:root{--navy:#00134f;--dodger:#1e90ff;--persian:#0067a5;--spring:#00fa9a;--pearl:#212529;--antiflash:#f0f2f5;--bg:#f0f2f5;--surface:#fff;--elevated:#fff;--line:#dbe2ee;--line-soft:#eaeef6;--text:#0c1a3a;--muted:#5a6b8c;--faint:#93a0bc;--accent:#1e90ff;--accent-ink:#fff;--accent-strong:#0067a5;--accent-soft:#e2efff;--signal:#00fa9a;--signal-ink:#00134f;--signal-soft:#d6fbea;--good:#00b579;--warn:#e0a43b;--danger:#e4573f;--ring:color-mix(in srgb,var(--accent) 55%,#0000);--shadow-1:0 1px 2px #00134f12,0 3px 12px #00134f14;--shadow-2:0 16px 44px #00134f29;--step--1:.82rem;--step-0:.95rem;--step-1:1.18rem;--step-2:1.6rem;--step-3:2.3rem;--step-4:3.2rem;--radius:14px;--radius-sm:9px;--radius-lg:22px;--font-display:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-brand:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}:root:not([data-theme=light]),[data-theme=dark]{--bg:#000e33;--surface:#04164a;--elevated:#0a2160;--line:#1e3474;--line-soft:#0e2255;--text:#eaf1ff;--muted:#9db0d8;--faint:#5e729e;--accent-ink:#fff;--accent-strong:#4fa8ff;--accent-soft:#0e2a63;--signal-soft:#06341f;--good:#00fa9a;--ring:color-mix(in srgb,var(--accent) 62%,#0000);--shadow-1:0 1px 2px #00000073,0 3px 16px #0006;--shadow-2:0 20px 54px #0000008c}:root[data-theme=light],[data-theme=light]{--bg:#f0f2f5;--surface:#fff;--elevated:#fff;--line:#dbe2ee;--line-soft:#eaeef6;--text:#0c1a3a;--muted:#5a6b8c;--faint:#93a0bc;--accent-ink:#fff;--accent-strong:#0067a5;--accent-soft:#e2efff;--signal-soft:#d6fbea;--good:#00b579;--ring:color-mix(in srgb,var(--accent) 55%,#0000);--shadow-1:0 1px 2px #00134f12,0 3px 12px #00134f14;--shadow-2:0 16px 44px #00134f29;color-scheme:light}body{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{color:var(--faint);font-size:var(--step--1);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.display{font-family:var(--font-display)}.grow{flex:1 1 auto}.stack{display:flex;flex-direction:column;gap:16px}.hrow,.spread{align-items:center;display:flex;gap:12px}.spread{justify-content:space-between}.center-screen{display:grid;min-height:100dvh;padding:24px;place-items:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--pad{padding:22px}.panel{background:var(--elevated);border:1px solid var(--line);border-radius:var(--radius)}.btn{--_bg:#0000;--_fg:var(--text);--_bd:var(--line);align-items:center;background:var(--_bg);border:1px solid var(--_bd);border-radius:999px;color:var(--_fg);cursor:pointer;display:inline-flex;font-size:var(--step-0);font-weight:500;gap:9px;justify-content:center;padding:10px 16px;transition:transform .06s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn--primary{--_bg:var(--accent);--_fg:var(--accent-ink);--_bd:#0000}.btn--primary:hover{--_bg:var(--accent-strong)}.btn--ghost{--_bg:var(--surface)}.btn--soft{--_bg:var(--accent-soft);--_fg:var(--accent-strong);--_bd:#0000}.btn--danger{--_bg:#0000;--_fg:var(--danger);--_bd:color-mix(in srgb,var(--danger) 45%,var(--line))}.btn--lg{font-size:var(--step-1);padding:14px 22px}.btn--block{display:flex;width:100%}.btn:disabled{cursor:default;opacity:.55;transform:none}.btn .gicon{height:20px;width:20px}.iconbtn{background:var(--elevated);border:1px solid var(--line);border-radius:50%;color:var(--text);cursor:pointer;display:inline-grid;height:48px;place-items:center;position:relative;transition:transform .06s ease,background .15s;width:48px}.iconbtn:disabled{cursor:default;opacity:.5}.iconbtn:hover{transform:translateY(-1px)}.iconbtn .icon{height:22px;width:22px}.iconbtn--on{background:var(--accent);border-color:#0000;color:var(--accent-ink)}.iconbtn--danger{background:var(--danger);border-color:#0000;color:#fff}.iconbtn--muted{background:color-mix(in srgb,var(--danger) 16%,#0000);border-color:color-mix(in srgb,var(--danger) 40%,var(--line));color:var(--danger)}.iconbtn--hot,.iconbtn--reconnecting{background:var(--warn);border-color:#0000;color:#221800}.iconbtn--reconnecting:after{animation:reconnect-ring 1.1s ease-out infinite;border:2px solid var(--warn);border-radius:50%;content:"";inset:-3px;pointer-events:none;position:absolute}@keyframes reconnect-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.iconbtn--reconnecting:after{animation:none}}.iconbtn__label{color:var(--muted);display:block;font-size:11px;margin-top:6px;text-align:center}.dock-item{display:flex;flex-direction:column}.chip,.dock-item{align-items:center}.chip{background:var(--accent-soft);border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:var(--step--1);font-weight:600;gap:6px;padding:4px 10px}.chip--neutral{background:var(--line-soft);color:var(--muted)}.chip--good{background:color-mix(in srgb,var(--signal) 16%,#0000);color:var(--signal)}.chip--warn{background:color-mix(in srgb,var(--warn) 18%,#0000);color:color-mix(in srgb,var(--warn) 78%,var(--text))}.chip--danger{background:color-mix(in srgb,var(--danger) 16%,#0000);color:var(--danger)}.dot{background:var(--faint);border-radius:50%;height:8px;width:8px}.dot--good{background:var(--good)}.dot--warn{background:var(--warn)}.dot--danger{background:var(--danger)}.signal{align-items:flex-end;display:inline-flex;gap:2px;height:14px}.signal i{background:color-mix(in srgb,var(--faint) 55%,#0000);border-radius:1px;width:3px}.signal i:first-child{height:5px}.signal i:nth-child(2){height:9px}.signal i:nth-child(3){height:14px}.signal--good i:nth-child(-n+3){background:var(--good)}.signal--ok i:nth-child(-n+2){background:var(--warn)}.signal--bad i:nth-child(-n+1){background:var(--danger)}.avatar{--size:44px;background:var(--av,#2a3a66);border-radius:50%;color:#fff;display:grid;flex:none;font-family:var(--font-display);font-weight:800;height:var(--size);overflow:hidden;place-items:center;width:var(--size)}.avatar img{height:100%;object-fit:cover;width:100%}.tile{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.tile__ring{background:var(--surface);border:1px solid var(--line);border-radius:50%;display:grid;height:var(--tile,120px);place-items:center;position:relative;width:var(--tile,120px)}.tile__ring .avatar{--size:calc(var(--tile,120px) - 34px);font-size:calc(var(--tile,120px)*.3)}.tile--speaking .tile__ring{animation:pulse 1.6s ease-in-out infinite;border-color:#0000;box-shadow:0 0 0 3px var(--signal),0 0 0 10px color-mix(in srgb,var(--signal) 26%,#0000)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--signal),0 0 0 8px color-mix(in srgb,var(--signal) 28%,#0000)}50%{box-shadow:0 0 0 3px var(--signal),0 0 0 14px color-mix(in srgb,var(--signal) 10%,#0000)}}.tile__name{font-size:var(--step-0);font-weight:600}.tile__meta{align-items:center;color:var(--muted);display:inline-flex;font-size:var(--step--1);gap:6px}.tile__badge{background:var(--elevated);border:1px solid var(--line);border-radius:50%;bottom:4px;display:grid;height:30px;place-items:center;position:absolute;right:4px;width:30px}.tile__badge .icon{height:16px;width:16px}.tile__badge--muted{background:var(--danger);border-color:#0000;color:#fff}.tile__badge--host{background:var(--accent);border-color:#0000;color:var(--accent-ink)}.tile__badge--hand{background:var(--warn);border-color:#0000;bottom:auto;color:#221800;right:4px;top:4px}.tile__menu{left:2px;position:absolute;top:2px}.meter{background:color-mix(in srgb,var(--faint) 35%,#0000);border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--signal);border-radius:3px;height:100%;transition:width .1s linear}.app{background:var(--bg);color:var(--text);display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed}.topbar{background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:14px;padding:12px 18px}.brand,.topbar{align-items:center}.brand{display:inline-flex;font-family:var(--font-brand);font-size:1.25rem;font-weight:700;gap:10px;letter-spacing:-.01em}.brand__mark{background:var(--navy);border-radius:8px;display:inline-grid;height:26px;min-width:28px;padding:0 5px;place-items:center}.brand__mark svg{display:block;height:14px;width:18px}.roomcode{background:var(--elevated);border:1px solid var(--line);border-radius:8px;font-family:var(--font-mono);letter-spacing:.06em;padding:4px 10px}.stage{display:grid;flex:1 1 auto;overflow:auto;padding:28px;place-items:center;position:relative}.tilegrid{gap:clamp(18px,4vw,44px);max-width:900px}.dock,.tilegrid{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.dock{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 92%,#0000);border-top:1px solid var(--line);gap:16px;padding:16px}.stagewrap{flex:1 1 auto}.rail,.stagewrap{display:flex;min-height:0}.rail{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;max-width:88vw;width:340px}.rail__tabs{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:4px;padding:10px 12px}.tab{background:#0000;border:1px solid #0000;border-radius:999px;color:var(--muted);cursor:pointer;font-size:var(--step--1);font-weight:600;padding:7px 12px}.tab--active{background:var(--accent-soft);color:var(--accent-strong)}.rail__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px}.present{background:#000;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex:1 1 auto;flex-direction:column;margin:14px;min-width:0;overflow:hidden}.present__bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);display:flex;font-size:var(--step--1);gap:8px;padding:8px 12px}.present__video{background:#000;flex:1 1 auto;min-height:260px;object-fit:contain;width:100%}.strip{display:flex;flex:none;flex-direction:column;gap:14px;overflow-y:auto;padding:14px 8px;width:190px}.strip .tile{--tile:74px}.msg{display:grid;gap:3px;justify-items:start;margin-bottom:14px}.msg__who{font-size:var(--step--1);font-weight:600}.msg__who small{color:var(--faint);font-weight:400;margin-left:6px}.msg__body{background:var(--elevated);border:1px solid var(--line);border-radius:4px 13px 13px 13px;max-width:85%;overflow-wrap:anywhere;padding:8px 12px}.msg--me{justify-items:end;text-align:right}.msg--me .msg__body{background:var(--accent);border-color:#0000;border-radius:13px 4px 13px 13px;color:var(--accent-ink)}.msg--me .msg__who,.msg--me .msg__who small{color:var(--accent-strong)}.msg--me .msg__who small{opacity:.75}.composer{border-top:1px solid var(--line);display:flex;gap:8px;padding:12px}.typing{color:var(--faint);font-size:var(--step--1);font-style:italic;padding:4px 2px}.queue{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.queue li{align-items:center;background:var(--elevated);border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;padding:8px 10px}.queue .num{background:var(--warn);border-radius:50%;color:#221800;display:grid;flex:none;font-family:var(--font-mono);font-size:12px;font-weight:600;height:22px;place-items:center;width:22px}.banner{align-items:center;background:var(--accent-soft);border-radius:12px;color:var(--accent-strong);display:inline-flex;font-weight:600;gap:10px;padding:8px 14px}.reactions{display:flex;gap:6px;padding:6px}.reactions button{background:#0000;border:0;border-radius:50%;cursor:pointer;font-size:20px;height:40px;width:40px}.reactions button:hover{background:var(--surface);transform:translateY(-2px)}.reaction-float{animation:react-float 1.8s ease-out forwards;font-size:26px;left:50%;pointer-events:none;position:absolute;top:-4px;transform:translateX(-50%)}@keyframes react-float{0%{opacity:0;transform:translate(-50%,6px) scale(.6)}15%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-64px) scale(1)}}.field{display:grid;gap:6px}.label{color:var(--muted);font-size:var(--step--1);font-weight:600}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;padding:11px 13px;width:100%}.input::placeholder{color:var(--faint)}.input:focus-visible{outline:3px solid var(--ring);outline-offset:1px}.icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.icon--fill{fill:currentColor;stroke:none}@media (prefers-reduced-motion:reduce){.tile--speaking .tile__ring{animation:none}.reaction-float{animation:react-fade 1.4s ease-out forwards}@keyframes react-fade{0%{opacity:0}15%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)}}}@media (max-width:640px){h1{font-size:var(--step-2)}.app .topbar{gap:8px;padding:10px 12px}.app .topbar .brand{font-size:1.05rem}.app .stage{padding:14px 10px}.app .tilegrid{gap:16px 12px}.app .tilegrid .tile{--tile:84px}.stagewrap{flex-direction:column;position:relative}.stagewrap .rail{border-left:0;inset:0;max-width:none;position:fixed;width:100%;z-index:60}.present{margin:8px}.strip{flex:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px;width:100%}.app .dock{flex-wrap:wrap;gap:12px 20px;justify-content:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px))}.app .dock .dock-item{align-items:center;flex:0 0 auto}.app .dock .iconbtn{height:48px;width:48px}.app .dock .iconbtn__label{font-size:10px;margin-top:4px;white-space:nowrap}}@media (max-width:380px){.app .dock{gap:12px 12px}.app .dock .iconbtn{height:44px;width:44px}.app .tilegrid .tile{--tile:76px}}