:root,:root[data-theme=light]{--bg-app:#f5f5f7;--bg-rail:#f5f5f7d9;--bg-sidebar:#ffffffb8;--bg-content:#fff;--bg-elevated:#fff;--bg-hover:#0000000b;--bg-active:#00000014;--text-1:#1d1d1f;--text-2:#6e6e73;--text-3:#aeaeb2;--accent:#0a84ff;--accent-soft:#0a84ff1f;--danger:#ff3b30;--danger-soft:#ff3b301f;--success:#30d158;--success-soft:#30d15824;--warning:#ff9f0a;--border:#00000014;--shadow:0 1px 2px #0000000f, 0 8px 24px #00000014;--shadow-lg:0 2px 6px #00000014, 0 20px 60px #0000002e;--glass-blur:blur(24px) saturate(1.4);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg-app:#1c1c1e;--bg-rail:#161618d9;--bg-sidebar:#1c1c1eb8;--bg-content:#232326;--bg-elevated:#2c2c2e;--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--text-1:#f5f5f7;--text-2:#98989d;--text-3:#636366;--accent:#0a84ff;--accent-soft:#0a84ff38;--danger:#ff453a;--danger-soft:#ff453a2e;--success:#32d74b;--success-soft:#32d74b2e;--warning:#ffa00a;--border:#ffffff17;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-lg:0 2px 6px #0006, 0 20px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI Variable,Segoe UI,Inter,sans-serif;font-size:15px;line-height:1.45;overflow:hidden}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.55}input,textarea,select{font:inherit;color:var(--text-1)}:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #0a84ff66}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--bg-active);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur)}.text-2{color:var(--text-2)}.grow{flex:1}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .16s,transform .16s,opacity .16s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#2492ff}.btn-secondary{background:var(--bg-active);color:var(--text-1)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1)}.btn-block{width:100%}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.danger-text{color:var(--danger)}.link{color:var(--accent);font-weight:500}.link:hover{text-decoration:underline}.icon-btn{width:32px;height:32px;color:var(--text-2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover:not(:disabled),.icon-btn.active{background:var(--bg-hover);color:var(--text-1)}.icon-btn.active{color:var(--accent)}.icon-btn.small{width:27px;height:27px}.icon-btn.round{background:var(--bg-active);width:38px;height:38px;color:var(--text-1);border-radius:50%}.icon-btn.round:hover:not(:disabled){background:var(--bg-hover)}.icon-btn.danger-tint{color:var(--danger)}.icon-btn.danger-tint:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-btn.success-tint{color:var(--success)}.icon-btn.success-tint:hover:not(:disabled){background:var(--success-soft);color:var(--success)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span,.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);font-size:12px;font-weight:600}.field input,.field textarea,.field select,.settings-search,.add-friend-form input{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus,.settings-search:focus,.add-friend-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0a84ff2e}.field textarea{resize:vertical;min-height:70px}.field-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:10px 0;display:flex}.field-desc{color:var(--text-3);margin-top:2px;font-size:12.5px}.form-error{color:var(--danger);margin:4px 0 10px;font-size:13.5px}.form-success{color:var(--success);margin:4px 0 10px;font-size:13.5px}.switch{background:var(--bg-active);border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .18s;position:relative}.switch.on{background:var(--success)}.switch-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch.on .switch-knob{transform:translate(18px)}.segmented{background:var(--bg-hover);border-radius:10px;gap:3px;margin-bottom:16px;padding:3px;display:flex}.segmented button{color:var(--text-2);border-radius:8px;flex:1;padding:7px 10px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.segmented button.active{background:var(--bg-elevated);color:var(--text-1);box-shadow:0 1px 3px #0000001f}.auth-screen{background:var(--bg-app);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.auth-bg{filter:blur(70px);opacity:.55;position:absolute;inset:0}.auth-blob{border-radius:50%;position:absolute}.blob-a{background:#0a84ff80;width:420px;height:420px;animation:26s ease-in-out infinite alternate drift-a;top:-120px;left:-80px}.blob-b{background:#bf5af259;width:360px;height:360px;animation:32s ease-in-out infinite alternate drift-b;bottom:-100px;right:-60px}.blob-c{background:#30d15847;width:280px;height:280px;animation:38s ease-in-out infinite alternate drift-c;bottom:10%;left:30%}@keyframes drift-a{to{transform:translate(120px,90px)scale(1.15)}}@keyframes drift-b{to{transform:translate(-100px,-70px)scale(1.1)}}@keyframes drift-c{to{transform:translate(80px,-110px)scale(.9)}}.auth-card{border:1px solid var(--border);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;padding:36px 34px 28px;animation:.22s modal-in;position:relative}.auth-logo{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;display:flex}.auth-logo h1{letter-spacing:-.02em;font-size:26px}.auth-logo p{color:var(--text-2);font-size:14px}.auth-form .btn{margin-top:6px}.auth-hint{color:var(--text-3);margin-bottom:10px;font-size:12.5px}.auth-switch{text-align:center;color:var(--text-2);margin-top:18px;font-size:14px}.boot-screen{height:100%;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.3s fade-in;display:flex}.invite-card{text-align:center}.invite-sub{color:var(--text-2);margin-bottom:14px}.invite-guild{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.invite-actions{flex-direction:column;gap:10px;display:flex}.invite-app-hint{color:var(--text-3);margin-top:2px;font-size:12.5px}.logo-wordmark{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.app-shell{flex-direction:column;height:100%;display:flex}.app-columns{flex:1;min-height:0;display:flex;position:relative}.reconnect-banner{background:var(--warning);color:#402c00;text-align:center;padding:5px 12px;font-size:13px;font-weight:600}.content{background:var(--bg-content);flex-direction:column;flex:1;min-width:0;display:flex}.rail{background:var(--bg-rail);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow:visible}.rail-guilds{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;display:flex;overflow:visible auto}.rail-guilds::-webkit-scrollbar{display:none}.rail-item{justify-content:center;width:100%;display:flex;position:relative}.rail-pill{background:var(--text-1);border-radius:0 4px 4px 0;width:4px;height:22px;transition:transform .18s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.rail-pill.active{height:36px;transform:translateY(-50%)scaleY(1)}.rail-pill.unread{height:10px;transform:translateY(-50%)scaleY(1)}.rail-badge{background:var(--danger);color:#fff;border:3px solid var(--bg-rail,var(--bg-sidebar));box-sizing:content-box;pointer-events:none;z-index:1;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-3px;right:6px}.rail-btn.dm{border-radius:50%}.rail-item:hover .rail-pill:not(.active){transform:translateY(-50%)scaleY(1)}.rail-btn{background:var(--bg-elevated);width:48px;height:48px;box-shadow:var(--shadow);border-radius:16px;justify-content:center;align-items:center;transition:border-radius .18s,background .18s,color .18s;display:flex;position:relative;overflow:visible}.rail-btn:hover{border-radius:12px}.rail-btn img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.rail-btn.guild{overflow:hidden}.rail-btn.guild.active,.rail-btn.home.active{background:var(--accent);color:#fff;border-radius:12px}.rail-initials{color:var(--text-1);font-size:15px;font-weight:700}.rail-btn.guild.active .rail-initials{color:#fff}.rail-btn.add{color:var(--success);background:var(--bg-elevated)}.rail-btn.add:hover{background:var(--success);color:#fff}.rail-separator{background:var(--border);border-radius:1px;flex-shrink:0;width:28px;height:2px}.rail-tooltip{background:var(--bg-elevated);color:var(--text-1);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)scale(.96)}.rail-btn:hover .rail-tooltip,.composer-lock:hover .rail-tooltip{opacity:1;transform:translateY(-50%)scale(1)}.rail-tooltip.up{top:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.96)}.composer-lock:hover .rail-tooltip.up{transform:translate(-50%)scale(1)}.sidebar{border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;width:260px;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:12px}.search-box{background:var(--bg-hover);color:var(--text-3);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.sidebar-scroll{flex:1;min-height:0;padding:10px 8px;overflow-y:auto}.sidebar-bottom{flex-direction:column;gap:8px;padding:8px;display:flex}.side-item{width:100%;color:var(--text-2);text-align:left;border-radius:9px;align-items:center;gap:9px;padding:7px 9px;font-weight:500;transition:background .14s,color .14s;display:flex}.side-item:hover{background:var(--bg-hover);color:var(--text-1)}.side-item.active{background:var(--bg-active);color:var(--text-1);font-weight:600}.side-item.nav{padding:9px;font-weight:600}.side-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-section{justify-content:space-between;align-items:center;padding:14px 9px 4px;display:flex}.side-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:11.5px;font-weight:700}.side-empty{color:var(--text-3);padding:8px 10px;font-size:13px}.guild-header-wrap{border-bottom:1px solid var(--border);position:relative}.guild-header{justify-content:space-between;align-items:center;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.guild-header:hover,.guild-header.open{background:var(--bg-hover)}.guild-header-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-backdrop{z-index:40;position:fixed;inset:0}.dropdown{border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;background:var(--bg-elevated);border-radius:12px;padding:6px;animation:.16s modal-in;position:absolute;top:calc(100% + 6px);left:10px;right:10px}.dropdown-item{width:100%;color:var(--text-1);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:14px;font-weight:500;transition:background .13s;display:flex}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.accent{color:var(--accent)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-soft)}.dropdown-sep{background:var(--border);height:1px;margin:5px 8px}.category{margin-top:10px}.category-header{text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--text-3);align-items:center;gap:4px;padding:4px 6px;font-size:11.5px;font-weight:700;transition:color .13s;display:flex}.category-header:hover{color:var(--text-1)}.category-row{align-items:center;display:flex}.category-row .category-header{flex:1;min-width:0}.category-add{width:22px;height:22px;color:var(--text-3);opacity:0;border-radius:6px;justify-content:center;align-items:center;transition:opacity .13s,color .13s,background .13s;display:inline-flex}.category-row:hover .category-add,.category-add:focus-visible{opacity:1}.category-add:hover{color:var(--text-1);background:var(--bg-hover)}.voice-count{color:var(--text-3);background:var(--bg-hover);border-radius:8px;padding:1px 7px;font-size:11.5px;font-weight:700}.voice-participants{flex-direction:column;gap:3px;padding:2px 0 4px 30px;display:flex}.voice-participant{color:var(--text-2);border-radius:7px;align-items:center;gap:7px;padding:2px 6px;font-size:13.5px;display:flex}.voice-participant-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.muted-icon{color:var(--text-3);flex-shrink:0}.avatar-placeholder{background:var(--bg-active);border-radius:50%;width:22px;height:22px;display:inline-block}.avatar-placeholder.large{width:72px;height:72px}.voice-card{background:var(--success-soft);border:1px solid #30d1584d;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;animation:.2s modal-in;display:flex}.voice-card-info{flex-direction:column;min-width:0;display:flex}.voice-card-status{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.voice-card-channel{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.voice-card-actions{gap:2px;display:flex}.user-panel{background:var(--bg-hover);border-radius:12px;align-items:center;gap:6px;padding:7px 8px;display:flex}.user-panel-id{text-align:left;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:0;padding:3px 5px;transition:background .14s;display:flex}.user-panel-id:hover{background:var(--bg-hover)}.user-panel-names{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-panel-display{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.user-panel-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-panel-actions{display:flex}.avatar{border-radius:50%;flex-shrink:0;display:inline-flex;position:relative}.avatar img,.avatar-fallback{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-fallback{color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-speaking:after{content:"";border:2.5px solid var(--success);border-radius:50%;animation:1.4s ease-in-out infinite speak-pulse;position:absolute;inset:-3px}@keyframes speak-pulse{0%,to{opacity:1}50%{opacity:.55}}.presence-dot{border:2.5px solid var(--bg-content);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.presence-online{background:var(--success)}.presence-idle{background:var(--warning)}.presence-dnd{background:var(--danger)}.presence-offline{background:var(--text-3)}.chat,.friends-view,.voice-view{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.chat-header-icon{color:var(--text-3);align-items:center;display:flex}.chat-title{white-space:nowrap;font-size:16px;font-weight:700}.chat-topic{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--border);padding-left:10px;font-size:13.5px;overflow:hidden}.e2e-badge{color:var(--success);align-items:center;gap:5px;display:inline-flex}.chat-header-spacer{flex:1}.message-scroll{flex:1;min-height:0;overflow-y:auto}.message-list{flex-direction:column;justify-content:flex-end;min-height:100%;padding:18px 0 10px;display:flex}.history-loading{text-align:center;color:var(--text-3);padding:8px;font-size:13px}.channel-start{color:var(--text-2);padding:22px 22px 12px}.channel-start-icon{background:var(--bg-hover);width:56px;height:56px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.channel-start h3{color:var(--text-1);margin-bottom:4px;font-size:20px}.date-separator{color:var(--text-3);align-items:center;gap:12px;margin:16px 18px 6px;font-size:12px;font-weight:600;display:flex}.date-separator:before,.date-separator:after{content:"";background:var(--border);flex:1;height:1px}.message{gap:13px;margin-top:12px;padding:3px 18px;display:flex;position:relative}.message.grouped{margin-top:0}.message:hover{background:var(--bg-hover)}.message-gutter{flex-shrink:0;justify-content:center;width:38px;display:flex}.message-hover-time{color:var(--text-3);opacity:0;white-space:nowrap;align-self:center;font-size:10.5px}.message:hover .message-hover-time{opacity:1}.message-body{flex:1;min-width:0}.message-meta{align-items:baseline;gap:8px;display:flex}.message-author{font-size:14.5px;font-weight:600}button.message-author:hover{text-decoration:underline}.author-btn{border-radius:50%;transition:box-shadow .13s;display:flex}.author-btn:hover{box-shadow:0 0 0 2px var(--accent)}.chat-header-user{border-radius:8px;align-items:center;gap:10px;min-width:0;margin-left:-3px;padding:3px 8px 3px 3px;transition:background .13s;display:flex}.chat-header-user:hover{background:var(--bg-hover)}.message-time{color:var(--text-3);font-size:11.5px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.message-content.undecryptable{color:var(--text-3);font-style:italic}.message-content.md{white-space:normal}.message-content.md p{white-space:pre-wrap;overflow-wrap:anywhere}.message-content.md p+p,.message-content.md ul,.message-content.md ol,.message-content.md blockquote,.message-content.md pre{margin-top:4px}.message-content.md .md-heading{font-weight:700}.message-content.md a{color:var(--accent);text-decoration:none}.message-content.md a:hover{text-decoration:underline}.message-content.md strong{font-weight:700}.message-content.md ul,.message-content.md ol{margin-bottom:0;padding-left:22px}.message-content.md li{margin:1px 0}.message-content.md blockquote{border-left:3px solid var(--border);color:var(--text-2);margin-left:0;padding:2px 0 2px 12px}.message-content.md code{background:var(--bg-hover);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.86em}.message-content.md pre{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:10px 12px;overflow-x:auto}.message-content.md pre code{white-space:pre;background:0 0;border:none;padding:0;font-size:.86em}.edited-tag{color:var(--text-3);font-size:11px}.message-actions{border:1px solid var(--border);box-shadow:var(--shadow);background:var(--bg-elevated);border-radius:9px;gap:2px;padding:3px;display:none;position:absolute;top:-14px;right:18px}.message:hover .message-actions{display:flex}.edit-box textarea{border:1px solid var(--accent);background:var(--bg-elevated);resize:none;border-radius:10px;outline:none;width:100%;padding:9px 11px;box-shadow:0 0 0 3px #0a84ff26}.edit-hint{color:var(--text-3);margin-top:4px;font-size:11.5px}.typing-indicator{color:var(--text-2);align-items:center;gap:8px;padding:6px 20px 0;font-size:13px;display:flex}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--text-2);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing-bounce}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer-wrap{flex-shrink:0;padding:10px 16px 16px}.composer{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;align-items:flex-end;gap:8px;padding:7px 8px 7px 14px;display:flex}.composer-lock{color:var(--success);cursor:help;align-items:center;padding-bottom:7px;display:flex;position:relative}.composer textarea{resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;max-height:200px;padding:6px 0;font-size:14.5px;line-height:1.4}.send-btn{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,opacity .15s;display:flex}.send-btn:hover:not(:disabled){transform:scale(1.07)}.send-btn:disabled{opacity:.4}.composer-emoji{flex-shrink:0;align-items:center;padding-bottom:3px;display:flex;position:relative}.composer-emoji-btn{color:var(--text-2)}.composer-emoji-btn:hover,.composer-emoji-btn.active{color:var(--accent)}.emoji-popover{z-index:50;box-shadow:var(--shadow-lg);border-radius:12px;animation:.13s modal-in;position:absolute;bottom:calc(100% + 12px);right:0}.emoji-popover em-emoji-picker{--border-radius:12px;height:380px;max-height:min(380px,60vh)}.emoji-loading{text-align:center;width:320px;color:var(--text-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:28px}.friends-header{gap:14px}.friends-tabs{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.friends-tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-2);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:5px 12px;font-size:13.5px;font-weight:600;transition:background .14s,color .14s;display:inline-flex}.tab:hover{background:var(--bg-hover);color:var(--text-1)}.tab.active{background:var(--bg-active);color:var(--text-1)}.tab.add{color:var(--accent)}.tab.add.active{background:var(--accent-soft)}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:9px;min-width:17px;padding:0 6px;font-size:11px;font-weight:700}.friends-body{flex:1;padding:14px 18px;overflow-y:auto}.friend-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend-row{border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .14s;display:flex}.friend-row:hover{background:var(--bg-hover)}.friend-row-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.friend-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.friend-row-name{font-weight:600}.friend-row-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.friend-row-actions{opacity:0;gap:7px;transition:opacity .14s;display:flex}.friend-row:hover .friend-row-actions,.friend-row:focus-within .friend-row-actions{opacity:1}.add-friend{max-width:520px;padding:10px}.add-friend h3{margin-bottom:4px}.add-friend-form{gap:10px;margin-top:16px;display:flex}.add-friend-form input{flex:1}.empty-state{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-state.grow{flex:1}.members-panel{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex}.members-scroll{flex:1;padding:14px 10px;overflow-y:auto}.member-group{margin-bottom:16px}.member-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:0 8px 6px;font-size:11.5px;font-weight:700}.member-row{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:5px 8px;transition:background .13s;display:flex}.member-row:hover{background:var(--bg-hover)}.member-row.dim{opacity:.5}.member-row.dim:hover{opacity:.85}.member-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.owner-crown{color:var(--warning);display:inline-flex}.voice-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:34px;min-height:0;padding:30px;display:flex;overflow-y:auto}.voice-empty{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.voice-empty h3{color:var(--text-1)}.voice-grid{flex-wrap:wrap;justify-content:center;gap:18px;max-width:760px;display:flex}.voice-tile{background:var(--bg-elevated);width:170px;box-shadow:var(--shadow);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:26px 14px 18px;transition:border-color .18s;display:flex;position:relative}.voice-tile.speaking{border-color:var(--success)}.voice-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.voice-tile-muted{color:var(--text-3);position:absolute;top:10px;right:10px}.voice-controls{gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#00000073;justify-content:center;align-items:center;animation:.16s fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;max-height:calc(100vh - 60px);animation:.2s modal-in;display:flex;position:relative;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-header{justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.modal-header h2{font-size:17px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:10px;padding:0 18px 16px;display:flex}.modal-footer.no-pad{padding:14px 0 0}.modal-form{flex-direction:column;display:flex}.invite-code-row{align-items:stretch;gap:10px;margin:12px 0 6px;display:flex}.invite-code{background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;border-radius:10px;flex:1;align-items:center;min-width:0;padding:8px 12px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px;display:flex;overflow-x:auto}.invite-meta{color:var(--text-3);font-size:12.5px}.settings-modal{height:min(620px,100vh - 60px)}.settings-layout{flex:1;min-height:0;display:flex}.settings-nav{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:190px;padding:18px 10px;display:flex;overflow-y:auto}.settings-nav-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 8px;font-size:12px;font-weight:700;overflow:hidden}.settings-nav-item{color:var(--text-2);text-align:left;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-weight:500;transition:background .13s,color .13s;display:flex}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.settings-nav-item.active{background:var(--bg-active);color:var(--text-1);font-weight:600}.settings-nav-item.danger{color:var(--danger)}.settings-nav-item.danger:hover{background:var(--danger-soft)}.settings-nav-spacer{flex:1}.settings-content{flex:1;min-width:0;padding:22px 26px;position:relative;overflow-y:auto}.settings-close{z-index:5;position:absolute;top:14px;right:14px}.settings-section>h3{margin-bottom:14px;font-size:18px}.settings-actions{justify-content:flex-end;margin-top:16px;display:flex}.settings-actions.sticky{padding:10px 0;position:sticky;bottom:0}.settings-search{margin-bottom:12px}.settings-member-list{flex-direction:column;gap:4px;display:flex}.settings-member-row{border-radius:11px;align-items:center;gap:11px;padding:8px 10px;transition:background .13s;display:flex}.settings-member-row:hover{background:var(--bg-hover)}.settings-member-text{flex-direction:column;flex-shrink:0;min-width:0;line-height:1.3;display:flex}.settings-member-name{font-size:14px;font-weight:600}.settings-member-sub{color:var(--text-3);font-size:12px}.settings-member-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.owner-tag{color:var(--warning);vertical-align:middle;background:#ff9f0a26;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}.overview-row{align-items:flex-start;gap:22px;display:flex}.overview-icon{flex-direction:column;align-items:center;gap:10px;display:flex}.overview-icon-actions{flex-direction:column;gap:6px;display:flex}.guild-icon{background:var(--bg-active);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.guild-icon.large{border-radius:24px;width:84px;height:84px;font-size:26px}.guild-icon img{object-fit:cover;width:100%;height:100%}.danger-zone{border:1px solid var(--danger-soft);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:30px;padding:16px;display:flex}.danger-zone h4{color:var(--danger)}.roles-layout{gap:20px;height:100%;min-height:0;display:flex}.roles-list{flex-direction:column;flex-shrink:0;gap:2px;width:175px;display:flex}.roles-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.roles-list-header h3{font-size:16px}.role-list-item{color:var(--text-2);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-weight:500;transition:background .13s,color .13s;display:flex;overflow:hidden}.role-list-item:hover{background:var(--bg-hover);color:var(--text-1)}.role-list-item.active{background:var(--bg-active);color:var(--text-1);font-weight:600}.role-editor{flex:1;min-width:0}.role-editor-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.swatch-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:8px;width:26px;height:26px;transition:transform .13s,border-color .13s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--text-1)}.field input.swatch-custom,.swatch-custom{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:28px;padding:0}.perm-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:18px 0 4px;font-size:13px;font-weight:700}.perm-list{flex-direction:column;display:flex}.perm-hint{margin-bottom:6px}.perm-tristate{background:var(--bg-hover);border:1px solid var(--border);border-radius:9px;flex-shrink:0;gap:3px;padding:3px;display:inline-flex}.perm-tri-btn{width:30px;height:26px;color:var(--text-3);border-radius:6px;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.perm-tri-btn:hover{color:var(--text-2)}.perm-tri-btn.deny.active{background:var(--danger-soft);color:var(--danger)}.perm-tri-btn.neutral.active{background:var(--bg-active);color:var(--text-1)}.perm-tri-btn.allow.active{background:var(--success-soft);color:var(--success)}.role-chips{flex-wrap:wrap;gap:6px;display:flex}.role-chips.inline{flex:1;min-width:0;max-height:24px;overflow:hidden}.role-chip{background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.role-chip-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.role-assign{flex-wrap:wrap;gap:10px;padding:10px 12px 12px 55px;display:flex}.role-assign-item{cursor:pointer;background:var(--bg-hover);border-radius:8px;align-items:center;gap:7px;padding:4px 10px;font-size:13.5px;display:inline-flex}.inner-confirm-overlay{z-index:20;border-radius:inherit;background:#00000059;justify-content:center;align-items:center;animation:.14s fade-in;display:flex;position:absolute;inset:0}.inner-confirm{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;width:min(360px,90%);padding:20px;animation:.18s modal-in}.inner-confirm h3{margin-bottom:6px}.profile-modal{overflow:visible}.profile-banner{background:linear-gradient(120deg, var(--accent), #64d2ff);border-radius:16px 16px 0 0;height:72px}.profile-content{padding:0 22px 22px}.profile-avatar{border:5px solid var(--bg-sidebar);border-radius:50%;margin-top:-40px;margin-bottom:8px;display:inline-block}.profile-name{font-size:20px}.profile-username{color:var(--text-2);margin-bottom:8px;font-size:13.5px}.profile-status{margin-bottom:4px;font-size:14px}.profile-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:14px 0 5px;font-size:11.5px;font-weight:700}.profile-about{white-space:pre-wrap;font-size:14px}.profile-dates{color:var(--text-2);font-size:13.5px}.role-chip-remove{width:15px;height:15px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;margin:0 -3px 0 -1px;transition:background .12s,color .12s;display:flex}.role-chip-remove:hover{background:var(--danger-soft);color:var(--danger)}.role-add-wrap{display:inline-flex;position:relative}.role-add-btn{color:var(--text-3);padding:2px 7px;transition:color .12s,border-color .12s}.role-add-btn:hover{color:var(--text-1);border-color:var(--accent)}.role-picker{z-index:50;background:var(--bg-sidebar);border:1px solid var(--border);min-width:200px;max-height:240px;box-shadow:var(--shadow-lg);border-radius:10px;padding:5px;animation:.13s modal-in;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.role-picker-item{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.role-picker-item:hover{background:var(--bg-hover)}.profile-content .btn{margin-top:16px}.profile-edit-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.profile-edit-id{text-align:right;flex-direction:column;margin-left:auto;display:flex}.theme-options{gap:14px;margin-top:16px;display:flex}.theme-option{border:2px solid var(--border);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.theme-option:hover{background:var(--bg-hover)}.theme-option.active{border-color:var(--accent);background:var(--accent-soft)}.theme-preview{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:100%;height:56px;display:flex}.theme-preview.light{color:#1d1d1f;background:#f5f5f7}.theme-preview.dark{color:#f5f5f7;background:#1c1c1e}.theme-preview.system{color:var(--text-2);background:linear-gradient(105deg,#f5f5f7 50%,#1c1c1e 50%)}.toast-stack{z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--bg-sidebar);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:left;border-radius:999px;align-items:center;gap:9px;max-width:min(560px,100vw - 40px);padding:9px 16px;font-size:14px;font-weight:500;animation:.24s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;display:inline-flex}.toast-success .toast-icon{background:var(--success)}.toast-error .toast-icon{background:var(--danger)}.toast-info .toast-icon{background:var(--accent)}.side-item.unread .side-item-name{color:var(--text-1);font-weight:700}.unread-badge{background:var(--danger);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.mention-pill{background:var(--accent-soft,#0a84ff2e);color:var(--accent);cursor:default;border-radius:5px;padding:0 3px;font-weight:600}.message.mentioned{background:#facc1517;box-shadow:inset 2px 0 #eab308}.message.mentioned:hover{background:#facc1524}.composer-wrap{position:relative}.mention-popover{background:var(--bg-sidebar);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;border-radius:12px;max-height:320px;padding:5px;animation:.13s modal-in;position:absolute;bottom:calc(100% + 6px);left:16px;right:16px;overflow-y:auto}.mention-option{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:14px;font-weight:500;display:flex}.mention-option.active{background:var(--bg-hover)}.mention-option-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin:0 6px}.mention-option-label{font-weight:600}.mention-option-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12.5px;overflow:hidden}.link-embeds{flex-direction:column;gap:6px;max-width:520px;margin-top:6px;display:flex}.link-embed{background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;gap:12px;padding:10px 12px;display:flex}.link-embed-body{flex-direction:column;gap:3px;min-width:0;display:flex}.link-embed-site{color:var(--text-3);font-size:11.5px;font-weight:600}.link-embed-title{color:var(--accent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;text-decoration:none;display:-webkit-box;overflow:hidden}.link-embed-title:hover{text-decoration:underline}.link-embed-desc{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.link-embed-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:76px;height:76px;margin-left:auto}.link-embed.image-only{background:0 0;border:none;max-width:340px;padding:0;display:inline-block}.link-embed.image-only img{border-radius:10px;max-width:100%;max-height:260px;display:block}.new-separator{background:var(--danger);align-items:center;height:1px;margin:8px 18px 0;display:flex}.new-separator span{background:var(--danger);color:#fff;letter-spacing:.08em;border-radius:0 0 4px 4px;margin-left:auto;padding:0 6px 1px;font-size:10px;font-weight:800;transform:translateY(-1px)}.message.has-reply{flex-wrap:wrap}.reply-preview{color:var(--text-2);flex-basis:100%;align-items:center;gap:6px;min-width:0;margin-bottom:2px;padding-left:20px;font-size:13px;display:flex}.reply-spine{border-left:2px solid var(--border-strong,var(--border));border-top:2px solid var(--border-strong,var(--border));border-top-left-radius:7px;flex-shrink:0;align-self:flex-end;width:26px;height:9px;margin-right:2px}.reply-author{color:var(--text-1);flex-shrink:0;font-weight:600}.reply-text,.reply-deleted{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reply-deleted{color:var(--text-3);font-style:italic}.reactions-row{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.reaction-chip{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;align-items:center;gap:5px;padding:2px 8px;font-size:13.5px;transition:border-color .12s,background .12s;display:inline-flex}.reaction-chip:hover{border-color:var(--text-3)}.reaction-chip.me{background:var(--accent-soft,#0a84ff29);border-color:var(--accent)}.reaction-count{color:var(--text-2);font-size:12px;font-weight:700}.reaction-chip.me .reaction-count{color:var(--accent)}.reaction-chip.add{color:var(--text-3);opacity:0;transition:opacity .12s}.message:hover .reaction-chip.add{opacity:1}.reaction-picker{z-index:320;box-shadow:var(--shadow-lg);border-radius:14px;animation:.13s modal-in;position:fixed}.reply-bar,.staged-files{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-2);border-radius:12px;align-items:center;gap:8px;margin:0 0 6px;padding:7px 12px;font-size:13.5px;display:flex}.reply-bar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.staged-files{flex-wrap:wrap}.staged-file{background:var(--bg-hover);border:1px solid var(--border);border-radius:9px;align-items:center;gap:6px;max-width:260px;padding:4px 8px;display:inline-flex}.staged-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);font-weight:600;overflow:hidden}.staged-file-size{color:var(--text-3);flex-shrink:0;font-size:12px}.composer-attach{color:var(--text-3);align-self:flex-end;margin-bottom:3px}.composer-attach:hover{color:var(--text-1)}.attachments{flex-direction:column;gap:6px;max-width:520px;margin-top:6px;display:flex}.attachment-image img{border-radius:10px;max-width:min(400px,100%);max-height:300px;display:block}.attachment-media{border-radius:10px;max-width:min(440px,100%);max-height:300px}.attachment-media.audio{width:min(380px,100%)}.attachment-file{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;align-items:center;gap:11px;max-width:420px;padding:10px 12px;display:flex}.attachment-file-icon{color:var(--accent);flex-shrink:0;display:flex}.attachment-file-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.attachment-file-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.attachment-file-name:hover{text-decoration:underline}.attachment-file-size{color:var(--text-3);font-size:12px}.pins-wrap{display:inline-flex;position:relative}.pins-popover{background:var(--bg-sidebar);border:1px solid var(--border);width:min(420px,90vw);max-height:440px;box-shadow:var(--shadow-lg);z-index:80;border-radius:14px;padding:12px;animation:.14s modal-in;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.pins-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:8px;font-size:13px}.pins-empty{padding:8px 0;font-size:13.5px}.pin-item{border-radius:10px;align-items:flex-start;gap:9px;padding:8px;display:flex}.pin-item:hover{background:var(--bg-hover)}.pin-item-body{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.pin-item-author{align-items:baseline;gap:7px;font-size:13.5px;font-weight:600;display:flex}.pin-item-time{color:var(--text-3);font-size:11px;font-weight:400}.pin-item-text{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.composer-gate{border:1px solid var(--border);color:var(--text-2);text-align:center;border-radius:14px;padding:13px 16px;font-size:14px}.verify-gate-btn{border-radius:14px}.verify-gate{border:1px solid var(--border);border-radius:14px;padding:14px 16px}.verify-gate-title{margin-bottom:8px;font-weight:600}.verify-gate-svg{background:#fff;border-radius:8px;margin-bottom:10px;padding:6px;display:inline-block}.verify-gate-svg svg{display:block}.verify-gate-row{gap:8px;display:flex}.verify-gate-row input{flex:1;min-width:0}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 0;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;display:flex}.settings-row-title{font-weight:600}.settings-row-sub{color:var(--text-3);font-size:13px}.settings-hint{margin-top:14px;font-size:13px}.audit-list{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.audit-entry{border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.audit-entry:hover{background:var(--bg-hover)}.audit-entry-body{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.audit-entry-line{font-size:14px}.audit-entry-details{color:var(--text-3);overflow-wrap:anywhere;font-size:12.5px}.audit-entry-time{color:var(--text-3);flex-shrink:0;padding-top:2px;font-size:12px}.status-picker-wrap{display:inline-flex;position:relative}.user-panel-avatar{border-radius:50%;transition:box-shadow .13s;display:flex}.user-panel-avatar:hover{box-shadow:0 0 0 2px var(--accent)}.status-picker{background:var(--bg-sidebar);border:1px solid var(--border);min-width:230px;box-shadow:var(--shadow-lg);z-index:90;border-radius:12px;padding:5px;animation:.13s modal-in;position:absolute;bottom:calc(100% + 10px);left:0}.status-option{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 11px;font-size:14px;font-weight:500;display:flex}.status-option:hover,.status-option.active{background:var(--bg-hover)}.presence-dot.inline{border:none;flex-shrink:0;width:11px;height:11px;position:static}.status-option-label{flex-direction:column;line-height:1.25;display:flex}.status-option-hint{color:var(--text-3);font-size:11.5px;font-weight:400}.system-message{color:var(--text-2);align-items:baseline;gap:7px;margin-top:10px;padding:5px 18px 5px 30px;font-size:14px;display:flex}.system-message:hover{background:var(--bg-hover)}.system-message-arrow{color:var(--success);font-weight:700}.system-message-name{color:var(--text-1);font-weight:600}.system-message-name:hover{text-decoration:underline}.search-wrap{display:inline-flex;position:relative}.chat-search{background:var(--bg-hover);border:1px solid var(--border);border-radius:9px;width:150px;padding:5px 11px;font-size:13.5px;transition:width .18s}.chat-search:focus{width:230px}.search-popover{background:var(--bg-sidebar);border:1px solid var(--border);width:min(440px,90vw);max-height:480px;box-shadow:var(--shadow-lg);z-index:80;border-radius:14px;padding:12px;animation:.14s modal-in;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.search-result{text-align:left;border-radius:10px;flex-direction:column;gap:3px;width:100%;padding:9px 10px;display:flex}.search-result:hover{background:var(--bg-hover)}.search-result-meta{align-items:baseline;gap:8px;font-size:12.5px;display:flex}.search-result-channel{color:var(--accent);font-weight:700}.search-result-author{font-weight:600}.search-result-time{color:var(--text-3);margin-left:auto}.search-result-text{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.invite-embeds{flex-direction:column;gap:6px;max-width:440px;margin-top:6px;display:flex}.invite-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.invite-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:9px;font-size:11.5px;font-weight:700;display:block}.invite-card-invalid{color:var(--text-2);font-size:14px}.invite-card-row{align-items:center;gap:12px;display:flex}.invite-card-icon{background:var(--bg-hover);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex;overflow:hidden}.invite-card-icon img{object-fit:cover;width:100%;height:100%}.invite-card-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.invite-card-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.invite-card-sub{color:var(--text-3);font-size:12.5px}.invite-join-btn{background:var(--success);color:#fff}.invite-join-btn:hover{filter:brightness(1.1)}.nickname-hint{margin-bottom:12px;font-size:13.5px}.field-hint{color:var(--text-3);margin-top:4px;font-size:12.5px}.settings-subhead{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:18px 0 8px;font-size:12px;font-weight:700}.device-hint{margin-bottom:10px;font-size:13px}.field input[type=range]{width:100%;accent-color:var(--accent);padding:0}.mic-test{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;margin:16px 0 4px;padding:13px 14px}.mic-test-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-weight:600;display:flex}.mic-level-track{background:var(--bg-hover);border-radius:5px;height:10px;overflow:hidden}.mic-level-fill{background:linear-gradient(90deg, var(--success), #eab308 70%, var(--danger));border-radius:5px;height:100%;transition:width 60ms linear}.dnd-channel{position:relative}.dnd-channel.drop-before:before{content:"";background:var(--accent);z-index:2;border-radius:1px;height:2px;position:absolute;top:-1px;left:8px;right:8px}.dnd-channel[draggable=true]{cursor:grab}.category-row.drop-into{background:var(--accent-soft,#0a84ff24);border-radius:6px}.accent-swatches{flex-wrap:wrap;gap:8px;display:flex}.accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch.active{border-color:var(--text-1);box-shadow:0 0 0 2px var(--bg-elevated)}.accent-swatch.none{background:repeating-conic-gradient(var(--bg-hover) 0% 25%, var(--bg-elevated) 0% 50%) 50% / 10px 10px}.accent-swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.accent-swatch.custom input[type=color]{opacity:0;cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.members-search{padding:10px 10px 4px}.members-search .search-box{width:100%}.invite-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.invite-row{border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.invite-row:hover{background:var(--bg-hover)}.invite-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.invite-row-code{font-family:ui-monospace,monospace;font-size:14px;font-weight:700}.invite-row-meta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.update-btn{color:var(--text-3);position:relative}.update-btn.ready{color:var(--success);animation:2s ease-in-out infinite update-pulse}@keyframes update-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.update-progress{color:var(--text-3);font-size:8.5px;font-weight:700;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.slowmode-hint{color:var(--text-3);padding:4px 16px 0;font-size:12px}.slowmode-hint.active{color:var(--warning,#eab308);font-weight:600}.custom-emoji{object-fit:contain;vertical-align:-5px;width:22px;height:22px;display:inline-block}.custom-emoji.small{vertical-align:middle;width:17px;height:17px}.custom-emoji.large{width:32px;height:32px}.custom-emoji-row{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:6px;padding:8px;display:flex}.custom-emoji-btn{border-radius:7px;padding:4px;display:flex}.custom-emoji-btn:hover{background:var(--bg-hover)}.emoji-upload-row{gap:10px;margin:12px 0 18px;display:flex}.emoji-upload-row input[type=text]{flex:1;min-width:0}.emoji-list{flex-direction:column;gap:4px;display:flex}.emoji-item{border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.emoji-item:hover{background:var(--bg-hover)}.emoji-item-name{flex:1;font-family:ui-monospace,monospace;font-size:13.5px}.message.jump-flash{animation:2.4s jump-flash}@keyframes jump-flash{0%,60%{background:var(--accent-soft,#0a84ff38);box-shadow:inset 2px 0 0 var(--accent)}to{background:0 0}}.jump-present-banner{background:var(--accent);color:#fff;text-align:center;width:calc(100% - 32px);box-shadow:var(--shadow-lg);z-index:45;border-radius:10px;margin:8px 16px 0;padding:8px 14px;font-size:13.5px;display:block;position:sticky;bottom:8px}.jump-present-banner:hover{filter:brightness(1.08)}.context-overlay{z-index:300;position:fixed;inset:0}.context-menu{background:var(--bg-sidebar);min-width:190px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:8px;padding:5px;animation:.13s modal-in;position:fixed}.context-item{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 11px;font-size:14px;font-weight:500;transition:background .12s;display:flex}.context-item:hover{background:var(--bg-hover)}.context-item.danger{color:var(--danger)}.context-item.danger:hover{background:var(--danger-soft)}.context-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.context-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.context-check{border:1.5px solid var(--border-strong,var(--border));color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.context-check.on{background:var(--accent);border-color:var(--accent)}.context-sub-arrow{color:var(--text-3);align-items:center;margin-right:-3px;display:flex}.context-sep{background:var(--border);height:1px;margin:5px 6px}.context-sub-wrap{position:relative}.context-sub-wrap:hover>.context-item.has-sub{background:var(--bg-hover)}.context-submenu{z-index:1;min-width:200px;max-height:320px;position:absolute;top:-6px;left:calc(100% + 2px);overflow-y:auto}.context-submenu.left{left:auto;right:calc(100% + 2px)}@media (width<=900px){.members-panel{z-index:60;box-shadow:var(--shadow-lg);background:var(--bg-elevated);position:absolute;top:0;bottom:0;right:0}.sidebar{width:230px}.chat-topic{display:none}}@media (width<=700px){.sidebar{width:200px}.settings-nav{width:140px}}.video-surface{object-fit:cover;background:#000;width:100%;height:100%;display:block}.video-surface.mirrored{transform:scaleX(-1)}.voice-tile.has-video{aspect-ratio:16/9;background:#000;justify-content:flex-end;width:300px;padding:0;overflow:hidden}.voice-tile.has-video .voice-tile-video{border-radius:14px;position:absolute;inset:0}.voice-tile.has-video .voice-tile-name{z-index:1;color:#fff;background:#0000008c;border-radius:7px;max-width:calc(100% - 20px);padding:2px 8px;font-size:13px;position:absolute;bottom:8px;left:10px}.voice-tile.has-video .voice-tile-muted{z-index:1;color:#fff;background:#0000008c;border-radius:7px;padding:3px 4px}.voice-card-quality{color:var(--success);font-size:11px;font-weight:600}.dm-call-icon{color:var(--success);flex-shrink:0}.ring-card{z-index:300;border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;align-items:center;gap:14px;padding:12px 16px;animation:.26s ring-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes ring-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.ring-avatar{display:inline-flex;position:relative}.ring-avatar:after{content:"";border:2px solid var(--success);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite ring-pulse;position:absolute;inset:-5px}@keyframes ring-pulse{0%{opacity:.9;transform:scale(.9)}70%{opacity:0;transform:scale(1.25)}to{opacity:0;transform:scale(1.25)}}.ring-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.ring-name{font-weight:700}.ring-sub{color:var(--text-2);font-size:12.5px}.ring-actions{gap:8px;margin-left:6px;display:flex}.ring-accept{background:var(--success);color:#fff}.ring-accept:hover:not(:disabled){background:var(--success);color:#fff;filter:brightness(1.08)}.ring-accept.video,.ring-accept.video:hover:not(:disabled){background:var(--accent)}.ring-decline{background:var(--danger);color:#fff}.ring-decline:hover:not(:disabled){background:var(--danger);color:#fff;filter:brightness(1.08)}.call-panel{border-bottom:1px solid var(--border);background:#141416;flex-direction:column;flex-shrink:0;height:40%;min-height:260px;padding:18px 18px 14px;display:flex}.call-panel.standalone{border-bottom:none;flex:1;height:auto;min-height:0}.call-tiles{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:14px;min-height:0;display:flex;overflow-y:auto}.call-tile{aspect-ratio:16/10;background:#1f1f22;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:220px;transition:border-color .18s;display:flex;position:relative;overflow:hidden}.call-tile.speaking{border-color:var(--success)}.call-tile .video-surface{position:absolute;inset:0}.call-tile-name{z-index:1;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:7px;max-width:calc(100% - 20px);padding:2px 8px;font-size:12.5px;font-weight:600;position:absolute;bottom:8px;left:10px;overflow:hidden}.call-tile-muted{z-index:1;color:#fff;background:#0000008c;border-radius:7px;padding:3px 4px;display:inline-flex;position:absolute;top:8px;right:8px}.call-controls{justify-content:center;gap:12px;padding-top:14px;display:flex}.call-ctrl{color:#fff;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s,transform .15s;display:inline-flex}.call-ctrl:hover:not(:disabled){background:#ffffff38}.call-ctrl:active:not(:disabled){transform:scale(.94)}.call-ctrl.off{color:#1d1d1f;background:#fff}.call-ctrl.off:hover:not(:disabled){background:#e8e8ea}.call-ctrl.hangup{background:var(--danger)}.call-ctrl.hangup:hover:not(:disabled){background:var(--danger);filter:brightness(1.1)}.call-join-bar{background:var(--success-soft);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.call-join-info{color:var(--success);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.private-call-view{flex-direction:column;flex:1;min-height:0;display:flex}.audio-mode-options{flex-direction:column;gap:10px;margin:14px 0;display:flex}.audio-mode-option{text-align:left;border:2px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.audio-mode-option:hover{background:var(--bg-hover)}.audio-mode-option.active{border-color:var(--accent);background:var(--accent-soft)}.audio-mode-title{font-weight:700}.audio-mode-desc{color:var(--text-2);font-size:12.5px}.call-invite-search{margin-top:10px}.call-invite-list{max-height:320px;margin-top:12px;overflow-y:auto}.code-inputs{justify-content:center;gap:10px;margin:8px 0 16px;display:flex}.code-digit{text-align:center;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;width:46px;height:56px;font-size:26px;font-weight:700;transition:border-color .15s,box-shadow .15s}.code-digit:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0a84ff2e}.verify-actions{margin:6px 0 4px}.auth-divider{color:var(--text-3);align-items:center;gap:12px;margin:16px 0;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.security-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:14px;margin-top:16px;padding:18px}.security-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.security-card-head h4{margin-bottom:2px;font-size:15px;font-weight:700}.badge{background:var(--bg-active);color:var(--text-2);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:600}.badge-success{background:var(--success-soft);color:var(--success)}.security-flow{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.security-warn{color:var(--warning)}.totp-setup{flex-wrap:wrap;align-items:center;gap:18px;margin:10px 0 14px;display:flex}.totp-qr{background:#fff;border-radius:12px;width:160px;height:160px;padding:8px}.totp-secret{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.totp-secret code{word-break:break-all;background:var(--bg-hover);border-radius:8px;padding:6px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.recovery-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 14px;display:grid}.recovery-grid code{letter-spacing:1px;text-align:center;background:var(--bg-hover);border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}.checkbox-row{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;display:flex}.checkbox-row input{width:16px;height:16px;accent-color:var(--accent)}.passkey-list{flex-direction:column;gap:8px;margin:4px 0 12px;padding:0;list-style:none;display:flex}.passkey-item{background:var(--bg-hover);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.passkey-name{font-size:14px;font-weight:600;display:block}.passkey-date{color:var(--text-3);font-size:12px;display:block}