:root{--bg: #eceef1;--white: #ffffff;--text: #16181c;--muted: #8d939d;--faint: #b3b9c2;--line: #e6e9ed;--accent: #e0362a;--accent-soft: #fdecea;--sh-d: rgba(168, 176, 188, .5);--sh-l: #ffffff;--raise: 6px 6px 14px var(--sh-d), -6px -6px 14px var(--sh-l);--raise-sm: 3px 3px 8px var(--sh-d), -3px -3px 8px var(--sh-l);--press: inset 3px 3px 7px var(--sh-d), inset -3px -3px 7px var(--sh-l);--press-deep: inset 5px 5px 10px var(--sh-d), inset -5px -5px 10px var(--sh-l);--card-sh: 0 2px 12px rgba(150, 161, 176, .16);--raise-w: 0 2px 7px rgba(146, 158, 176, .3);--press-w: inset 2px 2px 6px rgba(146, 158, 176, .36), inset -2px -2px 5px #ffffff;--r-card: 20px;--r-btn: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overscroll-behavior:none}#app{width:100%;max-width:none;margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:env(safe-area-inset-top) 0 0}.bar-spacer{grid-column:3;width:44px;height:1px}.appbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:10px 14px 6px;flex:none}.appbar h1{grid-column:2;margin:0;text-align:center;font-size:17px;font-weight:600;letter-spacing:-.01em}.plus-chip{grid-column:3;justify-self:end;border:0;cursor:pointer;font:inherit;font-size:11px;font-weight:600;color:var(--muted);background:var(--bg);border-radius:999px;padding:7px 10px;box-shadow:var(--raise-sm)}.plus-chip:active{box-shadow:var(--press)}.plus-chip.on{color:var(--accent)}.screen{display:none;flex:1;flex-direction:column;gap:14px;padding:6px 18px 18px;overflow-y:auto}.screen.active{display:flex}.card{background:var(--white);border-radius:var(--r-card);box-shadow:var(--card-sh);padding:16px}.card.flush{padding:6px 0}.sec-k{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px}.sec-k .add{border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.sec-k .add:active{color:var(--accent)}.hint{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.empty{color:var(--faint);font-size:13px;text-align:center;padding:14px 0}.hero{flex:none;display:grid;place-items:center;padding:2px 0 6px}.hero svg{width:100%;max-width:260px;height:auto;display:block}#pendArm{transform-origin:150px 356px;pointer-events:none}#scrubZone{cursor:ns-resize;touch-action:none}.pm-num{font-size:9px;font-family:inherit;fill:#6f7883;font-variant-numeric:tabular-nums}#pendWeight{transition:y .25s ease}#scaleDot{transition:cy .25s ease}.bpm-card{background:var(--bg);border-radius:var(--r-card);box-shadow:var(--raise);padding:14px 18px 16px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;flex:none}.tempo-name{grid-column:2;text-align:center;font-size:13px;color:var(--muted);min-height:16px}.bpm-num{grid-column:2;grid-row:2;text-align:center;font-size:58px;font-weight:300;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.bpm-unit{grid-column:2;grid-row:3;text-align:center;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--muted)}.bpm-beat{grid-column:2;grid-row:4;justify-self:center;width:6px;height:6px;border-radius:50%;background:var(--faint);margin-top:6px;transition:none}.bpm-beat.on{background:var(--accent);transform:scale(1.5)}.round-btn{grid-row:2;width:52px;height:52px;border:0;border-radius:50%;background:var(--bg);box-shadow:var(--raise-sm);color:var(--text);font-size:22px;font-weight:300;cursor:pointer;display:grid;place-items:center}.round-btn:active{box-shadow:var(--press)}.round-btn.l{grid-column:1}.round-btn.r{grid-column:3}.transport{display:flex;align-items:center;justify-content:center;gap:26px;flex:none;padding:4px 0 2px}.tr-btn{width:54px;height:54px;border:0;border-radius:50%;background:var(--bg);box-shadow:var(--raise-sm);color:var(--muted);cursor:pointer;display:grid;place-items:center}.tr-btn:active{box-shadow:var(--press)}.tr-btn svg{width:18px;height:18px;fill:currentColor}.play-btn{position:relative;width:92px;height:92px;border:0;border-radius:50%;background:var(--bg);box-shadow:var(--raise);cursor:pointer;display:grid;place-items:center;color:var(--text)}.play-btn:active{box-shadow:var(--press-deep)}.play-btn svg{width:28px;height:28px;fill:currentColor}.play-btn:before{content:"";position:absolute;top:12px;width:6px;height:6px;border-radius:50%;background:var(--faint)}.play-btn.playing:before{background:var(--accent)}.row-list>*+*{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:50px}button.row{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}button.row:active{background:#f3f4f6}.row .lbl{flex:1;font-size:15px}.row .lbl small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.row .val{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.row .chev{color:var(--faint);font-size:15px}.row.sel{background:#f5f6f8}.row .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.row .more{border:0;background:none;color:var(--faint);font-size:18px;letter-spacing:2px;cursor:pointer;padding:4px 2px}.row .more:active{color:var(--accent)}.pill-row{display:flex;gap:10px;padding:4px 2px 2px;flex-wrap:wrap}.pill-row.g5{display:grid;grid-template-columns:repeat(5,1fr)}.pill-row.g4{display:grid;grid-template-columns:repeat(4,1fr)}.pill{position:relative;flex:1 1 0;min-width:54px;height:62px;border:0;border-radius:var(--r-btn);background:var(--bg);box-shadow:var(--raise-sm);cursor:pointer;color:var(--text);font:inherit;font-size:15px;display:grid;place-items:center;padding:0}.pill:active,.pill.sel{box-shadow:var(--press)}.pill.sel:after{content:"";position:absolute;bottom:8px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.pill.locked{color:var(--faint)}.pill .ts-n,.pill .ts-d{display:block;line-height:1.05}.pill svg{width:26px;height:30px;fill:var(--text)}.pill.locked svg{fill:var(--faint)}.pill small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.sound-row{display:flex;gap:8px;padding:6px 2px 2px}.sound{flex:1;border:0;background:none;cursor:pointer;font:inherit;padding:0;display:grid;justify-items:center;gap:6px}.sound .disc{position:relative;width:100%;aspect-ratio:1;max-width:54px;border-radius:50%;background:var(--bg);box-shadow:var(--raise-sm);display:grid;place-items:center}.sound.sel .disc{box-shadow:var(--press)}.sound.sel .disc:after{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.sound .disc svg{width:22px;height:22px;stroke:var(--text);stroke-width:1.6;stroke-linecap:round}.sound.locked .disc svg{stroke:var(--faint)}.sound .nm{font-size:11px;color:var(--muted)}.sound.sel .nm{color:var(--text)}.sound .lk{position:absolute;top:-2px;right:-2px;font-size:9px}.acc-dots{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:10px 4px 4px}.acc-dot{width:12px;height:12px;border:0;padding:0;border-radius:50%;background:#d7dbe1;cursor:pointer;transition:transform .08s}.acc-dot.on{background:var(--accent)}.acc-dot.now{transform:scale(1.5)}.pulse-wrap{position:relative;padding:12px 4px 4px}.pulse-wrap canvas{width:100%;height:56px;display:block}.pulse-wrap .needle{position:absolute;top:8px;bottom:0;width:1.5px;background:var(--text);left:50%}.pulse-wrap.off{opacity:.3}.slider-row{display:flex;align-items:center;gap:12px;padding:10px 6px 4px}.slider-row .ic{color:var(--muted);display:grid;place-items:center}.slider-row .ic svg{width:18px;height:18px;fill:currentColor}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:var(--bg);box-shadow:var(--press);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--white);box-shadow:0 2px 6px #78849480;cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--white);box-shadow:0 2px 6px #78849480;cursor:pointer}.mini-step{display:flex;align-items:center;gap:4px;flex:none}.mini-step button{width:30px;height:30px;border:0;border-radius:50%;background:var(--bg);box-shadow:var(--raise-sm);color:var(--text);font:inherit;font-size:16px;line-height:1;cursor:pointer}.mini-step button:active{box-shadow:var(--press)}.mini-step b{min-width:34px;text-align:center;font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}.switch{position:relative;width:46px;height:27px;border:0;border-radius:999px;background:var(--bg);box-shadow:var(--press);cursor:pointer;flex:none;padding:0}.switch i{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:var(--white);box-shadow:0 1px 4px #7884948c;transition:left .16s ease}.switch.on{background:var(--accent);box-shadow:none}.switch.on i{left:22px}.wide{width:100%;border:0;border-radius:var(--r-btn);background:var(--bg);box-shadow:var(--raise-sm);color:var(--text);font:inherit;font-size:15px;padding:14px;cursor:pointer}.wide:active{box-shadow:var(--press)}.wide.accent{color:var(--accent);font-weight:600}.wide.danger{color:var(--accent);margin-top:10px}.wide:disabled{color:var(--faint);box-shadow:var(--raise-sm);cursor:default}.tap-hint{text-align:center;font-size:12px;color:var(--muted);padding-top:8px;min-height:18px}.banner{background:var(--accent-soft);color:#a12a21;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45;margin:4px 0 8px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e222852;display:grid;align-items:end;justify-items:center;z-index:50}.sheet-bg[hidden]{display:none}.sheet{width:100%;max-width:480px;background:var(--bg);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #3c465438}.sheet h2{margin:4px 0 14px;font-size:16px;text-align:center;font-weight:600}.sheet .fld{display:flex;align-items:center;gap:12px;padding:8px 2px}.sheet .fld label{flex:1;font-size:14px;color:var(--muted)}.sheet input[type=text],.sheet input[type=number]{width:118px;border:0;border-radius:12px;background:var(--bg);box-shadow:var(--press);padding:11px 13px;font:inherit;font-size:15px;color:var(--text);outline:none}.sheet input[type=text]{flex:1;width:auto}.sheet .sheet-btns{display:flex;gap:10px;margin-top:14px}.ring-wrap{position:relative;display:grid;place-items:center;margin:16px 0}.ring{width:168px;height:168px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#dfe3e8;stroke-width:7}.ring-fg{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-dasharray:326.7}.ring-mid{position:absolute;font-size:34px;font-weight:300;font-variant-numeric:tabular-nums}.target-bpm{text-align:center}.target-bpm span{font-size:40px;font-weight:300;font-variant-numeric:tabular-nums}.target-bpm small{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.game-status{text-align:center;font-size:13px;color:var(--muted);min-height:18px;padding:6px 0}.tap-big{width:100%;height:84px;border:0;border-radius:var(--r-card);background:var(--bg);box-shadow:var(--raise);font:inherit;font-size:15px;font-weight:600;letter-spacing:.16em;color:var(--text);cursor:pointer}.tap-big:disabled{color:var(--faint)}.tap-big.fb-perfect{animation:fb .22s;color:var(--accent)}.tap-big.fb-good{animation:fb .22s}.tap-big.fb-off{animation:fb .22s;color:var(--faint)}@keyframes fb{0%{box-shadow:var(--press-deep)}to{box-shadow:var(--raise)}}.grade{text-align:center;font-size:42px;font-weight:300;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat{background:var(--bg);border-radius:14px;box-shadow:var(--press);padding:12px;text-align:center}.stat b{display:block;font-size:22px;font-weight:400;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:var(--muted);letter-spacing:.05em}.rank-item,.saved-item{display:flex;align-items:center;gap:10px;padding:11px 4px;font-size:14px}.rank-item+.rank-item,.saved-item+.saved-item{border-top:1px solid var(--line)}.rank-item .rk{width:22px}.rank-item .acc{font-weight:600;font-variant-numeric:tabular-nums}.rank-item .meta,.saved-item .src{flex:1;color:var(--muted);font-size:12px}.saved-item .b{font-variant-numeric:tabular-nums}.saved-item button,.rank-item button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:4px 6px}.saved-item button:active{color:var(--accent)}.result-bpm{text-align:center;font-size:46px;font-weight:300;font-variant-numeric:tabular-nums;padding:4px 0}.result-bpm.dim{color:var(--faint)}.conf-bar,.level-meter{height:6px;border-radius:999px;background:var(--bg);box-shadow:var(--press);overflow:hidden;margin:6px 0}.conf-bar i,.level-meter i{display:block;height:100%;width:0%;border-radius:999px;background:var(--accent);transition:width .12s linear}.level-meter i{background:var(--faint)}.conf-label,.status{text-align:center;font-size:12px;color:var(--muted);padding:4px 0 10px}.status.err{color:var(--accent)}.cand{display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:14px;border-top:1px solid var(--line)}.cand .b{flex:1;font-variant-numeric:tabular-nums}.cand button{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.btn-2{display:flex;gap:10px;margin-top:10px}.tabbar{flex:none;display:flex;gap:8px;padding:8px 18px calc(10px + env(safe-area-inset-bottom));background:var(--bg)}.tabbar button{flex:1;border:0;border-radius:var(--r-btn);background:var(--bg);cursor:pointer;font:inherit;font-size:10px;color:var(--muted);padding:10px 0 9px;display:grid;justify-items:center;gap:5px}.tabbar button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabbar button.active{color:var(--accent);box-shadow:var(--raise-sm)}.card .wide,.card .pill,.card .tap-big,.card .stat,.card .mini-step button,.card .switch,.card .sound .disc,.card input[type=range],.card .conf-bar,.card .level-meter{background:var(--white)}.card .wide,.card .pill,.card .tap-big,.card .mini-step button,.card .sound .disc{box-shadow:var(--raise-w)}.card .wide:active,.card .wide:disabled,.card .pill:active,.card .pill.sel,.card .tap-big:active,.card .mini-step button:active,.card .sound.sel .disc,.card .switch,.card .stat,.card input[type=range],.card .conf-bar,.card .level-meter{box-shadow:var(--press-w)}.card .switch.on{background:var(--accent);box-shadow:none}.card .tap-big.fb-perfect,.card .tap-big.fb-good,.card .tap-big.fb-off{animation:fb-w .22s}@keyframes fb-w{0%{box-shadow:var(--press-w)}to{box-shadow:var(--raise-w)}}.ad-banner{flex:none;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);color:var(--faint);font-size:12px}.ad-banner[hidden]{display:none}.ad-tag{font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.ad-fill{color:var(--muted)}.ad-inter{position:fixed;top:0;right:0;bottom:0;left:0;background:#16181c8c;display:grid;place-items:center;z-index:80;padding:24px}.ad-inter-card{position:relative;width:min(340px,90vw);aspect-ratio:3 / 4;max-height:80vh;background:var(--white);border-radius:22px;box-shadow:var(--card-sh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ad-inter-card .ad-tag{position:absolute;top:12px;left:12px}.ad-inter-body{font-size:22px;font-weight:300;letter-spacing:-.02em;text-align:center;color:var(--text)}.ad-inter-body small{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)}.ad-inter-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer}.ad-inter-x:disabled{color:var(--faint);cursor:default}.consent-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e222866;display:grid;place-items:end center;z-index:90}.consent-card{width:100%;max-width:480px;background:var(--bg);border-radius:22px 22px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #5a667838}.consent-card h2{margin:0 0 8px;font-size:18px;font-weight:600}.consent-card p{margin:0 0 16px;color:var(--muted);font-size:13.5px;line-height:1.55}.consent-btns{display:grid;gap:10px}.consent-fine{display:block;margin-top:12px;text-align:center;color:var(--faint);font-size:11.5px}@media(min-width:620px){.consent-card{border-radius:22px;max-width:380px;margin-bottom:6vh}.consent-bg{place-items:center}}.lang-row{display:flex;flex-wrap:wrap;gap:8px}.lang-pill{border:0;border-radius:var(--r-btn);background:var(--bg);box-shadow:var(--raise-sm);color:var(--text);font:inherit;font-size:13px;padding:9px 14px;cursor:pointer}.lang-pill:active{box-shadow:var(--press)}.lang-pill.sel{box-shadow:var(--press);color:var(--accent);font-weight:600}:root[dir=rtl] .row .chev{transform:scaleX(-1)}