:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f1;--surface:#fff;--fg:#1c1c1a;--muted:#6b6b65;--line:#e2e0d9;--accent:#2f5bd3;--accent-fg:#fff;--speak:#2f5bd3;--listen:#1f8a5b;--error:#b42318;--radius:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151514;--surface:#1f1f1d;--fg:#ecebe7;--muted:#9d9c95;--line:#34332f;--accent:#7c9cf5;--accent-fg:#0f1220;--speak:#7c9cf5;--listen:#4cc38a;--error:#f97066}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.card,.session{width:100%;max-width:34rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px}h1{margin:0 0 12px;font-size:1.5rem;line-height:1.25}p{margin:0 0 14px}.muted{color:var(--muted);font-size:.95rem}.error{color:var(--error)}label{color:var(--muted);margin-bottom:8px;display:block}input{width:100%;font:inherit;letter-spacing:.2em;text-align:center;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:12px;margin-bottom:14px;padding:12px;font-size:1.5rem}button{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--fg);cursor:pointer;border-radius:999px;padding:10px 20px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}button.big{width:100%;min-height:56px;margin-top:8px;font-size:1.1rem}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}form button{width:100%}.session{text-align:center}.progress{color:var(--muted);min-height:1.4em;margin-bottom:20px;font-size:.9rem}.status{min-height:1.6em;margin:18px 0 10px;font-weight:600}.prompt{max-width:30rem;margin:0 auto 28px;font-size:1.2rem;line-height:1.5}.prompt p:last-child{margin-bottom:0}.orb{width:120px;height:120px;margin:0 auto;position:relative}.orb:before,.ring{content:"";border-radius:50%;position:absolute;inset:0}.orb:before{background:var(--surface);border:1px solid var(--line);z-index:1}.ring{background:var(--speak);opacity:.25;transition:transform 80ms linear,background .2s}[data-phase=speaking] .ring,[data-phase=reminder] .ring{animation:1.6s ease-in-out infinite pulse}[data-phase=listening] .ring{background:var(--listen)}[data-phase=listening] .ring.speech{opacity:.45}[data-phase=listening] .status{color:var(--listen)}[data-phase=pausing] .ring{opacity:.1}@keyframes pulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){[data-phase=speaking] .ring,[data-phase=reminder] .ring{animation:none;transform:scale(1.2)}}.controls{flex-wrap:wrap;justify-content:center;gap:12px;min-height:48px;display:flex}.controls button{flex:10rem;max-width:16rem}