:root{--bg-primary: #0c0c0e;--bg-secondary: #131316;--bg-tertiary: #1a1a1e;--bg-quaternary: #222226;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.08);--bg-modifier: rgba(255,255,255,.06);--accent-primary: #6b7280;--accent-secondary: #4b5563;--accent-gradient: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-link: #93c5fd;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(107,114,128,.1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--server-list-width: 72px;--titlebar-height: 32px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:var(--text-link);text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.titlebar{height:var(--titlebar-height);display:flex;align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border);-webkit-app-region:drag;position:relative;z-index:1000}.titlebar-drag{flex:1;display:flex;align-items:center;padding-left:12px;height:100%}.titlebar-logo{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.titlebar-controls{display:flex;-webkit-app-region:no-drag;height:100%}.titlebar-btn{width:46px;height:100%;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.titlebar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.titlebar-close:hover{background:var(--accent-red);color:#fff}.titlebar-location{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;pointer-events:none;-webkit-app-region:drag}.app-root{height:100vh;display:flex;flex-direction:column}.app-content{flex:1;overflow:hidden}.update-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:13px;font-weight:500;flex-shrink:0}.update-bar-text{display:flex;align-items:center;gap:6px}.update-bar-btn{padding:3px 12px;border-radius:4px;background:#fff3;color:#fff;text-decoration:none;font-size:12px;font-weight:600;transition:background .15s}.update-bar-btn:hover{background:#ffffff4d}.auth-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-particle{position:absolute;background:var(--accent-primary);border-radius:50%;opacity:.15;animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-30px) scale(1.3);opacity:.3}}.auth-container{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:1;width:100%;max-width:480px;padding:20px}.auth-logo{text-align:center}.auth-logo-icon{margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(91,110,234,.4))}.auth-logo-text{font-size:32px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.auth-logo-sub{color:var(--text-secondary);font-size:13px;margin-top:4px}.auth-card{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card-inner{padding:32px}.auth-title{font-size:22px;font-weight:700;text-align:center;margin-bottom:4px}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:13px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px}.auth-field .required{color:var(--accent-red)}.auth-field input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast);color-scheme:dark}.auth-field input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #5b6eea26}.auth-field-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.auth-error{color:var(--accent-red);font-size:13px;text-align:center;padding:8px;background:#ef44441a;border-radius:var(--radius-sm)}.auth-submit{width:100%;padding:12px;background:var(--accent-gradient);color:#fff;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);font-size:15px}.auth-submit:hover{opacity:.9;transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;margin-top:12px;color:var(--text-muted);font-size:13px}.auth-switch button{background:none;border:none;color:var(--text-link);cursor:pointer;font-weight:500}.auth-switch button:hover{text-decoration:underline}.auth-footer{display:flex;gap:8px;color:var(--text-muted);font-size:12px}.main-layout{display:flex;height:100%;position:relative}.server-list{width:var(--server-list-width);min-width:var(--server-list-width);background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border)}.server-list-item-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0 12px}.server-indicator{position:absolute;left:0;width:4px;height:8px;background:var(--text-primary);border-radius:0 4px 4px 0;opacity:0;transition:all var(--transition-normal)}.server-list-item-wrap:hover .server-indicator{opacity:.5;height:20px}.server-indicator.active{opacity:1;height:36px}.server-icon{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;transition:all var(--transition-normal);position:relative}.server-icon:hover{border-radius:16px;background:var(--accent-primary);color:#fff}.server-icon.active{border-radius:16px;color:#fff}.home-icon{background:var(--bg-tertiary);color:var(--accent-primary)}.home-icon:hover,.home-icon.active{background:var(--accent-primary);color:#fff}.add-server{color:var(--accent-green)}.add-server:hover{background:var(--accent-green);color:#fff}.join-server{color:var(--accent-primary)}.join-server:hover{background:var(--accent-primary);color:#fff}.spaces-icon{color:var(--accent-yellow)}.spaces-icon:hover{background:var(--accent-yellow);color:#fff}.server-separator{width:32px;height:2px;background:var(--border-strong);border-radius:1px;margin:4px 0}.server-tooltip{position:fixed;left:calc(var(--server-list-width) + 8px);transform:translateY(-50%);background:var(--bg-primary);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-md);z-index:100;border:1px solid var(--border-strong);pointer-events:none;animation:tooltipIn .15s ease}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}}.channel-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border)}.sidebar-header{padding:12px;border-bottom:1px solid var(--border);min-height:48px;display:flex;align-items:center}.sidebar-search{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted)}.sidebar-search input{flex:1;background:none;border:none;color:var(--text-primary);outline:none;font-size:13px}.sidebar-search input::placeholder{color:var(--text-muted)}.server-header{color:#fff;justify-content:space-between;padding:14px 16px}.server-header h3{font-size:15px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.server-header-btn{background:#ffffff26;border:none;border-radius:var(--radius-sm);padding:4px 6px;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.server-header-btn:hover{background:#ffffff40}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);margin:1px 8px;padding:8px 12px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-fast);text-align:left}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-active);color:var(--text-primary)}.nav-badge{background:var(--accent-red);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto}.nav-badge-new{background:var(--accent-gradient);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;letter-spacing:.5px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 4px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}.sidebar-section-action{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;transition:color var(--transition-fast)}.sidebar-section-action:hover{color:var(--text-primary)}.dm-list{padding:0 8px}.dm-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dm-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-item.active{background:var(--bg-active);color:var(--text-primary)}.dm-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;position:relative;flex-shrink:0}.dm-info{flex:1;min-width:0}.dm-name{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:4px}.pin-icon{font-size:10px}.dm-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-activity{color:var(--accent-green)}.dm-unread{background:var(--accent-red);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.status-indicator{width:10px;height:10px;border-radius:50%;position:absolute;bottom:-1px;right:-1px;border:2px solid var(--bg-secondary)}.status-online{background:var(--accent-green)}.status-idle{background:var(--accent-yellow)}.status-dnd{background:var(--accent-red)}.status-offline{background:var(--text-muted)}.channel-category{margin-bottom:4px}.category-header{display:flex;align-items:center;gap:4px;width:calc(100% - 16px);margin:0 8px;padding:6px 4px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;transition:color var(--transition-fast);text-transform:uppercase}.category-header:hover{color:var(--text-secondary)}.category-arrow{transition:transform var(--transition-fast)}.category-arrow.collapsed{transform:rotate(-90deg)}.category-add{background:none;border:none;color:var(--text-muted);cursor:pointer;margin-left:auto;padding:2px;display:flex;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.category-header:hover .category-add{opacity:1}.category-add:hover{color:var(--text-primary)}.channel-item{display:flex;align-items:center;gap:6px;width:calc(100% - 16px);margin:1px 8px;padding:6px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:14px;transition:all var(--transition-fast);text-align:left}.channel-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.channel-item.active{background:var(--bg-active);color:var(--text-primary)}.channel-icon{font-weight:600;font-size:16px;opacity:.7;width:20px;text-align:center}.channel-name{flex:1}.channel-lock{font-size:12px;opacity:.6}.voice-channel-wrap{margin-bottom:2px}.voice-users{padding:2px 0 4px 32px}.voice-user{display:flex;align-items:center;gap:8px;padding:3px 10px;margin:1px 8px 1px 0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.voice-user:hover{background:var(--bg-hover)}.voice-user-avatar{width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.voice-user-name{font-size:12px;color:var(--text-secondary)}.voice-user.speaking .voice-user-name{color:#43b581}.voice-user-muted{font-size:12px;margin-left:auto}.voice-user-avatar.speaking{box-shadow:0 0 0 2px #43b581;transition:box-shadow .15s ease}.call-avatar-speaking{box-shadow:0 0 0 4px #43b581!important;animation:none!important;transition:box-shadow .15s ease}.user-panel{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-primary);border-top:1px solid var(--border)}.user-panel-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:background var(--transition-fast);flex:1;min-width:0}.user-panel-info:hover{background:var(--bg-hover)}.user-panel-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;position:relative;flex-shrink:0}.user-panel-text{min-width:0}.user-panel-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel-tag{font-size:11px;color:var(--text-muted)}.user-panel-controls{display:flex;gap:2px}.user-ctrl{width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.user-ctrl:hover{background:var(--bg-hover);color:var(--text-primary)}.user-ctrl.active{color:var(--accent-red)}.user-panel{position:relative}.user-panel-popup{position:absolute;bottom:calc(100% + 8px);left:0;width:340px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;border:1px solid var(--border);z-index:999;animation:upp-slide-in .2s ease-out}@keyframes upp-slide-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upp-banner{height:60px;position:relative;overflow:hidden}.upp-avatar-wrap{position:relative;width:72px;height:72px;margin:-36px 0 0 16px}.upp-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;color:#fff;border:4px solid var(--bg-secondary);overflow:hidden}.upp-avatar img{width:100%;height:100%;object-fit:cover}.upp-avatar-wrap .status-indicator{position:absolute;width:16px;height:16px;right:2px;bottom:2px;border-width:3px;border-color:var(--bg-secondary)}.upp-body{padding:10px 16px 14px;border-radius:0 0 12px 12px}.upp-name{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.upp-tag{font-size:12px;color:var(--text-muted);margin-top:2px}.upp-divider{height:1px;background:var(--border);margin:10px 0}.upp-section{margin-bottom:8px}.upp-section-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.upp-section-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.upp-actions{display:flex;gap:6px;margin-top:10px}.upp-action-btn{flex:1;padding:7px 10px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.upp-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bg-tertiary)}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.welcome-content{text-align:center;max-width:500px}.welcome-icon{margin-bottom:20px;opacity:.5}.welcome-content h2{font-size:24px;font-weight:700;margin-bottom:8px}.welcome-content>p{color:var(--text-secondary);margin-bottom:32px}.welcome-tips{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.welcome-tip{display:flex;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--transition-fast)}.welcome-tip:hover{border-color:var(--accent-primary)}.tip-icon{font-size:24px}.welcome-tip strong{font-size:14px;display:block;margin-bottom:2px}.welcome-tip p{font-size:12px;color:var(--text-muted)}.chat-view{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);min-height:48px}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;cursor:pointer}.chat-header-info h3{font-size:15px;font-weight:700}.chat-header-topic{font-size:12px;color:var(--text-muted);margin-left:12px}.chat-header-actions{display:flex;gap:4px}.header-action{width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.header-action:hover{background:var(--bg-hover);color:var(--text-primary)}.header-action.active{color:var(--accent-primary)}.chat-body{flex:1;display:flex;min-height:0}.messages-area{flex:1;overflow-y:auto;padding:16px 0}.chat-beginning{padding:20px 16px 24px;text-align:left}.chat-beginning-avatar{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.chat-beginning h2{font-size:28px;font-weight:800;margin-bottom:4px}.chat-beginning p{color:var(--text-secondary);font-size:14px}.message-date-divider{display:flex;align-items:center;padding:16px 16px 4px}.message-date-divider span{font-size:11px;font-weight:700;color:var(--text-muted);padding:0 8px;white-space:nowrap}.message-date-divider:before,.message-date-divider:after{content:"";flex:1;height:1px;background:var(--border)}.message{display:flex;gap:12px;padding:4px 16px;position:relative;transition:background var(--transition-fast)}.message:hover{background:var(--bg-hover)}.message-pinned{border-left:2px solid var(--accent-yellow)}.message-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;cursor:pointer;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-author{font-weight:600;font-size:14px;color:var(--text-primary)}.message-author:hover{text-decoration:underline}.message-author-badges{display:inline-flex;gap:2px;margin-left:4px;vertical-align:middle}.msg-badge-icon{font-size:12px;line-height:1;cursor:default}.message-time{font-size:11px;color:var(--text-muted)}.message-pin-badge,.message-bookmark-badge{font-size:12px}.message-content{color:var(--text-primary);font-size:14px;line-height:1.5;word-wrap:break-word}.message-quote{border-left:3px solid var(--accent-primary);padding:4px 12px;margin:4px 0;color:var(--text-secondary);background:var(--bg-hover);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.message-image{margin-top:6px;position:relative;max-width:400px;border-radius:var(--radius-md);overflow:hidden}.message-image img{border-radius:var(--radius-md);max-height:300px;object-fit:cover}.message-image-overlay{position:absolute;top:8px;right:8px;display:none}.message-image:hover .message-image-overlay{display:flex;gap:4px}.image-download{width:28px;height:28px;background:#000000b3;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none}.message-video{margin-top:6px;max-width:400px}.message-video video{border-radius:var(--radius-md);max-height:300px;width:100%}.message-file{display:flex;align-items:center;gap:12px;margin-top:6px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-width:400px}.file-icon{font-size:28px}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:500;color:var(--text-link);display:block}.file-size{font-size:11px;color:var(--text-muted)}.file-download{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.file-download:hover{background:var(--bg-active);color:var(--text-primary)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-chip{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:14px}.reaction-chip:hover{border-color:var(--accent-primary);background:#5b6eea1a}.reaction-chip.active{border-color:var(--accent-primary);background:#5b6eea26}.reaction-count{font-size:12px;color:var(--text-secondary)}.reaction-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.reaction-add:hover{border-color:var(--accent-primary);color:var(--text-primary)}.reaction-picker{display:flex;gap:4px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:absolute;bottom:100%;left:52px;z-index:20}.reaction-pick-btn{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:background var(--transition-fast)}.reaction-pick-btn:hover{background:var(--bg-hover)}.message-actions{position:absolute;top:-4px;right:16px;display:flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease}.message:hover .message-actions{opacity:1;pointer-events:auto}.message-actions button{width:32px;height:28px;border:none;background:none;color:#dcddde;cursor:pointer;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.message-actions button:hover{background:var(--bg-hover);color:#fff}.side-panel{width:260px;min-width:260px;border-left:1px solid var(--border);background:var(--bg-secondary);overflow-y:auto;padding:16px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.side-panel-header h4{font-size:14px;font-weight:700}.side-panel-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.side-panel-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:13px}.mini-message{padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:8px}.mini-message-header{display:flex;justify-content:space-between;margin-bottom:4px}.mini-message-author{font-size:12px;font-weight:600}.mini-message-time{font-size:11px;color:var(--text-muted)}.mini-message-content{font-size:13px;color:var(--text-secondary)}.members-role-group{margin-bottom:16px}.members-role-header{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.member-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.member-item:hover{background:var(--bg-hover)}.member-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;position:relative}.member-info{min-width:0}.member-name{font-size:13px;font-weight:500;display:block}.member-activity{font-size:11px;color:var(--text-muted);display:block}.chat-input-area{padding:0 16px 16px;position:relative}.reply-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:12px;color:var(--text-secondary)}.reply-bar button{background:none;border:none;color:var(--text-muted);cursor:pointer}.chat-input-wrap{display:flex;align-items:flex-end;gap:8px;background:var(--bg-quaternary);border-radius:var(--radius-md);padding:8px 12px;border:1px solid var(--border);transition:border-color var(--transition-fast)}.chat-input-wrap:focus-within{border-color:var(--accent-primary)}.chat-input{flex:1;background:none;border:none;color:var(--text-primary);outline:none;resize:none;font-size:14px;line-height:1.4;max-height:120px;min-height:22px}.chat-input::placeholder{color:var(--text-muted)}.input-action{width:32px;height:32px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.input-action:hover{color:var(--text-primary);background:var(--bg-hover)}.input-action.active{color:var(--accent-primary)}.input-actions-right{display:flex;gap:2px}.emoji-picker{position:absolute;bottom:100%;right:16px;width:340px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:8px;z-index:30;overflow:hidden}.emoji-picker-header{padding:10px;border-bottom:1px solid var(--border)}.emoji-search{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:13px}.emoji-picker-body{max-height:320px;overflow-y:auto;padding:8px}.emoji-category-title{font-size:11px;font-weight:700;color:var(--text-muted);padding:8px 4px 4px;letter-spacing:.5px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-btn{width:36px;height:36px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:22px;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:var(--bg-hover);transform:scale(1.15)}.gif-picker{position:absolute;bottom:100%;right:60px;width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:8px;z-index:30;overflow:hidden}.gif-picker-header{padding:10px;border-bottom:1px solid var(--border)}.gif-search{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;max-height:350px;overflow-y:auto}.gif-item{border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:transform var(--transition-fast)}.gif-item:hover{transform:scale(1.03)}.gif-item img{width:100%;height:120px;object-fit:cover}.gif-empty{grid-column:1/-1;text-align:center;color:var(--text-muted);padding:20px}.gif-powered{font-size:10px;color:var(--text-muted);text-align:center;padding:6px;border-top:1px solid var(--border)}.friends-panel{flex:1;display:flex;flex-direction:column}.friends-header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);min-height:48px}.friends-header-left{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:700;font-size:15px}.friends-tabs{display:flex;gap:4px;flex-wrap:wrap}.friends-tab{padding:4px 12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.friends-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-tab.active{background:var(--bg-active);color:var(--text-primary)}.friends-tab-add{background:var(--accent-green);color:#fff}.friends-tab-add:hover{background:#0ea270}.friends-tab-add.active{background:#059669;color:#fff}.tab-badge{background:var(--accent-red);color:#fff;font-size:10px;padding:1px 5px;border-radius:8px;font-weight:700}.friends-content{flex:1;overflow-y:auto;padding:16px}.friends-section-title{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px;padding:0 8px}.friends-empty{text-align:center;padding:40px;color:var(--text-muted)}.friend-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);border-top:1px solid var(--border);transition:background var(--transition-fast)}.friend-card:first-child{border-top:none}.friend-card:hover{background:var(--bg-hover)}.friend-card-left{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0}.friend-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;position:relative;flex-shrink:0}.friend-info{min-width:0}.friend-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px}.friend-tag{font-size:12px;color:var(--text-muted);font-weight:400}.friend-status-text{font-size:12px;color:var(--text-muted)}.friend-activity{color:var(--accent-green)}.friend-card-actions{display:flex;gap:6px}.friend-action-btn{width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.friend-action-btn:hover{background:var(--bg-active);color:var(--text-primary)}.friend-action-btn.danger:hover{background:#ef444426;color:var(--accent-red)}.friend-action-btn.accept:hover{background:#10b98126;color:var(--accent-green)}.add-friend-section{max-width:600px}.add-friend-section h3{font-size:18px;font-weight:700;margin-bottom:8px}.add-friend-section>p{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.add-friend-input-wrap{display:flex;gap:8px;background:var(--bg-primary);padding:8px;border-radius:var(--radius-md);border:1px solid var(--border-strong)}.add-friend-input{flex:1;background:none;border:none;color:var(--text-primary);outline:none;padding:8px;font-size:14px}.add-friend-status{margin-top:12px;padding:10px;border-radius:var(--radius-sm);font-size:13px}.add-friend-status.success{background:#10b9811a;color:var(--accent-green)}.add-friend-status.error{background:#ef44441a;color:var(--accent-red)}.voice-panel{background:var(--bg-primary);border-top:1px solid var(--border);padding:10px}.voice-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.voice-panel-status{display:flex;align-items:center;gap:10px}.voice-wave{display:flex;gap:2px;align-items:center}.voice-wave span{width:3px;height:12px;background:var(--accent-green);border-radius:2px;animation:voiceWave .8s ease-in-out infinite}.voice-wave span:nth-child(2){animation-delay:.15s;height:16px}.voice-wave span:nth-child(3){animation-delay:.3s}@keyframes voiceWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.voice-panel-label{font-size:12px;font-weight:700;color:var(--accent-green);display:block}.voice-panel-channel{font-size:12px;color:var(--text-secondary);display:block}.voice-panel-server{font-size:11px;color:var(--text-muted);display:block}.voice-panel-controls{display:flex;gap:6px}.voice-ctrl{flex:1;padding:6px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.voice-ctrl.active,.voice-disconnect{background:#ef444426;color:var(--accent-red)}.voice-disconnect:hover{background:#ef44444d}.settings-page{display:flex;height:100%;background:var(--bg-tertiary)}.settings-sidebar{width:220px;min-width:220px;background:var(--bg-secondary);padding:16px 8px;overflow-y:auto;border-right:1px solid var(--border)}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-fast);text-align:left;width:100%}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--bg-active);color:var(--text-primary)}.settings-nav-icon{font-size:16px;width:20px;text-align:center}.settings-nav-item.logout{color:var(--accent-red)}.settings-nav-item.logout:hover{background:#ef44441a}.settings-separator{height:1px;background:var(--border);margin:8px 12px}.settings-content{flex:1;overflow-y:auto;padding:40px;max-width:740px;position:relative}.settings-close{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid var(--border-strong);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center}.settings-close span{font-size:9px;font-weight:700;display:none}.settings-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.settings-section h2{font-size:20px;font-weight:700;margin-bottom:20px}.settings-section h3{font-size:14px;font-weight:600;margin:24px 0 12px;color:var(--text-secondary)}.settings-group{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border)}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px}.settings-field-value{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.settings-textarea{width:100%;min-height:80px;padding:10px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;resize:vertical;font-size:14px}.settings-textarea:focus{border-color:var(--accent-primary)}.settings-select-wrap select{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;font-size:14px}.settings-range{width:100%;accent-color:var(--accent-primary);cursor:pointer}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.settings-toggle:last-child{border-bottom:none}.settings-toggle-label{font-size:14px;font-weight:500}.settings-toggle-desc{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.toggle-switch{width:44px;height:24px;background:var(--text-muted);border:none;border-radius:12px;cursor:pointer;position:relative;transition:background var(--transition-fast);flex-shrink:0}.toggle-switch.active{background:var(--accent-green)}.toggle-knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast)}.toggle-switch.active .toggle-knob{transform:translate(20px)}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-knob{width:14px;height:14px}.toggle-switch.small.active .toggle-knob{transform:translate(16px)}.inline-edit{display:flex;gap:6px;align-items:center}.inline-edit input{padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.account-card{border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);margin-bottom:20px}.account-banner{height:100px}.account-info{display:flex;align-items:center;gap:16px;padding:16px;margin-top:-30px}.account-avatar{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;border:4px solid var(--bg-secondary);position:relative;flex-shrink:0}.account-details{flex:1}.account-details h3{font-size:18px;display:flex;align-items:baseline;gap:4px}.account-details .tag{font-size:13px;color:var(--text-muted);font-weight:400}.account-status{font-size:13px;color:var(--text-secondary)}.status-picker{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.status-emoji-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.status-emoji-btn{width:36px;height:36px;border:1px solid var(--border);background:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:18px;transition:all var(--transition-fast)}.status-emoji-btn:hover{border-color:var(--accent-primary);background:#5b6eea1a}.status-emoji-btn.active{border-color:var(--accent-primary);background:#5b6eea26}.status-text-input{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;margin-bottom:8px}.avatar-color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-pick{width:36px;height:36px;border-radius:var(--radius-full);border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-pick:hover{transform:scale(1.1)}.color-pick.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary)}.theme-picker{display:flex;gap:12px}.theme-option{padding:8px;background:none;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-option.active{border-color:var(--accent-primary);color:var(--text-primary)}.theme-preview{width:80px;height:60px;border-radius:var(--radius-sm);margin-bottom:6px}.dark-preview{background:linear-gradient(135deg,#1c1c27,#23233a)}.light-preview{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.profile-preview{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);max-width:320px}.profile-preview-banner{height:80px}.profile-preview-avatar{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;border:4px solid var(--bg-secondary);margin:-28px 0 0 16px}.profile-preview-info{padding:12px 16px 16px}.profile-preview-name{font-size:18px;font-weight:700}.profile-preview-tag{font-size:12px;color:var(--text-muted)}.profile-preview-status{font-size:13px;color:var(--text-secondary);margin-top:4px}.profile-preview-bio{font-size:13px;color:var(--text-secondary);margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.keybinds-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:8px;border:1px solid var(--border)}.keybind-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.keybind-item:last-child{border-bottom:none}kbd{padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:12px;font-family:monospace;color:var(--text-secondary)}.context-menu{position:fixed;z-index:10000;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;box-shadow:var(--shadow-md);min-width:180px}.context-menu-item{padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background var(--transition-fast)}.context-menu-item:hover{background:var(--accent-primary);color:#fff}.context-menu-item.delete{color:var(--accent-red)}.context-menu-item.delete:hover{background:var(--accent-red);color:#fff}.custom-audio-player{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);padding:8px 12px;border-radius:var(--radius-md);max-width:380px;border:1px solid var(--border);width:100%}.audio-control-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;border-radius:50%;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center}.audio-control-btn:hover{background:var(--bg-hover)}.audio-progress-container{flex:1;display:flex;flex-direction:column;gap:4px}.audio-progress-bar{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--bg-modifier);outline:none;cursor:pointer}.audio-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-primary);cursor:pointer}.audio-time{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary);font-family:monospace}.audio-player-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.audio-track-info{display:flex;flex-direction:column;gap:1px;min-width:0}.audio-track-title{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-artist{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-volume-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.audio-volume-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center}.audio-volume-btn:hover{color:var(--text-primary)}.audio-volume-bar{-webkit-appearance:none;width:50px;height:3px;border-radius:2px;outline:none;cursor:pointer}.audio-volume-bar::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:var(--text-secondary);cursor:pointer}.profile-audio-settings{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;border:1px solid var(--border)}.profile-audio-preview{display:flex;align-items:center;gap:10px;color:var(--accent-primary)}.profile-audio-preview-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-audio-preview-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-audio-preview-artist{font-size:11px;color:var(--text-muted)}.user-profile-panel{width:300px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-shrink:0}.profile-header{height:120px;position:relative}.profile-info-wrapper{padding:16px;margin-top:-50px;position:relative}.profile-avatar-wrapper{margin-bottom:12px;position:relative;width:70px;height:70px}.profile-avatar{width:64px;height:64px;border-radius:50%;border:4px solid var(--bg-secondary);overflow:visible;position:relative;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar .status-indicator{width:18px;height:18px;border:3px solid var(--bg-secondary);right:0;bottom:0}.profile-info-content{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;margin-top:12px}.profile-username-section{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.profile-displayname{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-username{font-size:14px;color:var(--text-secondary)}.profile-section{margin-bottom:10px}.profile-section:last-child{margin-bottom:0}.section-header{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.section-content{font-size:14px;color:var(--text-primary);line-height:1.4;white-space:pre-wrap}.profile-note-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:12px;resize:none;outline:none;height:32px}.profile-banner{height:120px;position:relative;background-size:cover;background-position:center}.profile-header-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:10}.action-btn-wrapper{position:relative;z-index:10000}.profile-action-btn{width:32px;height:32px;border-radius:50%;background:#0006;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.profile-action-btn:hover{background:#0009}.popup-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px;width:180px;box-shadow:var(--shadow-md);z-index:9999}.popup-item{padding:8px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;border-radius:2px;position:relative}.popup-item:hover{background:var(--accent-primary);color:#fff}.popup-item.delete{color:var(--accent-red)}.popup-item.delete:hover{background:var(--accent-red);color:#fff}.popup-item.disabled{color:var(--text-muted);cursor:default}.popup-item.disabled:hover{background:none;color:var(--text-muted)}.popup-submenu{display:none;position:absolute;top:0;right:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px;width:160px;box-shadow:var(--shadow-md);z-index:10001}.popup-item:hover .popup-submenu{display:block}.profile-divider{height:1px;background:var(--border);margin:0 0 12px}.full-profile-btn{margin-top:16px;width:100%;padding:10px;background:var(--bg-modifier);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.full-profile-btn:hover{background:var(--bg-active)}.full-profile-modal{width:900px;height:600px;max-width:95vw;max-height:85vh;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.full-profile-header{height:120px;position:relative;background-size:cover;background-position:center;flex-shrink:0}.full-profile-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px}.fp-action-btn{width:36px;height:36px;border-radius:50%;background:#0006;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.fp-action-btn:hover{background:#0009}.full-profile-body{flex:1;display:flex;margin-top:-40px;padding:0 20px 20px;gap:20px;min-height:0;overflow:hidden}.fp-sidebar{width:280px;flex-shrink:0;background:var(--bg-secondary);border-radius:var(--radius-md);padding:60px 16px 16px;position:relative;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow-y:auto}.fp-avatar-wrapper{position:absolute;top:-40px;left:16px}.fp-avatar{width:80px;height:80px;border-radius:50%;border:6px solid var(--bg-secondary);position:relative;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;background-size:cover;background-position:center}.fp-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.fp-avatar .status-indicator{width:24px;height:24px;border:4px solid var(--bg-secondary);right:0;bottom:0;position:absolute;border-radius:50%}.fp-user-info{margin-bottom:12px}.fp-displayname{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.fp-username{font-size:14px;color:var(--text-secondary)}.fp-divider{height:1px;background:var(--border);margin:8px 0}.fp-section{margin-bottom:10px}.fp-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.fp-section-content{font-size:13px;color:var(--text-primary);line-height:1.4}.fp-note-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:12px;resize:none;outline:none;height:32px;border-bottom:1px solid transparent;transition:border-color .2s}.fp-note-input:focus{border-bottom-color:var(--accent-primary)}.fp-content{flex:1;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;margin-top:20px;min-height:0}.fp-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 16px}.fp-tab{padding:16px 12px;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.fp-tab:hover{color:var(--text-primary)}.fp-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.fp-tab-content{padding:16px;flex:1;overflow-y:auto}.fp-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.fp-activity-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border)}.fp-activity-icon{width:48px;height:48px;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px}.fp-activity-details{flex:1}.fp-activity-name{font-weight:700;color:var(--text-primary);margin-bottom:2px}.fp-activity-desc{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.fp-activity-time{font-size:11px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:440px;max-height:80vh;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:modalIn .25s ease}.modal-wide{width:800px;max-height:85vh}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:24px 24px 0;text-align:center}.modal-header h2{font-size:20px;font-weight:700;margin-bottom:4px}.modal-header p{font-size:13px;color:var(--text-secondary)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:var(--bg-primary);border-top:1px solid var(--border)}.modal-field{margin-bottom:16px}.modal-field label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px}.modal-field input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.modal-field input:focus{border-color:var(--accent-primary)}.field-error{font-size:12px;color:var(--accent-red);margin-top:4px;display:block}.field-status{padding:8px;border-radius:var(--radius-sm);font-size:13px;margin-top:8px}.field-status.success{background:#10b9811a;color:var(--accent-green)}.field-status.error{background:#ef44441a;color:var(--accent-red)}.invite-link-wrap{display:flex;gap:8px;align-items:center}.invite-link-input{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:JetBrains Mono,monospace}.invite-link-input:focus{outline:none;border-color:var(--accent-primary)}.invite-code-display{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.invite-code-display code{background:var(--bg-primary);padding:3px 10px;border-radius:var(--radius-sm);color:var(--accent-primary);font-weight:600;font-size:14px;letter-spacing:1px;font-family:JetBrains Mono,monospace}.invite-examples{margin-top:16px}.invite-examples p{font-size:12px;color:var(--text-muted);margin-bottom:8px}.invite-example{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);margin-bottom:4px}.invite-example:hover{background:var(--bg-hover)}.invite-example span{font-size:13px;color:var(--text-primary);flex:1}.invite-example code{background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-sm);color:var(--accent-primary);font-size:12px;font-family:JetBrains Mono,monospace}.invite-friends{margin-top:16px}.invite-friends h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.invite-friend-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.invite-friend-item:hover{background:var(--bg-tertiary)}.invite-friend-info{display:flex;align-items:center;gap:10px}.invite-friend-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--bg-quaternary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-active)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger-outline{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red)}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.btn-sm{padding:4px 10px;font-size:12px}.notification-toasts{position:fixed;top:40px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.notification-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;pointer-events:all;animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px}.notification-toast-message{border-left:3px solid var(--accent-primary)}.notification-toast-friend{border-left:3px solid var(--accent-green)}.notification-toast-call{border-left:3px solid var(--accent-yellow)}.notification-toast-info{border-left:3px solid var(--accent-cyan)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notification-toast-icon{font-size:20px;flex-shrink:0}.notification-toast-content{flex:1;min-width:0}.notification-toast-title{font-size:13px;font-weight:700;margin-bottom:2px}.notification-toast-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;flex-shrink:0}.notification-toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary);height:100%}.inbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.inbox-header-left{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--text-primary)}.inbox-badge{background:var(--accent-red);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.inbox-mark-read-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-link);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.inbox-mark-read-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-filters{display:flex;gap:4px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary);overflow-x:auto}.inbox-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.inbox-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-filter-btn.active{background:var(--bg-active);color:var(--text-primary)}.inbox-filter-icon{font-weight:700;font-size:14px}.inbox-filter-count{background:var(--bg-quaternary);padding:2px 6px;border-radius:8px;font-size:11px;font-weight:600;color:var(--text-muted)}.inbox-filter-btn.active .inbox-filter-count{background:var(--accent-primary);color:#fff}.inbox-content{flex:1;overflow-y:auto;padding:0}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.inbox-empty-icon{margin-bottom:16px;opacity:.5}.inbox-empty-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.inbox-empty-subtitle{font-size:14px;color:var(--text-muted);max-width:300px;line-height:1.5}.inbox-date-group{padding:0}.inbox-date-header{display:flex;align-items:center;gap:12px;padding:16px 20px 8px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.inbox-date-line{flex:1;height:1px;background:var(--border)}.inbox-item{display:flex;align-items:flex-start;gap:14px;padding:14px 20px;margin:0 8px 4px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);position:relative}.inbox-item:hover{background:var(--bg-hover)}.inbox-item.unread{background:#5865f20f}.inbox-item.unread:hover{background:#5865f21a}.inbox-item-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-item-content{flex:1;min-width:0}.inbox-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.inbox-item-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.inbox-item-time{font-size:12px;color:var(--text-muted)}.inbox-item-text{font-size:14px;color:var(--text-primary);line-height:1.4}.inbox-item-expand{display:flex;align-items:center;gap:4px;margin-top:8px;padding:4px 0;background:none;border:none;color:var(--text-link);cursor:pointer;font-size:12px;font-weight:500}.inbox-item-expand:hover{text-decoration:underline}.inbox-item-expand svg{transition:transform var(--transition-fast)}.inbox-item-context{margin-top:8px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);border-left:3px solid var(--accent-primary)}.inbox-item-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);flex-shrink:0;margin-top:4px}.inbox-item-dismiss{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.inbox-item:hover .inbox-item-dismiss{opacity:1}.inbox-item-dismiss:hover{background:var(--bg-active);color:var(--accent-red)}.dm-call-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid rgba(88,101,242,.2);min-height:52px;gap:16px}.dm-call-bar-left{display:flex;align-items:center;gap:12px}.dm-call-bar-indicator{display:flex;align-items:center;justify-content:center}.dm-call-bar-wave span{width:3px;height:8px;background:#43b581;border-radius:2px;animation:callWave 1s ease-in-out infinite}.dm-call-bar-wave span:nth-child(1){animation-delay:0s}.dm-call-bar-wave span:nth-child(2){animation-delay:.15s;height:12px}.dm-call-bar-wave span:nth-child(3){animation-delay:.3s}@keyframes callWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.dm-call-bar-status{font-size:13px;font-weight:600;color:#43b581}.dm-call-bar-users{font-size:11px;color:var(--text-muted)}.dm-call-bar-participants{display:flex;align-items:center;gap:-8px}.dm-call-bar-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;border:2px solid var(--bg-primary);margin-left:-8px;position:relative;transition:all .15s ease}.dm-call-bar-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dm-call-bar-avatar.speaking{border-color:#43b581;box-shadow:0 0 0 2px #43b5814d}.dm-call-bar-muted-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:var(--accent-red);border-radius:50%;border:2px solid var(--bg-primary)}.dm-call-bar-controls{display:flex;align-items:center;gap:4px}.dm-call-bar-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-call-bar-btn:hover{background:#ffffff26}.dm-call-bar-btn.active{background:#ef444433;color:var(--accent-red)}.dm-call-bar-btn.active-green{background:#43b58133;color:#43b581}.dm-call-bar-btn.end{background:var(--accent-red);color:#fff;width:40px;margin-left:4px}.dm-call-bar-btn.end:hover{background:#dc2626}.dm-call-expanded{position:fixed;inset:var(--titlebar-height) 0 0 calc(var(--server-list-width) + var(--sidebar-width));background:#000;z-index:100;display:flex;flex-direction:column}.dm-call-expanded-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.dm-call-participants-expanded{display:flex;gap:48px;justify-content:center}.dm-call-participant{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border-radius:16px;background:#ffffff08;border:2px solid transparent;transition:all .2s ease}.dm-call-participant.speaking{border-color:#43b581;box-shadow:0 0 24px #43b58133}.dm-call-participant-avatar{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;position:relative}.dm-call-participant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:3px solid #43b581;animation:speakingPulse 1s ease-in-out infinite}@keyframes speakingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.dm-call-participant-name{font-size:16px;font-weight:600;color:#fff}.dm-call-participant-badges{display:flex;gap:8px}.dm-call-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dm-call-badge.muted,.dm-call-badge.deafened{background:#ef444433;color:var(--accent-red)}.dm-call-screen-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dm-call-screen-video-expanded{max-width:95%;max-height:85%;border-radius:12px;background:#000;object-fit:contain}.dm-call-screen-label{margin-top:12px;padding:6px 16px;background:#0009;border-radius:8px;font-size:13px;color:var(--text-muted)}.dm-call-pip{position:absolute;bottom:24px;right:24px;width:200px;border-radius:8px;overflow:hidden;border:2px solid #5865F2;background:#000}.dm-call-pip span{display:block;text-align:center;padding:4px;background:#000c;font-size:11px;color:var(--text-muted)}.dm-call-controls-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;background:linear-gradient(to top,#000000e6,#000000b3)}.dm-call-timer{font-size:14px;font-weight:600;color:#43b581;font-variant-numeric:tabular-nums;min-width:60px}.dm-call-controls-group{display:flex;align-items:center;gap:8px}.dm-call-ctrl{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-call-ctrl:hover{background:#fff3}.dm-call-ctrl.active{background:#ef44444d;color:var(--accent-red)}.dm-call-ctrl.active-green{background:#43b5814d;color:#43b581}.dm-call-ctrl.active-purple{background:#5865f24d;color:#5865f2}.dm-call-ctrl.end{background:var(--accent-red);width:56px;height:56px;margin-left:8px}.dm-call-ctrl.end:hover{background:#dc2626}.right-side-panel{width:300px;min-width:300px;max-width:300px;border-left:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.right-side-panel .side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.right-side-panel .side-panel-header h4{font-size:14px;font-weight:700;margin:0}.right-side-panel .side-panel-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.right-side-panel .side-panel-header button:hover{color:var(--text-primary);background:var(--bg-hover)}.right-side-panel .side-panel-content{flex:1;overflow-y:auto;padding:12px}.right-side-panel .side-panel-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:13px}.voice-channel-view{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary);overflow:hidden}.voice-channel-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);min-height:48px}.voice-channel-header-icon{color:#43b581;display:flex;align-items:center}.voice-channel-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.voice-channel-user-count{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.voice-participants-grid{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:20px;padding:40px 20px;overflow-y:auto}.voice-participant-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid transparent;min-width:130px;max-width:160px;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.voice-participant-card:hover{transform:translateY(-2px)}.voice-participant-card.speaking{border-color:#43b581;box-shadow:0 0 12px #43b58133}.voice-participant-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;position:relative;overflow:hidden;flex-shrink:0}.voice-participant-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-controls{display:flex;justify-content:center;gap:12px;padding:16px;border-top:1px solid var(--border);background:var(--bg-secondary)}.voice-ctrl-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-quaternary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.voice-ctrl-btn:hover{background:var(--bg-active)}.voice-ctrl-btn.active{background:#ef444433;color:var(--accent-red)}.voice-ctrl-btn.disconnect{background:var(--accent-red);color:#fff}@media (max-width: 900px){.right-side-panel,.side-panel,.user-profile-panel{display:none}.welcome-tips{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-incoming-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#1e2a38,#1a2332);border-bottom:1px solid rgba(67,181,129,.3);animation:incomingCallPulse 2s ease-in-out infinite;flex-shrink:0;z-index:50}@keyframes incomingCallPulse{0%,to{background:linear-gradient(135deg,#1e2a38,#1a2332);box-shadow:inset 0 0 30px #43b5810d}50%{background:linear-gradient(135deg,#1e3a2f,#1a2832);box-shadow:inset 0 0 50px #43b5811a}}.call-incoming-banner-left{display:flex;align-items:center;gap:14px}.call-incoming-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;position:relative;flex-shrink:0}.call-incoming-avatar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid #43b581;animation:incomingRing 1.5s ease-out infinite}.call-incoming-avatar:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid #43b581;animation:incomingRing 1.5s ease-out infinite .3s;opacity:.6}@keyframes incomingRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.call-incoming-info{display:flex;flex-direction:column;gap:2px}.call-incoming-name{font-weight:600;font-size:15px;color:var(--text-primary)}.call-incoming-status{display:flex;align-items:center;gap:6px;font-size:13px;color:#43b581;font-weight:500}.call-incoming-status:before{content:"";width:8px;height:8px;background:#43b581;border-radius:50%;animation:incomingDot 1s ease-in-out infinite}@keyframes incomingDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.call-incoming-actions{display:flex;gap:12px}.call-incoming-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.call-incoming-btn.accept{background:#43b581;color:#fff;animation:acceptPulse 2s ease-in-out infinite}.call-incoming-btn.accept:hover{background:#3ca374;transform:scale(1.1)}@keyframes acceptPulse{0%,to{box-shadow:0 0 #43b58166}50%{box-shadow:0 0 0 8px #43b58100}}.call-incoming-btn.decline{background:#ed4245;color:#fff}.call-incoming-btn.decline:hover{background:#d63638;transform:scale(1.1)}.dm-call-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,#1a1f2e,#151a26);border-bottom:1px solid rgba(67,181,129,.2);min-height:56px;gap:16px}.dm-call-bar-left{display:flex;align-items:center;gap:14px}.dm-call-bar-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#43b58126;border-radius:50%}.dm-call-bar-wave{display:flex;align-items:center;gap:2px;height:16px}.dm-call-bar-wave span{width:3px;background:#43b581;border-radius:2px;animation:callWave 1s ease-in-out infinite}.dm-call-bar-wave span:nth-child(1){height:8px;animation-delay:0s}.dm-call-bar-wave span:nth-child(2){height:14px;animation-delay:.15s}.dm-call-bar-wave span:nth-child(3){height:8px;animation-delay:.3s}@keyframes callWave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.dm-call-bar-info{display:flex;flex-direction:column;gap:2px}.dm-call-bar-status{font-size:14px;font-weight:600;color:#43b581;font-variant-numeric:tabular-nums}.dm-call-bar-users{font-size:12px;color:var(--text-muted)}.dm-call-bar-participants{display:flex;align-items:center}.dm-call-bar-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:3px solid #151a26;margin-left:-10px;position:relative;transition:all .2s ease;overflow:hidden}.dm-call-bar-avatar:first-child{margin-left:0}.dm-call-bar-avatar img{width:100%;height:100%;object-fit:cover}.dm-call-bar-avatar.speaking{border-color:#43b581;box-shadow:0 0 0 2px #43b58166}.dm-call-bar-muted-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#ed4245;border-radius:50%;border:2px solid #151a26;display:flex;align-items:center;justify-content:center;color:#fff}.dm-call-bar-controls{display:flex;align-items:center;gap:6px}.dm-call-bar-btn{width:38px;height:38px;border-radius:50%;border:none;background:#ffffff14;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-call-bar-btn:hover{background:#ffffff26;transform:scale(1.05)}.dm-call-bar-btn.active{background:#ed424540;color:#ed4245}.dm-call-bar-btn.active:hover{background:#ed424559}.dm-call-bar-btn.active-green{background:#43b58140;color:#43b581}.dm-call-bar-btn.active-green:hover{background:#43b58159}.dm-call-bar-btn.expand{background:#5865f233;color:#5865f2}.dm-call-bar-btn.expand:hover{background:#5865f24d}.dm-call-bar-btn.end{background:#ed4245;color:#fff;width:42px;height:42px;margin-left:6px}.dm-call-bar-btn.end:hover{background:#d63638;transform:scale(1.05)}.dm-call-expanded{position:fixed;inset:var(--titlebar-height) 0 0 calc(var(--server-list-width) + var(--sidebar-width));background:linear-gradient(180deg,#0f1318,#0a0d10);z-index:100;display:flex;flex-direction:column}.dm-call-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.dm-call-expanded-info{display:flex;flex-direction:column;gap:2px}.dm-call-expanded-status{font-size:18px;font-weight:700;color:#43b581;font-variant-numeric:tabular-nums}.dm-call-expanded-with{font-size:13px;color:var(--text-muted)}.dm-call-collapse-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-call-collapse-btn:hover{background:#ffffff26}.dm-call-expanded-content{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.dm-call-participants-expanded{display:flex;gap:60px;justify-content:center;align-items:flex-start}.dm-call-participant{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;border-radius:20px;background:#ffffff08;border:2px solid transparent;transition:all .3s ease;min-width:180px}.dm-call-participant.speaking{border-color:#43b581;background:#43b5810d;box-shadow:0 0 40px #43b58126}.dm-call-participant-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;position:relative;overflow:hidden}.dm-call-participant-avatar img{width:100%;height:100%;object-fit:cover}.speaking-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid #43b581;animation:speakingRing 1.2s ease-in-out infinite}@keyframes speakingRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.6}}.dm-call-participant-name{font-size:18px;font-weight:600;color:#fff}.dm-call-participant-label{font-size:13px;color:var(--text-muted);margin-top:-8px}.dm-call-participant-badges{display:flex;gap:10px;min-height:32px}.dm-call-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ed424533;color:#ed4245}.dm-call-screen-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.dm-call-screen-video-expanded{max-width:95%;max-height:80%;border-radius:12px;background:#000;object-fit:contain;box-shadow:0 8px 32px #00000080}.dm-call-screen-label{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0009;border-radius:8px;font-size:13px;color:var(--text-secondary)}.dm-call-pip{position:absolute;bottom:24px;right:24px;width:220px;border-radius:12px;overflow:hidden;border:2px solid #5865F2;background:#000;box-shadow:0 8px 24px #0006}.dm-call-pip video{width:100%;display:block}.dm-call-pip span{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;background:#000c;font-size:12px;color:var(--text-muted)}.dm-call-expanded-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.dm-call-ctrl-lg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border-radius:12px;border:none;background:#ffffff14;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:90px}.dm-call-ctrl-lg span{font-size:12px;font-weight:500}.dm-call-ctrl-lg:hover{background:#ffffff1f;transform:translateY(-2px)}.dm-call-ctrl-lg.active{background:#ed424533;color:#ed4245}.dm-call-ctrl-lg.active:hover{background:#ed42454d}.dm-call-ctrl-lg.active-green{background:#43b58133;color:#43b581}.dm-call-ctrl-lg.active-green:hover{background:#43b5814d}.dm-call-ctrl-lg.end{background:#ed4245;color:#fff}.dm-call-ctrl-lg.end:hover{background:#d63638}.dm-call-bar.calling .dm-call-bar-status{color:#faa61a;animation:callingPulse 1.5s ease-in-out infinite}@keyframes callingPulse{0%,to{opacity:1}50%{opacity:.5}}.dm-call-bar.calling .dm-call-bar-wave span{background:#faa61a;animation:callingWave .8s ease-in-out infinite}@keyframes callingWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.dm-call-bar.calling .dm-call-bar-indicator{background:#faa61a26}.dm-call-bar.calling .dm-call-bar-avatar:first-child{animation:callingAvatar 2s ease-in-out infinite}@keyframes callingAvatar{0%,to{box-shadow:0 0 #faa61a66}50%{box-shadow:0 0 0 10px #faa61a00}}.dm-call-waiting{display:flex;align-items:center;justify-content:center;padding:32px;border-radius:20px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);color:var(--text-muted);font-size:14px;min-width:180px;text-align:center}.screen-share-bubble{border:2px solid #5865F2!important;background:#5865f20d!important;box-shadow:0 0 20px #5865f21a!important}.screen-share-icon-large{width:120px;height:120px;border-radius:50%;background:#5865f233;display:flex;align-items:center;justify-content:center;color:#5865f2;margin-bottom:16px}.dm-call-bar-screen-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#5865f2;border-radius:50%;border:2px solid #151a26;display:flex;align-items:center;justify-content:center;color:#fff}.dm-active-call-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(135deg,#18231e,#151a26);border-bottom:1px solid rgba(67,181,129,.3);min-height:56px}.custom-checkbox{width:20px;height:20px;border:2px solid var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;cursor:pointer}.custom-checkbox:hover{border-color:var(--text-secondary)}.custom-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.custom-checkbox.checked:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.role-checkboxes{display:flex;flex-direction:column;gap:8px}.role-checkbox{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:14px}.role-checkbox:hover{background:var(--bg-hover)}.role-checkbox input[type=checkbox]{display:none}.premium-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.premium-active-banner{padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:20px;color:#fff}.premium-active-info{display:flex;align-items:center;gap:14px}.premium-active-tier{font-size:18px;font-weight:700}.premium-active-expires{font-size:13px;opacity:.85;margin-top:2px}.premium-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.premium-tier-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border);display:flex;flex-direction:column;transition:transform var(--transition-fast),border-color var(--transition-fast)}.premium-tier-card:hover{transform:translateY(-2px)}.premium-tier-card.current{border-color:var(--accent-primary)}.premium-tier-header{display:flex;align-items:center;gap:8px;padding:14px 16px;color:#fff;font-weight:700}.premium-tier-name{font-size:16px}.premium-tier-price{padding:12px 16px;text-align:center;border-bottom:1px solid var(--border)}.premium-tier-amount{font-size:28px;font-weight:800;color:var(--text-primary)}.premium-tier-period{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.premium-tier-features{list-style:none;padding:14px 16px;margin:0;flex:1}.premium-tier-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0}.premium-tier-btn{margin:0 12px 12px;padding:10px;border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:opacity var(--transition-fast)}.premium-tier-btn:hover:not(:disabled){opacity:.9}.premium-tier-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.premium-balance-note{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.premium-balance-note strong{color:var(--text-primary)}.premium-perks-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px}.premium-perk{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.premium-perk-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-perk-text{display:flex;flex-direction:column;gap:2px}.premium-perk-text strong{font-size:14px;color:var(--text-primary)}.premium-perk-text span{font-size:12px;color:var(--text-muted)}.units-balance-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border)}.units-balance-icon{color:#f59e0b}.units-balance-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.units-balance-amount{font-size:32px;font-weight:800;color:var(--text-primary)}.units-balance-amount span{font-size:16px;font-weight:400;color:var(--text-secondary)}.units-topup-info{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.units-topup-info h3{margin-bottom:8px}.units-topup-info p{color:var(--text-secondary);margin-bottom:8px}.units-contact{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:var(--bg-quaternary);border-radius:var(--radius-sm)}.units-contact-platform{font-weight:600;color:var(--text-primary)}.units-contact-link{color:var(--text-link);font-weight:600;text-decoration:none}.units-contact-link:hover{text-decoration:underline}.units-features-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.units-feature-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.units-feature-price{color:#f59e0b;font-weight:600}.decoration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}.decoration-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;border:2px solid transparent;transition:all var(--transition-fast)}.decoration-card:hover{border-color:var(--border-strong)}.decoration-card.equipped{border-color:var(--accent-primary);background:var(--bg-quaternary)}.decoration-preview{display:flex;align-items:center;justify-content:center;height:64px}.decoration-info{text-align:center}.decoration-name{display:block;font-weight:600;color:var(--text-primary);font-size:13px}.decoration-price{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.mini-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;overflow:hidden}.deco-preview-box{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;overflow:hidden}.avatar-frame-wrapper{position:relative;display:inline-flex;border-radius:50%}.avatar-frame-wrapper.frame-gold{box-shadow:0 0 0 3px gold}.avatar-frame-wrapper.frame-gold:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;box-shadow:0 0 12px #ffd7004d;pointer-events:none}.avatar-frame-wrapper.frame-rainbow{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);padding:3px}.avatar-frame-wrapper.frame-rainbow>*{border-radius:50%}.avatar-frame-wrapper.frame-fire{box-shadow:0 0 0 3px #ef4444,0 0 12px #ef444466}.avatar-frame-wrapper.frame-ice{box-shadow:0 0 0 3px #06b6d4,0 0 12px #06b6d466}.avatar-frame-wrapper.frame-emerald{box-shadow:0 0 0 3px #10b981,0 0 12px #10b9814d}.avatar-frame-wrapper.frame-neon{box-shadow:0 0 0 2px #ec4899,0 0 16px #ec489980;animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%,to{box-shadow:0 0 0 2px #ec4899,0 0 16px #ec489980}50%{box-shadow:0 0 0 2px #ec4899,0 0 24px #ec4899cc}}.profile-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1;border-radius:inherit}.deco-sparkles:before{content:"✨";position:absolute;font-size:16px;animation:sparkle-float 3s ease-in-out infinite;top:20%;left:10%}.deco-sparkles:after{content:"✨";position:absolute;font-size:12px;animation:sparkle-float 2.5s ease-in-out infinite .5s;top:60%;right:15%}@keyframes sparkle-float{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.2)}}.deco-flames:before{content:"🔥";position:absolute;font-size:18px;animation:flame-rise 2s ease-in-out infinite;bottom:10%;left:15%}.deco-flames:after{content:"🔥";position:absolute;font-size:14px;animation:flame-rise 2.2s ease-in-out infinite .3s;bottom:5%;right:20%}@keyframes flame-rise{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.deco-snow:before{content:"❄️";position:absolute;font-size:14px;animation:snow-fall 4s linear infinite;top:0;left:20%}.deco-snow:after{content:"❄️";position:absolute;font-size:10px;animation:snow-fall 3.5s linear infinite 1s;top:0;right:25%}@keyframes snow-fall{0%{transform:translateY(-10px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}.deco-hearts:before{content:"💕";position:absolute;font-size:14px;animation:hearts-float 3s ease-in-out infinite;top:30%;left:8%}.deco-hearts:after{content:"💕";position:absolute;font-size:11px;animation:hearts-float 2.8s ease-in-out infinite .7s;top:50%;right:10%}@keyframes hearts-float{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-10px) scale(1.15)}}.deco-stars:before{content:"⭐";position:absolute;font-size:14px;animation:stars-twinkle 2.5s ease-in-out infinite;top:15%;right:12%}.deco-stars:after{content:"⭐";position:absolute;font-size:10px;animation:stars-twinkle 2s ease-in-out infinite .5s;bottom:20%;left:12%}@keyframes stars-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.avatar-frame-wrapper.frame-purple{box-shadow:0 0 0 3px #8b5cf6,0 0 12px #8b5cf666}.avatar-frame-wrapper.frame-sunset{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);padding:3px}.avatar-frame-wrapper.frame-sunset>*{border-radius:50%}.avatar-frame-wrapper.frame-glitch{box-shadow:0 0 0 2px #06b6d4,2px 2px #ec4899,-2px -2px #facc15;animation:glitch-frame 3s ease-in-out infinite}@keyframes glitch-frame{0%,to{box-shadow:0 0 0 2px #06b6d4,2px 2px #ec4899,-2px -2px #facc15}25%{box-shadow:0 0 0 2px #ec4899,-2px 2px #facc15,2px -2px #06b6d4}50%{box-shadow:0 0 0 2px #facc15,2px -2px #06b6d4,-2px 2px #ec4899}75%{box-shadow:0 0 0 2px #06b6d4,-1px -2px #ec4899,1px 2px #facc15}}.avatar-frame-wrapper.frame-lightning{box-shadow:0 0 0 3px #facc15,0 0 16px #facc1580;animation:lightning-pulse 2.5s ease-in-out infinite}@keyframes lightning-pulse{0%,to{box-shadow:0 0 0 3px #facc15,0 0 16px #facc1580}10%{box-shadow:0 0 0 3px #facc15,0 0 30px #facc15e6}20%{box-shadow:0 0 0 3px #facc15,0 0 8px #facc154d}30%{box-shadow:0 0 0 3px #facc15,0 0 24px #facc15b3}}.avatar-frame-wrapper.frame-sakura{box-shadow:0 0 0 3px #f9a8d4,0 0 14px #f9a8d466}.avatar-frame-wrapper.frame-void{background:conic-gradient(#0c0c0e,#6366f1,#0c0c0e,#8b5cf6,#0c0c0e);padding:3px;animation:void-spin 6s linear infinite}.avatar-frame-wrapper.frame-void>*{border-radius:50%}@keyframes void-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame-wrapper.frame-nitro{background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316,#facc15);padding:3px;animation:nitro-shift 4s ease-in-out infinite;background-size:300% 300%}.avatar-frame-wrapper.frame-nitro>*{border-radius:50%}@keyframes nitro-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.deco-cherry:before{content:"🌸";position:absolute;font-size:16px;animation:cherry-fall 4s linear infinite;top:-10px;left:15%}.deco-cherry:after{content:"🌸";position:absolute;font-size:12px;animation:cherry-fall 3.5s linear infinite 1.2s;top:-10px;right:20%}@keyframes cherry-fall{0%{transform:translateY(-10px) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(120px) rotate(360deg) translate(20px);opacity:0}}.deco-bubbles:before{content:"🫧";position:absolute;font-size:16px;animation:bubble-up 3.5s ease-in-out infinite;bottom:0;left:12%}.deco-bubbles:after{content:"🫧";position:absolute;font-size:11px;animation:bubble-up 3s ease-in-out infinite .8s;bottom:0;right:18%}@keyframes bubble-up{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.8}to{transform:translateY(-100px) scale(1.2);opacity:0}}.deco-lightning:before{content:"⚡";position:absolute;font-size:18px;animation:zap 2s ease-in-out infinite;top:15%;left:10%}.deco-lightning:after{content:"⚡";position:absolute;font-size:12px;animation:zap 1.8s ease-in-out infinite .5s;bottom:20%;right:8%}@keyframes zap{0%,to{opacity:.1;transform:scale(.8)}15%{opacity:1;transform:scale(1.3)}30%{opacity:0;transform:scale(.9)}45%{opacity:.8;transform:scale(1.1)}60%{opacity:0}}.deco-confetti:before{content:"🎊";position:absolute;font-size:14px;animation:confetti-pop 3s ease-out infinite;top:10%;left:8%}.deco-confetti:after{content:"🎉";position:absolute;font-size:12px;animation:confetti-pop 2.8s ease-out infinite .6s;top:40%;right:10%}@keyframes confetti-pop{0%{opacity:0;transform:scale(.3) rotate(0)}20%{opacity:1;transform:scale(1.2) rotate(20deg)}50%{opacity:.8;transform:scale(1) rotate(-10deg)}to{opacity:0;transform:scale(.5) rotate(40deg) translateY(30px)}}.deco-galaxy:before{content:"🌌";position:absolute;font-size:18px;animation:galaxy-orbit 5s linear infinite;top:20%;left:10%}.deco-galaxy:after{content:"💫";position:absolute;font-size:12px;animation:galaxy-orbit 4s linear infinite reverse;bottom:15%;right:12%}@keyframes galaxy-orbit{0%{transform:rotate(0) translate(8px) rotate(0);opacity:.4}50%{opacity:1}to{transform:rotate(360deg) translate(8px) rotate(-360deg);opacity:.4}}.deco-rain:before{content:"💧";position:absolute;font-size:12px;animation:rain-drop 2s linear infinite;top:-5px;left:20%}.deco-rain:after{content:"💧";position:absolute;font-size:9px;animation:rain-drop 1.8s linear infinite .4s;top:-5px;right:25%}@keyframes rain-drop{0%{transform:translateY(-5px);opacity:0}10%{opacity:.7}to{transform:translateY(110px);opacity:0}}.deco-matrix:before{content:"0101";position:absolute;font-family:monospace;font-size:10px;color:#10b981;animation:matrix-fall 3s linear infinite;top:-10px;left:10%;opacity:.7}.deco-matrix:after{content:"1010";position:absolute;font-family:monospace;font-size:8px;color:#10b981;animation:matrix-fall 2.5s linear infinite .8s;top:-10px;right:15%;opacity:.5}@keyframes matrix-fall{0%{transform:translateY(-10px);opacity:0}10%{opacity:.6}to{transform:translateY(120px);opacity:0}}.deco-autumn:before{content:"🍂";position:absolute;font-size:16px;animation:leaf-fall 4.5s ease-in-out infinite;top:-10px;left:18%}.deco-autumn:after{content:"🍁";position:absolute;font-size:12px;animation:leaf-fall 4s ease-in-out infinite 1s;top:-10px;right:22%}@keyframes leaf-fall{0%{transform:translateY(-10px) rotate(0) translate(0);opacity:0}15%{opacity:1}to{transform:translateY(110px) rotate(360deg) translate(30px);opacity:0}}.profile-badges{display:flex;gap:4px;flex-wrap:wrap;padding:6px 0}.profile-badge-item{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-quaternary);font-size:14px;cursor:default;transition:transform .15s,background .15s;position:relative}.profile-badge-item:hover{transform:scale(1.2);background:color-mix(in srgb,var(--badge-color) 20%,var(--bg-quaternary))}.inline-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-left:6px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--badge-color) 20%,transparent);vertical-align:middle;line-height:1;cursor:default}.profile-pronouns{opacity:.7;font-style:italic}.user-profile-panel.themed{--bg-secondary: var(--profile-bg)}.user-profile-panel.themed .profile-info-wrapper{background:var(--profile-bg)}.user-profile-panel.themed .profile-info-content .section-content,.user-profile-panel.themed .profile-info-content .profile-displayname{color:var(--profile-text)}.user-profile-panel.themed .profile-divider{border-color:var(--profile-accent);opacity:.3}.avatar-deco-overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;z-index:2;border-radius:50%}.avatar-deco-leaves{animation:deco-spin 6s linear infinite}.avatar-deco-leaves:before,.avatar-deco-leaves:after{content:"🍃";position:absolute;font-size:14px}.avatar-deco-leaves:before{top:-2px;left:50%;transform:translate(-50%)}.avatar-deco-leaves:after{bottom:-2px;right:0;font-size:11px}.avatar-deco-sparkle_ring:before,.avatar-deco-sparkle_ring:after{content:"✨";position:absolute;font-size:12px;animation:deco-orbit 3s ease-in-out infinite}.avatar-deco-sparkle_ring:before{top:-4px;left:50%}.avatar-deco-sparkle_ring:after{bottom:-4px;right:0;animation-delay:1.5s;font-size:10px}.avatar-deco-heart_ring:before,.avatar-deco-heart_ring:after{content:"💕";position:absolute;font-size:11px}.avatar-deco-heart_ring:before{top:-6px;left:40%;animation:deco-pulse 2s ease-in-out infinite}.avatar-deco-heart_ring:after{bottom:-4px;right:10%;font-size:9px;animation:deco-pulse 2s ease-in-out infinite .5s}.avatar-deco-flame_ring:before,.avatar-deco-flame_ring:after{content:"🔥";position:absolute;font-size:12px}.avatar-deco-flame_ring:before{bottom:-4px;left:20%;animation:flame-rise 2s ease-in-out infinite}.avatar-deco-flame_ring:after{bottom:-2px;right:15%;font-size:10px;animation:flame-rise 1.8s ease-in-out infinite .3s}.avatar-deco-star_ring:before,.avatar-deco-star_ring:after{content:"⭐";position:absolute;font-size:11px;animation:stars-twinkle 2.5s ease-in-out infinite}.avatar-deco-star_ring:before{top:-4px;right:0}.avatar-deco-star_ring:after{bottom:-2px;left:4px;font-size:9px;animation-delay:.8s}.avatar-deco-snow_ring:before,.avatar-deco-snow_ring:after{content:"❄️";position:absolute;font-size:11px;animation:snow-fall 4s linear infinite}.avatar-deco-snow_ring:before{top:-6px;left:30%}.avatar-deco-snow_ring:after{top:-6px;right:20%;font-size:9px;animation-delay:1.5s}.avatar-deco-cherry_ring:before,.avatar-deco-cherry_ring:after{content:"🌸";position:absolute;font-size:12px;animation:cherry-fall 4s linear infinite}.avatar-deco-cherry_ring:before{top:-6px;left:25%}.avatar-deco-cherry_ring:after{top:-6px;right:20%;font-size:9px;animation-delay:1.2s}.avatar-deco-lightning_ring:before,.avatar-deco-lightning_ring:after{content:"⚡";position:absolute;font-size:12px;animation:zap 2s ease-in-out infinite}.avatar-deco-lightning_ring:before{top:-4px;left:40%}.avatar-deco-lightning_ring:after{bottom:-2px;right:10%;font-size:10px;animation-delay:.5s}.avatar-deco-galaxy_ring{box-shadow:0 0 12px #6366f166}.avatar-deco-galaxy_ring:before,.avatar-deco-galaxy_ring:after{content:"💫";position:absolute;font-size:11px;animation:galaxy-orbit 5s linear infinite}.avatar-deco-galaxy_ring:before{top:-4px;left:50%}.avatar-deco-galaxy_ring:after{bottom:-2px;right:0;font-size:9px;animation-direction:reverse}.avatar-deco-bat_ring:before,.avatar-deco-bat_ring:after{content:"🦇";position:absolute;font-size:12px;animation:deco-orbit 4s ease-in-out infinite}.avatar-deco-bat_ring:before{top:-4px;left:35%}.avatar-deco-bat_ring:after{bottom:-4px;right:15%;font-size:10px;animation-delay:2s}.avatar-deco-butterfly_ring:before,.avatar-deco-butterfly_ring:after{content:"🦋";position:absolute;font-size:12px;animation:deco-orbit 5s ease-in-out infinite}.avatar-deco-butterfly_ring:before{top:-6px;right:20%}.avatar-deco-butterfly_ring:after{bottom:-4px;left:15%;font-size:10px;animation-delay:2.5s}@keyframes deco-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes deco-orbit{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-6px) scale(1.2);opacity:1}}@keyframes deco-pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}}.profile-banner-effect{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.profile-banner-effect.effect-sparkle:before{content:"✨";position:absolute;font-size:14px;top:10%;left:15%;animation:sparkle-float 3s ease-in-out infinite}.profile-banner-effect.effect-sparkle:after{content:"✨";position:absolute;font-size:10px;top:40%;right:20%;animation:sparkle-float 2.5s ease-in-out infinite .5s}.profile-banner-effect.effect-rain:before{content:"💧";position:absolute;font-size:10px;top:-5px;left:20%;animation:rain-drop 2s linear infinite}.profile-banner-effect.effect-rain:after{content:"💧";position:absolute;font-size:8px;top:-5px;right:30%;animation:rain-drop 1.8s linear infinite .5s}.profile-banner-effect.effect-snow:before{content:"❄️";position:absolute;font-size:12px;top:-5px;left:25%;animation:snow-fall 4s linear infinite}.profile-banner-effect.effect-snow:after{content:"❄️";position:absolute;font-size:9px;top:-5px;right:20%;animation:snow-fall 3.5s linear infinite 1s}.profile-banner-effect.effect-sakura:before{content:"🌸";position:absolute;font-size:14px;top:-8px;left:15%;animation:cherry-fall 4s linear infinite}.profile-banner-effect.effect-sakura:after{content:"🌸";position:absolute;font-size:10px;top:-8px;right:25%;animation:cherry-fall 3.5s linear infinite 1.2s}.profile-banner-effect.effect-fire:before{content:"🔥";position:absolute;font-size:14px;bottom:5%;left:15%;animation:flame-rise 2s ease-in-out infinite}.profile-banner-effect.effect-fire:after{content:"🔥";position:absolute;font-size:10px;bottom:0;right:20%;animation:flame-rise 1.8s ease-in-out infinite .4s}.profile-banner-effect.effect-galaxy:before{content:"💫";position:absolute;font-size:12px;top:20%;left:10%;animation:galaxy-orbit 5s linear infinite}.profile-banner-effect.effect-galaxy:after{content:"🌌";position:absolute;font-size:10px;bottom:10%;right:12%;animation:galaxy-orbit 4s linear infinite reverse}.profile-banner-effect.effect-lightning:before{content:"⚡";position:absolute;font-size:16px;top:15%;left:10%;animation:zap 2s ease-in-out infinite}.profile-banner-effect.effect-lightning:after{content:"⚡";position:absolute;font-size:11px;bottom:10%;right:12%;animation:zap 1.8s ease-in-out infinite .5s}.profile-banner-effect.effect-autumn:before{content:"🍂";position:absolute;font-size:14px;top:-8px;left:18%;animation:leaf-fall 4.5s ease-in-out infinite}.profile-banner-effect.effect-autumn:after{content:"🍁";position:absolute;font-size:10px;top:-8px;right:22%;animation:leaf-fall 4s ease-in-out infinite 1s}.profile-banner-effect.effect-bubbles:before{content:"🫧";position:absolute;font-size:14px;bottom:0;left:12%;animation:bubble-up 3.5s ease-in-out infinite}.profile-banner-effect.effect-bubbles:after{content:"🫧";position:absolute;font-size:10px;bottom:0;right:18%;animation:bubble-up 3s ease-in-out infinite .8s}.profile-banner-effect.effect-matrix:before{content:"01";position:absolute;font-family:monospace;font-size:10px;color:#10b981;top:-8px;left:15%;animation:matrix-fall 3s linear infinite;opacity:.7}.profile-banner-effect.effect-matrix:after{content:"10";position:absolute;font-family:monospace;font-size:8px;color:#10b981;top:-8px;right:20%;animation:matrix-fall 2.5s linear infinite .8s;opacity:.5}.name-color-preview{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.theme-preview-box{width:56px;height:40px;border-radius:6px;border:1px solid;display:flex;align-items:center;gap:6px;padding:0 8px}.dm-item-wrap{position:relative}.dm-item-wrap .dm-avatar{cursor:pointer}.dm-popup-card{position:fixed;left:260px;z-index:999;width:340px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0009;overflow:hidden;border:1px solid var(--border);animation:popup-card-in .2s ease-out}@keyframes popup-card-in{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.dm-popup-banner{height:60px;position:relative;overflow:hidden}.dm-hover-effect{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dm-hover-effect.effect-sparkle:before{content:"✨";position:absolute;font-size:12px;top:10%;left:15%;animation:sparkle-float 3s ease-in-out infinite}.dm-hover-effect.effect-sparkle:after{content:"✨";position:absolute;font-size:8px;top:40%;right:20%;animation:sparkle-float 2.5s ease-in-out infinite .5s}.dm-hover-effect.effect-rain:before{content:"💧";position:absolute;font-size:8px;top:-5px;left:20%;animation:rain-drop 2s linear infinite}.dm-hover-effect.effect-rain:after{content:"💧";position:absolute;font-size:6px;top:-5px;right:30%;animation:rain-drop 1.8s linear infinite .5s}.dm-hover-effect.effect-snow:before{content:"❄️";position:absolute;font-size:10px;top:-5px;left:25%;animation:snow-fall 4s linear infinite}.dm-hover-effect.effect-snow:after{content:"❄️";position:absolute;font-size:7px;top:-5px;right:20%;animation:snow-fall 3.5s linear infinite 1s}.dm-hover-effect.effect-sakura:before{content:"🌸";position:absolute;font-size:12px;top:-8px;left:15%;animation:cherry-fall 4s linear infinite}.dm-hover-effect.effect-sakura:after{content:"🌸";position:absolute;font-size:8px;top:-8px;right:25%;animation:cherry-fall 3.5s linear infinite 1.2s}.dm-hover-effect.effect-fire:before{content:"🔥";position:absolute;font-size:12px;bottom:5%;left:15%;animation:flame-rise 2s ease-in-out infinite}.dm-hover-effect.effect-fire:after{content:"🔥";position:absolute;font-size:8px;bottom:0;right:20%;animation:flame-rise 1.8s ease-in-out infinite .4s}.dm-hover-effect.effect-galaxy:before{content:"💫";position:absolute;font-size:10px;top:20%;left:10%;animation:galaxy-orbit 5s linear infinite}.dm-hover-effect.effect-galaxy:after{content:"🌌";position:absolute;font-size:8px;bottom:10%;right:12%;animation:galaxy-orbit 4s linear infinite reverse}.dm-hover-effect.effect-lightning:before{content:"⚡";position:absolute;font-size:14px;top:15%;left:10%;animation:zap 2s ease-in-out infinite}.dm-hover-effect.effect-lightning:after{content:"⚡";position:absolute;font-size:9px;bottom:10%;right:12%;animation:zap 1.8s ease-in-out infinite .5s}.dm-hover-effect.effect-autumn:before{content:"🍂";position:absolute;font-size:12px;top:-8px;left:18%;animation:leaf-fall 4.5s ease-in-out infinite}.dm-hover-effect.effect-autumn:after{content:"🍁";position:absolute;font-size:8px;top:-8px;right:22%;animation:leaf-fall 4s ease-in-out infinite 1s}.dm-hover-effect.effect-bubbles:before{content:"🫧";position:absolute;font-size:12px;bottom:0;left:12%;animation:bubble-up 3.5s ease-in-out infinite}.dm-hover-effect.effect-bubbles:after{content:"🫧";position:absolute;font-size:8px;bottom:0;right:18%;animation:bubble-up 3s ease-in-out infinite .8s}.dm-hover-effect.effect-matrix:before{content:"01";position:absolute;font-family:monospace;font-size:8px;color:#10b981;top:-8px;left:15%;animation:matrix-fall 3s linear infinite;opacity:.7}.dm-hover-effect.effect-matrix:after{content:"10";position:absolute;font-family:monospace;font-size:6px;color:#10b981;top:-8px;right:20%;animation:matrix-fall 2.5s linear infinite .8s;opacity:.5}.dm-popup-avatar-wrap{position:relative;width:80px;height:80px;margin:-40px 0 0 16px}.dm-popup-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;color:#fff;border:5px solid var(--bg-secondary);overflow:hidden}.dm-popup-avatar img{width:100%;height:100%;object-fit:cover}.dm-popup-avatar-wrap .status-indicator{position:absolute;width:16px;height:16px;right:2px;bottom:2px;border-width:3px;border-color:var(--bg-secondary)}.dm-popup-body{padding:12px 16px 16px;border-radius:0 0 12px 12px}.dm-popup-name{font-size:20px;font-weight:700;margin-bottom:2px}.dm-popup-tag{font-size:13px;color:var(--text-muted);margin-bottom:8px}.dm-popup-divider{height:1px;background:var(--border);margin:10px 0}.dm-popup-section{margin-bottom:10px}.dm-popup-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dm-popup-section-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.deco-subtitle{color:var(--text-muted);font-size:14px;margin:-4px 0 16px}.deco-category{margin-bottom:24px;background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.deco-category-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary)}.deco-category-header:hover{background:var(--bg-quaternary)}.deco-category-title{margin:0;font-size:16px;font-weight:700}.deco-category-desc{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.deco-category-arrow{font-size:18px;color:var(--text-muted);transition:transform .2s}.deco-category-arrow.collapsed{transform:rotate(-90deg)}.deco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:0 16px 16px}.deco-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid transparent;overflow:hidden;transition:all .15s ease;display:flex;flex-direction:column}.deco-item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.deco-item.deco-equipped{border-color:var(--accent-primary)}.deco-item.deco-owned:not(.deco-equipped){border-color:var(--accent-green)}.deco-item-preview{height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);position:relative;overflow:hidden}.deco-item-wide .deco-item-preview{height:auto;min-height:48px}.deco-item-footer{padding:8px 10px 4px;display:flex;flex-direction:column;gap:2px}.deco-item-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deco-item-price{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.deco-item-owned-tag{font-size:11px;color:var(--accent-green);font-weight:600}.deco-item-equipped-tag{font-size:11px;color:var(--accent-primary);font-weight:600}.deco-item-actions{padding:6px 10px 10px}.deco-item-actions .btn{width:100%;font-size:12px;padding:5px 8px}.deco-animated-badge{position:absolute;top:6px;right:6px;background:var(--accent-primary);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;letter-spacing:.5px}.deco-effect-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-quaternary);color:var(--text-muted)}.deco-theme-preview{padding:8px!important;height:100px!important;border-radius:var(--radius-md) var(--radius-md) 0 0}.deco-theme-mock{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;z-index:1}.deco-theme-mock-banner{width:100%;height:28px;border-radius:4px;opacity:.7}.deco-theme-mock-avatar{width:20px;height:20px;border-radius:50%;margin-top:-10px;margin-left:6px}.deco-theme-mock-name{width:60px;height:6px;border-radius:3px;margin-left:6px}.deco-theme-mock-tag{width:40px;height:4px;border-radius:2px;margin-left:6px}.name-rainbow-shift{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ec4899,#ef4444);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-name-shift 4s linear infinite}@keyframes rainbow-name-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}.name-neon-glow{text-shadow:0 0 7px currentColor,0 0 14px currentColor,0 0 21px currentColor;animation:neon-name-pulse 2s ease-in-out infinite}@keyframes neon-name-pulse{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor;opacity:1}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor;opacity:.9}}.name-pulse{animation:name-color-pulse 2s ease-in-out infinite}@keyframes name-color-pulse{0%,to{opacity:1}50%{opacity:.5}}.name-glitch{position:relative;animation:glitch-name 3s ease-in-out infinite}@keyframes glitch-name{0%,90%,to{transform:none;text-shadow:none}92%{transform:translate(-2px);text-shadow:2px 0 #ff0000,-2px 0 #00ffff}94%{transform:translate(2px);text-shadow:-2px 0 #ff0000,2px 0 #00ffff}96%{transform:translate(-1px);text-shadow:1px 0 #ff0000,-1px 0 #00ffff}98%{transform:none;text-shadow:none}}.name-shimmer{background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-name 3s linear infinite}@keyframes shimmer-name{0%{background-position:-200% 0}to{background-position:200% 0}}.name-wave{background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wave-name 4s ease-in-out infinite}@keyframes wave-name{0%,to{background-position:0% 50%}50%{background-position:200% 50%}}.name-fire-text{background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fire-name 2s ease-in-out infinite;filter:brightness(1.2)}@keyframes fire-name{0%,to{background-position:0% 50%;filter:brightness(1.2)}50%{background-position:200% 50%;filter:brightness(1.5)}}.theme-cyberpunk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(250,204,21,.03) 2px,rgba(250,204,21,.03) 4px);pointer-events:none;z-index:0}.theme-aurora{position:relative;overflow:hidden}.theme-aurora:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(52,211,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.1) 0%,transparent 50%);animation:aurora-shift 8s ease-in-out infinite;pointer-events:none}@keyframes aurora-shift{0%,to{opacity:.5}50%{opacity:1}}.theme-neon-city{position:relative}.theme-neon-city:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49%,rgba(236,72,153,.05) 49%,rgba(236,72,153,.05) 51%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(99,102,241,.05) 49%,rgba(99,102,241,.05) 51%,transparent 51%);background-size:40px 40px;pointer-events:none}.theme-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0d}.theme-starfield{position:relative;overflow:hidden}.theme-starfield:before{content:"✦ · ✧ · ✦ · ✧ · ✦";position:absolute;font-size:8px;color:#a78bfa4d;letter-spacing:12px;white-space:nowrap;top:8px;left:0;right:0;text-align:center;animation:starfield-twinkle 3s ease-in-out infinite;pointer-events:none}@keyframes starfield-twinkle{0%,to{opacity:.3}50%{opacity:.8}}.theme-matrix{position:relative;overflow:hidden}.theme-matrix:before{content:"010110100101";position:absolute;font-family:monospace;font-size:8px;color:#22c55e14;letter-spacing:4px;top:4px;left:4px;right:4px;bottom:4px;overflow:hidden;word-break:break-all;pointer-events:none;animation:matrix-rain-bg 10s linear infinite}@keyframes matrix-rain-bg{0%{opacity:.05}50%{opacity:.12}to{opacity:.05}}.settings-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:14px;width:100%;outline:none}.settings-input:focus{border-color:var(--accent-primary)}.server-icon-preview{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;margin:0 auto 16px;transition:all var(--transition-fast)}.server-settings{display:flex;height:100%;min-height:400px}.server-settings-nav{width:200px;background:var(--bg-secondary);padding:16px 8px;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}.server-settings-nav h4{padding:8px 12px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ss-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.ss-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ss-nav-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.ss-nav-item.danger{color:var(--accent-red)}.ss-nav-item.danger:hover{background:#ef44441a}.ss-nav-sep{height:1px;background:var(--border);margin:8px 12px}.server-settings-content{flex:1;padding:24px 32px;overflow-y:auto;position:relative}.channel-type-picker{display:flex;gap:8px;margin-bottom:16px}.channel-type-opt{flex:1;padding:12px 16px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px;font-size:14px}.channel-type-opt:hover{background:var(--bg-quaternary);color:var(--text-primary)}.channel-type-opt.active{border-color:var(--accent-primary);background:var(--bg-quaternary);color:var(--text-primary)}.banner-preview{border:1px solid var(--border)}.profile-decoration-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1}.settings-section input[type=email],.settings-section input[type=password],.settings-section input[type=text]{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast);font-size:14px}.settings-section input[type=email]:focus,.settings-section input[type=password]:focus,.settings-section input[type=text]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6b728026}.settings-section input[type=email]::placeholder,.settings-section input[type=password]::placeholder,.settings-section input[type=text]::placeholder{color:var(--text-muted)}.about-info{text-align:center;padding:40px 20px}.about-logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent-primary);opacity:.8}.about-info h3{font-size:28px;font-weight:800;margin-bottom:8px;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.about-info>p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.about-desc{color:var(--text-muted)!important;font-size:13px!important;line-height:1.7;max-width:500px;margin:16px auto 24px!important}.about-credits{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.server-settings-content h2{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.server-settings-content h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px}.server-settings-content .settings-group{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border);margin-bottom:16px}.server-settings-content input[type=text],.server-settings-content textarea{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast);font-size:14px}.server-settings-content input[type=text]:focus,.server-settings-content textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6b728026}.server-settings-content select{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;font-size:14px}.server-settings-content .settings-field{margin-bottom:20px}.server-settings-content .settings-field:last-child{margin-bottom:0}.server-settings-content .settings-field-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ss-section{max-width:700px}.ss-overview-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;margin-bottom:20px;border:1px solid var(--border)}.ss-overview-card .ss-overview-icon{flex-shrink:0}.ss-overview-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px;text-transform:none;letter-spacing:0}.ss-overview-card p{font-size:13px;color:var(--text-muted);margin:0}.ss-stats{display:flex;gap:16px;margin-bottom:20px}.ss-stat{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.ss-stat-num{font-size:24px;font-weight:800;color:var(--text-primary)}.ss-stat span:last-child{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ss-members-list{display:flex;flex-direction:column;gap:4px}.ss-member{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.ss-member:hover{background:var(--bg-tertiary)}.ss-member-left{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0}.ss-member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.ss-member-avatar .status-indicator{position:absolute;bottom:-1px;right:-1px}.ss-member-info{min-width:0}.ss-member-name{font-size:14px;font-weight:600;color:var(--text-primary);display:block}.ss-member-roles{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.ss-member-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ss-member-actions select{padding:4px 8px;font-size:12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;border:1px solid;font-size:11px;font-weight:600;background:transparent}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.perm-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.perm-item label{cursor:pointer;display:flex;align-items:center;gap:8px}.perm-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.roles-tab-layout{display:flex;gap:0;height:100%;min-height:400px;margin:-20px -24px}.roles-tab-sidebar{width:220px;min-width:220px;background:var(--bg-tertiary);border-right:1px solid var(--border);display:flex;flex-direction:column}.roles-tab-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 8px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.roles-add-btn{width:24px;height:24px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.roles-add-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.roles-tab-list{flex:1;overflow-y:auto;padding:0 8px 8px}.roles-tab-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:13px;transition:all var(--transition-fast);text-align:left}.roles-tab-item:hover,.roles-tab-item.active{background:var(--bg-hover);color:var(--text-primary)}.roles-tab-item-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.roles-tab-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles-tab-item-count{font-size:11px;color:var(--text-muted);background:var(--bg-primary);padding:1px 6px;border-radius:8px;min-width:16px;text-align:center}.roles-tab-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:24px 8px}.roles-tab-editor{flex:1;overflow-y:auto;padding:20px 24px}.roles-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.roles-editor-header h3{font-size:20px;font-weight:700;margin:0}.roles-editor-members{font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 10px;border-radius:10px}.roles-editor-section{margin-bottom:24px}.roles-editor-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.roles-color-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.roles-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.roles-color-btn:hover{transform:scale(1.15)}.roles-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent-primary)}.roles-color-custom{width:28px;height:28px;border-radius:50%;border:2px dashed var(--text-muted);cursor:pointer;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.roles-color-custom::-webkit-color-swatch-wrapper{padding:0}.roles-color-custom::-webkit-color-swatch{border-radius:50%;border:none}.roles-perm-group{margin-bottom:16px}.roles-perm-group-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.roles-perm-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:2px}.roles-perm-row:first-of-type{border-radius:var(--radius-sm) var(--radius-sm) 2px 2px}.roles-perm-row:last-of-type{border-radius:2px 2px var(--radius-sm) var(--radius-sm);margin-bottom:0}.roles-perm-row:only-of-type{border-radius:var(--radius-sm)}.roles-perm-info{flex:1;min-width:0}.roles-perm-label{font-size:13px;color:var(--text-primary);font-weight:500}.roles-perm-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.roles-danger-zone{padding-top:16px;border-top:1px solid rgba(239,68,68,.2)}.roles-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;text-align:center}.modal-close-btn{position:absolute;top:16px;right:16px;background:var(--bg-tertiary);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.inline-code{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:Consolas,Monaco,monospace;font-size:.85em;color:var(--accent-primary)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;flex-shrink:0;position:relative}.badge-icon svg{width:22px;height:22px}.badge-icon-sm{width:18px;height:18px}.badge-icon-sm svg{width:18px;height:18px}.inline-badge{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.inline-badge svg{width:18px;height:18px}.profile-badges{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.profile-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;cursor:default;transition:transform var(--transition-fast)}.profile-badge:hover{transform:scale(1.15)}.profile-badge svg{width:22px;height:22px}.badge-official{display:inline-flex;align-items:center;gap:4px;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;margin-left:6px;vertical-align:middle}.badge-official svg{width:12px;height:12px}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-primary)}.welcome-content{text-align:center;max-width:600px}.welcome-logo{margin-bottom:24px;display:flex;align-items:center;justify-content:center}.welcome-logo svg{opacity:.4;color:var(--accent-primary)}.welcome-content h2{font-size:28px;font-weight:800;margin-bottom:8px;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-description{color:var(--text-secondary);font-size:15px;margin-bottom:40px;line-height:1.6}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.welcome-feature{padding:20px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-normal);cursor:default}.welcome-feature:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.welcome-feature-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:22px}.welcome-feature h4{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.welcome-feature p{font-size:12px;color:var(--text-muted);line-height:1.5}.mention{color:var(--accent-primary);background:#6b72801f;padding:0 4px;border-radius:4px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.mention:hover{background:#6b728040;text-decoration:underline}.mention-popup{position:fixed;z-index:10000;width:320px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;animation:mentionPopupIn .2s ease}@keyframes mentionPopupIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.mention-popup-banner{height:60px;position:relative}.mention-popup-avatar{width:56px;height:56px;border-radius:50%;border:4px solid var(--bg-secondary);position:absolute;bottom:-28px;left:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;overflow:hidden}.mention-popup-body{padding:36px 16px 16px}.mention-popup-name{font-size:18px;font-weight:700;margin-bottom:2px}.mention-popup-tag{font-size:12px;color:var(--text-muted);margin-bottom:12px}.mention-popup-badges{display:flex;gap:4px;margin-bottom:12px}.mention-popup-divider{height:1px;background:var(--border);margin:12px 0}.mention-popup-actions{display:flex;gap:8px}.mention-popup-actions .btn{flex:1;padding:8px;font-size:12px}.friend-card{position:relative;overflow:hidden}.friend-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;border-radius:inherit;z-index:0}.friend-card:hover:before{opacity:1}.friend-card-left,.friend-card-actions{position:relative;z-index:1}.friend-card[data-hover-effect=sparkle]:hover:before{background:linear-gradient(135deg,#ffd7000d,#ffffff14,#ffd7000d)}.friend-card[data-hover-effect=aurora]:hover:before{background:linear-gradient(135deg,#06b6d40f,#8b5cf60f,#10b9810f);animation:auroraShift 3s ease infinite}@keyframes auroraShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.friend-card[data-hover-effect=fire]:hover:before{background:linear-gradient(to top,rgba(239,68,68,.08) 0%,rgba(245,158,11,.05) 50%,transparent 100%)}.friend-card[data-hover-effect=ice]:hover:before{background:linear-gradient(135deg,#06b6d40f,#93c5fd14,#06b6d40a)}.friend-card[data-hover-effect=neon]:hover:before{background:linear-gradient(135deg,#ec48990f,#7c3aed0f);box-shadow:inset 0 0 20px #ec48990d}.friend-card[data-hover-effect=galaxy]:hover:before{background:radial-gradient(ellipse at 30% 50%,rgba(99,102,241,.08),transparent 70%),radial-gradient(ellipse at 70% 50%,rgba(236,72,153,.06),transparent 70%)}.friend-card[data-hover-effect=sakura]:hover:before{background:linear-gradient(135deg,#f9a8d40f,#c084fc0d)}.friend-card[data-hover-effect=lightning]:hover:before{background:linear-gradient(to bottom,#facc150f,#f59e0b0a)}.inventory-section{margin-top:24px}.inventory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.inventory-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.inventory-count{font-size:12px;color:var(--text-muted);background:var(--bg-quaternary);padding:4px 10px;border-radius:var(--radius-sm)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.inventory-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;text-align:center;transition:all var(--transition-fast)}.inventory-item:hover{border-color:var(--accent-primary)}.inventory-item.equipped{border-color:var(--accent-primary);background:#6b728014}.inventory-item-icon{width:48px;height:48px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:24px}.inventory-item-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.inventory-item .btn{width:100%;padding:6px;font-size:11px}.mobile-root .app-content{height:100dvh!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.mobile-sidebar-open{overflow:hidden!important}.side-navigation-wrapper{display:flex;height:100%;flex-shrink:0;z-index:100}.mobile-header{display:none}.mobile-floating-menu-btn{display:none!important}.main-content-inner{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}@media screen and (max-width: 768px){*,*:before,*:after{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;outline:none}.message-content,.message-content *{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}html,body{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}.app-root,.main-layout{width:100vw;height:100dvh;overflow:hidden;position:relative}.main-layout{display:flex;flex-direction:row}.mobile-header{display:flex;align-items:center;padding:0 8px 0 4px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color, rgba(255,255,255,.06));height:48px;min-height:48px;flex-shrink:0;z-index:50;gap:4px}.mobile-header-menu-btn{background:transparent;border:none;color:var(--text-secondary);padding:10px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;min-height:0!important;min-width:0!important}.mobile-header-menu-btn:active{background:#ffffff14}.mobile-header-title{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--text-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mobile-header-title svg{color:var(--text-muted);flex-shrink:0}.mobile-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.mobile-header-action-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;min-height:0!important;min-width:0!important}.mobile-header-action-btn:active{background:#ffffff14;color:var(--text-primary)}.chat-header{display:none!important}.side-navigation-wrapper{position:fixed;top:0;left:0;bottom:0;width:84vw;max-width:320px;z-index:200;display:flex;flex-direction:row;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform;box-shadow:none}.main-layout.mobile-menu-open .side-navigation-wrapper{transform:translate(0);box-shadow:4px 0 20px #00000080}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:190;animation:mobileOverlayIn .25s ease}@keyframes mobileOverlayIn{0%{opacity:0}to{opacity:1}}.server-list{width:56px!important;min-width:56px!important;flex-shrink:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.server-icon{width:42px!important;height:42px!important;font-size:12px!important}.channel-sidebar{width:100%!important;min-width:0!important;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;width:100%}.main-content-inner,.chat-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.messages-container,.chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:10px 10px 6px!important}.message{padding:5px 0!important;max-width:100%!important}.message-content{font-size:14px!important;line-height:1.35!important;word-break:break-word;overflow-wrap:break-word}.message-avatar{width:34px!important;height:34px!important;min-width:34px!important;flex-shrink:0}.message-avatar,.message-avatar-wrapper{pointer-events:none!important}.message-body{min-width:0;overflow:hidden}.message-attachment img,.message-image{max-width:100%!important;max-height:220px!important;border-radius:8px}.message-embed{max-width:100%!important}.message-reactions{flex-wrap:wrap;gap:3px}.message-actions{display:none!important}.chat-input-area,.chat-input-wrapper{flex-shrink:0;padding:6px 10px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}.chat-input{font-size:14px!important;padding:8px 12px!important;min-height:38px;max-height:100px;border-radius:18px!important}.chat-input:focus{font-size:14px!important}.chat-input-actions,.input-actions{gap:2px!important}.input-action{padding:6px!important;min-width:32px!important;min-height:32px!important}.welcome-screen{padding:16px 14px!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.welcome-content{max-width:100%!important}.welcome-logo svg{width:40px!important;height:40px!important}.welcome-content h2{font-size:20px!important;margin-bottom:8px!important}.welcome-description{font-size:13px!important;line-height:1.4!important}.welcome-features{gap:10px!important}.welcome-feature{padding:10px!important}.welcome-feature h4{font-size:13px!important}.welcome-feature p{font-size:11px!important}.welcome-feature-icon{width:36px!important;height:36px!important;min-width:36px!important}.welcome-feature-icon svg{width:18px!important;height:18px!important}.friends-panel,.friends-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.friends-header{flex-shrink:0;padding:10px!important;flex-wrap:wrap;gap:6px}.friends-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:4px!important;padding-bottom:2px;display:flex}.friends-tab{flex-shrink:0;font-size:12px!important;padding:5px 10px!important;white-space:nowrap;border-radius:12px!important}.friends-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 10px 10px!important}.friend-item{padding:8px 6px!important}.friend-actions{gap:4px!important}.friend-actions button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important}.settings-page{flex-direction:column!important;height:100%!important;overflow:hidden;display:flex!important}.settings-sidebar{width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--bg-tertiary);height:auto!important;max-height:none!important;padding:6px 8px!important;flex-shrink:0;overflow:visible}.settings-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:3px!important;padding-bottom:2px;flex-wrap:nowrap!important;scrollbar-width:none;-ms-overflow-style:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex-shrink:0!important;white-space:nowrap;padding:6px 12px!important;font-size:12px!important;border-radius:14px!important;min-height:0!important;min-width:0!important;line-height:1.3!important}.settings-nav-category,.settings-nav-separator{display:none!important}.settings-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px!important;min-height:0}.settings-section{max-width:100%!important}.settings-section h2{font-size:16px!important}.settings-section h3{font-size:14px!important}.settings-close-btn{display:none!important}.settings-field,.settings-row,.account-field{flex-direction:column!important;gap:6px!important}.settings-field-value,.account-field-value{max-width:100%!important;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.settings-field-actions,.account-field-actions{align-self:flex-start}.profile-preview,.settings-profile-card{max-width:100%!important;min-width:0!important}.voice-panel{position:fixed!important;bottom:0;left:0;right:0;z-index:150;border-radius:12px 12px 0 0!important;box-shadow:0 -4px 16px #0006;max-height:72px;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}.voice-panel-controls{gap:6px!important}.voice-panel-btn{width:36px!important;height:36px!important;min-width:0!important;min-height:0!important}.main-layout:has(.voice-panel) .chat-input-area,.main-layout:has(.voice-panel) .chat-input-wrapper{padding-bottom:80px!important}.voice-channel-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.voice-participants{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px!important}.voice-participant{padding:6px!important}.voice-controls{flex-shrink:0;padding:10px!important;gap:6px!important;flex-wrap:wrap;justify-content:center}.voice-control-btn{width:44px!important;height:44px!important;min-width:0!important;min-height:0!important}.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-content,.modal{width:100%!important;max-width:100%!important;max-height:85dvh!important;border-radius:14px 14px 0 0!important;margin:0!important;animation:mobileModalUp .25s ease!important}@keyframes mobileModalUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.modal-body{max-height:65dvh!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px!important}.modal-header{padding:14px!important}.modal-footer{padding:10px 14px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.call-incoming-banner{padding:8px 10px!important;gap:6px;display:flex;align-items:center;flex-wrap:nowrap!important;min-height:0}.call-incoming-banner-left{min-width:0;flex:1;display:flex;align-items:center;gap:8px;overflow:hidden}.call-incoming-avatar{width:36px!important;height:36px!important;min-width:36px!important;flex-shrink:0}.call-incoming-info{min-width:0;overflow:hidden}.call-incoming-name{font-size:13px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.call-incoming-status{font-size:11px!important}.call-incoming-actions{flex-shrink:0;gap:6px!important;display:flex}.call-incoming-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:flex;align-items:center;justify-content:center}.dm-call-view{max-height:35dvh!important;flex-shrink:0;overflow:hidden}.dm-call-view .call-controls,.dm-call-view .call-actions{flex-wrap:wrap;gap:6px!important;padding:8px!important}.dm-call-view .call-control-btn{width:40px!important;height:40px!important;min-width:0!important;min-height:0!important}.dm-call-view .call-user-avatar{width:60px!important;height:60px!important}.dm-call-view .call-user-name{font-size:16px!important}.dm-call-view .call-timer{font-size:12px!important}.dm-active-call-banner{flex-wrap:nowrap!important;padding:8px 10px!important;gap:8px;display:flex;align-items:center}.dm-call-join-btn{padding:6px 16px!important;font-size:13px!important;white-space:nowrap;flex-shrink:0;border-radius:14px!important;min-height:0!important;min-width:0!important}.user-profile-panel,.user-profile-sidebar{position:fixed!important;top:0;right:0;bottom:0;width:100vw!important;max-width:100vw!important;z-index:180}.inbox-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.inbox-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 10px!important}.context-menu{max-width:calc(100vw - 20px)!important;max-height:55dvh!important;overflow-y:auto}.member-list,.members-sidebar{display:none!important}.search-container{width:100%!important;max-width:100%!important}.search-results{max-height:50dvh!important}.emoji-picker{width:calc(100vw - 20px)!important;max-width:100%!important;max-height:45dvh!important;position:fixed!important;bottom:56px;left:10px;right:10px}.tooltip{display:none!important}::-webkit-scrollbar{width:0px!important;height:0px!important;display:none!important}*{scrollbar-width:none}.main-layout{overflow-x:hidden!important}.message-content a,.message-content code{word-break:break-all}pre,code{max-width:100%!important;overflow-x:auto}h1{font-size:20px!important}h2{font-size:17px!important}h3{font-size:15px!important}button,[role=button]{min-height:unset;min-width:unset}.btn{padding:7px 14px!important;font-size:13px!important;min-height:0!important;min-width:0!important}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:14px!important;padding:8px 10px!important;border-radius:8px!important}@supports (-webkit-touch-callout: none){input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px!important}}.dm-item,.dm-list-item{padding:7px 10px!important}.channel-item{padding:5px 6px!important;font-size:13px!important;min-height:32px}.call-fullscreen,.call-view-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;z-index:9999!important;border-radius:0!important;margin:0!important;padding:0!important;display:flex;flex-direction:column}.call-fullscreen .call-video-container,.call-view-fullscreen .call-video-container{flex:1;min-height:0}.call-fullscreen video,.call-view-fullscreen video{width:100%!important;height:100%!important;object-fit:contain!important}.call-fullscreen .call-controls,.call-view-fullscreen .call-controls,.call-fullscreen .call-actions,.call-view-fullscreen .call-actions{position:absolute;bottom:0;left:0;right:0;padding:12px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:center;gap:10px!important;flex-wrap:wrap}.call-fullscreen .call-control-btn,.call-view-fullscreen .call-control-btn{width:48px!important;height:48px!important;border-radius:50%!important}.call-fullscreen .call-user-info,.call-view-fullscreen .call-user-info{position:absolute;top:0;left:0;right:0;padding:12px!important;padding-top:max(12px,env(safe-area-inset-top))!important;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:1}.auth-page{align-items:flex-start!important;padding-top:10dvh}.auth-container{max-width:100%!important;padding:16px!important;gap:16px!important}.auth-logo-text{font-size:24px!important;letter-spacing:3px!important}.auth-logo-icon svg{width:36px!important;height:36px!important}.auth-logo-sub{font-size:11px!important}.auth-card-inner{padding:20px 16px!important}.auth-title{font-size:18px!important}.auth-subtitle{font-size:12px!important;margin-bottom:16px!important}.auth-form{gap:12px!important}.auth-field input{padding:10px 12px!important}.auth-submit{padding:12px!important;font-size:14px!important}.auth-footer{font-size:11px!important}.auth-page.mobile-auth canvas{opacity:.5}.gift-shop{padding:14px!important}.gift-shop-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}.gift-shop-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:6px!important;width:100%;padding-bottom:2px}.gift-tab{flex-shrink:0;padding:6px 12px!important;font-size:12px!important;white-space:nowrap}.gift-balance{padding:6px 12px!important;font-size:13px!important}.gift-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.gift-card-image{height:90px!important;padding:8px!important}.gift-card-info{padding:8px!important}.gift-card-name{font-size:13px!important}.gift-card-rarity{font-size:11px!important}.gift-price{font-size:12px!important}.gift-card-footer{gap:4px!important}.member-list,.members-sidebar{display:flex!important;position:fixed!important;top:0;right:0;bottom:0;width:260px;max-width:80vw;z-index:210;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform;box-shadow:none;flex-direction:column;background:var(--bg-secondary);overflow-y:auto;-webkit-overflow-scrolling:touch}.member-list.mobile-members-open,.members-sidebar.mobile-members-open{transform:translate(0);box-shadow:-4px 0 20px #00000080}.mobile-members-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;z-index:205;animation:mobileOverlayIn .25s ease}.emoji-picker{width:100vw!important;max-width:100vw!important;height:50dvh!important;max-height:50dvh!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;border-radius:14px 14px 0 0!important;z-index:160}.emoji-picker .emoji-grid{max-height:calc(50dvh - 100px)!important}.mobile-action-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:mobileOverlayIn .2s ease}.mobile-action-sheet{width:100%;background:var(--bg-secondary);border-radius:14px 14px 0 0;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));animation:mobileModalUp .25s ease;max-height:70dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-action-sheet-handle{width:36px;height:4px;background:#fff3;border-radius:2px;margin:4px auto 8px}.mobile-action-sheet-reactions{display:flex;gap:4px;padding:8px 16px 12px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--border)}.mobile-action-sheet-reaction{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;transition:background .15s}.mobile-action-sheet-reaction:active{background:var(--bg-hover);transform:scale(1.1)}.mobile-action-sheet-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:var(--text-primary);font-size:15px;width:100%;text-align:left;cursor:pointer}.mobile-action-sheet-item:active{background:#ffffff0f}.mobile-action-sheet-item svg{color:var(--text-secondary);flex-shrink:0}.mobile-action-sheet-item.destructive{color:var(--accent-red, #ef4444)}.mobile-action-sheet-item.destructive svg{color:var(--accent-red, #ef4444)}.swipe-edge-indicator{position:fixed;top:0;left:0;bottom:0;width:4px;background:var(--accent-primary);opacity:0;z-index:195;transition:opacity .15s;pointer-events:none}.swipe-edge-indicator.active{opacity:.6}}@media screen and (max-width: 360px){.side-navigation-wrapper{width:100vw;max-width:100vw}.server-list{width:48px!important;min-width:48px!important}.server-icon{width:36px!important;height:36px!important;font-size:11px!important}.mobile-header{height:44px;min-height:44px}.mobile-header-title{font-size:13px!important}.welcome-content h2{font-size:17px!important}.settings-nav-item{padding:5px 8px!important;font-size:11px!important}.friends-tab{font-size:11px!important;padding:4px 8px!important}}@media screen and (max-width: 768px) and (orientation: landscape){.mobile-header{height:40px;min-height:40px}.voice-panel{max-height:56px}.modal-content,.modal{max-height:92dvh!important}.dm-call-view{max-height:45dvh!important}.call-incoming-banner{padding:6px 8px!important}}@supports (-webkit-touch-callout: none){@media screen and (max-width: 768px){.main-layout{height:-webkit-fill-available}}}@media screen and (max-width: 768px){.dm-call-bar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding:6px 8px!important;gap:6px!important;min-height:44px!important;max-height:52px!important;flex-shrink:0!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important}.dm-call-bar-left{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex:1!important;overflow:hidden!important}.dm-call-bar-indicator{flex-shrink:0!important;width:28px!important;height:28px!important;min-width:28px!important}.dm-call-bar-wave{transform:scale(.7)!important}.dm-call-bar-info{min-width:0!important;overflow:hidden!important}.dm-call-bar-status{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.dm-call-bar-users{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.dm-call-bar-right{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important}.dm-call-bar-participants{display:flex!important;gap:2px!important;flex-shrink:0!important}.dm-call-bar-avatar{width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.dm-call-bar-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.dm-call-bar-avatar.speaking{box-shadow:0 0 0 2px #43b581!important}.dm-call-bar-screen-badge,.dm-call-bar-muted-badge{position:absolute!important;bottom:-2px!important;right:-2px!important;width:14px!important;height:14px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important}.dm-call-bar-controls{display:flex!important;gap:2px!important;flex-shrink:0!important}.dm-call-bar-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:none!important;background:#ffffff14!important;color:var(--text-secondary)!important;flex-shrink:0!important}.dm-call-bar-btn:active{background:#ffffff26!important}.dm-call-bar-btn.active{background:#f0474733!important;color:#f04747!important}.dm-call-bar-btn.active-green{background:#43b58133!important;color:#43b581!important}.dm-call-bar-btn.end{background:#f04747!important;color:#fff!important}.dm-call-bar-btn.expand{background:#5865f233!important;color:#5865f2!important}.dm-call-expanded{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;z-index:10000!important;background:var(--bg-primary, #1a1a2e)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;border-radius:0!important}.dm-call-expanded-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;padding-top:max(12px,env(safe-area-inset-top))!important;flex-shrink:0!important;background:#0000004d!important;z-index:2!important}.dm-call-expanded-info{min-width:0!important;flex:1!important}.dm-call-expanded-status{font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important}.dm-call-expanded-with{font-size:12px!important;color:var(--text-muted)!important;margin-top:2px!important}.dm-call-collapse-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:#ffffff1a!important;border:none!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.dm-call-expanded-content{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:16px!important;min-height:0!important;position:relative!important}.dm-call-participants-expanded{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:20px!important;width:100%!important;max-width:100%!important}.dm-call-participant{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:16px 12px!important;border-radius:16px!important;background:#ffffff0a!important;width:130px!important;max-width:45vw!important;flex-shrink:0!important}.dm-call-participant.speaking{background:#43b5811a!important;box-shadow:0 0 0 2px #43b58166!important}.dm-call-participant-avatar{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;color:#fff!important;position:relative!important;overflow:hidden!important}.dm-call-participant-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.speaking-ring{position:absolute!important;top:-3px!important;right:-3px!important;bottom:-3px!important;left:-3px!important;border:3px solid #43b581!important;border-radius:50%!important;animation:speakPulse 1.5s infinite!important}@keyframes speakPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.dm-call-participant-name{font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.dm-call-participant-label{font-size:11px!important;color:var(--text-muted)!important}.dm-call-participant-badges{display:flex!important;gap:4px!important}.dm-call-badge{width:24px!important;height:24px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff1a!important}.dm-call-badge.muted,.dm-call-badge.deafened{color:#f04747!important}.dm-call-waiting{color:var(--text-muted)!important;font-size:14px!important;padding:24px!important}.dm-call-participant.screen-share-bubble{width:auto!important;max-width:80vw!important;padding:20px!important}.screen-share-icon-large{color:#5865f2!important}.dm-call-watch-btn{margin-top:12px!important;background-color:#5865f2!important;padding:8px 20px!important;border-radius:14px!important;font-size:13px!important;min-height:0!important;min-width:0!important}.dm-call-screen-main{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.dm-call-screen-video-expanded{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;border-radius:8px!important}.dm-call-screen-label{position:absolute!important;top:8px!important;left:8px!important;display:flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:#fff!important;background:#0009!important;padding:4px 8px!important;border-radius:8px!important}.dm-call-pip{position:absolute!important;bottom:8px!important;right:8px!important;width:120px!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 2px 12px #00000080!important}.dm-call-pip video{width:100%!important;display:block!important}.dm-call-pip span{position:absolute!important;bottom:2px!important;left:4px!important;font-size:9px!important;color:#fff!important;display:flex!important;align-items:center!important;gap:2px!important}.dm-call-expanded-controls{display:flex!important;justify-content:center!important;gap:12px!important;padding:12px 16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;flex-shrink:0!important;background:#0000004d!important;flex-wrap:wrap!important}.dm-call-ctrl-lg{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;background:transparent!important;border:none!important;cursor:pointer!important;padding:0!important;min-height:0!important;min-width:0!important}.dm-call-ctrl-lg span{display:none!important}.dm-call-ctrl-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:#ffffff1a!important;color:var(--text-primary)!important;cursor:pointer!important}.dm-call-ctrl-btn:active{background:#fff3!important;transform:scale(.95)!important}.dm-call-ctrl-btn.active{background:#f0474740!important;color:#f04747!important}.dm-call-ctrl-btn.active-green{background:#43b58140!important;color:#43b581!important}.dm-call-ctrl-btn.end{background:#f04747!important;color:#fff!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}.dm-active-call-banner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding:8px 10px!important;gap:8px!important;min-height:0!important;box-sizing:border-box!important;width:100%!important}.dm-call-bar-left{flex:1!important;min-width:0!important;overflow:hidden!important}.dm-call-join-btn{flex-shrink:0!important;padding:6px 14px!important;font-size:12px!important;border-radius:12px!important;white-space:nowrap!important;min-height:0!important;min-width:0!important}.call-incoming-banner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding:8px 10px!important;gap:6px!important;box-sizing:border-box!important;width:100%!important}.call-incoming-banner-left{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important;overflow:hidden!important}.call-incoming-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;color:#fff!important;overflow:hidden!important}.call-incoming-info{min-width:0!important;overflow:hidden!important}.call-incoming-name{font-size:13px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.call-incoming-status{font-size:11px!important;display:block!important}.call-incoming-actions{display:flex!important;gap:6px!important;flex-shrink:0!important}.call-incoming-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important}.call-incoming-btn.accept{background:#43b581!important;color:#fff!important}.call-incoming-btn.decline{background:#f04747!important;color:#fff!important}.voice-channel-view{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.voice-channel-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;flex-shrink:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;gap:8px!important}.voice-channel-header-left{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.voice-channel-header-left h3{font-size:15px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.voice-channel-header-right{flex-shrink:0!important}.voice-channel-user-count{font-size:12px!important;color:var(--text-muted)!important;white-space:nowrap!important}.voice-channel-server-name,.voice-channel-header-icon{display:none!important}.voice-participants-grid{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:10px!important;align-content:start!important}.voice-participant-card{display:flex!important;flex-direction:column!important;align-items:center!important;padding:12px 8px!important;border-radius:12px!important;background:#ffffff0a!important;gap:6px!important;min-width:0!important}.voice-participant-card.speaking{background:#43b5811a!important;box-shadow:0 0 0 2px #43b5814d!important}.voice-participant-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;color:#fff!important;overflow:hidden!important}.voice-participant-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.voice-participant-name{font-size:11px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;color:var(--text-primary)!important}.voice-participant-badges{display:flex!important;gap:3px!important}.voice-badge{width:20px!important;height:20px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff1a!important;color:var(--text-muted)!important}.voice-badge.screen{color:#5865f2!important}.voice-channel-empty{grid-column:1 / -1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:32px!important;color:var(--text-muted)!important}.voice-channel-empty p{font-size:13px!important}.voice-channel-controls{display:flex!important;justify-content:center!important;gap:10px!important;padding:12px!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;flex-shrink:0!important;border-top:1px solid rgba(255,255,255,.06)!important;background:var(--bg-secondary)!important}.voice-ctrl-btn{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:#ffffff1a!important;color:var(--text-primary)!important;cursor:pointer!important}.voice-ctrl-btn:active{transform:scale(.93)!important}.voice-ctrl-btn.active{background:#f0474740!important;color:#f04747!important}.voice-ctrl-btn.active-green{background:#43b58140!important;color:#43b581!important}.voice-ctrl-btn.disconnect{background:#f04747!important;color:#fff!important}.voice-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:150!important;display:flex!important;flex-direction:column!important;padding:8px 10px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;gap:6px!important;border-radius:12px 12px 0 0!important;box-shadow:0 -2px 16px #0006!important;background:var(--bg-secondary, #2b2d31)!important;max-height:80px!important;box-sizing:border-box!important}.voice-panel-top{display:flex!important;align-items:center!important;min-width:0!important}.voice-panel-status{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important}.voice-wave{flex-shrink:0!important}.voice-panel-info{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important}.voice-panel-label{font-size:10px!important;color:#43b581!important;text-transform:uppercase!important;letter-spacing:.3px!important}.voice-panel-channel{font-size:12px!important;color:var(--text-primary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.voice-panel-server,.voice-panel-screen-badge{display:none!important}.voice-panel-controls{display:flex!important;justify-content:center!important;gap:6px!important}.voice-ctrl{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:#ffffff14!important;color:var(--text-secondary)!important;padding:0!important;cursor:pointer!important}.voice-ctrl.active{background:#f0474733!important;color:#f04747!important}.voice-ctrl.voice-disconnect{background:#f047474d!important;color:#f04747!important}.main-layout:has(.voice-panel) .chat-input-area,.main-layout:has(.voice-panel) .chat-input-wrapper{padding-bottom:max(86px,calc(80px + env(safe-area-inset-bottom)))!important}.screen-picker-modal{width:100%!important;max-width:100%!important;max-height:80dvh!important;border-radius:14px 14px 0 0!important}.screen-picker-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:60dvh!important}.screen-source-item{display:flex!important;flex-direction:column!important;padding:8px!important;border-radius:10px!important;gap:6px!important;border:none!important;background:#ffffff0d!important;cursor:pointer!important;min-height:0!important;min-width:0!important}.screen-source-thumb{width:100%!important;border-radius:6px!important}.screen-source-name{font-size:12px!important;color:var(--text-primary)!important;text-align:center!important}}.gift-shop{padding:24px;overflow-y:auto;height:100%}.gift-shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gift-shop-tabs{display:flex;gap:8px}.gift-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all var(--transition-fast)}.gift-tab.active{background:var(--accent-primary);color:#fff}.gift-tab:hover:not(.active){background:var(--bg-hover)}.gift-balance{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);color:#f59e0b;font-weight:600;font-size:14px}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gift-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.gift-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.gift-card-image{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);overflow:hidden;padding:12px}.gift-card-image img,.gift-card-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.gift-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gift-card-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.gift-loader-spin{animation:gift-spin 1s linear infinite}@keyframes gift-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gift-card-info{padding:12px}.gift-card-name{font-weight:600;font-size:15px;color:var(--text-primary);margin-bottom:4px}.gift-card-rarity{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-bottom:8px}.gift-card-footer{display:flex;align-items:center;gap:8px;justify-content:space-between}.gift-price{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:600;font-size:14px}.gift-stock{font-size:11px;color:var(--text-muted)}.gift-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.gift-loading{text-align:center;padding:60px;color:var(--text-secondary)}.gift-send-modal .modal-body{padding:16px}.gift-send-preview{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px solid;margin-bottom:16px}.gift-send-preview-img{width:48px;height:48px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);flex-shrink:0}.gift-send-preview-img img,.gift-send-preview-img .gift-card-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.gift-send-preview-img .gift-card-placeholder{width:100%;height:100%}.gift-send-preview-img .gift-card-placeholder svg{width:24px;height:24px}.gift-send-preview-img .gift-card-loading svg{width:20px;height:20px}.gift-send-preview span{font-weight:600;font-size:15px}.gift-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-floating);border:1px solid var(--border);border-radius:var(--radius-md);z-index:10;max-height:200px;overflow-y:auto}.gift-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:13px;text-align:left}.gift-search-item:hover{background:var(--bg-hover)}.gift-search-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;overflow:hidden;flex-shrink:0}.gift-search-avatar img{width:100%;height:100%;object-fit:cover}.gift-search-tag{color:var(--text-muted);font-size:12px;margin-left:auto}.gift-send-field{margin-bottom:14px;position:relative}.gift-send-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.5px}.gift-send-input-wrap{position:relative}.gift-send-input{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.gift-send-input:focus{border-color:var(--accent-primary)}.gift-send-input::placeholder{color:var(--text-muted)}.gift-send-selected{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:var(--radius-md)}.gift-send-selected span{font-size:14px;font-weight:500}.gift-send-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;margin-left:auto;padding:2px;border-radius:4px;display:flex}.gift-send-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.gift-send-btn{width:100%;padding:12px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.gift-send-btn:hover{opacity:.9}.gift-send-btn:disabled{opacity:.4;cursor:not-allowed}.gift-picker-item-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.profile-gift-item{width:40px;height:40px;border-radius:8px;border:2px solid;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);overflow:hidden;cursor:default;padding:4px}.profile-gift-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.gift-picker-modal{max-width:420px;width:90%}.gift-picker-body{padding:16px;max-height:360px;overflow-y:auto}.gift-picker-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.gift-picker-empty p{margin-top:8px}.gift-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.gift-picker-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,transform .15s}.gift-picker-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.gift-picker-item:disabled{opacity:.5;cursor:wait}.gift-picker-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.gift-picker-item-image img{width:100%;height:100%;object-fit:cover}.gift-picker-item-name{font-size:11px;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-gifts{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px}.profile-gift-item{width:40px;height:40px;border-radius:8px;border:2px solid;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);overflow:hidden;cursor:default}.profile-gift-item img{width:100%;height:100%;object-fit:cover}.profile-gifts-more{display:flex;align-items:center;font-size:12px;color:var(--text-muted);padding:0 4px}.voice-user-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;transition:box-shadow .2s ease;overflow:hidden;flex-shrink:0}.voice-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-user-avatar.speaking{box-shadow:0 0 0 2px #22c55e}.voice-participant-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease;min-width:120px}.voice-participant-card.speaking{border-color:#22c55e;box-shadow:0 0 12px #22c55e33}.voice-participant-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:8px;overflow:hidden;transition:box-shadow .2s ease}.voice-participant-card.speaking .voice-participant-avatar{box-shadow:0 0 0 3px #22c55e}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.voice-participant-name{font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-badges{display:flex;gap:4px;margin-top:6px}.voice-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted)}.voice-badge.screen{color:#22c55e}.voice-channel-view{display:flex;flex-direction:column;height:100%}.voice-channel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.voice-channel-header-left{display:flex;align-items:center;gap:8px}.voice-channel-header-left h3{margin:0;font-size:16px}.voice-channel-user-count{font-size:13px;color:var(--text-muted)}.voice-participants-grid{display:flex;flex-wrap:wrap;gap:12px;padding:20px;justify-content:center;flex:1;overflow-y:auto;align-content:flex-start}.voice-channel-controls{display:flex;justify-content:center;gap:8px;padding:16px;border-top:1px solid var(--border)}.voice-ctrl-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.voice-ctrl-btn:hover{background:var(--bg-hover)}.voice-ctrl-btn.active{background:#ef4444;color:#fff}.voice-ctrl-btn.active-green{background:#22c55e;color:#fff}.voice-ctrl-btn.disconnect{background:#ef4444;color:#fff}.voice-ctrl-btn.disconnect:hover{background:#dc2626}.voice-channel-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);padding:40px}.dm-call-ctrl-btn{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff1a;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dm-call-ctrl-btn:hover{background:#ffffff2e}.dm-call-ctrl-btn:active{background:#ffffff40;transform:scale(.95)}.dm-call-ctrl-btn.active{background:#ef444440;color:#f04747}.dm-call-ctrl-btn.active-green{background:#22c55e40;color:#22c55e}.dm-call-ctrl-btn.end{background:#f04747;color:#fff;width:56px;height:56px}.dm-call-ctrl-btn.end:hover{background:#dc2626}.dm-call-expanded-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:#0006}.screen-picker-modal{max-width:640px;width:90%}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.screen-source-item{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:8px;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;gap:8px;align-items:center}.screen-source-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.screen-source-thumb{width:100%;border-radius:6px;object-fit:contain}.screen-source-name{font-size:12px;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.voice-panel{background:var(--bg-secondary);border-top:1px solid var(--border);padding:8px 12px}.voice-panel-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.voice-panel-status{display:flex;align-items:center;gap:8px}.voice-wave{display:flex;gap:2px;align-items:flex-end;height:16px}.voice-wave span{width:3px;background:#22c55e;border-radius:2px;animation:voiceWave .6s ease-in-out infinite}.voice-wave span:nth-child(1){height:6px;animation-delay:0s}.voice-wave span:nth-child(2){height:10px;animation-delay:.1s}.voice-wave span:nth-child(3){height:4px;animation-delay:.2s}@keyframes voiceWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.8)}}.voice-panel-label{font-size:12px;font-weight:600;color:#22c55e;display:block}.voice-panel-channel{font-size:11px;color:var(--text-muted)}.voice-panel-controls{display:flex;gap:4px}.voice-ctrl{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.voice-ctrl:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-ctrl.active{color:#ef4444}.voice-disconnect{color:var(--text-secondary)}.voice-disconnect:hover{background:#ef444433;color:#ef4444}.profile-audio-section{padding:8px 16px}.profile-audio-section .section-header{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.profile-audio-player{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.profile-audio-info{flex:1;min-width:0}.profile-audio-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-audio-artist{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-audio-controls{display:flex;align-items:center;gap:8px}.profile-audio-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.profile-audio-btn:hover{opacity:.8}.profile-audio-progress{width:100%;margin-top:6px}.profile-audio-progress input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;outline:none;cursor:pointer}.profile-audio-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);cursor:pointer}.profile-audio-volume{display:flex;align-items:center;gap:4px}.profile-audio-volume input[type=range]{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;outline:none;cursor:pointer;background:var(--bg-modifier)}.profile-audio-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:var(--text-secondary);cursor:pointer}.deco-header-discord{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.deco-header-discord h2{margin:0}.deco-balance-discord{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:20px;color:#f59e0b;font-weight:600;font-size:14px}.deco-preview-card-discord{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid var(--border)}.deco-preview-avatar-section{display:flex;align-items:center;gap:16px}.deco-preview-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;overflow:hidden}.deco-preview-avatar img{width:100%;height:100%;object-fit:cover}.deco-preview-info{display:flex;flex-direction:column;gap:4px}.deco-preview-name{font-size:24px;font-weight:700;color:var(--text-primary)}.deco-preview-tag{font-size:14px;color:var(--text-muted)}.deco-preview-hint{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);margin-bottom:0}.deco-category-discord{background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;overflow:hidden}.deco-category-header-discord{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;color:var(--text-primary);transition:background .15s}.deco-category-header-discord:hover{background:var(--bg-hover)}.deco-category-left{display:flex;align-items:center;gap:8px}.deco-category-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s}.deco-category-chevron.collapsed{transform:rotate(-90deg)}.deco-category-title-discord{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.deco-category-count{font-size:11px;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted)}.deco-category-content{padding:0 16px 16px}.deco-category-desc-discord{font-size:13px;color:var(--text-muted);margin:0 0 16px}.deco-grid-discord{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.deco-item-discord{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;border:2px solid transparent;transition:border-color .15s,transform .15s}.deco-item-discord:hover{border-color:var(--bg-quaternary)}.deco-item-discord.equipped{border-color:var(--accent-primary)}.deco-item-preview-discord{height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-quaternary);position:relative}.deco-item-equipped-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.deco-item-info-discord{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.deco-item-name-discord{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deco-item-price-discord{display:flex;align-items:center;gap:4px;font-size:12px;color:#f59e0b;font-weight:500}.deco-item-btn-discord{width:100%;padding:10px;border:none;background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.deco-item-btn-discord:hover:not(:disabled){background:var(--bg-hover)}.deco-item-btn-discord.equipped{background:#ef444426;color:#ef4444}.deco-item-btn-discord.equipped:hover{background:#ef444440}.deco-item-btn-discord.buy{background:var(--accent-primary);color:#fff}.deco-item-btn-discord.buy:hover{opacity:.9}.deco-item-btn-discord:disabled{opacity:.5;cursor:not-allowed}.deco-mini-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;overflow:hidden}.deco-mini-avatar img{width:100%;height:100%;object-fit:cover}.deco-avatar-deco-preview{position:relative;width:64px;height:64px}.deco-avatar-deco-preview .deco-mini-avatar{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deco-avatar-deco-preview .avatar-deco-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.deco-name-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px}.deco-name-preview span:first-child{font-size:16px;font-weight:700}.deco-anim-tag{font-size:9px;padding:2px 6px;background:var(--accent-primary);color:#fff;border-radius:4px;font-weight:700}.deco-theme-preview-discord{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;overflow:hidden}.deco-theme-mini-banner{position:absolute;top:0;left:0;right:0;height:32px;opacity:.8}.deco-theme-mini-avatar{width:28px;height:28px;border-radius:50%;margin-top:20px;position:relative;z-index:1}.deco-theme-mini-lines{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.deco-theme-mini-line{height:6px;border-radius:3px;width:60px}.deco-theme-mini-line.short{width:40px}.deco-effect-preview-discord{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-quaternary);overflow:hidden}.deco-effect-preview-discord .profile-banner-effect{position:absolute;top:0;right:0;bottom:0;left:0}.deco-effect-icon{position:relative;z-index:1;color:var(--text-muted)}.deco-hover-preview-discord{padding:8px}.deco-hover-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-quaternary);border-radius:6px}.deco-hover-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.deco-hover-name{font-size:12px;font-weight:600;color:var(--text-primary)}.deco-inventory-discord{background:var(--bg-secondary);border-radius:8px;margin-top:24px;overflow:hidden}.deco-inventory-header-discord{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.deco-inventory-header-discord h3{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.deco-inventory-count{font-size:12px;color:var(--text-muted)}.deco-inventory-empty{padding:48px;text-align:center;color:var(--text-muted)}.deco-inventory-empty svg{opacity:.3;margin-bottom:16px}.deco-inventory-empty p{margin:0 0 4px;font-weight:600;color:var(--text-secondary)}.deco-inventory-empty span{font-size:13px}.deco-inventory-grid{padding:16px;display:flex;flex-direction:column;gap:8px}.deco-inventory-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid transparent;transition:border-color .15s}.deco-inventory-item.equipped{border-color:var(--accent-primary)}.deco-inventory-item-icon{width:40px;height:40px;border-radius:8px;background:var(--bg-quaternary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.deco-inventory-item-info{flex:1;display:flex;align-items:center;gap:8px}.deco-inventory-item-name{font-weight:600;font-size:14px}.deco-inventory-equipped-badge{font-size:10px;padding:2px 8px;background:var(--accent-primary);color:#fff;border-radius:10px;font-weight:600}.deco-inventory-item-btn{padding:8px 16px;border:none;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;transition:opacity .15s}.deco-inventory-item-btn:hover{opacity:.9}.deco-inventory-item-btn.unequip{background:#ef444426;color:#ef4444}.deco-inventory-item-btn.unequip:hover{background:#ef444440}.premium-section-new{padding:0!important}.premium-hero{position:relative;height:180px;border-radius:12px;overflow:hidden;margin-bottom:24px}.premium-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);opacity:.9}.premium-hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.premium-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.premium-hero-badge{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-hero-title{font-size:28px;font-weight:800;margin:0 0 4px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.premium-hero-subtitle{font-size:15px;opacity:.9;margin:0}.premium-active-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:12px;margin-bottom:24px}.premium-active-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.premium-active-info{flex:1;display:flex;flex-direction:column;gap:2px}.premium-active-title{font-size:16px;font-weight:700;color:var(--text-primary)}.premium-active-expires{font-size:13px;color:var(--text-muted)}.premium-active-badge{padding:6px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;border-radius:20px}.premium-section-title{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.premium-features-section{margin-bottom:32px}.premium-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.premium-feature-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border);transition:border-color .15s}.premium-feature-card:hover{border-color:var(--accent-primary)}.premium-feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.premium-feature-text{display:flex;flex-direction:column;gap:2px}.premium-feature-title{font-size:14px;font-weight:600;color:var(--text-primary)}.premium-feature-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.premium-plans-section{margin-bottom:32px}.premium-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.premium-plan-card{position:relative;padding:20px 16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.premium-plan-card:hover{border-color:var(--bg-quaternary)}.premium-plan-card.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#6366f114,#8b5cf60d)}.premium-plan-card.popular{transform:scale(1.02)}.premium-plan-card.popular.selected{box-shadow:0 0 0 1px #8b5cf6,0 8px 24px #8b5cf633}.premium-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.premium-plan-savings{position:absolute;top:12px;right:12px;padding:3px 8px;background:#22c55e26;color:#22c55e;font-size:11px;font-weight:700;border-radius:6px}.premium-plan-duration{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.premium-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.premium-plan-amount{font-size:28px;font-weight:800;color:var(--text-primary)}.premium-plan-currency{font-size:14px;color:var(--text-muted)}.premium-plan-monthly{font-size:12px;color:var(--text-muted);margin-bottom:16px}.premium-plan-radio{display:flex;justify-content:center}.premium-radio{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.premium-radio.checked{border-color:#8b5cf6;background:#8b5cf6}.premium-radio-dot{width:8px;height:8px;background:#fff;border-radius:50%}.premium-purchase-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.premium-balance-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.premium-balance-info strong{color:#f59e0b}.premium-purchase-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.premium-purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.premium-purchase-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.premium-insufficient{font-size:13px;color:var(--text-muted);margin:0}.premium-insufficient a{color:#8b5cf6;text-decoration:none}.premium-insufficient a:hover{text-decoration:underline}.premium-faq-section{margin-top:8px}.premium-faq-list{display:flex;flex-direction:column;gap:12px}.premium-faq-item{padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border)}.premium-faq-item h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.premium-faq-item p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}@media (max-width: 768px){.premium-features-grid,.premium-plans-grid{grid-template-columns:1fr}.premium-plan-card.popular{transform:none}}.premium-active-main-card{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:2px solid rgba(139,92,246,.3);border-radius:16px;padding:32px;text-align:center;margin-bottom:20px}.premium-active-main-icon{width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px;box-shadow:0 8px 32px #6366f14d}.premium-active-main-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 8px;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-active-main-expires{font-size:15px;color:var(--text-secondary);margin:0 0 4px}.premium-active-main-days{font-size:14px;color:var(--text-muted);margin:0 0 24px}.premium-extend-section{border-top:1px solid var(--border);padding-top:24px;margin-top:8px}.premium-extend-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.premium-extend-plans{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.premium-extend-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;min-width:120px}.premium-extend-btn:hover{border-color:var(--bg-quaternary);background:var(--bg-secondary)}.premium-extend-btn.selected{border-color:#8b5cf6;background:#8b5cf61a}.premium-extend-duration{font-size:13px;font-weight:600;color:var(--text-primary)}.premium-extend-price{font-size:12px;color:var(--text-muted)}.premium-extend-savings{position:absolute;top:-8px;right:-8px;padding:2px 6px;background:#22c55e;color:#fff;font-size:10px;font-weight:700;border-radius:6px}.premium-prefix-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-right:6px;vertical-align:middle;box-shadow:0 2px 4px #0003;background-size:200% auto!important;animation:shinePrefix 3s linear infinite}@keyframes shinePrefix{to{background-position:200% center}}