:root{--bg:#0a0a0b;--surface:#ffffff0f;--surface-2:#ffffff1a;--line:#ffffff17;--line-soft:#ffffff0f;--text:#fff;--text-2:#ffffffb8;--muted:#ffffff70;--muted-2:#ffffff47;--accent:#7b5cf5;--accent-2:#5fc8ef;--ok:#4ad4a5;--warn:#ffc25c;--danger:#ff5a5f;--r-tile:30px;--r-card:26px;--r-md:18px;--r-sm:13px;--ctl:46px;--ff:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--dots:radial-gradient(#ffffff0e 1.1px, transparent 1.1px);--dots-size:15px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--g-glass:radial-gradient(78% 62% at 46% 34%, #ffffff30 0%, #ffffff13 55%, #ffffff07 100%), radial-gradient(90% 70% at 72% 88%, #ffffff0d, transparent 70%);--g-aqua:radial-gradient(82% 66% at 50% 40%, #558ca8 0%, #2d5972 52%, #11242f 100%), radial-gradient(70% 55% at 22% 86%, #5a96b94d, transparent 72%);--g-violet:radial-gradient(80% 64% at 48% 42%, #a173fb 0%, #7275ee 40%, #4fa3dd 76%, #64cbe8 100%), radial-gradient(66% 52% at 82% 12%, #be96ff8c, transparent 70%);--g-teal:radial-gradient(82% 66% at 50% 42%, #6bb6a3 0%, #357b71 50%, #14303a 100%), radial-gradient(66% 52% at 76% 10%, #96d7c84d, transparent 72%);--g-ink:radial-gradient(82% 66% at 50% 40%, #212126 0%, #141417 52%, #09090b 100%);--g-aura:radial-gradient(80% 64% at 50% 44%, #a06ff0 0%, #6c46d8 48%, #35218f 100%), radial-gradient(64% 50% at 24% 12%, #c8aaff59, transparent 72%)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ff);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;overflow-x:hidden}body:before{content:"";background-image:var(--dots);background-size:var(--dots-size) var(--dots-size);pointer-events:none;z-index:0;position:fixed;inset:0}#root{z-index:1;min-height:100%;position:relative}button,input,textarea,select{color:inherit;border:none;font-family:inherit}button{cursor:pointer;background:0 0;padding:0}a{color:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.page{flex-direction:column;gap:20px;width:100%;max-width:480px;margin:0 auto;padding:22px 20px 40px;display:flex}.topbar{min-height:var(--ctl);align-items:center;gap:12px;display:flex}.topbar .spacer{flex:1}.h-display{letter-spacing:-.028em;color:#fff;margin:8px 0 2px;font-size:clamp(38px,12vw,52px);font-weight:400;line-height:1}.h-display.sm{font-size:clamp(28px,8vw,40px);line-height:1.05}.h-sub{color:var(--muted);margin:-6px 0 0;font-size:14px}h2.section{letter-spacing:-.01em;margin:0 0 12px;font-size:17px;font-weight:500}.muted{color:var(--muted)}.dim{color:var(--text-2)}.tiny{font-size:12.5px;line-height:1.5}.mono{font-variant-numeric:tabular-nums;letter-spacing:.03em}.rbtn{width:var(--ctl);height:var(--ctl);color:#fff;background:#ffffff13;border-radius:50%;flex:none;place-items:center;transition:background .18s,transform .15s;display:grid}.rbtn:hover{background:#ffffff21}.rbtn:active{transform:scale(.95)}.rbtn.sm{width:38px;height:38px}.rbtn.on{color:#111;background:#ffffffeb}.rbtn.on:hover{background:#fff}.rbtn.off{color:#ffb3b5;background:#ff5a5f38}.rbtn.off:hover{background:#ff5a5f4d}.rbtn.leave{color:#fff;background:#ff4d52}.rbtn.leave:hover{background:#ff6266}.seg{height:var(--ctl);background:#ffffff0f;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.seg button{height:100%;color:var(--muted);white-space:nowrap;border-radius:999px;padding:0 18px;font-size:15px;transition:background .2s,color .2s}.seg button:hover{color:var(--text-2)}.seg button.on{color:#fff;background:#ffffff2b}.seg.tight button{padding:0 14px;font-size:13.5px}.ava{color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-size:.42em;font-weight:500;display:grid;overflow:hidden}.ava.top{width:var(--ctl);height:var(--ctl);font-size:calc(var(--ctl) * .36);cursor:pointer;transition:transform .15s}.ava.top:hover{transform:scale(1.05)}.badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;white-space:nowrap;background:#08080a70;border-radius:999px;align-items:center;gap:7px;height:30px;padding:0 13px;font-size:12.5px;display:inline-flex}.badge.live:before{content:"";background:var(--ok);width:7px;height:7px;box-shadow:0 0 10px var(--ok);border-radius:50%}.badge.plain{background:#ffffff14}.badge.ok{color:#b6f0da;background:#4ad4a533}.badge.warn{color:#ffdfae;background:#ffc25c33}.badge.bad{color:#ffc0c2;background:#ff5a5f33}.badge.accent{color:#ded4ff;background:#8c6efa47}.badge button{color:inherit;opacity:.65;place-items:center;display:grid}.badge.click{cursor:pointer;transition:background .16s}.badge.click:hover{background:#ffffff29}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tile{aspect-ratio:218/276;border-radius:var(--r-tile);isolation:isolate;text-align:center;flex-direction:column;padding:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px #000}.tile:after{content:"";background-image:var(--grain);opacity:.1;mix-blend-mode:overlay;pointer-events:none;z-index:1;position:absolute;inset:0}.tile.glass{background:var(--g-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tile.aqua{background:var(--g-aqua)}.tile.violet{background:var(--g-violet)}.tile.teal{background:var(--g-teal)}.tile.ink{background:var(--g-ink)}.tile.aura{background:var(--g-aura)}.tile-top{z-index:3;justify-content:center;align-items:flex-start;min-height:44px;display:flex;position:relative}.tile-top.left{justify-content:flex-start}.tile-art{z-index:2;flex:auto;place-items:center;min-height:0;padding:2px 0 6px;display:grid;position:relative}.tile-foot{z-index:3;flex-direction:column;gap:3px;padding-bottom:2px;display:flex;position:relative}.tile-foot b{letter-spacing:-.005em;color:#fff;text-shadow:0 1px 12px #00000059;font-size:15px;font-weight:400}.tile-foot span{color:#ffffff8c;text-shadow:0 1px 12px #0000004d;font-size:13px}.tile.violet .tile-foot span,.tile.aura .tile-foot span{color:#ffffffad}.tile-pin{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .16s,color .16s;display:grid}.tile-pin:hover{color:#fff;background:#ffffff3d}.tile-pin.on{color:#111;background:#ffffffeb}.matrix{align-items:flex-start;gap:calc(var(--d) * 1.6);line-height:0;display:flex}.matrix .mchar{flex:none;position:relative}.matrix .dot{width:var(--d);height:var(--d);background:currentColor;border-radius:1px;position:absolute}.ruler{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:22px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.ruler i{background:#ffffff80;border-radius:2px;width:1.5px}.orbglow{place-items:center;width:100%;height:100%;display:grid;position:relative}.orbglow .ball{aspect-ratio:1;background:radial-gradient(circle at 40% 26%,#e0d2ff 0%,#9d7bf5 34%,#6a5ce8 66%,#3a3aa8 100%);border-radius:50%;width:68%;transform:translateY(-6%);box-shadow:0 0 70px -4px #9e7effe6,0 0 140px -10px #7864ff8c}.orbglow .shelf{background:linear-gradient(#2e4a5cf2 0%,#142835fc 22%,#0d1c26 100%);border-radius:24px;height:42%;position:absolute;bottom:0;left:6%;right:6%}.dotgrid{grid-template-columns:repeat(7,6px);gap:5px;display:grid}.dotgrid i{background:#fff;border-radius:50%;width:6px;height:6px}.stack{width:100%;height:100%;position:relative}.stack .ava{position:absolute;box-shadow:0 8px 22px -6px #000000a6}.stack .a1{aspect-ratio:1;width:52%;font-size:18px;top:22%;left:6%}.stack .a2{aspect-ratio:1;width:34%;font-size:13px;top:4%;right:4%}.stack .a3{aspect-ratio:1;width:25%;font-size:10px;bottom:14%;right:9%}.stack .a1:only-child{width:46%;top:27%;left:27%}.rings{place-items:center;width:100%;height:100%;display:grid;position:relative}.rings i{border:1px solid #ffffff42;border-radius:50%;position:absolute}.rings i:first-child{aspect-ratio:1;width:96%}.rings i:nth-child(2){aspect-ratio:1;width:78%}.rings i:nth-child(3){aspect-ratio:1;border-color:#ffffff61;width:60%}.rings .ava{aspect-ratio:1;width:46%;font-size:20px;box-shadow:0 10px 30px -8px #0009}.card{border-radius:var(--r-card);background:#ffffff0b;padding:20px}.card.pad-sm{padding:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.list-item{border-radius:var(--r-md);text-align:left;background:#ffffff0d;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:background .16s;display:flex}.list-item:hover{background:#ffffff16}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--muted);font-size:12.5px}.input{border-radius:var(--r-md);background:#ffffff0f;outline:none;width:100%;height:50px;padding:0 17px;font-size:15px;transition:background .18s}.input::placeholder{color:var(--muted-2)}.input:focus{background:#ffffff1f}.input.code{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:17px}select.input{appearance:none;cursor:pointer}input[type=range]{accent-color:#fff;width:100%}.pill{color:#101012;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 26px;font-size:15.5px;font-weight:500;transition:transform .15s,opacity .15s;display:inline-flex}.pill:hover{opacity:.9}.pill:active{transform:translateY(1px)}.pill:disabled{opacity:.4;cursor:not-allowed}.pill.wide{width:100%}.pill.ghost{color:#fff;background:#ffffff1a}.pill.danger{color:#fff;background:#ff4d52}.switch{justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex;box-shadow:inset 0 -1px #ffffff0d}.switch:last-child{box-shadow:none}.track{background:#ffffff24;border-radius:999px;flex:none;width:48px;height:28px;transition:background .2s;position:relative}.track.on{background:#fff}.track i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:3px;left:3px}.track.on i{background:#101012;transform:translate(20px)}.empty{text-align:center;color:var(--muted-2);padding:34px 18px;font-size:13.5px;line-height:1.65}.sheet-back{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;background:#040406a8;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:#16161a;border-radius:32px 32px 0 0;width:100%;max-width:480px;max-height:88vh;padding:20px 20px 32px;animation:.24s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}.sheet .grip{background:#fff3;border-radius:4px;width:40px;height:4px;margin:0 auto 16px}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes fade{0%{opacity:0}}.menu-item{border-radius:var(--r-md);text-align:left;align-items:center;gap:14px;width:100%;padding:15px 12px;font-size:16px;transition:background .16s;display:flex}.menu-item:hover{background:#ffffff12}.menu-item .k{color:var(--muted-2);margin-left:auto;font-size:12.5px}.room{grid-template-columns:minmax(0,1fr);gap:14px;max-width:1440px;min-height:100dvh;margin:0 auto;padding:18px 16px 22px;display:grid}.room-main{flex-direction:column;gap:14px;min-width:0;display:flex}.stage{flex:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:start;gap:14px;min-height:0;display:grid}.vtile{border-radius:var(--r-tile);aspect-ratio:4/3;background:radial-gradient(80% 70% at 50% 40%,#17171b 0%,#0d0d0f 60%,#08080a 100%);transition:box-shadow .25s;position:relative;overflow:hidden}.vtile.self{box-shadow:0 0 46px -22px #ffffff8c}.vtile.speaking{box-shadow:0 0 60px -18px #4ad4a5e6}.vtile video{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.vtile video.mirror,.vtile canvas.mirror{transform:scaleX(-1)}.vtile canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vtile .vname{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08080a85;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;display:flex;position:absolute;bottom:14px;left:14px}.vtile .vbadges{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:70%;display:flex;position:absolute;top:14px;right:14px}.vtile .vempty{color:var(--muted-2);text-align:center;place-items:center;padding:22px;font-size:13px;display:grid;position:absolute;inset:0}.banner{z-index:70;text-align:center;color:#1a1206;background:#ffc25c;padding:12px 18px;font-size:13.5px;line-height:1.5;position:sticky;top:0}.banner b{font-weight:600}.diag{border-radius:var(--r-sm);color:var(--text-2);white-space:pre-wrap;word-break:break-word;background:#0006;max-height:52vh;margin:0;padding:14px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px;line-height:1.55;overflow:auto}.cam-issue{z-index:3;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#0a0a0cd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.cam-issue b{font-size:15.5px;font-weight:500}.cam-issue span{color:var(--muted);max-width:320px;font-size:13px;line-height:1.55}.cam-issue .pill{min-height:44px;margin-top:4px;padding:0 22px;font-size:14.5px}.tap-audio{color:#101012;z-index:4;background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:500;animation:.25s pop;display:inline-flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -16px #000}.gesture-pop{color:#101012;white-space:nowrap;z-index:3;background:#fffffff0;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:500;animation:.28s cubic-bezier(.2,.8,.2,1) pop;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-10px)}}.dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:100%;padding:10px;display:flex}.side{border-radius:var(--r-card);background:#ffffff0a;flex-direction:column;min-height:0;display:flex;overflow:hidden}.side .side-head{padding:12px}.side .side-head .seg{background:#ffffff0d;width:100%;height:42px}.side .side-head .seg button{flex:1;padding:0 8px;font-size:13px}.side .side-body{flex-direction:column;flex:auto;gap:9px;min-height:0;padding:0 12px 12px;display:flex;overflow:auto}.turn{border-radius:var(--r-sm);background:#ffffff0d;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.turn.interim{opacity:.45}.turn .meta{color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.turn .meta b{color:var(--text-2);font-weight:500}.turn p{margin:0;font-size:14px;line-height:1.55}.turn .marks{flex-wrap:wrap;gap:6px;display:flex}.feed-item{border-radius:var(--r-sm);background:#ffffff0d;flex-direction:column;gap:10px;padding:11px;display:flex}.feed-item .thumb{object-fit:cover;width:80px;height:58px;color:var(--muted-2);background:#00000059;border-radius:10px;flex:none;place-items:center;display:grid}.consent{border-radius:var(--r-md);background:#ffffff0d;flex-direction:column;gap:11px;padding:14px;display:flex}.consent.confirmed{background:#4ad4a51c}.consent.rejected{opacity:.42}.consent q{quotes:"«" "»";font-size:14.5px;line-height:1.55}.consent .hash{color:var(--muted-2);word-break:break-all;letter-spacing:.03em;font-size:10.5px}.clip video{border-radius:var(--r-sm);background:#000;width:100%;display:block}.kpis{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;display:grid}.kpi{border-radius:var(--r-md);background:#ffffff0d;padding:16px}.kpi b{letter-spacing:-.03em;margin-bottom:3px;font-size:28px;font-weight:400;display:block}.kpi span{color:var(--muted);font-size:12px}.block{border-radius:var(--r-card);background:#ffffff0a;padding:22px}.block h3{align-items:center;gap:10px;margin:0 0 15px;font-size:16px;font-weight:500;display:flex}.block h3 .n{color:var(--muted-2);font-size:12px}.block p{color:var(--text-2);margin:0 0 10px;font-size:14.5px;line-height:1.7}.block ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.block li{border-radius:var(--r-sm);background:#ffffff0d;padding:13px 15px;font-size:14px;line-height:1.55}.block li .sub{color:var(--muted);margin-top:5px;font-size:12.5px;display:block}.block .turn-row{padding:10px 0;box-shadow:inset 0 -1px #ffffff0d}.block .turn-row:last-child{box-shadow:none}.toast-wrap{z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{color:#101012;background:#fffffff2;border-radius:999px;padding:13px 20px;font-size:13.5px;font-weight:500;animation:.2s pop;box-shadow:0 24px 50px -24px #000}.toast.err{color:#fff;background:#ff4d52}.toast.ok{color:#08221a;background:#4ad4a5}.rec-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.22}}.spinner{border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=720px){:root{--ctl:50px;--r-tile:34px}.page{gap:24px;max-width:900px;padding:30px 32px 56px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.h-display{margin-top:14px;font-size:60px}.tile{padding:20px}.tile-foot b{font-size:16px}.sheet{border-radius:32px;align-self:center;max-width:520px;margin-bottom:5vh}.sheet-back{align-items:center}}@media (width>=1120px){.page{max-width:1240px;padding:40px 44px 70px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.h-display{font-size:74px}.room{grid-template-columns:minmax(0,1fr) 400px;height:100dvh;padding:22px}.room-main{min-height:0}.stage{overflow:auto}}@media (width>=1600px){.page{max-width:1480px}.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1119px){.side{height:62vh}}