:root{color:#eaf2ff;font-synthesis:none;--ink:#eaf2ff;--muted:#8392aa;--line:#97b2d329;--panel:#0b192bdb;--cyan:#50e3c2;--violet:#8b7cff;--amber:#ffbd66;background:#07111f;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 9% 12%,#31688b38,#0000 30%),radial-gradient(circle at 85% 82%,#5b47a124,#0000 32%),#07111f;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.landing-shell{grid-template-columns:minmax(340px,.9fr) minmax(540px,1.1fr);align-items:center;gap:clamp(3rem,7vw,8rem);max-width:1500px;min-height:100vh;margin:auto;padding:clamp(2rem,5vw,5rem);display:grid}.hero{position:relative}.hero:after{content:"";border:1px solid #50e3c214;border-radius:50%;width:340px;height:340px;position:absolute;top:15%;left:-180px;box-shadow:0 0 100px #50e3c20a}.brand-mark{letter-spacing:.12em;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;display:flex}.brand-mark span{border:4px solid var(--cyan);border-radius:50%;width:16px;height:16px;box-shadow:0 0 18px #50e3c2a6}.brand-mark.compact{font-size:.72rem}.brand-mark.compact span{border-width:3px;width:13px;height:13px}.eyebrow,.room-kicker{letter-spacing:.16em;color:var(--cyan);margin:3rem 0 1.1rem;font-family:Space Mono,monospace;font-size:.7rem}.hero h1{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(3.4rem,6vw,6.8rem);font-weight:500;line-height:.93}.hero-copy{color:#9ba9bd;max-width:530px;margin:2rem 0;font-size:1.05rem;line-height:1.7}.live-pill{border:1px solid var(--line);color:#a9b6c9;background:#050f1bb3;border-radius:100px;align-items:center;gap:10px;padding:10px 15px;font-family:Space Mono,monospace;font-size:.68rem;display:inline-flex}.live-pill i,.connection-chip i,.stream-label i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;display:inline-block}.entry-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:relative}.entry-card{border:1px solid var(--line);background:linear-gradient(145deg,#0e1e33ed,#081423eb);border-radius:4px;min-height:440px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000040}.entry-card.accent-card{border-top-color:#50e3c2b3}.entry-card:before{content:"";pointer-events:none;background:linear-gradient(130deg,#50e3c209,#0000 45%);position:absolute;inset:0}.card-index{color:#ffffff2e;font-family:Space Mono;font-size:.72rem;position:absolute;top:1.5rem;right:1.5rem}.entry-card .eyebrow{margin:2rem 0 1rem}.entry-card h2{letter-spacing:-.035em;margin:0 0 2.3rem;font-size:1.55rem}label{color:var(--muted);margin-bottom:.7rem;font-size:.76rem;display:block}input,textarea{width:100%;color:var(--ink);background:#040d18bf;border:1px solid #97b2d330;border-radius:3px;outline:none;transition:border .2s,box-shadow .2s}input{height:52px;padding:0 14px}input:focus,textarea:focus{border-color:#50e3c2b3;box-shadow:0 0 0 3px #50e3c214}.code-input{letter-spacing:.25em;font-family:Space Mono;font-size:1.25rem}form button,.access-ready button{color:#06151c;background:var(--cyan);border:0;border-radius:3px;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:1rem;padding:0 17px;font-weight:700;display:flex}form button.secondary-button{color:var(--ink);background:#8b7cff26;border:1px solid #8b7cff8c}.access-ready p{color:#a8b6c8;margin:4rem 0 1rem;font-size:.82rem}.ok-dot,.ready-dot,.muted-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:7px;display:inline-block}.muted-dot{box-shadow:none;background:#56647a}.global-error{color:#ff9c9c;grid-column:1/-1;margin:0;font-size:.82rem}.room-shell{flex-direction:column;width:100%;max-width:1800px;height:100dvh;margin:auto;padding:1.2rem clamp(1rem,2.5vw,2.6rem) 1rem;display:flex;overflow:hidden}.room-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:74px;display:grid}.room-kicker{color:#53657d;margin:7px 0 0;font-size:.55rem}.room-code-block{border:1px solid var(--line);border-radius:3px;align-items:center;gap:14px;padding:8px 13px;display:flex}.room-code-block small{color:var(--muted);letter-spacing:.12em;font-family:Space Mono;font-size:.52rem}.room-code-block strong{letter-spacing:.16em;font-family:Space Mono;font-size:1.05rem}.call-meta{justify-content:flex-end;align-items:center;gap:18px;display:flex}.connection-chip{color:var(--muted);align-items:center;gap:8px;font-family:Space Mono;font-size:.58rem;display:flex}.connection-chip i{box-shadow:none;background:#6d7888}.connection-chip.online i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.timer{font-family:Space Mono;font-size:1.2rem;font-weight:400}.control-rail{border-bottom:1px solid var(--line);align-items:center;gap:1rem;min-height:76px;display:flex}.role-control{align-items:center;gap:5px;display:flex}.role-control>span{color:var(--muted);margin-right:7px;font-family:Space Mono;font-size:.58rem}.role-control button,.audio-button,.analysis-button,.end-button{color:#97a7bc;border:1px solid var(--line);white-space:nowrap;background:#0f1d2fb3;border-radius:3px;height:38px;padding:0 13px;font-size:.75rem}.role-control button[aria-pressed=true]{color:var(--cyan);background:#50e3c214;border-color:#50e3c28c}.participant-status{color:#8f9db1;align-items:center;gap:7px;margin-left:auto;font-size:.7rem;display:flex}.participant-status .ready-dot,.participant-status .muted-dot{margin:0 0 0 8px}.audio-button{color:var(--ink)}.audio-button span{color:var(--cyan);margin-right:6px}.start-button{color:#07151c;background:var(--cyan);border:0;border-radius:3px;align-items:center;gap:20px;height:42px;padding:0 17px;font-weight:700;display:flex}.analysis-button.enabled{color:var(--cyan);background:#50e3c214;border-color:#50e3c28c}.end-button{color:#ff9a9a;background:#ff77770f;border-color:#f776}.privacy-strip{color:#718199;background:#07111fb8;border:1px solid #97b2d317;align-items:center;gap:10px;min-height:38px;margin:12px 0;padding:8px 12px;font-size:.67rem;display:flex}.privacy-strip span{color:var(--cyan)}.notice,.warning{border-left:2px solid var(--amber);color:#e4bd85;background:#ffbd6614;margin-bottom:12px;padding:10px 13px;font-size:.75rem}.workspace-grid{flex:1;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.15fr) minmax(270px,1fr);gap:10px;min-height:0;display:grid}.workspace-panel{border:1px solid var(--line);background:linear-gradient(155deg,#0c1b2eeb,#081321eb);border-radius:3px;flex-direction:column;min-height:0;padding:1.15rem;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:42px;display:flex}.panel-heading>div{align-items:baseline;gap:10px;display:flex}.panel-heading h2{margin:0;font-size:.9rem;font-weight:600}.panel-number{color:var(--cyan);font-family:Space Mono;font-size:.55rem}.revision,.stream-label,.analysis-state{color:#6f8097;letter-spacing:.08em;font-family:Space Mono;font-size:.52rem}.stream-label{color:var(--cyan);align-items:center;gap:6px;display:flex}.stream-label i{width:5px;height:5px}.analysis-state.working{color:var(--amber)}.analysis-state.degraded{color:#ff8b8b}.panel-copy{color:#73839a;min-height:44px;font-size:.69rem;line-height:1.6}.prompt-panel textarea{resize:none;flex:1;min-height:0;padding:15px;font-family:Space Mono;font-size:.72rem;line-height:1.65;overflow-y:auto}.prompt-footer{color:#566980;justify-content:space-between;align-items:center;padding-top:11px;font-family:Space Mono;font-size:.55rem;display:flex}.prompt-footer button{color:var(--cyan);background:#50e3c214;border:1px solid #50e3c26b;border-radius:2px;height:36px;padding:0 12px}.conversation-list,.comment-list{flex:1;min-height:0;padding:12px 2px 0;overflow-y:auto}.turn{border-left:2px solid var(--cyan);background:#50e3c209;margin-bottom:10px;padding:14px 14px 14px 17px}.turn.lead{border-color:var(--violet);background:#8b7cff0b}.turn-meta{color:var(--cyan);letter-spacing:.08em;justify-content:space-between;font-family:Space Mono;font-size:.52rem;display:flex}.turn.lead .turn-meta{color:#a79cff}.turn-meta small{color:#506078}.turn p{color:#c6d2e2;margin:10px 0 0;font-size:.8rem;line-height:1.6}.comment-card{border:1px solid var(--line);background:#0d1d30e6;border-top:2px solid #6f829d;margin-bottom:10px;padding:14px}.comment-card.success{border-top-color:var(--cyan)}.comment-card.warning{border-top-color:var(--amber)}.comment-card.critical{border-top-color:#f77}.comment-top{text-transform:uppercase;color:#7e8fa7;justify-content:space-between;font-family:Space Mono;font-size:.5rem;display:flex}.comment-card h3{margin:11px 0 7px;font-size:.82rem}.comment-card p{color:#9dacc0;margin:0;font-size:.72rem;line-height:1.55}.analysis-receipt{color:#9fb2c8;background:#50e3c209;border:1px solid #50e3c22e;justify-content:space-between;gap:12px;margin-bottom:10px;padding:12px 14px;font-size:.68rem;display:flex}.analysis-receipt.degraded,.analysis-receipt.failed{color:#d6b58d;background:#ffbd660a;border-color:#ffbd6638}.analysis-receipt small{color:var(--cyan);white-space:nowrap;font-family:Space Mono}.analysis-receipt.degraded small,.analysis-receipt.failed small{color:var(--amber)}.empty-state{color:#56677e;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;font-size:.72rem;line-height:1.7;display:flex}.wave{color:#50e3c299;letter-spacing:.2em;margin-bottom:15px;font-family:Space Mono;font-size:1.1rem}.orb{color:#a79cff;border:1px solid #8b7cff59;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:15px;display:grid;box-shadow:inset 0 0 18px #8b7cff1a,0 0 30px #8b7cff14}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1049px){.landing-shell{grid-template-columns:1fr}.entry-grid{max-width:760px}.room-shell{height:auto;min-height:100dvh;overflow:visible}.workspace-grid{flex:none;grid-template-columns:1fr;min-height:auto}.workspace-panel{min-height:480px}}@media (width<=720px){.landing-shell{padding:1.2rem}.entry-grid{grid-template-columns:1fr}.hero h1{font-size:3.2rem}.room-header{grid-template-columns:1fr auto}.room-header>:first-child{display:none}.control-rail{flex-wrap:wrap;padding:10px 0}.participant-status{margin-left:0}}