:root{color:#f3f5f7;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0f13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#202632 0%,#0d0f13 46%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(100%,820px);margin:0 auto;padding:28px 16px 72px}.hero{padding:28px 6px 22px}.eyebrow{color:#9aa7b7;letter-spacing:.18em;margin:0 0 8px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,9vw,4.2rem);line-height:1.02}h2{margin:0;font-size:1.25rem}.hero-copy{color:#bdc6d0;max-width:620px;margin:18px 0 0;line-height:1.7}.panel,.metric-card{background:#181c23eb;border:1px solid #ffffff17;border-radius:22px;box-shadow:0 18px 50px #0000003d}.panel{padding:20px}.setup-panel{gap:20px;display:grid}.control-group{gap:10px;display:grid}.control-group label,.label{color:#aab4c0;font-size:.85rem;font-weight:700}.bpm-control{grid-template-columns:52px 1fr 52px;gap:10px;display:grid}.bpm-control button,.segmented-control button{color:#fff;background:#242a34;border:1px solid #ffffff1a;border-radius:14px;min-height:48px}.bpm-control input{color:#fff;text-align:center;background:#11151b;border:1px solid #ffffff1a;border-radius:16px;width:100%;min-height:58px;font-size:2rem;font-weight:800}.segmented-control{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented-control button.active{color:#11151b;background:#f0f4f8}.session-status{color:#d5dbe2;background:#11151b;border-radius:15px;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex}.status-dot{background:#687383;border-radius:999px;width:10px;height:10px}.status-recording .status-dot{background:#ff6961;box-shadow:0 0 0 6px #ff69611f}.status-complete .status-dot{background:#70d59c}.primary-button{color:#0d1015;background:#f4f7fa;border:0;border-radius:18px;min-height:60px;font-size:1rem;font-weight:900}.privacy-note{color:#8792a0;text-align:center;margin:-8px 0 0;font-size:.78rem}.error-panel{border-color:#ff696159;margin-top:16px}.error-panel p{color:#c8d0d8;margin-bottom:0}.results-stack{gap:16px;margin-top:18px;display:grid}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-card{gap:7px;padding:18px;display:grid}.metric-card span{color:#9aa7b7;font-size:.78rem}.metric-card strong{font-size:clamp(1.35rem,5vw,2rem)}.metric-card small{color:#778290;line-height:1.4}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}audio{width:100%;max-width:240px}.waveform-card{background:#0e1217;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.waveform-card svg{width:100%;min-height:180px;display:block}.waveform-axis{stroke:#2d3540;stroke-width:1px}.waveform-line{fill:none;stroke:#d9e1e8;stroke-width:2px}.expected-marker{stroke:#679aff85;stroke-width:1.5px}.onset-marker{fill:#ffb45f}.waveform-legend{color:#9aa7b7;gap:18px;padding:12px 14px;font-size:.75rem;display:flex}.waveform-legend span{align-items:center;gap:7px;display:inline-flex}.waveform-legend i{border-radius:50%;width:10px;height:10px;display:block}.legend-expected{background:#679aff}.legend-onset{background:#ffb45f}.debug-list{gap:0;margin:14px 0 0;display:grid}.debug-list div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:16px;padding:11px 0;display:flex}.debug-list dt{color:#8f9baa}.debug-list dd{text-align:right;margin:0}.export-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.export-actions button{color:#fff;background:#242a34;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px}.export-actions .primary-button{color:#0d1015;background:#f4f7fa;min-height:auto}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}audio{max-width:none}}