:root{--bg-rail:#e3e5e8;--bg-sidebar:#f2f3f5;--bg-main:#fff;--bg-input:#ebedef;--bg-hover:#747f8d1f;--bg-active:#747f8d3d;--bg-elevated:#fff;--text:#1d1e22;--text-strong:#060607;--muted:#5c5f66;--border:#dcdde3;--accent:#5865f2;--accent-hover:#4752c4;--accent-text:#fff;--danger:#da373c;--ok:#23a55a;--shadow:0 8px 24px #00000029;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:gg sans,Noto Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg-rail:#1e1f22;--bg-sidebar:#2b2d31;--bg-main:#313338;--bg-input:#383a40;--bg-hover:#4e50584d;--bg-active:#4e505899;--bg-elevated:#232428;--text:#dbdee1;--text-strong:#f2f3f5;--muted:#949ba4;--border:#3f4147;--danger:#f23f43;--shadow:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-main);color:var(--text);margin:0}h1,h2,h3{color:var(--text-strong);margin:0}h1{font-size:1.5rem}h2{font-size:1.15rem}p{margin:0}a{color:#00a8fc}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:4px;padding:8px 16px}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}button.ghost{color:var(--text);background:0 0}button.ghost:hover:not(:disabled){background:var(--bg-hover);text-decoration:underline}button.danger:not(.ghost){background:var(--danger)}button.danger.ghost{color:var(--danger)}button.link{color:#00a8fc;background:0 0;padding:0}button.link:hover{background:0 0;text-decoration:underline}.icon-btn{color:var(--muted);background:0 0;padding:2px 6px;line-height:1.2}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-strong)}.icon-btn.active{color:var(--text-strong)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-input);border:0;border-radius:4px;width:100%;padding:10px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}label{text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:.75rem;font-weight:700;display:flex}label input,label select,label textarea{text-transform:none;font-size:1rem;font-weight:400}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--danger)}.center-text{text-align:center;padding:8px}.stack{flex-direction:column;gap:14px;display:flex}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.spacer{flex:1}.row-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pill{background:var(--accent);color:var(--accent-text);border-radius:8px;margin-left:8px;padding:1px 6px;font-size:.7rem}.card{background:var(--bg-sidebar);border-radius:8px;padding:20px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth,.page-center{flex:1;place-items:center;min-height:100%;padding:16px;display:grid}.auth{background:var(--bg-rail)}.auth .card{background:var(--bg-main);width:100%;max-width:400px;box-shadow:var(--shadow)}.page-scroll{flex:1;overflow-y:auto}.page{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:32px 16px;display:flex}.node-side{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.node-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.code p{margin-bottom:6px;font-size:.9rem}.code code{background:var(--bg-input);border-radius:4px;padding:10px;font-size:.85rem;display:block;overflow-x:auto}.home-hero{text-align:center;max-width:420px}.invite-card{width:100%;max-width:440px}.invite-community{align-items:center;gap:14px;display:flex}.shell{height:100%;display:flex;overflow:hidden}.rail{background:var(--bg-rail);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow-y:auto}.rail hr{border:0;border-top:2px solid var(--border);width:32px;margin:0}.rail-icon{background:var(--bg-main);width:48px;height:48px;color:var(--text-strong);border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-weight:600;transition:border-radius .15s,background .15s;display:grid;position:relative}.rail-icon:hover:not(:disabled),.rail-icon.active{background:var(--accent);color:var(--accent-text);border-radius:16px}.rail-icon:before{content:"";background:var(--text-strong);border-radius:0 4px 4px 0;width:8px;height:0;transition:height .15s;position:absolute;left:-16px}.rail-icon.unread:before{height:8px}.rail-icon:hover:before{height:20px}.rail-icon.active:before{height:40px}.rail-icon.offline{opacity:.5}.rail-icon.add,.rail-icon.nodes{color:var(--ok);font-size:1.4rem;font-weight:400}.rail-icon.add:hover,.rail-icon.nodes:hover,.rail-icon.nodes.active{background:var(--ok);color:#fff}.rail-icon.static{pointer-events:none}.sidebar{background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;height:48px;position:relative}.community-name{width:100%;height:100%;color:var(--text-strong);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:0 16px;font-weight:600;display:flex}.community-name span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-name:hover:not(.static){background:var(--bg-hover)}.community-name.static{cursor:default}.menu{background:var(--bg-elevated);box-shadow:var(--shadow);z-index:10;border-radius:4px;flex-direction:column;padding:6px;display:flex;position:absolute;top:52px;left:8px;right:8px}.menu button{color:var(--text);text-align:left;background:0 0;padding:8px;font-size:.9rem}.menu button:hover{background:var(--accent);color:#fff}.menu button.danger{color:var(--danger)}.menu button.danger:hover{background:var(--danger);color:#fff}.channels{flex:1;padding:8px 8px 16px;overflow-y:auto}.banner{background:var(--bg-active);border-radius:4px;margin-bottom:8px;padding:6px 8px;font-size:.8rem}.channel-group{margin-top:12px}.group-title{text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4px 4px 8px;font-size:.72rem;font-weight:700;display:flex}.channel{border-radius:4px;align-items:center;margin:1px 0;display:flex}.channel:hover{background:var(--bg-hover)}.channel.active{background:var(--bg-active)}.channel-name{text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;flex:1;align-items:center;gap:6px;padding:6px 8px;display:flex;overflow:hidden}.channel-name:hover:not(:disabled){color:var(--text);background:0 0}.channel.active .channel-name,.channel.unread .channel-name{color:var(--text-strong)}.channel.unread .channel-name{font-weight:600}.channel.voice .channel-name:disabled{opacity:.6;cursor:not-allowed}.channel-icon{color:var(--muted);text-align:center;width:1.1em;font-size:1.1em}.channel .gear{visibility:hidden}.channel:hover .gear,.channel.active .gear{visibility:visible}.user-panel{background:var(--bg-rail);flex-shrink:0;align-items:center;gap:8px;padding:8px;display:flex}.user-names{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.user-names strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid;position:relative}.presence{border:3px solid var(--bg-sidebar);border-radius:50%;width:38%;height:38%;position:absolute;bottom:-2px;right:-2px}.presence.on{background:var(--ok)}.presence.off{background:var(--muted)}.chat{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.chat-header strong{color:var(--text-strong)}.topic{border-left:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding-left:10px;font-size:.85rem;overflow:hidden}.members-toggle{margin-left:auto;font-size:1.1rem}.messages{flex-direction:column-reverse;flex:1;display:flex;overflow-y:auto}.messages-inner{padding:16px 0 8px}.channel-start{padding:16px}.channel-start h2{margin-bottom:4px;font-size:1.6rem}.day-divider{color:var(--muted);align-items:center;margin:16px 16px 8px;font-size:.75rem;font-weight:600;display:flex}.day-divider:before,.day-divider:after{content:"";border-top:1px solid var(--border);flex:1}.day-divider span{padding:0 8px}.message{gap:16px;margin-top:16px;padding:2px 48px 2px 16px;display:flex;position:relative}.message.grouped{margin-top:0}.message:hover{background:var(--bg-hover)}.message.pending .content{opacity:.5}.message.failed .content{color:var(--danger)}.gutter{flex-shrink:0;width:40px}.hover-time{visibility:hidden;color:var(--muted);text-align:right;padding-top:4px;font-size:.68rem;display:block}.message:hover .hover-time{visibility:visible}.message-main{flex:1;min-width:0}.message-head{align-items:baseline;gap:8px;display:flex}.message-head strong{color:var(--text-strong)}.content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.375}.edited{font-size:.68rem}.message-actions{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:4px;padding:2px;display:none;position:absolute;top:-14px;right:16px}.message:hover .message-actions{display:flex}.message-actions .danger:hover{color:var(--danger)}.edit-box{flex-direction:column;gap:4px;margin-top:4px;display:flex}.composer-wrap{flex-shrink:0;padding:0 16px}.composer{background:var(--bg-input);border-radius:8px;position:relative}.composer textarea,.edit-box textarea{resize:none;background:var(--bg-input);max-height:300px;padding:11px 16px;line-height:1.375;display:block}.counter{position:absolute;bottom:6px;right:12px}.typing{height:24px;padding-left:4px;line-height:24px}.members{background:var(--bg-sidebar);flex-shrink:0;width:240px;padding:16px 8px;overflow-y:auto}.members h3{text-transform:uppercase;color:var(--muted);margin:8px 0 4px;padding:0 8px;font-size:.72rem}.members ul{margin:0;padding:0;list-style:none}.member{border-radius:4px;align-items:center;gap:12px;padding:6px 8px;display:flex}.member:hover{background:var(--bg-hover)}.member.offline{opacity:.45}.member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.owner-badge{color:#f0b232;margin-left:4px;font-size:.85rem}.modal{background:var(--bg-main);width:min(460px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:8px;padding:0}.modal::backdrop{background:#0009}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.tabs{background:var(--bg-input);border-radius:6px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);background:0 0;flex:1;padding:6px}.tabs button.active,.tabs button:hover{background:var(--bg-main);color:var(--text-strong)}.copy-row{gap:8px;display:flex}.copy-row input{flex:1;min-width:0}.member{padding:0}.member-btn{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:4px;align-items:center;gap:12px;padding:6px 8px;display:flex}.member-btn:hover:not(:disabled){background:var(--bg-hover)}.member.open .member-btn{background:var(--bg-active)}.members{position:relative}.member-card{background:var(--bg-elevated);width:300px;max-height:calc(100vh - 96px);box-shadow:var(--shadow);z-index:20;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;top:64px;right:256px;overflow-y:auto}.member-card-head{align-items:center;gap:12px;display:flex}.member-card-head strong{color:var(--text-strong);font-size:1.05rem}.role-chips{flex-wrap:wrap;gap:4px;display:flex}.role-chip{background:var(--bg-input);border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:.78rem;display:inline-flex}.role-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.role-toggles{flex-direction:column;gap:2px;margin-top:4px;display:flex}.role-toggle{text-transform:none;color:var(--text);border-radius:4px;flex-direction:row;align-items:center;gap:8px;padding:4px;font-size:.9rem;font-weight:500}.role-toggle:hover{background:var(--bg-hover)}.role-toggle input{width:auto}.role-toggle.locked{opacity:.5}.settings{z-index:30;background:var(--bg-main);display:flex;position:fixed;inset:0}.settings-nav{background:var(--bg-sidebar);flex:1 0 200px;justify-content:flex-end;display:flex;overflow-y:auto}.settings-nav-inner{flex-direction:column;gap:2px;width:220px;padding:60px 8px 20px 20px;display:flex}.settings-nav h3{text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 6px;font-size:.72rem;overflow:hidden}.settings-nav button{color:var(--muted);text-align:left;background:0 0;padding:6px 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-main{flex:800px;display:flex;overflow-y:auto}.settings-content{flex:1;max-width:740px;padding:60px 40px 80px}.settings-close{width:40px;height:56px;color:var(--muted);border:2px solid var(--muted);background:0 0;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin:60px 20px 0 0;padding:0;font-size:1rem;display:flex;position:sticky;top:60px}.settings-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-strong)}.settings-close .small{font-size:.6rem;font-weight:700}.danger-zone{border:1px solid var(--danger);border-radius:8px;margin-top:24px;padding:16px}.roles-layout{grid-template-columns:200px 1fr;align-items:start;gap:20px;display:grid}.role-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.role-list li{border-radius:4px;align-items:center;display:flex}.role-list li:hover{background:var(--bg-hover)}.role-list li.active{background:var(--bg-active)}.role-pick{color:var(--text);text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.role-pick:hover:not(:disabled){background:0 0}.role-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.role-move{visibility:hidden;display:flex}.role-list li:hover .role-move,.role-list li.active .role-move{visibility:visible}.role-move .icon-btn{padding:2px 4px;font-size:.65rem}.color-row{align-items:center;gap:12px;display:flex}.color-row input[type=color]{width:48px;height:36px;padding:2px}.perm-list{flex-direction:column;display:flex}.perm-row{border-bottom:1px solid var(--border);text-transform:none;color:var(--text);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:.95rem;font-weight:400;display:flex}.perm-row>span{flex-direction:column;gap:2px;display:flex}.perm-row strong{color:var(--text-strong);font-weight:600}.perm-row.locked{opacity:.55}.switch{appearance:none;background:var(--muted);cursor:pointer;border-radius:12px;flex-shrink:0;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(16px)}.switch:disabled{cursor:not-allowed}.tri{border:1px solid var(--border);border-radius:4px;flex-shrink:0;display:flex;overflow:hidden}.tri button{color:var(--muted);background:0 0;border-radius:0;padding:4px 10px}.tri button+button{border-left:1px solid var(--border)}.tri button:hover:not(:disabled){background:var(--bg-hover)}.tri .tri-deny.on{background:var(--danger);color:#fff}.tri .tri-allow.on{background:var(--ok);color:#fff}.tri .tri-inherit.on{background:var(--bg-active);color:var(--text-strong)}.member-table{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.member-table>li{border-bottom:1px solid var(--border);padding:8px 0}.member-row{align-items:center;gap:12px;display:flex}.member-info{flex-direction:column;flex:0 180px;min-width:0;display:flex}.member-info strong{color:var(--text-strong)}.member-row .role-chips{flex:1}.member-table .member-actions{padding:12px 0 4px 44px}button.small{padding:4px 10px;font-size:.85rem}.composer.locked{cursor:not-allowed;padding:12px 16px;font-size:.9rem}.modal.wide{width:min(820px,100vw - 32px)}.voice-members{margin:0 0 4px;padding:0 0 0 28px;list-style:none}.voice-members li{color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:3px 6px;font-size:.88rem;display:flex}.voice-members li:hover{background:var(--bg-hover);color:var(--text)}.voice-members .avatar{transition:box-shadow .1s}.voice-members li.speaking .avatar{box-shadow:0 0 0 2px var(--ok)}.voice-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.live-badge{background:var(--danger);color:#fff;border-radius:4px;padding:1px 4px;font-size:.6rem;font-weight:700}.voice-panel{border-top:1px solid var(--border);background:var(--bg-rail);flex-shrink:0;padding:8px}.voice-panel.notice{color:var(--muted);align-items:center;gap:8px;display:flex}.voice-panel-row{align-items:center;gap:8px;display:flex}.voice-where{text-align:left;min-width:0;color:var(--text);background:0 0;flex-direction:column;flex:1;padding:2px 4px;display:flex}.voice-where:hover:not(:disabled){background:0 0}.voice-where:hover .muted{text-decoration:underline}.voice-where .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-status{color:var(--ok);font-size:.85rem}.voice-status.connecting,.voice-status.reconnecting{color:#f0b232}.icon-btn.off{color:var(--danger)}.icon-btn.on{color:var(--text-strong);background:var(--bg-active)}.icon-btn.hangup{color:var(--danger)}.icon-btn.hangup:hover:not(:disabled){background:var(--danger);color:#fff}.icon-btn svg{display:block}.user-panel .icon-btn{padding:6px}.call{color:#fff;background:#000;flex-direction:column;flex:1;min-width:0;display:flex}@media (prefers-color-scheme:light){.call{background:#1e1f22}}.call .chat-header{border-bottom-color:#2b2d31}.call .chat-header strong{color:#fff}.call-idle{background:var(--bg-main);color:var(--text);text-align:center;justify-content:center;align-items:center;gap:16px;padding:16px}.idle-people{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.idle-person{flex-direction:column;align-items:center;gap:6px;display:flex}.audio-blocked{margin:8px auto 0}.tiles{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:minmax(160px,1fr);align-content:center;gap:8px;padding:16px;display:grid;overflow-y:auto}.tiles.has-screen{grid-auto-rows:auto;align-content:start}.tiles.has-screen .tile.screen{grid-column:1/-1;height:58vh}.tiles.has-screen .tile:not(.screen){height:160px}.tile{outline-offset:-3px;background:#2b2d31;border-radius:8px;outline:3px solid #0000;place-items:center;transition:outline-color .1s;display:grid;position:relative;overflow:hidden}.tile.speaking{outline-color:var(--ok)}.tile video{object-fit:cover;background:#000;width:100%;height:100%}.tile.screen video{object-fit:contain}.tile video.mirror{transform:scaleX(-1)}.tile-label{background:#0009;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:.85rem;display:flex;position:absolute;bottom:8px;left:8px}.call-controls{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));justify-content:center;gap:12px;display:flex}.call-controls .icon-btn{color:#fff;background:#2b2d31;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.call-controls .icon-btn:hover:not(:disabled){color:#fff;background:#3f4147}.call-controls .icon-btn.off{color:var(--danger);background:#fff}.call-controls .icon-btn.on{color:#000;background:#fff}.call-controls .icon-btn.hangup{background:var(--danger)}.avatar{overflow:hidden}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-btn,.author-name{color:inherit;font:inherit;background:0 0;border-radius:50%;padding:0}.avatar-btn:hover:not(:disabled),.author-name:hover:not(:disabled){background:0 0}.author-name{color:var(--text-strong);border-radius:0;font-weight:600}.author-name:hover{text-decoration:underline}.user-chip{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:8px;padding:2px 4px;display:flex}.user-chip:hover:not(:disabled){background:var(--bg-hover)}.profile-card{z-index:40;background:var(--bg-elevated);width:320px;max-height:calc(100vh - 16px);box-shadow:var(--shadow);border-radius:8px;position:fixed;overflow-y:auto}.profile-card.static{width:100%;max-width:340px;box-shadow:none;border:1px solid var(--border);position:static}.profile-view{position:relative}.profile-banner{border-radius:8px 8px 0 0;height:72px}.profile-avatar{border:6px solid var(--bg-elevated);background:var(--bg-elevated);border-radius:50%;position:absolute;top:28px;left:16px}.profile-body{flex-direction:column;gap:10px;padding:52px 16px 12px;display:flex}.profile-names{flex-direction:column;gap:2px;display:flex}.profile-name{color:var(--text-strong);font-size:1.2rem}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.profile-extras{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.profile-extras .member-actions{padding:0}.nickname-form label{text-transform:none}.profile-editor{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.avatar-row{align-items:center;gap:16px;display:flex}.profile-editor textarea{resize:vertical;text-transform:none;font-size:1rem;font-weight:400}.account-card{gap:0;padding:0 16px}.account-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.account-row+.account-row{border-top:1px solid var(--border)}.settings-nav hr{border:0;border-top:1px solid var(--border);margin:8px 10px}.settings-nav button.danger-text{color:var(--danger)}.device-icon{text-align:center;width:32px;font-size:1.5rem}.attachments{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.attachment-image{background:0 0;border-radius:8px;padding:0;line-height:0;overflow:hidden}.attachment-image:hover:not(:disabled){background:0 0}.attachment-image img{background:var(--bg-input);border-radius:8px;max-width:100%;height:auto;display:block}.attachment-file{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;align-items:center;gap:10px;max-width:400px;padding:10px 12px;display:flex}.file-icon{font-size:1.6rem}.file-meta{flex-direction:column;min-width:0;display:flex}.file-meta a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lightbox{z-index:50;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:calc(100% - 40px)}.lightbox-open{color:#fff;font-size:.9rem}.upload-tray{gap:8px;padding:8px 0;display:flex;overflow-x:auto}.upload{background:var(--bg-input);border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;width:140px;padding:8px;display:flex;position:relative}.upload img{object-fit:cover;border-radius:4px;width:100%;height:90px}.upload .file-icon{place-items:center;height:90px;display:grid}.upload.failed{outline:1px solid var(--danger)}.upload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.upload-bar span{background:var(--accent);height:100%;transition:width .1s;display:block}.upload-remove{background:var(--bg-elevated);border-radius:50%;position:absolute;top:4px;right:4px}.composer{align-items:flex-start;display:flex}.composer textarea{flex:1}.attach-btn{margin:6px 0 0 6px}.chat{position:relative}.drop-zone{z-index:5;border:2px dashed var(--accent);background:color-mix(in srgb, var(--bg-main) 85%, transparent);color:var(--text-strong);pointer-events:none;border-radius:12px;place-items:center;font-weight:600;display:grid;position:absolute;inset:8px}.admin{background:var(--bg-main);flex:1;min-width:0;display:flex}.admin-nav{background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:24px 8px;display:flex;overflow-y:auto}.admin-nav h3{text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:1rem;overflow:hidden}.admin-sub{padding:2px 10px 12px}.admin-nav button{color:var(--muted);text-align:left;background:0 0;padding:6px 10px}.admin-nav button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.admin-nav button.active{background:var(--bg-active);color:var(--text-strong)}.admin-content{flex:1;min-width:0;max-width:980px;padding:32px 40px 64px;overflow-y:auto}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat{background:var(--bg-sidebar);border-radius:8px;flex-direction:column;gap:2px;padding:16px;display:flex}.stat-value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.stat-label{text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.banner-action{color:#1d1e22;background:#f0b232;align-self:flex-start;font-weight:600}.banner-action:hover:not(:disabled){background:#e0a020}.admin-row{flex-wrap:wrap}.admin-row select{width:auto;padding:6px 8px;font-size:.85rem}.grow{flex:1;min-width:200px}.pill.danger-pill{background:var(--danger)}.node-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.node-dot.active{background:var(--ok)}.node-dot.waiting-for-approval{background:#f0b232}.temp-password{background:var(--bg-input);-webkit-user-select:all;user-select:all;text-align:center;letter-spacing:.05em;border-radius:6px;padding:12px;font-size:1.2rem;display:block}.radio-group{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.radio-group legend{text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.75rem;font-weight:700}.radio{background:var(--bg-sidebar);text-transform:none;color:var(--text);cursor:pointer;border-radius:6px;flex-direction:row;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.95rem;font-weight:400}.radio input{width:auto;margin-top:3px}.radio>span{flex-direction:column;gap:2px;display:flex}.radio strong{color:var(--text-strong)}.radio:has(input:checked){outline:2px solid var(--accent)}.audit-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audit-list li{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.audit-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.audit-system{background:var(--bg-input);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.group-title.category{gap:2px;padding-left:0}.category-toggle{min-width:0;color:inherit;font:inherit;text-transform:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:2px;padding:2px 0;display:flex}.category-toggle:hover:not(:disabled){color:var(--text);background:0 0}.category-toggle span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron-icon{transition:transform .15s;display:inline-flex}.chevron-icon.collapsed{transform:rotate(-90deg)}.group-title .gear{visibility:hidden}.group-title:hover .gear{visibility:visible}.channel-group.uncategorized:empty{display:none}.channel-wrap[draggable=true],.group-title[draggable=true]{cursor:grab}.channel-wrap.drop-before{box-shadow:0 -2px 0 var(--accent)}.group-title.drop-into{outline:2px dashed var(--accent);outline-offset:2px;border-radius:4px}.channel-icon svg{vertical-align:-2px}.type-picker{flex-direction:column;gap:6px;display:flex}.type-picker button{background:var(--bg-input);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.type-picker button:hover:not(:disabled){background:var(--bg-hover)}.type-picker button.active{outline:2px solid var(--accent)}.type-picker strong{color:var(--text-strong)}.forum{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.forum-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.forum-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.forum-toolbar select{width:auto;padding:7px 10px}.tag-filter{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{background:var(--bg-input);color:var(--text);border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;display:inline-flex}button.tag-chip:hover:not(:disabled){background:var(--bg-hover)}button.tag-chip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent)}.forum-empty{text-align:center;padding:48px 16px}.post-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.post-card{background:var(--bg-sidebar);width:100%;color:var(--text);text-align:left;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.post-card:hover:not(:disabled){background:var(--bg-hover)}.post-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.post-title{align-items:center;gap:6px;display:flex}.post-title strong{color:var(--text-strong);text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.post-tags{flex-wrap:wrap;gap:4px;display:flex}.post-snippet{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.post-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.post-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:96px;height:72px}.new-post textarea{resize:vertical;text-transform:none;font-size:1rem;font-weight:400}.new-post-files{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stack-tight{flex-direction:column;gap:6px;display:flex}.post-view .chat-header{gap:10px}.back-btn{white-space:nowrap;align-items:center;gap:4px;display:flex}.post-header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-intro h2{margin-bottom:8px;font-size:1.5rem}.post-intro .post-tags{margin-bottom:8px}.tag-editor{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-editor li{align-items:center;gap:2px;display:flex}.emoji-input{text-align:center;flex:0 0 64px;width:64px}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{background:var(--bg-input);color:var(--text);border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:.85rem;line-height:1.4;display:inline-flex}.reaction:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border)}.reaction.mine{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.reaction-count{font-variant-numeric:tabular-nums;font-weight:600}.add-reaction{color:var(--muted);visibility:hidden}.message:hover .add-reaction{visibility:visible}.emoji-img{vertical-align:-4px;object-fit:contain}.emoji-img.inline{width:22px;height:22px;margin:0 1px}.emoji-img.inline.jumbo{width:48px;height:48px}.emoji-char{line-height:1}.emoji-picker{z-index:45;background:var(--bg-elevated);width:340px;height:380px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed}.emoji-scroll{flex:1;overflow-y:auto}.emoji-scroll h4{text-transform:uppercase;color:var(--muted);margin:8px 4px 4px;font-size:.72rem}.emoji-grid{grid-template-columns:repeat(8,1fr);display:grid}.emoji-grid button{background:0 0;border-radius:4px;place-items:center;padding:4px;font-size:1.4rem;line-height:1;display:grid}.emoji-grid button:hover:not(:disabled){background:var(--bg-hover)}.emoji-btn{margin:6px 6px 0 0}.thread-summary{background:var(--bg-sidebar);color:var(--text);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:4px 10px;font-size:.85rem;display:inline-flex}.thread-summary:hover:not(:disabled){background:var(--bg-hover)}.thread-summary strong{color:var(--text-strong)}.thread-panel{border-left:1px solid var(--border);background:var(--bg-main);flex-direction:column;flex-shrink:0;width:420px;min-height:0;display:flex}.thread-source{border-left:3px solid var(--border);background:var(--bg-sidebar);overflow-wrap:anywhere;border-radius:0 6px 6px 0;flex-direction:column;gap:2px;margin:8px 0 0;padding:8px 12px;display:flex}.threads-button{position:relative}.threads-popover{z-index:30;background:var(--bg-elevated);width:320px;max-height:420px;box-shadow:var(--shadow);border-radius:8px;padding:12px;position:absolute;top:36px;right:0;overflow-y:auto}.threads-popover h4{text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.8rem}.threads-popover ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.threads-popover li button{width:100%;color:var(--text);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.threads-popover li button:hover:not(:disabled){background:var(--bg-hover)}.emoji-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.emoji-list li{align-items:center;gap:10px;display:flex}.emoji-list img{object-fit:contain}.emoji-list input{width:220px}.channel.live .channel-name{color:var(--text-strong)}.channel .live-badge{margin-left:auto}.stage .chat-header{gap:10px}.stage-topic{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stage-body{flex-direction:column;flex:1;gap:12px;padding:16px 24px;display:flex;overflow-y:auto}.stage-section{text-transform:uppercase;color:#b5bac1;margin:8px 0 0;font-size:.75rem}.stage-speakers{flex-wrap:wrap;gap:20px;display:flex}.stage-speaker{text-align:center;flex-direction:column;align-items:center;gap:6px;width:110px;display:flex}.stage-speaker .avatar{transition:box-shadow .1s;box-shadow:0 0 0 3px #0000}.stage-speaker.speaking .avatar{box-shadow:0 0 0 3px var(--ok)}.stage-audience{flex-wrap:wrap;gap:10px;display:flex}.stage-listener{position:relative}.hand-badge{font-size:1rem;position:absolute;bottom:-6px;right:-6px}.stage-hands{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stage-hands li{justify-content:space-between;align-items:center;gap:8px;max-width:420px;display:flex}.stage .call-controls button:not(.icon-btn){border-radius:24px;padding:10px 20px}.events-button{width:100%;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.events-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.events-button.live{color:var(--ok);font-weight:600}.count-badge{background:var(--bg-active);min-width:18px;color:var(--text-strong);text-align:center;border-radius:9px;margin-left:auto;padding:0 6px;font-size:.75rem}.event-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.event-card{background:var(--bg-sidebar);border-left:3px solid var(--accent);border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.event-card.live{border-left-color:var(--ok)}.event-when{color:var(--accent);align-items:center;gap:8px;font-weight:600;display:flex}.event-name{color:var(--text-strong);font-size:1.1rem}.event-desc{white-space:pre-wrap;overflow-wrap:anywhere}.event-meta{flex-wrap:wrap;gap:12px;display:flex}button.going{background:var(--ok)}.toasts{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{background:var(--bg-elevated);box-shadow:var(--shadow);border-left:3px solid var(--accent);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.toast-text{flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=760px){.members{display:none}.settings{flex-direction:column}.settings-nav{flex:none;justify-content:flex-start}.settings-nav-inner{flex-flow:wrap;width:100%;padding:12px 16px}.settings-nav h3{width:100%}.settings-content{padding:20px 16px 60px}.settings-close{margin:0;position:fixed;top:8px;right:8px}.roles-layout,.profile-editor{grid-template-columns:1fr}.post-thumb{display:none}.thread-panel{z-index:35;width:auto;position:fixed;inset:0}.admin{flex-direction:column}.admin-nav{flex-flow:wrap;width:auto;padding:8px}.admin-nav h3,.admin-sub{width:100%}.admin-content{padding:16px}.sidebar{width:200px}.message{padding-right:16px}}@media (width<=520px){.rail{width:60px}.rail-icon{width:42px;height:42px}.sidebar{width:170px}.row-fields{grid-template-columns:1fr}}label.check{text-transform:none;color:var(--text);flex-direction:row;align-self:end;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:500}label.check input{width:auto;margin-top:3px}.block{margin-top:2px;font-weight:400;display:block}fieldset.poll-editor,fieldset.rules-editor{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}fieldset legend{text-transform:uppercase;color:var(--muted);margin-bottom:6px;padding:0;font-size:.75rem;font-weight:700}.rules-editor ol{flex-direction:column;gap:6px;margin:0;padding-left:1.4em;display:flex}.poll{border:1px solid var(--border);background:var(--bg-sidebar);border-radius:8px;flex-direction:column;gap:4px;max-width:440px;margin-top:6px;padding:12px;display:flex}.poll-question{color:var(--text-strong);font-size:1rem}.poll-answers{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.poll-answers li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.poll-answer{border:1px solid var(--border);background:var(--bg-main);color:var(--text);text-align:left;font:inherit;border-radius:6px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.poll-answer:not(:disabled):hover{border-color:var(--accent)}.poll-answer:disabled{cursor:default;opacity:1}.poll-answer.picked{border-color:var(--accent)}.poll-answer.winner{border-color:var(--ok)}.poll-answer>:not(.poll-bar){position:relative}.poll-bar{background:color-mix(in srgb, var(--accent) 18%, transparent);transition:width .3s;position:absolute;inset:0 auto 0 0}.poll-answer.winner .poll-bar{background:color-mix(in srgb, var(--ok) 20%, transparent)}.poll-text{flex:1}.poll-count{color:var(--muted);white-space:nowrap}.poll-check{border:2px solid var(--muted);border-radius:50%;flex:0 0 16px;width:16px;height:16px}.poll-check.box{border-radius:4px}.poll-answer.picked .poll-check{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-main)}.poll-voters{flex-basis:100%;margin:0 0 0 10px}.poll-footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.crosspost-tag{background:var(--bg-active);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 6px;font-size:.75rem;overflow:hidden}.published-tag{color:var(--muted);font-style:italic}.follow-btn{align-items:center;gap:6px;display:inline-flex}.follow-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.follow-list li{background:var(--bg-sidebar);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.welcome-description{white-space:pre-wrap;margin:0;font-size:1rem}.rules-list{flex-direction:column;gap:6px;margin:0;padding-left:1.4em;display:flex}.rules-list li::marker{color:var(--accent);font-weight:700}.pending-notice{cursor:default;justify-content:space-between;align-items:center;gap:12px;display:flex}.pending-badge{text-transform:uppercase;background:var(--bg-active);color:var(--muted);border-radius:4px;margin-left:6px;padding:0 5px;font-size:.65rem;font-weight:700}.invite-description{white-space:pre-wrap;margin:0}.group-avatar{background:var(--accent);color:var(--accent-text);place-items:center;display:inline-grid}.dm-nav{padding:8px;font-weight:600}.dm-row .channel-name{gap:10px;padding:4px 8px}.dm-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.dm-row-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dm-empty{padding:4px 8px}.friends-page .chat-header{gap:16px}.friend-tabs{background:0 0;gap:8px;padding:0}.friend-tabs button{flex:none;align-items:center;gap:6px;padding:2px 10px;display:flex}.friend-tabs .add-friend-tab{background:var(--ok);color:#fff}.friend-tabs .add-friend-tab.active{color:var(--ok);background:0 0}.friends-body{gap:8px;max-width:none;padding:16px 24px}.upper{text-transform:uppercase;letter-spacing:.02em;font-weight:700}.friend-list{margin:0;padding:0;list-style:none}.friend-row{border-top:1px solid var(--border);border-radius:6px;align-items:center;gap:12px;padding:10px 8px;display:flex}.friend-row:hover{background:var(--bg-hover)}.friend-info{flex:1;min-width:0}.friend-info strong{color:var(--text-strong)}.friend-actions{align-items:center;gap:8px;display:flex}.icon-btn.round{background:var(--bg-sidebar);border-radius:50%;place-items:center;width:36px;height:36px;font-size:1rem;display:inline-grid}.icon-btn.round.ok:hover:not(:disabled){background:var(--ok);color:#fff}.icon-btn.round.danger:hover:not(:disabled){background:var(--danger);color:#fff}.add-friend-row{gap:8px}.add-friend-row input{flex:1}.ok-text{color:var(--ok)}.notify-banner{padding:10px 12px;font-size:.9rem}.pick-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.pick-row{cursor:pointer;border-radius:4px;flex-direction:row;align-items:center;gap:10px;padding:6px 8px}.pick-row:hover{background:var(--bg-hover)}.pick-row input{width:auto}.dm-layout{flex:1;min-width:0;display:flex}.link-strong{color:var(--text-strong);background:0 0;padding:0;font-weight:600}.link-strong:hover:not(:disabled){background:0 0;text-decoration:underline}.dm-intro{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.leave-group{margin:16px 8px 0}.dm-call{color:#fff;background:#111214;flex-direction:column;min-height:260px;max-height:60vh;display:flex}.dm-call .tiles{min-height:0}.dm-call.idle{justify-content:center;align-items:center;gap:10px;min-height:0;padding:20px}.dm-call .muted{color:#b5bac1}.ok-btn{background:var(--ok);color:#fff;align-items:center;gap:6px;display:inline-flex}.ok-btn:hover:not(:disabled){color:#fff;background:#1a8b4a}.incoming-calls{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.incoming-call{background:var(--bg-elevated);min-width:220px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;animation:.2s ease-out ring-pop;display:flex}.incoming-call strong{color:var(--text-strong);font-size:1.05rem}.incoming-call .row{gap:24px;margin-top:8px}.incoming-call .icon-btn.round{width:48px;height:48px}.incoming-call .ok-btn{background:var(--ok);color:#fff}.incoming-call .hangup{background:var(--danger);color:#fff}@keyframes ring-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.system-message{color:var(--muted);align-items:center;margin-top:8px}.system-message .gutter{justify-content:center;display:flex}.system-message strong{color:var(--text-strong);font-weight:600}.system-message.live .gutter{color:var(--ok)}.blocked-message{margin-top:8px;padding:4px 16px 4px 72px}.rail-icon.home{place-items:center;display:grid}.rail-dm{background:0 0;overflow:visible}.rail-dm .avatar{width:48px;height:48px}.rail-dm:hover:not(:disabled){background:0 0}.rail-badge{border:3px solid var(--bg-rail);background:var(--danger);color:#fff;box-sizing:content-box;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:12px;display:grid;position:absolute;bottom:-4px;right:-4px}.social-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.friends-welcome{align-items:center;margin:48px auto 0}.channel-name svg{flex-shrink:0}.dm-row .count-badge,.dm-nav .count-badge,.friend-tabs .count-badge{background:var(--danger);color:#fff}.content code,.pin-content code,.search-content code{background:var(--bg-input);border-radius:4px;padding:1px 4px;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.85em}.code-block{background:var(--bg-input);border:1px solid var(--border);white-space:pre-wrap;border-radius:6px;margin:4px 0;padding:8px 10px;overflow-x:auto}.code-block code{background:0 0;padding:0;font-size:.85rem}.quote{border-left:4px solid var(--border);margin:2px 0;padding-left:10px}.spoiler{background:var(--text-strong);color:#0000;cursor:pointer;border-radius:3px;padding:0 2px}.spoiler *{visibility:hidden}.spoiler.shown{background:var(--bg-active);color:inherit;cursor:auto}.spoiler.shown *{visibility:visible}.content.jumbo .emoji-img.inline{width:48px;height:48px}.mention{font:inherit;color:#c9cdfb;background:#5865f24d;border-radius:3px;padding:0 2px;font-weight:500;display:inline}@media (prefers-color-scheme:light){.mention{color:#3c45a5;background:#5865f226}}button.mention:hover:not(:disabled){background:var(--accent);color:#fff}.mention.role{background:#747f8d33}.message.mentioned{background:#f0b2321a;box-shadow:inset 2px 0 #f0b232}.message.mentioned:hover{background:#f0b23229}.message.flash{animation:2s ease-out flash}@keyframes flash{0%{background:#5865f259}to{background:0 0}}.message.has-reply{flex-wrap:wrap;margin-top:16px}.message.has-reply .reply-preview{flex-basis:100%}.reply-preview{min-width:0;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:6px;margin-bottom:2px;margin-left:56px;padding:0;font-size:.82rem;display:flex}.reply-preview:before{content:"";border-left:2px solid var(--border);border-top:2px solid var(--border);border-top-left-radius:6px;flex-shrink:0;width:28px;height:10px;margin-top:8px;margin-left:-36px}.reply-preview:hover:not(:disabled){color:var(--text-strong);background:0 0}.reply-preview strong{color:var(--text-strong);white-space:nowrap;font-weight:600}.reply-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-preview.deleted{font-style:italic}.reply-bar{background:var(--bg-sidebar);color:var(--muted);border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.reply-bar strong{color:var(--text-strong)}.composer-wrap{position:relative}.mention-popup{z-index:20;background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% - 4px);left:16px;right:16px}.mention-popup button{width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:8px;padding:4px 8px;display:flex}.mention-popup button.active,.mention-popup button:hover:not(:disabled){background:var(--bg-active)}.mention-popup .muted{margin-left:auto}.mention-at{text-align:center;width:20px;font-weight:700}.new-divider{color:var(--danger);align-items:center;margin:8px 16px;font-size:.7rem;font-weight:700;display:flex}.new-divider:before{content:"";border-top:1px solid var(--danger);flex:1}.new-divider span{text-transform:uppercase;margin-left:6px}.viewing-older{background:var(--accent);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:8px 16px 0;padding:6px 12px;font-size:.85rem;display:flex;position:sticky;bottom:0}.viewing-older button{color:#fff;background:#fff3}.pinned-tag{color:var(--muted);align-self:center;display:inline-flex}.mention-badge{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;margin-left:auto;padding:0 5px;font-size:.7rem;font-weight:700}.channel.muted .channel-name{opacity:.5}.pins-wrap{position:relative}.popover{z-index:30;background:var(--bg-elevated);width:360px;max-height:460px;box-shadow:var(--shadow);border-radius:8px;padding:12px;position:absolute;top:36px;right:0;overflow-y:auto}.popover h3{margin-bottom:8px;font-size:.85rem}.popover ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pin-item{background:var(--bg-sidebar);border-radius:6px;padding:8px}.pin-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.pin-content{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:4px;font-size:.9rem}.search-box{align-items:center;display:flex;position:relative}.search-box input{width:160px;padding:4px 26px 4px 8px;font-size:.85rem;transition:width .15s}.search-box input:focus{width:240px}.search-box svg{color:var(--muted);pointer-events:none;position:absolute;right:6px}.search-panel{flex-direction:column;gap:8px;width:360px;display:flex}.search-head{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.search-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.search-result{background:var(--bg-main);width:100%;color:var(--text);text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.search-result:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.search-author{align-items:center;gap:6px;display:flex}.search-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.switch-row{flex-direction:row;align-items:flex-start;gap:10px}.switch-row input{width:auto;margin-top:3px}.notify-channels{flex-direction:column;gap:4px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.notify-channels li{align-items:center;gap:8px;display:flex}.notify-channels select{width:auto}.mute-toggle{flex-direction:row;align-items:center;gap:4px;font-size:.85rem}.mute-toggle input{width:auto}.board{min-width:0}.board-error{padding:0 16px}.board-lists{flex:1;align-items:flex-start;gap:12px;padding:16px;display:flex;overflow-x:auto}.board-list{background:var(--bg-sidebar);border-radius:10px;flex-direction:column;flex:0 0 272px;gap:8px;max-height:100%;padding:8px;display:flex}.board-list.drop-end .board-cards{box-shadow:inset 0 -3px 0 var(--accent)}.board-list-head{align-items:center;gap:6px;min-height:28px;padding:2px 4px;display:flex}.board-list-head strong{color:var(--text-strong)}.board-list-head input{padding:4px 6px}.board-list-tools{visibility:hidden;gap:0;display:flex}.board-list:hover .board-list-tools{visibility:visible}.board-cards{flex-direction:column;gap:6px;min-height:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.board-card{border-radius:8px}.board-card.dragging{opacity:.4}.board-card.drop-before{box-shadow:0 -3px 0 var(--accent)}.board-card-btn{background:var(--bg-main);width:100%;color:var(--text);text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #0003}.board-card-btn:hover:not(:disabled){background:var(--bg-main);color:var(--text);outline:2px solid var(--accent)}.card-title{overflow-wrap:anywhere;color:var(--text-strong)}.card-labels,.card-label-picker{flex-wrap:wrap;gap:4px;display:flex}.card-label{color:#fff;text-shadow:0 1px 1px #0000004d;border-radius:10px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}button.card-label.off{opacity:.35}.card-meta{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.card-meta .avatar{border:2px solid var(--bg-main);margin-left:-6px}.card-due.overdue{color:var(--danger);font-weight:600}.board-add{color:var(--muted);text-align:left;background:0 0;padding:6px 8px}.board-add:hover:not(:disabled){background:var(--bg-hover);color:var(--text-strong)}.board-add-form{flex-direction:column;gap:6px;display:flex}.add-list{border:2px dashed var(--border);background:0 0}.add-list input{background:0 0}.card-dialog{grid-template-columns:minmax(0,1fr) 220px;gap:20px;min-height:420px;display:grid}@media (width<=720px){.card-dialog{grid-template-columns:1fr}}.card-main{flex-direction:column;gap:8px;min-width:0;display:flex}.card-title-input{background:0 0;padding:4px 6px;font-size:1.2rem;font-weight:700}.card-title-input:focus{background:var(--bg-input)}.card-desc{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;min-height:40px;padding:8px}.card-desc.editable{cursor:text;background:var(--bg-sidebar)}.card-comments{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;flex-direction:column;height:320px;display:flex;overflow:hidden}.card-side select,.card-side input{width:100%}.pick-list.compact{max-height:180px}.pick-list.compact .pick-row{padding:2px 4px}.label-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.label-list li{align-items:center;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0}.swatch.active{border-color:var(--text-strong)}.watch-stage{flex-direction:column;gap:6px;padding:12px 16px 0;display:flex}.watch-player{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-height:58vh;position:relative;overflow:hidden}.watch-player video,.yt-frame,.yt-frame iframe{width:100%;height:100%;display:block}.yt-frame>div{width:100%;height:100%}.watch-blocked{color:#fff;background:#0009;justify-content:center;align-items:center;gap:8px;font-size:1rem;display:flex;position:absolute;inset:0}.watch-controls{color:#dbdee1;align-items:center;gap:10px;display:flex}.watch-controls .icon-btn{color:#dbdee1}.watch-seek{flex:1;min-width:80px;padding:0}.watch-volume{width:80px;padding:0}.watch-time{font-variant-numeric:tabular-nums;white-space:nowrap}.watch-title{text-overflow:ellipsis;white-space:nowrap;color:#b5bac1;max-width:220px;overflow:hidden}.tiles.beside-watch{flex:none;grid-template-columns:repeat(auto-fit,minmax(160px,200px));grid-auto-rows:120px}.watch-badge{color:#fff;background:#9b59b6;border-radius:3px;margin-left:auto;padding:0 4px;font-size:.6rem;font-weight:700}.watching-note{align-items:center;gap:6px;display:flex}.card-side .pick-row{text-transform:none;color:var(--text);letter-spacing:normal;flex-direction:row;justify-content:flex-start;font-size:.9rem;font-weight:400}.card-side .pick-row input{width:auto}label.radio-row,label.toggle-row{text-transform:none;color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:.9rem;font-weight:500}label.radio-row input,label.toggle-row input{width:auto;margin:0}fieldset.report-reasons{border:0;flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.automod fieldset{border:0;margin:0;padding:0}.automod fieldset:disabled{opacity:.55}.field-label{text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}label .muted.small{text-transform:none;font-weight:400}.reports-badge{background:var(--danger);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:12px;right:40px}.reports-badge:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}.report-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.report-card{border:1px solid var(--border);border-left:3px solid var(--danger);background:var(--bg-elevated);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.report-card.resolved,.report-card.dismissed{border-left-color:var(--border)}.report-head{align-items:center;gap:10px;display:flex}.report-who{min-width:0}.report-reason{color:var(--danger);font-weight:600}.report-reason.automod{color:var(--accent)}.report-details{overflow-wrap:anywhere;margin:0;font-style:italic}.report-message{background:var(--bg-input);border-radius:4px;flex-direction:column;gap:4px;margin:0;padding:8px 10px;display:flex}.report-content{white-space:pre-wrap;overflow-wrap:anywhere}.report-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.status-summary{border-radius:6px;margin:0;padding:10px 12px;font-weight:600}.status-summary.ok{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.status-summary.down{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.status-checks{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.status-check{border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 8px;display:flex}.status-check:hover{background:var(--bg-hover)}.status-name{min-width:10em;font-weight:600}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-check.ok .status-dot{background:var(--ok)}.status-check.down .status-dot{background:var(--danger)}.table-wrap{overflow-x:auto}.status-table{border-collapse:collapse;width:100%;font-size:.85rem}.status-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-weight:600}.status-table td{border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:6px 8px}.status-table tr.draining td{opacity:.6}