:root{font-family:system-ui,-apple-system,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:#202020;background:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0}button{font:inherit}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #202020;outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.tempo-main{max-width:1000px;margin:auto;padding:48px 40px}.intro h1{font-size:clamp(30px,4vw,44px);font-weight:650;letter-spacing:-1px;margin:0 0 16px}.intro p{font-size:15px;line-height:1.9;color:#555;margin:0}.tempo-workspace{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0 48px;border-block:1px solid #dedede;padding-block:32px}.tempo-result{display:flex;flex-direction:column;justify-content:center}.result-heading{font-size:13px;color:#555;margin:0}.tempo-number{display:flex;align-items:baseline;gap:12px;margin:12px 0 0}.tempo-number output{font-size:clamp(64px,8vw,88px);font-weight:650;line-height:1.2;letter-spacing:-3px;font-variant-numeric:tabular-nums}.tempo-number span{font-size:16px;color:#555}#tempo-scale{font-size:12px;color:#666;min-height:18px}.tempo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tempo-actions button{min-height:44px;border:1px solid #aaa;background:#fff;padding:10px 16px;border-radius:3px;color:#202020;font-size:13px;cursor:pointer}.tempo-actions button:disabled{color:#888;border-color:#dedede;cursor:default}.tempo-actions button:hover:not(:disabled){background:#f2f2f2}.tap-area{display:flex;flex-direction:column;gap:12px}#tap{width:100%;min-height:220px;background:#202020;color:#fff;border:2px solid #202020;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}#tap strong{font-size:32px;letter-spacing:1px;font-weight:600}#tap span{font-size:13px;color:#ccc}#tap.is-tapped{background:#555;border-color:#555}#tempo-status{font-size:12px;color:#555;line-height:1.8;min-height:44px;margin:0}.guide{margin-block:40px;line-height:1.9}.guide h2,.faq h2{font-size:23px;font-weight:650}.guide h3{font-size:16px}.guide p{font-size:14px;color:#555}.faq details{border-bottom:1px solid #dedede;padding:16px 0}.faq summary{font-size:14px;cursor:pointer}.faq details p{font-size:13px;color:#555;line-height:1.9}.tempo-footer{border-top:1px solid #dedede;padding-top:24px;margin-top:48px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#555}.tempo-footer nav{display:flex;flex-wrap:wrap;gap:18px}.document{max-width:800px;line-height:1.9}.document h1{font-size:30px}.document h2{font-size:19px;margin-top:32px}.document p{font-size:14px}@media(max-width:680px){.tempo-main{padding:32px 24px}.tempo-workspace{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-block:24px}.tempo-number output{font-size:72px}.tempo-number{margin-top:8px}#tap{min-height:180px}.tempo-footer{flex-direction:column}.intro h1{font-size:30px}.guide h2,.faq h2{font-size:21px}}