:root{color-scheme:dark;--bg:#0a0a0a;--fg:#f5f5f5;--accent:#22c55e;--muted:#737373}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}main{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;text-align:center}h1{font-size:1rem;letter-spacing:.2em;text-transform:uppercase}h1,p{margin:0}p{max-width:28rem;color:var(--muted);font-size:.75rem;line-height:1.6}.talk-button{width:5.5rem;height:5.5rem;border:2px solid var(--accent);border-radius:9999px;background:transparent;color:var(--accent);font:inherit;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.talk-button:active{background:color-mix(in srgb,var(--accent) 15%,transparent)}.status-grid{display:grid;grid-gap:.5rem;gap:.5rem;width:100%;max-width:20rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.status-row{display:flex;justify-content:space-between;border:1px solid #262626;padding:.5rem .75rem;border-radius:.25rem}.status-row span:last-child{color:var(--accent)}.auth-line{max-width:28rem;font-size:.65rem;color:var(--muted)}.talk-zone{display:flex;flex-direction:column;align-items:center;gap:.75rem}.talk-button--active{background:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.transcript,.voice-reply{margin:0;max-width:24rem;font-size:.7rem;color:var(--fg);line-height:1.5}.voice-reply{color:var(--accent)}.interrupt-button{border:1px solid #525252;border-radius:.25rem;background:transparent;color:var(--muted);font:inherit;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .75rem;cursor:pointer}