@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--deep-arctic: #0B1220;--night-blue: #121B2E;--electric-cyan: #00C8FF;--arctic-blue: #1F6FFF;--ice-white: #E6F0FF;--cool-gray: #8FA3BF;--aurora-green: #1ED760;--ember-red: #FF3B3B;--surface-1: #0E1628;--surface-2: #151F35;--surface-3: #1A2540;--surface-hover: #1E2D4A;--border: rgba(255, 255, 255, .06);--border-active: rgba(0, 200, 255, .3);--shadow: 0 2px 10px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--glow-cyan: 0 0 20px rgba(0, 200, 255, .15);--glow-cyan-strong: 0 0 30px rgba(0, 200, 255, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", sans-serif;--sidebar-width: 72px;--channel-width: 240px;--member-width: 240px;--transition-fast: .15s ease;--transition-normal: .25s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--ice-white);background:var(--deep-arctic);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--electric-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--arctic-blue)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit;outline:none;border:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cool-gray)}.app-layout{display:flex;height:100vh;width:100vw}.server-sidebar{width:var(--sidebar-width);background:var(--deep-arctic);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;overflow-y:auto;border-right:1px solid var(--border);flex-shrink:0}.server-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--cool-gray);font-weight:700;font-size:18px;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.server-icon:hover{background:var(--electric-cyan);color:var(--deep-arctic);border-radius:var(--radius-lg);transform:translateY(-2px);box-shadow:var(--glow-cyan)}.server-icon.active{background:var(--electric-cyan);color:var(--deep-arctic);border-radius:var(--radius-lg);box-shadow:var(--glow-cyan-strong)}.server-icon img{width:100%;height:100%;object-fit:cover}.server-divider{width:32px;height:2px;background:var(--border);border-radius:1px;margin:4px 0}.server-add{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--aurora-green);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.server-add:hover{background:var(--aurora-green);color:var(--deep-arctic);border-radius:var(--radius-lg)}.channel-sidebar{width:var(--channel-width);background:var(--night-blue);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.guild-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast)}.guild-header:hover{background:var(--surface-hover)}.guild-header h2{font-size:15px;font-weight:700;color:var(--ice-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-list{flex:1;overflow-y:auto;padding:8px 0}.channel-category{padding:16px 8px 4px 16px;display:flex;align-items:center;justify-content:space-between}.channel-category span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray)}.channel-item{display:flex;align-items:center;padding:6px 8px;margin:2px 8px;border-radius:4px;color:var(--cool-gray);cursor:pointer;font-weight:500;transition:all .2s}.channel-item:hover{background-color:var(--surface-hover);color:var(--ice-white)}.channel-item.active{background-color:var(--surface-3);color:var(--ice-white)}.channel-settings-icon{margin-left:auto;width:16px;height:16px;opacity:0;transition:opacity .2s;font-size:14px;display:flex;align-items:center;justify-content:center}.channel-item:hover .channel-settings-icon{opacity:1}.channel-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--electric-cyan);border-radius:0 2px 2px 0}.channel-item .channel-hash{font-size:18px;opacity:.6}.guild-header-chevron{font-size:12px;color:var(--cool-gray);transition:transform var(--transition-fast)}.guild-header:hover .guild-header-chevron{transform:rotate(180deg)}.add-channel-btn{cursor:pointer;font-size:16px;color:var(--cool-gray);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.add-channel-btn:hover{color:var(--ice-white);background:var(--surface-hover)}.voice-user-in-channel{padding-left:36px;padding-bottom:4px;display:flex;align-items:center;gap:6px}.voice-user-avatar{width:20px;height:20px;border-radius:50%;background:var(--surface-3);font-size:10px;display:flex;align-items:center;justify-content:center;color:var(--ice-white)}.voice-user-name{font-size:12px;color:var(--ice-white)}.voice-status-panel{background:var(--surface-2);padding:10px 12px;border-top:1px solid var(--border)}.voice-status-label{color:var(--aurora-green);font-size:12px;font-weight:700;margin-bottom:2px}.voice-status-channel{color:var(--cool-gray);font-size:11px;margin-bottom:6px}.voice-status-controls{display:flex;gap:8px}.voice-control-btn{flex:1;background:var(--surface-3);border:none;padding:6px 4px;border-radius:var(--radius-sm);color:var(--ice-white);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.voice-control-btn:hover{background:var(--surface-hover)}.voice-control-btn.danger{color:var(--ember-red)}.voice-control-btn.danger:hover{background:#ff3b3b1a}.user-panel{height:52px;padding:0 8px;display:flex;align-items:center;gap:8px;background:var(--surface-1);border-top:1px solid var(--border)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--electric-cyan);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--deep-arctic);flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .username{font-size:13px;font-weight:600;color:var(--ice-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .status{font-size:11px;color:var(--cool-gray)}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--surface-1);min-width:0}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header .channel-name{font-size:15px;font-weight:700;color:var(--ice-white)}.chat-header .channel-topic{font-size:13px;color:var(--cool-gray);margin-left:8px;padding-left:8px;border-left:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-container{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column}.message{display:flex;gap:16px;padding:4px 16px;transition:background var(--transition-fast)}.message:hover{background:#ffffff05}.message.grouped{padding-top:2px}.message-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--arctic-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;margin-top:2px}.message-body{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-header .author{font-size:14px;font-weight:600;color:var(--ice-white)}.message-header .timestamp{font-size:11px;color:var(--cool-gray)}.message-content{font-size:14px;line-height:1.5;color:var(--ice-white);word-wrap:break-word}.message-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction-pill{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-lg);border:1px solid var(--border-active);background:#00c8ff14;font-size:12px;color:var(--electric-cyan);cursor:pointer;transition:all var(--transition-fast)}.reaction-pill:hover{background:#00c8ff26}.message-composer{padding:0 16px 24px;flex-shrink:0}.composer-inner{background:var(--surface-2);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);transition:border-color var(--transition-fast)}.composer-inner:focus-within{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.composer-input{flex:1;background:transparent;color:var(--ice-white);font-size:14px;resize:none;min-height:20px;max-height:200px}.composer-input::placeholder{color:var(--cool-gray)}.composer-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--electric-cyan);color:var(--deep-arctic);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all var(--transition-fast);flex-shrink:0}.composer-btn:hover{background:var(--arctic-blue);transform:scale(1.05)}.member-list{width:var(--member-width);background:var(--night-blue);padding:16px 8px;overflow-y:auto;border-left:1px solid var(--border);flex-shrink:0}.member-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);padding:8px 8px 4px}.member-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.member-item:hover{background:var(--surface-hover)}.member-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--arctic-blue);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;position:relative;flex-shrink:0}.member-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--night-blue)}.member-status-dot.online{background:var(--aurora-green)}.member-status-dot.idle{background:#faa61a}.member-status-dot.dnd{background:var(--ember-red)}.member-status-dot.offline{background:var(--cool-gray)}.member-name{font-size:14px;font-weight:500;color:var(--cool-gray)}.member-item:hover .member-name{color:var(--ice-white)}.typing-indicator{padding:4px 16px;font-size:12px;color:var(--cool-gray);min-height:20px}.typing-dots{display:inline-flex;gap:3px;margin-right:4px}.typing-dots span{width:4px;height:4px;background:var(--cool-gray);border-radius:var(--radius-full);animation:typingBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--deep-arctic);background-image:radial-gradient(ellipse at 20% 50%,rgba(0,200,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(31,111,255,.06) 0%,transparent 50%)}.auth-card{width:420px;max-width:90vw;background:var(--night-blue);border-radius:var(--radius-xl);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo h1{font-size:28px;font-weight:800;letter-spacing:2px;color:var(--electric-cyan)}.auth-logo p{font-size:13px;color:var(--cool-gray);margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray)}.form-group input{padding:10px 12px;background:var(--surface-1);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;border:1px solid var(--border);transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.btn-primary{padding:12px;background:var(--electric-cyan);color:var(--deep-arctic);font-weight:700;font-size:14px;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{background:var(--arctic-blue);transform:translateY(-1px);box-shadow:var(--glow-cyan)}.auth-footer{margin-top:16px;text-align:center;font-size:13px;color:var(--cool-gray)}.auth-error{padding:10px 12px;background:#ff3b3b1a;border:1px solid rgba(255,59,59,.3);border-radius:var(--radius-md);color:var(--ember-red);font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--night-blue);border-radius:var(--radius-xl);padding:24px;width:440px;max-width:90vw;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-content h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--ice-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.friends-view{flex:1;display:flex;flex-direction:column;background:var(--surface-1)}.friends-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.friends-tab{font-size:14px;font-weight:600;color:var(--cool-gray);padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.friends-tab:hover,.friends-tab.active{color:var(--ice-white);background:var(--surface-3)}.friends-tab-add.active{color:var(--aurora-green)!important;background:#1ed7601a!important}.friends-header-title{margin-right:16px;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ice-white)}.friends-header-icon{font-size:20px}.friends-header-divider{width:1px;height:24px;background:var(--border);margin:0 8px}.friends-content{padding:20px;flex:1;overflow-y:auto}.friends-add-section{max-width:600px}.friends-add-desc{font-size:13px;color:var(--cool-gray);margin-bottom:16px}.friends-add-form{display:flex;gap:12px}.friends-success-msg{margin-top:16px;color:var(--aurora-green);font-size:13px;font-weight:600}.friends-list-header{font-size:12px;font-weight:700;color:var(--cool-gray);text-transform:uppercase;letter-spacing:.03em;margin-bottom:16px}.friend-item{display:flex;align-items:center;padding:12px 10px;border-top:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.friend-item:hover{background:var(--surface-hover)}.friend-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--ice-white);flex-shrink:0}.friend-avatar.online{background:var(--aurora-green);color:var(--deep-arctic)}.friend-info{margin-left:12px;flex:1;min-width:0}.friend-name{font-weight:600;color:var(--ice-white);font-size:14px}.friend-status{font-size:12px;color:var(--cool-gray);text-transform:capitalize}.friend-actions{display:flex;gap:8px;opacity:0;transition:opacity var(--transition-fast)}.friend-item:hover .friend-actions{opacity:1}.friend-action-btn{width:32px;height:32px;background:var(--surface-2);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.friend-action-btn:hover{background:var(--surface-3);transform:scale(1.1)}.friend-action-btn.danger:hover{background:#ff3b3b26;color:var(--ember-red)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--cool-gray)}.empty-state svg{width:120px;height:120px;opacity:.3}.empty-state h3{font-size:20px;font-weight:700;color:var(--ice-white)}.settings-modal{display:flex;width:900px;height:600px;max-width:95vw;max-height:95vh;background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;border:1px solid var(--border)}.settings-sidebar{width:240px;background:var(--surface-2);padding:24px 12px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border)}.settings-sidebar h3{font-size:11px;font-weight:700;color:var(--cool-gray);text-transform:uppercase;padding:0 10px 10px;margin-bottom:4px}.settings-sidebar .tab{padding:8px 10px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--cool-gray);cursor:pointer;transition:all var(--transition-fast)}.settings-sidebar .tab:hover{background:var(--surface-hover);color:var(--ice-white)}.settings-sidebar .tab.active{background:var(--surface-3);color:var(--ice-white)}.settings-sidebar .tab.danger{color:var(--ember-red)}.settings-sidebar .tab.danger:hover{background:#ff3b3b1a}.settings-sidebar .separator{height:1px;background:var(--border);margin:8px 0}.settings-content{flex:1;padding:40px;overflow-y:auto;background:var(--surface-1)}.settings-section{max-width:600px;animation:fadeIn .2s ease}.settings-section h2{font-size:20px;font-weight:700;color:var(--ice-white);margin-bottom:24px}.settings-section h4{color:var(--ice-white);margin-bottom:4px}.settings-section p{color:var(--cool-gray);font-size:13px;margin-bottom:16px}.integration-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;background:var(--surface-2)}.integration-card .badge{font-size:10px;text-transform:uppercase;background:var(--surface-3);padding:2px 6px;border-radius:4px;color:var(--electric-cyan)}.btn-toggle{padding:6px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:600;width:100px;text-align:center}.btn-toggle.on{background:var(--aurora-green);color:var(--deep-arctic)}.btn-toggle.off{background:var(--surface-3);color:var(--cool-gray)}.feature-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.settings-actions{margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.user-settings-header{display:flex;align-items:center;gap:8px;padding:0 10px 20px;font-weight:800;color:var(--electric-cyan);font-size:16px}.settings-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--cool-gray);cursor:pointer}.settings-btn:hover{background:var(--surface-hover);color:var(--ice-white)}.mention{background:#00c8ff26;color:var(--electric-cyan);padding:0 4px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.mention:hover{background:#00c8ff40}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ember-red);color:#fff;font-size:11px;font-weight:700}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--deep-arctic);color:var(--ice-white);padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow);z-index:100}.tooltip:hover:after{opacity:1}.lang-switcher{display:flex;gap:4px}.lang-btn{padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;background:transparent;color:var(--cool-gray);transition:all var(--transition-fast)}.lang-btn:hover,.lang-btn.active{background:var(--electric-cyan);color:var(--deep-arctic)}.search-bar-container{position:relative;margin-left:auto}.search-bar-input{width:200px;padding:6px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ice-white);font-size:13px;transition:all var(--transition-fast)}.search-bar-input:focus{width:300px;border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.search-bar-input::placeholder{color:var(--cool-gray)}.search-results-dropdown{position:absolute;top:100%;right:0;width:360px;max-height:400px;overflow-y:auto;background:var(--night-blue);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:500;margin-top:4px}.search-result-item{display:flex;gap:12px;padding:10px 12px;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border)}.search-result-item:hover{background:var(--surface-hover)}.search-result-item:last-child{border-bottom:none}.search-result-author{font-size:13px;font-weight:600;color:var(--electric-cyan)}.search-result-content{font-size:13px;color:var(--cool-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-time{font-size:11px;color:var(--cool-gray);margin-left:auto;white-space:nowrap}.moderation-panel{background:var(--night-blue);border-radius:var(--radius-xl);padding:28px;width:440px;max-width:90vw;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.moderation-panel h3{font-size:18px;font-weight:700;color:var(--ice-white);margin-bottom:6px}.moderation-panel .mod-target{font-size:14px;color:var(--electric-cyan);margin-bottom:16px}.mod-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.mod-btn{padding:10px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.mod-btn.kick{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.mod-btn.kick:hover{background:#ffa50040}.mod-btn.ban{background:#ff3b3b26;color:var(--ember-red);border:1px solid rgba(255,59,59,.3)}.mod-btn.ban:hover{background:#ff3b3b40}.mod-btn.timeout{background:#faa61a26;color:#faa61a;border:1px solid rgba(250,166,26,.3)}.mod-btn.timeout:hover{background:#faa61a40}.mod-reason-input{width:100%;padding:10px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;margin-top:12px;transition:border-color var(--transition-fast)}.mod-reason-input:focus{border-color:var(--electric-cyan)}.mod-reason-input::placeholder{color:var(--cool-gray)}.mod-timeout-select{padding:8px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ice-white);font-size:13px;margin-top:8px}.mod-cancel-btn{margin-top:12px;padding:8px 16px;background:var(--surface-3);color:var(--cool-gray);border-radius:var(--radius-md);font-size:13px;width:100%;transition:all var(--transition-fast)}.mod-cancel-btn:hover{background:var(--surface-hover);color:var(--ice-white)}.audit-log-viewer{background:var(--night-blue);border-radius:var(--radius-xl);padding:28px;width:600px;max-width:90vw;max-height:80vh;overflow-y:auto;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.audit-log-viewer h3{font-size:18px;font-weight:700;color:var(--ice-white);margin-bottom:16px}.audit-log-list{display:flex;flex-direction:column;gap:2px}.audit-log-entry{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);margin-bottom:6px}.audit-log-action{font-size:13px;font-weight:600;color:var(--electric-cyan);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.audit-log-actor{font-size:13px;font-weight:600;color:var(--ice-white)}.audit-log-details{display:flex;align-items:center;gap:4px;margin-bottom:2px}.invite-modal{background:var(--night-blue);border-radius:var(--radius-xl);padding:28px;width:480px;max-width:90vw;border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.invite-modal h3{font-size:18px;font-weight:700;color:var(--ice-white);margin-bottom:16px}.invites-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.invite-entry{display:flex;align-items:center;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.guild-actions-bar{display:flex;gap:4px;padding:4px 8px;border-bottom:1px solid var(--border)}.guild-action-btn{flex:1;padding:4px 8px;background:transparent;color:var(--cool-gray);font-size:11px;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.guild-action-btn:hover{background:var(--surface-hover);color:var(--ice-white)}.message-action-bar{position:absolute;top:-12px;right:16px;display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:10}.message:hover .message-action-bar{opacity:1;pointer-events:auto}.msg-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;font-size:14px;cursor:pointer;transition:background var(--transition-fast)}.msg-action-btn:hover{background:var(--surface-hover)}.context-menu{position:fixed;background:var(--night-blue);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;min-width:180px;box-shadow:var(--shadow-lg);z-index:2000;animation:fadeIn .1s ease}.context-menu-item{padding:8px 12px;font-size:13px;color:var(--ice-white);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:var(--surface-hover)}.context-menu-item.danger{color:var(--ember-red)}.context-menu-item.danger:hover{background:#ff3b3b1a}.context-menu-separator{height:1px;background:var(--border);margin:4px 0}.context-menu-label{padding:6px 12px 2px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--cool-gray);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.context-menu-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.channel-settings-modal{display:flex;width:90vw;max-width:820px;height:80vh;max-height:680px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.channel-settings-sidebar{width:200px;min-width:200px;background:var(--deep-arctic);border-right:1px solid var(--border);padding:16px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.channel-settings-header{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;font-size:14px;font-weight:600;color:var(--ice-white)}.channel-settings-icon{font-size:16px}.channel-settings-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-settings-content{flex:1;overflow-y:auto;padding:24px 32px}.perm-editor{display:flex;gap:16px;min-height:300px}.perm-role-list{width:180px;min-width:180px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--deep-arctic);overflow-y:auto;max-height:400px}.perm-role-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--ice-white);cursor:pointer;transition:background var(--transition-fast)}.perm-role-item:hover{background:var(--surface-hover)}.perm-role-item.active{background:var(--surface-hover);border-left:2px solid var(--electric-cyan)}.perm-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.perm-toggles{flex:1;display:flex;flex-direction:column;gap:6px}.perm-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--deep-arctic);border:1px solid var(--border);border-radius:var(--radius-sm)}.perm-label{font-size:13px;color:var(--ice-white)}.perm-tri-toggle{display:flex;gap:2px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.perm-btn{width:28px;height:28px;border:none;background:var(--surface-2);color:var(--cool-gray);cursor:pointer;font-size:12px;font-weight:700;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.perm-btn:hover{background:var(--surface-3)}.perm-btn.perm-allow.active{background:#43b5814d;color:#43b581}.perm-btn.perm-neutral.active{background:var(--surface-3);color:var(--ice-white)}.perm-btn.perm-deny.active{background:#f047474d;color:#f04747}.slowmode-selector{display:flex;flex-wrap:wrap;gap:6px}.slowmode-btn{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--cool-gray);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.slowmode-btn:hover{background:var(--surface-3);color:var(--ice-white)}.slowmode-btn.active{background:#00c8ff1a;border-color:var(--electric-cyan);color:var(--electric-cyan)}.channel-item-wrapper{position:relative}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.channel-item:hover .channel-actions{opacity:1}.category-collapse-icon{font-size:10px;color:var(--cool-gray);margin-right:2px;transition:transform var(--transition-fast)}.category-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-category-group{margin-bottom:4px}.reaction-picker{display:flex;gap:4px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:4px}.reaction-picker-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.reaction-picker-btn:hover{background:var(--surface-hover);transform:scale(1.2)}.file-upload-btn{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;color:var(--cool-gray);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transition:all var(--transition-fast);flex-shrink:0;cursor:pointer}.file-upload-btn:hover{color:var(--electric-cyan);background:var(--surface-hover)}.message-edit-form{display:flex;gap:8px;margin-top:4px}.message-edit-input{flex:1;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px}.message-edit-input:focus{border-color:var(--electric-cyan)}.message-edit-save{padding:6px 12px;background:var(--electric-cyan);color:var(--deep-arctic);font-weight:600;font-size:12px;border-radius:var(--radius-md)}.message-edit-cancel{padding:6px 12px;background:var(--surface-3);color:var(--cool-gray);font-size:12px;border-radius:var(--radius-md)}.edited-tag{font-size:10px;color:var(--cool-gray);margin-left:4px;font-style:italic}.member-custom-status{font-size:11px;color:var(--cool-gray);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.message{position:relative}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border-radius:12px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--cool-gray);top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-slider{background:var(--electric-cyan);border-color:var(--electric-cyan);box-shadow:0 0 12px #00c8ff4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:var(--deep-arctic)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #00c8ff33}.premium-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal)}.premium-card:hover{border-color:#00c8ff26;box-shadow:0 4px 20px #00000026}.premium-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.premium-card-title{font-size:15px;font-weight:600;color:var(--ice-white)}.premium-card-desc{font-size:13px;color:var(--cool-gray);line-height:1.5}.profile-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.profile-card:hover{border-color:#00c8ff1f}.profile-banner{height:100px;position:relative;background:linear-gradient(135deg,var(--electric-cyan),var(--arctic-blue))}.profile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4))}.profile-avatar-wrapper{position:relative;margin-top:-40px;margin-left:24px;width:80px;height:80px;z-index:1}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:var(--surface-1);border:4px solid var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--electric-cyan);overflow:hidden}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-body{padding:12px 24px 24px}.profile-username{font-size:22px;font-weight:700;color:var(--ice-white);display:flex;align-items:baseline;gap:8px}.profile-discriminator{font-size:15px;font-weight:500;color:var(--cool-gray)}.profile-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.profile-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);margin-bottom:12px}.settings-modal{animation:settingsOpen .3s cubic-bezier(.4,0,.2,1)}@keyframes settingsOpen{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.settings-sidebar .tab{display:flex;align-items:center;gap:10px}.tab-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.settings-section h2{display:flex;align-items:center;gap:10px}.settings-section h2 .section-icon{font-size:22px}.danger-zone{margin-top:32px;padding:20px;border:1px solid rgba(255,59,59,.2);border-radius:var(--radius-lg);background:#ff3b3b0a}.danger-zone-title{font-size:14px;font-weight:700;color:var(--ember-red);margin-bottom:8px;display:flex;align-items:center;gap:8px}.danger-zone-desc{font-size:13px;color:var(--cool-gray);margin-bottom:16px;line-height:1.5}.btn-danger{padding:10px 20px;background:transparent;border:1px solid var(--ember-red);color:var(--ember-red);font-weight:600;font-size:13px;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.btn-danger:hover{background:var(--ember-red);color:#fff;box-shadow:0 0 20px #ff3b3b33}.btn-secondary{padding:10px 20px;background:var(--surface-3);color:var(--ice-white);font-weight:600;font-size:13px;border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:#ffffff1a}.btn-success{padding:10px 20px;background:var(--aurora-green);color:var(--deep-arctic);font-weight:700;font-size:13px;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.btn-success:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 20px #1ed76033}.roles-container{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);height:440px}.roles-list{width:220px;overflow-y:auto;border-right:1px solid var(--border);padding:8px;background:var(--surface-2)}.role-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500;color:var(--cool-gray)}.role-item:hover{background:var(--surface-hover);color:var(--ice-white)}.role-item.active{background:var(--surface-3);color:var(--ice-white);border-left:3px solid var(--electric-cyan)}.role-color-dot{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.role-editor{flex:1;padding:20px;overflow-y:auto}.role-editor-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.role-editor-header h3{font-size:16px;font-weight:700;color:var(--ice-white)}.permissions-grid{display:flex;flex-direction:column;gap:2px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.permission-item:hover{background:#ffffff05}.permission-info{display:flex;flex-direction:column;gap:2px}.permission-name{font-size:14px;font-weight:600;color:var(--ice-white);letter-spacing:.3px}.permission-desc{font-size:12px;color:var(--cool-gray)}.feature-card{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;transition:all var(--transition-normal);gap:16px}.feature-card:hover{border-color:#00c8ff1a}.feature-card.active{border-color:#00c8ff40;background:#00c8ff0a}.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.feature-info{flex:1}.feature-title{font-size:15px;font-weight:600;color:var(--ice-white);margin-bottom:4px}.feature-desc{font-size:13px;color:var(--cool-gray);line-height:1.5}.feature-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:var(--radius-sm);background:#00c8ff1a;color:var(--electric-cyan);margin-top:6px}.integration-card{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;background:var(--surface-2);transition:all var(--transition-normal)}.integration-card:hover{border-color:#00c8ff1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.integration-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;margin-right:16px}.integration-info{flex:1}.integration-info h4{font-size:15px;font-weight:600;color:var(--ice-white);margin-bottom:2px}.integration-info .badge{font-size:10px;text-transform:uppercase;background:#00c8ff1a;padding:2px 8px;border-radius:var(--radius-sm);color:var(--electric-cyan);font-weight:600;letter-spacing:.3px;display:inline-block;height:auto;min-width:auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;font-size:14px;color:var(--cool-gray);pointer-events:none;z-index:1}.search-input{width:200px;padding:6px 32px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ice-white);font-size:13px;transition:all var(--transition-normal)}.search-input:focus{width:300px;border-color:var(--electric-cyan);box-shadow:var(--glow-cyan);background:var(--surface-1)}.search-input::placeholder{color:var(--cool-gray)}.search-clear{position:absolute;right:8px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--cool-gray);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--surface-hover);color:var(--ice-white)}.search-loading,.search-empty{padding:20px;text-align:center;color:var(--cool-gray);font-size:13px}.search-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.invite-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.invite-item{display:flex;align-items:center;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);gap:12px}.invite-item:hover{border-color:#00c8ff1a}.invite-info{flex:1;min-width:0}.invite-code{font-size:15px;font-weight:700;color:var(--electric-cyan);font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.5px}.invite-meta{font-size:12px;color:var(--cool-gray);margin-top:2px}.invite-actions{display:flex;gap:6px;flex-shrink:0}.invite-copy-btn{padding:6px 14px;background:var(--surface-3);color:var(--ice-white);border-radius:var(--radius-md);font-size:12px;font-weight:600;transition:all var(--transition-fast);border:1px solid var(--border)}.invite-copy-btn:hover{background:var(--electric-cyan);color:var(--deep-arctic);border-color:var(--electric-cyan)}.invite-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,59,59,.3);color:var(--ember-red);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-fast)}.invite-delete-btn:hover{background:var(--ember-red);color:#fff;border-color:var(--ember-red)}.audit-log-entry{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);margin-bottom:6px;transition:all var(--transition-fast)}.audit-log-entry:hover{border-color:#00c8ff14}.audit-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border-radius:var(--radius-md);flex-shrink:0}.audit-info{flex:1;min-width:0}.audit-action{font-size:13px;color:var(--ice-white);margin-bottom:2px}.audit-action strong{color:var(--electric-cyan);font-weight:600}.audit-target{color:var(--cool-gray);font-weight:400}.audit-reason{font-size:12px;color:var(--cool-gray);font-style:italic;margin-top:2px}.audit-meta{margin-top:4px}.audit-time{font-size:11px;color:var(--cool-gray)}.mod-actions{display:flex;gap:8px;margin:16px 0}.mod-action-btn{flex:1;padding:12px 16px;border-radius:var(--radius-lg);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast);background:var(--surface-2);border:1px solid var(--border);color:var(--cool-gray)}.mod-action-btn:hover{transform:translateY(-1px)}.mod-action-btn.active{border-color:var(--electric-cyan);color:var(--electric-cyan);background:#00c8ff14}.mod-action-btn.warn{border-color:#faa61a4d}.mod-action-btn.warn:hover,.mod-action-btn.warn.active{border-color:#faa61a;color:#faa61a;background:#faa61a14}.mod-action-btn.danger{border-color:#ff3b3b4d}.mod-action-btn.danger:hover,.mod-action-btn.danger.active{border-color:var(--ember-red);color:var(--ember-red);background:#ff3b3b14}.mod-form{margin-top:16px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.form-group select{padding:10px 32px 10px 12px;background:var(--surface-1);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;border:1px solid var(--border);transition:border-color var(--transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238FA3BF' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-group select:focus{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.form-group select option{background:var(--surface-1);color:var(--ice-white)}.form-group textarea{padding:10px 12px;background:var(--surface-1);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;border:1px solid var(--border);transition:border-color var(--transition-fast);resize:vertical;min-height:80px}.form-group textarea:focus{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.settings-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--cool-gray);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);z-index:10}.modal-close:hover{background:var(--surface-hover);color:var(--ice-white);border-color:#ffffff1a}.section-divider{height:1px;background:var(--border);margin:24px 0}.empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--surface-2);border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-lg);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:var(--ice-white);margin-bottom:4px}.empty-state-desc{font-size:13px;color:var(--cool-gray)}.stat-row{display:flex;gap:12px;margin-bottom:20px}.stat-card{flex:1;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.stat-value{font-size:24px;font-weight:700;color:var(--electric-cyan)}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);margin-top:4px}.color-input-wrapper{display:flex;align-items:center;gap:12px}.color-preview{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.color-preview:hover{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.color-hex-input{width:120px}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.icon-badge{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.icon-badge.cyan{background:#00c8ff1a;color:var(--electric-cyan)}.icon-badge.green{background:#1ed7601a;color:var(--aurora-green)}.icon-badge.red{background:#ff3b3b1a;color:var(--ember-red)}.icon-badge.orange{background:#faa61a1a;color:#faa61a}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--electric-cyan);border-radius:var(--radius-lg);padding:12px 24px;color:var(--ice-white);font-size:14px;font-weight:500;box-shadow:0 8px 32px #0006,var(--glow-cyan);z-index:3000;animation:toastIn .3s ease}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.form-group input[type=color]{height:40px;padding:4px;cursor:pointer;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.profile-avatar-large{cursor:pointer;position:relative}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;opacity:0;transition:opacity .2s ease}.profile-avatar-large:hover .profile-avatar-overlay{opacity:1}.profile-avatar-letter{font-size:30px;font-weight:700;color:var(--electric-cyan)}.profile-custom-status{font-size:14px;color:var(--cool-gray);margin-top:4px}.profile-about-text{font-size:14px;color:var(--ice-white);line-height:1.5;margin:0}.input-readonly{opacity:.6;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.3px}.badge-green{background:#3ba55d26;color:var(--aurora-green)}.badge-gray{background:#ffffff0f;color:var(--cool-gray)}.settings-feedback{padding:8px 12px;border-radius:var(--radius-md);font-size:13px;margin-bottom:12px}.settings-feedback.error{background:#ff3b3b1a;color:var(--ember-red);border:1px solid rgba(255,59,59,.2)}.settings-feedback.success{background:#3ba55d1a;color:var(--aurora-green);border:1px solid rgba(59,165,93,.2)}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.backup-code{background:var(--surface-1);padding:8px 12px;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:14px;color:var(--electric-cyan);letter-spacing:1px;text-align:center;border:1px solid var(--border)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.theme-card{background:var(--surface-1);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;overflow:hidden;padding-bottom:12px;text-align:center}.theme-card:hover{border-color:#00c8ff40;transform:translateY(-2px)}.theme-card.active{border-color:var(--electric-cyan);box-shadow:0 0 16px #00c8ff26}.theme-preview{height:80px;display:flex;padding:8px;gap:6px;border-radius:var(--radius-md) var(--radius-md) 0 0}.theme-preview-sidebar{width:28%;border-radius:var(--radius-sm)}.theme-preview-content{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px}.theme-preview-line{height:6px;border-radius:3px;width:80%}.theme-preview-line.short{width:60%}.theme-preview-line.shorter{width:40%}.theme-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-top:8px}.theme-name{display:block;font-size:13px;font-weight:600;color:var(--ice-white);margin-top:4px}.keybind-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px!important}.keybind-label{font-size:14px;font-weight:500;color:var(--ice-white)}.keybind-key{display:inline-flex;align-items:center;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--cool-gray);cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center;justify-content:center}.keybind-key:hover{border-color:var(--electric-cyan);color:var(--electric-cyan)}.keybind-key.editing{border-color:var(--electric-cyan);background:#00c8ff14;color:var(--electric-cyan);animation:keybindPulse 1s ease infinite}@keyframes keybindPulse{0%,to{box-shadow:0 0 #00c8ff33}50%{box-shadow:0 0 0 4px #00c8ff1a}}.about-stats{display:flex;justify-content:center;gap:40px;margin-top:24px}.about-stat{text-align:center}.about-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);margin-bottom:6px}.about-stat-value{font-size:16px;font-weight:600;color:var(--ice-white)}.settings-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.settings-section textarea{width:100%;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--ice-white);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.settings-section textarea:focus{outline:none;border-color:var(--electric-cyan)}.btn-danger{background:#ff3b3b1f;color:var(--ember-red);border:1px solid rgba(255,59,59,.2);border-radius:var(--radius-md);padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ff3b3b33;border-color:#ff3b3b59}.conv-settings-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:260px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059;z-index:200;padding:6px;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.conv-settings-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cool-gray);padding:8px 10px 4px}.conv-settings-subtitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--cool-gray);padding:6px 10px 2px}.conv-settings-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);font-size:14px;color:var(--ice-white);cursor:pointer;transition:background .15s ease}.conv-settings-item:hover{background:var(--surface-hover)}.conv-settings-item.active{color:var(--electric-cyan)}.conv-settings-divider{height:1px;background:var(--border);margin:4px 0}.chat-header{position:relative}.nordex-titlebar{display:flex;align-items:center;justify-content:space-between;height:32px;background:var(--deep-arctic);border-bottom:1px solid var(--border);padding:0 8px;-webkit-user-select:none;user-select:none;position:relative;z-index:10000;flex-shrink:0}.titlebar-brand{display:flex;align-items:center;gap:8px;padding-left:4px}.titlebar-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--cool-gray);letter-spacing:.04em}.titlebar-controls{display:flex;align-items:center;gap:0;height:100%}.titlebar-btn{display:flex;align-items:center;justify-content:center;width:46px;height:100%;background:none;border:none;color:var(--cool-gray);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);padding:0}.titlebar-btn:hover{background:#ffffff14;color:var(--ice-white)}.titlebar-btn:active{background:#ffffff1f}.titlebar-btn-close:hover{background:#c42b1c;color:#fff}.titlebar-btn-close:active{background:#b32a1c}body:has(.nordex-titlebar) .app-layout,body:has(.nordex-titlebar) .auth-page{height:calc(100vh - 32px)}body:has(.nordex-titlebar) #root{display:flex;flex-direction:column;height:100vh}.close-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:closeDialogFadeIn .15s ease}@keyframes closeDialogFadeIn{0%{opacity:0}to{opacity:1}}.close-dialog{background:var(--arctic-surface, #111927);border:1px solid var(--ice-border, rgba(0, 200, 255, .12));border-radius:12px;padding:24px 28px;min-width:340px;max-width:420px;box-shadow:0 20px 60px #00000080,0 0 30px #00c8ff0f;animation:closeDialogSlideIn .2s ease}@keyframes closeDialogSlideIn{0%{transform:translateY(-16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.close-dialog-title{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary, #e1e8f0)}.close-dialog-desc{margin:0 0 18px;font-size:13px;color:var(--text-secondary, #8899aa)}.close-dialog-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.close-dialog-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--ice-border, rgba(0, 200, 255, .1));border-radius:8px;background:var(--deep-arctic, rgba(0, 0, 0, .2));color:var(--text-primary, #e1e8f0);font-size:13px;cursor:pointer;transition:all .15s ease}.close-dialog-btn:hover{background:#00c8ff0f;border-color:#00c8ff40}.close-dialog-minimize:hover{border-color:#00c8ff59;box-shadow:0 0 12px #00c8ff14}.close-dialog-quit:hover{border-color:#dc3c3c66;background:#dc3c3c14;color:#ff6b6b}.close-dialog-quit:hover svg{stroke:#ff6b6b}.close-dialog-remember{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #8899aa);cursor:pointer;margin-bottom:8px}.close-dialog-remember input[type=checkbox]{accent-color:#00c8ff;width:14px;height:14px;cursor:pointer}.close-dialog-hint{margin:0;font-size:11px;color:var(--text-muted, #556677);font-style:italic}.settings-group{margin-bottom:20px}.settings-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #e1e8f0);margin-bottom:4px}.settings-hint{font-size:12px;color:var(--text-secondary, #8899aa);margin:0 0 14px}.close-behavior-options{display:flex;flex-direction:column;gap:8px}.close-behavior-option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--ice-border, rgba(0, 200, 255, .1));border-radius:8px;background:var(--deep-arctic, rgba(0, 0, 0, .15));cursor:pointer;transition:all .15s ease}.close-behavior-option:hover{background:#00c8ff0a;border-color:#00c8ff33}.close-behavior-option.active{border-color:#00c8ff66;background:#00c8ff0f;box-shadow:0 0 12px #00c8ff0f}.close-behavior-option input[type=radio]{accent-color:#00c8ff;margin-top:3px;width:15px;height:15px;cursor:pointer}.close-behavior-label{font-size:13px;font-weight:500;color:var(--text-primary, #e1e8f0)}.close-behavior-desc{font-size:11px;color:var(--text-secondary, #8899aa);margin-top:2px}.voice-channel-view{flex:1;display:flex;flex-direction:column;background:var(--deep-arctic);min-width:0}.voice-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0}.voice-header-icon{color:var(--aurora-green);flex-shrink:0}.voice-header-info{display:flex;flex-direction:column;min-width:0}.voice-header-name{font-size:15px;font-weight:700;color:var(--ice-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-header-guild{font-size:11px;color:var(--cool-gray)}.voice-grid{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:16px;overflow-y:auto}.voice-tile{position:relative;width:240px;height:180px;border-radius:var(--radius-lg);background:var(--surface-2);border:2px solid transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.voice-tile.speaking{border-color:var(--aurora-green);box-shadow:0 0 12px #39ff1426}.voice-tile-avatar{width:64px;height:64px;border-radius:50%;background:var(--electric-cyan);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--deep-arctic)}.voice-tile-name{position:absolute;bottom:8px;left:8px;right:8px;font-size:12px;font-weight:600;color:var(--ice-white);background:#0009;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.voice-tile-name .muted-icon{color:var(--ember-red);flex-shrink:0}.voice-tile video{width:100%;height:100%;object-fit:cover}.voice-controls{padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-1);border-top:1px solid var(--border);flex-shrink:0}.voice-ctrl-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--surface-3);color:var(--ice-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);position:relative}.voice-ctrl-btn:hover{background:var(--surface-hover)}.voice-ctrl-btn.active{background:var(--ember-red);color:#fff}.voice-ctrl-btn.active:hover{background:#d63232}.voice-ctrl-btn.disconnect{background:var(--ember-red);color:#fff;width:56px;border-radius:var(--radius-lg)}.voice-ctrl-btn.disconnect:hover{background:#d63232}.voice-ctrl-btn svg{width:20px;height:20px}.voice-connecting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--cool-gray);font-size:14px}.voice-connecting-spinner{width:32px;height:32px;border:3px solid var(--surface-3);border-top-color:var(--electric-cyan);border-radius:50%;animation:voiceSpin .8s linear infinite}@keyframes voiceSpin{to{transform:rotate(360deg)}}.voice-error{padding:8px 16px;background:#ff3b3b1a;color:var(--ember-red);font-size:13px;text-align:center;border-bottom:1px solid rgba(255,59,59,.2)}.e2ee-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--aurora-green);background:#39ff1414;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.e2ee-badge svg{width:12px;height:12px}.e2ee-verify-btn{background:none;border:1px solid var(--border);color:var(--cool-gray);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:all var(--transition-fast)}.e2ee-verify-btn:hover{border-color:var(--aurora-green);color:var(--aurora-green)}.e2ee-fingerprint{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--ice-white);background:var(--surface-2);padding:12px;border-radius:var(--radius-md);word-break:break-all;letter-spacing:1px;line-height:1.6;text-align:center}.reply-reference{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-bottom:4px;font-size:12px;color:var(--cool-gray);border-left:2px solid var(--cool-gray);cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:background .15s}.reply-reference:hover{background:var(--surface-2)}.reply-icon{opacity:.5}.reply-author{font-weight:600;color:var(--ice-white)}.reply-text{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.reply-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-2);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:13px;color:var(--cool-gray)}.reply-bar-label{white-space:nowrap}.reply-bar-label strong{color:var(--ice-white)}.reply-bar-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6}.reply-bar-close{background:none;border:none;color:var(--cool-gray);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:var(--radius-sm)}.reply-bar-close:hover{background:var(--surface-3);color:var(--ice-white)}.file-preview-img{max-width:400px;max-height:300px;border-radius:var(--radius-md);cursor:pointer;margin-top:4px;object-fit:contain;transition:opacity .15s}.file-preview-img:hover{opacity:.9}.file-preview-video{max-width:400px;max-height:300px;border-radius:var(--radius-md);margin-top:4px}.file-preview-audio{max-width:360px;margin-top:4px}.file-name{display:block;font-size:12px;color:var(--cool-gray);margin-top:2px}.file-attachment{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius-md);color:var(--link-blue);text-decoration:none;font-size:14px;transition:background .15s}.file-attachment:hover{background:var(--surface-3)}.emoji-picker-anchor{position:absolute;bottom:56px;right:12px;z-index:100}.emoji-picker{width:352px;max-height:380px;background:var(--night-blue);border:1px solid var(--surface-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.emoji-picker-header{padding:8px;border-bottom:1px solid var(--surface-3)}.emoji-search{width:100%;padding:8px 12px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;outline:none}.emoji-search:focus{border-color:var(--aurora-green)}.emoji-categories{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--surface-3)}.emoji-cat-btn{background:none;border:none;font-size:18px;padding:4px 6px;cursor:pointer;border-radius:var(--radius-sm);opacity:.5;transition:all .15s}.emoji-cat-btn:hover{opacity:1;background:var(--surface-2)}.emoji-cat-btn.active{opacity:1;background:var(--surface-3)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;flex:1}.emoji-item{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:background .1s}.emoji-item:hover{background:var(--surface-2);transform:scale(1.2)}.composer-emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);opacity:.6;transition:opacity .15s}.composer-emoji-btn:hover{opacity:1}.discovery-view{flex:1;overflow-y:auto;padding:32px;background:var(--deep-blue)}.discovery-header{text-align:center;margin-bottom:24px}.discovery-title{font-size:28px;font-weight:700;color:var(--ice-white);margin:0 0 8px}.discovery-subtitle{font-size:16px;color:var(--cool-gray);margin:0}.discovery-controls{display:flex;gap:12px;margin-bottom:24px;max-width:780px;margin-left:auto;margin-right:auto}.discovery-search{flex:1}.discovery-search-input{width:100%;padding:10px 16px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;outline:none}.discovery-search-input:focus{border-color:var(--aurora-green)}.discovery-sort{padding:10px 12px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-md);color:var(--ice-white);font-size:14px;cursor:pointer}.discovery-loading{text-align:center;padding:60px;color:var(--cool-gray)}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:900px;margin:0 auto}.discovery-card{background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--surface-3);transition:transform .15s,box-shadow .15s}.discovery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.discovery-card-banner{height:100px;background:linear-gradient(135deg,var(--aurora-green),var(--frost-blue));background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:0 16px}.discovery-card-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--night-blue);border:3px solid var(--surface-1);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--ice-white);transform:translateY(24px);overflow:hidden}.discovery-card-icon img{width:100%;height:100%;object-fit:cover}.discovery-card-body{padding:32px 16px 16px}.discovery-card-name{font-size:16px;font-weight:600;color:var(--ice-white);margin:0 0 6px}.discovery-card-desc{font-size:13px;color:var(--cool-gray);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.discovery-member-count{font-size:12px;color:var(--cool-gray)}.discovery-tags{display:flex;gap:4px;flex-wrap:wrap}.discovery-tag{padding:2px 8px;background:var(--surface-2);border-radius:var(--radius-full);font-size:11px;color:var(--frost-blue);cursor:pointer;transition:background .15s}.discovery-tag:hover{background:var(--surface-3)}.discovery-join-btn{width:100%;margin-top:4px}.discovery-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;color:var(--cool-gray);font-size:14px}.discovery-pagination button{padding:8px 16px;background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-md);color:var(--ice-white);cursor:pointer;transition:background .15s}.discovery-pagination button:hover:not(:disabled){background:var(--surface-3)}.discovery-pagination button:disabled{opacity:.4;cursor:default}.discover-btn{background:var(--surface-2)!important;color:var(--aurora-green)!important;font-size:18px!important}.user-profile-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.user-profile-card{width:320px;background:var(--deep-arctic);border:1px solid var(--surface-3);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #00000080;animation:upc-in .15s ease-out}@keyframes upc-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.upc-banner{height:60px;position:relative;background:linear-gradient(135deg,var(--night-blue),#1a2744)}.upc-banner-img{width:100%;height:100%;object-fit:cover}.upc-avatar-section{display:flex;padding:0 16px;margin-top:-32px;position:relative;z-index:1}.upc-avatar{width:64px;height:64px;border-radius:50%;background:var(--deep-arctic);border:4px solid var(--deep-arctic);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.upc-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.upc-avatar-fallback{font-size:24px;font-weight:700;color:var(--electric-cyan);background:var(--surface-2);width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.upc-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--deep-arctic)}.upc-body{padding:12px 16px 16px}.upc-display-name{font-size:18px;font-weight:700;color:var(--ice-white)}.upc-username{font-size:13px;color:var(--cool-gray);margin-top:2px}.upc-custom-status{font-size:13px;color:var(--cool-gray);margin-top:6px;font-style:italic}.upc-divider{height:1px;background:var(--surface-3);margin:12px 0}.upc-section{margin-bottom:10px}.upc-section-title{font-size:11px;font-weight:700;color:var(--cool-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.upc-section-text{font-size:13px;color:var(--ice-white);line-height:1.4}.upc-roles{display:flex;flex-wrap:wrap;gap:4px}.upc-role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;border:1px solid;font-size:11px;color:var(--ice-white);background:var(--surface-1)}.upc-role-dot{width:8px;height:8px;border-radius:50%}.upc-loading{color:var(--cool-gray);font-size:13px;text-align:center;padding:8px}.upc-actions{margin-top:12px}.upc-dm-btn{width:100%;padding:8px;font-size:13px;border-radius:var(--radius-md)}