:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--bg-secondary:#f4f3ec;--bg-tertiary:#e5e4e7;--bg-deep:#ebeaf0;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--bg-secondary:#1c1d24;--bg-tertiary:#26272f;--bg-deep:#101014}}#root{box-sizing:border-box;flex-direction:column;height:100svh;display:flex}body{margin:0;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%}.server-rail{background:var(--bg-deep);flex-direction:column;flex:0 0 72px;align-items:center;gap:8px;width:72px;padding:12px 0;display:flex;overflow-y:auto}.server-rail ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.server-icon{background:var(--bg-tertiary);width:48px;height:48px;color:var(--text-h);font:600 15px/1 var(--sans);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:border-radius .15s,background .15s;display:flex}.server-icon:hover,.server-icon.active{background:var(--accent);color:#fff;border-radius:30%}.server-icon.add-server{color:var(--accent);font-size:22px}.server-rail>.server-icon{margin-bottom:4px}.channel-sidebar{background:var(--bg-secondary);flex-direction:column;flex:0 0 240px;width:240px;display:flex;overflow-y:auto}.server-name{height:48px;color:var(--text-h);border-bottom:1px solid var(--border);box-sizing:border-box;flex:0 0 48px;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:flex}.server-name-actions{gap:6px;display:flex}.invite-button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.invite-button:hover{color:var(--text-h);border-color:var(--text-h)}.category-list{padding:12px 8px}.category{margin-bottom:16px}.category-name{letter-spacing:.4px;text-transform:uppercase;color:var(--text);margin-bottom:4px;padding:0 8px;font-size:12px;font-weight:700}.category ul{margin:0;padding:0;list-style:none}.channel-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.channel-item:hover,.channel-item.active{background:var(--bg-tertiary);color:var(--text-h)}.channel-icon{text-align:center;width:16px;color:var(--text);font-weight:600}.forum-channel{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.forum-thread-list{flex-direction:column;flex:auto;gap:8px;padding:16px;display:flex;overflow-y:auto}.forum-thread-item{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-h);font:inherit;text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.forum-thread-item:hover{border-color:var(--accent)}.forum-thread-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.forum-thread-item-meta{color:var(--text);flex:none;font-size:.85em}.forum-new-thread-trigger{border-top:1px solid var(--border);flex:none;padding:16px}.forum-new-thread-trigger button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 16px}.forum-new-thread-trigger button:disabled{opacity:.5;cursor:default}.forum-new-thread-form{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding:16px;display:flex}.forum-new-thread-form input,.forum-new-thread-form textarea{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-h);resize:vertical;border-radius:4px;padding:10px 12px}.forum-new-thread-actions{justify-content:flex-end;gap:8px;display:flex}.forum-new-thread-actions button{font:inherit;cursor:pointer;border:none;border-radius:4px;padding:10px 16px}.forum-new-thread-actions button[type=submit]{background:var(--accent);color:#fff}.forum-new-thread-actions button[type=submit]:disabled{opacity:.5;cursor:default}.forum-cancel{border:1px solid var(--border);color:var(--text-h);background:0 0}.forum-thread-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.forum-back{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0}.forum-back:hover{color:var(--text-h)}.forum-thread-title{color:var(--text-h);font-weight:600}.text-channel{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.message-list{flex-direction:column;flex:auto;gap:8px;padding:16px;display:flex;overflow-y:auto}.message{align-items:baseline;gap:8px;display:flex}.message-author{color:var(--text-h);flex:none;font-weight:600}.message-self .message-author{color:var(--accent)}.message-content{color:var(--text);word-break:break-word}.message-error{color:#e5484d;padding:4px 16px;font-size:.9em}.message-form{border-top:1px solid var(--border);flex:none;gap:8px;padding:16px;display:flex}.message-form input{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-h);border-radius:4px;flex:auto;padding:10px 12px}.message-form button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 16px}.message-form button:disabled{opacity:.5;cursor:default}.voice-channel{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.voice-channel-prompt{color:var(--text);flex-direction:column;align-items:center;gap:12px;margin:auto;display:flex}.voice-channel-prompt button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 16px}.voice-participant-list{flex-direction:column;flex:auto;gap:8px;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.voice-participant{color:var(--text-h);align-items:center;gap:8px;display:flex}.voice-mic-icon.muted{opacity:.5}.voice-controls{border-top:1px solid var(--border);flex:none;gap:8px;padding:16px;display:flex}.voice-controls button{font:inherit;background:var(--bg-tertiary);color:var(--text-h);cursor:pointer;border:none;border-radius:4px;padding:10px 16px}.main-panel{background:var(--bg);flex-direction:column;flex:auto;min-width:0;display:flex}.channel-header{border-bottom:1px solid var(--border);box-sizing:border-box;flex:0 0 48px;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.channel-header .channel-icon{color:var(--text);font-weight:600}.channel-title{color:var(--text-h);font-weight:600}.channel-content{flex-direction:column;flex:auto;min-height:0;display:flex}.channel-content>.placeholder{margin:auto}.placeholder{color:var(--text)}.member-list{background:var(--bg-secondary);box-sizing:border-box;flex:0 0 240px;width:240px;padding:16px 8px;overflow-y:auto}.member-group{margin-bottom:16px}.member-group-name{letter-spacing:.4px;text-transform:uppercase;color:var(--text);margin-bottom:4px;padding:0 8px;font-size:12px;font-weight:700}.member{color:var(--text-h);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.member-status{background:#3ba55c;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.member-badge{text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin-left:auto;font-size:11px}.login-screen{background:var(--bg-deep);justify-content:center;align-items:center;width:100%;height:100svh;display:flex}.login-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.login-button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:10px 20px}.login-button:hover{opacity:.9}.dialog-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);background:var(--bg);width:360px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:14px;padding:24px;display:flex}.dialog-card h2{margin:0}.dialog-card label{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;display:flex}.dialog-card input{font:inherit;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text);border-radius:4px;padding:8px 10px}.dialog-error{color:var(--danger,#ed4245);margin:0;font-size:13px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dialog-actions button{font:inherit;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.dialog-actions button[type=button]{color:var(--text-h);background:0 0}.dialog-submit{background:var(--accent);color:#fff}.dialog-submit:disabled,.dialog-actions button:disabled{opacity:.6;cursor:not-allowed}.invite-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.invite-section:first-of-type{border-top:none;padding-top:0}.invite-hint{color:var(--text);font-size:13px}.invite-section>button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-start;padding:8px 16px}.invite-section>button:disabled{opacity:.6;cursor:not-allowed}.invite-code{align-items:center;gap:8px;display:flex}.invite-code code{letter-spacing:1px;flex:1;font-size:16px}.invite-code button{font:inherit;border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:4px;padding:8px 12px}.manage-roles-card{width:520px;max-height:80vh;overflow-y:auto}.manage-roles-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.manage-roles-section:first-of-type{border-top:none;padding-top:0}.manage-roles-section h3{text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin:0;font-size:13px}.role-list,.member-role-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.role-list li,.member-role-list li{color:var(--text-h);justify-content:space-between;align-items:center;gap:8px;display:flex}.role-list .hint{color:var(--text);font-size:13px}.role-list button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px}.create-role-form{flex-direction:column;gap:8px;display:flex}.permission-checkboxes{flex-direction:column;gap:4px;display:flex}.permission-checkboxes label,.member-role-toggles label{color:var(--text);align-items:center;gap:6px;font-size:13px;flex-direction:row!important;display:flex!important}.member-role-list li{flex-direction:column;align-items:flex-start}.member-role-toggles{flex-wrap:wrap;gap:12px;display:flex}.friends-view{background:var(--bg-secondary);flex-direction:column;flex:0 0 240px;width:240px;display:flex;overflow-y:auto}.friends-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.friends-header h1{margin:0;font-size:16px}.friends-header button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:6px 10px;font-size:13px}.friends-empty{text-align:center;color:var(--text);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.friends-list{padding:12px 8px}.friends-group{margin-bottom:16px}.friends-group-name{letter-spacing:.4px;text-transform:uppercase;color:var(--text);margin-bottom:8px;font-size:12px;font-weight:700}.friend-row{width:100%;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.friend-row:hover,.friend-row.active{background:var(--bg-tertiary)}.friend-row.offline{color:var(--text);opacity:.6}.friend-status{background:#3ba55c;border-radius:50%;flex:0 0 10px;width:10px;height:10px}.friend-row.offline .friend-status{background:var(--text)}.app-shell{width:100%;height:100svh;display:flex}.empty-state{color:var(--text);flex:1;justify-content:center;align-items:center;display:flex}