:root{--background:#0c1422;--foreground:#f0f5fc;--card:#121e30;--primary:#68baff;--primary-foreground:#08223a;--border:#30435d;--radius:.85rem;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:1rem}.shell{max-width:64rem;margin:auto;padding:2rem 1.25rem;min-height:100svh;display:grid;place-items:center}.voice-panel{width:100%;max-width:31rem;text-align:center;padding:2rem 1rem}.voice-mark{--volume:0;margin:auto;display:grid;place-items:center;width:8.5rem;height:8.5rem;border-radius:50%;background:#15283e;color:#84c7ff;border:1px solid #304962;transition:background .25s}.voice-mark.live{background:#143b5e;transform:scale(calc(1 + var(--volume) * .13));box-shadow:0 0 0 calc(12px + var(--volume) * 14px) rgb(104 186 255 / calc(.05 + var(--volume) * .15)),0 0 calc(10px + var(--volume) * 32px) rgb(104 186 255 / calc(var(--volume) * .2))}h1{font-size:clamp(2.2rem,7vw,3.2rem);font-weight:500;letter-spacing:-.035em;margin:2.4rem 0 .65rem}.status{color:#b9c9dc;margin:0;min-height:1.5rem}.controls{display:flex;gap:.85rem;justify-content:center;margin-top:2.4rem}button{display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:.85rem;border:1px solid #425b76;min-height:3.6rem;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.start{background:#68baff;color:#08223a;border-color:#68baff}.start:hover:not(:disabled){background:#9ad1ff}.stop{background:#461e2a;color:#ffc7d0;border-color:#733346}.stop:hover:not(:disabled){background:#602638}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #eef7ff;outline-offset:4px}.error{color:#ffb6b6;min-height:3.3rem;font-size:1rem;line-height:1.5;margin:1.4rem 0 0}.note{color:#94a7be;font-size:.875rem;line-height:1.5;margin:1.4rem 0 0}@media(max-width:360px){button{padding:.8rem 1.2rem}}@media(prefers-reduced-motion:reduce){.voice-mark.live{transform:none}}.auth-panel{width:100%;max-width:27rem;text-align:center}.auth-panel h1{margin:0 0 1.5rem}.auth-panel form{display:grid;gap:1rem;text-align:left;margin:1.5rem 0}label{display:grid;gap:.5rem;color:#b9c9dc}input{padding:.85rem;border:1px solid #425b76;border-radius:.65rem;background:#162338;color:#f0f5fc;font:inherit;width:100%}input:focus-visible{outline:2px solid #68baff;outline-offset:2px}.auth-panel button{width:100%}.auth-message{min-height:3rem;color:#ffb6b6;line-height:1.5}.text-button{background:transparent;color:#b9c9dc;border:0;min-height:2.75rem;padding:.5rem;font-weight:400}.account{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:#94a7be}@media(max-width:450px){.account{position:static;justify-content:center;flex-wrap:wrap;padding:.5rem}.account+.shell{min-height:calc(100svh - 4rem)}}