:root{--bg:#0f1011;--surface:#17181c;--elevated:#24262c;--line:#23252a;--control-border:#2c2e35;--text:#e3e4e8;--text-weak:#8f949e;--text-weaker:#7c808a;--accent:#5e6ad2;--accent-light:#7b86e6;--accent-detail:#8b95f0;--active-bg:#5e6ad229;--green:#4cb782;--red:#eb5757;--radius-control:8px;--radius-tile:12px;--overlay:color-mix(in srgb, var(--bg) 80%, transparent);--hover-bg:color-mix(in srgb, var(--surface) 55%, var(--bg));--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.4;font-family:var(--font);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}a{color:var(--text);font-weight:600;text-decoration:none}a:hover{color:#fff;text-decoration:underline}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.muted{color:var(--text-weak)}.weaker{color:var(--text-weaker)}.small{font-size:12px}.red{color:var(--red)}.green{color:var(--green)}.spacer{flex:1}.left{text-align:left}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splash{height:100%;color:var(--text-weak);background:var(--bg);place-items:center;display:grid}.btn{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, #fff)}.btn.secondary{border-color:var(--control-border);color:var(--text);background:0 0;font-weight:500}.btn.secondary:hover:not(:disabled){background:var(--surface)}.btn.danger{background:var(--elevated);color:var(--red)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--elevated) 80%, var(--text-weaker))}.btn.small{height:32px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--radius-control);width:36px;height:36px;color:var(--text-weak);background:0 0;border:0;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--elevated);color:var(--text)}.icon-btn.small{border-radius:6px;width:28px;height:28px}.icon-btn.off{color:var(--red)}.icon-btn:disabled{opacity:.5;cursor:progress}.pill{border-radius:var(--radius-control);border:1px solid var(--control-border);height:32px;color:var(--text-weak);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.pill:hover:not(:disabled){background:var(--elevated);color:var(--text)}.pill.on{background:var(--accent);border-color:var(--accent);color:#fff}.pill:disabled{opacity:.5;cursor:progress}.live{color:var(--text-weak);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.live-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.error{background:color-mix(in srgb, var(--red) 12%, transparent);color:color-mix(in srgb, var(--red) 55%, var(--text));border:1px solid color-mix(in srgb, var(--red) 30%, transparent);border-radius:var(--radius-control);padding:8px 12px;font-size:13px;line-height:1.5}.info{background:color-mix(in srgb, var(--green) 12%, transparent);color:color-mix(in srgb, var(--green) 55%, var(--text));border:1px solid color-mix(in srgb, var(--green) 30%, transparent);border-radius:var(--radius-control);padding:8px 12px;font-size:13px;line-height:1.5}.banner{background:var(--surface);border-bottom:1px solid var(--line);color:var(--text);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 24px;font-size:13px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field label,label.field,.field-label{color:var(--text-weak);font-size:13px;font-weight:500}.input,.field input,.field select,.settings-body select,.settings-body input:not([type=checkbox]):not([type=radio]):not([type=range]){border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--surface);height:44px;color:var(--text);width:100%;min-width:0;padding:0 12px;font-size:14px;font-weight:400}.settings-body select,.settings-body input:not([type=checkbox]):not([type=radio]):not([type=range]){background:var(--bg)}.field input:focus,.field select:focus,.settings-body select:focus,.settings-body input:focus{border-color:var(--text-weaker)}.field input:disabled,.settings-body input:disabled{opacity:.6}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}.auth-bg{background:var(--bg);place-items:center;height:100%;padding:24px;display:grid;overflow-y:auto}.auth-card{flex-direction:column;gap:18px;width:100%;max-width:360px;display:flex}.auth-head{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700}.auth-card h1{letter-spacing:-.02em;font-size:24px;font-weight:600}.auth-card .subtitle{color:var(--text-weak);line-height:1.5}.auth-card .field-head a{color:var(--text-weak);font-size:13px;font-weight:400}.auth-foot{color:var(--text-weak);text-align:center;font-size:13px}.app{background:var(--bg);height:100%;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:14px;width:260px;min-height:0;padding:18px 12px 8px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;min-height:36px;padding:0 8px;display:flex}.sidebar-header .brand{font-size:16px}.channel-list{flex-direction:column;flex:1;gap:22px;min-height:0;margin:0 -4px;padding:2px 4px;display:flex;overflow-y:auto}.channel-group{flex-direction:column;gap:2px;display:flex}.group-title{min-height:28px;color:var(--text-weak);justify-content:space-between;align-items:center;padding:0 4px 2px 8px;font-size:12px;font-weight:500;display:flex}.admin-action{opacity:0;transition:opacity .15s}.channel-group:hover .admin-action,.channel-group:focus-within .admin-action{opacity:1}.channel-row{border-radius:var(--radius-control);align-items:center;display:flex;position:relative}.channel-row>.admin-action{position:absolute;top:3px;right:4px}.channel{border-radius:var(--radius-control);min-width:0;min-height:34px;color:var(--text-weak);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.channel:hover{background:var(--surface);color:var(--text)}.channel.active{background:var(--active-bg);color:var(--text);font-weight:600}.channel .slash{color:var(--text-weaker)}.channel.active .slash{color:var(--accent-detail)}.channel .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel.voice{color:var(--text)}.channel.voice.empty{color:var(--text-weak)}.channel .live{margin-right:26px}.voice-users{flex-direction:column;gap:4px;margin:0 0 6px;padding:0 0 0 33px;list-style:none;display:flex}.voice-user{color:var(--text-weak);align-items:center;gap:8px;min-height:24px;font-size:13px;display:flex}.voice-user .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.voice-panel{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 4px 2px;display:flex}.voice-status{align-items:center;gap:8px;font-size:13px;display:flex}.voice-status .state{align-items:center;gap:6px;font-weight:600;display:flex}.voice-status .dot{background:var(--text-weak);border-radius:50%;width:6px;height:6px}.voice-status .state.connected{color:var(--green)}.voice-status .state.connected .dot{background:var(--green)}.voice-status .state.waiting .dot{animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.voice-room-link{color:var(--text-weak);text-align:left;background:0 0;border:0;padding:0;font-size:12px}.voice-room-link:hover{color:var(--text);text-decoration:underline}.voice-actions{gap:8px;display:flex}.user-panel{border-top:1px solid var(--line);align-items:center;gap:4px;padding:8px 4px;display:flex}.user-panel .avatar-wrap{margin-right:6px}.user-panel .icon-btn{width:32px;height:32px}.user-panel .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.status-dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.content-header{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;min-height:56px;padding:8px 16px 8px 24px;display:flex}.content-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.content-header h1 .slash{color:var(--text-weaker);font-weight:400}.content-header .summary{color:var(--text-weaker);font-size:13px}.content-header .status{color:var(--text-weak);align-items:center;gap:6px;font-size:13px;display:flex}.content-header .status:before{content:"";background:var(--text-weak);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite alternate pulse}.content-header .noise{color:var(--text-weak);font-size:12px}.online-btn{border-radius:var(--radius-control);height:32px;color:var(--text-weak);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.online-btn:hover{background:var(--surface);color:var(--text)}.online-btn[aria-pressed=true]{border-color:var(--control-border);background:var(--surface);color:var(--text)}.online-btn .dot{background:var(--green);border-radius:50%;width:6px;height:6px}.content-body{flex:1;min-height:0;display:flex;position:relative}.side-panel{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;flex-shrink:0;width:380px;max-width:400px;min-height:0;display:flex}.panel-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;min-height:56px;padding:0 12px 0 20px;display:flex}.panel-header h2{font-size:15px;font-weight:700}.panel-header .sub{color:var(--text-weaker);font-size:13px}.panel-body{flex:1;min-height:0;padding:16px 0;overflow-y:auto}.member-panel .panel-body{padding:12px 8px}.member{border-radius:var(--radius-control);align-items:center;gap:12px;padding:6px 12px;display:flex}.member:hover{background:var(--surface)}.member .name{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.member .sub{color:var(--text-weak);font-size:12px}.role-tag{color:var(--accent-detail);background:var(--active-bg);border-radius:4px;padding:0 6px;font-size:11px;font-weight:500}.avatar{--c:var(--accent);width:var(--size);height:var(--size);border-radius:max(4px, calc(var(--size) * .22));background:var(--elevated);background:color-mix(in oklab, var(--c) 24%, var(--surface));color:color-mix(in oklab, var(--c) 55%, #fff);font-size:max(9px, calc(var(--size) * .34));letter-spacing:0;-webkit-user-select:none;user-select:none;outline-offset:2px;outline:2px solid #0000;flex-shrink:0;place-items:center;font-weight:600;line-height:1;transition:outline-color .1s;display:inline-grid}.avatar.speaking{outline-color:var(--accent-light)}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex:1;min-height:0;padding:16px 0 8px;overflow:hidden auto}.channel-intro{flex-direction:column;gap:6px;padding:16px 24px 8px;display:flex}.channel-intro h2{margin-top:8px;font-size:20px;font-weight:700}.intro-icon{border-radius:var(--radius-tile);background:var(--surface);width:56px;height:56px;color:var(--accent-detail);place-items:center;font-size:28px;display:grid}.day-divider{color:var(--text-weaker);align-items:center;gap:12px;padding:8px 24px 12px;font-size:12px;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.message{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:10px 24px;display:grid;position:relative}.message.grouped{padding-top:2px;padding-bottom:2px}.message:hover,.message:focus-within{background:var(--hover-bg)}.message.active{background:color-mix(in srgb, var(--accent) 7%, transparent)}.message-head{align-items:baseline;gap:8px;min-width:0;display:flex}.author{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.time{color:var(--text-weaker);white-space:nowrap;font-size:12px}.message-body{flex-direction:column;gap:4px;min-width:0;display:flex}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);max-width:72ch;line-height:1.5}.hover-time{color:var(--text-weaker);visibility:hidden;text-align:center;white-space:nowrap;padding-top:4px;font-size:10px}.message:hover .hover-time,.message:focus-within .hover-time{visibility:visible}.message-actions{z-index:2;border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--surface);opacity:0;pointer-events:none;gap:2px;padding:2px;transition:opacity .1s;display:flex;position:absolute;top:-14px;right:24px}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.action-btn{background:var(--elevated);width:32px;height:32px;color:var(--text);border:0;border-radius:6px;place-items:center;display:grid}.action-btn:hover{background:color-mix(in srgb, var(--elevated) 70%, var(--text-weaker))}.thread-summary{border-radius:var(--radius-control);border:1px solid var(--line);max-width:100%;color:var(--text);text-align:left;background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:4px 8px 4px 4px;font-size:13px;display:flex}.thread-summary:hover{border-color:var(--control-border);background:var(--surface)}.thread-summary.active{border-color:color-mix(in srgb, var(--accent-light) 45%, transparent)}.thread-summary .faces{gap:2px;display:flex}.thread-summary .count{white-space:nowrap;font-weight:600}.thread-summary .last{color:var(--text-weaker);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer{border:1px solid var(--control-border);background:var(--surface);border-radius:10px;flex-direction:column;flex-shrink:0;margin:0 24px;display:flex}.composer:focus-within{border-color:color-mix(in srgb, var(--accent-light) 45%, transparent)}.composer input{height:44px;color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0 14px;font-size:14px}.composer input::placeholder{color:var(--text-weaker)}.composer-actions{justify-content:flex-end;padding:4px 6px;display:flex}.send-btn{background:var(--accent);color:#fff;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.send-btn:disabled{opacity:.5;cursor:default}.composer-error{cursor:pointer;margin:0 24px 8px}.typing{min-height:22px;color:var(--text-weaker);padding:2px 24px 0 72px;font-size:12px}.chat>.composer{margin-bottom:16px}.thread-panel .message{padding:8px 20px}.thread-panel .message.grouped{padding-top:2px;padding-bottom:2px}.thread-divider{color:var(--text-weaker);align-items:center;gap:12px;padding:8px 20px;font-size:12px;display:flex}.thread-divider:after{content:"";background:var(--line);flex:1;height:1px}.thread-panel .composer{margin:0 16px 16px}.thread-panel .composer-error{margin:0 16px 8px}.thread-panel .loading{color:var(--text-weaker);padding:8px 20px;font-size:13px}.voice-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.voice-lobby{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;overflow-y:auto}.voice-lobby h2{font-size:20px;font-weight:700}.lobby-avatars{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.voice-lobby .btn{margin-top:8px}.layout-toggle{border-radius:var(--radius-control);background:var(--surface);gap:2px;padding:2px;display:flex}.layout-toggle button{width:36px;height:32px;color:var(--text-weak);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.layout-toggle button[aria-pressed=true]{background:var(--elevated);color:var(--text)}.stage{flex:1;min-height:0;padding:16px;display:flex}.stage-grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));flex:1;grid-auto-rows:minmax(140px,1fr);gap:12px;min-height:0;display:grid;overflow-y:auto}.stage-spotlight{flex:1;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:12px;min-height:0;display:grid}.stage-spotlight.main-screen{grid-template-columns:minmax(0,1fr) 300px}.stage-spotlight.cols-2{grid-template-columns:minmax(0,1fr) 420px}.stage-main{min-width:0;min-height:0;display:flex}.stage-main>.tile{flex:1}.stage-side{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.stage-side>.tile{flex:1 0 110px}.stage-side.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(104px,1fr);gap:8px;display:grid}.main-screen .stage-side:not(.cols-2)>.tile.cam{aspect-ratio:16/10;flex:none}.main-screen .stage-side:not(.cols-2)>.tile.row{flex:none}.tile{border-radius:var(--radius-tile);background:var(--surface);outline-offset:-2px;outline:2px solid #0000;place-items:center;min-width:0;min-height:0;transition:outline-color .1s;display:grid;position:relative;overflow:hidden}.tile.cam{background:color-mix(in srgb, var(--surface) 80%, var(--elevated))}.tile.clickable{cursor:pointer}.tile.speaking{outline:2px solid var(--accent-light);outline-offset:-2px}.tile.speaking .avatar.speaking{outline-color:#0000}.tile:focus-visible{outline:2px solid var(--accent-light);outline-offset:-2px}.tile video{background:var(--bg);width:100%;height:100%;display:block;position:absolute;inset:0}.stage-side.cols-2 .tile{border-radius:10px}.tile.screen video{background:var(--surface)}.stage-side .tile-volume{padding:3px 6px;top:8px;bottom:auto;right:8px}.stage-side .tile-volume input{width:64px}.tile-label{background:var(--overlay);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:4px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px;overflow:hidden}.stage-side .tile-label{padding:3px 8px;font-size:12px;font-weight:500;bottom:8px;left:8px}.tile-label .red,.tile-row .red{flex-shrink:0}.tile.row{outline-offset:-1px;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tile.row .tile-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.tile.row .tile-volume{opacity:0;background:0 0;padding:0;position:static}.tile.row:hover .tile-volume,.tile.row:focus-within .tile-volume{opacity:1}.tile-volume,.tile-actions{background:var(--overlay);color:var(--text-weak);opacity:0;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:opacity .15s;display:flex;position:absolute}.tile-volume{bottom:12px;right:12px}.tile:hover .tile-volume,.tile:focus-within .tile-volume{opacity:1}.tile-volume input{width:90px}.tile-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.tile-bar .who{background:var(--overlay);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 10px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.tile-bar .icon-btn{background:var(--overlay);color:var(--text)}.tile-bar .btn.small{background:var(--overlay);border-color:#0000}.stats{font-family:var(--font-mono);color:var(--text-weak);background:var(--overlay);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:100%;padding:4px 8px;font-size:11px;overflow:hidden}.stats.warn{color:var(--text);background:color-mix(in srgb, var(--accent) 35%, var(--bg))}.stage-side .tile-bar{top:8px;left:8px;right:8px}.stage-side .stats{display:none}.stream-preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.live-badge{background:var(--overlay);color:var(--text);letter-spacing:.04em;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.stage-side .stream-preview .btn{height:32px;padding:0 12px;font-size:13px}.tile:fullscreen{border-radius:0;outline:none}.call-controls-wrap{flex-shrink:0;justify-content:center;padding:4px 16px 20px;display:flex}.call-controls{border-radius:var(--radius-tile);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.ctrl{border-radius:var(--radius-control);width:44px;height:44px;color:var(--text-weak);background:0 0;border:0;place-items:center;transition:background .15s,color .15s;display:grid}.ctrl:hover:not(:disabled),.ctrl[aria-pressed=true]{background:var(--elevated);color:var(--text)}.ctrl.accent[aria-pressed=true]{background:var(--accent);color:#fff}.ctrl.off{background:var(--elevated);color:var(--red)}.ctrl:disabled{opacity:.5;cursor:progress}.ctrl-sep{background:var(--control-border);width:1px;height:24px;margin:0 4px}.ctrl-leave{border-radius:var(--radius-control);background:var(--elevated);height:44px;color:var(--red);border:0;padding:0 16px;font-weight:600}.ctrl-leave:hover{background:color-mix(in srgb, var(--elevated) 80%, var(--text-weaker))}.modal-bg{background:var(--surface);z-index:50;display:flex;position:fixed;inset:0}.settings{width:100%;height:100%;display:flex}.settings-nav{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex:1 0 218px;align-items:flex-end;gap:2px;padding:60px 12px 20px 20px;display:flex;overflow-y:auto}.settings-nav>*{width:200px}.settings-nav .group-title{padding:0 10px 6px}.nav-item{text-align:left;border-radius:var(--radius-control);min-height:34px;color:var(--text-weak);background:0 0;border:0;padding:0 10px;display:block}.nav-item:hover{background:var(--elevated);color:var(--text)}.nav-item.active{background:var(--active-bg);color:var(--text);font-weight:600}.nav-item.leave{color:var(--red);font-weight:600}.sep{background:var(--line);height:1px;margin:8px 0}.settings-body{flex-direction:column;flex:800px;gap:16px;max-width:820px;padding:60px 40px 80px;display:flex;position:relative;overflow-y:auto}.settings-body h2{margin-bottom:4px;font-size:20px;font-weight:700}.settings-body h3{color:var(--text-weak);border-top:1px solid var(--line);margin-top:16px;padding-top:20px;font-size:12px;font-weight:500}.settings-body>label:not(.check):not(.radio),.two-cols>label{color:var(--text-weak);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.close-btn{border-radius:var(--radius-control);border:1px solid var(--control-border);width:36px;height:36px;color:var(--text-weak);background:0 0;place-items:center;display:grid;position:fixed;top:60px;right:40px}.close-btn:hover{color:var(--text);background:var(--elevated)}.two-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:16px;height:16px}.radio-list{flex-direction:column;gap:8px;display:flex}.radio{border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--bg);color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.radio.checked{background:var(--active-bg);border-color:color-mix(in srgb, var(--accent-light) 45%, transparent)}.mic-test{flex-direction:column;gap:12px;display:flex}.meter{background:var(--surface);border:1px solid var(--line);border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--green), var(--accent-light) 80%, var(--red));height:100%;transition:width 50ms linear}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--elevated);border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width<=900px){.app{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-shrink:0;gap:8px;width:100%;max-height:38vh;padding:10px 12px 4px;overflow-y:auto}.channel-list{flex:none;gap:12px;overflow:visible}.admin-action{opacity:1}.content{flex:1;min-height:0}.content-header{min-height:48px;padding:8px 12px 8px 16px}.side-panel{z-index:5;border-left:0;width:auto;max-width:none;position:absolute;inset:0}.message{padding-left:16px;padding-right:16px}.message-actions{right:16px}.composer,.composer-error{margin-left:16px;margin-right:16px}.typing{padding-left:16px}.day-divider,.channel-intro{padding-left:16px;padding-right:16px}.stage{padding:8px}.stage-spotlight,.stage-spotlight.main-screen,.stage-spotlight.cols-2{grid-template-rows:minmax(180px,3fr) minmax(0,2fr);grid-template-columns:minmax(0,1fr)}.stage-side{flex-direction:row;overflow:auto hidden}.stage-side>.tile{flex:0 0 160px}.stage-side.cols-2{display:flex}.stage-grid{grid-auto-rows:minmax(110px,1fr);--cols:2!important}.two-cols{grid-template-columns:1fr}.settings-nav{flex:none;padding:16px 8px}.settings-nav>*{width:auto}.settings-body{padding:24px 16px 60px}.close-btn{top:16px;right:16px}}@media (width<=640px){.settings{flex-direction:column}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;padding-right:60px}.settings-nav .group-title,.settings-nav .sep{display:none}.stage-grid{--cols:1!important}}