:root,[data-theme=dark],[data-theme=cyber]{--bg-app: #0b0f19;--bg-rail: #0d1322;--bg-sidebar: #0d1322;--bg-chat: #0b0f19;--bg-elevated: #131b2e;--bg-input: #1a2337;--border: #1e293b;--text-primary: #f8fafc;--text-muted: #94a3b8;--text-faint: #64748b;--accent: #06b6d4;--accent-hover: #22d3ee;--accent-soft: rgba(6, 182, 212, .16);--accent-contrast: #04212a;--success: #10b981;--danger: #f43f5e;--warning: #f59e0b;--accent-secondary: #8b5cf6;--glow-accent: 0 0 20px rgba(6, 182, 212, .35);--glow-danger: 0 0 24px rgba(244, 63, 94, .4);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-ui)}*{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}.sidebar-header .icon-btn{width:30px;height:30px;display:grid;place-items:center;font-size:16px;padding:0}.icon-btn{background:none;border:none;color:var(--text-muted);padding:6px;border-radius:7px;font-size:15px;line-height:1}.icon-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.user-bar .icon-btn{width:32px;height:32px;display:grid;place-items:center;font-size:17px;padding:0;flex-shrink:0}.user-bar .icon-btn:hover{color:var(--accent);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;gap:4px;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)}.identity-privacy{background:var(--bg-elevated);border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:12px;color:var(--text-muted)}.identity-privacy strong{display:block;color:var(--text-primary);margin-bottom:6px;font-size:13px}.identity-privacy ul{margin:0;padding-left:18px;line-height:1.6}.context-menu{position:fixed;z-index:200;width:230px;background:var(--bg-app);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080;max-height:80vh;overflow-y:auto}.context-menu-header{padding:10px 12px;font-weight:600;font-size:13px;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-section{padding:6px;border-bottom:1px solid var(--border)}.context-menu-section:last-of-type{border-bottom:none}.context-menu-section input[type=range]{width:100%;accent-color:var(--accent);margin:4px 0 2px}.context-roles{padding:2px 10px 6px}.context-roles .perm-checkbox{font-size:12px;gap:6px}.clickable-author{cursor:pointer}.clickable-author:hover{text-decoration:underline}.app-wrapper{height:100%;display:flex;flex-direction:column}.app-wrapper .app-shell{flex:1;min-height:0}.verify-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#faa61a24;border-bottom:1px solid rgba(250,166,26,.35);color:var(--text-primary);padding:9px 16px;font-size:13px;flex-shrink:0}.verify-banner button{background:#faa61a;color:#241700;border:none;border-radius:6px;padding:6px 12px;font-weight:600;font-size:12px}.verify-banner button:disabled{opacity:.6}.verify-banner .ok{color:var(--success);font-size:12px}.verify-banner .err{color:var(--danger);font-size:12px}.message-row.menu-open{background:#ffffff08}.message-row.menu-open .message-actions{display:flex}.edited-tag.as-button{background:none;border:none;padding:0 0 0 4px;font-size:10px;color:var(--text-faint);cursor:pointer;text-decoration:underline dotted}.edited-tag.as-button:hover{color:var(--accent)}.edit-version{background:var(--bg-elevated);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word;margin-bottom:4px}.edit-version.current{border-left:3px solid var(--success)}.rail-icon.has-image{padding:0;overflow:hidden;background:var(--bg-elevated)}.rail-icon.has-image img{width:100%;height:100%;object-fit:cover}.server-icon-preview{width:80px;height:80px;border-radius:22px;object-fit:cover;flex-shrink:0}.server-icon-preview.letters{display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:24px}.channel-row{display:flex;align-items:center;gap:2px}.channel-row .channel-item{flex:1;min-width:0}.channel-action{background:none;border:none;color:var(--text-faint);padding:4px 5px;border-radius:5px;font-size:12px;opacity:0}.channel-row:hover .channel-action{opacity:1}.channel-action:hover{background:var(--bg-elevated);color:var(--text-primary)}.member-text{display:flex;flex-direction:column;min-width:0}.member-activity{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-note{background:var(--bg-elevated);border-radius:9px;padding:12px 14px;margin-bottom:16px;font-size:12px}.webhook-note strong{display:block;color:var(--text-primary);margin-bottom:4px;font-size:13px}.webhook-note p{margin:0;color:var(--text-muted);line-height:1.5}.webhook-row{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:10px}.webhook-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.webhook-head strong{flex-shrink:0}.webhook-stats{flex:1;font-size:11px;color:var(--text-faint)}.webhook-url{display:flex;align-items:center;gap:8px}.webhook-url code{flex:1;min-width:0;background:var(--bg-input);border-radius:6px;padding:7px 9px;font-size:11px;color:var(--text-muted);overflow-x:auto;white-space:nowrap}.webhook-details{margin-top:8px;font-size:13px;color:var(--text-muted)}.webhook-details summary{cursor:pointer;color:var(--accent)}.webhook-details pre{background:var(--bg-input);border-radius:8px;padding:10px 12px;font-size:11px;overflow-x:auto;color:var(--text-muted)}.admin-section{font-family:var(--font-display);font-size:15px;margin:26px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.admin-stat.warn{border:1px solid rgba(250,166,26,.4)}.admin-stat.warn .admin-stat-value{color:#faa61a}.admin-charts{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mini-chart{background:var(--bg-elevated);border-radius:10px;padding:14px 16px}.mini-chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.mini-chart-label{font-size:12px;color:var(--text-muted)}.mini-chart-total{font-family:var(--font-display);font-size:18px;font-weight:600}.mini-chart-bars{display:flex;align-items:flex-end;gap:3px;height:64px}.mini-chart-bar{flex:1;height:100%;display:flex;align-items:flex-end}.mini-chart-bar span{width:100%;border-radius:2px 2px 0 0;min-height:2px}.mini-chart-bar:hover span{filter:brightness(1.3)}.mini-chart-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);margin-top:6px}.admin-filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.admin-filters input{flex:1;min-width:180px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text-primary);outline:none}.admin-filters input:focus{border-color:var(--accent)}.admin-filters select{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text-primary);outline:none}.admin-user-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.admin-report-card,.admin-report-row{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:10px}.admin-snippet{background:var(--bg-elevated);border-radius:7px;padding:8px 10px;margin-top:6px;font-size:13px;font-style:italic;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.admin-audit-row{padding:9px 2px;border-bottom:1px solid var(--border);font-size:13px}.header-badge{background:var(--danger);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600;margin-left:8px}.notice-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;font-size:13px;flex-shrink:0;border-bottom:1px solid var(--border)}.notice-banner.info{background:#5865f21f}.notice-banner.warning{background:#faa61a24}.notice-banner.action{background:#e5555a24}.notice-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notice-text strong{font-size:13px}.notice-text span{color:var(--text-muted);font-size:12px}.notice-count{background:var(--bg-elevated);border-radius:10px;padding:2px 8px;font-size:11px;color:var(--text-muted)}.notice-banner button{background:var(--bg-elevated);border:none;color:var(--text-primary);border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600}[data-theme=cyber] .rail-icon.active:before{background:var(--accent);box-shadow:var(--glow-accent)}[data-theme=cyber] .channel-item.active{background:linear-gradient(90deg,var(--accent-soft),transparent);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=cyber] .btn-primary,[data-theme=cyber] .modal-row .primary,[data-theme=cyber] .landing-cta:not(.ghost),[data-theme=cyber] .composer-inner button.send{background:var(--gradient-accent);color:#fff;border:none;transition:box-shadow .18s,transform .18s}[data-theme=cyber] .btn-primary:hover,[data-theme=cyber] .modal-row .primary:hover,[data-theme=cyber] .landing-cta:not(.ghost):hover,[data-theme=cyber] .composer-inner button.send:hover{box-shadow:0 6px 22px #06b6d473;transform:translateY(-1px)}[data-theme=cyber] .field input:focus,[data-theme=cyber] .field select:focus,[data-theme=cyber] .admin-filters input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}[data-theme=cyber] .stat-card,[data-theme=cyber] .feature,[data-theme=cyber] .chart-panel,[data-theme=cyber] .system-item{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 60%),var(--bg-sidebar)}[data-theme=cyber] .stat-card:after,[data-theme=cyber] .chart-panel:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent)}[data-theme=cyber] .auth-shell{background:var(--bg-app);position:relative;overflow:hidden}[data-theme=cyber] .auth-shell:before,[data-theme=cyber] .auth-shell:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;z-index:0;animation:drift 26s ease-in-out infinite alternate}[data-theme=cyber] .auth-shell:before{background:#06b6d4;top:-180px;left:-140px}[data-theme=cyber] .auth-shell:after{background:#8b5cf6;bottom:-200px;right:-160px;animation-delay:-13s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(90px,60px) scale(1.15)}}[data-theme=cyber] .auth-card{position:relative;z-index:1;background:#131b2eb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 60px #00000080}@media (prefers-reduced-motion: reduce){[data-theme=cyber] .auth-shell:before,[data-theme=cyber] .auth-shell:after{animation:none}}[data-theme=cyber] .friend-row,[data-theme=cyber] .admin-report-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:border-color .16s,transform .16s}[data-theme=cyber] .friend-row:hover{border-color:#06b6d473;transform:translateY(-1px);background:linear-gradient(90deg,var(--accent-soft),var(--bg-elevated) 60%)}[data-theme=cyber] .member-item{border-radius:9px;padding:7px 9px}[data-theme=cyber] .member-item:hover{background:linear-gradient(90deg,var(--accent-soft),transparent)}[data-theme=cyber] .friend-action{background:var(--bg-input);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-weight:600;transition:box-shadow .16s,border-color .16s,transform .16s}[data-theme=cyber] .friend-action:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 14px #06b6d447;transform:translateY(-1px)}[data-theme=cyber] .friend-action.accept{background:var(--gradient-accent);border-color:transparent;color:#fff}[data-theme=cyber] .friend-action.accept:hover:not(:disabled){box-shadow:0 5px 20px #06b6d473}[data-theme=cyber] .friend-action.decline{background:transparent;border-color:#f43f5e66;color:var(--danger)}[data-theme=cyber] .friend-action.decline:hover:not(:disabled){background:#f43f5e1f;border-color:var(--danger);box-shadow:0 0 14px #f43f5e40}[data-theme=cyber] .secondary-btn{border-radius:999px;border:1px solid var(--border);padding:9px 16px}[data-theme=cyber] .secondary-btn:hover{border-color:var(--accent)}[data-theme=cyber] .modal-tabs{gap:0;border-bottom:1px solid var(--border);padding-bottom:0}[data-theme=cyber] .modal-tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:11px 18px;color:var(--text-muted);font-weight:600;margin-bottom:-1px}[data-theme=cyber] .modal-tabs button:hover{color:var(--text-primary)}[data-theme=cyber] .modal-tabs button.active{background:none;color:var(--accent);border-bottom-color:var(--accent);box-shadow:0 2px 12px -6px var(--accent)}[data-theme=cyber] .modal{background:var(--bg-elevated);border:1px solid rgba(148,163,184,.14);box-shadow:0 24px 64px #0000008c}[data-theme=cyber] .modal-backdrop{background:#03060db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=cyber] .user-menu,[data-theme=cyber] .context-menu,[data-theme=cyber] .participant-menu,[data-theme=cyber] .emoji-picker{background:#131b2ef0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#94a3b829}[data-theme=cyber] .sidebar{background:var(--bg-rail);border-right:1px solid var(--border)}[data-theme=cyber] .member-list{background:var(--bg-rail);border-left:1px solid var(--border)}[data-theme=cyber] .user-bar{background:#0b0f19e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=cyber] .chat-header{background:#0b0f19b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:2}[data-theme=cyber] .composer-inner{background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .16s}[data-theme=cyber] .composer-inner:focus-within{border-color:#06b6d480;box-shadow:0 0 0 3px var(--accent-soft)}[data-theme=cyber] .message-row:hover{background:#06b6d40b}[data-theme=cyber] .reaction.mine{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 10px #06b6d433}[data-theme=cyber] .media-tile{background:var(--bg-elevated);border:1px solid var(--border)}[data-theme=cyber] .media-tile.speaking{box-shadow:inset 0 0 0 2px var(--success),0 0 18px #10b9814d}[data-theme=cyber] .voice-bar{background:#131b2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=cyber] .call-controls button{border-radius:999px;padding:8px 15px;border:1px solid var(--border)}[data-theme=cyber] .call-controls button.active{background:var(--gradient-accent);border-color:transparent;color:#fff}[data-theme=cyber] .call-controls button.leave,[data-theme=cyber] .voice-bar button.leave{background:#f43f5e26;border-color:#f43f5e73;color:var(--danger)}[data-theme=cyber] .profile-card{background:var(--bg-elevated)}[data-theme=cyber] .profile-stats{border-color:var(--border);background:#06b6d40a;border-radius:10px;padding:12px 14px}[data-theme=cyber] .mutual-server{border-color:#06b6d440;background:#06b6d40f}[data-theme=cyber] .verify-banner{background:#f59e0b1f;border-bottom-color:#f59e0b52}[data-theme=cyber] .verify-banner button{background:var(--warning);color:#1c1204;border-radius:999px}[data-theme=cyber] .notice-banner button{border-radius:999px}[data-theme=cyber] ::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}[data-theme=cyber] ::-webkit-scrollbar-thumb:hover{background:#2b3b53}.add-friend-row{display:flex;gap:10px;margin-bottom:22px}.add-friend-row input{flex:1}.add-friend-btn{width:auto;min-width:150px;margin-top:0;white-space:nowrap}.list-empty{text-align:center;padding:48px 20px;color:var(--text-faint)}.list-empty-icon{font-size:34px;margin-bottom:10px;opacity:.55}.list-empty p{margin:0;font-size:14px}[data-theme=cyber] .add-friend-row input{background:var(--bg-elevated);border-color:var(--border)}[data-theme=cyber] .channel-item.active,[data-theme=cyber] .dm-list-item.active{position:relative;color:var(--text-primary)}[data-theme=cyber] .channel-item.active:before,[data-theme=cyber] .dm-list-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px #06b6d499}[data-theme=cyber] .dm-list-item.active{background:linear-gradient(90deg,var(--accent-soft),transparent)}[data-theme=cyber] .channel-category{color:#475569}[data-theme=cyber] .sidebar-header{border-bottom-color:var(--border);background:#0b0f1980}.icon-btn svg{display:block}.user-menu-icon{display:inline-flex;align-items:center;justify-content:center}.channel-action{display:flex;align-items:center;justify-content:center}.channel-action svg{display:block}[data-theme=cyber] .user-bar .icon-btn:hover{box-shadow:0 0 12px #06b6d440}.invite-create{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:22px}.invite-code-input{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:9px;overflow:hidden}.invite-code-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.invite-prefix{padding:0 4px 0 12px;font-size:12px;color:var(--text-faint);font-family:ui-monospace,monospace;white-space:nowrap}.invite-code-input input{flex:1;min-width:0;background:none;border:none;outline:none;padding:10px 12px 10px 0;color:var(--text-primary);font-family:ui-monospace,monospace;font-size:13px}.invite-options{display:grid;gap:12px;grid-template-columns:1fr 1fr}.invite-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:13px;padding:14px 16px;margin-bottom:10px;transition:border-color .16s}.invite-card:hover{border-color:#06b6d459}.invite-card.dead{opacity:.6}.invite-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}.invite-card-code{background:var(--bg-input);border-radius:6px;padding:4px 10px;font-family:ui-monospace,monospace;font-size:13px;color:var(--accent);font-weight:600}.invite-card-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);margin-bottom:11px}.invite-card-meta span{display:inline-flex;align-items:center;gap:5px}.invite-creator{color:var(--text-faint)}.invite-card-actions{display:flex;gap:8px;flex-wrap:wrap}.invite-note{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px 14px;margin-top:18px}.invite-note strong{display:block;font-size:13px;margin-bottom:4px;color:var(--warning)}.invite-note p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.55}@media (max-width: 520px){.invite-options{grid-template-columns:1fr}}.screen-switch-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-weight:600;margin:14px 0 8px}.screen-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.screen-thumb{position:relative;flex:0 0 200px;background:none;border:none;padding:0;border-radius:10px;overflow:hidden;cursor:pointer}.screen-thumb .media-tile{height:112px;border-radius:10px}.screen-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06b6d440;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s}.screen-thumb:hover .screen-thumb-overlay{opacity:1}.screen-thumb:hover .media-tile{outline:2px solid var(--accent);outline-offset:-2px}.screen-audio-note{font-size:11px;margin:8px 0 0}.tile-fullscreen{position:absolute;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;background:#0b0f19bf;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:var(--text-primary);opacity:0;transition:opacity .15s,border-color .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}.media-tile:hover .tile-fullscreen{opacity:1}.tile-fullscreen:hover{border-color:var(--accent);color:var(--accent)}.media-tile:fullscreen .tile-fullscreen{opacity:1}.media-tile:fullscreen{border-radius:0;background:#000}.media-tile:fullscreen video{width:100%;height:100%}[data-theme=cyber] .stat-card:after,[data-theme=cyber] .chart-panel:after,[data-theme=cyber] .channel-item.active:before,[data-theme=cyber] .dm-list-item.active:before,[data-theme=cyber] .rail-icon.active:before,[data-theme=cyber] .admin-side-item.active:before,.rail-icon.active:before,.admin-block h3:before,.flag-badge-dot,.sync-ring,.live-dot{pointer-events:none}.lfg-count{background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:1px 9px;font-size:12px;font-weight:600;margin-left:8px}.lfg-open-compose{width:auto;min-width:200px;margin:0 0 20px}.lfg-compose{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:22px}.lfg-compose-row{display:grid;gap:12px;grid-template-columns:1fr 1fr 110px}.lfg-mine-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:14px}.lfg-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.lfg-filters button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:6px 14px;color:var(--text-muted);font-size:13px;font-weight:600}.lfg-filters button:hover{border-color:var(--accent);color:var(--text-primary)}.lfg-filters button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.lfg-filters button span{opacity:.6;font-size:11px;margin-left:4px}.lfg-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px;transition:border-color .16s,transform .16s}.lfg-card:hover{border-color:#06b6d466;transform:translateY(-1px)}.lfg-card.mine{border-left:3px solid var(--accent)}.lfg-card-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lfg-author{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.lfg-author b{font-size:13px}.lfg-author small{font-size:11px;color:var(--text-faint)}.lfg-time{font-size:11px;color:var(--text-faint);flex-shrink:0}.lfg-game-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.lfg-game{font-family:var(--font-display);font-size:16px;font-weight:600}.lfg-slots{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);font-weight:600;margin-bottom:8px}.lfg-note{font-size:13px;color:var(--text-muted);margin:0 0 12px;line-height:1.45}.lfg-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:11px;border-top:1px solid var(--border)}.lfg-channel{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted);min-width:0}.lfg-channel.muted{color:var(--text-faint);font-style:italic}.lfg-live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0;animation:live-pulse 2s ease-in-out infinite}@media (max-width: 600px){.lfg-compose-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.lfg-live-dot{animation:none}}.landing{min-height:100%;background:radial-gradient(circle at 15% 0%,var(--accent-soft),transparent 45%),radial-gradient(circle at 85% 20%,rgba(88,101,242,.1),transparent 45%),var(--bg-app);color:var(--text-primary);overflow-y:auto}.landing-nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:16px;flex-wrap:wrap}.landing-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-primary);text-decoration:none}.landing-logo{width:26px;height:26px;color:var(--accent)}.landing-nav nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.landing-nav nav a{color:var(--text-muted);text-decoration:none;font-size:14px}.landing-nav nav a:hover{color:var(--text-primary)}.landing-cta{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:9px;padding:12px 22px;font-weight:600;font-size:15px;text-decoration:none;display:inline-block;transition:background .15s}.landing-cta:hover{background:var(--accent-hover)}.landing-cta.small{padding:8px 16px;font-size:14px}.landing-cta.ghost{background:var(--bg-elevated);color:var(--text-primary)}.landing-cta.ghost:hover{background:var(--bg-input)}.hero{max-width:1100px;margin:0 auto;padding:40px 24px 70px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero h1{font-family:var(--font-display);font-size:44px;line-height:1.12;margin:0 0 16px;letter-spacing:-.02em}.hero-sub{font-size:17px;color:var(--text-muted);line-height:1.55;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:13px;color:var(--text-faint);margin:18px 0 0}.section{max-width:1100px;margin:0 auto;padding:56px 24px}.section h2{font-family:var(--font-display);font-size:30px;margin:0 0 8px;letter-spacing:-.01em}.section-sub{color:var(--text-muted);margin:0 0 28px;font-size:16px}.features{display:grid;gap:18px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:22px}.feature-icon{font-size:26px;margin-bottom:10px}.feature h3{font-family:var(--font-display);font-size:17px;margin:0 0 7px}.feature p{color:var(--text-muted);font-size:14px;line-height:1.55;margin:0}.why-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.why-list li{background:var(--bg-sidebar);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:16px 18px;color:var(--text-muted);font-size:15px;line-height:1.55}.why-list strong{color:var(--text-primary);display:block;margin-bottom:3px}.download-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.download-btn{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:18px 26px;min-width:150px;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.download-btn:hover{border-color:var(--accent)}.download-os{font-family:var(--font-display);font-weight:600;font-size:16px}.download-file{font-size:13px;color:var(--text-faint)}.landing-footer{max-width:1100px;margin:0 auto;border-top:1px solid var(--border);padding:28px 24px 44px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.landing-footer nav{display:flex;gap:18px;flex-wrap:wrap}.landing-footer a,.linklike{color:var(--text-muted);text-decoration:none;font-size:14px;background:none;border:none;padding:0}.landing-footer a:hover,.linklike:hover{color:var(--text-primary)}.landing-copy{margin-left:auto;color:var(--text-faint);font-size:13px}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-bottom:48px}.hero h1{font-size:34px}.preview{height:260px}.landing-copy{margin-left:0;width:100%}}.lang-switch{display:inline-flex;gap:4px}.lang-switch button{background:var(--bg-elevated);border:1px solid transparent;color:var(--text-muted);border-radius:7px;padding:6px 11px;font-size:13px;font-weight:600}.lang-switch button:hover{color:var(--text-primary)}.lang-switch button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.auth-card .lang-switch{display:flex;justify-content:flex-end;margin-bottom:14px}.legal{min-height:100%;background:var(--bg-app);color:var(--text-primary);overflow-y:auto}.legal-nav{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.legal-body{max-width:820px;margin:0 auto;padding:32px 24px 80px;font-size:15px;line-height:1.7}.legal-body h1{font-family:var(--font-display);font-size:32px;margin:0 0 6px;letter-spacing:-.01em}.legal-body h2{font-family:var(--font-display);font-size:20px;margin:36px 0 10px;padding-top:10px;border-top:1px solid var(--border)}.legal-body h3{font-size:16px;margin:22px 0 8px;color:var(--text-primary)}.legal-body p{color:var(--text-muted);margin:0 0 12px}.legal-body ul{color:var(--text-muted);padding-left:22px;margin:0 0 14px}.legal-body li{margin-bottom:7px}.legal-body strong{color:var(--text-primary)}.legal-date{font-size:13px;color:var(--text-faint);margin-bottom:24px!important}.legal-draft{background:#faa61a1f;border:1px solid rgba(250,166,26,.4);border-radius:9px;padding:12px 16px;font-size:13px;color:var(--text-primary)!important;margin-bottom:28px!important}.legal-table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px;display:block;overflow-x:auto}.legal-table th,.legal-table td{border:1px solid var(--border);padding:9px 11px;text-align:left;vertical-align:top}.legal-table th{background:var(--bg-elevated);font-weight:600;color:var(--text-primary);white-space:nowrap}.legal-table td{color:var(--text-muted)}.legal-footer-note{margin-top:40px;padding:16px 18px;background:var(--bg-sidebar);border-left:3px solid var(--accent);border-radius:9px}.legal-footer-note p{margin:0;font-size:13px}.preview{display:flex;height:360px;background:var(--bg-chat);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000073;font-size:11px;-webkit-user-select:none;user-select:none}.pv-rail{width:50px;flex-shrink:0;background:var(--bg-rail);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:7px}.pv-rail-icon{width:34px;height:34px;border-radius:11px;background:var(--bg-elevated);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text-muted);flex-shrink:0}.pv-rail-icon.pv-dm{font-size:13px}.pv-rail-icon.pv-active{background:var(--accent);color:#042028;border-radius:10px;box-shadow:0 0 14px #06b6d473}.pv-rail-icon.pv-add{color:var(--success);font-size:15px}.pv-rail-divider{width:18px;height:1px;background:var(--border)}.pv-sidebar{width:150px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative}.pv-server-name{display:flex;align-items:center;justify-content:space-between;padding:11px;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--text-primary);border-bottom:1px solid var(--border)}.pv-chevron{color:var(--text-faint);font-size:12px}.pv-category{font-size:8.5px;letter-spacing:.06em;font-weight:700;color:var(--text-faint);padding:10px 11px 4px}.pv-channel{display:flex;align-items:center;gap:5px;padding:5px 11px;color:var(--text-muted);font-size:11px}.pv-hash{color:var(--text-faint);font-size:10px}.pv-channel-active{background:linear-gradient(90deg,var(--accent-soft),transparent);color:var(--text-primary);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}.pv-voice-members{padding:1px 11px 4px 22px;display:flex;flex-direction:column;gap:4px}.pv-voice-member{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted)}.pv-voice-member i{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:700;font-style:normal;color:#061018;flex-shrink:0}.pv-live{background:var(--danger);color:#fff;font-size:6.5px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:3px}.pv-userbar{margin-top:auto;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#0b0f19bf;border-top:1px solid var(--border)}.pv-userbar-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pv-userbar-text b{font-size:10.5px;color:var(--text-primary)}.pv-userbar-text small{font-size:8.5px;color:var(--text-faint)}.pv-chat{flex:1;display:flex;flex-direction:column;min-width:0}.pv-chat-header{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--border);font-weight:600;font-size:12px;color:var(--text-primary);background:#0b0f1999}.pv-topic{font-weight:400;font-size:10px;color:var(--text-faint);padding-left:8px;margin-left:4px;border-left:1px solid var(--border)}.pv-messages{flex:1;padding:10px 14px;display:flex;flex-direction:column;gap:11px;overflow:hidden}.pv-message{display:flex;gap:8px}.pv-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;font-style:normal;color:#061018;flex-shrink:0}.pv-message-body{min-width:0}.pv-message-head{display:flex;align-items:baseline;gap:6px}.pv-message-head b{font-size:11.5px;color:var(--text-primary)}.pv-message-head span{font-size:8.5px;color:var(--text-faint)}.pv-message-body p{margin:2px 0 0;font-size:11px;color:var(--text-muted);line-height:1.4}.pv-typing{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--text-faint);font-style:italic}.pv-dots{display:inline-flex;gap:2px}.pv-dots i{width:3px;height:3px;border-radius:50%;background:var(--text-faint);animation:pv-blink 1.4s ease-in-out infinite}.pv-dots i:nth-child(2){animation-delay:.2s}.pv-dots i:nth-child(3){animation-delay:.4s}@keyframes pv-blink{0%,60%,to{opacity:.3}30%{opacity:1}}.pv-composer{margin:0 14px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-size:10.5px;color:var(--text-faint)}.pv-members{width:132px;flex-shrink:0;background:var(--bg-rail);border-left:1px solid var(--border);padding-bottom:8px}.pv-member{display:flex;align-items:center;gap:7px;padding:4px 10px}.pv-member.pv-dim{opacity:.45}.pv-avatar-wrap{position:relative;flex-shrink:0;display:block}.pv-status{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-rail)}.pv-status.pv-online{background:var(--success)}.pv-status.pv-idle{background:var(--warning)}.pv-status.pv-offline{background:var(--text-faint)}.pv-member-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pv-member-text b{font-size:10.5px;color:var(--text-muted);font-weight:600}.pv-member-text small{font-size:8px;color:var(--accent)}@media (prefers-reduced-motion: reduce){.pv-dots i{animation:none;opacity:.6}}@media (max-width: 860px){.preview{height:auto;transform:scale(.78);transform-origin:top center;width:128%;margin-left:-14%}.preview>*{min-height:330px}}@media (max-width: 520px){.pv-members{display:none}.preview{transform:scale(.9);width:111%;margin-left:-5.5%}}.admin-shell{flex:1;display:flex;min-width:0;background:var(--bg-chat)}.admin-side{width:190px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:3px}.admin-side-title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-faint);letter-spacing:.04em;padding:0 10px 12px;text-transform:uppercase}.admin-side-item{display:flex;align-items:center;gap:10px;background:none;border:none;width:100%;text-align:left;color:var(--text-muted);padding:9px 11px;border-radius:8px;font-size:14px;position:relative}.admin-side-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-side-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-side-icon{width:18px;text-align:center;font-size:15px}.admin-side-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:600}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-topbar{height:52px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.admin-topbar h2{font-family:var(--font-display);font-size:17px;margin:0}.admin-content{flex:1;overflow-y:auto;padding:20px}.admin-block{margin-top:26px}.admin-block h3{font-family:var(--font-display);font-size:14px;color:var(--text-muted);margin:0 0 12px;letter-spacing:.03em;text-transform:uppercase}.admin-two-col{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.stat-card{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:14px 16px 10px;position:relative;overflow:hidden}.stat-card.warn{border-color:#faa61a73}.stat-card.warn .stat-card-value{color:#faa61a}.stat-card.ok .stat-card-value{color:var(--success)}.stat-card-top{display:flex;align-items:center;gap:7px;margin-bottom:6px}.stat-card-icon{font-size:14px}.stat-card-label{font-size:12px;color:var(--text-muted)}.stat-card-value{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.1}.stat-card-hint,.stat-card-trend{font-size:11px;color:var(--text-faint);margin-top:2px}.stat-card-trend.up{color:var(--success)}.stat-card-trend.down{color:var(--danger)}.stat-card .sparkline{margin:6px -16px -10px;width:calc(100% + 32px);display:block}.sparkline{width:100%;display:block}.admin-chart-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.chart-panel{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.chart-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.chart-panel-head strong{font-family:var(--font-display);font-size:18px;color:var(--text-primary)}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);margin-top:4px}.admin-table{border:1px solid var(--border);border-radius:11px;overflow:hidden}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:minmax(180px,2.2fr) 70px 70px 70px 110px 90px;align-items:center;gap:10px;padding:10px 14px}.admin-table.servers .admin-table-head,.admin-table.servers .admin-table-row{grid-template-columns:minmax(180px,2.2fr) 70px 70px 80px 110px 190px}.admin-table-head{background:var(--bg-elevated);font-size:11px;font-weight:600;color:var(--text-faint);letter-spacing:.03em;text-transform:uppercase}.admin-table-row{border-top:1px solid var(--border);font-size:13px}.admin-table-row:hover{background:#ffffff05}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.admin-table .num.flag{color:#faa61a;font-weight:600}.admin-table .cell-date{font-size:12px;color:var(--text-faint)}.admin-table .cell-user{display:flex;align-items:center;gap:9px;min-width:0}.admin-table .cell-actions{display:flex;gap:6px;justify-content:flex-end}.admin-mini-row{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;color:var(--text-primary);padding:8px 10px;border-radius:8px}.admin-mini-row:not(.static):hover{background:var(--bg-elevated)}.admin-mini-text{display:flex;flex-direction:column;min-width:0;flex:1}.admin-mini-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mini-sub{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:9px;padding:2px 7px;border-radius:4px;letter-spacing:.03em;background:var(--bg-elevated);color:var(--text-muted);font-weight:600;white-space:nowrap}.tag.accent{background:var(--accent-soft);color:var(--accent)}.tag.danger{background:#e5555a29;color:var(--danger)}.tag.warn{background:#faa61a29;color:#faa61a}.system-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.system-item{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.system-label{font-size:11px;color:var(--text-muted)}.system-value{font-family:var(--font-display);font-size:16px;font-weight:600}.system-value.ok{color:var(--success)}.system-value.bad{color:var(--danger)}.report-card{background:var(--bg-sidebar);border:1px solid var(--border);border-left:3px solid #faa61a;border-radius:11px;padding:14px 16px;margin-bottom:12px}.report-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.report-reason{font-size:14px;margin-bottom:4px}.timeline{position:relative;padding-left:8px}.timeline-row{display:flex;gap:14px;padding:10px 0 10px 14px;border-left:1px solid var(--border);position:relative;font-size:13px}.timeline-dot{position:absolute;left:-4px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:10px 2px}.skeleton-circle,.skeleton-line{background:var(--bg-elevated);border-radius:6px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-circle{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:7px}.skeleton-line{height:9px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.admin-empty{text-align:center;padding:44px 20px;color:var(--text-faint)}.admin-empty-icon{font-size:32px;margin-bottom:10px;opacity:.6}.admin-empty h4{font-family:var(--font-display);color:var(--text-muted);margin:0 0 5px;font-size:15px}.admin-empty p{font-size:13px;margin:0}@media (max-width: 900px){.admin-side{width:58px;padding:16px 6px}.admin-side-title,.admin-side-item span:not(.admin-side-icon):not(.admin-side-badge){display:none}.admin-side-item{justify-content:center}.admin-table-head{display:none}.admin-table-row{grid-template-columns:1fr auto;row-gap:6px}.admin-table .num,.admin-table .cell-date{display:none}}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.palette-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text-faint);font-size:12px}.palette-trigger:hover{border-color:var(--accent);color:var(--text-muted)}kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:inherit;color:var(--text-faint)}.live-pill{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elevated);border-radius:14px;padding:5px 11px;font-size:12px;color:var(--text-muted)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.live-pill.ok .live-dot{animation:live-pulse 2s ease-in-out infinite}.live-pill.bad .live-dot{background:var(--danger)}.live-pill.bad{color:var(--danger)}@keyframes live-pulse{0%,to{box-shadow:0 0 #57c77a8c}70%{box-shadow:0 0 0 6px #57c77a00}}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.palette{width:min(560px,92vw);background:var(--bg-app);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px #00000080;overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.palette-icon{color:var(--text-faint);font-size:17px}.palette-input input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:15px}.palette-results{flex:1;overflow-y:auto;padding:6px}.palette-group{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:10px 10px 5px;font-weight:600}.palette-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;color:var(--text-primary);padding:8px 10px;border-radius:8px}.palette-item.active{background:var(--accent-soft)}.palette-server-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;font-size:13px;flex-shrink:0}.palette-hint{color:var(--text-faint);font-size:13px;padding:16px 10px;margin:0}.palette-footer{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint)}.palette-footer span{display:flex;align-items:center;gap:4px}.danger-modal{border-top:3px solid var(--danger)}.danger-warning{background:#e5555a1f;border:1px solid rgba(229,85,90,.35);border-radius:8px;padding:10px 13px;margin-bottom:16px;font-size:13px;color:var(--danger);font-weight:600}.danger-confirm{background:var(--danger);color:#fff;border:none;border-radius:8px;padding:10px;font-weight:600;flex:1}.danger-confirm:disabled{opacity:.4;cursor:not-allowed}.flag-row{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:8px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px}.toggle{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-input);position:relative;flex-shrink:0;transition:background .18s}.toggle.on{background:var(--success)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}.toggle.on .toggle-knob{transform:translate(20px)}.inspect-note{background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:8px;padding:10px 13px;margin:14px 0;font-size:12px;color:var(--text-muted)}.inspect-channels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.inspect-channel{display:inline-flex;align-items:center;gap:6px;background:var(--bg-elevated);border-radius:7px;padding:5px 10px;font-size:12px;color:var(--text-muted)}.inspect-count{background:var(--bg-input);border-radius:9px;padding:0 6px;font-size:10px;color:var(--text-faint)}[data-theme=cyber] .admin-side-item.active{background:linear-gradient(90deg,var(--accent-soft),transparent);position:relative}[data-theme=cyber] .admin-side-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--accent);box-shadow:var(--glow-accent)}[data-theme=cyber] .admin-topbar{background:#0b0f19b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}[data-theme=cyber] .admin-table-row:hover{background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}[data-theme=cyber] .admin-table-head{background:#131b2e99}[data-theme=cyber] .danger-modal{border:1px solid rgba(244,63,94,.5);border-top:2px solid var(--danger);box-shadow:var(--glow-danger)}[data-theme=cyber] .danger-confirm:not(:disabled):hover{box-shadow:0 4px 20px #f43f5e80}[data-theme=cyber] .palette{background:#131b2edb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#94a3b82e}[data-theme=cyber] .palette-item.active{background:linear-gradient(90deg,var(--accent-soft),transparent);box-shadow:inset 2px 0 0 var(--accent)}[data-theme=cyber] .live-pill.ok{border:1px solid rgba(16,185,129,.3)}[data-theme=cyber] .toggle.on{background:var(--success);box-shadow:0 0 12px #10b98166}.flags-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.flags-warning{display:inline-flex;align-items:center;gap:7px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--warning)}.flag-group{margin-bottom:30px}.flag-group-title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px}.flag-group-icon{display:inline-flex}.flag-group-count{background:var(--bg-elevated);border-radius:9px;padding:1px 8px;font-size:11px;color:var(--text-faint);letter-spacing:0}.flag-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flag-card{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%),var(--bg-elevated);border:1px solid rgba(30,41,59,.9);border-radius:16px;padding:16px 18px 14px;display:flex;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s}.flag-card:hover{border-color:#06b6d459;transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.flag-card.disabled{opacity:.72}.flag-card.disabled .flag-card-title{color:var(--text-muted)}.flag-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.flag-card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.flag-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.flag-badge.on{background:#10b98124;color:var(--success);border:1px solid rgba(16,185,129,.3)}.flag-badge.off{background:#64748b24;color:var(--text-faint);border:1px solid rgba(100,116,139,.28)}.flag-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.flag-badge.on .flag-badge-dot{animation:badge-pulse 2.2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 5px #10b98100}}.flag-card-title{font-family:var(--font-display);font-size:15px;margin:0 0 5px;color:var(--text-primary)}.flag-card-key{display:inline-block;align-self:flex-start;background:var(--bg-input);border-radius:5px;padding:2px 7px;font-size:10.5px;color:var(--text-faint);font-family:ui-monospace,monospace;margin-bottom:10px}.flag-card-impact{font-size:12.5px;line-height:1.55;color:var(--text-muted);margin:0 0 14px;flex:1}.flag-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(30,41,59,.8)}.flag-card-meta{font-size:11px;color:var(--text-faint);min-width:0}.sync-pill{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.28);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;color:var(--success);cursor:default}.sync-ring{width:11px;height:11px;border-radius:50%;border:1.6px solid rgba(16,185,129,.3);border-top-color:var(--success);animation:sync-spin 1.5s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sync-ring,.flag-badge.on .flag-badge-dot{animation:none}}.admin-side-icon{display:inline-flex;align-items:center;justify-content:center;width:18px}.stat-card,.chart-panel,.system-item,.report-card,.admin-table{border-radius:16px;border-color:#1e293be6}.stat-card{box-shadow:0 2px 10px #0003}.stat-card:hover{border-color:#06b6d44d;box-shadow:0 8px 24px #00000052;transition:border-color .18s,box-shadow .18s}.admin-content{padding:24px 26px 40px}.admin-block{margin-top:32px}.stat-grid{gap:14px}.admin-block h3{display:flex;align-items:center;gap:9px}.admin-block h3:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px #06b6d480}.admin-mini-row:not(.static){border:1px solid transparent;transition:border-color .15s,background .15s}.admin-mini-row:not(.static):hover{border-color:#06b6d440;background:#06b6d40d}.tag{padding:3px 8px;border-radius:5px}.admin-side-item.active:before,.stat-card:after,.chart-panel:after,.timeline-dot{pointer-events:none}
