:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body,#root{height:100%}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#09090b;margin:0;overflow:hidden}#root{box-sizing:border-box;text-align:left;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex;overflow:hidden}.app{border-inline:1px solid var(--border);box-sizing:border-box;flex-grow:1;width:1126px;max-width:100%;margin:0 auto}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.auth-screen{background:#09090b;flex:1;justify-content:center;align-items:center;min-height:100svh;margin:0;padding:clamp(24px,4vw,48px);display:flex}.auth-container{flex-direction:column;align-items:center;width:100%;max-width:clamp(340px,40vw,550px);display:flex}.auth-logo{object-fit:contain;width:clamp(120px,18vw,240px);height:clamp(120px,18vw,240px);margin-bottom:clamp(28px,4vw,44px)}.auth-brand{letter-spacing:.22em;color:#fafafa;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:clamp(28px,4vw,52px);font-weight:600;line-height:1.2}.auth-product{letter-spacing:.42em;color:#a1a1aa;text-transform:uppercase;margin:8px 0 0;font-size:clamp(14px,2vw,24px);font-weight:500}.auth-tagline{color:#a1a1aa;text-align:center;margin:12px 0 clamp(24px,4vw,40px);font-size:clamp(15px,1.6vw,21px);font-weight:400;line-height:1.5}.auth-form{flex-direction:column;gap:16px;width:100%;max-width:clamp(320px,35vw,550px);display:flex}.auth-input{color:#f4f4f5;box-sizing:border-box;background:#131316;border:1px solid #27272a;border-radius:10px;outline:none;width:100%;padding:clamp(14px,1.5vw,20px) clamp(16px,1.6vw,20px);font-family:inherit;font-size:clamp(16px,1.4vw,20px);transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#a1a1aa}.auth-input:focus{border-color:#d4d4d8;box-shadow:0 0 0 3px #e4e4e71f}.auth-submit{letter-spacing:.1em;text-transform:uppercase;color:#f4f4f5;cursor:pointer;background:#18181b;border:1px solid #52525b;border-radius:10px;width:100%;margin-top:6px;padding:clamp(14px,1.5vw,20px) clamp(16px,1.6vw,20px);font-size:clamp(13px,1.2vw,17px);font-weight:600;transition:background .2s,border-color .2s,color .2s}.auth-submit:hover{color:#fff;background:#27272a;border-color:#a1a1aa}.auth-toggle{color:#a1a1aa;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:clamp(10px,1vw,12px) 8px;font-family:inherit;font-size:clamp(13px,1.05vw,14px);transition:color .2s}.auth-toggle:hover{color:#e4e4e7}.auth-error{color:#f87171;text-align:center;margin-top:clamp(16px,2vw,22px);font-size:clamp(13px,1.05vw,14px);line-height:1.5}.app-shell{text-align:left;color:#f4f4f5;background:#09090b;flex:1;width:100%;min-width:0;height:100%;min-height:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.sidebar{background:#0d0d12;border-right:1px solid #1a1a20;flex-direction:column;flex-shrink:0;width:280px;min-width:280px;min-height:0;display:flex}.sidebar-brand{box-sizing:border-box;align-items:center;gap:12px;height:72px;padding:18px 20px;display:flex}.sidebar-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px}.sidebar-brand-text{flex-direction:column;min-width:0;line-height:1;display:flex}.sidebar-brand-name{letter-spacing:.22em;color:#fafafa;font-size:15px;font-weight:600}.sidebar-brand-product{letter-spacing:.42em;text-transform:uppercase;color:#a1a1aa;margin-top:6px;font-size:10px;font-weight:500}.sidebar-nav{flex:1;min-height:0;padding:8px 0 16px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-thumb{background:#24242a;border-radius:8px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.channel-section{margin-top:18px;padding:0 12px}.channel-item{position:relative}.channel-item+.channel-item{margin-top:2px}.channel-people{flex-direction:column;gap:1px;margin:2px 0 8px;padding:0 10px 0 0;list-style:none;display:flex}.channel-person{color:#a1a1aa;border-radius:6px;align-items:center;gap:8px;padding:3px 10px 3px 36px;font-size:13px;display:flex}.channel-person-avatar{object-fit:cover;color:#a1a1aa;background:#17171e;border:1px solid #2a2a32;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:flex}.channel-person-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-section-title{letter-spacing:.18em;text-transform:uppercase;color:#6b6b76;margin:0 8px 8px;font-size:10px;font-weight:600}.channel-group-title{letter-spacing:.18em;text-transform:uppercase;color:#3b82f6;margin:0 8px 8px;font-size:11px;font-weight:600}.channel-row{color:#a1a1aa;width:100%;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.channel-row:before{content:"";background:0 0;border-radius:2px;width:2px;transition:background .15s;position:absolute;top:22%;bottom:22%;left:0}.channel-row:hover{color:#e4e4e7;background:#16161d}.channel-row:hover:before{background:#3b82f6}.channel-row:focus-visible{outline-offset:-2px;outline:2px solid #3b82f699}.channel-row.is-connected{color:#fafafa;background:#0f1a2b}.channel-row.is-connected:before{background:#3b82f6}.channel-row.is-connected:hover{background:#12203a}.channel-status-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;animation:2.4s ease-out infinite channel-status-pulse;box-shadow:0 0 #3b82f673}@keyframes channel-status-pulse{0%{box-shadow:0 0 #3b82f673}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.channel-connecting-label{color:#7fb0fa;flex-shrink:0;margin-left:auto;font-size:11px}.channel-occupancy{color:#8b8b96;background:#191920;border:1px solid #26262e;border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:500}.channel-occupancy.is-connected{color:#bfdbfe;background:#13203a;border-color:#27457a}.channel-count{color:#8b8b96;background:#191920;border:1px solid #26262e;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.channel-count.is-connected{color:#bfdbfe;background:#13203a;border-color:#27457a}.channel-count .app-icon{width:13px;height:13px}.channel-row:disabled{cursor:default}.channel-icon{flex-shrink:0;display:inline-flex}.channel-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sidebar-admin{border-top:1px solid #1a1a20;margin-top:10px;padding:10px 12px 4px}.sidebar-admin-entry{color:#a1a1aa;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.sidebar-admin-entry:hover{color:#e4e4e7;background:#16161d}.sidebar-admin-entry.is-active{color:#fafafa;background:#0f1a2b;position:relative}.sidebar-admin-entry.is-active:before{content:"";background:#3b82f6;border-radius:2px;width:2px;position:absolute;top:22%;bottom:22%;left:0}.sidebar-admin-entry:focus-visible{outline-offset:-2px;outline:2px solid #3b82f699}.sidebar-user{box-sizing:border-box;background:#101016;border-top:1px solid #1f1f26;flex-shrink:0;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.sidebar-user-avatar{color:#bfdbfe;object-fit:cover;background:#141b2b;border:1px solid #27457a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-nickname{color:#f4f4f5;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#71717a;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.sidebar-logout{color:#71717a;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px;transition:background .15s,color .15s}.sidebar-logout:hover{color:#f4f4f5;background:#141419}.sidebar-user-avatar-wrap{flex-shrink:0;position:relative}.sidebar-user-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.sidebar-user-avatar-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6b3}.sidebar-user-menu-backdrop{z-index:20;cursor:default;background:0 0;border:none;position:fixed;inset:0}.sidebar-user-menu{z-index:30;box-sizing:border-box;background:#14141a;border:1px solid #24242c;border-radius:12px;flex-direction:column;gap:10px;width:240px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:8px;box-shadow:0 18px 50px #0000008c}.sidebar-user-menu-avatar{object-fit:cover;color:#bfdbfe;background:#141b2b;border:1px solid #27457a;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:56px;height:56px;font-size:22px;font-weight:600;display:flex}.sidebar-user-menu-nickname{color:#f4f4f5;margin:0;font-size:15px;font-weight:600}.sidebar-user-menu-role{color:#71717a;margin:2px 0 0;font-size:11px}.sidebar-user-menu-action{color:#e4e4e7;font:inherit;cursor:pointer;text-align:left;background:#181820;border:1px solid #2a2a32;border-radius:8px;padding:8px 10px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.sidebar-user-menu-action:hover:not(:disabled){color:#fff;background:#1f1f28;border-color:#3b82f6}.sidebar-user-menu-action.is-remove{color:#f0a1a1;border-color:#3a2226}.sidebar-user-menu-action.is-remove:hover:not(:disabled){color:#f87171;background:#241516;border-color:#f87171}.sidebar-user-menu-action:disabled{opacity:.6;cursor:default}.sidebar-user-menu-error{color:#f87171;margin:0;font-size:12px}.main{background:#09090b;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.meeting-area{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.meeting-area>*{width:100%;height:100%}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:48px 24px;display:flex}.empty-logo{object-fit:contain;opacity:.85;width:80px;height:80px;margin-bottom:24px}.empty-title{letter-spacing:.22em;color:#fafafa;margin:0;font-size:22px;font-weight:600}.empty-sub{color:#8b8b96;max-width:40ch;margin:14px 0 0;font-size:15px;line-height:1.6}.admin-panel{flex:1;min-height:0;padding:32px 40px;overflow-y:auto}.admin-head{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-title{letter-spacing:.06em;color:#f4f4f5;margin:0;font-size:18px;font-weight:600}.admin-refresh{color:#c9c9d1;font:inherit;cursor:pointer;background:#121216;border:1px solid #2a2a30;border-radius:8px;margin-left:auto;padding:7px 14px;font-size:12px;transition:background .15s,color .15s}.admin-refresh:hover{color:#fff;background:#1a1a20}.admin-error{color:#f87171;margin:0 0 16px;font-size:13px}.admin-empty{color:#71717a;margin:0;font-size:14px}.admin-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin-row{border-radius:8px;align-items:center;gap:14px;padding:10px 12px;transition:background .15s;display:flex}.admin-row:hover{background:#101014}.admin-user{flex-direction:column;flex:1;min-width:0;display:flex}.admin-user-nick{color:#e4e4e7;font-size:14px;font-weight:500}.admin-user-sub{color:#71717a;margin-top:2px;font-size:12px}.admin-action{color:#c9c9d1;font:inherit;cursor:pointer;background:#121216;border:1px solid #2a2a30;border-radius:8px;padding:6px 12px;font-size:12px;transition:background .15s,color .15s}.admin-action:hover{color:#fff;background:#1a1a20}.app-error{color:#f87171;background:#0d0d12;border-top:1px solid #1a1a20;flex-shrink:0;padding:10px 16px;font-size:13px}@media (width>=1440px){.sidebar{width:300px;min-width:300px}.sidebar-brand{height:80px;padding:20px 24px}.sidebar-brand-name{font-size:16px}.sidebar-nav{padding:10px 0 20px}.channel-section{margin-top:24px;padding:0 16px}.channel-section-title{margin:0 10px 8px;font-size:11px}.channel-row{gap:12px;padding:9px 11px;font-size:15px}.channel-person{padding-left:38px;font-size:13.5px}.sidebar-user{min-height:70px;padding:14px 16px}}@media (width<=720px){.sidebar{width:200px;min-width:200px}.admin-panel{padding:24px 20px}}.voice-controls{box-sizing:border-box;background:#0d0d12;border-top:1px solid #1a1a20;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.voice-controls-info{align-items:center;gap:10px;min-width:0;display:flex}.voice-controls-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-out infinite channel-status-pulse;box-shadow:0 0 #3b82f673}.voice-controls-channel{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.voice-controls-occ{color:#bfdbfe;background:#13203a;border:1px solid #27457a;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:11px}.voice-controls-actions{align-items:center;gap:8px;display:flex;position:relative}.control-btn{color:#d4d4d8;cursor:pointer;background:#141419;border:1px solid #2a2a32;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.control-btn>.app-icon{width:19px;height:19px}.control-btn:hover{color:#fff;background:#1c1c24;border-color:#3a3a44}.control-btn:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}.control-btn.is-off{color:#f87171;background:#271117;border-color:#5b1f24}.control-btn.is-off:hover{color:#fca5a5;background:#31141b;border-color:#7a2731}.control-btn.is-active{color:#93c5fd;background:#1d2434;border-color:#3b82f6}.control-btn.is-active:hover{color:#bfdbfe;background:#23314b}.control-btn.is-leave{color:#f87171}.control-btn.is-leave:hover{color:#fca5a5;background:#271519;border-color:#6b2432}.voice-controls-settings{position:relative}.control-settings-popover{z-index:30;background:#16161d;border:1px solid #26262e;border-radius:12px;flex-direction:column;gap:12px;width:280px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000080}.control-settings-title{letter-spacing:.08em;text-transform:uppercase;color:#f4f4f5;margin:0;font-size:12px;font-weight:600}.control-settings-field{color:#a1a1aa;flex-direction:column;gap:6px;font-size:12px;display:flex}.control-settings-select{color:#e4e4e7;font:inherit;background:#101016;border:1px solid #2a2a32;border-radius:8px;outline:none;max-width:100%;padding:8px 10px;font-size:13px}.control-settings-select:focus{border-color:#3b82f6}.control-settings-static{background:#101016;border:1px solid #2a2a32;border-radius:8px;max-width:100%;padding:8px 10px}.control-settings-static-value{color:#a1a1aa;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.control-settings-hint{color:#71717a;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.control-settings-hint .app-icon{flex-shrink:0;width:14px;height:14px}.stage-main-area{flex-direction:column;flex:1;min-height:0;display:flex}.stage-view{background:#09090b;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.stage-head{background:#0d0d12;border-bottom:1px solid #1a1a20;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.stage-head-title{letter-spacing:.06em;color:#f4f4f5;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600;display:flex}.stage-head-icon{color:#3b82f6;flex-shrink:0;display:inline-flex}.stage-head-meta{color:#a1a1aa;flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.stage-head-live{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite channel-status-pulse;box-shadow:0 0 #3b82f673}.stage-head-count{color:#bfdbfe;background:#141b2b;border:1px solid #27457a;border-radius:999px;align-items:center;padding:2px 9px;display:inline-flex}.stage-main{flex:1;min-width:0;min-height:0;display:flex}.stage-center{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stage-strip{background:#0b0b10;border-bottom:1px solid #16161c;flex-shrink:0;align-items:center;gap:12px;min-width:0;padding:8px 16px;display:flex}.stage-strip-label{letter-spacing:.16em;text-transform:uppercase;color:#6b6b76;flex-shrink:0;font-size:10px;font-weight:600}.stage-strip-list{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.stage-presenter{background:#121218;border:1px solid #22222a;border-radius:9px;flex-shrink:0;width:104px;position:relative;overflow:hidden}.stage-presenter.is-viewer{opacity:.75}.stage-presenter-media{background:#0f0f15;justify-content:center;align-items:center;height:60px;display:flex;position:relative;overflow:hidden}.stage-presenter-video{object-fit:cover;width:100%;height:100%}.stage-presenter-avatar{object-fit:cover;color:#93c5fd;background:#131a28;justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;font-weight:600;display:flex;position:absolute;inset:0}.stage-presenter-name{color:#d4d4d8;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;font-weight:500;display:block;overflow:hidden}.stage-presenter-mic{color:#3b82f6;background:#09090bd9;border:1px solid #3b82f659;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:5px;right:5px}.stage-presenter-mic.is-off{color:#f87171;border-color:#f871714d}.stage-presenter-mic .app-icon{width:12px;height:12px}.stage-area{background:#08080c;border:1px solid #18181f;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;margin:12px;display:flex;position:relative;overflow:hidden}.stage-screen-video{object-fit:contain;width:100%;height:100%}.stage-share-status{color:#e4e4e7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090bd9;border:1px solid #23232b;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:5px 10px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:12px;left:12px}.stage-share-status .app-icon{color:#3b82f6;flex-shrink:0;width:14px;height:14px}.stage-share-status-name{white-space:nowrap;text-overflow:ellipsis;color:#f4f4f5;font-weight:600;overflow:hidden}.stage-empty{text-align:center;color:#71717a;flex-direction:column;align-items:center;gap:4px;padding:32px;display:flex}.stage-empty-logo{object-fit:contain;opacity:.75;width:64px;height:64px;margin-bottom:12px}.stage-empty-text{margin:0;font-size:14px}.stage-empty-hint{color:#52525b;margin:0;font-size:12px}.stage-actions{z-index:5;gap:8px;display:flex;position:absolute;top:16px;right:16px}.stage-action-btn{color:#d4d4d8;font:inherit;cursor:pointer;background:#141419;border:1px solid #2a2a32;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.stage-action-btn>.app-icon{width:16px;height:16px}.stage-action-btn:hover{color:#fff;background:#1c1c24;border-color:#3a3a44}.stage-action-btn:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}.stage-action-btn.is-active{color:#93c5fd;background:#1d2434;border-color:#3b82f6}.stage-action-btn.is-active:hover{color:#bfdbfe;background:#23314b}.stage-action-error{color:#fca5a5;z-index:5;background:#2a1215;border:1px solid #7f1d1d;border-radius:10px;max-width:320px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;position:absolute;top:64px;right:16px}.stage-panel{background:#0d0d12;border-left:1px solid #1a1a20;flex-direction:column;flex-shrink:0;width:300px;min-width:300px;min-height:0;display:flex}.stage-panel-tabs{border-bottom:1px solid #1a1a20;flex-shrink:0;align-items:center;gap:2px;padding:8px 8px 0;display:flex}.stage-panel-tab{color:#8b8b96;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex;position:relative}.stage-panel-tab>.app-icon{width:15px;height:15px}.stage-panel-tab:hover{color:#e4e4e7;background:#13131a}.stage-panel-tab:focus-visible{outline-offset:-2px;outline:2px solid #3b82f699}.stage-panel-tab.is-active{color:#f4f4f5;background:#16161d}.stage-panel-tab.is-active:after{content:"";background:#3b82f6;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.stage-panel-count{color:#93c5fd;background:#141b2b;border:1px solid #27457a;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.stage-panel-close{color:#71717a;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:6px 10px;font-size:18px;line-height:1;transition:background .15s,color .15s}.stage-panel-close:hover{color:#f4f4f5;background:#1a1a20}.stage-panel-close:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}.stage-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.stage-panel-empty{color:#6b6b76;text-align:center;max-width:24ch;margin:auto;padding:24px;font-size:13px;line-height:1.5}.stage-rail{background:#0d0d12;border-left:1px solid #1a1a20;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:52px;min-width:52px;min-height:0;padding:10px 0;display:flex}.stage-rail-btn{color:#a1a1aa;cursor:pointer;background:#131318;border:1px solid #26262e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.stage-rail-btn>.app-icon{width:17px;height:17px}.stage-rail-btn:hover{color:#f4f4f5;background:#1a1a22;border-color:#33333e}.stage-rail-btn:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}.stage-rail-btn.is-leave{color:#f87171}.stage-rail-btn.is-leave:hover{color:#fca5a5;background:#271519;border-color:#6b2432}.stage-rail-count{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.stage-rail-leave{margin-top:auto}.stage-chat{flex-direction:column;flex:1;min-height:0;display:flex}.stage-chat-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.stage-chat-empty{text-align:center;color:#6b6b76;max-width:26ch;margin:auto;font-size:13px;line-height:1.5}.stage-chat-empty-icon{color:#3b82f6;opacity:.7;margin-bottom:12px;display:inline-flex}.stage-chat-empty-icon .app-icon{width:26px;height:26px}.stage-chat-message{flex-direction:column;gap:2px;max-width:88%;font-size:13px;display:flex}.stage-chat-message.is-self{align-self:flex-end;align-items:flex-end}.stage-chat-author{color:#8b8b96;padding:0 2px;font-size:11px;font-weight:600}.stage-chat-message.is-self .stage-chat-author{color:#7fb0fa}.stage-chat-text{color:#e4e4e7;white-space:pre-wrap;word-break:break-word;background:#16161d;border:1px solid #23232b;border-radius:4px 10px 10px;margin:0;padding:8px 10px;line-height:1.45}.stage-chat-message.is-self .stage-chat-text{background:#13203a;border-color:#1f3a66;border-top-left-radius:10px;border-top-right-radius:4px}.stage-chat-time{color:#52525b;padding:0 2px;font-size:10px}.stage-chat-composer{border-top:1px solid #1a1a20;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.stage-chat-input{color:#f4f4f5;min-width:0;font:inherit;box-sizing:border-box;background:#131318;border:1px solid #26262e;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13px;transition:border-color .15s}.stage-chat-input:focus{border-color:#3b82f6}.stage-chat-input::placeholder{color:#52525b}.stage-chat-send{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #3b82f6;border-radius:10px;flex-shrink:0;padding:9px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.stage-chat-send:hover{background:#3b82f6}.stage-chat-send:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}.stage-chat-send:disabled{opacity:.45;cursor:default}.stage-participants{flex-direction:column;gap:2px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.stage-participant{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.stage-participant:hover{background:#14141a}.stage-participant-avatar{color:#d4d4d8;object-fit:cover;background:#191920;border:1px solid #2a2a32;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.stage-participant-avatar.is-presenting{color:#93c5fd;background:#1d2434;border-color:#3b82f6}.stage-participant-name{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.stage-participant-tag{color:#93c5fd;background:#141b2b;border:1px solid #27457a;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:500}.stage-participant-mic{color:#3b82f6;flex-shrink:0;display:flex}.stage-participant-mic.is-off{color:#6b6b76}.stage-participant-mic .app-icon{width:15px;height:15px}@media (width<=1180px){.sidebar{width:250px;min-width:250px}.stage-panel{width:280px;min-width:280px}}@media (width<=960px){.sidebar{width:220px;min-width:220px}.stage-panel{width:240px;min-width:240px}.stage-presenter{width:96px}.stage-presenter-media{height:54px}}