*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;border-radius:0}body{border-radius:0}:root{font-family:Outfit,Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#f2f3f5;background:var(--bg-tertiary);--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--bg-elevated: #3c3f45;--border: #232428;--accent: #14b8a6;--accent-hover: #0d9488;--text-muted: #949ba4;--text-normal: #dbdee1;--hover: rgba(255, 255, 255, .06);--danger: #ed4245;--danger-hover: #c93b3e;--success: #23a55a;--placeholder: #5a5a5a;--header-bg: var(--bg-tertiary);--topbar-text: #f2f3f5;--link: #00a8fc;--kbd-bg: var(--bg-elevated);--kbd-border: var(--border);--kbd-text: var(--text-normal);--gradient-bg: var(--bg-primary);--gradient-accent: var(--accent);--glow-accent: 0 0 0 transparent;--selection-bg: rgba(20, 184, 166, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .28);--shadow-deep: 0 12px 36px rgba(0, 0, 0, .55)}h1,h2,h3,.concord-logo,.server,.channel,.member-title{font-family:Outfit,Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.015em;font-weight:700}body{min-height:100vh;background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;font-size:15px;letter-spacing:.1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff17;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff2e;background-clip:padding-box}::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:#fff}input,textarea,button,select{font-family:inherit}#root{min-height:100vh}.concord-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}.concord-card{max-width:560px;width:100%;background:var(--bg-secondary);border-radius:12px;padding:32px;box-shadow:0 8px 32px #00000059}.concord-card h1{font-size:28px;margin-bottom:8px}.concord-card p{color:var(--text-muted);line-height:1.6;margin-bottom:16px}.concord-badge{display:inline-block;background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.concord-status{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;font-size:13px;color:var(--text-normal);word-break:break-all}.concord-status strong{color:#23a55a}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-tertiary)}.auth-card{width:100%;max-width:440px;background:var(--bg-secondary);border-radius:12px;padding:32px;box-shadow:0 8px 32px #00000059}.auth-logo{width:48px;height:48px;background:var(--accent);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;margin:0 auto 16px}.auth-card h1{text-align:center;font-size:24px;margin-bottom:6px}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:18px}.auth-tabs{display:flex;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:8px;margin-bottom:16px}.auth-tab{flex:1;border:none;background:transparent;color:var(--text-muted);padding:8px;border-radius:6px;cursor:pointer;font-weight:600}.auth-tab.active{background:var(--accent);color:#fff}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.auth-field label{font-size:12px;font-weight:700;color:var(--text-normal)}.auth-field input{background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:10px 12px;border-radius:8px;outline:none}.auth-field input:focus{border-color:var(--accent)}.auth-submit{width:100%;margin-top:8px;background:var(--accent);color:#fff;border:none;padding:11px;border-radius:8px;font-weight:700;cursor:pointer}.auth-submit:hover{background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-message{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4}.auth-message.error{background:#3a1f21;color:#fa777c;border:1px solid #5a2a2e}.auth-message.success{background:#1a3326;color:#5cffb0;border:1px solid #2d5a40}.concord-app{height:100vh;display:flex;flex-direction:column;background:var(--bg-tertiary);border-radius:12px;overflow:hidden}input,textarea,select,[contenteditable=true]{user-select:auto!important;pointer-events:auto!important;-webkit-user-select:auto!important}.voice-channel-wrap{display:flex;flex-direction:column}.voice-channel-users{display:flex;flex-direction:column;gap:2px;padding:4px 8px 8px 22px;font-size:12px;color:var(--text-muted)}.voice-channel-user{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);transition:background .15s ease}.voice-channel-user:hover{background:#ffffff0f}.voice-channel-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;font-size:12px}.voice-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0;transition:background .15s}.voice-dot.speaking{background:#43b581!important;box-shadow:0 0 8px #43b581b3;animation:pulse-ring 1.2s infinite}.voice-dot.connected{background:#43b581}.voice-dot.connecting,.voice-dot.calling{background:#faa61a;animation:pulse-ring 1s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #43b581b3}70%{box-shadow:0 0 0 6px #43b58100}to{box-shadow:0 0 #43b58100}}.talking-ring.speaking{animation:pulse-ring 1.2s infinite;border-radius:50%}.dm-call-panel{position:fixed;bottom:16px;right:16px;z-index:8500;width:360px;max-width:calc(100vw - 32px);background:var(--bg-elevated, #1a1c1f);border:1px solid var(--border, #2a2d31);border-radius:14px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-primary, "gg sans", "Inter", sans-serif);color:var(--text-normal);pointer-events:auto;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dm-call-panel.minimized{width:280px}.dm-call-panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,rgba(67,181,129,.18) 0%,transparent 100%);border-bottom:1px solid var(--border, #2a2d31);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.dm-call-panel-header:hover{background:linear-gradient(180deg,rgba(67,181,129,.25) 0%,transparent 100%)}.dm-call-status{flex:1;display:flex;align-items:center;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.dm-call-status.connecting,.dm-call-status.calling,.dm-call-status.ringing{color:#faa61a}.dm-call-status.connected{color:#43b581}.dm-call-status.error{color:#f04747}.dm-call-time{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500;text-transform:none;letter-spacing:0}.dm-call-minimize{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 8px;border-radius:4px;-webkit-app-region:no-drag}.dm-call-minimize:hover{background:#ffffff14;color:var(--text-normal)}.dm-call-incoming{padding:12px;background:linear-gradient(180deg,rgba(88,101,242,.15) 0%,transparent 100%);text-align:center;border-bottom:1px solid var(--border, #2a2d31)}.dm-call-incoming-text{font-size:13px;margin-bottom:10px}.dm-call-incoming-text strong{color:var(--accent, #5865f2)}.dm-call-incoming-actions{display:flex;gap:8px;justify-content:center}.dm-call-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:12px;min-height:80px;max-height:240px;overflow-y:auto}.dm-call-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;background:var(--bg-secondary, #2a2d31);transition:background .2s,box-shadow .2s}.dm-call-tile.speaking{background:#43b58126;box-shadow:0 0 0 2px #43b58180}.dm-call-tile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent, #5865f2);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;overflow:hidden;flex-shrink:0}.dm-call-tile-avatar img{width:100%;height:100%;object-fit:cover}.dm-call-tile-avatar.pulsing{animation:pulse-ring 1.2s infinite;background:#faa61a4d;font-size:28px}.dm-call-tile-media{width:100%;max-width:150px;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-call-video{width:100%;height:100%;object-fit:cover;background:#000;display:block}.dm-call-tile-name{font-size:11px;text-align:center;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.dm-call-error{margin:0 12px 8px;padding:6px 10px;background:#f0474726;border:1px solid #5a2a2e;color:#f04747;border-radius:6px;font-size:11px}.dm-call-volume{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border, #2a2d31)}.dm-call-volume input[type=range]{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dm-call-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent, #5865f2);border-radius:50%;cursor:pointer}.dm-call-volume-val{font-size:11px;min-width:32px;text-align:right;color:var(--text-muted)}.dm-call-controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px;background:var(--bg-secondary, #2a2d31);border-top:1px solid var(--border, #2a2d31)}.dm-call-ctrl{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff0f;color:var(--text-normal);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.dm-call-ctrl:hover{background:#ffffff1f;transform:scale(1.05)}.dm-call-ctrl.off{background:#f04747d9;color:#fff}.dm-call-ctrl.on{background:var(--accent, #5865f2);color:#fff}.dm-call-ctrl.end{background:#f04747;color:#fff;width:44px}.dm-call-ctrl.end:hover{background:#d83a3a}.dm-call-ctrl.accept{background:#43b581;color:#fff;width:auto;padding:0 16px;border-radius:20px;font-weight:700;font-size:13px}.dm-call-ctrl.decline{background:#f04747;color:#fff;width:auto;padding:0 16px;border-radius:20px;font-weight:700;font-size:13px}html,body,#root{border-radius:0;background:transparent}body{background:transparent}@media(min-width:0){body.is-electron{background:linear-gradient(135deg,#0f1419,#1a1d24,#0d1117)}body.is-electron #root{border-radius:14px;overflow:hidden;box-shadow:0 8px 40px #0009}}.concord-topbar{height:38px;display:flex;align-items:center;justify-content:flex-start;padding:0;background:linear-gradient(180deg,rgba(20,184,166,.08) 0%,transparent 100%),var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;gap:0;position:relative;flex-shrink:0}.concord-topbar-drag{display:flex;align-items:center;gap:8px;flex:1;height:100%;padding:0 12px;-webkit-app-region:drag;min-width:0}.concord-topbar-drag>*{-webkit-app-region:no-drag}.concord-brand{display:flex;align-items:center;gap:10px}.window-controls{display:flex;align-items:center;gap:0;height:100%;-webkit-app-region:no-drag!important;flex-shrink:0;background:#00000026}.window-btn{width:46px;height:100%;border:none;background:transparent;color:#c0c5cc;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-app-region:no-drag!important;pointer-events:auto!important;-webkit-user-select:none;user-select:none;padding:0;margin:0;font-family:inherit;transition:background .1s;outline:none}.window-btn:active{background:#ffffff0d}.window-btn.minimize:hover{background:#ffc80026;color:#ffc800}.window-btn.maximize:hover{background:#14b8a633;color:#14b8a6}.window-btn.close:hover{background:#e81123;color:#fff}.concord-brand{display:flex;align-items:center;gap:10px;-webkit-app-region:drag}.concord-brand strong{background:linear-gradient(135deg,#14b8a6,#5865f2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;font-weight:700;letter-spacing:.5px}.concord-logo{width:28px;height:28px;background:linear-gradient(135deg,#14b8a6,#5865f2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800}.concord-phase{display:none!important}.concord-main{flex:1;padding:20px;max-width:880px;width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.concord-main::-webkit-scrollbar{width:10px}.concord-main::-webkit-scrollbar-track{background:transparent}.concord-main::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:5px}.concord-main::-webkit-scrollbar-thumb:hover{background:#ffffff26}.concord-panel{background:var(--bg-secondary);border-radius:12px;padding:20px}.concord-panel.muted{background:transparent;border:1px dashed #404249;color:var(--text-muted)}.concord-panel h2{margin-bottom:6px}.concord-hint{font-size:12px;color:var(--text-muted);margin-bottom:14px;word-break:break-all}.concord-hint code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:6px 10px;border-radius:999px;cursor:pointer}.user-avatar{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.user-name{font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{font-size:10px;color:var(--text-muted)}.user-menu-dropdown{position:absolute;right:0;top:44px;width:240px;background:#111214;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 8px 24px #00000080;z-index:10}.user-menu-header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.user-menu-handle{font-size:12px;color:var(--text-muted)}.user-menu-email{font-size:11px;color:var(--text-muted);word-break:break-all}.user-menu-item{width:100%;border:none;background:var(--bg-secondary);color:var(--text-normal);padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left}.user-menu-item.danger{color:#fa777c}.user-menu-item:hover{background:#35373c}.profile-card{display:flex;flex-direction:column;gap:14px}.profile-header{display:flex;align-items:center;gap:12px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;position:relative;flex-shrink:0}.profile-status-dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-secondary)}.profile-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-display{font-size:16px}.profile-handle,.profile-email{font-size:12px;color:var(--text-muted);word-break:break-all}.profile-edit-btn{margin-left:auto;background:var(--bg-tertiary);color:var(--text-normal);border:1px solid #404249;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600}.profile-edit-btn:hover{background:#35373c}.profile-form{display:flex;flex-direction:column;gap:10px;background:var(--bg-tertiary);padding:14px;border-radius:10px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field span{font-size:12px;font-weight:600}.profile-field input,.profile-field select{background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:9px 10px;border-radius:8px;outline:none}.profile-field input:focus,.profile-field select:focus{border-color:var(--accent)}.profile-hint{color:var(--text-muted);font-size:11px}.profile-actions{display:flex;gap:8px;justify-content:flex-end}.btn{border:none;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .15s ease,filter .15s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent)}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)}.btn.secondary{background:#404249;color:var(--text-normal)}.btn.secondary:hover{background:#4a4d53}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.profile-msg{font-size:12px;padding:8px 10px;border-radius:8px;background:#1a3326;color:#5cffb0;border:1px solid #2d5a40}.profile-msg:not(.success){background:#3a1f21;color:#fa777c;border-color:#5a2a2e}.profile-status-row{display:flex;gap:8px;font-size:13px;align-items:center}.profile-status-label{color:var(--text-muted)}.topbar-nav{display:flex;gap:6px;margin-left:12px}.nav-tab{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.nav-tab.active{background:var(--bg-tertiary);color:var(--text-normal);border-color:#404249}.chat-layout{flex:1;display:flex;min-height:0;width:100%;height:100%}.channel-sidebar{width:280px;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border, #232428);flex-shrink:0;box-shadow:2px 0 10px #0000002e;z-index:1}.server-header{height:50px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px;letter-spacing:.2px;background:var(--bg-secondary);box-shadow:0 1px #0003}.server-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.server-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.server-invite-btn{flex-shrink:0;width:26px;height:26px;border-radius:6px;border:none;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.server-invite-btn:hover{background:var(--accent);color:#fff}.server-join-invite{padding:8px 12px;border-bottom:1px solid var(--border)}.join-invite-form{display:flex;gap:6px}.join-invite-input{flex:1;min-width:0;background:var(--bg, #151617);border:1px solid #303136;color:var(--text);border-radius:6px;padding:6px 8px;font-size:12px;outline:none}.join-invite-form button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}.channel-list{flex:1;padding:12px 8px;overflow-y:auto}.category{margin-bottom:16px}.category-title{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 8px;margin-bottom:6px}.channel{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);text-align:left;font-size:14px;cursor:pointer;transition:background .15s ease,color .15s ease}.channel:before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transform:translateY(-50%);transition:height .16s ease,opacity .16s ease;opacity:0}.channel:hover{color:var(--text-normal);background:#35373c}.channel.active{color:#fff;background:#404249}.channel.active:before{height:20px;opacity:1}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-primary)}.channel-header{height:50px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--border, #232428);font-weight:600;background:var(--bg-primary);box-shadow:0 1px #0003;z-index:1}.channel-header-icon{color:var(--text-muted);background:#ffffff0d;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:14px}.channel-header-hint{font-size:11px;color:var(--text-muted);font-weight:400;margin-left:8px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}.messages-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);text-align:center;gap:8px}.load-more{align-self:center;background:var(--bg-secondary);color:var(--text-normal);border:1px solid #404249;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;margin-bottom:8px}.load-more:hover{background:#35373c}.message{display:flex;gap:12px;padding:8px 10px;border-radius:8px;position:relative;transition:background .15s ease}.message:hover{background:#2e3035}.message.own{background:var(--message-own-bg, #2a2d33)}.message{background:var(--message-bg, transparent);border-radius:8px;padding:4px 8px;margin:0 -8px}.message.grouped{padding-top:2px;padding-bottom:2px;margin-top:-4px}.message.grouped .avatar.placeholder{width:40px;height:0;background:transparent}.message.grouped .message-content{padding-top:0}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.message-content{flex:1;min-width:0}.message-author{font-weight:600;font-size:14px;margin-bottom:3px;display:flex;align-items:center;gap:8px}.own-tag,.message-time{font-size:11px;color:var(--text-muted);font-weight:400}.message-text{color:var(--text-normal);font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.message-reply{font-size:12px;color:var(--text-muted);margin-bottom:4px;padding-left:8px;border-left:2px solid var(--accent)}.message-actions{display:flex;align-items:center;gap:4px;opacity:0;align-self:flex-start}.message:hover .message-actions{opacity:1}.message-action{width:28px;height:28px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;font-size:14px}.message-action:hover{background:var(--accent);color:#fff}.message-action.danger:hover{background:#ed4245}.message-edit-row{display:flex;gap:6px;margin-top:6px}.message-edit-row input{flex:1;background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:6px 8px;border-radius:6px}.btn.small{padding:6px 10px;font-size:12px}.realtime-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);padding:8px 4px;border-top:1px solid #2b2d31;margin-top:8px}.realtime-indicator .dot{width:8px;height:8px;border-radius:50%;background:#80848e}.realtime-indicator .dot.ok{background:#23a55a}.offline-hint{color:#fa777c}.composer-wrap{border-top:1px solid var(--border);background:var(--bg-primary);padding:12px 16px}.reply-preview{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);padding:8px 12px;border-radius:8px 8px 0 0;margin-bottom:8px;border:1px solid #404249;border-bottom:none}.reply-preview-content{flex:1;min-width:0}.reply-preview-label{font-size:11px;color:var(--text-muted);font-weight:600}.reply-preview-text{font-size:13px;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cancel-reply{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:6px}.cancel-reply:hover{background:#404249;color:#fff}.composer{display:flex;gap:8px;align-items:center;background:var(--input-bg);border-radius:var(--radius-md);padding:8px 10px;transition:box-shadow .15s ease}.composer:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.composer input{flex:1;background:transparent;border:none;outline:none;color:var(--text-normal);font-size:14px}.composer button{background:var(--accent);color:#fff;border:none;padding:7px 14px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:13px;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.composer button:hover{background:var(--accent-hover);transform:translateY(-1px)}.composer button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.composer-error{margin-top:8px;font-size:12px;color:#fa777c;background:#3a1f21;padding:6px 10px;border-radius:6px;border:1px solid #5a2a2e}.member-sidebar{width:220px;background:var(--bg-secondary);border-left:1px solid var(--border, #232428);padding:16px 12px;overflow-y:auto}.member-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:10px}.member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-normal);transition:background .15s ease;margin:0 -8px}.member:hover{background:#ffffff0d}.member .status{width:8px;height:8px;border-radius:50%;background:#23a55a;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,#23a55a 20%,transparent)}.member-hint{margin-top:12px;font-size:11px;color:var(--text-muted);line-height:1.4}.dm-sidebar{width:260px}.dm-search{padding:10px 8px;border-bottom:1px solid var(--border);position:relative}.dm-search input{width:100%;background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.dm-search input:focus{border-color:var(--accent)}.dm-search-hint{font-size:11px;color:var(--text-muted);margin-top:4px;display:block}.dm-search-results{margin-top:8px;background:var(--bg-tertiary);border:1px solid #404249;border-radius:8px;overflow:hidden;max-height:180px;overflow-y:auto}.dm-search-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-normal);cursor:pointer;text-align:left}.dm-search-item:hover{background:#35373c}.dm-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 1px 4px #0000004d}.dm-avatar.small{width:28px;height:28px;font-size:12px}.dm-text{display:flex;flex-direction:column;min-width:0}.dm-name{font-size:13px;font-weight:600}.dm-preview{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.dm-item{gap:10px}.dm-empty{padding:12px 8px;color:var(--text-muted);font-size:12px;text-align:center}.server-bar{width:64px;background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.server-bar::-webkit-scrollbar{display:none}.server{position:relative;width:48px;height:48px;border-radius:24px;border:none;background:var(--bg-secondary);color:#fff;font-weight:800;cursor:pointer;transition:border-radius .18s ease,background .18s ease,transform .12s ease;display:flex;align-items:center;justify-content:center}.server:before{content:"";position:absolute;left:-16px;top:50%;width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transform:translateY(-50%);transition:height .18s ease,opacity .18s ease;opacity:0}.server:hover{border-radius:16px;background:var(--accent);transform:translateY(-1px)}.server.active{border-radius:16px;background:var(--accent)}.server.active:before{height:32px;opacity:1}.server.add{background:var(--bg-secondary);color:#23a55a;font-size:22px}.server.add:hover{background:#23a55a;color:#fff}.server-create{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:4px;width:56px}.server-create input{width:100%;background:var(--bg-tertiary);border:1px solid #404249;color:#fff;padding:6px;border-radius:6px;font-size:11px}.server-create button{background:var(--accent);color:#fff;border:none;padding:4px;border-radius:6px;cursor:pointer;font-size:11px}.channel-create{display:flex;gap:6px;padding:8px;margin-top:8px}.channel-create input{flex:1;background:var(--bg-tertiary);border:1px solid #404249;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px}.channel-create button{background:var(--accent);color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.pending-files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pending-file{background:var(--bg-secondary);color:var(--text-normal);padding:4px 8px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:6px}.pending-file button{background:transparent;border:none;color:#fa777c;cursor:pointer;font-size:14px}.attach-btn{background:var(--bg-secondary);border:1px solid #404249;color:var(--text-normal);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px}.attach-btn:hover{background:#35373c}.message-attachments{margin-top:8px;display:flex;flex-direction:column;gap:6px}.attachment{display:flex;flex-direction:column;gap:4px}.attachment-image{max-width:320px;max-height:240px;border-radius:8px;border:1px solid #404249}.attachment-link{color:#00a8fc;font-size:13px;text-decoration:none}.settings-layout{display:flex;gap:24px;width:100%;height:100%;min-height:0}.settings-nav{width:200px;display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary);padding:12px;border-radius:12px;height:fit-content;position:sticky;top:0}.settings-nav a{position:relative;color:var(--text-muted);text-decoration:none;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;transition:background .15s ease,color .15s ease;border-left:2px solid transparent}.settings-nav a:hover{background:#35373c;color:var(--text-normal)}.settings-nav a.active,.settings-nav a:target{background:#ffffff0d;color:#fff;border-left-color:var(--accent)}.settings-main{flex:1;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;max-height:100%;padding-right:4px}.settings-main::-webkit-scrollbar{width:8px}.settings-main::-webkit-scrollbar-track{background:transparent}.settings-main::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.settings-main::-webkit-scrollbar-thumb:hover{background:#ffffff26}.settings-section{background:var(--bg-secondary);padding:18px 20px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.03);box-shadow:0 2px 12px #0000002e}.settings-section h2{font-size:16px;margin-bottom:10px}.settings-hint{color:var(--text-muted);font-size:12px;margin-top:6px;display:block}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row span{font-size:13px}.settings-row code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:12px}.settings-row select,.settings-row input[type=range]{background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:6px 8px;border-radius:6px}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 0}.settings-list{margin:8px 0 0 16px;color:var(--text-muted);font-size:12px;line-height:1.6}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #ebedef;--bg-elevated: #ffffff;--border: #d4d7dc;--hover: rgba(0, 0, 0, .04);--text-normal: #060607;--text-muted: #4f5660;--accent: #5865f2;--accent-hover: #4752c4;--danger: #ed4245;--success: #3ba55d;--message-bg: #f2f3f5;--message-own-bg: #cce0ff;--header-bg: #ffffff;--input-bg: #ebedef;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35)}:root[data-theme=midnight]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-elevated: #1a1a1a;--border: #1f1f1f;--text-normal: #dcddde;--text-muted: #72767d;--accent: #5865f2;--accent-hover: #4752c4;--message-bg: #0a0a0a;--message-own-bg: #1a1a2e;--input-bg: #1a1a1a;--scrollbar-thumb: rgba(255, 255, 255, .05);--scrollbar-thumb-hover: rgba(255, 255, 255, .1)}:root[data-theme=cyberpunk]{--bg-primary: #0a0014;--bg-secondary: #1a0033;--bg-tertiary: #2d0057;--bg-elevated: #3a006b;--border: #ff00ff;--hover: rgba(255, 0, 255, .1);--accent: #ff00ff;--accent-hover: #cc00cc;--text-normal: #e0aaff;--text-muted: #9d4edd;--danger: #ff3366;--success: #00ff9d;--message-bg: rgba(26, 0, 51, .6);--message-own-bg: rgba(255, 0, 255, .15);--header-bg: #1a0033;--input-bg: #2d0057;--scrollbar-thumb: rgba(255, 0, 255, .3);--scrollbar-thumb-hover: rgba(255, 0, 255, .5)}:root[data-theme=hellokitty]{--bg-primary: #fff0f7;--bg-secondary: #ffd6e7;--bg-tertiary: #ffffff;--bg-elevated: #ffffff;--border: #f5b8d6;--hover: rgba(255, 105, 180, .08);--accent: #ff69b4;--accent-hover: #ff1493;--text-normal: #4a0a2a;--text-muted: #8a4a6a;--danger: #d63384;--success: #c2185b;--message-bg: #ffeaf3;--message-own-bg: #ffd6e7;--header-bg: #ffffff;--input-bg: #ffffff;--scrollbar-thumb: rgba(255, 105, 180, .3);--scrollbar-thumb-hover: rgba(255, 105, 180, .5)}:root[data-theme=aero]{--bg-primary: #f0f8ff;--bg-secondary: #d6ecf9;--bg-tertiary: #ffffff;--bg-elevated: #ffffff;--border: #84c8ee;--hover: rgba(0, 120, 215, .06);--accent: #0078d7;--accent-hover: #005a9e;--text-normal: #001a33;--text-muted: #4a6a8a;--danger: #d83b01;--success: #107c10;--message-bg: #e8f4fb;--message-own-bg: #cce4f7;--header-bg: #ffffff;--input-bg: #ffffff;--scrollbar-thumb: rgba(0, 120, 215, .25);--scrollbar-thumb-hover: rgba(0, 120, 215, .4)}:root[data-theme=darkkawaii]{--bg-primary: #0a0612;--bg-secondary: #14091f;--bg-tertiary: #1c0f2b;--bg-elevated: #261539;--border: #2d1a44;--hover: rgba(157, 78, 221, .12);--accent: #9d4edd;--accent-hover: #c77dff;--text-normal: #f1d8ff;--text-muted: #8a7a9e;--danger: #c9184a;--danger-hover: #ff4d6d;--success: #b185db;--message-bg: #14091f;--message-own-bg: #2a1a40;--header-bg: #0e0717;--input-bg: #1c0f2b;--placeholder: #5a4a6e;--scrollbar-thumb: rgba(157, 78, 221, .18);--scrollbar-thumb-hover: rgba(157, 78, 221, .32);--topbar-text: #e8d5ff;--link: #d8a8ff;--shadow-soft: 0 0 24px rgba(157, 78, 221, .18);--shadow-deep: 0 0 32px rgba(74, 14, 117, .5);--gradient-bg: radial-gradient(ellipse at top, #1c0f2b 0%, #0a0612 60%);--gradient-accent: linear-gradient(135deg, #9d4edd 0%, #5a189a 100%);--glow-accent: 0 0 12px rgba(199, 125, 255, .35);--kbd-bg: #1c0f2b;--kbd-border: #2d1a44;--kbd-text: #d8a8ff;--selection-bg: rgba(157, 78, 221, .3)}:root[data-theme=darkkawaii] body{background:var(--gradient-bg);color:var(--text-normal)}:root[data-theme=darkkawaii] ::selection{background:var(--selection-bg);color:#fff}:root[data-theme=darkkawaii] .concord-app{background:var(--gradient-bg)}:root[data-theme=darkkawaii] .concord-topbar,:root[data-theme=darkkawaii] .concord-topbar-drag{background:var(--header-bg);color:var(--topbar-text);border-bottom:1px solid var(--border);box-shadow:0 1px #9d4edd26,0 4px 20px #0006}:root[data-theme=darkkawaii] .concord-main,:root[data-theme=darkkawaii] .chat-main,:root[data-theme=darkkawaii] .concord-panel{background:var(--bg-primary);color:var(--text-normal)}:root[data-theme=darkkawaii] .channel-sidebar,:root[data-theme=darkkawaii] .server-bar,:root[data-theme=darkkawaii] .dm-list,:root[data-theme=darkkawaii] .member-sidebar,:root[data-theme=darkkawaii] .voice-sidebar{background:var(--bg-secondary);border-color:var(--border);color:var(--text-normal)}:root[data-theme=darkkawaii] .channel:hover,:root[data-theme=darkkawaii] .dm-list-item:hover,:root[data-theme=darkkawaii] .member:hover,:root[data-theme=darkkawaii] .server:hover{background:var(--hover);color:var(--text-normal)}:root[data-theme=darkkawaii] .channel.active,:root[data-theme=darkkawaii] .server.active{background:var(--accent);color:#fff;box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .message,:root[data-theme=darkkawaii] .message-bubble,:root[data-theme=darkkawaii] .chat-message{background:var(--message-bg);color:var(--text-normal);border:1px solid var(--border)}:root[data-theme=darkkawaii] .message.own,:root[data-theme=darkkawaii] .message-bubble.own,:root[data-theme=darkkawaii] .chat-message.own{background:var(--message-own-bg);border-color:var(--accent)}:root[data-theme=darkkawaii] .btn,:root[data-theme=darkkawaii] button.btn{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--border)}:root[data-theme=darkkawaii] .btn:hover{background:var(--accent);color:#fff;box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .btn-primary{background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .btn-primary:hover{filter:brightness(1.15)}:root[data-theme=darkkawaii] .btn-danger,:root[data-theme=darkkawaii] .btn.danger{background:var(--danger);color:#fff}:root[data-theme=darkkawaii] .btn-danger:hover,:root[data-theme=darkkawaii] .btn.danger:hover{background:var(--danger-hover)}:root[data-theme=darkkawaii] input,:root[data-theme=darkkawaii] textarea,:root[data-theme=darkkawaii] select,:root[data-theme=darkkawaii] .input,:root[data-theme=darkkawaii] .composer-input,:root[data-theme=darkkawaii] .chat-input{background:var(--input-bg);color:var(--text-normal);border:1px solid var(--border)}:root[data-theme=darkkawaii] input::placeholder,:root[data-theme=darkkawaii] textarea::placeholder{color:var(--placeholder)}:root[data-theme=darkkawaii] input:focus,:root[data-theme=darkkawaii] textarea:focus,:root[data-theme=darkkawaii] select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9d4edd2e}:root[data-theme=darkkawaii] .modal,:root[data-theme=darkkawaii] .dialog,:root[data-theme=darkkawaii] .popover,:root[data-theme=darkkawaii] .dropdown,:root[data-theme=darkkawaii] .menu,:root[data-theme=darkkawaii] .tooltip{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--border);box-shadow:var(--shadow-deep)}:root[data-theme=darkkawaii] .tooltip{color:#fff;background:var(--accent)}:root[data-theme=darkkawaii] a,:root[data-theme=darkkawaii] .link{color:var(--link)}:root[data-theme=darkkawaii] a:hover{color:var(--accent-hover)}:root[data-theme=darkkawaii] .notif-badge,:root[data-theme=darkkawaii] .badge,:root[data-theme=darkkawaii] .status-dot{background:var(--accent);color:#fff;box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .status-dot.danger,:root[data-theme=darkkawaii] .notif-badge.danger{background:var(--danger);box-shadow:0 0 10px #c9184a80}:root[data-theme=darkkawaii] .voice-bar,:root[data-theme=darkkawaii] .dm-call-bar,:root[data-theme=darkkawaii] .dm-call-panel{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--border);box-shadow:var(--shadow-soft)}:root[data-theme=darkkawaii] .music-player{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--border)}:root[data-theme=darkkawaii] .video-tile{background:#000;border:1px solid var(--border);box-shadow:var(--shadow-soft)}:root[data-theme=darkkawaii] .incoming-call-banner,:root[data-theme=darkkawaii] .toast{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--accent);box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .qr-frame,:root[data-theme=darkkawaii] .mobile-camera-dialog{background:var(--bg-elevated);color:var(--text-normal);border:1px solid var(--accent);box-shadow:var(--shadow-deep)}:root[data-theme=darkkawaii] .landing-page{background:var(--gradient-bg)}:root[data-theme=darkkawaii] .landing-hero{color:var(--text-normal)}:root[data-theme=darkkawaii] .landing-accent{color:var(--accent-hover)}:root[data-theme=darkkawaii] .theme-banner{background:var(--gradient-accent);box-shadow:0 0 14px #9d4edd73}:root[data-theme=darkkawaii] kbd{background:var(--kbd-bg);color:var(--kbd-text);border:1px solid var(--kbd-border)}:root[data-theme=darkkawaii] .settings-section,:root[data-theme=darkkawaii] .settings-card{background:var(--bg-secondary);color:var(--text-normal);border:1px solid var(--border)}:root[data-theme=darkkawaii] .settings-row{border-bottom:1px solid var(--border)}:root[data-theme=darkkawaii] .mobile-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--accent);box-shadow:0 -4px 20px #9d4edd4d,0 -1px #c77dff33}:root[data-theme=darkkawaii] .mobile-nav-item{color:var(--text-muted)}:root[data-theme=darkkawaii] .mobile-nav-item.active{color:var(--accent-hover);text-shadow:0 0 8px rgba(199,125,255,.5)}:root[data-theme=darkkawaii] .mobile-nav-item:hover{background:var(--hover);color:var(--text-normal)}:root[data-theme=darkkawaii] .mobile-nav-initial{background:var(--gradient-accent);color:#fff;box-shadow:var(--glow-accent)}:root[data-theme=darkkawaii] .mobile-nav-badge{background:var(--danger);box-shadow:0 0 6px #c9184a99}:root[data-theme=darkkawaii] .mobile-drawer-toggle,:root[data-theme=darkkawaii] .mobile-drawer-toggle:hover{color:var(--accent-hover);background:var(--hover)}:root[data-theme=darkkawaii] .drawer-header,:root[data-theme=darkkawaii] .drawer-title{color:var(--text-normal)}:root[data-theme=darkkawaii] .nav-tab{color:var(--text-muted)}:root[data-theme=darkkawaii] .nav-tab.active,:root[data-theme=darkkawaii] .nav-tab:hover{color:var(--accent-hover)}:root[data-theme=brasil]{--bg-primary: #0b3d20;--bg-secondary: #0f5132;--bg-tertiary: #136a40;--bg-elevated: #157a47;--border: #ffdf00;--hover: rgba(255, 223, 0, .12);--accent: #ffdf00;--accent-hover: #ffe95c;--text-normal: #ffffff;--text-muted: #cdeed8;--danger: #ff5a5a;--success: #00e676;--message-bg: rgba(11, 61, 32, .55);--message-own-bg: rgba(255, 223, 0, .16);--header-bg: #0f5132;--input-bg: #136a40;--scrollbar-thumb: rgba(255, 223, 0, .35);--scrollbar-thumb-hover: rgba(255, 223, 0, .55)}:root[data-theme=batman]{--bg-primary: #050505;--bg-secondary: #0f0f0f;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--border: #2a2a2a;--hover: rgba(255, 204, 0, .06);--accent: #ffcc00;--accent-hover: #ffd633;--text-normal: #f2f3f5;--text-muted: #8a8a6a;--danger: #cc0000;--success: #009933;--message-bg: #0f0f0f;--message-own-bg: rgba(255, 204, 0, .08);--header-bg: #050505;--input-bg: #1a1a1a;--scrollbar-thumb: rgba(255, 204, 0, .2);--scrollbar-thumb-hover: rgba(255, 204, 0, .4)}:root[data-theme=evangelion]{--bg-primary: #0a0a14;--bg-secondary: #14142b;--bg-tertiary: #1a1a2e;--bg-elevated: #23233a;--border: #2e2e4a;--hover: rgba(233, 69, 96, .08);--accent: #e94560;--accent-hover: #ff6b7a;--text-normal: #eae6fb;--text-muted: #a09bc2;--danger: #ff1744;--success: #00e5ff;--message-bg: #14142b;--message-own-bg: rgba(233, 69, 96, .15);--header-bg: #0a0a14;--input-bg: #1a1a2e;--scrollbar-thumb: rgba(0, 229, 255, .25);--scrollbar-thumb-hover: rgba(0, 229, 255, .45)}:root[data-theme=snoopy]{--bg-primary: #faf6ed;--bg-secondary: #f0e9d6;--bg-tertiary: #e8dec5;--bg-elevated: #ffffff;--border: #d6c9a3;--hover: rgba(0, 0, 0, .04);--accent: #cc0000;--accent-hover: #a30000;--text-normal: #1a1a1a;--text-muted: #6b6b6b;--danger: #cc0000;--success: #2e7d32;--message-bg: #f5efde;--message-own-bg: #ffe0e0;--header-bg: #ffffff;--input-bg: #ffffff;--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .3)}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}button:active{transform:scale(.97)}.message,.channel,.server,.home-card,.settings-section{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.home-layout{display:flex;flex-direction:column;gap:16px;width:100%}.home-hero{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-elevated));padding:22px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.04)}.home-hero h1{font-size:24px;margin-bottom:6px}.home-hero p{color:var(--text-muted);font-size:13px;line-height:1.55}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.home-card{background:var(--bg-secondary);padding:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.03);transition:transform .15s ease,box-shadow .15s ease}.home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.home-card.muted{border:1px dashed #404249;background:transparent}.home-card h3{font-size:14px}.home-card p{font-size:12px;color:var(--text-muted)}.home-item{display:flex;flex-direction:column;background:var(--bg-tertiary);padding:9px 11px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background .15s ease,transform .12s ease;border:1px solid transparent}.home-item:hover{background:#26272b;border-color:#ffffff0d;transform:translateY(-1px)}.home-item small{color:var(--text-muted)}.ai-panel{background:var(--bg-secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-panel.off{border:1px dashed #404249}.ai-header{display:flex;align-items:center;gap:8px;font-size:14px;border-bottom:1px solid #404249;padding-bottom:8px}.ai-header small{color:var(--text-muted)}.ai-models{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:6px}.ai-history{min-height:200px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0}.ai-msg{padding:8px 10px;border-radius:8px;font-size:13px;line-height:1.4}.ai-msg.user{background:#404249;align-self:flex-end}.ai-msg.assistant{background:var(--bg-tertiary);border:1px solid #404249}.ai-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:20px}.ai-actions,.ai-composer{display:flex;gap:8px}.ai-composer input{flex:1;background:var(--bg-tertiary);border:1px solid #404249;color:var(--text-normal);padding:8px 10px;border-radius:8px}.voice-bar{margin-top:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border, #404249)}.voice-bar-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;margin-bottom:8px}.voice-dot{width:10px;height:10px;border-radius:50%;background:#80848e;flex-shrink:0}.voice-dot.connected{background:#23a55a}.voice-dot.connecting{background:#f0b132}.voice-dot.error{background:#f23f43}.voice-participant{background:var(--bg-secondary);padding:2px 8px;border-radius:6px;font-size:11px}.voice-bar-controls{display:flex;align-items:center;justify-content:center;gap:10px}.voice-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-elevated, #3c3f45);color:var(--text-normal);cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 6px #00000040}.voice-btn:hover{transform:scale(1.06);filter:brightness(1.15)}.voice-btn:active{transform:scale(.95)}.voice-btn.active{background:var(--accent);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.voice-btn.muted{background:#f23f43;color:#fff}.voice-btn.danger{background:#da373c;color:#fff}.voice-btn.danger:hover{background:#a12828}.voice-error{margin-top:8px;background:#3a1f21;color:#fa777c;padding:8px 10px;border-radius:8px;font-size:12px;border:1px solid #5a2a2e}.voice-join{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:14px;text-align:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--bg-secondary) 60%,transparent),var(--bg-primary));border-radius:16px;margin:16px;border:1px solid var(--border)}.voice-join p{color:var(--text-muted);font-size:13px;max-width:420px;line-height:1.6}.voice-join-title{font-size:22px;font-weight:800;color:var(--text-normal)}.voice-join-icon{width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:44px;animation:pulse 1.6s infinite}.video-grid{display:flex;flex-direction:column;gap:14px;width:100%;height:100%;padding:16px;min-height:0;overflow:hidden}.video-stage{flex:1;min-height:0;display:flex;border-radius:18px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),linear-gradient(160deg,var(--bg-secondary),var(--bg-tertiary));box-shadow:inset 0 0 0 1px var(--border),0 10px 40px #00000073}.video-stage .video-tile{flex:1;width:100%;aspect-ratio:auto;border:none;border-radius:18px;box-shadow:none}.video-filmstrip{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;flex-shrink:0;max-height:200px}.video-filmstrip .video-tile{width:240px;flex-shrink:0;aspect-ratio:16 / 9}.video-filmstrip.no-featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));overflow-y:auto;overflow-x:hidden;align-content:start;max-height:none;flex:1}.video-filmstrip.no-featured .video-tile{width:auto;aspect-ratio:16 / 9}.video-tile{position:relative;background:var(--bg-secondary);border-radius:14px;overflow:hidden;aspect-ratio:16/9;border:2px solid transparent;box-shadow:0 3px 14px #00000059;transition:all .2s ease;cursor:pointer}.video-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000073}.video-tile.speaking{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent),0 0 22px color-mix(in srgb,var(--accent) 40%,transparent)}.video-main{position:relative;width:100%;height:100%}.video-el{width:100%;height:100%;object-fit:cover;background:#000}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.video-avatar-letter{font-size:56px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.video-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.25);box-shadow:0 6px 22px #0006}.avatar-cosmetic{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.avatar-cosmetic .video-avatar-img{display:block}.avatar-cosmetic .video-avatar-letter{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2, #eb459e));border:3px solid rgba(255,255,255,.25);box-shadow:0 6px 22px #0006}.video-name{position:absolute;left:10px;bottom:10px;background:#000000a6;color:#fff;padding:5px 10px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speaking-indicator{animation:pulse 1s infinite;font-size:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}.video-status{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:10}.status-dot{width:12px;height:12px;border-radius:50%;transition:all .2s}.status-dot.mic-on{background:#23a55a}.status-dot.mic-off{background:#ed4245}.screen-badge,.camera-badge{font-size:11px;background:#000000b3;padding:3px 7px;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.volume-control{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:10px 14px;background:#0f0f12f2;border-radius:12px;border:1px solid #3a3d42;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;animation:slideUp .2s ease;z-index:20}.volume-control.hidden{display:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.volume-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:5px;background:var(--bg-secondary);border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .1s,box-shadow .1s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px var(--accent)}.volume-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.volume-value{font-size:12px;color:var(--text-muted);min-width:40px;text-align:right}.toasts{position:fixed;top:64px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:#111214;border:1px solid #404249;color:var(--text-normal);padding:10px 12px;border-radius:8px;min-width:260px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:4px}.toast.dm{border-left:3px solid #57f287}.toast.message{border-left:3px solid var(--accent)}.toast strong{font-size:13px}.toast span{font-size:12px;color:var(--text-muted)}.toast-clear{background:transparent;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;text-align:right}.notif-badge{background:#f23f43;color:#fff;font-size:11px;padding:1px 6px;border-radius:999px;margin-left:6px}.community-layout{display:flex;flex-direction:column;gap:16px;width:100%}.community-hero{background:linear-gradient(135deg,var(--accent),#ff69b4);color:#fff;padding:20px;border-radius:12px}.community-hero h1{font-size:22px;margin-bottom:6px}.community-section{background:var(--bg-secondary);padding:16px;border-radius:12px}.community-section.muted{border:1px dashed #404249;background:transparent}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.community-card{background:var(--bg-tertiary);padding:12px;border-radius:8px;border-left:3px solid var(--accent);display:flex;flex-direction:column;gap:6px}.community-card h3{font-size:13px}.community-card p{font-size:11px;color:var(--text-muted)}.coming-soon{font-size:10px;background:#404249;color:var(--text-muted);padding:2px 6px;border-radius:6px;align-self:flex-start}.profile-bio{margin-top:8px;font-size:13px;color:var(--text-muted);font-style:italic;background:var(--bg-tertiary);padding:8px 10px;border-radius:8px;border-left:3px solid var(--accent)}.voice-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-elevated, #1e1f22);border-bottom:1px solid var(--border, #303136);flex-shrink:0}.voice-header-left{display:flex;align-items:center;gap:10px}.voice-header-icon{font-size:18px}.voice-header-info{display:flex;flex-direction:column}.voice-header-info>span:first-child{font-weight:600;font-size:14px}.voice-header-hint{font-size:11px;color:var(--text-muted)}.voice-header-right{display:flex;align-items:center}.voice-participant-count{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:3px 10px;border-radius:999px}.voice-header-right{gap:10px}.voice-status-chip{font-size:11px;padding:4px 12px;border-radius:999px;font-weight:600}.voice-status-chip.connected{color:#23a55a;background:#23a55a26}.voice-status-chip.connecting{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.voice-status-chip.disconnected,.voice-status-chip.error{color:var(--text-muted);background:#ffffff0f}.voice-join-btn{border:none;border-radius:8px;background:#23a55a;color:#fff;font-weight:600;font-size:13px;padding:6px 16px;cursor:pointer}.voice-join-btn:hover{background:#1f8e4e}.voice-join-btn.leave{background:#da373c}.voice-join-btn.leave:hover{background:#a12828}.voice-join-btn:disabled{opacity:.6;cursor:not-allowed}.channel-voice-indicator{margin-left:auto;color:#23a55a;font-size:12px}.voice-main{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1}.voice-content{display:flex;gap:12px;flex:1;padding:12px;min-height:0}.voice-content>.video-grid{flex:1;min-width:0}.voice-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.voice-participants{background:var(--bg-elevated, #1e1f22);border:1px solid var(--border, #303136);border-radius:10px;padding:12px}.voice-participants h3{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.participants-list{display:flex;flex-direction:column;gap:6px}.participant-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff08}.participant-item.self{outline:1px solid var(--accent)}.participant-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#fff));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.participant-name{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-volume{width:60px;accent-color:var(--accent)}.voice-controls{padding:10px 14px;margin:0 auto 16px;width:fit-content;background:color-mix(in srgb,var(--bg-elevated, #1e1f22) 82%,transparent);border:1px solid var(--border, #303136);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #00000080;flex-shrink:0;display:flex;gap:10px;justify-content:center;align-items:center}.music-bot-panel{background:var(--bg-elevated, #1e1f22);border:1px solid var(--border, #303136);border-radius:12px;padding:0;display:flex;flex-direction:column;overflow:hidden}.music-bot-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--bg-elevated)),var(--bg-elevated));border-bottom:1px solid var(--border, #303136)}.music-bot-avatar-wrap{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#fff));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.music-bot-avatar-icon{font-size:18px}.music-bot-title{display:flex;flex-direction:column;gap:2px}.music-bot-name{font-weight:700;font-size:13px;color:var(--text-normal)}.music-bot-status{font-size:11px;color:var(--text-muted)}.music-bot-status.active{color:#23a55a}.music-now-playing{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:10px 14px;border-bottom:1px solid var(--border, #303136)}.music-eq-bars{display:flex;align-items:flex-end;gap:2px;height:18px}.eq-bar{width:3px;height:6px;background:var(--accent);border-radius:2px;opacity:.4}.eq-bar.active{animation:eqBounce .6s ease-in-out infinite alternate}.eq-bar:nth-child(2).active{animation-delay:.15s}.eq-bar:nth-child(3).active{animation-delay:.3s}@keyframes eqBounce{0%{height:4px}to{height:16px}}.music-track-info{display:flex;flex-direction:column;min-width:0}.music-track-name{font-size:12px;font-weight:600;color:var(--text-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-artist{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-bot-history{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto;padding:10px 14px}.music-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:12px 0;opacity:.6}.music-chat-line{font-size:12px;padding:5px 8px;border-radius:8px;display:flex;align-items:flex-start;gap:6px;max-width:95%;line-height:1.35}.music-chat-role{flex-shrink:0;font-size:11px}.music-chat-line.user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text-normal)}.music-chat-line.bot{align-self:flex-start;background:#ffffff0a;color:var(--text-normal)}.music-bot-input{display:flex;gap:0;padding:10px 14px;border-top:1px solid var(--border, #303136);background:var(--bg-elevated, #1e1f22)}.music-bot-input input{flex:1;background:var(--bg, #151617);border:1px solid var(--border, #303136);border-radius:8px 0 0 8px;color:var(--text);padding:8px 12px;font-size:12px;outline:none;transition:border-color .15s ease}.music-bot-input input:focus{border-color:var(--accent)}.music-bot-input button{background:var(--accent);color:#fff;border:none;border-radius:0 8px 8px 0;padding:8px 14px;cursor:pointer;font-size:14px;transition:opacity .15s ease}.music-bot-input button:disabled{opacity:.4;cursor:default}.music-bot-input button:not(:disabled):hover{opacity:.85}.message-reactions-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-pill{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid transparent;border-radius:999px;padding:2px 8px;font-size:12px;color:var(--text);cursor:pointer;transition:background .15s}.reaction-pill:hover{background:#ffffff1a}.reaction-pill.mine{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.reaction-pill span{font-size:11px;color:var(--text-muted)}.reaction-add-wrap{position:relative}.reaction-add{width:24px;height:24px;border-radius:50%;border:1px solid transparent;background:#ffffff0d;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.reaction-add:hover{border-color:var(--accent);color:var(--accent)}.reaction-picker{position:absolute;bottom:100%;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--bg-elevated, #1e1f22);border:1px solid var(--border, #303136);border-radius:10px;padding:8px;box-shadow:0 8px 24px #0006}.reaction-emoji{font-size:20px;background:transparent;border:none;border-radius:6px;padding:4px;cursor:pointer}.reaction-emoji:hover{background:#ffffff1a}.members-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.members-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 8px;margin-bottom:4px}.member-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px}.member-row:hover{background:var(--hover, rgba(255, 255, 255, .04))}.member-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.member-dot.online{background:#23a55a}.member-dot.offline{background:#80848e}.member-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role{font-size:9px;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--text-muted)}.member-role.role-owner{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.member-self{font-size:10px;color:var(--text-muted)}.members-empty{font-size:11px;color:var(--text-muted);padding:4px 8px;font-style:italic}.server-header-left{display:flex;align-items:center;gap:10px;min-width:0}.server-header-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#fff));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.server-header-avatar:hover{outline:2px solid var(--accent)}.server-header-avatar-img{width:100%;height:100%;object-fit:cover}.server-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-banner{position:relative;width:100%;height:120px;border-radius:12px 12px 0 0;overflow:hidden;background:linear-gradient(135deg,#1e1f22,#313338)}.profile-banner-img{width:100%;height:100%;object-fit:cover;display:block}.profile-banner-controls{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s}.profile-banner:hover .profile-banner-controls{opacity:1}.profile-banner-btn{background:#0009;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer}.profile-banner-btn.danger:hover{background:#da373c}.profile-banner-empty{display:flex;align-items:center;justify-content:center;height:100%}.profile-banner-add{background:#ffffff1a;color:var(--text);border:1px dashed var(--accent);border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer}.profile-banner-add:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s,color .15s}input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important}select{cursor:pointer}.profile-field input,.profile-field select,.profile-field textarea,.settings-row select,.settings-row input:not([type=range]),.setting-select,.server-create input,.channel-create input,.join-invite-input,.music-bot-input input,.composer input{background:var(--bg, #151617);border:1px solid var(--border, #303136);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.emoji-btn-wrap{position:relative;display:flex;align-items:center}.emoji-btn{background:transparent;border:none;font-size:18px;cursor:pointer;line-height:1;padding:4px}.emoji-btn:hover{filter:brightness(1.2)}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--bg-elevated, #1e1f22);border:1px solid var(--border, #303136);border-radius:12px;padding:10px;box-shadow:0 12px 32px #00000073;max-height:260px;overflow-y:auto}.emoji-option{font-size:22px;background:transparent;border:none;border-radius:8px;padding:4px;cursor:pointer;aspect-ratio:1}.emoji-option:hover{background:#ffffff1a}.ai-live-dot{width:9px;height:9px;border-radius:50%;background:#23a55a;display:inline-block;margin-left:6px;box-shadow:0 0 0 3px #23a55a33}.channel-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.dm-call-btn{border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.dm-call-btn:hover{filter:brightness(1.15)}.dm-call-btn.active{background:#da373c;color:#fff;display:flex;align-items:center;gap:6px}.dm-call-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}.dm-call-bar{padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.dm-call-bar .voice-bar{margin-top:0}.gif-picker{grid-template-columns:repeat(3,1fr);width:300px}.gif-option{border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);color:var(--text-normal);padding:14px 8px;font-size:12px;cursor:pointer;transition:all .15s ease}.gif-option:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.server-header-name.editable{cursor:pointer;display:flex;align-items:center;gap:6px}.server-header-name.editable:hover{color:var(--accent)}.server-rename-hint{font-size:12px;opacity:0;transition:opacity .15s ease}.server-header-name.editable:hover .server-rename-hint{opacity:1}.server-rename-form{flex:1;min-width:0}.server-rename-input{width:100%;background:var(--bg-elevated);border:1px solid var(--accent);color:var(--text-normal);border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;outline:none}.friends-panel{padding:16px;display:flex;flex-direction:column;gap:16px}.friends-search{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.friends-search input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-normal);border-radius:8px;padding:10px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.friends-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.friends-search input::placeholder{color:var(--text-muted)}.friend-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border);font-size:13px;transition:transform .12s ease,border-color .15s ease}.friend-result:hover{border-color:var(--accent);transform:translateY(-1px)}.friends-list{display:flex;flex-direction:column;gap:8px}.friends-list>strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border)}.friends-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);font-size:13px;transition:transform .12s ease,border-color .15s ease,background .15s ease}.friends-item:hover{transform:translateY(-1px);border-color:#ffffff14;background:#2e3035}.friends-item .status{width:9px;height:9px;border-radius:50%;background:#23a55a;flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,#23a55a 22%,transparent)}.friends-item small{margin-left:auto;color:var(--text-muted)}.dm-search-input input,.dm-search-input{border-radius:8px}.dm-new-group-btn{margin:0 10px 8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-normal);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dm-new-group-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-secondary));background:var(--bg-elevated)}.dm-group-builder{display:flex;flex-direction:column;gap:8px;margin:0 10px 10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}.dm-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.dm-group-name,.dm-group-builder>input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-normal);border-radius:6px;padding:6px 8px;font-size:13px;outline:none}.dm-group-name:focus,.dm-group-builder>input:focus{border-color:var(--accent)}.dm-group-hint{font-size:11px;color:var(--text-muted)}.dm-group-pick{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto}.dm-group-opt{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:6px;background:var(--bg-elevated);font-size:12px;cursor:pointer}.dm-group-opt.picked{outline:1px solid var(--accent)}.dm-group-check{accent-color:var(--accent)}.dm-group-opt small{margin-left:auto;color:var(--text-muted)}.dm-group-sel{min-height:4px;font-size:11px;color:var(--text-muted)}.dm-avatar.small.group{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#fff));font-size:14px}.gif-picker-panel{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:340px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border, #303136);border-radius:12px;padding:10px;box-shadow:0 8px 32px #00000080;z-index:100}.gif-picker-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #949ba4);margin-bottom:8px}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:240px;overflow-y:auto}.gif-thumb-btn{position:relative;border:none;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;padding:0;background:var(--bg-elevated, #1e1f22);transition:transform .15s ease,box-shadow .15s ease}.gif-thumb-btn:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--accent)}.gif-thumb-img{width:100%;height:100%;object-fit:cover}.gif-thumb-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:9px;padding:12px 4px 3px;text-align:center}.profile-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-popover{width:360px;max-width:90vw;background:var(--bg-secondary, #2b2d31);border-radius:16px;overflow:hidden;box-shadow:0 12px 48px #0009;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.profile-popover-banner{height:120px;overflow:hidden}.profile-popover-banner-img{width:100%;height:100%;object-fit:cover}.profile-popover-banner-gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#5865f2))}.profile-popover-body{padding:0 16px 16px;margin-top:-36px;position:relative}.profile-popover-avatar{width:72px;height:72px;border-radius:50%;border:5px solid var(--bg-secondary, #2b2d31);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#fff));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.profile-popover-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-popover-initial{font-size:28px;font-weight:800;color:#fff}.profile-popover-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-secondary, #2b2d31)}.profile-popover-status-dot.online{background:#23a55a}.profile-popover-info{margin-top:10px;display:flex;flex-direction:column;gap:4px}.profile-popover-name{font-size:18px;font-weight:800;color:var(--text-normal)}.profile-popover-handle{font-size:13px;color:var(--text-muted)}.profile-popover-bio{font-size:13px;color:var(--text-normal);padding:8px 10px;background:var(--bg-elevated, #1e1f22);border-radius:8px;border-left:3px solid var(--accent);margin-top:6px;font-style:italic}.profile-popover-activity{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:6px 10px;background:#ffffff08;border-radius:6px;margin-top:4px}.activity-icon{font-size:14px}.profile-popover-member-since{font-size:11px;color:var(--text-muted);margin-top:6px;opacity:.6}.user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:180px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border, #303136);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0006;z-index:1000;animation:dropIn .12s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-normal);border-radius:6px;font-size:13px;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--accent);color:#fff}.user-menu-item.danger{color:#f23f43}.user-menu-item.danger:hover{background:#f23f43;color:#fff}.user-menu-icon{font-size:14px}.user-menu-sep{height:1px;background:var(--border, #303136);margin:4px 6px}.profile-banner{height:180px!important}.concord-topbar{box-shadow:0 2px 12px #0000004d}.nav-tab{transition:all .15s ease}.nav-tab:hover{background:#ffffff0f}.nav-tab.active{background:var(--accent);color:#fff;border-radius:6px}.voice-bar{background:var(--bg-elevated);border-top:1px solid var(--border)}.voice-btn{transition:all .15s ease}.voice-btn:hover{transform:scale(1.1)}.voice-btn.danger:hover{background:#f23f43}.video-tile{transition:all .2s ease}.video-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.video-tile.speaking{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent),0 0 24px color-mix(in srgb,var(--accent) 25%,transparent)}.home-card{transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.home-item{cursor:pointer;transition:background .12s ease;border-radius:6px;padding:6px 8px}.home-item:hover{background:#ffffff0d}.dm-search-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;transition:background .12s ease}.dm-search-item:hover{background:#ffffff0a}.dm-search-item-main{flex:1;display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-normal);cursor:pointer;padding:4px 0;text-align:left}.dm-add-friend-btn{flex-shrink:0;background:#23a55a;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s ease}.dm-friend-msg{font-size:11px;color:#23a55a;padding:4px 10px;background:#23a55a1a;border-radius:6px;margin:0 10px 6px}.member-avatar-wrap{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-avatar-img.offline{opacity:.4}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-activity{font-size:10px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.video-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d}.home-friend-search-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;background:var(--bg-elevated);color:var(--text-normal)}.home-friend-search-input:focus{border-color:var(--accent)}.home-friend-msg{margin-top:8px;font-size:13px;color:#23a55a}.home-friend-results{margin-top:12px}.home-friend-result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;margin-bottom:8px}.home-friend-result-main{flex:1;display:flex;align-items:center;gap:8px}.home-friend-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.home-friend-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:600}.home-friend-result-info{flex:1;min-width:0}.home-friend-result-name{display:block;font-weight:600;color:var(--text-normal);font-size:14px}.home-friend-result-handle{font-size:11px;color:var(--text-muted);margin-top:2px}.dm-add-friend-btn{background:#23a55a;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease}.dm-add-friend-btn:hover{background:#1a8045}.home-friend-searching{margin-top:8px;font-size:13px;color:var(--text-muted);font-style:italic}.home-friend-empty{margin-top:8px;font-size:13px;color:var(--text-muted)}.member-tag-text{font-size:12px;color:var(--tag-color, #5865f2);padding:2px 6px;border-radius:4px;background:#6385fe1a;margin-left:8px}.tag-font-btn{display:inline-block;padding:4px 10px;border:1px solid #555;background:#f5f5f5;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s ease}.tag-font-btn:hover{background:#e0e0e0}.tag-font-btn.active{background:#23a55a;color:#fff;border-color:#23a55a}.tag-color-btn{display:inline-block;width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-right:4px}.tag-color-btn.active{border-color:#fff;background:#fff;transform:scale(1.1)}.profile-popover-tag{font-family:var(--tag-font, "Georgia");font-size:12px;color:var(--tag-color, "#5865f2")}.profile-action-btn{margin-left:8px;padding:4px 10px;border:1px solid #555;background:#f5f5f5;border-radius:4px;cursor:pointer;transition:all .15s ease}.profile-action-btn:hover{background:#e0e0e0}.activity-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#14b8a61f;border:1px solid rgba(20,184,166,.3);border-radius:12px;font-size:12px;color:var(--text-normal);margin-left:auto;margin-right:8px;-webkit-app-region:no-drag;-webkit-user-select:none;user-select:none;max-width:280px;overflow:hidden}.activity-indicator-dot{width:6px;height:6px;border-radius:50%;background:#14b8a6;box-shadow:0 0 6px #14b8a6cc;flex-shrink:0;animation:activityPulse 2s ease-in-out infinite}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.activity-indicator-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.theme-banner{display:none!important;position:fixed;top:38px;right:0;width:240px;height:200px;pointer-events:none;z-index:1;opacity:.85;background-repeat:no-repeat;background-position:top right;background-size:contain;mix-blend-mode:screen}.theme-banner-bottom{display:none!important;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:380px;height:100px;pointer-events:none;z-index:1;opacity:.7;background-repeat:no-repeat;background-position:bottom center;background-size:contain;mix-blend-mode:screen}.activity-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-picker,.activity-picker{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:16px;padding:20px;width:360px;max-width:95vw;box-shadow:0 8px 32px #00000080;z-index:10001}.activity-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.activity-picker-header h3{font-size:15px;font-weight:700;color:var(--text-normal);margin:0}.activity-picker-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.activity-picker-close:hover{background:var(--bg-tertiary);color:var(--text-normal)}.tag-preview-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px;background:var(--bg-tertiary);border-radius:8px}.tag-preview-label{font-size:11px;color:var(--text-muted);flex-shrink:0}.tag-preview{font-size:14px;font-weight:700}.tag-section{margin-bottom:16px}.tag-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tag-text-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);color:var(--text-normal);border-radius:8px;padding:8px 12px;font-size:14px;box-sizing:border-box}.tag-text-input:focus{outline:none;border-color:var(--accent)}.tag-font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tag-font-btn{background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);color:var(--text-normal);padding:8px 4px;border-radius:8px;cursor:pointer;font-size:12px;text-align:center;transition:border-color .15s}.tag-font-btn:hover{border-color:var(--accent)}.tag-font-btn.active{border-color:var(--accent);background:#5865f226}.tag-color-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .15s}.tag-color-btn:hover{transform:scale(1.15)}.tag-color-btn.active{border-color:#fff;transform:scale(1.15)}.tag-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.music-ctrl{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff0f;color:var(--text-normal);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.music-ctrl:hover{background:#ffffff26;transform:scale(1.05)}.music-ctrl.stop{background:#f04747;color:#fff}.music-volume{display:flex;align-items:center;gap:8px;font-size:12px}.music-volume input[type=range]{flex:1;height:4px;border-radius:2px}.music-ctrl.accept,.music-ctrl.decline{color:#fff;font-weight:700;padding:0 16px;border-radius:20px}.music-ctrl.accept{background:#43b581}.music-ctrl.decline{background:#f04747}.call-banner{font-family:var(--font-primary, "gg sans", Helvetica Neue, Helvetica, Arial, sans-serif)}.music-player{position:fixed;bottom:76px;left:16px;z-index:8400;width:320px;max-width:calc(100vw - 32px);background:var(--bg-elevated, #1a1c1f);border:1px solid var(--border, #2a2d31);border-radius:14px;box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-primary, "gg sans", "Inter", sans-serif);color:var(--text-normal);animation:slideUp .25s ease-out}.music-player.collapsed{width:auto;bottom:76px}.music-toggle{display:flex;align-items:center;gap:8px;background:var(--accent, #14b8a6);color:#fff;border:none;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600;font-size:13px;box-shadow:0 4px 16px #14b8a666;transition:transform .15s,box-shadow .15s}.music-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #14b8a68c}.music-icon{font-size:16px}.music-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#14b8a62e,#5865f21f);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border, #2a2d31)}.music-info{flex:1;min-width:0}.music-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-normal)}.music-artist{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-collapse{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 8px;border-radius:4px}.music-collapse:hover{background:#ffffff14;color:var(--text-normal)}.music-eq{display:inline-flex;align-items:flex-end;gap:2px;width:18px;height:18px;flex-shrink:0}.music-eq span{width:3px;background:var(--accent, #14b8a6);border-radius:1px;transition:height .2s}.music-eq.playing span{animation:eq-bounce .8s ease-in-out infinite}.music-eq.playing span:nth-child(1){height:60%;animation-delay:0s}.music-eq.playing span:nth-child(2){height:100%;animation-delay:.2s}.music-eq.playing span:nth-child(3){height:70%;animation-delay:.4s}.music-eq.playing span:nth-child(4){height:50%;animation-delay:.6s}.music-eq.paused span{height:4px!important;animation:none;background:var(--text-muted)}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.music-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border, #2a2d31)}.music-play,.music-stop{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent, #14b8a6);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.music-play:hover,.music-stop:hover{background:var(--accent-hover, #0d9488);transform:scale(1.05)}.music-stop{background:#f04747d9;font-size:12px}.music-stop:hover{background:#f04747}.music-vol{display:flex;align-items:center;gap:6px;flex:1;font-size:11px;color:var(--text-muted)}.music-vol input[type=range]{flex:1;height:4px;background:#ffffff1a;border-radius:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.music-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent, #14b8a6);border-radius:50%;cursor:pointer}.music-vol-val{min-width:30px;text-align:right;font-size:10px}.music-form{display:flex;gap:6px;padding:10px 14px}.music-form input{flex:1;background:var(--bg-tertiary, #1e1f22);border:1px solid #404249;color:var(--text-normal);padding:6px 10px;border-radius:8px;font-size:12px;outline:none;min-width:0}.music-form input:focus{border-color:var(--accent, #14b8a6)}.music-form button{background:var(--accent, #14b8a6);color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px;transition:background .15s}.music-form button:hover{background:var(--accent-hover, #0d9488)}.music-form button:disabled{opacity:.5;cursor:not-allowed}.music-error{margin:0 14px 10px;padding:6px 10px;background:#f0474726;border:1px solid #5a2a2e;color:#f04747;border-radius:6px;font-size:11px}.music-source{padding:0 14px 10px;font-size:10px;color:var(--text-muted);text-align:right;text-transform:uppercase;letter-spacing:.04em}.music-hint{padding:6px 14px 10px;font-size:10px;color:var(--text-muted);line-height:1.4}.music-radios-row{padding:0 14px 10px;position:relative}.music-radio-toggle{width:100%;background:#5865f226;color:var(--accent, #14b8a6);border:1px solid color-mix(in srgb,var(--accent, #14b8a6) 30%,transparent);padding:6px 10px;border-radius:8px;cursor:pointer;font-weight:600;font-size:12px;transition:background .15s}.music-radio-toggle:hover{background:color-mix(in srgb,var(--accent, #14b8a6) 25%,transparent)}.music-radios{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.music-radio-btn{background:var(--bg-tertiary, #1e1f22);color:var(--text-normal);border:1px solid #404249;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .15s}.music-radio-btn:hover:not(:disabled){border-color:var(--accent, #14b8a6);background:#14b8a61a}.music-radio-btn:disabled{opacity:.5;cursor:not-allowed}.screen-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-app-region:no-drag}.screen-picker{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border, #3a3c42);border-radius:12px;padding:20px;width:min(720px,92vw);max-height:84vh;overflow:auto;box-shadow:0 16px 48px #00000080}.screen-picker h3{margin:0 0 4px;font-size:18px;color:#fff}.screen-picker-sub{margin:0 0 16px;color:#b5bac1;font-size:13px}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.screen-picker-item{background:var(--bg-elevated, #1e1f22);border:1px solid transparent;border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .12s,transform .12s;color:#fff}.screen-picker-item:hover{border-color:var(--accent, #14b8a6);transform:translateY(-2px)}.screen-picker-thumb{width:100%;height:112px;object-fit:cover;border-radius:6px;background:#111}.screen-picker-thumb-empty{background:repeating-linear-gradient(45deg,#2a2c30,#2a2c30 8px,#232529 8px,#232529 16px)}.screen-picker-name{font-size:13px;color:#d9dce1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-picker-actions{margin-top:16px;display:flex;justify-content:flex-end}.screen-picker-cancel{background:#ffffff14;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:14px}.screen-picker-cancel:hover{background:#ffffff29}.fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:100000;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag}.fs-inner{position:relative;width:96vw;height:92vh;background:#000;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.fs-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.fs-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);color:#fff}.fs-name{font-size:14px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}.fs-close{width:38px;height:38px;border:none;border-radius:8px;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.fs-close:hover{background:#e81123}.tile-fullscreen{position:absolute;top:8px;right:8px;width:38px;height:38px;border:none;border-radius:10px;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #0006;transition:background .15s,transform .12s;z-index:6}.tile-fullscreen:hover{background:var(--accent, #5865f2);transform:scale(1.08)}.tile-fullscreen:active{transform:scale(.92)}.tile-fullscreen svg{width:20px;height:20px}.video-stage .tile-fullscreen{top:16px;right:16px;width:46px;height:46px;border-radius:12px}.video-stage .tile-fullscreen svg{width:24px;height:24px}.voice-btn svg,.dm-call-ctrl svg,.fs-close svg{width:22px;height:22px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.voice-btn:active svg,.dm-call-ctrl:active svg{transform:scale(.8)}.voice-btn.active,.dm-call-ctrl.on,.dm-call-ctrl.off{animation:icon-pop .28s ease}@keyframes icon-pop{0%{transform:scale(.88)}55%{transform:scale(1.08)}to{transform:scale(1)}}.voice-btn.active:after,.dm-call-ctrl.on:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent, #5865f2) 70%,transparent);animation:icon-ring 1.4s ease-out infinite;pointer-events:none}.voice-btn,.dm-call-ctrl{position:relative}@keyframes icon-ring{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}.dm-call-video-wrap{position:relative;width:100%;height:100%}.link-preview{display:flex;gap:10px;margin-top:6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:460px;transition:border-color .15s ease}.link-preview:hover{border-color:#ffffff14}.link-preview-thumb{width:72px;flex-shrink:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.link-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.link-preview-body{padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.link-preview-domain{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.link-preview-url{font-size:13px;color:var(--text-normal);text-decoration:none;word-break:break-all}.link-preview-url:hover{text-decoration:underline}.link-preview-actions{display:flex;gap:6px;margin-top:2px}.link-preview-btn{border:1px solid #404249;background:var(--bg-secondary);color:var(--text-normal);font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .15s ease,border-color .15s ease}.link-preview-btn:hover{background:#35373c}.link-preview-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.link-preview-btn.primary:hover{background:var(--accent-hover)}.attachment-card{display:inline-flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:6px 8px;margin-top:4px;max-width:320px}.attachment-icon{color:var(--accent);display:flex;flex-shrink:0}.attachment-link{color:var(--text-normal);text-decoration:none;font-size:13px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-link:hover{text-decoration:underline}.attachment-download{color:var(--text-muted);display:flex;padding:2px;border-radius:6px;flex-shrink:0;transition:color .15s ease,background .15s ease}.attachment-download:hover{color:#fff;background:#ffffff14}.attach-btn,.emoji-btn,.music-icon,.voice-header-icon,.music-bot-avatar-icon,.user-menu-icon,.dm-call-tile-name svg,.video-name svg,.video-status svg,.reaction-add,.fs-name svg{display:inline-flex;align-items:center;justify-content:center}.attach-btn svg,.emoji-btn svg,.music-icon svg,.voice-header-icon svg,.music-bot-avatar-icon svg,.user-menu-icon svg,.dm-call-tile-name svg,.video-name svg,.video-status svg,.reaction-add svg,.fs-name svg{width:18px;height:18px}.reaction-add svg{width:16px;height:16px}.activity-indicator-icon,.profile-popover-activity-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.activity-indicator-icon svg,.profile-popover-activity-icon svg{width:16px;height:16px}.profile-popover-activity{display:flex;align-items:center;gap:6px}.profile-avatar-wrap,.profile-popover-avatar-inner{display:inline-flex;position:relative;border-radius:50%}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);font-size:28px;font-weight:600;color:var(--text-normal)}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-popover-avatar-inner{width:72px;height:72px;overflow:hidden}.profile-popover-avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.frame-glow{box-shadow:0 0 0 3px var(--accent),0 0 14px 2px #5865f299}.frame-neon{box-shadow:0 0 0 3px #00e5ff,0 0 16px 3px #00e5ff8c}.frame-gold{box-shadow:0 0 0 3px #ffd34d,0 0 16px 3px #ffd34d80}.frame-gradient{box-shadow:0 0 0 3px transparent,0 0 0 5px;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#5865f2,#eb459e,#00e5ff);background-origin:border-box;background-clip:content-box,border-box;padding:0}.frame-pixel{box-shadow:0 0 0 3px #fff,0 0 0 6px #232428;image-rendering:pixelated}@keyframes effect-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes effect-aura{0%,to{filter:drop-shadow(0 0 4px rgba(88,101,242,.5))}50%{filter:drop-shadow(0 0 12px rgba(88,101,242,.9))}}@keyframes effect-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.effect-pulse{animation:effect-pulse 1.8s ease-in-out infinite}.effect-aura{animation:effect-aura 2.4s ease-in-out infinite}.effect-float{animation:effect-float 3s ease-in-out infinite}.avatar-frame-img{position:absolute;top:50%;left:50%;width:118%;height:118%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.profile-popover-avatar{position:relative}@media(prefers-reduced-motion:reduce){.effect-pulse,.effect-aura,.effect-float{animation:none}}.cosmetics-picker{margin-top:18px;padding-top:16px;border-top:1px solid var(--border, #404249);display:flex;flex-direction:column;gap:14px}.cosmetics-preview-large{position:relative;width:96px;height:96px;margin:0 auto 4px;display:flex;align-items:center;justify-content:center}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;overflow:hidden;flex-shrink:0}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover;display:block}.avatar-frame-img-lg{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);pointer-events:none}.cosmetics-group{display:flex;flex-direction:column;gap:8px}.cosmetics-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.cosmetics-options{display:flex;flex-wrap:wrap;gap:10px}.cosmetic-chip{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:10px;padding:8px;width:76px;cursor:pointer;color:var(--text-normal);font-size:11px;font-weight:500;transition:border-color .15s ease,background .15s ease,transform .1s ease}.cosmetic-chip:hover{background:#2b2d31;transform:translateY(-1px)}.cosmetic-chip.active{border-color:var(--accent);background:#5865f21f}.cosmetic-chip-preview{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#eb459e);box-shadow:0 0 0 2px #ffffff14;position:relative;overflow:visible;flex-shrink:0}.cosmetic-chip-preview img{position:absolute;top:50%;left:50%;width:124%;height:124%;transform:translate(-50%,-50%);pointer-events:none}.cosmetic-chip-label{text-align:center;white-space:nowrap}.cosmetics-reduce{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-normal)}.cosmetics-hint{font-size:11px;color:var(--text-muted);margin:0}.cosmetics-hint code{background:var(--bg-tertiary);padding:1px 5px;border-radius:5px}.dm-item-wrap{position:relative;display:flex;align-items:center}.dm-item-wrap.active{background:var(--bg-secondary)}.dm-item-wrap .dm-item{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;color:var(--text-normal);cursor:pointer;text-align:left;border-radius:6px}.dm-item-wrap .dm-item:hover{background:var(--bg-secondary)}.dm-item-actions{margin-right:6px;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.dm-item-actions:hover{background:var(--bg-secondary);color:#fff}.dm-item-menu{position:absolute;right:6px;top:40px;z-index:50;background:var(--bg-elevated, #1e1f22);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;min-width:160px;overflow:hidden}.dm-item-menu button{background:transparent;border:none;color:var(--text-normal);padding:9px 12px;text-align:left;cursor:pointer;font-size:13px}.dm-item-menu button:hover{background:#ffffff12}.dm-item-menu button.danger{color:#f23f43}.dm-item-menu button.danger:hover{background:#f23f431f}.channel-header-gear,.channel-header-clear{margin-left:8px;width:30px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;flex-shrink:0}.channel-header-gear:hover,.channel-header-clear:hover{background:var(--bg-secondary);color:#fff}.server-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100000;display:flex;align-items:center;justify-content:center}.server-settings{width:420px;max-width:92vw;background:var(--bg-elevated, #1e1f22);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px}.server-settings-head{display:flex;align-items:center;justify-content:space-between}.server-settings-head h3{margin:0;font-size:16px;color:#fff}.server-settings-close{width:32px;height:32px;border:none;border-radius:7px;background:#ffffff14;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.server-settings-close:hover{background:#ffffff29}.server-settings-icon{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);cursor:pointer;color:#fff;font-size:26px;font-weight:600}.server-settings-icon-img{width:100%;height:100%;object-fit:cover}.server-settings-icon-edit{position:absolute;bottom:0;left:0;right:0;background:#0000008c;font-size:10px;text-align:center;padding:3px 0}.server-settings-field{display:flex;flex-direction:column;gap:6px}.server-settings-field span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.server-settings-field input{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-normal);padding:9px 10px;border-radius:8px}.server-settings-hint{font-size:11px;color:var(--text-muted)}.server-settings-actions{display:flex;gap:8px}.server-settings-msg{font-size:13px;color:var(--accent)}.video-tile:fullscreen{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0}.video-tile:fullscreen .video-main{width:100%;height:100%;position:relative}.video-tile:fullscreen .video-el,.video-tile:fullscreen video{object-fit:contain;width:100%;height:100%}.video-tile:fullscreen .video-name{font-size:18px;padding:12px 16px}.video-tile:fullscreen .volume-control{display:flex!important;position:absolute;bottom:16px;left:16px;background:#0009;padding:8px 12px;border-radius:10px;z-index:6}.video-tile:fullscreen .tile-fullscreen{top:14px;right:14px;width:40px;height:40px}.dm-call-video-wrap:fullscreen{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.dm-call-video-wrap:fullscreen .dm-call-video{object-fit:contain;width:100%;height:100%}.dm-call-video-wrap:fullscreen .tile-fullscreen{top:14px;right:14px;width:40px;height:40px}.video-tile.manual-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0;margin:0}.video-tile.manual-fullscreen .video-main{width:100%;height:100%;position:relative}.video-tile.manual-fullscreen .video-el,.video-tile.manual-fullscreen video{object-fit:contain;width:100%;height:100%}.video-tile.manual-fullscreen .video-name{font-size:18px;padding:12px 16px}.video-tile.manual-fullscreen .volume-control{display:flex!important;position:absolute;bottom:16px;left:16px;background:#0009;padding:8px 12px;border-radius:10px;z-index:6}.video-tile.manual-fullscreen .tile-fullscreen{top:14px;right:14px;width:40px;height:40px}.dm-call-video-wrap.manual-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.dm-call-video-wrap.manual-fullscreen .dm-call-video{object-fit:contain;width:100%;height:100%}.dm-call-video-wrap.manual-fullscreen .tile-fullscreen{top:14px;right:14px;width:40px;height:40px}.mobile-camera-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center}.mobile-camera-dialog{background:var(--bg-secondary, #2b2d31);border:1px solid var(--bg-tertiary, #1e1f22);border-radius:12px;padding:20px;width:360px;max-width:90vw;box-shadow:0 16px 48px #00000080}.mobile-camera-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-camera-header h3{font-size:16px;font-weight:600;color:var(--text-normal, #dbdee1)}.mobile-camera-close{background:none;border:none;color:var(--text-muted, #949ba4);font-size:24px;cursor:pointer;padding:0;line-height:1}.web-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1f22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.web-splash-logo{font-size:56px;line-height:1}.web-splash-name{font-size:22px;font-weight:700;color:#f2f3f5}.web-splash-spinner{width:28px;height:28px;border:3px solid #404249;border-top-color:#14b8a6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.concord-app--web .concord-topbar{border-radius:0!important;box-shadow:none!important}.web-topbar{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border)!important}.web-topbar .window-controls{display:none!important}.web-topbar .concord-topbar-drag{-webkit-app-region:initial!important;background:transparent!important}.concord-app--web .concord-brand{-webkit-app-region:initial!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .15s ease;font-family:inherit;white-space:nowrap}.btn-primary{background:#14b8a6;color:#fff}.btn-primary:hover{background:#0d9488}.btn-outline{background:transparent;color:#14b8a6;border:2px solid #14b8a6}.btn-outline:hover{background:#14b8a61a}.btn-ghost{background:transparent;color:#dbdee1}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-text{background:transparent;color:#949ba4;font-size:13px}.btn-text:hover{color:#dbdee1;text-decoration:underline}.btn-lg{padding:12px 24px;font-size:16px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.landing-page{min-height:100vh;background:#1e1f22;display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.landing-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#f2f3f5}.landing-logo{font-size:28px}.landing-nav-actions{display:flex;gap:8px}.landing-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;gap:80px}.landing-hero-inner{flex:1;max-width:580px}.landing-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#14b8a6}.landing-title{font-size:clamp(32px,5vw,52px);font-weight:800;color:#f2f3f5;line-height:1.15;margin:12px 0 20px}.landing-accent{color:#14b8a6}.landing-subtitle{font-size:16px;color:#b5bac1;line-height:1.6;margin-bottom:32px}.landing-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.landing-hero-art{flex:1;position:relative;max-width:400px;height:320px;display:flex;align-items:center;justify-content:center}.landing-bubble{position:absolute;background:#2b2d31;border:1px solid var(--border);border-radius:16px;padding:12px 18px;font-size:14px;color:#dbdee1;box-shadow:0 8px 32px #0006;white-space:nowrap}.landing-bubble--1{top:10%;left:5%;animation:floatB 4s ease-in-out infinite}.landing-bubble--2{top:45%;right:5%;animation:floatB 4s ease-in-out infinite 1s}.landing-bubble--3{bottom:15%;left:20%;animation:floatB 4s ease-in-out infinite 2s}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.landing-feature{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px}.landing-feature-icon{font-size:32px;margin-bottom:12px}.landing-feature h3{font-size:16px;font-weight:700;color:#f2f3f5;margin:0 0 8px}.landing-feature p{font-size:14px;color:#b5bac1;line-height:1.5;margin:0}.landing-footer{border-top:1px solid var(--border);padding:24px}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#949ba4;font-size:13px}.landing-footer-links{display:flex;gap:16px}.landing-footer-links a{color:#949ba4;text-decoration:none}.landing-footer-links a:hover{color:#dbdee1}.download-page{min-height:100vh;background:#1e1f22;display:flex;flex-direction:column}.download-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.download-back{color:#949ba4;text-decoration:none;font-size:14px}.download-back:hover{color:#dbdee1}.download-brand{font-size:16px;font-weight:700;color:#f2f3f5}.download-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:32px}.download-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.download-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#14b8a6}.download-card h1{font-size:24px;font-weight:800;color:#f2f3f5;margin:0}.download-meta{font-size:13px;color:#949ba4;margin:0}.download-notes{font-size:14px;color:#b5bac1;line-height:1.5;margin:0}.download-reqs{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:13px;color:#949ba4}.download-alt{text-align:center;color:#949ba4;font-size:14px}.download-alt h2{font-size:18px;color:#f2f3f5;margin:0 0 8px}.download-alt p{margin:0 0 16px}.invite-page{min-height:100vh;background:#1e1f22;display:flex;align-items:center;justify-content:center;padding:24px}.invite-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.invite-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#14b8a6}.invite-card h1{font-size:22px;font-weight:800;color:#f2f3f5;margin:0}.invite-code{font-size:13px;color:#949ba4;margin:0}.invite-code code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;color:#dbdee1}.invite-error{background:#f23f4326;color:#fca5a5;padding:10px 16px;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box}.invite-back{font-size:13px;color:#949ba4;text-decoration:none;margin-top:8px}.invite-back:hover{color:#dbdee1}.not-found-page{min-height:100vh;background:#1e1f22;display:flex;align-items:center;justify-content:center;padding:24px}.not-found-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.not-found-icon{font-size:64px}.not-found-card h1{font-size:24px;font-weight:800;color:#f2f3f5;margin:0}.not-found-card p{color:#949ba4;font-size:14px;margin:0}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:200;box-shadow:0 -2px 12px #0000004d;--safe-bottom: 64px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#949ba4;cursor:pointer;padding:4px;border-radius:8px;transition:color .15s,background .15s;font-size:10px;font-family:inherit;flex:1;min-width:0}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item:hover{background:var(--bg-tertiary)}.mobile-nav-icon{position:relative;font-size:22px;line-height:1}.mobile-nav-initial{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-size:10px;font-weight:500}.mobile-nav-badge{position:absolute;top:-4px;right:-8px;background:#ed4245;color:#fff;font-size:9px;font-weight:700;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}@media(max-width:1024px){.landing-hero{flex-direction:column;gap:40px;padding:40px 20px}.landing-hero-art{display:none}.landing-hero-inner{max-width:100%}.landing-features{grid-template-columns:repeat(2,1fr)}.topbar-nav{gap:4px}.topbar-nav .nav-tab{padding:4px 8px;font-size:13px}}@media(max-width:768px){.concord-app{overflow-x:hidden}.concord-topbar{min-height:48px}.topbar-nav,.web-topbar .concord-brand strong{display:none}.concord-brand img,.concord-logo{width:24px!important;height:24px!important}.concord-main{width:100%!important;min-width:0!important}.server-bar,.channel-sidebar,.dm-sidebar,.dm-list{display:none}.chat-main{flex:1!important;min-width:0!important}.chat-layout{flex-direction:column!important}.member-sidebar{display:none}.composer-wrap{position:fixed!important;bottom:var(--safe-bottom, 60px)!important;left:0!important;right:0!important;padding:8px!important;background:var(--bg-primary)!important;border-top:1px solid var(--border)!important;z-index:150!important}.dm-call-bar{bottom:max(var(--safe-bottom, 60px),80px)!important;z-index:180!important}.voice-bar{bottom:var(--safe-bottom, 60px)!important;z-index:300!important}.mobile-bottom-nav{z-index:400!important}.dm-call-panel{bottom:max(var(--safe-bottom, 60px),80px)!important;z-index:250!important}.dm-call-panel.minimized{bottom:var(--safe-bottom, 60px)!important}.music-player{bottom:max(76px,calc(var(--safe-bottom, 60px) + 20px))!important;z-index:180!important}.dm-list{width:72px!important;min-width:72px!important}.dm-list-item .dm-name,.dm-list-item .dm-preview{display:none}.dm-list-item{justify-content:center;padding:8px}.voice-sidebar{display:none}.landing-header{padding:12px 16px}.landing-nav-actions .btn-ghost{display:none}.landing-title{font-size:28px}.landing-cta{flex-direction:column;align-items:stretch}.landing-features{grid-template-columns:1fr;padding:24px 16px}.landing-footer-inner{flex-direction:column;gap:12px;text-align:center}.download-card{padding:24px}.download-main{padding:24px 16px}:root{--safe-bottom: env(safe-area-inset-bottom, 60px);--safe-top: env(safe-area-inset-top, 0px)}body,.concord-topbar{padding-top:var(--safe-top)}.mobile-drawer-toggle{background:none;border:none;color:#f2f3f5;font-size:22px;padding:4px 8px;cursor:pointer;margin-right:4px;flex-shrink:0}.mobile-drawer-toggle:hover{background:#ffffff1a;border-radius:6px}.mobile-drawer-panel .server-bar,.mobile-drawer-panel .channel-sidebar,.mobile-drawer-panel .dm-sidebar,.mobile-drawer-panel .dm-list{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important}.mobile-drawer-panel .channel-sidebar,.mobile-drawer-panel .dm-sidebar{flex-direction:column!important;height:auto!important;border-right:none!important}.mobile-drawer-panel .server-bar{flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;height:auto!important;padding:10px!important;gap:8px!important;border-right:none!important;border-bottom:1px solid var(--border)!important}}@media(max-width:768px){*{scrollbar-width:thin;scrollbar-color:#202225 transparent}.concord-app--web{height:100dvh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0}.concord-app--web>div[style*="display: flex"]{height:100%}}@media(max-width:375px){.mobile-nav-item{padding:4px 8px}.mobile-nav-label{display:none}}@media(prefers-reduced-motion:reduce){.landing-bubble,.effect-pulse,.effect-aura,.effect-float,.pulse-ring{animation:none!important}*{transition-duration:.01ms!important}}.mobile-camera-close:hover{color:var(--text-normal, #dbdee1)}.mobile-camera-body{text-align:center}.mobile-camera-body p{color:var(--text-normal, #dbdee1);font-size:14px;margin-bottom:16px}.mobile-camera-qr{display:flex;justify-content:center;margin:16px 0}.mobile-camera-qr img{border-radius:8px;border:1px solid var(--bg-tertiary, #1e1f22)}.mobile-camera-instruction{color:var(--text-muted, #949ba4)!important;font-size:13px!important}.mobile-camera-footer{margin-top:16px;display:flex;justify-content:center}.mobile-camera-cancel{background:var(--bg-tertiary, #404249);color:var(--text-normal, #dbdee1);border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.mobile-camera-cancel:hover{background:#4a4c52}