.notification-stack{z-index:10000;bottom:max(20px, env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right));pointer-events:none;gap:10px;width:min(390px,100vw - 32px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed}.notification-card{color:#f3f1fa;pointer-events:auto;overflow-wrap:anywhere;background:#252431;border:1px solid #57516e;border-left:3px solid #a89aff;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 38px 16px 16px;animation:.16s ease-out notification-appear;display:flex;position:relative;box-shadow:0 10px 28px #0005}.notification-card-warning{border-left-color:#e6b95b}.notification-card-icon{color:#bdadff;flex:none;padding-top:3px}.notification-card-warning .notification-card-icon{color:#e6b95b}.notification-card-content{flex:1;min-width:0}.notification-card-source{color:#bfb8d2;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.notification-card h3{color:#f3f1fa;margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.4}.notification-card p{color:#d1cddd;margin:0;font-size:13px;line-height:1.5}.notification-card-action{color:#fff;cursor:pointer;font:inherit;background:#7160c9;border:1px solid #9785ec;border-radius:7px;margin-top:12px;padding:6px 11px;font-size:12px;font-weight:600}.notification-card-action:hover{background:#8170da}.notification-card-actions{flex-wrap:wrap;gap:8px;display:flex}.notification-card .notification-card-help{color:#bfb8d2;margin-top:8px;font-size:11px}.notification-card-action-secondary{background:0 0;border-color:#71697f}.notification-card-action-secondary:hover{background:#ffffff15}.notification-card-dismiss{color:#c4bdd6;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:8px;right:8px}.notification-card-dismiss:hover{color:#fff;background:#ffffff15}.notification-card button:focus-visible{outline-offset:3px;outline:2px solid #c5b6ff}@keyframes notification-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=600px){.notification-stack{top:max(14px, env(safe-area-inset-top));width:auto;bottom:auto;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.notification-card{animation:none}}.notification-popup{background:0 0;margin:0}.notification-popup .notification-stack{width:auto;margin:8px;position:static}.progress-track{background:var(--bg-active,#2a2d33);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--progress-color,#f0b232);width:0;height:100%;transition:width .15s ease-out}.progress-track.is-indeterminate .progress-fill{width:35%;animation:1.1s ease-in-out infinite progress-sweep}@keyframes progress-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}.progress-track.is-indeterminate .progress-fill{animation:none}}:root{--voice-action:#8b7cf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#1e1f22;--bg-sidebar:#2b2d31;--bg-main:#313338;--bg-card:#2b2d31;--bg-hover:#35373c;--bg-active:#404249;--bg-input:#1e1f22;--text:#dbdee1;--text-muted:#949ba4;--text-bright:#f2f3f5;--accent:#5865f2;--accent-hover:#4752c4;--violet:#8b5cf6;--violet-bright:#c4b5fd;--violet-hot:#a855f7;--green:#23a55a;--red:#f23f43;--border:#232428;--update-bar-height:44px;background:var(--bg-main);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:gg sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-main);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;width:100%;min-width:0;overflow-x:hidden}body{overscroll-behavior-y:none;background:var(--bg-main);width:100%;min-width:0;min-height:100dvh;margin:0;overflow-x:hidden}#root{width:100%;min-width:0;min-height:100dvh;display:flow-root}button{font:inherit;touch-action:manipulation}.long-pressable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}input{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;height:38px;color:var(--text);font:inherit;border-radius:4px;padding:0 10px}input:focus{border-color:var(--accent);outline:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:default}@supports (-webkit-touch-callout:none){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}h1,h2,h3{margin:0}.auth-shell{background:radial-gradient(circle at 50% -20%, #3a3d77, var(--bg-main) 60%);place-items:center;min-height:100svh;padding:20px;display:grid}.community-auth-shell{grid-template-columns:minmax(0,1fr);place-items:safe center center;row-gap:16px;min-height:100svh;padding:clamp(24px,6vh,64px) clamp(28px,5vw,80px) clamp(24px,6vh,64px) 108px;overflow-y:auto}.auth-card{border:1px solid var(--border);background:var(--bg-card);z-index:1;border-radius:8px;width:min(620px,100%);min-width:0;padding:24px;position:relative;box-shadow:0 8px 24px #0006}.water-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.water-sheen{background:radial-gradient(40% 30% at 30% 35%,#5884f21a,#0000 70%),radial-gradient(45% 35% at 72% 68%,#40bebe14,#0000 72%);animation:38s ease-in-out infinite alternate water-drift;position:absolute;inset:-20%}.water-drop{width:0;height:0;position:absolute}.water-ring{opacity:0;will-change:transform, opacity;background:radial-gradient(closest-side,#0000 0 60%,#96beff6b 72%,#82afff29 84%,#0000 94%);border-radius:50%;width:320px;height:320px;margin:-160px 0 0 -160px;animation-name:water-ripple;animation-timing-function:cubic-bezier(.16,.72,.3,1);animation-iteration-count:infinite;position:absolute;top:0;left:0}@keyframes water-ripple{0%{opacity:0;transform:scale(.05)}4%{opacity:.55}16%{opacity:.38}to{transform:scale(var(--ripple-spread,4.5));opacity:0}}@keyframes water-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,1.5%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.water-ring{opacity:0;animation:none}.water-sheen{animation:none}}.server-picker-card{gap:18px;display:grid}.server-unreachable-card{gap:14px;display:grid}.brand-mark.unreachable{border:1px solid var(--red);color:#ffb9bb;background:#f23f4329}.server-unreachable-address{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.server-unreachable-hint{color:var(--text-muted);margin:0;font-size:13px}.offline-strip.inline{margin:0}.spinning{animation:1s linear infinite vd-spin}.copy-feedback-error{color:var(--red);overflow-wrap:anywhere;flex-basis:100%;grid-column:1/-1;font-size:12px}@keyframes vd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}}.auth-brand{align-items:center;gap:12px;min-width:0;display:flex}.auth-brand>div:last-child{min-width:0}.auth-brand h1{color:var(--text-bright);overflow-wrap:break-word;font-size:22px;line-height:1.1}.auth-brand p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.brand-mark{background:var(--accent);color:#fff;border-radius:16px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:grid}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.tab-button,.primary-button,.utility-button{color:var(--text-bright);background:var(--bg-active);cursor:pointer;border:none;border-radius:4px}.tab-button{justify-content:center;align-items:center;gap:8px;height:38px;font-size:13px;font-weight:700;display:flex}.tab-button.active{background:var(--accent);color:#fff}.tab-button.login.active{background:var(--green)}.tab-button.register.active{background:#3b82f6}.tab-button.login:hover{color:var(--text-bright);background:#23a55933}.tab-button.register:hover{color:var(--text-bright);background:#3b82f633}.tab-button.login.active:hover{background:#2eb96a}.tab-button.register.active:hover{background:#60a5fa}.auth-form{gap:14px;margin-top:20px;display:grid}.auth-note{border-left:2px solid var(--border);color:var(--text-muted);overflow-wrap:break-word;gap:5px;margin-top:2px;padding-left:10px;font-size:11.5px;line-height:1.5;display:grid}.auth-note p{margin:0}.auth-note.login{border-left-color:#23a55a8c}.auth-note.register{border-left-color:#3b82f68c}.captcha-status{border:1px solid var(--border);color:var(--text-muted);background:#232428b8;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;line-height:1.35;display:flex}.captcha-status.unverified{background:0 0;border-color:#0000;padding:0 2px;font-size:11.5px}.captcha-disabled-banner{border:1px solid var(--red);color:#ffb9bb;background:#f23f4324;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.captcha-status.passed{border-color:var(--green);color:var(--green);background:#23a55a1a}.captcha-status.failed,.captcha-status.blocked{border-color:var(--red);color:#ffb9bb;background:#f23f431a}.captcha-status.checking,.captcha-status.challenge{color:#ffd98a;background:#f0b23214;border-color:#f0b232}.auth-form label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:700;display:grid}.auth-form .password-input-row input,.auth-form input[data-testid=confirm-password-input]{height:44px;font-size:15px}.auth-form .password-input-row:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:4px}.password-input-row{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;min-width:0;display:grid}.backend-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;display:grid}.password-input-row input,.backend-input-row input{border-top-right-radius:0;border-bottom-right-radius:0}.password-reveal-button,.backend-apply-button{border:1px solid var(--border);background:var(--bg-active);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-left:none;border-radius:0 4px 4px 0;grid-auto-flow:column;place-items:center;gap:7px;padding:0 12px;font-weight:700;display:grid}.password-reveal-button:hover,.password-reveal-button[aria-pressed=true],.backend-apply-button:hover{color:var(--text-bright);background:#4e5058}.backend-status{border:1px solid var(--border);text-transform:none;border-radius:4px;padding:9px 10px;font-size:12px;line-height:1.35}.backend-status.ok{color:#b7f7cf;background:#23a55a1f;border-color:#23a55ab3}.backend-status.error{color:#ffb8b8;background:#f851491f;border-color:#f85149bf}.primary-button{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:700;display:flex}.primary-button.auth-submit{border-radius:6px;height:46px;margin-top:4px;font-size:15px}.primary-button.auth-submit.login{background:var(--green)}.primary-button.auth-submit.register{background:#3b82f6}.primary-button.auth-submit.login:hover{background:#2eb96a}.primary-button.auth-submit.register:hover{background:#60a5fa}.primary-button.compact{height:38px;padding:0 14px}.primary-button:hover,.tab-button:hover{background:var(--accent-hover)}.primary-button:disabled{cursor:wait;opacity:.7}.utility-button{background:var(--bg-active);justify-content:center;align-items:center;gap:8px;width:100%;height:36px;font-size:13px;font-weight:600;display:flex}.utility-button.compact{width:auto;height:32px;padding:0 10px}.utility-button:hover{background:#4e5058}.app-shell{background:var(--bg-main);grid-template-rows:minmax(0,1fr);grid-template-columns:248px minmax(0,1fr) 240px;width:100%;min-width:0;height:100dvh;display:grid;overflow:hidden}.app-shell.has-community-rail{grid-template-columns:72px 248px minmax(0,1fr) 240px}.community-rail{background:var(--bg-deep);z-index:5;border-right:1px solid #17181b;flex-direction:column;grid-area:1/1/-1;align-items:center;gap:10px;width:72px;min-width:0;min-height:0;max-height:100dvh;padding:12px 8px;display:flex}.community-auth-shell .community-rail{width:72px;position:fixed;inset:0 auto 0 0}.community-list{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:auto;align-items:center;gap:10px;width:100%;min-height:0;padding:2px 0;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 10px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 10px),#0000 100%)}.community-list::-webkit-scrollbar{width:0;height:0}.community-entry{flex:0 0 52px;width:52px;min-height:52px;transition:transform .16s;position:relative}.community-entry.carried{z-index:3;transition:none}.channel-group{transition:transform .16s}.channel-group.carried{z-index:3;transition:none;position:relative}.channel-group.carried .channel-row{background:var(--bg-sidebar);border-radius:6px;box-shadow:0 8px 18px #00000073}.community-entry.carried .community-button{cursor:grabbing;transform:scale(1.06);box-shadow:0 8px 18px #00000073}.community-button,.community-add,.community-settings{background:var(--bg-sidebar);width:48px;height:48px;color:var(--text-bright);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:border-radius .12s,background .12s;display:grid}.community-button{position:relative}.community-button:hover,.community-button.active,.community-add:hover,.community-settings:hover{background:var(--accent);border-radius:16px}.community-button img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.community-button span{font-weight:800}.community-badge{background:var(--bg-deep);width:18px;height:18px;color:var(--text-muted);border-radius:50%;padding:3px;position:absolute;bottom:-1px;right:-1px}.community-badge.voice{color:var(--green)}.community-badge.error{color:var(--red)}.community-badge.auth{color:#f0b232}.community-badge.checking{color:var(--text-bright)}.community-add{color:var(--green);flex:none}.community-rail-footer{border-top:1px solid #ffffff14;flex-direction:column;flex:none;align-items:center;gap:10px;width:100%;padding-top:10px;display:flex}.community-settings{color:var(--text-muted);flex:none}.community-settings:hover{color:var(--text-bright)}.add-gateway-modal{gap:16px;width:min(420px,100vw - 28px);display:grid}.account-controls .mobile-calendar-button,.account-controls .mobile-admin-button,.mobile-members-header,.stage-navigation,.mobile-stage-back,.landscape-members-button{display:none}.occupant-watch{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;padding:4px 6px}.mobile-nav,.server-header .mobile-rail-toggle,.mobile-rail-backdrop{display:none}.sidebar{background:var(--bg-sidebar);flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.app-shell.has-community-rail .sidebar{grid-column:2}.app-shell.has-community-rail .stage-column{grid-column:3}.app-shell.has-community-rail .member-list{grid-column:4}.server-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:52px;padding:0 14px;display:flex;box-shadow:0 1px #0003}.server-header .brand-mark{border-radius:10px;width:32px;height:32px;font-size:15px}.server-header h1{color:var(--text-bright);font-size:15px;font-weight:700}.server-header small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;display:block;overflow:hidden}.sidebar-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:10px 8px;overflow-y:auto}.channel-list{flex-direction:column;gap:2px;display:flex}.channel-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;padding:14px 8px 4px;font-size:11px;font-weight:700;display:flex}.category-add{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.category-add:hover{color:var(--text-bright)}.channel-create{grid-template-columns:minmax(0,1fr) 32px;gap:4px;padding:2px 4px 6px;display:grid}.channel-create input{height:30px;font-size:13px}.channel-row{border-radius:4px;align-items:center;min-height:34px;display:flex}.channel-row:hover{background:var(--bg-hover)}.channel-row.active{background:var(--bg-active)}.channel-select{min-width:0;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:6px;display:flex}.channel-row:hover .channel-select,.channel-row.active .channel-select{color:var(--text-bright)}.channel-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.channel-private-icon{color:var(--accent);flex-shrink:0}.channel-private-tag{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#5865f229;border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:.62rem;font-weight:700}.ready-panel{border-top:1px solid var(--border);background:#232428;flex:none;padding:12px 8px;position:relative}.ready-row{align-items:stretch;gap:6px;display:flex}.ready-toggle{letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:10px 12px;font-size:1.05rem;font-weight:800;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.ready-toggle:disabled{cursor:default;opacity:.7}.ready-toggle.is-ready{color:#3ba55d;background:#23a55a29;border-color:#23a55a8c;box-shadow:0 0 12px #23a55a40}.ready-toggle.not-ready{color:#f23f42;background:#f23f421f;border-color:#f23f4273}.ready-toggle:not(:disabled):hover{filter:brightness(1.15)}.ready-toggle-expiry{font-variant-numeric:tabular-nums;opacity:.75;font-size:.72rem;font-weight:600}.ready-edit-button{flex-shrink:0;align-self:center}.ready-duration{padding:6px 2px 0}.ready-duration input[type=range]{accent-color:#3ba55d;width:100%;height:14px;margin:0}.ready-duration input[type=range]:disabled{opacity:.45}.ready-duration-labels{justify-content:space-between;padding:0 1px;display:flex}.ready-duration-label{color:var(--text-muted);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;padding:1px 2px;font-size:9px;font-weight:700}.ready-duration-label:disabled{cursor:default;opacity:.55}.ready-duration-label.active{color:#3ba55d}.ready-summary{flex-wrap:wrap;gap:4px;padding:6px 2px 0;display:flex}.ready-chip{color:#3ba55d;background:#23a55a29;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:600}.ready-editor{z-index:30;border:1px solid var(--border,#ffffff14);background:var(--bg-floating,#111214);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:calc(100% - 6px);left:8px;right:8px;box-shadow:0 8px 24px #00000073}.ready-editor-head{justify-content:space-between;align-items:center;padding-bottom:2px;display:flex}.ready-editor-empty{color:var(--text-muted);padding:4px 2px;font-size:.75rem}.ready-activity-row{align-items:center;gap:6px;display:flex}.ready-activity-row input[type=text],.ready-activity-row input:not([type]){flex:1;min-width:0}.ready-activity-include{flex-shrink:0;place-items:center;display:grid}.ready-activity-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;overflow:hidden}.ready-activity-name.excluded{color:var(--text-muted);opacity:.7;text-decoration:line-through}.member-ready-chips{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.member-ready-chip{color:#3ba55d;background:#23a55a29;border-radius:9px;padding:0 6px;font-size:10px;font-weight:700;line-height:1.5}.invite-countdown{color:var(--text-muted,#949ba4);font-variant-numeric:tabular-nums;background:#949ba429;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:1px 5px;font-size:.66rem;font-weight:600;line-height:1.5;display:inline-flex}.channel-private-tag+.invite-countdown{margin-left:4px}.invite-countdown.urgent{color:var(--danger,#f23f42);background:#f23f4229}.channel-admin{gap:2px;padding-right:4px;display:none}.channel-row:hover .channel-admin{display:flex}.channel-rename{grid-template-columns:minmax(0,1fr) 28px 28px;gap:3px;width:100%;padding:3px 4px;display:grid}.channel-rename input{height:28px;font-size:13px}.channel-occupants{flex-direction:column;gap:1px;padding:2px 0 4px;display:flex}.occupant{cursor:default;border-radius:4px;align-items:center;gap:8px;padding:3px 6px;display:flex}.occupant:hover{background:var(--bg-hover)}.occupant-avatar{background:var(--bg-active);width:24px;height:24px;color:var(--text-bright);border:2px solid #0000;border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid;position:relative}.occupant.speaking .occupant-avatar,.occupant-avatar.speaking{border-color:var(--green)}.occupant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;font-size:14px;overflow:hidden}.occupant.speaking .occupant-name{color:var(--text-bright)}.occupant-icons{color:var(--text-muted);align-items:center;gap:5px;display:flex}.occupant-mic-on{opacity:.55}.occupant-muted{color:#ed4245}.occupant-deafened{color:#ed4245;align-items:center;gap:3px;display:inline-flex}.occupant-onair{color:#ed4245;letter-spacing:.04em;text-transform:uppercase;border:1px solid #ed42458c;border-radius:4px;align-items:center;padding:1px 5px;font-size:.6rem;font-weight:800;line-height:1.4;display:inline-flex}.icon-button{background:var(--bg-active);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;border-radius:4px;flex:none;place-items:center;display:grid}.icon-button:hover{background:#4e5058}.icon-button.compact{width:28px;height:28px}.icon-button.ghost{color:var(--text-muted);background:0 0}.icon-button.ghost:hover{background:var(--bg-hover);color:var(--text-bright)}.icon-button.danger{color:var(--text-muted);background:0 0}.icon-button.disconnect-button{color:var(--red)}.icon-button.danger:hover{background:var(--red);color:#fff}.icon-button.active-danger{color:var(--red)}.icon-button.active-success{color:var(--green)}.icon-button:disabled,.icon-button.is-disabled{opacity:.4;cursor:not-allowed}.control-tooltip{z-index:200;max-width:min(220px,100vw - 16px);color:var(--text-bright);text-align:center;white-space:nowrap;pointer-events:none;background:#111214f5;border:1px solid #ffffff14;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25;position:fixed;box-shadow:0 10px 28px #00000061}.control-tooltip:after{content:"";background:#111214f5;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.control-tooltip.top:after{bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.control-tooltip.left:after{top:50%;right:-5px;transform:translateY(-50%)rotate(-45deg)}.control-tooltip.right:after{top:50%;left:-5px;transform:translateY(-50%)rotate(135deg)}.user-bar{border-top:1px solid var(--border);background:#232428;flex:none;min-width:0}.voice-status-panel{border-bottom:1px solid var(--border);padding:8px}.voice-status-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.voice-status-meta{align-items:center;gap:8px;min-width:0;display:flex}.voice-status-signal{color:var(--green);flex:none}.voice-status-copy{outline:none;min-width:0;position:relative}.voice-status-meta strong{color:var(--green);font-size:12px;display:block}.voice-status-meta small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;display:block;overflow:hidden}.voice-network-stats{z-index:5;border:1px solid var(--border);width:max-content;max-width:min(520px,100vw - 24px);color:var(--text-muted);opacity:0;pointer-events:none;visibility:hidden;background:#111214fa;border-radius:8px;grid-template-columns:auto repeat(3,max-content);align-items:stretch;gap:5px;padding:6px;font-size:10px;line-height:1;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;transform:translateY(2px);box-shadow:0 10px 24px #0000005c}.voice-status-copy[data-network-open=true] .voice-network-stats{opacity:1;visibility:visible;transform:translateY(0)}.voice-network-protocol{min-width:42px;color:var(--green);letter-spacing:0;background:#23a55a1f;border-radius:6px;place-items:center;padding:6px 8px;font-size:12px;font-weight:700;display:grid}.voice-network-chip{background:#ffffff09;border-radius:6px;gap:3px;min-width:0;padding:5px 7px;display:grid}.voice-network-chip span{color:var(--text-muted);text-transform:uppercase;font-size:9px}.voice-network-chip strong{color:var(--text);white-space:nowrap;font-size:11px;font-weight:600}.voice-status-controls{justify-content:space-between;align-items:center;gap:4px;min-width:0;margin-top:8px;display:flex}.voice-status-controls.soundboard-only{justify-content:flex-end}.user-bar .icon-button.voice-action-button{border-radius:4px;width:32px;height:30px}.user-bar .icon-button.voice-action-button svg{stroke-width:2.25px;width:18px;height:18px}.user-bar .disconnect-button{flex:none;width:30px;height:30px}.account-controls .icon-button{border-radius:4px;width:30px;height:30px}.userbar-share-control{place-items:center;display:grid;position:relative}.modal.screen-share-dialog{width:min(1600px,100vw - 48px);max-width:none}.screen-share-dialog-body{text-align:left;color:var(--text-muted);gap:16px;padding:14px 8px 22px;display:grid}.screen-share-dialog-intro{text-align:center;justify-items:center;gap:8px;display:grid}.screen-share-dialog-icon{width:54px;height:54px;color:var(--green);background:#23b76f1a;border-radius:8px;place-items:center;display:grid}.screen-share-dialog-body p{max-width:540px;margin:0;font-size:14px;line-height:1.45}.screen-share-bitrate-option{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.screen-share-bitrate-option>input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:0}.screen-share-bitrate-option datalist{display:none}.screen-share-bitrate-number{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.screen-share-bitrate-number input{border:1px solid var(--border);background:var(--bg-input);width:72px;color:var(--text-bright);font:inherit;font-variant-numeric:tabular-nums;border-radius:4px;padding:6px 7px}.screen-share-dialog-body p.screen-share-bitrate-advice{border:1px solid color-mix(in srgb, var(--warning,#f0b429) 30%, transparent);background:color-mix(in srgb, var(--warning,#f0b429) 8%, transparent);color:var(--text);border-radius:6px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45}.screen-share-option-icon{width:38px;height:38px;color:var(--green);background:#23b76f1a;border-radius:6px;place-items:center;display:grid}.screen-share-option-copy{gap:2px;min-width:0;display:grid}.screen-share-option-copy strong,.screen-share-option-copy small,.screen-share-preset-option strong,.screen-share-preset-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.screen-share-option-copy strong{color:var(--text-bright);font-size:14px}.screen-share-option-copy small{color:var(--text-muted);font-size:12px}.screen-share-option-check{width:24px;height:24px;color:var(--text-bright);background:var(--accent);border-radius:999px;place-items:center;display:grid}.screen-share-option-check:empty{background:0 0}.screen-share-option-state{min-width:36px;color:var(--text-bright);text-align:right;font-size:13px;font-weight:800}.screen-share-option-group{gap:8px;display:grid}.screen-share-browser-layout{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:16px;display:grid}.screen-share-settings-column{gap:16px;min-width:0;display:grid}.screen-share-source-empty{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:6px;padding:12px}.screen-share-source-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;padding-right:2px;display:grid;overflow:auto}.share-source-workspace{grid-template-columns:minmax(340px,1fr) minmax(220px,.48fr) minmax(420px,1.15fr);gap:16px;min-height:430px;display:grid}.share-window-pane,.share-control-pane,.share-display-pane{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 72%, transparent);border-radius:7px;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;padding:10px;display:grid}.share-control-pane{align-content:start}.share-stream-controls{align-content:start;gap:14px;min-width:0;display:grid}.share-control-field{min-width:0;color:var(--text-muted);gap:7px;font-size:12px;font-weight:700;display:grid}.share-control-field>span:first-child{align-items:center;gap:6px;display:flex}.share-control-field select,.share-control-field input[type=number]{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;color:var(--text-bright);font:inherit;border-radius:5px;padding:9px 10px}.share-control-number{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.share-control-number small{color:var(--text-muted);font-weight:500}.share-native-size{border:1px solid var(--border);background:var(--bg-card);border-radius:5px;gap:2px;padding:10px;display:grid}.share-native-size strong{color:var(--text-bright);font-size:14px}.share-native-size span{color:var(--text-muted);font-size:11px}.share-future-formats{gap:7px;display:grid}.share-future-toggle{border:1px solid var(--border);background:var(--bg-card);min-width:0;color:var(--text-muted);border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.share-future-toggle>span:first-child{gap:2px;min-width:0;display:grid}.share-future-toggle strong{color:var(--text-bright);font-size:12px}.share-future-toggle small{color:var(--text-muted);font-size:10px}.share-future-toggle-control{align-items:center;gap:7px;display:flex}.share-future-toggle-control input{margin:0}.share-future-toggle:has(input:disabled){opacity:.62}.share-control-checkbox{border:1px solid var(--border);background:var(--bg-card);border-radius:5px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.share-control-checkbox>span{color:var(--text-bright);gap:2px;font-size:12px;font-weight:700;display:grid}.share-control-checkbox small{color:var(--text-muted);font-size:10px;font-weight:500}.share-source-pane-title{min-width:0;color:var(--text-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px;display:grid}.share-source-pane-title strong{color:var(--text-bright);font-size:13px}.share-source-pane-title>span{text-align:center;font-variant-numeric:tabular-nums;background:#949ba41f;border-radius:999px;min-width:22px;padding:2px 6px}.share-window-list{overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;max-height:400px;display:grid;overflow-y:auto}.share-window-list::-webkit-scrollbar{display:none}.share-window-list .screen-share-source-preview{min-height:76px}.share-monitor-map{aspect-ratio:2;background-color:#111317;background-image:linear-gradient(#949ba409 1px,#0000 1px),linear-gradient(90deg,#949ba409 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:5px;align-self:center;width:100%;position:relative;overflow:hidden}.share-monitor-option{color:var(--text-muted);cursor:pointer;background:#0b0d10;border:2px solid #454a54;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute;overflow:hidden;box-shadow:0 5px 18px #00000047}.share-monitor-option:hover{border-color:color-mix(in srgb, var(--accent) 58%, #454a54)}.share-monitor-option.active{z-index:2;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.share-monitor-option>img{object-fit:cover;opacity:.78;width:100%;height:100%}.share-monitor-option.active>img{opacity:1}.share-monitor-label{text-align:left;background:#0a0c0fd6;border-radius:4px;gap:1px;min-width:0;padding:4px 6px;display:grid;position:absolute;inset:auto 5px 5px}.share-monitor-label strong,.share-monitor-label small{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-monitor-label strong{font-size:12px}.share-monitor-label small{color:#c7cbd2;font-size:10px}.share-monitor-primary{color:#fff;text-transform:uppercase;background:#0a0c0fd6;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:800;position:absolute;top:5px;left:5px}.share-source-pane-empty{color:var(--text-muted);place-self:center;font-size:12px}.screen-share-source-option{border:1px solid var(--border);background:var(--bg-card);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;gap:8px;padding:8px;display:grid}.screen-share-source-option.active{border-color:var(--accent);background:var(--bg-active)}.screen-share-source-preview{min-height:88px;color:var(--text-muted);background:#111317;border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.screen-share-source-preview>img:first-child{object-fit:contain;width:100%;height:100%;max-height:132px}.screen-share-source-preview .screen-share-source-app-icon{background:#111317e6;border-radius:4px;width:24px;height:24px;padding:2px;position:absolute;bottom:6px;left:6px}.screen-share-source-copy{gap:2px;min-width:0;display:grid}.screen-share-source-copy strong,.screen-share-source-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-share-source-copy strong{color:var(--text-bright);font-size:13px}.screen-share-source-copy small{color:var(--text-muted);font-size:11px}.screen-share-option-group.browser{justify-self:center;width:min(540px,100%)}.screen-share-option-group h3{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.screen-share-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.screen-share-preset-grid.modes{grid-template-columns:minmax(0,1fr)}.screen-share-preset-grid.modes .screen-share-preset-option{min-height:0}.screen-share-preset-option{border:1px solid var(--border);background:var(--bg-card);min-width:0;min-height:74px;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;align-content:center;gap:4px;padding:12px;display:grid}.screen-share-preset-option.active{border-color:var(--accent);background:var(--bg-active)}.screen-share-option{border:1px solid var(--border);background:var(--bg-card);width:100%;min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.screen-share-option.active{border-color:var(--accent);background:var(--bg-active)}.screen-share-option:not(.active) .screen-share-option-icon{color:var(--text-muted);background:#949ba41f}.screen-share-option .screen-share-option-copy strong{color:var(--text-bright);font-size:15px}.screen-share-option .screen-share-option-copy small{color:var(--text-muted);font-size:12px}.screen-share-preset-option strong{color:var(--text-bright);font-size:16px}.screen-share-preset-option small{color:var(--text-muted);font-size:12px}.dialog-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dialog-actions.obs-share-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.obs-share-actions .utility-button,.obs-share-actions .primary-button{width:auto;min-width:104px;height:36px;padding:0 14px}.obs-share-actions .obs-share-start-button{min-width:170px}@media (width<=720px){.screen-share-dialog{width:100%}.screen-share-dialog-body{padding-inline:0}.screen-share-source-list,.share-source-workspace{grid-template-columns:minmax(0,1fr)}.share-window-list{max-height:220px}.share-monitor-map{min-height:0}}.account-bar{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 8px;display:flex}.nickname-prompt,.update-prompt{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;padding:12px 38px 12px 12px;display:grid;position:relative;box-shadow:0 12px 32px #00000073}.nickname-prompt-copy{gap:3px;min-width:0;display:grid}.nickname-prompt-copy strong,.nickname-prompt-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nickname-prompt-copy strong{color:var(--text-bright);font-size:13px}.nickname-prompt-copy span{color:var(--text-muted);font-size:12px}.nickname-prompt-close{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.nickname-prompt-close:hover{background:var(--bg-active);color:var(--text-bright)}.mic-permission-prompt{width:auto;box-shadow:none;grid-template-columns:minmax(0,1fr);margin:0 8px 8px}.mic-permission-prompt-copy{gap:3px;min-width:0;display:grid}.mic-permission-prompt-copy strong{color:var(--text-bright);font-size:13px}.mic-permission-prompt-copy span{color:var(--text-muted);font-size:12px;line-height:1.4}.account-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.account-avatar{background:var(--accent);color:#fff;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid;position:relative}.account-avatar.speaking{border-color:var(--green)}.account-text{min-width:0}.account-text strong{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.account-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.account-text small.speaking{color:var(--green)}.account-controls{flex:none;gap:2px;display:flex}.stage-column{background:var(--bg-main);flex-direction:column;grid-area:1/2;min-width:0;display:flex;position:relative;overflow:hidden}.voice-stage{flex-direction:column;flex:1;min-height:0;display:flex}.voice-stage.empty{justify-content:center;align-items:center}.stage-empty{text-align:center;color:var(--text-muted)}.update-download-bar{z-index:80;height:var(--update-bar-height);padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right));border-top:1px solid var(--border);background:var(--bg-card);align-content:center;gap:5px;display:grid;position:fixed;bottom:0;left:0;right:0}.app-shell:has(>.update-download-bar){--update-bottom-inset:var(--update-bar-height);height:calc(100vh - var(--update-bar-height));height:calc(100dvh - var(--update-bar-height))}.auth-shell:has(>.update-download-bar){--update-bottom-inset:var(--update-bar-height);min-height:calc(100vh - var(--update-bar-height));padding-bottom:calc(20px + var(--update-bar-height))}.community-auth-shell:has(>.update-download-bar){min-height:calc(100vh - var(--update-bar-height));padding-bottom:calc(32px + var(--update-bar-height))}.app-shell.has-community-rail:has(>.update-download-bar)>.community-rail{bottom:var(--update-bar-height)}.community-auth-shell:has(>.update-download-bar)>.community-rail{bottom:var(--update-bar-height)}.app-shell:has(>.update-download-bar) .modal-overlay{bottom:var(--update-bar-height)}.auth-shell:has(>.update-download-bar) .modal-overlay{bottom:var(--update-bar-height)}.update-download-copy{min-width:0;color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.update-download-copy svg{flex:none}.update-download-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.update-download-copy small{font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.settings-update-progress{gap:6px;margin-top:10px;display:grid}.prompt-dock{min-width:0;min-height:0;padding-bottom:max(16px, env(safe-area-inset-bottom));z-index:71;pointer-events:none;flex-direction:column;grid-area:1/2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.prompt-dock>.bug-report-card{pointer-events:auto;width:min(520px,100% - 32px);margin:0}.app-shell.has-community-rail .prompt-dock{grid-column:3}.prompt-queue{overscroll-behavior:contain;pointer-events:auto;gap:8px;width:min(520px,100% - 32px);max-height:min(48vh,360px);padding-right:2px;display:grid;overflow-y:auto}.stage-empty-icon{background:var(--bg-sidebar);width:84px;height:84px;color:var(--text-muted);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.stage-empty h2{color:var(--text-bright);font-size:20px}.stage-empty p{margin-top:6px;font-size:14px}.stage-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;height:52px;padding:0 16px;display:flex;box-shadow:0 1px #0003}.stage-title{color:var(--text-muted);align-items:center;gap:10px;min-width:0;display:flex}.stage-title h2{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.eyebrow{text-transform:uppercase;color:var(--text-muted);margin:0;font-size:10px;font-weight:700}.stage-controls{flex:none;align-items:center;gap:6px;display:flex}.stage-share-control{display:flex;position:relative}.icon-button.active{background:var(--bg-hover);color:var(--text-bright)}.icon-button.voice-action-button{width:44px;height:40px;color:var(--voice-action);box-shadow:none;background:0 0;border:1px solid #0000;transition:border-color .16s,color .16s,transform .16s,filter .16s;position:relative;overflow:visible}.icon-button.voice-action-button:before{content:"";z-index:0;filter:blur(7px);opacity:0;background:currentColor;border-radius:999px;transition:opacity .16s,transform .16s;position:absolute;inset:5px;transform:scale(.82)}.icon-button.voice-action-button svg{z-index:1;stroke-width:2.45px;filter:drop-shadow(0 0 2px #8b7cf63d);width:26px;height:26px;position:relative}.icon-button.voice-action-button:hover,.icon-button.voice-action-button:focus-visible{color:#a996ff;filter:none;background:0 0;transform:translateY(-1px)}.icon-button.voice-action-button:hover:before,.icon-button.voice-action-button:focus-visible:before{opacity:.16;transform:scale(.95)}.icon-button.voice-action-button:focus-visible{outline-offset:1px;outline:1px solid #c4b5fd42}.icon-button.voice-action-button.active,.icon-button.voice-action-button.active-success{color:var(--green);background:0 0;transform:translateY(-1px)}.icon-button.voice-action-button.active-danger{color:var(--red);background:0 0;transform:translateY(-1px)}.icon-button.voice-action-button.active:before,.icon-button.voice-action-button.active-success:before{opacity:.22;transform:scale(1)}.icon-button.voice-action-button.active-danger:before{opacity:.18;transform:scale(1)}.icon-button.voice-action-button.active:hover,.icon-button.voice-action-button.active-success:hover{color:#3ed577}.icon-button.voice-action-button.active-danger:hover{color:#ff6b6f}.icon-button.voice-action-button:disabled,.icon-button.voice-action-button:disabled:hover,.icon-button.voice-action-button.is-disabled,.icon-button.voice-action-button.is-disabled:hover{color:#c4b5fd5c;filter:none;background:0 0;transform:none}.icon-button.voice-action-button:disabled:before,.icon-button.voice-action-button.is-disabled:before{opacity:0;transform:scale(.72)}.stage-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));grid-auto-rows:minmax(min(100%,260px),1fr);gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.stage-idle{flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage-idle-background{background:var(--bg-deep);position:absolute;inset:0;overflow:hidden}.stage-idle-background-img{object-fit:cover;width:100%;height:100%}.stage-empty.subtle{color:var(--text-muted);font-size:14px}.screen-share-stage{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.screen-share-focus{place-items:center;min-height:0;display:grid}.screen-share-frame{border:1px solid var(--border);background:#111214;border-radius:8px;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden}.screen-share-video{object-fit:contain;background:#050506;width:100%;height:100%;display:block}.screen-share-overlay{pointer-events:none;background:linear-gradient(#00000094,#0000);justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;top:0;left:0;right:0}.screen-share-meta,.screen-share-actions{align-items:center;gap:8px;min-width:0;display:flex}.screen-share-meta{color:var(--text-bright);font-size:13px;font-weight:700}.screen-share-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.screen-share-actions{pointer-events:auto;flex:none}.screen-share-corner-controls{z-index:2;background:#111214b8;border-radius:8px;align-items:flex-end;gap:6px;padding:6px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 24px #00000057}.screen-share-corner-controls .icon-button{width:42px;height:42px;color:var(--text-bright);box-shadow:none;background:#2b2d31eb}.screen-share-corner-controls .icon-button:hover,.stream-audio-control:focus-within .stream-audio-button,.stream-audio-control:hover .stream-audio-button{background:#2b2d31f2}.stream-owner-stats{min-width:250px;max-width:min(420px,42vw);min-height:42px;color:var(--text-bright);text-align:left;font:inherit;cursor:pointer;background:#2b2d31eb;border:1px solid #7c87ff5c;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.stream-owner-stats[data-stats-level=off]{opacity:.75;grid-template-columns:auto;min-width:0}.stream-owner-stats.full{align-items:start;max-width:min(520px,60vw)}.stream-owner-stats.full .stream-owner-stats-text strong,.stream-owner-stats.full .stream-owner-stats-text span{white-space:normal;overflow:visible}.stream-owner-stats-line{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.stream-owner-limited{color:#e6a23c;font-weight:700}.stream-owner-stats-text{gap:2px;min-width:0;display:grid}.stream-owner-stats-text strong,.stream-owner-stats-text span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stream-owner-stats-text strong{font-size:12px;line-height:1.1}.stream-owner-stats-text span{color:var(--text-muted);font-size:11px}.stream-audio-control,.stream-bitrate-control{place-items:end;display:grid;position:relative}.stream-audio-control:before,.stream-bitrate-control:before{content:"";height:12px;position:absolute;bottom:100%;left:-8px;right:-8px}.stream-audio-button.muted{color:var(--text-muted)}.stream-bitrate-button{color:var(--text-bright)}.screen-share-corner-controls .stream-stop-sharing-button,.screen-share-corner-controls .stream-stop-watching-button{color:#fff;background:#da373c}.screen-share-corner-controls .stream-stop-sharing-button:hover,.screen-share-corner-controls .stream-stop-watching-button:hover{color:#fff;background:#a12828}.stream-volume-control{opacity:0;pointer-events:none;visibility:hidden;background:#111214eb;border-radius:6px;grid-template-rows:auto 1fr;place-items:center;gap:4px;width:46px;height:172px;padding:6px 0;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,6px);box-shadow:0 8px 24px #0000006b}.stream-volume-control.open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.stream-audio-control{--stream-volume-normal:var(--accent);--stream-volume-boosted:#e5a50a;--stream-volume-loud:#d64545;--stream-volume-track-height:112px}.stream-volume-readout{font-variant-numeric:tabular-nums;color:#b5bac1;font-size:11px}.stream-audio-control[data-volume-zone=boosted] .stream-volume-readout{color:var(--stream-volume-boosted)}.stream-audio-control[data-volume-zone=loud] .stream-volume-readout{color:var(--stream-volume-loud)}.stream-volume-track{width:6px;height:var(--stream-volume-track-height);background:#4e5058;border-radius:999px;position:relative}.stream-volume-fill{height:var(--stream-volume-percent);background-image:linear-gradient(to top, var(--stream-volume-normal) 0, var(--stream-volume-normal) 12.5%, var(--stream-volume-boosted) 12.5%, var(--stream-volume-boosted) 37.5%, var(--stream-volume-loud) 37.5%, var(--stream-volume-loud) 100%);background-size:100% var(--stream-volume-track-height);background-position:0 100%;background-repeat:no-repeat;border-radius:999px;position:absolute;bottom:0;left:0;right:0}.stream-volume-thumb{left:50%;bottom:var(--stream-volume-percent);background:var(--stream-volume-normal);border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,50%)}.stream-audio-control[data-volume-zone=boosted] .stream-volume-thumb{background:var(--stream-volume-boosted)}.stream-audio-control[data-volume-zone=loud] .stream-volume-thumb{background:var(--stream-volume-loud)}.stream-volume-slider{width:100%;height:var(--stream-volume-track-height);place-items:center;display:grid;position:relative}.stream-volume-control input{cursor:pointer;opacity:0;writing-mode:vertical-lr;direction:rtl;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.stream-quality-control{place-items:end;display:grid;position:relative}.stream-quality-control:before{content:"";height:12px;position:absolute;bottom:100%;left:-8px;right:-8px}.stream-quality-button{color:var(--text-bright)}.stream-quality-panel{opacity:0;pointer-events:none;visibility:hidden;background:#111214f0;border:1px solid #7c87ff73;border-radius:6px;gap:4px;width:260px;padding:6px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 4px);right:0;transform:translateY(6px);box-shadow:0 8px 24px #0000006b}.stream-quality-panel.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.stream-quality-option{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;gap:1px;padding:7px 9px;display:grid}.stream-quality-option:hover{background:var(--bg-hover)}.stream-quality-option.active{background:var(--accent);color:#fff}.stream-quality-option strong{font-size:13px}.stream-quality-option small{color:var(--text-muted);font-size:11px;line-height:1.35}.stream-quality-option.active small{color:#ffffffd1}.stream-bitrate-panel{opacity:0;pointer-events:none;visibility:hidden;background:#111214f0;border:1px solid #7c87ff73;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:220px;padding:10px;transition:opacity .12s,transform .12s,visibility .12s;display:grid;position:absolute;bottom:calc(100% + 4px);right:0;transform:translateY(6px);box-shadow:0 8px 24px #0000006b}.stream-bitrate-panel.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.stream-bitrate-panel span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.stream-bitrate-panel strong{color:var(--text-bright);font-size:13px}.stream-bitrate-panel input{width:100%;accent-color:var(--accent);grid-column:1/-1}.screen-share-viewer-notice,.screen-share-owner-notice{border:1px solid color-mix(in srgb, var(--warning,#f0b429) 35%, transparent);background:color-mix(in srgb, var(--warning,#f0b429) 10%, transparent);color:var(--text);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;display:flex}.screen-share-viewer-notice svg,.screen-share-owner-notice svg{color:var(--warning,#f0b429);flex:none;margin-top:1px}.hdr-colour-note{border:1px solid color-mix(in srgb, var(--warning,#f0b429) 35%, transparent);background:color-mix(in srgb, var(--warning,#f0b429) 10%, transparent);color:var(--text);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;display:flex}.hdr-colour-note svg{color:var(--warning,#f0b429);flex:none;margin-top:1px}.screen-share-switcher{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.stream-picker-stage{grid-template-rows:minmax(0,1fr)}.stream-picker{place-self:center;gap:12px;width:min(520px,100%);display:grid}.stream-picker-head{color:var(--text-bright);justify-content:center;align-items:center;gap:10px;display:flex}.stream-picker-head svg{color:var(--green)}.stream-picker-head h3{font-size:18px}.stream-offer-list{gap:8px;display:grid}.stream-offer{border:1px solid var(--border);background:var(--bg-deep);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.stream-offer div{gap:2px;min-width:0;display:grid}.stream-offer strong,.stream-offer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stream-offer strong{color:var(--text-bright);font-size:14px}.stream-offer span{color:var(--text-muted);font-size:12px}.stream-watch-button{white-space:nowrap;flex:none}.share-chip{border:1px solid var(--border);background:var(--bg-deep);min-width:0;max-width:220px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:0 10px;display:flex}.share-chip.active,.share-chip:hover{border-color:var(--accent);color:var(--text-bright);background:var(--bg-active)}.share-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-tile{background:var(--bg-deep);border:2px solid #0000;border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}.stage-tile.speaking{border-color:var(--green)}.tile-video-frame{background:#050506;width:100%;height:100%;position:relative;overflow:hidden}.tile-video-frame.speaking{box-shadow:inset 0 0 0 2px var(--green)}.tile-video{object-fit:cover;width:100%;height:100%;display:block}.tile-overlay{z-index:2;background:#111214b8;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:absolute;bottom:10px;left:10px}.tile-badge{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.tile-name{min-width:0;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.tile-corner-controls{padding:4px;bottom:10px;right:10px}.tile-corner-controls .icon-button{width:34px;height:34px}.error-strip{border:1px solid var(--red);color:#ffb9bb;background:#f23f431f;border-radius:4px;align-items:center;gap:8px;margin:10px 16px 0;padding:10px 12px;font-size:13px;display:flex}.offline-strip{color:#ffd98a;background:#f0b2321f;border:1px solid #f0b232;border-radius:4px;align-items:center;gap:8px;margin:10px 16px 0;padding:10px 12px;font-size:13px;display:flex}.error-strip.inline{margin:0}.error-note{color:#ffb9bb;border:1px solid var(--red);background:#f23f431a;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.compact-error{margin:6px 8px 0}.empty-state{min-height:40px;color:var(--text-muted);place-items:center;margin:8px;font-size:13px;display:grid}.member-list{background:var(--bg-sidebar);border-left:1px solid var(--border);flex-direction:column;grid-area:1/3;min-height:0;display:flex;overflow:hidden}.member-list-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:16px 8px;overflow-y:auto}.member-list-scroll::-webkit-scrollbar{width:0;height:0}.sidebar-scroll::-webkit-scrollbar{width:0;height:0}.member-group{margin-bottom:16px}.member-group-title{color:var(--text-muted);text-transform:uppercase;padding:6px 8px;font-size:11px;font-weight:700}.member-row{border-radius:4px;align-items:center;gap:10px;padding:5px 8px;display:flex}.member-row:hover{background:var(--bg-hover)}.member-row.offline{opacity:.5}.member-avatar{background:var(--bg-active);width:32px;height:32px;color:var(--text-bright);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.member-presence{flex-direction:column;flex:none;align-items:center;gap:4px;width:32px;display:flex}.member-ready-badge{color:#3ba55d;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;background:#23a55a2e;border:1px solid #23a55a66;border-radius:7px;flex-shrink:0;width:40px;margin:0 -4px;font-size:9px;font-weight:800;line-height:13px;overflow:hidden}.member-ready-time{color:#3ba55dd9;font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;white-space:nowrap;background:#23a55a1a;border:1px solid #23a55a38;border-radius:7px;flex-shrink:0;width:40px;margin:0 -4px;font-size:9px;font-weight:700;line-height:13px;overflow:hidden}.presence-dot{background:var(--text-muted);border:3px solid var(--bg-sidebar);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.presence-dot.online{background:var(--green)}.member-text{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);width:fit-content;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.member-titles{flex-direction:column;display:flex}.member-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.member-crown{color:#f0b232;flex:none}.member-kick{flex:none}.member-invite{background:var(--violet);color:#fff;flex:none}.member-invite:hover{background:var(--violet-hot)}.member-invite.sent{background:var(--bg-active);color:var(--green)}.member-invite.blocked,.member-invite.blocked:disabled,.member-invite.cooldown,.member-invite.cooldown:disabled{opacity:1;color:#fff;background:var(--red);cursor:not-allowed}.member-invite-countdown{text-align:center;min-width:16px;font-size:11px;font-weight:700;line-height:1}.modal-overlay{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));z-index:50;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;width:min(520px,100%);max-height:94dvh;padding:16px 20px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-head h2{color:var(--text-bright);font-size:20px}.modal-head-actions{align-items:center;gap:4px;display:flex}.debug-diagnostics{flex-direction:column;gap:6px;margin:0;display:flex}.debug-diagnostic-row{grid-template-columns:minmax(120px,160px) 1fr;gap:10px;font-size:13px;display:grid}.debug-diagnostic-row dt{color:var(--text-muted)}.debug-diagnostic-row dd{color:var(--text-bright);word-break:break-word;margin:0}.debug-log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.debug-log{background:var(--surface-sunken,#00000040);border:1px solid var(--border);border-radius:8px;max-height:320px;margin:10px 0 0;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;list-style:none;overflow:auto}.debug-log-entry{white-space:pre-wrap;word-break:break-word;gap:8px;padding:2px 0;display:flex}.debug-log-entry.error{color:var(--danger,#ff6b6b)}.debug-log-entry.warn{color:var(--warning,#f0b429)}.debug-log-time{color:var(--text-muted);flex:none}.debug-log-message{flex:1}.debug-overlay{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.debug-panel{flex-direction:column;width:min(1120px,100%);height:min(860px,94dvh);max-height:94dvh;padding:0;display:flex;overflow:hidden}.debug-panel-head{border-bottom:1px solid var(--border);flex:none;margin:0;padding:16px 20px 12px}.debug-panel-head>div:first-child{align-items:center;gap:10px;display:flex}.debug-state{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.3}.debug-state.enabled{color:var(--green);border-color:color-mix(in srgb, var(--green) 55%, var(--border));background:color-mix(in srgb, var(--green) 10%, transparent)}.debug-disabled-note,.debug-availability-note{border:1px solid var(--border);border-left:3px solid var(--warning,#f0b429);color:var(--text-muted);background:var(--bg-card);border-radius:6px;margin:12px 20px 0;padding:9px 12px;font-size:12px;line-height:1.45}.debug-tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;flex:none;align-items:end;gap:2px;padding:8px 20px 0;display:flex;overflow-x:auto}.debug-tab{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:8px 12px 9px;font-size:13px}.debug-tab:hover,.debug-tab.active{color:var(--text-bright)}.debug-tab.active{border-bottom-color:var(--accent,#5865f2)}.debug-refresh{margin:0 0 5px auto}.debug-panel-body{flex:1;min-height:0;padding:18px 20px 24px;overflow:auto}.debug-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.debug-metric-card{border:1px solid var(--border);background:var(--bg-card);border-radius:7px;gap:10px;min-width:0;padding:12px;display:flex}.debug-metric-icon{color:var(--accent,#7c86ff);flex:none}.debug-metric-card>div{gap:3px;min-width:0;display:grid}.debug-metric-card span,.debug-metric-card small{color:var(--text-muted);font-size:11px}.debug-metric-card strong{color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:20px}.debug-section{border:1px solid var(--border);background:var(--bg-card);border-radius:7px;margin-top:16px;padding:14px}.debug-section>h3,.debug-section-head h3,.debug-devtools-card h3{color:var(--text-bright);margin:0;font-size:14px}.debug-section-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.debug-section-head p,.debug-devtools-card p,.debug-explanation,.debug-total-line{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.debug-attribution-bar{background:var(--bg-main);border-radius:999px;height:10px;margin:13px 0 8px;display:flex;overflow:hidden}.debug-attribution-bar .known,.debug-attribution-legend i.known{background:var(--green)}.debug-attribution-bar .unknown,.debug-attribution-legend i.unknown{background:#6b7280}.debug-attribution-legend{color:var(--text-muted);gap:14px;margin-bottom:10px;font-size:11px;display:flex}.debug-attribution-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.debug-workload-group{margin-top:15px}.debug-workload-group h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 5px;font-size:11px}.debug-workload-row{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:7px 0;display:flex}.debug-workload-row>div{gap:2px;min-width:0;display:grid}.debug-workload-row strong{color:var(--text-bright);font-size:12px}.debug-workload-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.debug-workload-row>span{color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.debug-workload-row[data-device=gpu]>span{color:#8ab4ff}.debug-workload-row.unattributed strong,.debug-workload-row.unattributed>span{color:var(--text-muted)}.debug-process-table{margin-top:10px;font-size:12px}.debug-process-table>div{border-top:1px solid var(--border);grid-template-columns:minmax(150px,1fr) 80px 95px 110px;gap:10px;padding:6px 4px;display:grid}.debug-process-table>.header{color:var(--text-muted);text-transform:uppercase;border-top:0;font-size:11px}.debug-process-table>div>span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.debug-gpu-row{grid-template-columns:minmax(130px,190px) 1fr 70px;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:grid}.debug-gpu-row>div{background:var(--bg-main);border-radius:999px;height:7px;overflow:hidden}.debug-gpu-row i{background:#8ab4ff;height:100%;display:block}.debug-gpu-row strong{text-align:right;font-variant-numeric:tabular-nums}.debug-devtools-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.debug-actions{flex-wrap:wrap;justify-content:end;gap:5px;display:flex}.debug-log-storage{background:var(--bg-main);color:var(--text-muted);border-radius:5px;align-items:center;gap:10px;margin-top:10px;padding:7px 9px;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.debug-log-storage>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.debug-log-storage>span:nth-child(2){flex:none;margin-left:auto}.debug-log-storage .warn{color:var(--warning,#f0b429)}.debug-log-filters{grid-template-columns:130px 150px 1fr;gap:7px;margin-top:10px;display:grid}.debug-log-filters select,.debug-log-filters input{border:1px solid var(--border);background:var(--bg-main);min-width:0;color:var(--text);font:inherit;border-radius:5px;padding:7px 9px;font-size:12px}.debug-panel .debug-log{max-height:470px;padding:7px 10px}.debug-panel .debug-log-entry{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);grid-template-columns:72px 80px 130px 1fr;gap:7px;padding:4px 0;display:grid}.debug-log-source,.debug-log-category{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.debug-action-note{color:var(--green);font-size:12px}@media (width<=800px){.debug-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-process-table>div{grid-template-columns:1fr 62px 80px}.debug-process-table>div>span:nth-child(2){display:none}.debug-panel .debug-log-entry{grid-template-columns:68px 72px 1fr}.debug-panel .debug-log-category{display:none}}@media (width<=560px){.debug-panel-head,.debug-tabs,.debug-panel-body{padding-left:12px;padding-right:12px}.debug-summary-grid,.debug-log-filters{grid-template-columns:1fr}.debug-tab{padding-inline:7px;font-size:12px}.debug-section-head,.debug-workload-row,.debug-devtools-card,.debug-log-storage{flex-direction:column;align-items:stretch}.debug-devtools-card{grid-template-columns:1fr}.debug-panel .debug-log-entry{grid-template-columns:62px 1fr}.debug-panel .debug-log-source{display:none}}.modal-section{border-top:1px solid var(--border);padding:11px 0}.modal-section:first-of-type{border-top:none}.modal-section h3{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:7px;font-size:12px;display:flex}.modal-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:7px;display:grid}.modal-hint{color:var(--text-muted);margin:-4px 0 10px;font-size:12px}.capability-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.capability-row{background:var(--bg-card);border-radius:6px;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;display:flex}.capability-row .toggle-state{color:var(--green);flex:none;font-size:12px;font-weight:600}.capability-row.unsupported .toggle-state,.capability-row.unsupported strong{color:var(--text-muted)}.modal-slider{gap:6px;margin-top:7px;display:grid}.modal-slider input[type=range]{width:100%;margin:0}.nc-status{color:var(--text-muted);margin-top:7px;font-size:12px}.nc-status-line{align-items:center;gap:8px;display:flex}.nc-status .nc-status-dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.nc-status.active{color:var(--green)}.nc-status.active .nc-status-dot{background:var(--green)}.nc-status.failed{color:var(--red)}.nc-status.failed .nc-status-dot{background:var(--red)}.nc-status.loading{color:#f0b232}.nc-status.loading .nc-status-dot{background:#f0b232;animation:1s ease-in-out infinite nc-pulse}@keyframes nc-pulse{0%,to{opacity:.3}50%{opacity:1}}.noise-download-progress{margin-top:6px}.toggle-list{gap:6px;display:grid}.toggle-row{border:1px solid var(--border);background:var(--bg-card);color:var(--text);text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.toggle-row:hover{border-color:#4e5058}.toggle-row.active{border-color:var(--green)}.toggle-label{gap:2px;min-width:0;display:grid}.toggle-label strong{color:var(--text-bright);font-size:14px}.toggle-label small{color:var(--text-muted);font-size:12px}.entrance-sounds{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px 12px;margin-top:6px;padding:8px 12px;display:grid}.entrance-sounds>.toggle-label{grid-column:1/-1}.entrance-sound-row{gap:4px;min-width:0;display:grid}.entrance-sound-row>span{color:var(--text-muted);font-size:12px}.entrance-sound-row select{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;height:34px;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:4px;padding:0 8px}.entrance-sound-row select:focus{border-color:var(--accent);outline:none}.audio-devices{border:1px solid var(--accent);background:linear-gradient(0deg, #5865f214, #5865f214), var(--bg-card);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px 12px;padding:9px 12px;display:grid}.audio-devices .entrance-sound-row>span{color:var(--text-bright);align-items:center;gap:5px;font-weight:700;display:inline-flex}.occupant-quality{align-items:center;display:inline-flex}.occupant-quality.poor{color:#e6a23c}.occupant-quality.lost{color:#f23f43}.account-text small.reconnecting{color:#e6a23c}.toggle-state{color:var(--text-muted);flex:none;font-size:12px;font-weight:800}.toggle-row.active .toggle-state{color:var(--green)}.update-status{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.update-actions{flex-wrap:wrap;gap:8px;display:flex}.update-sources{flex-direction:column;gap:8px;display:flex}.modal-section .update-sources{border-top:1px solid var(--border);grid-column:1/-1;margin-top:10px;padding-top:10px}.update-sources-head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;font-weight:600;display:flex}.update-sources-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.update-source{border:1px solid var(--border);background:#23242880;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.update-source.ok{border-color:#3ba55c80}.update-source.error{border-color:#ed424580}.update-source-main{gap:2px;min-width:0;display:grid}.update-source-label{color:var(--text);font-size:.78rem;font-weight:700}.update-source-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.update-source-status{flex-shrink:0;align-items:center;gap:8px;max-width:55%;font-size:.75rem;font-weight:600;display:flex}.update-source-ok,.update-source-fail{align-items:center;gap:4px;min-width:0;display:inline-flex}.update-source-ok{color:#3ba55c}.update-source-fail{color:#ed4245}.update-source-fail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.update-source-idle{color:var(--text-muted)}.update-source-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.update-source-remove:hover{color:var(--text);background:#ffffff14}.update-sources-add{gap:8px;display:flex}.update-sources-add input{border:1px solid var(--border);min-width:0;color:var(--text);background:#0003;border-radius:6px;flex:1;padding:7px 10px;font-size:.8rem}.context-menu{z-index:60;background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;min-width:220px;padding:8px;position:fixed;box-shadow:0 8px 24px #00000080}.community-context-menu{width:220px;overflow-y:auto}.context-menu-title{color:var(--text-bright);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;padding:4px 6px 8px;font-size:13px;font-weight:700;overflow:hidden}.context-menu-volume{color:var(--text-muted);gap:6px;padding:4px 6px 8px;font-size:12px;display:grid}.context-menu-volume input{width:100%;accent-color:var(--accent);background:0 0;border:none;height:auto;padding:0}.context-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 6px;font-size:13px}.context-menu-item:hover{background:var(--accent);color:#fff}.member-menu-item,.community-menu-item{align-items:center;gap:10px;min-height:34px;display:flex}.member-menu-item span:last-child,.community-menu-item span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.member-menu-item.danger,.community-menu-item.danger{color:#ffb9bb}.member-menu-item.danger:hover,.community-menu-item.danger:hover{background:var(--red);color:#fff}.context-menu-item:disabled,.context-menu-item:disabled:hover{cursor:not-allowed;background:0 0}.context-menu-empty{color:var(--text-muted);padding:6px;font-size:12px}.pwa-banner{border:1px solid var(--border);background:#111214;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;padding:10px 12px;display:flex;position:relative;box-shadow:0 12px 32px #00000061}.pwa-banner-copy{gap:2px;min-width:0;display:grid}.pwa-banner-copy strong{color:var(--text-bright);font-size:14px}.pwa-banner-copy small,.pwa-banner-copy p{color:var(--text-muted);margin:0;font-size:12px}.pwa-banner-copy p{color:var(--text);align-items:center;gap:4px;display:flex}.pwa-banner-actions{flex:none;align-items:center;gap:6px;display:flex}.soundboard-stage{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;padding:14px;display:grid;overflow:hidden}.soundboard-panel{border:1px solid var(--border);background:var(--bg-deep);border-radius:8px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.soundboard-head{color:var(--text-muted);align-items:center;gap:8px;display:flex}.soundboard-head h3{min-width:0;color:var(--text-bright);flex:1;font-size:14px}.soundboard-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.soundboard-groups{flex-direction:column;flex:none;gap:12px;display:flex}.soundboard-grid-row{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.soundboard-section{flex-direction:column;gap:6px;display:flex}.soundboard-section.queued{border-top:1px solid var(--border);padding-top:8px}.soundboard-section-title{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.soundboard-cell{min-width:0;position:relative}.soundboard-item{border:1px solid var(--border);background:var(--bg-card);width:100%;height:72px;color:var(--text);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 4px;display:flex}.soundboard-item.queued{background:color-mix(in srgb, var(--bg-card) 86%, #faa61a);border-color:#faa61a73;height:86px}@media (hover:hover) and (pointer:fine){.soundboard-item:hover{border-color:var(--accent);background:var(--bg-active)}}.soundboard-item-emoji{font-size:22px;line-height:1}.soundboard-item-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.soundboard-item-edit-hint{color:var(--text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:5px;right:5px}.soundboard-favorite-badges{pointer-events:none;gap:3px;display:flex;position:absolute;top:5px;left:5px}.soundboard-favorite-badge,.soundboard-slot-number{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-grid}.soundboard-panel.editing .soundboard-item:not(.queued):hover .soundboard-item-edit-hint{color:var(--accent)}.soundboard-delete-note{color:#faa61a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.soundboard-delete{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;top:-6px;right:-6px}.soundboard-keep{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;top:-6px;right:-6px}@media (hover:hover) and (pointer:fine){.soundboard-cell:hover .soundboard-delete,.soundboard-cell:hover .soundboard-keep{display:grid}}@media (hover:none),(pointer:coarse){.soundboard-delete,.soundboard-keep{display:grid}}.soundboard-footer{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding-top:10px;display:flex}.soundboard-protection{color:var(--text-muted);grid-template-columns:minmax(116px,auto) minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.soundboard-protection-toggle{border:1px solid var(--border);background:var(--bg-card);min-width:0;height:30px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:flex-start;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.soundboard-protection-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.soundboard-protection-toggle strong{color:var(--text)}.soundboard-protection.active .soundboard-protection-toggle{border-color:color-mix(in srgb, var(--green) 55%, var(--border));color:var(--green)}.soundboard-protection-control{align-items:center;min-width:0;height:20px;display:flex;position:relative}.soundboard-protection-track{background:#4e5058;border-radius:999px;width:100%;height:6px;position:relative}.soundboard-protection-fill{width:var(--sb-protection-percent);background:var(--green);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.soundboard-protection-thumb{top:50%;left:var(--sb-protection-percent);background:var(--green);border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.soundboard-protection-control input{cursor:pointer;opacity:0;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.soundboard-protection-control input:disabled{cursor:not-allowed}.soundboard-protection:not(.active) .soundboard-protection-track,.soundboard-protection:not(.active) .soundboard-protection-fill,.soundboard-protection:not(.active) .soundboard-protection-thumb{opacity:.45}.soundboard-protection-value{text-align:right;min-width:34px;font-size:11px;font-weight:700}.soundboard-volume{color:var(--text-muted);gap:7px;display:grid}.soundboard-volume-heading{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.soundboard-volume-label{color:var(--text-bright);font-size:12px;font-weight:750}.soundboard-volume-help{min-width:0;color:var(--text-muted);text-align:right;font-size:10px}.soundboard-volume-row{grid-template-columns:auto minmax(0,1fr) minmax(40px,auto);align-items:center;gap:9px;display:grid}.utility-button.compact.soundboard-mute-button{justify-content:center;min-width:82px}.utility-button.compact.soundboard-mute-button.active{background:color-mix(in srgb, var(--red) 24%, var(--bg-active));color:#ff8a8d}.utility-button.compact.soundboard-mute-button.active:hover{background:color-mix(in srgb, var(--red) 34%, var(--bg-active));color:#fff}.soundboard-volume-control{flex:1;align-items:center;height:20px;display:flex;position:relative}.soundboard-volume-track{background:#4e5058;border-radius:999px;width:100%;height:6px;position:relative}.soundboard-volume-fill{width:var(--sb-volume-percent);background:var(--accent);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.soundboard-volume-thumb{top:50%;left:var(--sb-volume-percent);background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.soundboard-volume-control input{cursor:pointer;opacity:0;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.soundboard-volume-value{text-align:right;min-width:40px;font-size:11px;font-weight:700}.soundboard-volume.muted .soundboard-volume-track,.soundboard-volume.muted .soundboard-volume-thumb{opacity:.55}.soundboard-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.soundboard-actions .utility-button{flex:1}.soundboard-actions .utility-button:disabled{cursor:wait;opacity:.55}.soundboard-context-menu{max-height:calc(100vh - 16px);overflow-y:auto}.soundboard-menu-item{align-items:center;gap:9px;min-height:34px;display:flex}.soundboard-context-menu-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:10px 6px 5px;font-size:10px;font-weight:800}.soundboard-slot-menu-item{min-height:42px}.soundboard-slot-menu-item.selected{background:var(--bg-active)}.soundboard-slot-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.soundboard-slot-copy>span,.soundboard-slot-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.soundboard-slot-copy small{color:var(--text-muted);font-size:10px}.soundboard-slot-menu-item:hover .soundboard-slot-copy small{color:#ffffffc7}.soundboard-slot-hotkey{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:4px;flex:none;padding:3px 4px;font-family:inherit;font-size:9px;font-weight:700;line-height:1}.soundboard-slot-menu-item:hover .soundboard-slot-hotkey{color:#fff;background:#0000002e;border-color:#ffffff6b}.soundboard-upload-input{display:none}.soundboard-upload{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;flex-direction:column;flex:none;gap:8px;padding:10px;display:flex}.soundboard-form-title{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.soundboard-file-button{justify-content:flex-start;overflow:hidden}.soundboard-upload-hint{color:var(--text-muted);font-size:11px}.soundboard-file-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.soundboard-emoji-label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.soundboard-emoji-picker{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.soundboard-emoji{background:var(--bg-deep);cursor:pointer;border:1px solid #0000;border-radius:6px;place-items:center;height:30px;font-size:16px;display:grid}.soundboard-emoji:hover{background:var(--bg-active)}.soundboard-emoji.active{border-color:var(--accent);background:var(--bg-active)}.soundboard-upload-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.utility-button.compact.active{background:var(--accent);color:#fff}@media (width<=920px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.app-shell.has-community-rail{grid-template-columns:64px 220px minmax(0,1fr)}.app-shell.has-community-rail .member-list{grid-column:3}.member-list{display:none}}@media (width<=640px){body{overflow:hidden}.context-menu{min-width:0;padding-bottom:max(8px, env(safe-area-inset-bottom));right:8px}.community-context-menu{width:auto}.context-menu-item{padding:12px 10px}.community-auth-shell{align-items:safe center;padding:18px 14px 18px 78px}.community-auth-shell .community-rail{width:64px;padding-inline:6px}.community-auth-shell .auth-card{padding:18px}.community-auth-shell .news-card{padding:14px 16px}.screen-share-corner-controls{flex-wrap:wrap;max-width:calc(100% - 16px)}.stream-owner-stats{order:-1;width:100%;min-width:0;max-width:none}.app-shell{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:1fr}.app-shell.has-community-rail{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.sidebar,.stage-column,.member-list,.prompt-dock{grid-area:1/1;min-height:0}.app-shell.has-community-rail .community-rail{z-index:70;width:calc(72px + env(safe-area-inset-left));padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:calc(8px + env(safe-area-inset-left));visibility:hidden;transition:transform .16s,visibility 0s linear .16s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:8px 0 24px #00000073}.app-shell.has-community-rail[data-rail-open=true] .community-rail{visibility:visible;transition:transform .16s;transform:none}.mobile-rail-backdrop{z-index:69;background:#00000080;display:block;position:fixed;inset:0}.server-header .mobile-rail-toggle{flex:none;display:grid}.app-shell.has-community-rail .sidebar,.app-shell.has-community-rail .stage-column,.app-shell.has-community-rail .member-list{grid-column:1}.sidebar{max-height:none;display:none}.stage-column{display:none}.app-shell>.user-bar{grid-area:2/1;display:block}.app-shell.has-community-rail>.user-bar,.app-shell.has-community-rail .mobile-nav{grid-column:1}.member-list{border-left:none;padding:10px 8px;display:none}.app-shell[data-mobile-panel=channels] .sidebar,.app-shell[data-mobile-panel=voice] .stage-column{display:flex}.app-shell[data-mobile-panel=members] .member-list{display:flex;overflow:hidden}.prompt-queue{left:8px;right:8px;bottom:calc(58px + env(safe-area-inset-bottom));width:auto;max-height:min(44vh,320px);transform:none}.server-header,.stage-bar{height:calc(50px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.server-header small{max-width:min(210px,58vw)}.sidebar-scroll{padding:8px}.channel-row,.channel-select{min-height:42px}.channel-admin{display:flex}.user-bar{padding-bottom:env(safe-area-inset-bottom)}.voice-network-stats{grid-template-columns:auto repeat(2,minmax(0,max-content));max-width:calc(100vw - 16px)}.stage-empty{padding:0 22px}.stage-empty-icon{width:72px;height:72px}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;padding:12px}.stage-tile{min-height:138px}.stage-controls{gap:4px}.screen-share-stage{padding:10px}.screen-share-frame{min-height:220px}.modal-overlay{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:end}.modal{width:100%;max-height:min(88vh,680px)}.soundboard-stage{padding:10px}.soundboard-grid-row{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.mobile-nav{padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--border);background:#232428;grid-area:3/1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:4px;display:grid}.mobile-nav-button{min-width:0;height:46px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;gap:2px;font-size:11px;font-weight:700;display:grid}.mobile-nav-button.active{background:var(--bg-active);color:var(--text-bright)}.pwa-banner{flex-direction:column;align-items:stretch}.pwa-banner-actions{justify-content:flex-end}}@media (width<=360px){.server-header,.stage-bar{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));gap:8px}.stage-title{gap:6px}.stage-controls{gap:2px}.voice-status-panel{padding:6px 8px}.account-bar{gap:4px;padding:6px}.account-avatar{width:28px;height:28px}.account-controls{gap:0}.icon-button{width:32px;height:32px}.mobile-nav{padding-left:max(4px, env(safe-area-inset-left));padding-right:max(4px, env(safe-area-inset-right));gap:2px}.mobile-nav-button{height:42px;font-size:10px}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));padding:8px}}.avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.framed-image-clip{border-radius:inherit;position:absolute;inset:0;overflow:hidden}img.brand-icon{object-fit:cover;background:var(--bg-active)}.brand-mark.brand-icon{position:relative;overflow:hidden}.brand-icon-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-editor{align-items:center;gap:12px;margin-bottom:10px;display:flex}.avatar-editor-preview{background:var(--bg-active);width:56px;height:56px;color:var(--text-bright);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative}.avatar-editor-preview.server-icon-preview{background:var(--accent);color:#fff;border-radius:16px;overflow:hidden}.stage-background-editor{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.stage-background-preview{aspect-ratio:16/9;border:1px solid var(--border);background:var(--bg-deep);border-radius:8px;width:100%;max-height:160px;display:block;position:relative;overflow:hidden}.stage-background-preview-img{object-fit:cover;width:100%;height:100%}.stage-background-opacity{color:var(--text-muted);grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:12px;display:grid}.stage-background-opacity-value{text-align:right;color:var(--text)}.avatar-editor-actions{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.utility-button.disabled{opacity:.6;pointer-events:none}.field-editor{margin:10px 0;display:block}.field-editor .toggle-label{margin-bottom:6px;display:block}.field-editor textarea{border:1px solid var(--border);background:var(--bg-input);width:100%;min-width:0;color:var(--text);font:inherit;resize:vertical;border-radius:4px;padding:8px 10px}.field-editor textarea:focus{border-color:var(--accent);outline:none}.modal-section>.primary-button.compact{margin-bottom:10px}.auth-server-description{color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px}.crop-dialog{width:min(340px,100%)}.frame-dialog{width:min(380px,100%)}.frame-viewport{background:var(--bg-active);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;margin:0 auto 12px;position:relative;overflow:hidden}.frame-viewport:active{cursor:grabbing}.frame-image{pointer-events:none}.room-dialog{width:min(460px,100%)}.room-dialog-background,.room-dialog-privacy,.room-dialog-members{flex-direction:column;gap:8px;margin:14px 0;display:flex}.room-privacy-choices{gap:8px;display:grid}.room-privacy-choice{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.room-privacy-choice:hover{background:var(--bg-hover)}.room-privacy-choice.selected{border-color:var(--accent)}.room-member-search{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.room-member-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:auto;padding:8px 0}.room-member-search input:focus{outline:none}.room-member-picker{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;max-height:240px;overflow-y:auto}.room-member-option{cursor:pointer;align-items:center;gap:10px;padding:6px 10px;display:flex}.room-member-option:hover{background:var(--bg-hover)}.room-member-option.pinned{cursor:default}.room-member-option .member-avatar{width:24px;height:24px;font-size:11px}.room-member-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-bright);flex:auto;font-size:14px;overflow:hidden}.room-member-option.pinned .room-member-name{color:var(--text)}.room-member-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.room-member-note{color:var(--text-muted);font-size:12px}.crop-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#050506;border-radius:8px;margin:0 auto 12px;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-image{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.crop-mask{pointer-events:none;border-radius:48px;position:absolute;inset:0;box-shadow:0 0 0 999px #0000008c,inset 0 0 0 1px #ffffff59}.crop-mask.round{border-radius:50%}.crop-zoom{margin-bottom:10px}.crop-actions{justify-content:flex-end;gap:8px;display:flex}.avatar-card-target{flex:none;display:inline-flex;position:relative}.avatar-card-target.has-card{cursor:pointer}.avatar-card{z-index:80;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;position:fixed;overflow:hidden;box-shadow:0 12px 32px #00000080}.avatar-card-image{aspect-ratio:1;background:var(--bg-active);width:100%;display:block;position:relative;overflow:hidden}.avatar-card-image-inner{object-fit:cover;width:100%;height:100%;display:block}.avatar-card-initials{aspect-ratio:1;color:#fff;background:var(--accent);place-items:center;width:100%;font-size:48px;font-weight:800;display:grid}.avatar-card-body{padding:10px 12px}.avatar-card-body strong{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.avatar-card-body p{color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:96px;margin:6px 0 0;font-size:12px;overflow:hidden}.role-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.role-picker-backdrop{z-index:70;position:fixed;inset:0}.role-picker{z-index:80;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;gap:2px;padding:8px;display:grid;position:fixed;box-shadow:0 12px 32px #00000080}.role-picker-title{text-transform:uppercase;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:2px 6px 6px;font-size:11px;font-weight:700;overflow:hidden}.role-picker-empty{color:var(--text-muted);padding:2px 6px 4px;font-size:12px}.role-option{height:32px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.role-option:hover{background:var(--bg-hover)}.role-option.active{color:var(--text-bright)}.role-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.role-manager{gap:6px;margin:10px 0;display:grid}.role-manager>.toggle-label{margin-bottom:2px}.role-row{align-items:center;gap:6px;display:flex}.role-row input:not([type=color]){flex:1;min-width:0;height:32px}.role-color-input{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:6px;flex:none;width:32px;height:32px;padding:2px}.soundboard-destination{flex-wrap:wrap;align-items:center;gap:6px;padding:0 2px 2px;display:flex}.soundboard-destination-label{color:var(--text-muted);align-items:center;gap:4px;margin-right:2px;font-size:11px;display:inline-flex}.soundboard-destination .chip{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.soundboard-destination .chip:hover{background:var(--bg-hover);color:var(--text)}.soundboard-destination .chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.game-voice-steps{flex-direction:column;gap:4px;margin:6px 0 6px 18px;padding:0;display:flex}.game-ptt-key{border:1px solid var(--border);background:var(--bg-input);min-width:132px;color:var(--text-bright);cursor:pointer;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600}.game-ptt-key:hover:not(:disabled){border-color:var(--accent)}.game-ptt-key:disabled{opacity:.5;cursor:not-allowed}.game-voice-timing{flex-direction:column;gap:4px;margin-top:6px;display:flex}.game-voice-timing input[type=number]{width:96px}.game-cable-test{flex-direction:column;align-items:flex-start;gap:6px;margin:8px 0 4px;display:flex}.modal-hint.game-cable-ok{color:var(--green)}.game-mode-panel{border-top:1px solid var(--border);background:#232428;flex:none;padding:10px 8px 12px}.game-mode-row{align-items:stretch;gap:6px;display:flex}.game-mode-toggle.is-on{color:#3ba55d;background:#23a55a29;border-color:#23a55a8c;box-shadow:0 0 12px #23a55a40}.game-mode-toggle.is-locked{color:#9aa6ff;cursor:pointer;background:#5865f229;border-color:#5865f280}.game-mode-toggle.is-locked:hover{background:#5865f23d;border-color:#5865f2b3}.game-mode-toggle.is-off{border-color:var(--border);color:var(--text-muted);background:#ffffff0a}.game-mode-label{text-align:left;flex:1;min-width:0}.game-mode-state{opacity:.75;font-size:.72rem;font-weight:700}.game-mode-settings-button{flex-shrink:0;align-self:center}.game-mode-device{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:.72rem;overflow:hidden}.game-mode-device.is-problem{color:#f23f42}.destination-field{margin-top:10px}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;font-size:.66rem;font-weight:600;display:block}.destination-picker{border:1px solid var(--border);background:#0000002e;border-radius:8px;display:flex;overflow:hidden}.destination-segment{border:0;border-left:1px solid var(--border);min-width:0;color:var(--text-muted);cursor:pointer;background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 2px 6px;font-size:.68rem;font-weight:600;transition:background .12s,color .12s;display:flex}.destination-segment:first-child{border-left:0}.destination-segment:hover{color:var(--text);background:#ffffff0d}.destination-segment.active{color:#3ba55d;background:#23a55a29;box-shadow:inset 0 0 0 1px #23a55a66}.destination-segment:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.destination-summary{color:var(--text-muted);margin-top:5px;font-size:.68rem;line-height:1.35;display:block}.game-mode-signals{flex-direction:column;gap:4px;margin-top:8px;display:flex}.game-signal-row{color:var(--text-muted);align-items:center;gap:7px;font-size:.72rem;display:flex}.game-signal-name{flex:1;min-width:0}.game-signal-value{opacity:.8;font-weight:600}.game-signal-badge{border:2px solid #0000;border-radius:50%;flex-shrink:0;transition:border-color .12s,box-shadow .12s;display:inline-flex}.game-signal-badge.speaking{border-color:var(--green);box-shadow:0 0 7px #3ba55d99}.game-signal-avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:grid;position:relative;overflow:hidden}.game-signal-icon{width:22px;height:22px;color:var(--voice-action);justify-content:center;align-items:center;transition:color .12s;display:inline-flex}.game-signal-row[data-state=live] .game-signal-icon{color:var(--green)}.game-signal-row[data-state=silent] .game-signal-avatar,.game-signal-row[data-state=off] .game-signal-avatar,.game-signal-row[data-state=unknown] .game-signal-avatar{opacity:.55}.game-mode-game-device{background:#ffffff0a;border-radius:6px;flex-direction:column;gap:1px;min-width:0;margin-top:6px;padding:6px 8px;font-size:.72rem;display:flex}.game-mode-game-device-lead{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.66rem}.game-mode-game-device strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-mode-game-device.is-ready{background:#23a55a1f;border:1px solid #23a55a59}.game-mode-game-device.is-ready .game-mode-game-device-lead{color:#3ba55dd9}.game-mode-game-device.is-ready strong{color:#3ba55d;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25;overflow:visible}.cable-autodetect{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;margin:8px 0;padding:10px;display:flex}.cable-autodetect-found{flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.cable-autodetect-arrow{color:var(--text-muted)}.cable-manual{margin-top:8px}.cable-manual>summary{cursor:pointer;color:var(--text-muted);padding:4px 0;font-size:.8rem}.cable-manual>summary:hover{color:var(--text)}.vb-cable-modal{max-width:460px}.vb-cable-modal .modal-head h2{align-items:center;gap:8px;display:flex}.vb-cable-status{color:var(--text);background:#f0b2321a;border:1px solid #f0b23273;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.85rem;line-height:1.35;display:flex}.vb-cable-status svg{flex-shrink:0;margin-top:2px}.vb-cable-actions{align-items:center;gap:8px;display:flex}.game-mode-locked-hint{color:var(--text-muted);margin-top:8px;font-size:.76rem;line-height:1.35}.obs-locked{border:1px solid var(--border);background:var(--bg-card);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.obs-locked .primary-button{flex:none}.obs-locked-hint{color:var(--text-muted);margin:2px 0 0;font-size:12px;line-height:1.45}.obs-modal{max-width:560px}.obs-modal .modal-head h2,.obs-modal .modal-hint a,.obs-configured-copy strong{align-items:center;gap:7px;display:flex}.obs-modal .modal-hint a{display:inline-flex}.obs-setup-actions,.obs-configured-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.obs-candidates{gap:8px;margin-top:12px;display:grid}.obs-candidate,.obs-configured,.obs-probe-result{border:1px solid var(--border);background:#ffffff06;border-radius:8px;padding:10px}.obs-candidate{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.obs-candidate-copy,.obs-configured-copy,.obs-probe-result{gap:4px;min-width:0;display:grid}.obs-candidate code,.obs-configured code,.obs-probe-result code{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.obs-candidate small,.obs-probe-result span{color:var(--text-muted);font-size:11px}.obs-probe-result{margin-top:12px}.obs-warning{border:1px solid color-mix(in srgb, var(--warning,#f0b429) 42%, transparent);background:color-mix(in srgb, var(--warning,#f0b429) 10%, transparent);color:#ffd98a;border-radius:7px;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 10px;font-size:11.5px;line-height:1.4;display:flex}.obs-candidate>.obs-warning{grid-column:1/-1;margin-top:0}.obs-warning svg{flex:none;margin-top:1px}.obs-dialog-footer{justify-content:flex-end;margin:14px 0 0;display:flex}.obs-configured{justify-content:space-between;align-items:center;gap:12px;display:flex}.obs-configured-copy{flex:1}.obs-configured-copy strong{color:var(--green);font-size:12px}.obs-placeholder{border-left:3px solid var(--border);color:var(--text-muted);margin:12px 0 0;padding:9px 10px;font-size:12px;line-height:1.45}.obs-managed-install,.obs-managed-settings-empty{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 86%, transparent);border-radius:12px;justify-items:start;gap:12px;padding:18px;display:grid}.obs-managed-install h3,.obs-managed-install p,.obs-managed-settings-empty p{margin:0}.obs-install-progress{gap:6px;width:100%;display:grid}.obs-runtime-details{border:1px solid var(--border);border-radius:12px;gap:12px;margin-top:14px;padding:14px;font-size:12px;display:grid}.obs-runtime-details-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.obs-runtime-detail-list{gap:10px;margin:0;display:grid}.obs-runtime-detail-list>div{grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:12px;display:grid}.obs-runtime-detail-list dt{color:var(--text-muted)}.obs-runtime-detail-list dd{overflow-wrap:anywhere;margin:0}.obs-runtime-technical-details summary{cursor:pointer;color:var(--text-muted)}.obs-runtime-technical-details[open] summary{margin-bottom:12px}.obs-av1-requirements{gap:10px;font-size:12px;display:grid}.obs-av1-requirements .obs-runtime-detail-list>div{grid-template-columns:65px minmax(0,1fr)}.obs-inline-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.obs-inline-options>label{align-items:center;gap:8px;display:flex}.obs-inline-options select,.obs-inline-options input[type=number]{min-width:0}.obs-audio-option{color:var(--text-muted);grid-column:1/-1}.obs-license-links{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;font-size:.82rem;display:flex}.obs-route-badge{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);min-height:30px;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 9px;font-size:.75rem;font-weight:700;display:inline-flex}.obs-route-badge.direct{color:#86efac;border-color:color-mix(in srgb, #22c55e 55%, var(--border))}.obs-route-badge.relayed{color:#fde68a;border-color:color-mix(in srgb, #eab308 55%, var(--border))}.obs-active-banner{z-index:2;color:#fee2e2;background:#450a0af5;border:1px solid #f87171;border-radius:10px;flex:none;align-items:center;gap:9px;width:auto;min-width:0;margin:8px 10px 0;padding:8px 10px;display:flex;position:relative;box-shadow:0 10px 35px #0006}.obs-active-banner>span:not(.obs-active-dot){color:#fecaca;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.obs-active-banner .obs-inspect-button,.obs-active-banner .danger-button{white-space:nowrap;flex:none}.obs-active-dot{background:#ef4444;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #ef444433}@media (width<=600px){.obs-locked,.obs-configured{flex-direction:column;align-items:stretch}.obs-candidate{grid-template-columns:minmax(0,1fr)}}.settings-modal{flex-direction:column;width:min(860px,100%);height:min(680px,94dvh);padding-bottom:0;display:flex;overflow:hidden}.settings-modal>.modal-head{flex-wrap:wrap;gap:8px}.settings-view-toggle{min-height:36px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:.82rem;display:inline-flex}.settings-view-toggle input{width:16px;height:16px;accent-color:var(--accent);margin:0}.settings-view-toggle:focus-within{outline:2px solid var(--accent);outline-offset:1px}.settings-advanced-audio{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;display:flex}.settings-processing-notice{justify-items:start;gap:8px;margin-bottom:8px;display:grid}.settings-processing-notice .modal-hint{margin:0}.settings-shell{flex:1;grid-template-columns:196px minmax(0,1fr);gap:16px;min-height:0;display:grid}.settings-nav{border-right:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;gap:2px;padding:8px 8px 16px 0;display:flex;overflow-y:auto}.settings-nav-item{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:.86rem;font-weight:600;transition:background .1s,color .1s;display:flex}.settings-nav-item:hover{color:var(--text);background:#ffffff0a}.settings-nav-item.active{color:#c9cdfb;background:#5865f229}.settings-nav-item svg{opacity:.9;flex-shrink:0}.settings-pane{overscroll-behavior:contain;min-width:0;padding-bottom:16px;overflow-y:auto}.settings-pane .modal-section:first-child{border-top:none;padding-top:0}@media (width<=720px){.settings-modal{height:min(680px,94dvh)}.settings-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.settings-nav{border-right:none;border-bottom:1px solid var(--border);scrollbar-width:none;flex-direction:row;gap:6px;padding:4px 0 10px;overflow:auto hidden}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{white-space:nowrap;flex:none}}.device-checks{flex-direction:column;gap:8px;margin-top:12px;display:flex}.device-check-row{border:1px solid var(--border);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.device-check-row .toggle-label{flex:1;min-width:0}.device-check-row .utility-button{flex:none;width:auto;padding:0 12px}.camera-test-preview{border:1px solid var(--border);object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:260px;transform:scaleX(-1)}.news-item[data-severity=info]{--news-accent:var(--accent)}.news-item[data-severity=warning]{--news-accent:#f0b232}.news-item[data-severity=maintenance]{--news-accent:var(--violet)}.news-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.news-item{border:1px solid var(--border);border-left:3px solid var(--news-accent,var(--accent));background:var(--bg-main);border-radius:6px;min-width:0;padding:10px 12px}.news-item-head{align-items:center;gap:7px;min-width:0;display:flex}.news-item-head h3{color:var(--text-bright);overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px}.news-severity-icon{color:var(--news-accent,var(--accent));flex:none}.news-pin{color:var(--text-muted);flex:none}.news-body{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.45}.news-body a{color:var(--violet-bright)}.news-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;display:flex}.news-edited{font-style:italic}.news-card{border:1px solid var(--border);background:var(--bg-card);z-index:1;border-radius:8px;width:min(620px,100%);min-width:0;padding:18px 20px;position:relative;box-shadow:0 8px 24px #0006}.news-card-head{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:10px;display:flex}.news-card-head h2{color:var(--text-bright);margin:0;font-size:15px}.news-modal{width:min(600px,100%)}.news-button{position:relative}.news-badge{border:2px solid var(--bg-sidebar);background:var(--red);color:#fff;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:700;line-height:11px;position:absolute;top:1px;right:1px}.news-manager{gap:10px;margin:10px 0;display:grid}.news-editor{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;gap:6px;padding:10px;display:grid}.news-editor[data-expired]{border-color:var(--red)}.news-editor-expired{color:var(--red);margin:0;font-size:12px}.news-title-input,.news-body-input{width:100%;min-width:0}.news-body-input{resize:vertical;font:inherit;line-height:1.45}.news-editor-row{flex-wrap:wrap;gap:8px;display:flex}.news-field{min-width:0;color:var(--text-muted);flex:150px;gap:4px;font-size:12px;display:grid}.news-editor-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.registration-mode-field{margin-top:14px}.registration-mode-field>.toggle-label{margin-bottom:8px;display:block}.registration-mode-choices{gap:8px;display:grid}.registration-mode-choice{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.registration-mode-choice:hover{background:var(--bg-hover)}.registration-mode-choice.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-input))}.registration-mode-choice:has(input:disabled){cursor:wait;opacity:.65}.registration-mode-status{color:var(--text-muted);margin-top:7px;display:block}.news-panel-view{gap:10px;display:grid}.tool-rail{background:var(--bg-deep);z-index:5;border-left:1px solid #17181b;flex-direction:column;align-items:center;gap:10px;width:72px;min-width:0;min-height:0;padding:12px 8px;display:flex}.tool-rail.panel-open{z-index:60}.tool-button{background:var(--bg-sidebar);width:48px;height:48px;color:var(--text-bright);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;transition:border-radius .12s,background .12s;display:grid;position:relative}.tool-button:hover,.tool-button.active{background:var(--accent);border-radius:16px}.registration-invite-button{color:var(--violet-bright)}.registration-invite-button:hover{background:var(--violet);color:#fff}.tool-rail-footer{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:10px;display:flex}.tool-badge{border:2px solid var(--bg-deep);background:var(--red);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:-2px;right:-2px}.tool-badge.soon{color:#1e1f22;background:#f0b232}.registration-invite-modal{gap:14px;width:min(540px,100%);display:grid}.registration-invite-modal .modal-head,.registration-invite-modal>.modal-hint{margin:0}.registration-invite-loading{border:1px solid var(--border);background:var(--bg-card);min-height:112px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.registration-invite-error,.registration-invite-content{gap:12px;display:grid}.registration-invite-error .utility-button{justify-self:start;width:auto}.registration-invite-steps{color:var(--text);margin:0;padding-left:22px;font-size:14px;line-height:1.55}.registration-invite-steps strong{color:var(--text-bright);overflow-wrap:anywhere}.registration-invite-token{border:1px solid var(--violet);background:var(--bg-card);border-radius:8px;gap:8px;padding:14px;display:grid}.registration-invite-token-label{color:var(--violet-bright);align-items:center;gap:7px;font-size:13px;display:flex}.registration-invite-token code{background:var(--bg-input);color:var(--text-bright);letter-spacing:.04em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:6px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px}.registration-invite-token small{color:var(--text-muted);font-size:12px}.registration-invite-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.registration-invite-copy{background:var(--violet)}.registration-invite-copy:hover:not(:disabled){background:var(--violet-hot)}.panel-overlay{flex-direction:column;width:min(860px,100%);height:min(720px,100%);display:flex;overflow:hidden}.panel-overlay .modal-head{flex:none}.panel-overlay .modal-head h2{align-items:center;gap:8px;font-size:17px;display:flex}.panel-overlay-body{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -20px -16px;padding:4px 20px 16px;overflow-y:auto}.calendar-next{border-bottom:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 10px;padding-bottom:10px;font-size:13px;display:flex}.calendar-next strong{color:var(--text-bright)}.calendar-next-attendance{color:var(--text-muted)}.calendar-overlay .event-agenda{gap:16px}.calendar-overlay .event-day{gap:8px}.calendar-overlay .event-agenda-head{display:none}.news-overlay .news-panel-view{gap:14px}.modal-overlay.rail-inset{padding-right:92px}@media (width>=641px){.app-shell:has(>.tool-rail){grid-template-columns:248px minmax(0,1fr) 240px 72px}.app-shell.has-community-rail:has(>.tool-rail){grid-template-columns:72px 248px minmax(0,1fr) 240px 72px}}.tool-rail{grid-area:1/4}.app-shell.has-community-rail .tool-rail{grid-column:5}@media (width<=920px){.modal-overlay.rail-inset{padding-right:84px}.tool-rail{grid-column:3;width:64px;padding-inline:6px}.app-shell.has-community-rail .tool-rail{grid-column:4}}@media (width>=641px) and (width<=920px){.app-shell:has(>.tool-rail){grid-template-columns:220px minmax(0,1fr) 64px}.app-shell.has-community-rail:has(>.tool-rail){grid-template-columns:64px 220px minmax(0,1fr) 64px}}@media (width<=640px){.modal-overlay.rail-inset{padding-right:max(20px, env(safe-area-inset-right))}.tool-rail,.app-shell.has-community-rail .tool-rail{display:none}.mobile-members-header{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px 8px;flex:none;justify-content:space-between;align-items:center;display:flex}.mobile-members-header h2{margin:0;font-size:16px}.app-shell[data-mobile-panel=members]>.titlebar-floating{right:calc(max(8px, env(safe-area-inset-right)) + 48px)}.mobile-tools-overlay{z-index:90;justify-content:flex-end;align-items:stretch;padding:0;display:flex}.modal.mobile-tools-drawer{width:calc(72px + env(safe-area-inset-right));height:100%;max-height:100%;padding:max(12px, env(safe-area-inset-top)) env(safe-area-inset-right) max(12px, env(safe-area-inset-bottom)) 0;background:var(--bg-sidebar);border-radius:0;flex-direction:column;align-items:center;display:flex}.app-shell .mobile-tools-drawer .tool-rail{border:0;flex:1;width:72px;min-height:0;padding-top:12px;display:flex}}:root{--titlebar-height:32px}.titlebar{top:0;left:env(titlebar-area-x,0px);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,var(--titlebar-height));z-index:80;background:var(--bg-deep);color:var(--text-muted);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 8px 0 12px;font-size:12px;display:flex;position:fixed}.titlebar-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.titlebar-live{color:#ef4444;letter-spacing:.02em;font-weight:600}.titlebar-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.titlebar-actions,.titlebar-button,.titlebar-metrics{-webkit-app-region:no-drag}.titlebar-button{width:30px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;place-items:center;display:grid;position:relative}.titlebar-button:hover{background:var(--bg-active);color:var(--text-bright)}.titlebar-button.enabled{color:var(--text-bright)}.titlebar-button-dot{background:0 0;border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.titlebar-button-dot[data-state=collecting]{background:#3ba55d}.titlebar-button-dot[data-state=updating]{background:#e0b341}.titlebar-metrics{font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.titlebar-metric{align-items:baseline;gap:4px;min-width:0;display:flex}.titlebar-metric dt{color:var(--text-muted);opacity:.75;letter-spacing:.04em;font-size:10px}.titlebar-metric dd{color:var(--text-bright);margin:0;font-size:11px}.titlebar-metric.unavailable dd{color:var(--text-muted)}@media (width<=900px){.titlebar-metrics{display:none}}.titlebar-floating{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:80;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-deep) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px;align-items:center;gap:8px;padding:2px 4px;display:flex;position:fixed}:root[data-window-chrome=on] .app-shell{height:calc(100dvh - env(titlebar-area-height,var(--titlebar-height)) - var(--update-bottom-inset,0px));margin-top:env(titlebar-area-height,var(--titlebar-height))}:root[data-window-chrome=on] .auth-shell{min-height:calc(100svh - env(titlebar-area-height,var(--titlebar-height)) - var(--update-bottom-inset,0px));margin-top:env(titlebar-area-height,var(--titlebar-height))}:root[data-window-chrome=on] body:before{content:"";top:0;left:env(titlebar-area-x,0px);width:env(titlebar-area-width,100%);height:env(titlebar-area-height,var(--titlebar-height));z-index:1;background:var(--bg-deep);-webkit-app-region:drag;position:fixed}.app-shell:has(>.titlebar-floating)>.tool-rail{padding-top:48px}.gaming-performance-notice{z-index:1000;background:var(--bg-card,#2b2d31);width:min(600px,100vw - 32px);color:var(--text-bright,#fff);border:1px solid var(--text-muted,#949ba4);border-radius:8px;padding:16px;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}.gaming-performance-notice button{margin:8px 8px 0 0}.water-backdrop[data-paused=true] *{animation-play-state:paused!important}.titlebar-button.minimum-cpu{border:1px solid var(--border);background:var(--bg-card);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;width:auto;height:24px;padding:0 5px 0 8px;font-size:11px;font-weight:600;display:inline-flex}.titlebar-button.minimum-cpu:hover{border-color:var(--text-muted)}.titlebar-button.minimum-cpu:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}.titlebar-button.minimum-cpu.enabled{color:#b5f0d2;background:#15382e;border-color:#32755c}.titlebar-button.minimum-cpu.enabled:hover{background:#1b4739;border-color:#52a783}.titlebar-button.minimum-cpu:disabled{opacity:.65;cursor:wait}.minimum-cpu-state{background:#7f7f7f1f;border-radius:999px;align-items:center;gap:3px;padding:2px 5px;font-size:10px;display:inline-flex}.minimum-cpu.enabled .minimum-cpu-state{background:#72dca324}.titlebar-actions .control-tooltip,.titlebar-floating .control-tooltip{white-space:normal;text-align:left;max-width:min(300px,100vw - 16px);font-weight:400;line-height:1.5}.control-tooltip.bottom:after{top:-5px;left:50%;transform:translate(-50%)rotate(225deg)}.toggle-row.is-disabled{opacity:.45;cursor:not-allowed}.modal-slider:has(input:disabled){opacity:.45;cursor:not-allowed}.toggle-list .control-tooltip{white-space:normal;font-weight:400;line-height:1.5}.titlebar-performance-error{text-overflow:ellipsis;white-space:nowrap;color:#ffb4ab;max-width:240px;font-size:11px;overflow:hidden}html[data-performance-mode=light] *,html[data-performance-mode=light] :before,html[data-performance-mode=light] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bug-report-card{border:1px solid var(--blurple,#5865f2);background:#5865f21a;border-radius:6px;max-height:calc(100dvh - 110px);margin:10px 16px 0;padding:12px 14px;font-size:13px;overflow-y:auto}.report-review-overlay{z-index:210}.report-review{width:min(560px,100vw - 24px);max-height:calc(100dvh - 48px);overflow-y:auto}.report-review input[type=file]{max-width:100%;margin-top:8px;display:block}.report-screenshots{flex-wrap:wrap;gap:12px;display:flex}.report-screenshots>div{gap:6px;display:grid}.report-screenshots img{object-fit:contain;width:140px;height:100px}.report-attachment-name{overflow-wrap:anywhere;max-width:220px}.bug-report-head{align-items:center;gap:8px;font-size:14px;display:flex}.bug-report-dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite bug-report-pulse}@keyframes bug-report-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.bug-report-dot{animation:none}}.bug-report-detail{overflow-wrap:anywhere;opacity:.85;margin:8px 0 0}.bug-report-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bug-report-notes{margin-top:10px;display:block}.bug-report-notes span{opacity:.75;margin-bottom:4px;font-size:12px;display:block}.bug-report-notes textarea{resize:vertical;width:100%;font:inherit}.bug-reports-list{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.bug-report-row{border:1px solid var(--border,#40444b);border-radius:4px;overflow:hidden}.bug-report-summary{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.bug-report-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bug-report-meta{opacity:.7;white-space:nowrap;font-size:11px}.bug-report-expanded{padding:0 10px 10px}.bug-report-facts{grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:12px;display:grid}.bug-report-facts dt{opacity:.65}.bug-report-facts dd{overflow-wrap:anywhere;margin:0}@media (width<=640px){.bug-report-meta{white-space:normal}}.crash-card{background:var(--bg-secondary,#2f3136);border:1px solid var(--red);text-align:center;border-radius:8px;max-width:560px;margin:12vh auto;padding:24px}.crash-mark{color:#ffb9bb;background:#f23f4326;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.crash-card h1{margin:12px 0 6px;font-size:18px}.crash-card p{opacity:.8;margin:0;font-size:13px}.crash-detail{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#00000040;border-radius:4px;max-height:180px;margin:14px 0 0;padding:10px;font-size:11px;line-height:1.45;overflow:auto}.crash-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.crash-inline{margin:10px 16px}@media (width<=640px){.stage-navigation{flex:none;padding:8px;display:flex}.mobile-stage-back,.account-controls .mobile-admin-button,.account-controls .mobile-calendar-button{display:inline-flex}.mobile-calendar-button{position:relative}}@media (width>=641px) and (width<=920px){.stage-navigation{flex:none;justify-content:flex-end;padding:6px 8px;display:flex}.landscape-members-button{align-items:center;gap:6px;display:inline-flex}.members-drawer-overlay{justify-content:flex-end;align-items:stretch;padding:0;display:flex}.modal.members-drawer{width:min(340px,100vw);height:100%;max-height:100%;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 12px;border-radius:0;flex-direction:column;gap:8px;display:flex}.members-drawer .member-list{border:0;flex:1;width:100%;min-height:0;padding:0;display:flex}}
