.screen[data-v-4b0114ae]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;-webkit-user-select:none;user-select:none;background:var(--bg-tap);transition:background .08s ease;cursor:pointer;position:relative}.screen.active[data-v-4b0114ae]{background:var(--accent)}.sound-switch[data-v-4b0114ae]{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.6rem;z-index:2}.switch-label[data-v-4b0114ae]{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.switch[data-v-4b0114ae]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-4b0114ae]{opacity:0;width:0;height:0}.slider[data-v-4b0114ae]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#3a3a4a;border-radius:24px;transition:background .2s ease}.slider[data-v-4b0114ae]:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--fg);border-radius:50%;transition:transform .2s ease}.switch input:checked+.slider[data-v-4b0114ae]{background:var(--accent)}.switch input:checked+.slider[data-v-4b0114ae]:before{transform:translate(20px);background:#0e0e12}.readout[data-v-4b0114ae]{text-align:center}.bpm[data-v-4b0114ae]{font-size:clamp(5rem,22vw,12rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.label[data-v-4b0114ae]{font-size:1.25rem;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}.hint[data-v-4b0114ae]{color:var(--muted);font-size:.95rem;text-align:center}.hint kbd[data-v-4b0114ae]{background:#2a2a38;border-radius:4px;padding:.1rem .4rem;font-size:.85rem}.taps[data-v-4b0114ae]{color:var(--muted);font-size:.9rem}.controls[data-v-4b0114ae]{display:flex;gap:1rem;z-index:1}.btn[data-v-4b0114ae]{border:none;border-radius:999px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;color:#0e0e12;transition:opacity .15s ease,transform .05s ease}.btn[data-v-4b0114ae]:disabled{opacity:.35;cursor:not-allowed}.btn[data-v-4b0114ae]:not(:disabled):active{transform:scale(.96)}.stop[data-v-4b0114ae]{background:#fbbf24}.play[data-v-4b0114ae]{background:var(--accent)}:root{--bg: #0e0e12;--bg-tap: #1a1a24;--fg: #f4f4f8;--accent: #6ee7b7;--muted: #8a8aa0}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}#app{display:flex}