:root{color:#f5f2e9;font-synthesis:none;background:#0c0e0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 4%,#97ffc21f,#0000 28rem),radial-gradient(circle at 2% 60%,#ff91531a,#0000 25rem),#0c0e0d;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input{color:inherit;background:#171a18;border:1px solid #3a3e3a;border-radius:.7rem}button{cursor:pointer;padding:.72rem 1rem;transition:transform .14s,border-color .14s,background .14s}button:hover:not(:disabled){border-color:#7a8179;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:2px solid #8ef5b6;outline-offset:2px}input:focus-visible{outline:2px solid #8ef5b6;outline-offset:2px}select:focus-visible{outline:2px solid #8ef5b6;outline-offset:2px}select,input{width:100%;padding:.78rem .9rem}label{display:grid;color:#a9afa8;gap:.45rem;font-size:.8rem}.shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0 2rem}.masthead{display:flex;justify-content:space-between;align-items: flex-start;gap:2rem;margin-bottom:2rem}.eyebrow{color:#92eeb5;letter-spacing:.16em;margin:0 0 .5rem;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:-.035em;margin:0}h1{max-width:720px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,9vw,7.5rem);font-weight:500;line-height:.82}h2{font-size:1.25rem}.lede{color:#adb3ad;max-width:690px;margin:1.3rem 0 0;font-size:1.05rem;line-height:1.6}.error-banner{color:#ffb49f;background:#2a1713;border:1px solid #8b4739;border-radius:.8rem;margin-bottom:1rem;padding:.9rem 1rem}.notice-banner{color:#aaf0c2;background:#12231a;border:1px solid #4f8964;border-radius:.8rem;margin-bottom:1rem;padding:.9rem 1rem}.control-deck,.panel,.confirmations{background:#141715db;border:1px solid #292d29;border-radius:1rem;box-shadow:0 18px 70px #00000047}.control-deck{display:grid;grid-template-columns:1.25fr .75fr 1.6fr;align-items: end;gap:1rem;padding:1rem}.selector-group{display:grid;grid-template-columns:1fr auto;align-items: end;gap:.5rem}.quiet-button{padding-inline-start:.75rem;padding-inline-end:.75rem}.session-control{display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:.8rem}.session-control strong{display:block;text-transform:capitalize}.status-label{display:block;color:#7f877f;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.state-orb{background:#66706a;border-radius:999px;width:.8rem;height:.8rem;box-shadow:0 0 0 5px #66706a1a}.state-listening{background:#8ef5b6;box-shadow:0 0 0 5px #8ef5b61f,0 0 20px #8ef5b659}.state-speaking{background:#ffa36e;box-shadow:0 0 0 5px #ffa36e1f,0 0 20px #ffa36e59}.state-thinking,.state-connecting{background:#e4d878}.primary-button{color:#0d1711;background:#8ef5b6;border-color:#8ef5b6;font-weight:800}.danger-button{color:#ffb4a3;background:#2a1713;border-color:#bd604d}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.control-deck>.button-row{grid-column:1/3}.relay{display:grid;grid-template-columns:1fr auto;gap:.5rem}.confirmations{border-color:#6f6332;margin-top:1rem;padding:1rem}.confirmation-card{display:flex;background:#201f14;border-radius:.8rem;justify-content:space-between;align-items: center;gap:1rem;margin-top:1rem;padding:1rem}pre{overflow:auto;color:#d4d1c5;white-space:pre-wrap;max-width:700px;margin:.7rem 0 0;font:.78rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.workbench{display:grid;grid-template-columns:1.35fr .85fr;gap:1rem;margin-top:1rem}.panel{min-height:430px;padding:1rem}.section-heading{border-bottom:1px solid #292d29;padding-bottom:.9rem}.scroll-stack{overflow:auto;max-height:520px;padding-top:.5rem}.empty{color:#747b75}.transcript-line{display:grid;grid-template-columns:5.5rem 1fr;border-bottom:1px solid #252925;gap:1rem;margin:0;padding:.85rem 0;line-height:1.55}.transcript-line span{color:#8ef5b6;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.transcript-line.assistant_caption span{color:#ffa36e}.activity-line{color:#afb5af;border-bottom:1px solid #252925;margin:0;padding:.7rem 0;font-size:.9rem;line-height:1.45}.activity-line.good{color:#9ee9bb}.activity-line.warn{color:#ffc19e}footer{display:flex;color:#686f69;justify-content:space-between;gap:1rem;padding-top:1.25rem;font-size:.78rem}.pairing-shell{width:min(760px,100% - 2rem);margin:0 auto;padding:3rem 0}.pairing-header{margin-bottom:2rem}.pairing-header h1,.pairing-shell>h1{font-size:clamp(2.8rem,9vw,5.8rem);line-height:.92}.pairing-card{background:#141715e6;border:1px solid #292d29;border-radius:1rem;margin-top:1rem;padding:1.1rem;box-shadow:0 18px 70px #00000047}.pairing-form{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-top:1.2rem}.pairing-code-input{letter-spacing:.15em;text-align:center;min-width:0;font:700 clamp(1.5rem,7vw,2.4rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.device-card,.authenticated-card{display:flex;justify-content:space-between;align-items: center;gap:1rem}.device-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:.7rem}.browser-invite-card{display:grid;gap:1rem}.browser-invite-card a{color:#9ff5bd;overflow-wrap:anywhere}.invite-code-row{display:flex;flex-wrap:wrap;align-items: center;gap:.7rem}.voice-settings-card{display:grid;grid-template-columns:1fr minmax(250px,.75fr);align-items: end;gap:1rem}.voice-settings-card p:not(.eyebrow){color:#adb3ad;margin:.55rem 0 0;line-height:1.5}.voice-picker{display:grid;grid-template-columns:1fr 1fr;align-items: end;gap:.75rem}.voice-picker .primary-button{grid-column:1/-1}.voice-picker small{grid-column:1/-1;color:#c5ad70}.connection-pill{color:#aeb5af;text-transform:uppercase;letter-spacing:.08em;border:1px solid #4a514b;border-radius:999px;padding:.5rem .7rem;font-size:.75rem;font-weight:800}.connection-live,.connection-authenticated{color:#9ee9bb;background:#4791621a;border-color:#5faa79}.connection-error,.connection-failed{color:#ffb49f;border-color:#8b4739}.authorization-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:1rem;margin-top:1rem}.authorization-grid>div{background:#101311;border-radius:.8rem;padding:1rem}.user-code{display:block;letter-spacing:.08em;margin:.45rem 0 1rem;font:800 clamp(1.5rem,7vw,2.5rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.authorization-actions{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.authorization-actions p{color:#adb3ad;margin:0;line-height:1.5}.primary-link{display:block;color:#0d1711;text-align:center;text-decoration:none;background:#8ef5b6;border-radius:.7rem;padding:.8rem 1rem;font-weight:800}.session-facts{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}.session-facts div{display:grid;gap:.25rem}.session-facts dt{color:#7f877f;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.session-facts dd{margin:0}.browser-confirmations .confirmation-card{background:#201f14}.pairing-note{color:#747b75;text-align:center;font-size:.8rem;line-height:1.5}@media (max-width:840px){.masthead{flex-direction:column}.control-deck,.workbench{grid-template-columns:1fr}.control-deck>.button-row{grid-column:auto}.confirmation-card,footer{flex-direction:column;align-items:stretch}.authorization-grid{grid-template-columns:1fr}.device-card,.authenticated-card{flex-direction:column;align-items: flex-start}.voice-settings-card{grid-template-columns:1fr}.session-facts{justify-content:space-between;width:100%}}@media (max-width:520px){.shell{width:min(100% - 1rem,1180px);padding-top:1.2rem}h1{font-size:3.2rem}.selector-group,.session-control,.relay{grid-template-columns:1fr}.state-orb{display:none}.transcript-line{grid-template-columns:1fr;gap:.25rem}.pairing-shell{width:min(100% - 1rem,760px);padding-top:1.2rem}.pairing-form,.voice-picker{grid-template-columns:1fr}.session-facts{flex-direction:column}}