:root{--bg-rail:#15172b;--bg-sidebar:#1c1f38;--bg-content:#23264a;--bg-input:#2b2f58;--bg-hover:#2a2e55;--bg-active:#353a6b;--border:#2f3361;--text:#d9d7f2;--text-strong:#f4f2ff;--text-muted:#8e8bb5;--accent:#8b7cf6;--accent-strong:#a597ff;--ok:#4ade80;--warn:#facc15;--danger:#f87171;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-content);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{color:var(--text-strong);line-height:1.25}.muted{color:var(--text-muted)}.small{font-size:.82rem}.center{text-align:center}.error{color:var(--danger);margin:0}.success{color:var(--ok);margin:0}.notice{background:#8b7cf626;border:1px solid #8b7cf666;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.splash{height:100%;color:var(--text-muted);place-items:center;display:grid}.button{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500}.button:hover:not(:disabled){background:var(--bg-active)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-strong)}.button.danger{color:var(--danger);background:0 0;border-color:#f8717180}.button:disabled{opacity:.6;cursor:not-allowed}.icon-button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--bg-hover);color:var(--text-strong)}.icon-button.small{width:22px;height:22px;font-size:1rem}.link-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.link-button:hover{color:var(--text-strong);text-decoration:underline}.link-button.danger:hover{color:var(--danger)}.form{flex-direction:column;gap:14px;display:flex}.form h3{margin:0}.field{border:none;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field>span,.field>legend{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:0;font-size:.78rem;font-weight:600}.field em{text-transform:none;font-weight:400}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;outline:none;width:100%;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input:disabled,textarea:disabled{opacity:.6}.inline-field,.checkbox{align-items:center;gap:8px;font-size:.9rem;display:flex}.inline-field input{width:90px!important}.radio-group{border:none;gap:18px;margin:0;padding:0;display:flex}.radio-group legend{float:left;text-transform:uppercase;color:var(--text-muted);margin-right:8px;font-size:.78rem;font-weight:600}.radio-group label{cursor:pointer;align-items:center;gap:6px;display:flex}.form-actions{justify-content:flex-end;gap:8px;display:flex}.copy-row{gap:8px;display:flex}.tabs{background:var(--bg-rail);border-radius:8px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px}.tabs button.active{background:var(--bg-active);color:var(--text-strong)}.badge{color:var(--ok);background:#4ade8026;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:600}.auth{background:radial-gradient(circle at 30% 20%, #34296b 0%, var(--bg-rail) 60%);place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:28px;display:flex;box-shadow:0 20px 60px #0006}.auth-brand{align-items:center;gap:14px;display:flex}.auth-brand h1{margin:0;font-size:1.5rem}.auth-brand p{margin:0;font-size:.88rem}.invite-preview{border-radius:var(--radius);background:var(--bg-rail);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:14px;display:flex}.invite-preview strong{color:var(--text-strong);font-size:1.15rem}.shell{grid-template-columns:72px 240px minmax(0,1fr);height:100%;display:grid}.shell.with-members{grid-template-columns:72px 240px minmax(0,1fr) 220px}.rail{background:var(--bg-rail);flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex;overflow:hidden}.rail-logo{width:48px;height:48px}.rail-divider{background:var(--border);border-radius:1px;width:32px;height:2px}.rail-list{scrollbar-width:none;flex-direction:column;align-items:center;gap:8px;display:flex;overflow-y:auto}.rail-item,.rail-add{background:var(--bg-content);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-weight:600;transition:border-radius .15s,background .15s}.rail-item{color:var(--text-strong);font-size:.95rem}.rail-item:hover,.rail-item.active{background:var(--accent);border-radius:16px}.rail-add{color:var(--ok);font-size:24px}.rail-add:hover{background:var(--ok);color:var(--bg-rail);border-radius:16px}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar-header{height:52px;color:var(--text-strong);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 16px;font-weight:600;display:flex}.sidebar-empty{color:var(--text-muted);margin:0;padding:6px 16px;font-size:.88rem}.channel-list{flex:1;padding:8px 8px 12px;overflow-y:auto}.channel-group{margin-bottom:12px}.channel-group>header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:6px 4px 4px 8px;font-size:.74rem;font-weight:700;display:flex}.channel{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.channel:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.channel.active{background:var(--bg-active);color:var(--text-strong)}.channel:disabled{opacity:.55;cursor:not-allowed}.channel-icon{text-align:center;width:18px;color:var(--text-muted);flex-shrink:0}.user-panel{border-top:1px solid var(--border);background:var(--bg-rail);align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.user-panel-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-panel-name{color:var(--text-strong);font-size:.9rem;font-weight:600}.status{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.status-dot{background:var(--warn);border-radius:50%;width:8px;height:8px}.status-online .status-dot{background:var(--ok)}.status-offline .status-dot{background:var(--danger)}.content{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.members-toggle{z-index:2;position:absolute;top:11px;right:12px}.welcome{max-width:520px;margin:auto;padding:32px}.welcome h1{margin:0 0 8px;font-size:1.8rem}.messages-pane{flex-direction:column;flex:1;min-height:0;display:flex}.pane-header{border-bottom:1px solid var(--border);height:52px;color:var(--text-strong);flex-shrink:0;align-items:center;gap:8px;padding:0 56px 0 16px;display:flex}.pane-topic{border-left:1px solid var(--border);color:var(--text-muted);margin-left:4px;padding-left:12px;font-size:.88rem}.messages{flex:1;padding:16px 0 8px;overflow-y:auto}.channel-start{padding:16px 16px 20px}.channel-start h2{margin:0 0 4px;font-size:1.4rem}.channel-start p{margin:0}.message{margin-top:14px;padding:2px 16px;position:relative}.message.grouped{margin-top:0}.message:hover{background:#0000001f}.message-header{align-items:baseline;gap:8px;display:flex}.message-author{color:var(--text-strong);font-weight:600}.message-time{color:var(--text-muted);font-size:.74rem}.message-content{white-space:pre-wrap;overflow-wrap:anywhere}.message-edited{color:var(--text-muted);font-size:.72rem}.message-edit{flex-direction:column;gap:4px;padding:4px 0;display:flex}.message-edit textarea{resize:none}.message-actions{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:6px;align-items:center;gap:10px;padding:2px 10px;display:none;position:absolute;top:-10px;right:16px}.message:hover .message-actions,.message-actions:focus-within{display:flex}.composer{flex-shrink:0;padding:0 16px 18px}.composer textarea{resize:none;border-radius:var(--radius);max-height:40vh;padding:11px 14px}.composer .error{margin-bottom:6px}.members{background:var(--bg-sidebar);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.members-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;height:52px;color:var(--text-muted);align-items:center;padding:0 16px;font-size:.78rem;font-weight:700;display:flex}.members ul{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.member{border-radius:6px;align-items:center;gap:10px;padding:5px 8px;display:flex}.member:hover{background:var(--bg-hover)}.member-avatar{background:var(--bg-active);width:30px;height:30px;color:var(--text-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:600;display:grid}.member-name{flex:1;font-size:.92rem}.member-owner{color:var(--warn);font-size:.8rem}.member-kick{display:none}.member:hover .member-kick{display:inline}.modal-backdrop{z-index:100;background:#080914b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:14px;flex-direction:column;width:100%;max-width:440px;max-height:calc(100vh - 32px);display:flex;box-shadow:0 20px 60px #00000080}.modal-wide{max-width:760px}.modal-header{justify-content:space-between;align-items:center;padding:16px 16px 0 20px;display:flex}.modal-header h2{margin:0;font-size:1.15rem}.modal-body{padding:16px 20px 20px;overflow-y:auto}.settings{grid-template-columns:170px minmax(0,1fr);gap:20px;min-height:360px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav button{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px}.settings-nav button:hover{background:var(--bg-hover);color:var(--text)}.settings-nav button.active{background:var(--bg-active);color:var(--text-strong)}.settings-nav button.danger{color:var(--danger)}.settings-nav-spacer{flex:1;min-height:16px}.session-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.session{border:1px solid var(--border);background:var(--bg-rail);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.danger-zone{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:8px;padding-top:14px;display:flex}@media (width<=900px){.shell.with-members{grid-template-columns:72px 240px minmax(0,1fr)}.shell.with-members .members{display:none}}@media (width<=640px){.settings{grid-template-columns:1fr}.settings-nav{flex-flow:wrap}.settings-nav-spacer{display:none}}.sidebar-header-actions{align-items:center;gap:2px;display:flex}.channel-row{align-items:center;display:flex;position:relative}.channel-row .channel{padding-right:30px}.channel-settings{opacity:0;position:absolute;right:4px}.channel-row:hover .channel-settings,.channel-settings:focus-visible{opacity:1}.settings-body h3+.muted.small{margin:-6px 0 0}.admin-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.form-actions-left{align-items:center;gap:8px;margin-right:auto;display:flex}.admin-split{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-list{flex-direction:column;gap:2px;display:flex}.admin-list-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.admin-list-item:hover{background:var(--bg-hover)}.admin-list-item.active{background:var(--bg-active);color:var(--text-strong)}.admin-list-add{margin-top:8px;padding:6px 10px;font-size:.88rem}.admin-editor{min-width:0}.role-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.override-mark{color:var(--accent-strong);margin-left:auto;font-size:.6rem}.color-row{align-items:center;gap:12px;min-height:40px;display:flex}input[type=color].color-input{cursor:pointer;width:48px;height:32px;padding:2px}.perm-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.perm-row{cursor:pointer;border-radius:6px;align-items:flex-start;gap:10px;padding:6px 8px;font-size:.92rem;display:flex}.perm-row input{margin-top:4px}.perm-row:hover{background:var(--bg-hover)}.perm-row.disabled,.perm-tri-row.disabled,.checkbox.disabled{opacity:.5;cursor:not-allowed}.perm-tri-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;font-size:.92rem;display:flex}.tri-state{border:1px solid var(--border);border-radius:8px;flex-shrink:0;display:inline-flex;overflow:hidden}.tri-state button{background:var(--bg-input);width:34px;height:28px;color:var(--text-muted);cursor:pointer;border:none}.tri-state button+button{border-left:1px solid var(--border)}.tri-state button:disabled{cursor:not-allowed}.tri-state button.tri-deny.active{color:var(--danger);background:#f8717140}.tri-state button.tri-neutral.active{background:var(--bg-active);color:var(--text-strong)}.tri-state button.tri-allow.active{color:var(--ok);background:#4ade8033}.admin-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-row{border:1px solid var(--border);background:var(--bg-rail);border-radius:8px;padding:8px 10px}.admin-row-main{align-items:center;gap:10px;display:flex}.admin-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.admin-row-actions{flex-shrink:0;gap:6px;display:flex}.admin-row-actions .button{padding:5px 10px;font-size:.85rem}.admin-row-roles{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px 16px;margin-top:8px;padding-top:8px;display:flex}.role-chips{flex-wrap:wrap;gap:4px;display:flex}.role-chips:empty{display:none}.role-chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:.75rem;display:inline-flex}.role-chip .role-dot{width:8px;height:8px}.audit-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audit-entry{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 2px;font-size:.92rem;display:flex}.audit-entry time{flex-shrink:0}.danger-box{border-radius:var(--radius);border:1px solid #f8717180;flex-direction:column;gap:10px;padding:14px;display:flex}.danger-box p{margin:0}.button.danger-solid{background:var(--danger);border-color:var(--danger);color:var(--bg-sidebar)}.settings-nav button.danger.active{background:#f8717126}@media (width<=640px){.admin-split{grid-template-columns:1fr}.admin-row-main{flex-wrap:wrap}}.messages-pane{position:relative}.attachments{flex-wrap:wrap;gap:8px;margin:4px 0 2px;display:flex}.attachment-image{border:1px solid var(--border);background:var(--bg-input);cursor:zoom-in;border-radius:8px;place-items:center;max-width:100%;padding:0;display:grid;overflow:hidden}.attachment-image img{object-fit:cover;width:100%;height:100%;display:block}.attachment-file{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;align-items:center;gap:10px;width:340px;max-width:100%;padding:10px 12px;display:flex}.attachment-file-icon{font-size:1.6rem;line-height:1}.attachment-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-file-name{color:var(--accent-strong);font-weight:500}.attachment-file a.icon-button,.lightbox-bar a.icon-button{text-decoration:none}.lightbox{z-index:200;background:#080914e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:6px;max-width:92vw;max-height:calc(100vh - 96px);box-shadow:0 20px 60px #00000080}.lightbox-bar{border:1px solid var(--border);background:var(--bg-sidebar);max-width:92vw;color:var(--text-strong);border-radius:8px;align-items:center;gap:10px;padding:4px 6px 4px 14px;display:flex}.drop-overlay{z-index:50;pointer-events:none;background:#08091499;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.drop-overlay-box{border:2px dashed var(--accent);background:var(--bg-sidebar);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:28px 40px;display:flex}.composer-row{align-items:flex-end;gap:6px;display:flex}.composer-row textarea{flex:1;min-width:0}.composer-attach{width:40px;height:44px;font-size:1.15rem}.composer-attach:disabled{opacity:.5;cursor:not-allowed}.pending-uploads{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.pending-uploads ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pending-upload{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;align-items:center;gap:8px;width:240px;max-width:100%;padding:6px 6px 6px 8px;display:flex}.pending-upload.error{border-color:#f8717180}.pending-upload.error .muted{color:var(--danger)}.pending-upload-thumb{object-fit:cover;background:var(--bg-input);border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.pending-upload-info{flex-direction:column;flex:1;min-width:0;font-size:.85rem;display:flex}.pending-upload progress{appearance:none;background:var(--bg-input);border:none;border-radius:2px;width:100%;height:4px;margin-top:2px;overflow:hidden}.pending-upload progress::-webkit-progress-bar{background:var(--bg-input)}.pending-upload progress::-webkit-progress-value{background:var(--accent)}.pending-upload progress::-moz-progress-bar{background:var(--accent)}.avatar{flex-shrink:0;place-items:center;width:32px;height:32px;display:inline-grid;position:relative}.avatar-initial{background:var(--bg-active);width:100%;height:100%;color:var(--text-strong);border-radius:50%;place-items:center;font-size:.85rem;font-weight:600;display:grid}.presence-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.presence-online{background:var(--ok)}.presence-idle{background:var(--warn)}.presence-dnd{background:var(--danger)}.presence-offline{background:var(--bg-sidebar);box-shadow:inset 0 0 0 2px var(--text-muted)}.avatar-dot{border:2px solid var(--bg-sidebar);box-sizing:content-box;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.user-panel .avatar-dot{border-color:var(--bg-rail)}.status-picker{flex:1;min-width:0;position:relative}.status-picker-button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:4px 6px 4px 4px;display:flex}.status-picker-button:hover{background:var(--bg-hover)}.status-picker-label{color:var(--text-muted);font-size:.76rem}.status-menu{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sidebar);flex-direction:column;gap:2px;width:240px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #00000073}.status-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.status-menu button .presence-dot{margin-top:6px}.status-menu button:hover,.status-menu button.active{background:var(--bg-active);color:var(--text-strong)}.status-menu-hint{display:block}.channel.unread{color:var(--text-strong);font-weight:600;position:relative}.channel.unread:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:4px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-8px}.rail-item{position:relative}.rail-unread{border:3px solid var(--bg-rail);background:var(--accent-strong);box-sizing:content-box;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.new-divider{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:14px 16px 0;font-size:.72rem;font-weight:700;display:flex}.new-divider:before{content:"";background:var(--danger);opacity:.6;flex:1;height:1px}.pane-mute{margin-left:auto}.members-scroll{flex:1;padding:8px 0;overflow-y:auto}.members .member-group ul{flex:none;padding:0 8px 8px;overflow:visible}.member-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:8px 16px 4px;font-size:.72rem;font-weight:700}.member-offline .member-name,.member-offline .avatar-initial{opacity:.5}.typing-indicator{height:18px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;margin-top:-18px;padding:0 18px;font-size:.76rem;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing-dots span{animation:none}}.server-line{justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.voice-channel+.voice-channel{margin-top:1px}.voice-participants{margin:0 0 4px;padding:0 0 0 26px;list-style:none}.voice-participant{width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:3px 6px;font-size:.88rem;display:flex}.voice-participant:disabled{cursor:default}.voice-participant.clickable{cursor:pointer}.voice-participant.clickable:hover,.voice-participant.watching{background:var(--bg-hover);color:var(--text)}.voice-avatar{background:var(--bg-active);width:22px;height:22px;color:var(--text-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:600;transition:box-shadow .12s;display:grid;box-shadow:0 0 0 2px #0000}.voice-avatar.speaking{box-shadow:0 0 0 2px var(--ok), 0 0 8px #4ade8099}.voice-name{flex:1}.voice-flag{opacity:.8;font-size:.75rem}.voice-flag.deaf,.struck{display:inline-block;position:relative}.voice-flag.deaf:after,.struck:after{content:"";background:var(--danger);height:2px;position:absolute;top:50%;left:-1px;right:-1px;transform:rotate(-35deg)}.live-badge{background:var(--danger);color:#fff;letter-spacing:.04em;border-radius:4px;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1.5}.voice-panel{border-top:1px solid var(--border);background:var(--bg-rail);align-items:center;gap:6px;padding:8px 8px 8px 14px;display:flex}.voice-panel-error{justify-content:space-between}.voice-panel-info{flex:1;min-width:0}.voice-panel-status{color:var(--warn);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.voice-panel-status.ok{color:var(--ok)}.voice-panel-inline-error{cursor:pointer;margin-top:2px}.voice-panel-actions{align-items:center;gap:2px;display:flex}.voice-panel-actions .icon-button{width:28px;height:28px}.voice-panel-actions .icon-button:disabled{opacity:.4;cursor:not-allowed}.voice-panel-actions .icon-button.off{color:var(--danger);background:#f871711f}.voice-panel-actions .icon-button.live{background:#4ade802e}.voice-panel-actions .hangup:hover{background:#f8717140}.ptt-hint.active{color:var(--ok)}.signal{align-items:flex-end;gap:1px;height:11px;display:inline-flex}.signal i{background:var(--border);border-radius:1px;width:3px}.signal i:first-child{height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:11px}.signal-3 i{background:var(--ok)}.signal-2 i:nth-child(-n+2){background:var(--warn)}.signal-1 i:first-child,.signal-0 i:first-child{background:var(--danger)}.voice-share{position:relative}.share-menu{z-index:20;border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;flex-direction:column;min-width:170px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:-60px;box-shadow:0 10px 30px #00000073}.share-menu-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 8px 6px;font-size:.72rem;font-weight:700}.share-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px}.share-menu button:hover{background:var(--bg-hover)}.share-menu button.active{color:var(--accent-strong)}.key-badge{border:1px solid var(--border);background:var(--bg-rail);border-radius:8px;place-items:center;min-width:120px;padding:7px 12px;font-family:inherit;font-weight:600;display:inline-grid}.stream-view{flex-direction:column;flex:1;min-height:0;display:flex}.stream-back{margin-left:auto;padding:4px 12px;font-size:.85rem}.stream-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;padding:12px;display:grid}.stream-grid.count-2,.stream-grid.count-3,.stream-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-tile{border-radius:var(--radius);background:#000;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stream-tile video{object-fit:contain;width:100%;height:100%}.stream-wait{position:absolute}.stream-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#000000b3);align-items:center;gap:8px;padding:8px 10px;transition:opacity .15s;display:flex;position:absolute;inset:auto 0 0}.stream-tile:hover .stream-overlay,.stream-tile:focus-within .stream-overlay{opacity:1}.stream-overlay .icon-button{color:#fff}.stream-spacer{flex:1}.powered-by{color:var(--text-muted);opacity:.75;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:6px 10px;font-size:.8rem;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.powered-by:hover,.powered-by:focus-visible{opacity:1;background:#ffffff0a}.powered-by-logo{width:auto;height:22px}.powered-by-compact{margin-top:4px;padding:4px 6px;font-size:.72rem}.powered-by-compact .powered-by-logo{height:16px}.settings-about{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:2px;margin-top:12px;padding-top:10px;display:flex}.lucide{flex-shrink:0}.icon-button,.rail-add,.tri-state button,.channel-icon,.voice-flag,.member-owner,.attachment-file-icon,.pending-upload-thumb{justify-content:center;align-items:center;display:inline-flex}.channel-icon{color:var(--text-muted)}.member-owner{color:#facc15;vertical-align:middle}.override-mark{color:var(--accent);display:inline-flex}.copy-row .button,.channel-kind label{align-items:center;gap:6px;display:inline-flex}.voice-panel:not(.voice-panel-error){flex-wrap:wrap;row-gap:6px}.voice-panel:not(.voice-panel-error) .voice-panel-info{flex-basis:100%}.voice-panel:not(.voice-panel-error) .voice-panel-actions{flex:1;justify-content:space-between}.voice-flag.camera{color:var(--ok);opacity:1;align-items:center;display:inline-flex}.stream-cameras{align-items:center;gap:6px;margin-left:auto;padding:4px 12px;font-size:.85rem;display:inline-flex}.stream-cameras+.stream-back{margin-left:8px}.stream-grid.count-many{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-empty{grid-column:1/-1;place-self:center}.stream-tile.camera-tile video{object-fit:cover}.stream-tile.camera-tile .stream-overlay{opacity:1;background:linear-gradient(#0000,#0000008c)}.stream-tile.camera-tile:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .12s;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #0000}.stream-tile.camera-tile.speaking:after{box-shadow:inset 0 0 0 3px var(--ok)}video.mirrored{transform:scaleX(-1)}.camera-settings-row{align-items:center;gap:8px;display:flex}.camera-settings-row select{flex:1;min-width:0}.camera-settings-row .button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.camera-preview{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:240px;max-width:100%;margin-top:8px;position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-preview-error{text-align:center;place-items:center;padding:8px;display:grid;position:absolute;inset:0}