:root,[data-theme=dark]{--bg-app: #131316;--bg-rail: #19191d;--bg-sidebar: #1e1e23;--bg-chat: #17171b;--bg-elevated: #26262c;--bg-input: #2b2b32;--border: #2c2c33;--text-primary: #ececee;--text-muted: #96969f;--text-faint: #6d6d76;--accent: #e8734a;--accent-hover: #f08a63;--accent-soft: rgba(232, 115, 74, .16);--accent-contrast: #1a1210;--success: #57c77a;--danger: #e5555a;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-ui)}[data-theme=light]{--bg-app: #f7f7f8;--bg-rail: #ececee;--bg-sidebar: #f2f2f4;--bg-chat: #ffffff;--bg-elevated: #e6e6ea;--bg-input: #ebebef;--border: #dcdce1;--text-primary: #1c1c20;--text-muted: #61616b;--text-faint: #8b8b95;--success: #2e9e52;--danger: #d13438}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#35353d;border-radius:4px}::-webkit-scrollbar-track{background:transparent}a{color:inherit}.auth-shell{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(232,115,74,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(232,115,74,.06),transparent 45%),var(--bg-app)}.auth-card{width:380px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:14px;padding:36px 32px}.auth-brand{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--accent);margin:0 0 4px}.auth-tagline{color:var(--text-muted);margin:0 0 28px;font-size:13px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.field input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);outline:none}.field input:focus{border-color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:var(--accent-contrast);font-weight:600;border:none;border-radius:8px;padding:11px;margin-top:6px;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.auth-switch{margin-top:18px;font-size:13px;color:var(--text-muted);text-align:center}.auth-switch button{background:none;border:none;color:var(--accent);font-weight:600;padding:0}.auth-error{color:var(--danger);font-size:13px;margin:-8px 0 14px}.app-shell{height:100%;display:flex}.server-rail{width:72px;background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;flex-shrink:0}.rail-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--bg-elevated);color:var(--text-primary);font-weight:600;border:none;transition:border-radius .15s,background .15s;position:relative;font-size:15px}.rail-icon:hover,.rail-icon.active{border-radius:14px;background:var(--accent);color:var(--accent-contrast)}.rail-icon.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--text-primary);border-radius:0 4px 4px 0}.rail-divider{width:32px;height:1px;background:var(--border);margin:4px 0}.rail-icon.ghost{background:transparent;border:1px dashed var(--border);color:var(--text-muted);font-size:22px}.rail-icon.dm-home{background:var(--bg-elevated)}.sidebar{width:240px;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.sidebar-header{padding:16px;font-family:var(--font-display);font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-header .invite-code{font-size:11px;color:var(--text-faint);font-family:monospace;font-weight:400}.icon-btn{background:none;border:none;color:var(--text-muted);padding:4px;border-radius:6px}.icon-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.channel-list{flex:1;overflow-y:auto;padding:12px 8px}.channel-category{font-size:11px;letter-spacing:.04em;color:var(--text-faint);margin:14px 8px 6px;font-weight:600;display:flex;justify-content:space-between}.channel-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:var(--text-muted);font-size:14px;margin-bottom:2px;background:none;border:none;width:100%;text-align:left}.channel-item:hover,.channel-item.active{background:var(--bg-elevated);color:var(--text-primary)}.channel-item .hash{color:var(--text-faint);font-weight:600}.voice-participants{padding-left:26px}.voice-participant{font-size:12px;color:var(--text-muted);padding:2px 0;display:flex;align-items:center;gap:6px}.voice-participant .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.dm-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:none;border:none;width:100%;text-align:left;color:var(--text-muted)}.dm-list-item:hover,.dm-list-item.active{background:var(--bg-elevated);color:var(--text-primary)}.user-bar{padding:10px 12px;background:var(--bg-rail);display:flex;align-items:center;gap:8px;border-top:1px solid var(--border)}.user-bar .name{font-weight:600;font-size:13px}.user-bar .status{font-size:11px;color:var(--text-muted)}.user-bar .spacer{flex:1}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;object-fit:cover;flex-shrink:0}.avatar.sm{width:28px;height:28px;font-size:12px}.avatar.xs{width:20px;height:20px;font-size:10px}.voice-bar{padding:8px 12px;background:var(--bg-elevated);display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);font-size:13px}.voice-bar .label{color:var(--success);font-weight:600;flex:1}.voice-bar button{background:var(--bg-input);border:none;color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:12px}.voice-bar button.leave{background:var(--danger);color:#fff}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-chat);min-width:0}.chat-header{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:8px;font-weight:600;flex-shrink:0}.chat-header .hash{color:var(--text-faint)}.chat-header .sub{color:var(--text-faint);font-weight:400;font-size:12px;margin-left:8px}.message-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:2px}.empty-state{margin:auto;text-align:center;color:var(--text-faint);max-width:320px}.empty-state h3{font-family:var(--font-display);color:var(--text-primary)}.message-row{display:flex;gap:12px;padding:6px 4px;border-radius:8px}.message-row:hover{background:#ffffff05}.message-row .body{flex:1;min-width:0}.message-row .meta{display:flex;align-items:baseline;gap:8px}.message-row .author{font-weight:600}.message-row .time{font-size:11px;color:var(--text-faint)}.message-row .content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.45}.message-row .edited-tag{font-size:10px;color:var(--text-faint);margin-left:4px}.message-attachment{margin-top:6px}.message-attachment img{max-width:320px;max-height:240px;border-radius:8px;display:block}.message-attachment a{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);padding:8px 12px;border-radius:8px;font-size:13px;text-decoration:none;color:var(--accent)}.message-actions{display:none;gap:4px}.message-row:hover .message-actions{display:flex}.message-actions button{background:var(--bg-elevated);border:none;color:var(--text-muted);border-radius:6px;padding:3px 6px;font-size:11px}.typing-indicator{height:20px;padding:0 20px;font-size:12px;color:var(--text-faint);font-style:italic}.composer{padding:12px 20px 18px;flex-shrink:0}.composer-inner{background:var(--bg-input);border-radius:10px;display:flex;align-items:flex-end;gap:8px;padding:8px 10px}.composer-inner textarea{flex:1;background:none;border:none;color:var(--text-primary);resize:none;outline:none;max-height:160px;padding:6px 4px;line-height:1.4}.composer-inner button.send{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:8px 14px;font-weight:600}.composer-inner button.attach{background:none;border:none;color:var(--text-muted);font-size:18px;padding:4px 6px}.attachment-preview{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);padding:6px 10px;border-radius:8px;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.attachment-preview button{background:none;border:none;color:var(--danger)}.member-list{width:220px;background:var(--bg-sidebar);border-left:1px solid var(--border);overflow-y:auto;padding:16px 12px;flex-shrink:0}.member-group-label{font-size:11px;color:var(--text-faint);font-weight:600;letter-spacing:.03em;margin:12px 4px 6px}.member-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px;position:relative}.member-item:hover{background:var(--bg-elevated)}.member-item .status-dot{position:absolute;left:22px;top:22px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-sidebar)}.member-item .status-dot.online{background:var(--success)}.member-item .status-dot.offline{background:var(--text-faint)}.member-item .name{font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.modal{width:420px;background:var(--bg-sidebar);border-radius:12px;border:1px solid var(--border);padding:24px}.modal h2{font-family:var(--font-display);margin-top:0}.modal-row{display:flex;gap:10px;margin-top:16px}.modal-row button{flex:1;padding:10px;border-radius:8px;border:none;font-weight:600}.modal-row .primary{background:var(--accent);color:var(--accent-contrast)}.modal-row .secondary{background:var(--bg-elevated);color:var(--text-primary)}.modal-tabs{display:flex;gap:8px;margin-bottom:16px}.modal-tabs button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted)}.modal-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.role-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.role-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0}.perm-checkbox{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.hint{font-size:12px;color:var(--text-faint);margin-top:6px}.avatar.lg{width:80px;height:80px;font-size:30px}.avatar.clickable{cursor:pointer}.avatar.clickable:hover{filter:brightness(1.1)}img.avatar{object-fit:cover}.voice-lobby{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px}.voice-lobby h2{font-family:var(--font-display);margin:0}.call-stage{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.screen-area{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.participant-grid{display:grid;gap:12px;align-content:start;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.participant-grid.compact{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.media-tile{background:var(--bg-elevated);border-radius:12px;aspect-ratio:16 / 10;display:grid;place-items:center;position:relative;overflow:hidden}.media-tile.featured{aspect-ratio:16 / 9;background:#000}.media-tile video{width:100%;height:100%}.media-tile-label{position:absolute;bottom:8px;left:10px;font-size:12px;background:#0000008c;color:#fff;padding:2px 8px;border-radius:6px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-controls{justify-content:center;gap:8px}.call-controls button.active{background:var(--accent);color:var(--accent-contrast)}.call-controls button.off{background:var(--danger);color:#fff}.profile-card{width:340px;padding:0;overflow:hidden}.profile-banner{height:72px;background:var(--accent)}.profile-body{padding:0 20px 20px}.profile-avatar-wrap{margin-top:-40px;margin-bottom:12px}.profile-avatar-wrap .avatar{border:4px solid var(--bg-sidebar)}.profile-name{font-family:var(--font-display);font-size:20px;margin:0}.profile-username{color:var(--text-muted);font-size:13px;margin:2px 0 12px}.profile-section-label{font-size:11px;letter-spacing:.04em;color:var(--text-faint);font-weight:600;margin:12px 0 4px}.profile-bio{font-size:14px;line-height:1.5;white-space:pre-wrap}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer}.color-swatch.selected{border-color:var(--text-primary)}.theme-toggle{display:flex;gap:8px}.theme-toggle button{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted)}.theme-toggle button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.avatar-upload-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.screen-source-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:12px 0}.screen-source{background:var(--bg-elevated);border:2px solid transparent;border-radius:10px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:6px;color:var(--text-primary)}.screen-source:hover{border-color:var(--accent)}.screen-source img{width:100%;border-radius:6px;background:#000}.screen-source span{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-body{flex:1;overflow-y:auto;padding:20px}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--border)}.friend-row:hover{background:#ffffff05}.friend-row .status-dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-chat)}.friend-row .status-dot.online{background:var(--success)}.friend-row .status-dot.offline{background:var(--text-faint)}.profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.profile-actions button{flex:1;min-width:110px;padding:9px 12px;border-radius:8px;font-weight:600;font-size:13px}.secondary-btn{background:var(--bg-elevated);color:var(--text-primary);border:none}.secondary-btn:hover{background:var(--bg-input)}.admin-stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-stat{background:var(--bg-elevated);border-radius:10px;padding:14px 16px}.admin-stat-label{font-size:12px;color:var(--text-muted);margin-bottom:6px}.admin-stat-value{font-size:26px;font-weight:600;font-family:var(--font-display)}.admin-badge,.suspended-badge{font-size:9px;padding:2px 6px;border-radius:4px;margin-left:7px;letter-spacing:.03em;vertical-align:middle}.admin-badge{background:var(--accent-soft);color:var(--accent)}.suspended-badge{background:#e5555a29;color:var(--danger)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.header-actions button{background:none;border:none;color:var(--text-muted);padding:6px 8px;border-radius:6px;font-size:16px;line-height:1}.header-actions button:hover{background:var(--bg-elevated);color:var(--text-primary)}.incoming-call{position:absolute;top:64px;right:24px;z-index:60;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #00000059}.incoming-call .call-text{font-size:13px}.incoming-call .call-text strong{display:block;font-size:14px}.incoming-call button{border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.incoming-call .accept{background:var(--success);color:#0a2413}.incoming-call .reject{background:var(--danger);color:#fff}.emoji-picker{position:absolute;bottom:70px;right:20px;z-index:70;width:340px;max-height:380px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0006;overflow:hidden}.emoji-tabs{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--border)}.emoji-tabs button{background:none;border:none;color:var(--text-muted);padding:5px 9px;border-radius:6px;font-size:15px}.emoji-tabs button:hover{background:var(--bg-elevated)}.emoji-tabs button.active{background:var(--accent-soft);color:var(--accent)}.emoji-body{flex:1;overflow-y:auto;padding:10px}.emoji-group-label{font-size:10px;letter-spacing:.04em;color:var(--text-faint);font-weight:600;margin:8px 2px 6px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-btn{background:none;border:none;font-size:20px;padding:4px;border-radius:6px;line-height:1;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:var(--bg-elevated)}.emoji-btn img{width:22px;height:22px;object-fit:contain}.inline-emoji{width:20px;height:20px;vertical-align:-4px;object-fit:contain}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sticker-btn{background:var(--bg-elevated);border:none;border-radius:8px;padding:6px}.sticker-btn:hover{background:var(--bg-input)}.sticker-btn img{width:100%;aspect-ratio:1;object-fit:contain}.gif-search{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text-primary);outline:none;margin-bottom:10px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gif-btn{background:none;border:none;padding:0;border-radius:8px;overflow:hidden}.gif-btn img{width:100%;display:block}.reaction-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elevated);border:1px solid transparent;border-radius:12px;padding:2px 8px;font-size:13px;color:var(--text-primary)}.reaction:hover{border-color:var(--border)}.reaction.mine{background:var(--accent-soft);border-color:var(--accent)}.reaction span{font-size:11px;color:var(--text-muted)}.reaction.mine span{color:var(--accent)}.user-bar-identity{display:flex;align-items:center;gap:8px;background:none;border:none;padding:2px 4px;border-radius:6px;color:var(--text-primary);flex:1;min-width:0}.user-bar-identity:hover{background:var(--bg-elevated)}.user-menu{position:absolute;bottom:62px;left:78px;z-index:80;width:280px;background:var(--bg-app);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #00000073;overflow:hidden}.user-menu-header{position:relative}.user-menu-banner{height:60px}.user-menu-identity{padding:0 16px 14px;margin-top:-34px}.user-menu-identity .avatar{border:4px solid var(--bg-app)}.user-menu-name{font-weight:600;font-size:16px;margin-top:8px;font-family:var(--font-display)}.user-menu-tag{background:none;border:none;color:var(--text-muted);font-size:12px;padding:2px 0;display:block}.user-menu-tag:hover{color:var(--accent)}.user-menu-bio{font-size:12px;color:var(--text-muted);margin:8px 0 0;line-height:1.4;max-height:54px;overflow:hidden}.user-menu-section{border-top:1px solid var(--border);padding:6px}.user-menu-label{font-size:10px;letter-spacing:.04em;color:var(--text-faint);font-weight:600;padding:6px 10px 4px}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text-primary);padding:8px 10px;border-radius:6px;font-size:13px;text-align:left}.user-menu-item:hover{background:var(--bg-elevated)}.user-menu-item.danger{color:var(--danger)}.user-menu-icon{width:16px;text-align:center}.user-menu-check{margin-left:auto;color:var(--accent)}.status-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.profile-status{display:inline-flex;align-items:center;gap:5px;margin-left:8px}.status-swatch.status-online{background:var(--success)}.status-swatch.status-idle{background:#faa61a}.status-swatch.status-dnd{background:var(--danger)}.status-swatch.status-invisible,.status-swatch.status-offline{background:var(--text-faint)}.profile-stats{display:flex;gap:20px;margin:16px 0 4px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-stat-value{font-size:20px;font-weight:600;font-family:var(--font-display)}.profile-stat-label{font-size:11px;color:var(--text-muted)}.mutual-servers{display:flex;flex-wrap:wrap;gap:6px}.mutual-server{font-size:11px;padding:3px 9px;border-radius:12px;border:1px solid var(--border);color:var(--text-muted)}.friend-action{background:var(--bg-elevated);border:none;color:var(--text-primary);padding:7px 14px;border-radius:7px;font-size:13px;font-weight:600;white-space:nowrap}.friend-action:hover{background:var(--bg-input)}.friend-action:disabled{opacity:.5;cursor:default}.friend-action.accept{background:var(--success);color:#0a2413}.friend-action.decline{background:transparent;color:var(--danger)}.friend-action.decline:hover{background:#e5555a1f}.field select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);outline:none}.field select:focus{border-color:var(--accent)}.field input[type=range]{width:100%;accent-color:var(--accent)}.media-tile.speaking{box-shadow:inset 0 0 0 3px var(--success)}.media-tile.clickable{cursor:pointer}.media-tile.clickable:hover{filter:brightness(1.08)}.participant-menu{position:absolute;top:100%;left:0;z-index:75;margin-top:6px;width:250px;background:var(--bg-app);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 26px #00000073;overflow:hidden}.participant-menu-name{padding:10px 12px;font-weight:600;font-size:13px;border-bottom:1px solid var(--border)}.participant-menu-section{padding:8px;border-bottom:1px solid var(--border)}.participant-menu-section:last-child{border-bottom:none}.participant-menu-section input[type=range]{width:100%;accent-color:var(--accent)}