:root{--black:#1a1a1a;--black-soft:#242424;--black-card:#2a2a2a;--gold:#daa520;--gold-light:#f0c04a;--gold-dim:#daa52026;--text:#f2f0ea;--text-dim:#b7b3a8;--text-muted:#8a8578;--border:#3a3a3a;--success:#4caf6d;--danger:#d9534f;--warning:#e0a83c;--sans:"Montserrat", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);color:var(--text);background:var(--black);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--black);min-height:100svh;margin:0;padding:0}#root{flex-direction:column;max-width:560px;min-height:100svh;margin:0 auto;display:flex;position:relative}h1,h2,h3,h4{font-family:var(--sans);color:var(--text);margin:0 0 8px}h1{letter-spacing:-.4px;font-size:28px;font-weight:800}h2{font-size:20px;font-weight:700}h3{color:var(--gold-light);text-transform:uppercase;letter-spacing:.6px;font-size:16px;font-weight:600}p{color:var(--text-dim);margin:0 0 8px;line-height:1.5}button{font-family:var(--sans)}a{color:var(--gold)}::selection{background:var(--gold-dim);color:var(--gold-light)}.btn{font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:700;transition:transform 80ms,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--gold-light)}.btn-secondary{background:var(--black-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--gold)}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-block{width:100%}.card{background:var(--black-card);border:1px solid var(--border);border-radius:16px;padding:18px}.pill{background:var(--gold-dim);color:var(--gold-light);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.progress-track{background:var(--black-soft);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:999px;height:100%;transition:width .4s}.icon-btn{background:var(--gold-dim);border:1px solid var(--gold-dim);width:44px;min-width:44px;height:44px;color:var(--gold-light);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s,transform 80ms;display:inline-flex}.icon-btn:active{transform:scale(.93)}.icon-btn.listening{background:var(--danger);color:#fff;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.scroll-page{padding:20px 16px calc(96px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}