:root{--bg: #11151c;--surface: #1a202b;--surface-2: #232b38;--text: #e8ecf3;--muted: #8b94a3;--accent: #6ea8fe;--accent-strong: #3d7bfa;--error: #ff8f8f;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{max-width:560px;margin:0 auto;padding:24px 16px 64px}.top{display:flex;align-items:baseline;gap:12px}.top h1{font-size:1.6rem;letter-spacing:.02em;cursor:pointer;margin:8px 0 4px}.badge{background:var(--surface-2);color:var(--accent);border-radius:999px;padding:2px 12px;font-size:.85rem;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;margin:8px 0 20px}.tabs button{flex:1;background:none;border:none;color:var(--muted);padding:8px 4px;border-bottom:2px solid transparent;font-size:.95rem;cursor:pointer}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs button:disabled{opacity:.35;cursor:default}.card{background:var(--surface);border-radius:var(--radius);padding:24px 20px;margin-bottom:16px}.card h2{margin:0 0 8px;font-size:1.2rem}.muted{color:var(--muted);font-size:.92rem}.error{color:var(--error)}.disclaimer{color:var(--muted);font-size:.8rem;border-top:1px solid var(--surface-2);padding-top:12px;margin-top:20px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px;align-items:center}button{background:var(--surface-2);color:var(--text);border:none;border-radius:10px;padding:10px 18px;font-size:.95rem;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent-strong);color:#fff}button.big{width:100%;padding:16px;font-size:1.05rem}button.link{background:none;color:var(--muted);text-decoration:underline;padding:8px 4px}button.toggle{border:1px solid var(--surface-2)}button.toggle.on{border-color:var(--accent);color:var(--accent)}.live-pitch{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;background:var(--surface-2);border-radius:var(--radius);margin:16px 0}.live-pitch .note{font-size:2.4rem;font-weight:600;color:var(--accent)}.live-pitch .hz{color:var(--muted);font-variant-numeric:tabular-nums}.exercise{text-align:center}.exercise-copy{min-height:4.5em;font-size:1.05rem}.phase-dots{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.dot{width:8px;height:8px;border-radius:50%;background:var(--surface-2)}.dot.active{background:var(--accent)}.progress{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin:18px 0 8px}.progress-bar{height:100%;background:var(--accent);transition:width .3s linear}.file-drop{display:block;border:1px dashed var(--muted);border-radius:var(--radius);padding:22px;text-align:center;color:var(--muted);cursor:pointer;margin:14px 0}.file-drop input{display:none}.auth{margin-top:24px;text-align:center}.auth form{display:flex;gap:8px;justify-content:center}.auth input{background:var(--surface);border:1px solid var(--surface-2);color:var(--text);border-radius:10px;padding:9px 14px;min-width:240px}