:root{--ink: #e9edf5;--muted: #7c8598;--hair: rgba(255, 255, 255, .1);--accent: #e9edf5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{color:var(--ink);font-family:Manrope,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 32px;gap:16px}main{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:640px}main.connected{min-height:100vh;justify-content:center;text-align:center;font-size:16px}.notice{width:100%;max-width:640px;background:#3a2e0a;color:#ffd479;border:1px solid #6b5417;border-radius:10px;padding:10px 16px;font-size:13px;text-align:center}.stage{position:relative;width:min(80vmin,600px);aspect-ratio:1}.assistant-name{color:var(--accent);font-weight:600}.brand-logo{position:absolute;top:4%;left:4%;width:32px;height:32px;object-fit:contain;z-index:1}canvas#orb{position:absolute;inset:0;width:100%;height:100%}.cap{position:absolute;left:50%;bottom:6%;transform:translate(-50%);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center}.cap b{color:var(--ink);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.chips:empty{display:none}.chips button{font:inherit;font-size:12px;border-radius:999px;padding:6px 14px;border:1px solid var(--hair);background:transparent;color:var(--ink);cursor:pointer}.approval-container:empty{display:none}.card{border:1px solid var(--hair);border-radius:12px;padding:16px 18px;width:100%;max-width:480px;background:#0b0b0d}.card-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.card .headline{font-size:15px;font-weight:700;margin:0 0 10px}.card .summary-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}.card .summary{font-size:13px;font-weight:400;color:var(--muted);margin:0 0 14px}.card .paused{font-size:13px;font-weight:600;color:var(--accent, #22d3ee);margin:0 0 14px}.card .rows{list-style:none;margin:0 0 14px;padding:0;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.card .actions{display:flex;gap:10px;justify-content:flex-end}.card button{font:inherit;font-size:12px;font-weight:700;border-radius:999px;padding:8px 16px;border:1px solid var(--hair);background:transparent;color:var(--ink);cursor:pointer}.card button[data-act=approve]{background:var(--ink);color:#000;border-color:var(--ink)}.transcript{width:100%;max-height:220px;overflow-y:auto}.transcript ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.transcript li{color:var(--muted)}.transcript li b{color:var(--ink)}.type-form{display:flex;gap:8px;width:100%}.type-form input{flex:1;background:transparent;border:1px solid var(--hair);border-radius:999px;padding:10px 16px;color:var(--ink);font:inherit}.type-form button,.controls button{background:var(--ink);color:#000;border:0;padding:10px 16px;border-radius:999px;font:inherit;font-weight:700;font-size:12px;cursor:pointer}.controls{display:flex;align-items:center;gap:14px}.controls button[data-on=true]{background:#ef4444;color:#fff}.meter{font-size:12px;color:var(--muted)}.mic-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:mic-pulse 1.6s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){canvas#orb{display:none}.stage:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2fb7ff,#0a1830 70%)}}.voice-chip{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:transparent;color:inherit;border-radius:999px;padding:.15rem .7rem;font-size:.8rem;cursor:pointer}.voice-chip:hover,.voice-chip[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 18%,transparent)}.voice-menu{margin:.5rem auto 0;max-width:22rem;padding:.35rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:#00000059}.voice-menu ul{list-style:none;margin:0;padding:0}.voice-menu li{display:flex;align-items:center;gap:.35rem}.voice-menu .voice-pick{flex:1;display:flex;justify-content:space-between;gap:.75rem;background:transparent;border:0;color:inherit;font:inherit;text-align:left;padding:.35rem .5rem;border-radius:.5rem;cursor:pointer}.voice-menu .voice-pick:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.voice-menu .voice-pick[aria-checked=true] .voice-name:after{content:" ✓";color:var(--accent)}.voice-menu .voice-feel{opacity:.65;font-size:.8rem}.voice-menu .voice-preview{background:transparent;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:inherit;border-radius:.5rem;padding:.15rem .45rem;cursor:pointer}.voice-menu-status{margin:.35rem .5rem .15rem;font-size:.8rem;opacity:.8}.journal{margin-top:1rem}.journal-title{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin:0 0 .4rem}.journal-empty{margin:0;opacity:.7;font-size:.9rem}.journal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:9rem;overflow-y:auto}.journal-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.journal-time{opacity:.6;font-variant-numeric:tabular-nums}.journal-what{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-undo{flex:none}.journal-done{flex:none;opacity:.6}.journal-list li.journal-undone{opacity:.5}.journal-notice:empty{display:none}.journal-error{margin:.4rem 0 0;font-size:.9rem}.journal-link{color:inherit}