.tempo-page{color:#f5f5f7;max-width:1160px;margin:0 auto;padding:64px 48px 80px}.tempo-page h1,.tempo-page h2,.tempo-page h3,.tempo-page p{margin:0}.tempo-intro{text-align:center;max-width:760px;margin:0 auto 34px}.tempo-intro h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(44px,5.2vw,68px);font-weight:650;line-height:1.04}.tempo-page p{color:#a4a7b0;font-size:15px;line-height:1.85}.tempo-intro>p{font-size:16px;line-height:1.75}.tempo-intro .tempo-free{color:#c0c3cd;margin-top:14px;font-size:13px}.tempo-counter{background:#111319;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:28px 42px;max-width:880px;margin:0 auto;padding:34px;display:grid}.tempo-reading{align-self:center;min-width:0}.tempo-reading-label{color:#b8bbc6;font-size:13px}.tempo-result{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0;display:flex}.tempo-result output{letter-spacing:-.065em;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:clamp(60px,6.5vw,86px);font-weight:600;line-height:1.1}.tempo-result>span{color:#b8bbc6;font-size:15px}.tempo-reading .tempo-status{max-width:320px;min-height:50px;font-size:13px;line-height:1.7}.tempo-ticks{gap:5px;max-width:220px;margin:17px 0 8px;display:flex}.tempo-ticks span{background:#343844;border-radius:3px;flex:1;height:5px}.tempo-ticks [data-filled=true]{background:#9a85ff}.tempo-reading .tempo-count{font-size:12px}.tempo-pad{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(130deg,#4268ff,#8254f6 64%,#bc30d8);border:1px solid #9b7bf2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:248px;padding:26px 18px;transition:transform .12s ease-out,filter .12s ease-out;display:flex}.tempo-pad>span:not(.tempo-pad-mark){letter-spacing:-.035em;font-size:24px;font-weight:600}.tempo-pad small{font-size:12px}.tempo-pad-mark{justify-content:center;align-items:center;gap:7px;height:66px;margin-bottom:4px;display:flex}.tempo-pad-mark i{background:#ffffffe6;border-radius:8px;width:7px;display:block}.tempo-pad:active:not(:disabled){filter:brightness(1.12);transform:scale(.98)}.tempo-controls{border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.tempo-multiplier{border:0;min-width:0;margin:0;padding:0}.tempo-multiplier legend{color:#c5c7d0;margin-bottom:10px;padding:0;font-size:13px}.tempo-multiplier>div{background:#090a0d;border:1px solid #343743;border-radius:11px;gap:4px;padding:3px;display:inline-flex}.tempo-multiplier button{color:#c1c4ce;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-width:60px;min-height:44px;font-size:14px}.tempo-multiplier [aria-pressed=true]{color:#fff;background:#302944;border-color:#61578a}.tempo-multiplier p{margin-top:8px;font-size:11px}.tempo-actions{flex-wrap:wrap;gap:10px;display:flex}.tempo-page .studio-button{cursor:pointer;min-height:44px;font-size:13px}.tempo-page button:disabled,.tempo-page fieldset:disabled button{opacity:.5;cursor:default}.tempo-page :is(button,a):focus-visible{outline-offset:5px;outline:2px solid #b9a5ff}.tempo-continue{grid-column:1/-1;align-items:center;gap:22px;display:flex}.tempo-continue .studio-primary{color:#fff;background:linear-gradient(120deg,#4268ff,#8254f6 65%,#bc30d8);border-color:#9275eb;flex-shrink:0}.tempo-continue p{max-width:440px;font-size:12px;line-height:1.7}.tempo-feedback{grid-column:1/-1;min-height:22px;margin-top:-12px}.tempo-feedback p{font-size:13px}.tempo-feedback .studio-error{color:#ffb9b4}.tempo-page h2{letter-spacing:-.04em;font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.18}.tempo-page h3{letter-spacing:-.025em;font-size:18px;font-weight:570;line-height:1.35}.tempo-how,.tempo-scenarios,.tempo-creative,.tempo-faq{margin-top:76px}.tempo-how>h2,.tempo-scenarios>h2,.tempo-faq>h2{text-align:center;margin-bottom:24px}.tempo-section-intro{text-align:center;max-width:790px;margin:0 auto!important}.tempo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:34px 0 0;padding:0;list-style:none;display:grid}.tempo-step-number{color:#b7a5ff;margin-bottom:18px;font-size:13px;font-weight:600;display:block}.tempo-steps h3,.tempo-scenarios h3{margin-bottom:12px}.tempo-steps p,.tempo-scenarios p{font-size:14px}.tempo-beat-reading{border-top:1px solid #ffffff1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;margin-top:72px;padding-top:42px;display:grid}.tempo-beat-reading h2{margin-bottom:18px;font-size:27px}.tempo-example{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;display:grid}.tempo-example>span{font-variant-numeric:tabular-nums;text-align:center;border:1px solid #343442;border-radius:10px;padding:15px 10px;font-size:24px}.tempo-example>span:nth-child(2){background:#201a2c;border-color:#695687}.tempo-example small{color:#b8bbc6;font-size:10px}.tempo-example b{color:#c4b5f1;margin-top:6px;font-size:12px;font-weight:500;display:block}.tempo-scenarios>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px;display:grid}.tempo-scenarios article{border-top:1px solid #35303f;padding-top:22px}.tempo-limits{background:#111319;border-left:2px solid #71619b;border-radius:0 12px 12px 0;max-width:860px;margin:58px auto 0;padding:28px 30px}.tempo-limits h2{margin-bottom:16px;font-size:25px}.tempo-creative{max-width:850px;margin-inline:auto}.tempo-creative h2{margin-bottom:20px}.tempo-related{flex-wrap:wrap;gap:6px 24px;margin-top:22px;display:flex}.tempo-related a{color:#c4b5ff;text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.tempo-faq{max-width:850px;margin-inline:auto}.tempo-faq [data-slot=accordion-item]{border-color:#30303c}.tempo-faq [data-slot=accordion-content] p{padding-bottom:22px;font-size:14px}@media (hover:hover) and (pointer:fine){.tempo-pad:hover:not(:disabled){filter:brightness(1.08)}.tempo-continue .studio-primary:hover:not(:disabled){background:linear-gradient(120deg,#4b71ff,#8a60fb 65%,#bc30d8);border-color:#b49aef}.tempo-multiplier button:hover:not(:disabled){color:#fff}.tempo-related a:hover{color:#e0d6ff}}@media (width<=800px){.tempo-page{padding:48px 28px 64px}.tempo-counter{gap:24px;padding:26px}.tempo-continue{flex-direction:column;align-items:flex-start;gap:14px}.tempo-steps,.tempo-scenarios>div{grid-template-columns:1fr;gap:28px}.tempo-step-number{margin-bottom:8px}.tempo-beat-reading{gap:30px}.tempo-controls{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=560px){.tempo-page{padding:36px 18px 54px}.tempo-intro{text-align:left;margin-bottom:26px}.tempo-intro h1{font-size:48px}.tempo-counter{border-radius:16px;grid-template-columns:1fr;gap:20px;padding:22px 20px}.tempo-reading{text-align:center}.tempo-result{justify-content:center}.tempo-result output{font-size:70px}.tempo-reading .tempo-status{min-height:44px;margin-inline:auto}.tempo-ticks{margin-inline:auto}.tempo-pad{gap:8px;min-height:192px}.tempo-pad-mark{margin-bottom:0;transform:scale(.8)}.tempo-controls{padding-top:20px}.tempo-actions,.tempo-continue,.tempo-continue .studio-primary{width:100%}.tempo-actions>button{flex:1}.tempo-beat-reading{grid-template-columns:1fr;margin-top:48px;padding-top:30px}.tempo-how,.tempo-scenarios,.tempo-creative,.tempo-faq{margin-top:52px}.tempo-how>h2,.tempo-scenarios>h2,.tempo-faq>h2,.tempo-section-intro{text-align:left}.tempo-limits{margin-top:42px;padding:22px}.tempo-related{flex-direction:column}}@media (prefers-reduced-motion:reduce){.tempo-page *,.tempo-page :before,.tempo-page :after{transition:none!important;animation:none!important}.tempo-pad:active:not(:disabled){transform:none}}