:root{--bg:#101319;--surface:#191e27;--border:#303947;--ink:#eef3fa;--muted:#aab8ca;--accent:#2684ff;--danger:#ff9a9a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}header,footer{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.wordmark{color:var(--ink);font-size:25px;font-weight:750;letter-spacing:.14em;text-decoration:none}.wordmark span{display:block;font:9px/1.6 ui-monospace,monospace;letter-spacing:.25em;color:var(--muted)}.private,.eyebrow,#connection,footer{font:11px/1.6 ui-monospace,monospace;letter-spacing:.09em;color:var(--muted)}main{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;min-height:calc(100dvh - 160px)}.presence{padding:58px 5vw 40px}.eyebrow{color:#75afff;margin:0 0 32px}.avatar{border:1px solid var(--border);border-radius:24px}h1{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.045em;line-height:1.08;font-weight:550;margin:30px 0 22px}.intro{max-width:360px;color:var(--muted)}.statusbox{display:flex;align-items:center;gap:10px;margin-top:32px}#dot{width:8px;height:8px;background:var(--muted);border-radius:50%}body[data-state=listening] #dot,body[data-state=speaking] #dot{background:var(--accent);box-shadow:0 0 0 5px #2684ff20}meter{display:block;width:100%;max-width:360px;height:7px;margin:6px 0 25px}button,input,textarea{font:inherit}button{border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;min-height:46px;padding:10px 20px;cursor:pointer;font-weight:600}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;border-color:var(--border);color:var(--ink)}.controls{display:flex;gap:10px}.caption{font-size:12px;max-width:360px;color:var(--muted)}details{max-width:390px;margin-top:24px;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:44px;display:flex;align-items:center}summary::after{content:' +';margin-left:12px}.conversation{border-left:1px solid var(--border);padding:30px;display:flex;flex-direction:column;background:#141820;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:16px}h2{font-size:16px;font-weight:500;margin:0}#connection{font-size:10px}#messages{height:49vh;min-height:250px;overflow:auto;padding:22px 0;overscroll-behavior:contain;flex:1}.empty{color:var(--muted);font-size:14px;margin-top:60px}.message{padding:16px 0;border-bottom:1px solid #252e3b;white-space:pre-wrap;overflow-wrap:anywhere}.message b{display:block;color:#76b0ff;font:11px/2 ui-monospace,monospace;letter-spacing:.1em;margin-bottom:6px}.message.user b{color:var(--muted)}#login{padding:30px 0}#login label{display:block;margin-bottom:8px;font-size:14px}input,textarea{width:100%;background:#101319;color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:12px}input{margin-bottom:12px}#login p{font-size:12px;color:var(--muted)}#compose{display:flex;gap:8px;align-items:flex-end}#compose[hidden],#login[hidden],[hidden]{display:none!important}textarea{resize:vertical;max-height:180px}#notice{font-size:13px;color:var(--danger);margin:10px 0;min-height:20px}.quiet{align-self:flex-start;padding:4px 0;min-height:44px;color:var(--muted);background:none;font-size:12px;font-weight:400}footer{border-top:1px solid var(--border);border-bottom:none}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9dc7ff;outline-offset:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){header{padding:18px 6vw}.private{font-size:9px;max-width:100px;text-align:right}main{grid-template-columns:1fr}.presence{padding:28px 6vw}.eyebrow{margin-bottom:18px}.avatar{width:72px;height:72px;border-radius:16px}h1{font-size:38px;margin:20px 0}.intro{max-width:none}.statusbox{margin-top:20px}.conversation{border-left:0;border-top:1px solid var(--border);padding:24px 6vw}#messages{height:360px;max-height:60vh}footer{gap:20px;font-size:9px}footer span{max-width:180px;text-align:right}#compose button{padding:10px 13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}