:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f8fb;--fg:#0f172a;--muted:#64748b;--card:#fff;--border:#e2e8f0;--brand:#2563eb;--brand-soft:#2563eb47;--rec:#dc2626;--rec-soft:#dc262659;--ok:#16a34a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--fg:#e2e8f0;--muted:#94a3b8;--card:#111a2e;--border:#1e293b;--brand:#3b82f6;--brand-soft:#3b82f64d;--rec:#ef4444;--rec-soft:#ef444459;--ok:#22c55e}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);flex-direction:column;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px 0;display:flex}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.mic{aspect-ratio:1;background:var(--brand);color:#fff;width:min(56vw,220px);box-shadow:0 12px 32px var(--brand-soft);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;place-items:center;transition:background-color .2s,box-shadow .2s;display:grid}.mic svg{width:42%;height:42%}.mic .stop,.mic.listening .icon{display:none}.mic.listening .stop{display:block}.mic.listening{background:var(--rec);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--rec-soft)}50%{box-shadow:0 0 0 22px #0000}}.primary{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:13px 28px;font-weight:600}.primary:disabled{background:var(--border);color:var(--muted);cursor:default}.status{max-width:32em;margin:0;font-size:1.05rem;font-weight:500}.transcript{color:var(--muted);max-width:32em;min-height:1.45em;margin:0}.setup{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:420px;display:flex}.setup h2{text-align:center;letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:650}.hint{color:var(--muted);text-align:center;margin:0;font-size:.95rem}.hint:empty{display:none}.steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.steps li{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #0f172a0a}.steps li>div{flex:1}.steps small{color:var(--muted);display:block}.step-btn{border:1px solid var(--brand);color:var(--brand);background:0 0;border-radius:8px;padding:7px 16px;font-weight:600}.step-btn.ready{background:var(--brand);color:#fff;animation:1.6s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 0 0 var(--brand-soft)}50%{box-shadow:0 0 0 8px #0000}}.steps li.done .step-btn{display:none}.steps li.done:after{content:"✓";color:var(--ok);font-size:1.3rem;font-weight:700}.setup .primary{align-self:center;min-width:160px}footer{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:12px 0;font-size:.9rem;display:flex}.sheet-backdrop{z-index:10;background:#0f172a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:440px;padding:24px 20px calc(20px + env(safe-area-inset-bottom));background:var(--card);border-radius:18px 18px 0 0;flex-direction:column;gap:12px;display:flex;box-shadow:0 -8px 32px #0f172a33}.sheet h2{text-align:center;margin:0;font-size:1.3rem}.perks{color:var(--fg);margin:0;padding-left:20px;font-size:.95rem}.perks li{margin:4px 0}.plan-btn{border:1px solid var(--brand);color:var(--fg);background:0 0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.plan-btn:first-of-type{background:var(--brand);color:#fff}.plan-btn small{font-weight:600}.plan-btn:disabled{opacity:.6}.sheet .link{color:var(--muted);align-self:center}.fine{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.fine a{color:var(--muted)}.link{color:var(--brand);background:0 0;border:0;padding:4px;text-decoration:underline}