:root{color-scheme:dark;--color-bg:#07121c;--color-panel:#0b1b28;--color-line:#233746;--color-text:#e9f4fa;--color-muted:#97afbf;--color-accent:#91e5ff;--color-danger:#ffb0a8;--text-sm:.8rem;--text-base:1rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--duration-fast:180ms;font-family:Inter,"Segoe UI",sans-serif;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 20% 32%,#102c3b80,transparent 55%),var(--color-bg)}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}button{transition:background var(--duration-fast),opacity var(--duration-fast)}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}.topbar,footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 5vw}.topbar{border-bottom:1px solid var(--color-line)}.wordmark{font-size:1.5rem;letter-spacing:.28em;font-weight:750;color:var(--color-text);text-decoration:none}.wordmark span{display:block;margin-top:.4rem;font-size:.55rem;letter-spacing:.2em;color:var(--color-muted)}.connection{margin-left:auto;display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-muted)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--color-accent);box-shadow:0 0 12px #91e5ff66}.dot.offline{background:var(--color-danger)}main{max-width:1600px;margin:auto;padding:var(--space-4) 5vw}#workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:4vw;min-height:calc(100svh - 205px)}.presence{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding-bottom:var(--space-4)}.presence-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.eyebrow{font-size:.63rem;font-weight:650;letter-spacing:.15em;color:var(--color-muted);line-height:1.7}.state-pill{display:flex;gap:.5rem;align-items:center;font-size:.68rem;white-space:nowrap;border:1px solid var(--color-line);border-radius:2rem;padding:.5rem .7rem}.graph-wrap{position:relative;width:100%;max-width:540px;aspect-ratio:1.2;max-height:440px}canvas{width:100%;height:100%;display:block}.graph-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.core-symbol{color:#c8f1ff;font-size:2rem;font-weight:300;text-shadow:0 0 24px #91e5ff}.orbit-label{position:absolute;top:49%;font-size:.5rem;letter-spacing:.22em;color:var(--color-muted)}.orbit-left{left:0}.orbit-right{right:0}h1{font-weight:450;letter-spacing:-.055em;font-size:clamp(2rem,3.5vw,3.5rem);margin:0 0 var(--space-2)}.hint{text-align:center;color:var(--color-muted);max-width:400px;font-size:.9rem;line-height:1.6;margin:0}.voice-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:var(--space-3)}.primary,.secondary,.text-button{border:0;border-radius:.45rem;padding:.85rem 1rem}.primary{background:var(--color-accent);color:#071c29;font-weight:650}.secondary{background:#172b39;border:1px solid var(--color-line);color:var(--color-text)}.text-button{background:transparent;color:var(--color-muted);font-size:.78rem;padding:.6rem}.mic-button[aria-pressed=true]{background:#cff3ff;box-shadow:0 0 30px #91e5ff20}.mic-note{font-size:.66rem;color:var(--color-muted);text-align:center;line-height:1.6;max-width:360px}.conversation{border-left:1px solid var(--color-line);padding-left:3vw;display:flex;flex-direction:column;min-height:500px;min-width:0}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}h2{font-size:1.25rem;font-weight:450;letter-spacing:-.025em;margin:.4rem 0 1.2rem}.conversation-heading .eyebrow{margin:0}.transcript{flex:1;overflow:auto;max-height:57svh;min-height:260px;scrollbar-color:var(--color-line) transparent;padding:0 .6rem 1rem 0}.empty-state{display:flex;align-items:center;gap:1rem;color:var(--color-muted);padding:3.5rem 0}.empty-state>span{font-size:2rem;color:var(--color-accent)}.empty-state p{font-size:.9rem;line-height:1.7}.empty-state small{display:block;max-width:280px;font-size:.75rem}.entry{border-top:1px solid var(--color-line);padding:1rem 0;animation:arrive .2s ease-out}.entry-meta{display:flex;align-items:center;gap:.7rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.entry-meta time{margin-left:auto;color:var(--color-muted);letter-spacing:0}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:.88rem;margin:.55rem 0 0}.entry.user p{font-size:1rem}.entry.progress p{color:var(--color-muted);font-size:.8rem}.entry.error p{color:var(--color-danger)}.composer{border:1px solid #385365;background:#0c1e2b;border-radius:.7rem;padding:.8rem;margin-top:1rem}.composer-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.65rem;color:var(--color-muted);padding-bottom:.65rem;border-bottom:1px solid var(--color-line)}select{border:0;border-radius:.2rem;color:var(--color-text);background:#142c3c;padding:.35rem;max-width:170px;font-size:.72rem}.message-input{display:flex;gap:.5rem;align-items:end;padding-top:.5rem}textarea{resize:vertical;min-height:52px;max-height:150px;width:100%;background:transparent;border:0;color:var(--color-text);font-size:.85rem;line-height:1.5;padding:.4rem}textarea::placeholder{color:var(--color-muted)}.send{border:0;border-radius:.4rem;width:38px;height:38px;flex-shrink:0;background:var(--color-accent);font-size:1.4rem;color:#071c29}.notice{padding:1rem;border:1px solid #694d4b;border-radius:.5rem;color:var(--color-danger);font-size:.85rem;line-height:1.5}.login-panel{max-width:440px;margin:8svh auto}.login-panel>p{color:var(--color-muted);line-height:1.6}.login-panel form{display:grid;gap:1rem;margin-top:2rem}.login-panel label{font-size:.85rem}.login-panel input{background:var(--color-panel);border:1px solid var(--color-line);padding:1rem;border-radius:.5rem;color:var(--color-text);width:100%}footer{border-top:1px solid var(--color-line);font-size:.55rem;letter-spacing:.15em;color:var(--color-muted);justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){#workspace{grid-template-columns:1fr;gap:1.5rem}.presence{padding-bottom:1rem}.graph-wrap{max-width:350px;max-height:280px}.conversation{border-left:0;border-top:1px solid var(--color-line);padding:1.5rem 0 0;min-height:380px}.transcript{max-height:400px;min-height:160px}main{padding-top:1.2rem}.presence-heading{max-width:540px}.topbar{padding-top:1rem;padding-bottom:1rem}.mic-note{margin-bottom:0}}@media(max-width:380px){.presence-heading .eyebrow{font-size:.52rem}.state-pill{font-size:.6rem}.voice-controls{gap:.35rem}.primary,.secondary{font-size:.8rem;padding:.8rem}.connection{font-size:.65rem}.topbar{gap:.5rem}.wordmark{font-size:1.2rem}.conversation-heading h2{font-size:1.05rem}.composer-settings{gap:.4rem}select{max-width:130px}.orbit-label{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}