@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #1E1E22;--color-bg-elevated: #26262b;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-text: #ffffff;--color-text-muted: #b5bac1;--color-danger: #ef4444}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}*:focus{outline:none}*:focus-visible{outline:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#6366f166;color:var(--color-text)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:repeating-linear-gradient(to bottom,var(--color-primary) 0px,var(--color-primary) 6px,transparent 6px,transparent 10px);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(to bottom,var(--color-primary-hover) 0px,var(--color-primary-hover) 6px,transparent 6px,transparent 10px)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#b5bac1;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.add-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#b5bac1;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease}.add-btn:hover{background:#ffffff1a;color:#fff}.delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#ef4444;cursor:pointer;padding:0;flex-shrink:0;transition:background .12s ease,color .12s ease}.delete-btn:hover{background:#ffffff1a}.profile-panel{background:#1a1a1d;border-radius:8px;overflow:visible;width:100%;max-height:480px;display:flex;flex-direction:column;position:relative}.pp-banner{height:120px;flex-shrink:0;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.pp-banner:after{content:"";position:absolute;bottom:-35px;left:12px;width:68px;height:68px;background:#1a1a1d;border-radius:50%;pointer-events:none;z-index:0}.pp-avatar-wrapper{position:relative;padding:0 12px;height:30px}.pp-avatar{position:absolute;top:-35px;width:68px;height:68px;border-radius:50%;border:5px solid #1a1a1d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:1}.pp-avatar:has(img){background:transparent!important}.pp-avatar-img{width:100%;height:100%;object-fit:cover}.pp-status-ring{position:absolute;top:16px;left:60px;width:20px;height:20px;background:#1a1a1d;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.pp-status-dot{width:12px;height:12px;border-radius:50%}.pp-body{padding:8px 12px 12px;flex:1;overflow-y:auto}.pp-user-info{padding:8px 0 0}.pp-display-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.pp-tag{font-size:.82rem;color:#b5bac1;margin:2px 0 0;font-weight:500}.pp-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;margin-top:8px;text-transform:uppercase}.pp-owner-crown{color:#f0b232;margin-top:6px}.pp-badge.admin{background:#5865f226;color:#a29bfe}.pp-divider{height:1px;background:#ffffff0f;margin:8px 0}.pp-section-title{font-size:.72rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.pp-bio{font-size:.82rem;color:#dbdee1;line-height:1.4;margin:20px 0 8px;white-space:pre-wrap}.pp-mutuals-compact{margin-top:10px;display:flex;flex-direction:column;gap:6px}.pp-mutuals-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0;position:relative}.pp-mutuals-row:hover .pp-mutuals-label{color:#dbdee1}.pp-mutuals-stack{display:flex;flex-shrink:0}.pp-stack-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.5rem;color:#fff;overflow:hidden;border:2px solid #1a1a1d;margin-left:-6px;position:relative}.pp-stack-avatar:first-child{margin-left:0}.pp-stack-avatar img{width:100%;height:100%;object-fit:cover}.pp-mutuals-label{font-size:.75rem;color:#8e8e93;white-space:nowrap;transition:color .1s ease}.pp-mutuals-popover{position:absolute;bottom:calc(100% + 4px);left:0;width:200px;background:#1e1e22;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px;z-index:100;max-height:200px;overflow-y:auto}.pp-popover-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;transition:background .1s ease}.pp-popover-item:hover{background:#ffffff0f}.pp-popover-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.5rem;color:#fff;overflow:hidden;flex-shrink:0}.pp-popover-avatar img{width:100%;height:100%;object-fit:cover}.pp-popover-name{font-size:.78rem;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-popover-item:hover .pp-popover-name{color:#fff}.pp-section.pp-member-since-section{margin-top:10px}.pp-member-since{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pp-date-item{display:flex;align-items:center;gap:6px}.pp-date-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.pp-date-server-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.55rem;color:#fff;flex-shrink:0;overflow:hidden}.pp-date-server-icon.has-image{background:transparent!important}.pp-date-server-icon img{width:100%;height:100%;object-fit:cover}.pp-date-value{font-size:.78rem;color:#b5bac1;white-space:nowrap}.pp-message-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 24px);margin:8px 12px 12px;padding:8px 0;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease}.pp-message-btn:hover{background:#4752c4}.pp-roles-section{margin-top:10px}.pp-roles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pp-roles-header .pp-section-title{margin-bottom:0}.pp-roles-list{display:flex;flex-wrap:wrap;gap:4px}.pp-role-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 5px;background:#2a2a2e;border:1px solid #3a3a3f;border-radius:4px;font-size:.72rem;color:#ddd;font-weight:500;cursor:default}.pp-role-dot-wrap{position:relative;width:12px;height:12px;flex-shrink:0}.pp-role-dot{width:12px;height:12px;border-radius:50%;display:block}.pp-role-name{white-space:nowrap}.pp-role-remove{position:absolute;inset:0;width:12px;height:12px;border:none;background:transparent;color:#fff;cursor:pointer;padding:0;border-radius:50%;display:none;align-items:center;justify-content:center}.pp-role-chip:hover .pp-role-remove{display:flex}.pp-roles-none{font-size:.72rem;color:#555;font-style:italic}.pp-roles-popout{position:fixed;width:200px;background:#1e1e22;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:9999;animation:ppPopoutSlide .15s ease;overflow:hidden;display:flex;flex-direction:column}@keyframes ppPopoutSlide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.pp-roles-popout-header{font-size:.72rem;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px 6px}.pp-roles-popout-search{padding:0 8px 8px}.pp-roles-search-input{width:100%;padding:6px 10px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#ddd;font-size:.78rem;font-family:inherit;outline:none;transition:border-color .15s ease}.pp-roles-search-input::placeholder{color:#555}.pp-roles-search-input:focus{border-color:#6366f166}.pp-roles-popout-list{max-height:180px;overflow-y:auto;padding:0 6px 6px}.pp-roles-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:#ccc;font-size:.78rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s ease}.pp-roles-dropdown-item:hover{background:#ffffff14;color:#fff}.pp-roles-dropdown-empty{padding:12px 8px;font-size:.72rem;color:#555;text-align:center}.global-profile-popup{animation:gppFadeIn .12s ease}@keyframes gppFadeIn{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{font-family:Geist,sans-serif;font-size:.82rem;font-weight:600;color:#e0e0e0;background:#1a1a24;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 18px;white-space:nowrap;pointer-events:auto;animation:toastIn .2s ease forwards}.toast.exiting{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.title-bar{position:fixed;top:0;left:0;right:0;height:32px;z-index:9999;display:flex;align-items:center;background:#1a1a1d}.title-bar-brand{font-family:Geist,sans-serif;font-size:.82rem;font-weight:800;color:#fff9;letter-spacing:1.5px;padding-left:14px;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.title-bar-brand-accent{color:#6366f1}.title-bar-drag{flex:1;height:100%;-webkit-app-region:drag}.title-bar-controls{display:flex;height:100%}.title-bar-btn{width:36px;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .15s ease,color .15s ease;padding:0;border-radius:0}.title-bar-btn:hover{background:#ffffff1a;color:#fff}.title-bar-btn.close:hover{background:#e81123;color:#fff}.app-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg)}.app-loader__logo{width:72px;height:72px;margin-bottom:28px}.app-loader__logo img{width:100%;height:100%;object-fit:contain}.app-loader__message-wrapper{display:flex;align-items:center;justify-content:center}.app-loader__message{font-size:14px;font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.app-loader__progress-track{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--color-bg-elevated);overflow:hidden}.app-loader__progress-fill{height:100%;background:var(--color-primary);border-radius:0 2px 2px 0;transition:background .4s ease,box-shadow .4s ease}.app-loader__progress-fill--error{background:#e03e3e;box-shadow:0 0 12px #e03e3e80,0 0 4px #e03e3e4d;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{box-shadow:0 0 12px #e03e3e80,0 0 4px #e03e3e4d}50%{box-shadow:0 0 20px #e03e3eb3,0 0 8px #e03e3e80}}.app-loader__error{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.app-loader__error-text{font-size:16px;font-weight:600;color:#e03e3e;letter-spacing:.01em}.app-loader__error-sub{font-size:13px;font-weight:400;color:var(--color-text-muted);opacity:.7}.app-loader__retry-btn{padding:8px 24px;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.app-loader__retry-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.app-loader__retry-btn:active{transform:translateY(0)}.offline-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.offline-overlay__logo{width:72px;height:72px;margin-bottom:24px;animation:offline-pulse 2s ease-in-out infinite}.offline-overlay__logo img{width:100%;height:100%;object-fit:contain}.offline-overlay__text{font-size:14px;font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}@keyframes offline-pulse{0%,to{opacity:1}50%{opacity:.5}}.navbar{display:flex;align-items:center;padding:16px 24px;position:fixed;top:0;left:0;right:0;z-index:100;background:transparent}body.electron .navbar{top:32px}.navbar-logo{display:flex;align-items:center;gap:8px;-webkit-app-region:no-drag}.navbar-logo-text{font-size:1rem;font-weight:800;letter-spacing:1.5px;color:#fff}.navbar-spacer{flex:1}.window-controls{display:flex;gap:8px;-webkit-app-region:no-drag}.win-btn{width:32px;height:32px;border:none;background:transparent;color:#666;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.win-btn:hover{background:#ffffff14;color:#fff}.win-btn.close:hover{background:#ff3c3c4d;color:#f44}.comparison-table-wrapper{margin-top:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;max-width:440px}.comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table thead th{padding:14px 20px;text-align:left;font-weight:600;font-size:.75rem;letter-spacing:.5px;color:#888;border-bottom:1px solid rgba(255,255,255,.06)}.comparison-table thead th.oasix-col{color:#6366f1}.comparison-table tbody td{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.comparison-table tbody tr:last-child td{border-bottom:none}.feature-name{font-weight:600;color:#fff}.others-val{color:#555}.oasix-val{color:#6366f1;font-weight:600}.auth-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-top:2px solid #6366f1;border-radius:16px;padding:28px;width:340px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-tabs{display:flex;gap:0;margin-bottom:20px;background:#ffffff0a;border-radius:8px;padding:3px}.auth-tab{flex:1;padding:9px 14px;border:none;background:transparent;color:#888;font-size:.75rem;font-weight:700;letter-spacing:1.2px;border-radius:6px;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:#6366f1;color:#fff}.auth-tab:hover:not(.active){color:#ccc}.auth-error{background:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#f44;padding:10px;border-radius:8px;font-size:.8rem;margin-bottom:20px;text-align:center}.auth-title{text-align:center;font-size:1.1rem;font-weight:900;letter-spacing:1.2px;color:#fff;margin-bottom:20px;transition:opacity .2s ease}.register-fields{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:1}.register-fields.collapsed{grid-template-rows:0fr;opacity:0}.register-fields-inner{overflow:hidden;display:flex;flex-direction:column;gap:14px}.auth-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.7rem;font-weight:700;letter-spacing:1px;color:#999;text-transform:uppercase}.form-group input{padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#fff;font-size:.85rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s ease}.form-group input::placeholder{color:#555}.form-group input:focus{border-color:#6366f1}.auth-submit{margin-top:6px;padding:13px;border:none;border-radius:8px;background:#6366f1;color:#fff;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.auth-submit:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-2fa-desc{font-size:.82rem;color:#999;text-align:center;margin:0 0 16px;line-height:1.5}.auth-2fa-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.auth-2fa-resend{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#6366f1;font-size:.8rem;font-weight:600;font-family:Inter,sans-serif;padding:9px 16px;cursor:pointer;transition:all .2s ease;width:100%}.auth-2fa-resend:hover:not(:disabled){background:#6366f114;border-color:#6366f133}.auth-2fa-resend:disabled{opacity:.5;cursor:not-allowed;color:#888}.auth-2fa-back{background:transparent;border:none;color:#888;font-size:.78rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;padding:4px;transition:color .2s ease}.auth-2fa-back:hover{color:#ccc}.landing-page{min-height:100vh;background:#1e1e22;overflow:hidden;position:relative}.landing-content{display:flex;align-items:center;justify-content:center;gap:80px;min-height:100vh;padding:80px 60px 40px;max-width:1200px;margin:0 auto}.hero-section{flex:1;max-width:520px}.hero-heading{font-size:3.2rem;font-weight:900;line-height:1.1;color:#fff;margin-bottom:24px;letter-spacing:-.5px}.hero-accent{color:#6366f1}.hero-description{color:#666;font-size:.95rem;line-height:1.7;max-width:380px;margin-bottom:8px}.auth-section{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-app-region:no-drag;animation:modalOverlayFadeIn .2s ease}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#2b2b30;width:100%;max-width:440px;border-radius:16px;padding:24px;position:relative;box-shadow:0 8px 24px #00000080;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:16px;right:16px}.modal-title{color:#fff;font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:8px}.modal-subtitle{color:#b5bac1;text-align:center;font-size:.95rem;margin-bottom:24px;line-height:1.4}.selection-cards{display:flex;flex-direction:column;gap:12px}.selection-card{display:flex;align-items:center;gap:16px;background:#35373c;padding:16px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.selection-card:hover{background:#3e4046;border-color:#6366f1}.card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-icon.public{background:#6366f126;color:#6366f1}.card-icon.private{background:#ffffff0d;color:#888}.card-info h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:4px}.card-info p{color:#888;font-size:.85rem}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.btn-back{background:transparent;border:none;color:#fff;font-weight:600;cursor:pointer}.btn-create{background:#6366f1;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.btn-create:hover{background:#4f46e5}.btn-create:disabled{opacity:.5;cursor:not-allowed}.modal-error{background:#ff44441a;color:#f44;padding:10px;border-radius:8px;font-size:.85rem;margin-bottom:16px;text-align:center}.invite-modal{width:460px}.invite-modal-header{margin-bottom:20px}.invite-link-section{margin-bottom:16px}.invite-link-row{display:flex;gap:8px}.invite-link-input{flex:1;padding:10px 12px;background:#232328;border:none;border-radius:4px;color:#dbdee1;font-size:.88rem;font-family:inherit;outline:none;cursor:text;min-width:0}.invite-link-input:focus{box-shadow:0 0 0 1px #5865f2}.invite-copy-btn{padding:10px 20px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s ease;white-space:nowrap;flex-shrink:0}.invite-copy-btn:hover{background:#4752c4}.invite-copy-btn.copied{background:#23a55a}.invite-copy-btn:disabled{opacity:.5;cursor:not-allowed}.invite-edit-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#8e8e93;font-size:.78rem;font-weight:500;cursor:pointer;padding:8px 0;font-family:inherit;transition:color .12s ease;width:100%}.invite-edit-toggle:hover{color:#dbdee1}.invite-edit-chevron{margin-left:auto;transition:transform .2s ease}.invite-edit-chevron.open{transform:rotate(180deg)}.invite-settings{padding:16px 0 0;display:flex;flex-direction:column;gap:12px;animation:inviteSettingsIn .15s ease}@keyframes inviteSettingsIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.invite-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-setting-label{font-size:.7rem;font-weight:700;color:#8e8e93;letter-spacing:.04em}.invite-setting-select{padding:8px 28px 8px 12px;background:#232328;border:none;border-radius:4px;color:#dbdee1;font-size:.82rem;font-family:inherit;outline:none;cursor:pointer;min-width:140px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='%238e8e93' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.invite-setting-select:focus{box-shadow:0 0 0 1px #5865f2}.invite-setting-select option{background:#1a1a1f;color:#dbdee1}.invite-generate-btn{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#dbdee1;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s ease;align-self:flex-start}.invite-generate-btn:hover{background:#ffffff0d;border-color:#ffffff26}.invite-generate-btn:disabled{opacity:.5;cursor:not-allowed}.context-menu{background:#232328;border-radius:6px;padding:4px;min-width:160px;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff0f;animation:contextMenuIn .12s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:3px;color:#dbdee1;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s ease}.context-menu-item:hover{background:#5865f2;color:#fff}.context-menu-item.danger{color:#f87171}.context-menu-item.danger:hover{background:#f87171;color:#fff}.context-menu-icon{display:flex;align-items:center;flex-shrink:0}.confirm-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:confirmFadeIn .2s ease}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#232328;border-radius:8px;padding:20px 24px;width:360px;max-width:90vw;animation:confirmSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px}.confirm-message{font-size:.88rem;color:#b5bac1;margin:0 0 20px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-cancel{background:transparent;color:#999;border:none;padding:8px 16px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;border-radius:4px;transition:all .12s}.confirm-cancel:hover{color:#fff}.confirm-btn{background:#6366f1;color:#fff;border:none;padding:8px 20px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;border-radius:4px;transition:background .12s}.confirm-btn:hover{background:#5b4bd5}.confirm-btn.danger{background:#d9534f}.confirm-btn.danger:hover{background:#c9302c}.sidebar{width:72px;background:#1a1a1d;height:100%;display:flex;flex-direction:column;align-items:center;padding:12px 0 56px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none;overflow:visible;position:relative;z-index:10}.sidebar-logo{font-size:.65rem;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:.5px}.dm-logo-wrapper{border:none!important;background:transparent!important;overflow:visible!important}.dm-logo-img{width:30px;height:30px;object-fit:contain}.dm-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;line-height:18px;text-align:center;border-radius:9px;border:2px solid #1A1A1D;pointer-events:none;z-index:2;animation:dmBadgeIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dmBadgeIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.dm-badge-portal{position:fixed;z-index:10000;transform:translate(-50%,-50%);top:auto;right:auto;animation:dmBadgePortalIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dmBadgePortalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sidebar-items{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;scrollbar-width:none}.sidebar-items::-webkit-scrollbar{display:none}.sidebar-item{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border:none;background:transparent;padding:0;-webkit-app-region:no-drag}.icon-wrapper{width:48px;height:48px;background:transparent;border:2px dashed rgba(255,255,255,.3);border-radius:50%;color:#dbdee1;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out;overflow:hidden;position:relative}.icon-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%}.icon-wrapper:has(img){background:transparent;border:none}.sidebar-item:hover .icon-wrapper:not(:has(img)){border-radius:16px;border-color:#6366f1;color:#fff}.sidebar-item.active .icon-wrapper:not(:has(img)){border-radius:16px;background:transparent;border-color:#6366f1;border-style:solid;color:#fff}.sidebar-item:hover .icon-wrapper:has(img),.sidebar-item.active .icon-wrapper:has(img){border-radius:16px}.sidebar-item:hover .icon-wrapper img,.sidebar-item.active .icon-wrapper img{border-radius:16px}.dm-icon.active .icon-wrapper{background:#6366f1}.server-initial{font-weight:600;font-size:1.1rem}.indicator{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:8px;background:#fff;border-radius:0 4px 4px 0;opacity:0;transition:height .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.sidebar-item:hover .indicator{height:12px;opacity:1}.sidebar-item.active .indicator{height:24px;opacity:1}.sidebar-divider{width:32px;height:2px;background:#35353a;border-radius:1px;margin:4px 0}.add-server .icon-wrapper{color:#fff;background:transparent;border:2px dashed rgba(255,255,255,.3)}.add-server:hover .icon-wrapper{color:#fff;border-color:#fff;border-radius:16px}.explore-server .icon-wrapper{color:#fff;background:transparent;border:2px dashed rgba(255,255,255,.3)}.explore-server:hover .icon-wrapper{color:#fff;border-color:#fff;border-radius:16px}.explore-server.active .icon-wrapper{color:#fff;border-color:#6366f1;background:transparent;border-style:solid;border-radius:16px}.sidebar--server-drag-active .add-server{pointer-events:none}.sidebar-tooltip-portal{position:fixed;transform:translateY(-50%);background:#111113;color:#e0e0e5;padding:8px 12px;border-radius:8px;font-family:Geist,sans-serif;font-size:.9rem;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:99999;animation:sidebarTooltipIn .1s ease}.sidebar-tooltip-portal:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #111113}@keyframes sidebarTooltipIn{0%{opacity:0;transform:translateY(-50%) translate(-6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.server-dnd-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.server-dnd-wrapper.server-dragging{opacity:.35}.server-drop-guide{position:absolute;left:10px;right:10px;height:2px;background:#5865f2;border-radius:1px;pointer-events:none;z-index:10;animation:serverDropGuideIn .1s ease-out}.server-drop-guide--top{top:-4px}.server-drop-guide--bottom{bottom:-4px}@keyframes serverDropGuideIn{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.server-drop-guide-dot{position:absolute;top:-2px;width:6px;height:6px;background:#5865f2;border-radius:50%}.server-drop-guide-dot--left{left:-3px}.server-drop-guide-dot--right{right:-3px}.server-tail-drop-zone{min-height:0;width:100%;position:relative;margin-top:-12px}.server-tail-drop-zone .server-drop-guide{top:0;bottom:auto}.server-drag-preview{width:48px;height:48px;background:#2b2b30;border:2px solid #5865f2;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#dbdee1;overflow:hidden;box-shadow:0 8px 24px #00000080}.server-drag-preview img{width:100%;height:100%;object-fit:cover;border-radius:14px}.friends-view{display:flex;flex-direction:column;height:100%;background:#1e1e22}.friends-header{height:49px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 1px 2px #0000001a}.header-left{display:flex;align-items:center;gap:8px}.header-icon{color:#888}.header-title{font-size:1rem;font-weight:700;color:#fff}.header-divider{width:1px;height:24px;background:#ffffff1a;margin:0 8px}.header-tabs{position:relative;display:flex;background:#0003;padding:2px;border-radius:8px;gap:4px;margin:0 8px}.tab-indicator{position:absolute;top:2px;left:2px;height:28px;background:#ffffff1a;border-radius:6px;transition:all .2s ease-out;z-index:0}.header-tab{position:relative;background:transparent;border:none;color:#888;font-size:.95rem;font-weight:600;cursor:pointer;padding:4px 12px;min-width:60px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s;-webkit-app-region:no-drag;z-index:1}.header-tab:hover{color:#ccc}.header-tab.active{color:#fff}.add-friend-btn{background:#6366f1;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s;-webkit-app-region:no-drag;margin-left:8px}.add-friend-btn:hover{background:#4f46e5}.friends-content{flex:1;display:flex;flex-direction:column;padding:16px 20px;overflow-y:auto}.search-container{margin-bottom:16px}.search-bar{position:relative;width:100%}.search-bar input{width:100%;background:#141417;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px 8px 36px;color:#fff;font-size:.9rem;outline:none;-webkit-app-region:no-drag}.search-bar input:focus{border-color:#6366f1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.list-label{font-size:.75rem;font-weight:700;color:#888;letter-spacing:.5px;margin-bottom:12px}.friends-list{display:flex;flex-direction:column}.status-msg{text-align:center;color:#666;margin-top:40px;font-size:.9rem}.friend-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .15s;border-top:1px solid rgba(255,255,255,.03)}.friend-item:hover{background:#ffffff08}.friend-avatar{width:36px;height:36px;background:#2b2b30;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem;overflow:visible;position:relative}.friend-status-indicator{position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;background:#747f8d;border:3px solid #1E1E22;border-radius:50%;z-index:10}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1}.friend-name{font-size:.95rem;font-weight:600;color:#fff}.friend-username{font-size:.8rem;color:#888;font-weight:400;margin-left:4px}.friend-status{font-size:.8rem;color:#888}.blocked-avatar{opacity:.4;filter:grayscale(1)}.blocked-status{color:#f23f43;font-weight:600;animation:blockedFadeOut .4s ease 3s forwards}@keyframes blockedFadeOut{to{opacity:0;height:0;overflow:hidden;margin:0;padding:0}}.friend-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.friend-action-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;padding:6px 12px;font-family:Geist,sans-serif;font-size:.82rem;font-weight:600}.friend-action-btn:hover{background:#ffffff0f}.friend-action-btn.accept{color:#23a55a}.friend-action-btn.decline{color:#f23f43}.more-btn{position:relative;color:#fff6;background:transparent;border:none;box-shadow:none;padding:6px;transition:color .15s ease,background .15s ease}.more-btn:hover{color:#fffc;background:#ffffff0f}.more-btn:before,.more-btn:after{position:absolute;opacity:0;pointer-events:none;transition:opacity .15s ease}.more-btn:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111113;color:#e0e0e5;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 12px #0006}.more-btn:after{content:"";bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#111113}.more-btn:hover:before,.more-btn:hover:after{opacity:1}.pending-badge{position:absolute;top:-4px;right:-6px;background:#f23f43;color:#fff;font-size:.55rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}.add-friend-btn.active{background:transparent;color:#23a55a;outline:none;box-shadow:none}.add-friend-view{padding:20px 0}.add-friend-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 4px}.add-friend-desc{font-size:.85rem;color:#8e8e93;margin:0 0 16px}.add-friend-form{display:flex;flex-direction:column;gap:8px}.add-friend-input-wrap{display:flex;align-items:center;background:#141417;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px 4px 4px 12px;transition:border-color .15s ease}.add-friend-input-wrap:focus-within{border-color:#5865f2}.add-friend-input{flex:1;background:transparent;border:none;color:#fff;font-size:.9rem;font-family:inherit;outline:none;padding:8px 0}.add-friend-input::placeholder{color:#5c5c66}.add-friend-submit{background:#5865f2;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.add-friend-submit:hover:not(:disabled){background:#4752c4}.add-friend-submit:disabled{opacity:.5;cursor:not-allowed}.add-friend-status{font-size:.82rem;font-weight:500;padding:2px 0}.add-friend-status.success{color:#23a55a}.add-friend-status.error{color:#f23f43}.oasix-overlay{position:fixed;inset:0;background:#000000bf;z-index:10000;display:flex;align-items:center;justify-content:center;animation:oasixFadeIn .2s ease}@keyframes oasixFadeIn{0%{opacity:0}to{opacity:1}}.oasix-modal{position:relative;background:#1e1f22;border:1px solid #6366f1;border-radius:14px;width:520px;max-width:92vw;max-height:90vh;overflow-y:auto;padding:32px 36px 28px;box-shadow:0 0 0 1px #6366f1,0 0 30px #6366f126;animation:oasixScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes oasixScaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.oasix-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#80848e;font-size:1.25rem;cursor:pointer;border-radius:6px;transition:all .12s;font-family:inherit}.oasix-close:hover{background:#ffffff0f;color:#fff}.oasix-header{text-align:center;margin-bottom:28px}.oasix-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:.3px}.oasix-title-accent{color:#6366f1}.oasix-subtitle{font-size:.9rem;color:#80848e;margin:0;font-weight:500}.oasix-comparison{width:100%;border-collapse:collapse;margin-bottom:28px}.oasix-comparison th,.oasix-comparison td{padding:10px 14px;text-align:center;font-size:.85rem}.oasix-comparison thead th{font-weight:700;color:#80848e;font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.oasix-comparison thead th:first-child{text-align:left}.oasix-comparison thead .oasix-col-plus{color:#6366f1;position:relative}.oasix-comparison tbody td:first-child{text-align:left;color:#dbdee1;font-weight:500}.oasix-comparison tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.oasix-comparison tbody tr:last-child{border-bottom:none}.oasix-check{color:#6366f1;font-size:1rem;font-weight:700}.oasix-cross{color:#4e5058;font-size:1rem}.oasix-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px}.oasix-plan{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px 18px;text-align:center;cursor:pointer;transition:all .15s ease;background:transparent;font-family:inherit;color:#fff}.oasix-plan:hover{border-color:#6366f180;background:#6366f10a}.oasix-plan--yearly{border-color:#6366f1;background:#6366f10f}.oasix-plan--yearly:hover{background:#6366f11a}.oasix-plan-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;font-size:.62rem;font-weight:700;padding:2px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.oasix-plan-period{font-size:.82rem;font-weight:600;color:#dbdee1;margin-bottom:6px}.oasix-plan-price{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:4px}.oasix-plan-interval{font-size:.75rem;color:#80848e}.oasix-plan-btn{display:block;width:100%;margin-top:16px;padding:10px 0;border-radius:6px;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;letter-spacing:.2px}.oasix-plan-btn--outline{background:transparent;border:1.5px solid #6366f1;color:#6366f1}.oasix-plan-btn--outline:hover{background:#6366f11a;color:#818cf8;border-color:#818cf8}.oasix-plan-btn--filled{background:#6366f1;border:1.5px solid #6366f1;color:#fff}.oasix-plan-btn--filled:hover{background:#5558e3;border-color:#5558e3}.oasix-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalOverlayIn .15s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.oasix-modal{background:#232328;border-radius:8px;width:440px;max-width:90vw;padding:24px;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.oasix-modal-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}.oasix-modal-subtitle{font-size:.82rem;color:#8e8e93;margin:0 0 20px}.oasix-modal-label{display:block;font-size:.7rem;font-weight:700;color:#8e8e93;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.oasix-modal-input{width:100%;padding:10px 12px;background:#232328;border:none;border-radius:4px;color:#dbdee1;font-size:.88rem;font-family:inherit;outline:none;margin-bottom:20px}.oasix-modal-input::placeholder{color:#5c5c66}.oasix-modal-input:focus{box-shadow:0 0 0 1px #5865f2}.channel-name-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:20px}.channel-name-prefix{position:absolute;left:10px;color:#5c5c66;pointer-events:none}.oasix-modal-input.with-prefix{padding-left:34px;margin-bottom:0}.channel-type-options{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.channel-type-btn{display:flex;align-items:center;gap:12px;padding:12px;background:#232328;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .12s ease;width:100%;text-align:left;font-family:inherit;color:#8e8e93}.channel-type-btn:hover{background:#20202a;border-color:#ffffff0f}.channel-type-btn.selected{background:#5865f214;border-color:#5865f2;color:#dbdee1}.type-info{flex:1;display:flex;flex-direction:column;gap:2px}.type-name{font-size:.88rem;font-weight:600;color:#dbdee1}.type-desc{font-size:.72rem;color:#5c5c66}.type-radio{width:20px;height:20px;border-radius:50%;border:2px solid #5c5c66;flex-shrink:0;position:relative;transition:all .15s ease}.type-radio.checked{border-color:#5865f2}.type-radio.checked:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#5865f2}.oasix-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.oasix-btn-cancel{padding:8px 16px;background:transparent;border:none;border-radius:4px;color:#8e8e93;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .12s ease}.oasix-btn-cancel:hover{color:#dbdee1;text-decoration:underline}.oasix-btn-confirm{padding:8px 20px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s ease}.oasix-btn-confirm:hover{background:#4752c4}.oasix-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.oasix-btn-danger{padding:8px 20px;background:#da373c;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s ease}.oasix-btn-danger:hover{background:#a12d31}.delete-modal{max-width:400px}.delete-description{font-size:.88rem;color:#8e8e93;line-height:1.5;margin:0 0 20px}.delete-description strong{color:#fff}.delete-channels-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:16px;cursor:pointer;transition:background .12s ease;-webkit-user-select:none;user-select:none}.delete-channels-option:hover{background:#ffffff0d}.delete-channels-toggle{width:36px;height:20px;background:#4e4f54;border-radius:10px;position:relative;flex-shrink:0;transition:background .2s ease}.delete-channels-toggle.checked{background:#72767d}.delete-channels-toggle-knob{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #0000004d}.delete-channels-toggle.checked .delete-channels-toggle-knob{transform:translate(16px)}.delete-channels-label{font-size:.82rem;color:#dbdee1;font-weight:500}.vc-users{display:flex;flex-direction:column;gap:1px;padding:2px 0 4px}.vc-user{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 30px;border-radius:4px;cursor:pointer}.vc-user:hover{background:#ffffff0a}.vc-user--dragging{opacity:0;pointer-events:none}.vc-drag-placeholder{height:24px;border-radius:4px;background:#5865f20d;border:1px dashed rgba(88,101,242,.2)}.vc-user-avatar{width:24px;height:24px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0;border:2px solid transparent;transition:border-color .08s ease-in 0s;overflow:hidden}.vc-user-avatar-img{width:100%;height:100%;object-fit:cover}.vc-user-avatar.speaking{border-color:#23a55a;transition:border-color .05s ease-out 0s}.vc-user-name{font-size:.8rem;font-weight:500;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;flex:1;min-width:0}.vc-user-name.speaking{color:#fff}.vc-user-icons{display:flex;align-items:center;gap:2px;flex-shrink:0}.vc-user-icon{color:#8e8e93;opacity:.7}.vc-user-content{display:flex;flex-direction:column;flex:1;min-width:0}.vc-user-row{display:flex;align-items:center;gap:2px}.vc-user-sharing{display:flex;align-items:center;gap:4px;margin-top:1px}.vc-user-sharing-icon{color:#23a55a;flex-shrink:0}.vc-user-sharing-text{font-family:Geist,sans-serif;font-size:.65rem;font-weight:600;color:#23a55a;white-space:nowrap}.vc-drag-preview{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2b2b30;border-radius:6px;box-shadow:0 8px 24px #0000008c,0 0 0 1px #3ba55d4d;pointer-events:none;min-width:100px;max-width:180px}.vc-drag-preview-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.vc-drag-preview-avatar img{width:100%;height:100%;object-fit:cover}.vc-drag-preview-name{font-size:.8rem;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-profile-popup{position:fixed;z-index:10000;width:300px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000008c,0 0 0 1px #ffffff0a;animation:vcPopupIn .15s cubic-bezier(.22,1,.36,1)}@keyframes vcPopupIn{0%{opacity:0;transform:scale(.95) translate(-4px)}to{opacity:1;transform:scale(1) translate(0)}}.server-channel-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:8px 0}.scp-category{margin-bottom:16px;position:relative;transition:box-shadow .2s ease}.scp-category.dragging{opacity:.4}.scp-category-header{display:flex;align-items:center;gap:4px;padding:8px 8px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.scp-category-header:hover .scp-category-name,.scp-category-header:hover .scp-collapse-btn{color:#dbdee1}.scp-category-name{font-family:Geist,sans-serif;font-size:12px;font-weight:700;color:#5c5c66;letter-spacing:.04em;flex:1;transition:color .12s ease}.scp-collapse-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#5c5c66;cursor:pointer;padding:0;transition:transform .2s ease;flex-shrink:0}.scp-collapse-btn.collapsed{transform:rotate(-90deg)}.scp-category-channels{display:flex;flex-direction:column;gap:1px}.scp-channel-wrapper{margin:0 8px;position:relative;transition:box-shadow .2s ease}.scp-channel-wrapper.dragging{opacity:.4}.scp-drag-placeholder{height:30px;border-radius:4px;background:#5865f20f;border:1px dashed rgba(88,101,242,.25)}.scp-channel{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit}.scp-channel:hover{background:#ffffff0d}.scp-channel.active{background:#ffffff14}.scp-channel--voice{cursor:pointer}.scp-channel--voice.active{background:transparent}.scp-channel-icon{color:#6b6d75;flex-shrink:0;width:18px;height:18px;opacity:.85;transition:color .12s ease,opacity .12s ease}.scp-channel-name{font-family:Geist,sans-serif;font-size:15px;font-weight:600;color:#8a8d93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:color .12s ease}.scp-channel:hover .scp-channel-name{color:#e0e1e5}.scp-channel:hover .scp-channel-icon{color:#b5bac1;opacity:1}.scp-channel.active .scp-channel-name{color:#fff;font-weight:700}.scp-channel.active .scp-channel-icon{color:#dbdee1;opacity:1}.scp-channel--voice.active .scp-channel-icon{color:#3ba55d;opacity:1}.scp-drag-preview{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2b2b30;border-radius:6px;box-shadow:0 8px 24px #0000008c,0 0 0 1px #5865f24d;min-width:120px;max-width:200px;pointer-events:none}.scp-drag-preview .scp-channel-icon{color:#b5bac1}.scp-drag-preview .scp-channel-name{color:#dbdee1;font-weight:600}.scp-category-overlay{background:#2b2b30;border-radius:6px;box-shadow:0 8px 24px #0000008c,0 0 0 1px #5865f24d;padding:8px 16px;pointer-events:none}.scp-category-overlay .scp-category-name{color:#dbdee1;font-size:.75rem}.scp-uncategorized{display:flex;flex-direction:column;gap:1px;padding-bottom:4px}.scp-drop-guide{position:absolute;left:4px;right:4px;height:2px;background:#5865f2;border-radius:1px;pointer-events:none;z-index:10}.scp-channel-wrapper .scp-drop-guide--top{top:-1px}.scp-channel-wrapper .scp-drop-guide--bottom{bottom:-1px}.scp-category>.scp-drop-guide--category.scp-drop-guide--top{top:0}.scp-category>.scp-drop-guide--category.scp-drop-guide--bottom{bottom:0}.scp-vc-wrapper{border-radius:4px;transition:box-shadow .15s ease,background .15s ease}.scp-vc-drop-glow{box-shadow:inset 0 0 0 1px #3ba55d66;border-radius:4px;background:#3ba55d0f}.scp-vc-drop-glow .scp-channel-icon,.scp-vc-drop-glow .scp-channel-name{color:#3ba55d}.scp-empty-drop-zone{min-height:4px;margin:0 8px;border:1.5px dashed transparent;border-radius:4px;transition:border-color .15s ease,background .15s ease}.scp-empty-drop-zone-text{font-size:.7rem;color:#5865f24d;font-weight:500}.scp-empty-drop-zone.active{border-color:transparent;background:transparent}.scp-empty-drop-zone.active .scp-empty-drop-zone-text{color:#5865f2b3}.scp-vc-empty-drop-zone{min-height:4px;margin:0 8px 0 42px;border-radius:2px;transition:all .15s ease}.scp-tail-drop-zone{flex:1;min-height:40px;position:relative}.channel-panel{width:240px;height:100%;background:#1a1a1d;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.08);padding-bottom:69px;position:relative}.cp-server-header{padding:12px 16px;height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 4px #0003;flex-shrink:0}.cp-server-name{font-family:Geist,sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-server-header--clickable{cursor:pointer;justify-content:space-between;transition:background .12s}.cp-server-header--clickable:hover{background:#ffffff0a}.cp-server-header--clickable.active{background:#ffffff0f}.cp-server-chevron{color:#888;transition:transform .2s ease;flex-shrink:0}.cp-server-chevron.open{transform:rotate(180deg)}.cp-server-banner{height:140px;background-size:cover;background-position:center;position:relative;flex-shrink:0}.cp-server-banner-fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#1a1a1d)}.cp-server-dropdown{position:absolute;top:48px;left:0;right:0;padding:6px;background:#232328;border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 4px 12px #0006;z-index:100;animation:cpDropdownIn .12s ease}@keyframes cpDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cp-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:#b5bac1;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .1s ease;text-align:left;font-family:inherit}.cp-dropdown-item:hover{background:#2f2f34;color:#fff}.cp-tabs{display:flex;flex-direction:column;padding:8px;gap:2px}.cp-tab{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;color:#8e8e93;font-size:.88rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .12s ease;background:transparent;border:none;font-family:inherit;width:100%;text-align:left}.cp-tab:hover{background:#ffffff0d;color:#dbdee1}.cp-tab.active{background:#ffffff14;color:#fff}.cp-divider{height:1px;background:#ffffff0f;margin:4px 10px}.cp-dm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 10px 4px}.cp-dm-label{font-family:Geist,sans-serif;font-size:.68rem;font-weight:700;color:#5c5c66;letter-spacing:.04em;text-transform:uppercase}.cp-dm-add{position:relative;overflow:visible}.cp-dm-add:before,.cp-dm-add:after{display:block;position:absolute;opacity:0;pointer-events:none;transition:opacity .15s ease}.cp-dm-add:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111113;color:#e0e0e5;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 12px #0006;z-index:9999}.cp-dm-add:after{content:"";bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#111113;z-index:9999}.cp-dm-add:hover:before,.cp-dm-add:hover:after{opacity:1}.cp-dm-list{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:1px}.cp-dm-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:5px;background:transparent;border:none;cursor:pointer;transition:background .12s ease;width:100%;text-align:left;font-family:inherit}.cp-dm-item:hover{background:#ffffff0d}.cp-dm-item.selected{background:#ffffff14}.cp-dm-item.selected .cp-dm-name{color:#fff}.cp-dm-avatar{position:relative;width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;color:#fff;flex-shrink:0;overflow:hidden}.cp-dm-avatar img{width:100%;height:100%;object-fit:cover}.cp-dm-avatar:has(img){background:transparent!important}.cp-dm-status{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;background:#747f8d;border:3px solid #1A1A1D;border-radius:50%}.cp-dm-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex:1}.cp-dm-name{font-family:Geist,sans-serif;font-size:.85rem;font-weight:500;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease,transform .12s ease}.cp-dm-status-text{font-size:.7rem;color:#b5bac1;opacity:0;height:0;transition:opacity .12s ease,height .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-dm-item:hover .cp-dm-name{color:#dbdee1;transform:translateY(-1px)}.cp-dm-item:hover .cp-dm-status-text{font-family:Geist,sans-serif;opacity:1;height:14px}.ping-signal-bars{display:inline-flex;align-items:flex-end;gap:2px;flex-shrink:0}.ping-signal-bar{width:3px;border-radius:2px;transition:all .4s ease}.vcp-popup{position:absolute;bottom:calc(100% + 8px);left:0;right:0;margin:0 auto;width:320px;max-width:calc(100% - 8px);background:#111214;border:1px solid rgba(255,255,255,.06);border-radius:8px;z-index:1000;font-family:Geist,sans-serif;overflow:hidden;box-shadow:0 8px 24px #0006}.vcp-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.vcp-popup-title{font-size:.8rem;font-weight:700;color:#e0e0e0;letter-spacing:.02em}.vcp-popup-graph{position:relative;padding:8px 14px 4px}.vcp-popup-graph svg{display:block;width:100%;height:100px}.vcp-graph-gridline{stroke:#ffffff0a;stroke-width:1}.vcp-graph-label{font-family:Geist,sans-serif;font-size:9px;fill:#5c5c66;dominant-baseline:middle;text-anchor:end}.vcp-graph-line{fill:none;stroke:#23a55a;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.vcp-graph-area{fill:url(#pingGradient);opacity:.25}.vcp-popup-details{padding:10px 14px 14px;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.06)}.vcp-popup-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vcp-popup-row-label{font-size:.75rem;font-weight:600;color:#8b8b8b;white-space:nowrap;flex-shrink:0}.vcp-popup-row-value{font-size:.75rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0;font-variant-numeric:tabular-nums}.vcp-popup-row-value--green{color:#23a55a}.vcp-popup-row-value--dim{color:#5c5c66;font-style:italic;font-weight:500}.vcp-graph-waiting{font-family:Geist,sans-serif;font-size:11px;fill:#5c5c66;font-style:italic}.voice-control-panel{display:flex;align-items:center;justify-content:space-between;background:#232328;border-top:1px solid rgba(255,255,255,.06);padding:8px 8px 8px 12px;gap:8px}.vcp-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.vcp-indicator-wrapper{position:relative;display:inline-flex;align-items:center;cursor:default}.vcp-ping-tooltip{position:absolute;bottom:calc(100% + 19px);left:0;background:#111214;color:#e0e0e0;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;padding:6px 14px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.vcp-indicator-wrapper:hover .vcp-ping-tooltip{opacity:1}.vcp-connected-label{font-family:Geist,sans-serif;font-size:.85rem;font-weight:700;transition:color .3s ease}.vcp-channel-sep{font-size:.75rem;color:#5c5c66;font-weight:400}.vcp-channel-name{font-family:Geist,sans-serif;font-size:.72rem;font-weight:700;color:#b5bac1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcp-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.vcp-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .12s ease;padding:0}.vcp-btn:hover{background:#ffffff14;color:#dbdee1}.vcp-btn--active{color:#f23f43}.vcp-btn--active:hover{background:#ffffff14;color:#dbdee1}.vcp-btn--disconnect{color:#f23f43}.vcp-btn--disconnect:hover{background:#ffffff14;color:#dbdee1}.ssp-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:ssp-fade-in .15s ease}@keyframes ssp-fade-in{0%{opacity:0}to{opacity:1}}.ssp-modal{width:660px;max-width:90vw;max-height:80vh;background:#232328;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0f;animation:ssp-scale-in .18s cubic-bezier(.22,1,.36,1)}@keyframes ssp-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ssp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.ssp-title{font-family:Geist,sans-serif;font-size:1.1rem;font-weight:700;color:#fff}.ssp-close{width:28px;height:28px}.ssp-body{flex:1;overflow-y:auto;padding:12px 16px 16px}.ssp-loading{font-family:Geist,sans-serif;font-size:.88rem;color:#8e8e93;text-align:center;padding:40px 0}.ssp-section{margin-bottom:16px}.ssp-section:last-child{margin-bottom:0}.ssp-section-label{font-family:Geist,sans-serif;font-size:.72rem;font-weight:800;color:#b5bac1;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.ssp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.ssp-source{display:flex;flex-direction:column;background:#1a1a1d;border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease;padding:0;text-align:left;font-family:inherit;color:inherit}.ssp-source:hover{border-color:#ffffff1f}.ssp-source--selected{border-color:#5865f2;box-shadow:0 0 0 1px #5865f2}.ssp-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#111214;display:block}.ssp-source-info{display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:32px}.ssp-app-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.ssp-source-name{font-family:Geist,sans-serif;font-size:.76rem;font-weight:500;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssp-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.ssp-cancel-btn{padding:8px 20px;background:transparent;border:none;border-radius:4px;color:#b5bac1;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.ssp-cancel-btn:hover{background:#ffffff0f;color:#dbdee1}.ssp-share-btn{padding:8px 24px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s ease,opacity .12s ease}.ssp-share-btn:hover{background:#4752c4}.ssp-share-btn:disabled{opacity:.4;cursor:not-allowed}.user-panel-container{position:fixed;bottom:0;left:0;width:312px;border-right:1px solid rgba(255,255,255,.08);z-index:100}.bar-action-btn--active,.bar-action-btn--active:hover{color:#f23f43!important}.bar-action-btn--connected,.bar-action-btn--connected:hover{color:#3ba55d!important}.user-panel-bar{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;height:69px;background:#1a1a1d;cursor:pointer;transition:background .35s ease;-webkit-user-select:none;user-select:none;border-top:1px solid rgba(255,255,255,.08)}.user-panel-bar:hover .bar-status-text{font-family:Geist,sans-serif;opacity:0;height:0;overflow:hidden}.bar-status-text{transition:opacity .4s ease,height .4s ease}.bar-username-tag{font-size:.68rem;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;height:0;transition:opacity .4s ease,height .4s ease}.user-panel-bar:hover .bar-username-tag{opacity:1;height:auto}.bar-user-section{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.bar-avatar{position:relative;width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0;overflow:hidden}.bar-avatar:has(img){background:transparent!important}.bar-avatar-img{width:100%;height:100%;object-fit:cover}.bar-status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#23a55a;border:3px solid #1A1A1D;border-radius:50%;z-index:10}.bar-user-info{display:flex;flex-direction:column;min-width:0;line-height:1.2}.bar-display-name{font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-status-text{font-size:.68rem;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.bar-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .12s ease;padding:0}.bar-action-btn:hover{background:#ffffff14;color:#dbdee1}.user-popup-card{position:absolute;bottom:82px;left:12px;right:12px;width:auto;background:#1a1a1d;border-radius:0;z-index:1000;box-shadow:0 8px 24px #0000008c,0 0 0 1px #ffffff0a;opacity:0;transform:scale(.97) translateY(6px);transform-origin:bottom left;pointer-events:none;transition:opacity .15s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.user-popup-card.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.user-popup-card .profile-panel{background:transparent;border-radius:0;max-height:none}.user-popup-card .pp-banner{border-radius:0;height:120px}.user-popup-card .pp-banner:after{bottom:-35px}.user-popup-card .pp-avatar-wrapper{height:20px}.user-popup-card .pp-bio{margin-top:14px}.popup-banner{height:100px;background:#5865f2;border-radius:0;position:relative}.popup-banner:after{content:"";position:absolute;bottom:-34px;left:16px;width:68px;height:68px;background:#1a1a1d;border-radius:50%;pointer-events:none}.popup-avatar-wrapper{position:relative;padding:0 16px;height:20px}.popup-avatar{position:absolute;top:-34px;width:68px;height:68px;background:#5865f2;border-radius:50%;border:5px solid #1a1a1d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.popup-avatar:has(img){background:transparent!important}.popup-avatar-img{width:100%;height:100%;object-fit:cover}.popup-status-ring{position:absolute;top:14px;left:64px;width:20px;height:20px;background:#1a1a1d;border-radius:50%;display:flex;align-items:center;justify-content:center}.popup-status-dot{width:12px;height:12px;background:#23a55a;border-radius:50%}.popup-body{padding:8px 12px 12px}.popup-user-info{padding:8px 8px 0}.popup-display-name{font-size:1.15rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.popup-tag{font-size:.78rem;color:#949ba4;margin:2px 0 0;font-weight:500}.popup-bio-section{margin-top:2px}.popup-member-since-section{margin-top:10px}.popup-section-title{font-size:.72rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;display:block}.popup-bio{font-size:.82rem;color:#dbdee1;line-height:1.4;margin:12px 0 14px;word-break:break-word;white-space:pre-wrap}.popup-member-since{display:flex;align-items:center;gap:6px}.popup-date-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.popup-date-value{font-size:.78rem;color:#b5bac1;white-space:nowrap}.popup-divider{height:1px;background:#ffffff0f;margin:8px 0}.popup-menu{display:flex;flex-direction:column;background:#2b2d31;border-radius:8px}.popup-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#dbdee1;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .1s ease;font-family:inherit;width:100%;text-align:left;border-radius:0}.popup-menu>:first-child,.popup-status-wrapper .popup-menu-item{border-radius:8px 8px 0 0}.popup-menu>:last-child{border-bottom:none;border-radius:0 0 8px 8px}.popup-menu-item:hover{background:#ffffff0f}.popup-menu-item:focus-visible{outline:2px solid #5865f2;outline-offset:-2px}.popup-online-dot{width:10px;height:10px;background:#23a55a;border-radius:50%;flex-shrink:0}.popup-menu-label{flex:1}.popup-chevron{color:#5c5c66;flex-shrink:0}.popup-menu-icon{flex-shrink:0;color:#949ba4}.popup-footer{padding-top:4px}.popup-edit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s ease}.popup-edit-btn:hover{background:#4752c4}.popup-edit-btn:focus-visible{outline:2px solid #5865f2;outline-offset:2px}.popup-status-wrapper{position:relative}.popup-status-wrapper:after{content:"";position:absolute;left:100%;top:0;width:20px;height:100%;pointer-events:auto}.status-picker{position:absolute;left:calc(100% + 16px);top:-12px;width:240px;background:#1a1a1d;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:8px;z-index:200;box-shadow:0 8px 24px #00000080}.status-picker-header{font-size:.7rem;font-weight:700;color:#949ba4;text-transform:uppercase;letter-spacing:.02em;padding:6px 8px 4px}.status-picker-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 8px;margin-bottom:2px;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:background .12s ease;text-align:left}.status-picker-item:hover{background:#ffffff0f}.status-picker-item:focus-visible{outline:2px solid #5865f2;outline-offset:-2px}.status-picker-icon{width:14px;height:14px;flex-shrink:0;margin-top:1px}.status-picker-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-picker-text{display:flex;flex-direction:column;gap:1px}.status-picker-label{font-size:.82rem;font-weight:600;color:#e0e1e5}.status-picker-desc{font-size:.68rem;color:#949ba4;line-height:1.3}.status-picker-arrow{margin-left:auto;flex-shrink:0;color:#5c5c66;align-self:center}.ssv-container{flex:1;display:flex;flex-direction:column;background:#111214;overflow:hidden;min-height:0}.ssv-compact-grid{flex:1;display:flex;flex-wrap:wrap;gap:10px;padding:16px;align-content:center;justify-content:center;overflow-y:auto}.ssv-focused-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:12px}.ssv-focused-wrapper>.ssv-tile{width:100%;height:100%}.ssv-thumbnail-strip{display:flex;gap:8px;padding:0 12px 12px;overflow-x:auto;overflow-y:hidden;flex-shrink:0}.ssv-thumbnail-strip::-webkit-scrollbar{height:3px}.ssv-thumbnail-strip::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ssv-tile{position:relative;background:#0d0d0f;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.06);transition:border-color .15s ease}.ssv-tile--compact{width:320px;height:180px;cursor:pointer;flex-shrink:0}.ssv-tile--compact:hover{border-color:#ffffff1f}.ssv-tile--thumb{width:200px;height:112px;flex-shrink:0;cursor:pointer}.ssv-tile--thumb:hover{border-color:#ffffff1f}.ssv-tile--focused{display:flex;align-items:center;justify-content:center}.ssv-tile--pip{width:100%;height:100%;border:none;border-radius:0}.ssv-video{display:block;background:#0d0d0f;object-fit:contain}.ssv-tile--focused .ssv-video{width:100%;height:100%}.ssv-tile--compact .ssv-video,.ssv-tile--thumb .ssv-video{width:100%;height:100%;object-fit:cover}.ssv-tile--pip .ssv-video{width:100%;height:100%;object-fit:contain}.ssv-fs-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ssv-fs-wrapper:fullscreen{background:#000}.ssv-fs-wrapper:fullscreen .ssv-video{width:100vw;height:100vh;object-fit:contain}.ssv-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent,#000000bf);display:flex;align-items:center;gap:5px;pointer-events:none}.ssv-label-icon{color:#23a55a;flex-shrink:0}.ssv-label-name{font-family:Geist,sans-serif;font-size:.72rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssv-controls{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 6px;background:linear-gradient(transparent,#000000a6);opacity:0;transition:opacity .2s ease;pointer-events:none}.ssv-controls--visible{opacity:1;pointer-events:auto}.ssv-controls-bar{display:flex;align-items:center;gap:4px}.ssv-ctrl-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:6px;color:#dbdee1;cursor:pointer;transition:background .12s ease,color .12s ease;padding:0;flex-shrink:0}.ssv-ctrl-btn:hover{background:#ffffff0f;color:#fff}.ssv-ctrl-spacer{flex:1}.ssv-volume-slider{width:64px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer;flex-shrink:0}.ssv-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0006}.ssv-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0006}.ssv-volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px}.ssv-volume-slider::-moz-range-track{height:4px;border-radius:2px;background:#fff3}.ssv-pip{position:fixed;z-index:9999;width:320px;height:180px;border-radius:8px;overflow:hidden;background:#0d0d0f;box-shadow:0 8px 32px #000000a6,0 0 0 1px #ffffff14;cursor:grab;transition:box-shadow .15s ease;-webkit-user-select:none;user-select:none}.ssv-pip:active{cursor:grabbing;box-shadow:0 12px 48px #000c,0 0 0 1px #5865f24d}.vd-wrapper{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none;animation:vd-fadein .25s ease forwards}@keyframes vd-fadein{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vd-dock{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#1e1f22;border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:0 8px 32px #0000008c,0 0 0 1px #00000040;pointer-events:auto}.vd-channel-label{display:flex;align-items:center;gap:6px;padding:0 8px 0 6px;max-width:140px}.vd-channel-dot{width:8px;height:8px;border-radius:50%;background:#23a55a;flex-shrink:0}.vd-channel-name{font-family:Geist,sans-serif;font-size:.75rem;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-separator{width:1px;height:20px;background:#ffffff14;flex-shrink:0;margin:0 2px}.vd-group{display:flex;align-items:center;position:relative}.vd-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#b5bac1;cursor:pointer;transition:background .12s ease,color .12s ease;padding:0;position:relative;flex-shrink:0}.vd-btn:hover{background:#ffffff0f;color:#fff}.vd-btn:disabled{opacity:.35;cursor:not-allowed}.vd-btn:disabled:hover{background:transparent;color:#b5bac1}.vd-btn--active{color:#ed4245}.vd-btn--active:hover{background:#ffffff0f;color:#ed4245}.vd-btn--sharing{color:#23a55a}.vd-btn--sharing:hover{background:#ffffff0f;color:#23a55a}.vd-btn--disconnect{background:#ed4245;color:#fff;border-radius:50%}.vd-btn--disconnect:hover{background:#ffffff0f;color:#fff}.vd-badge{position:absolute;top:2px;right:0;min-width:14px;height:14px;background:#5865f2;border-radius:7px;font-family:Geist,sans-serif;font-size:.6rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.vd-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:180px;max-width:260px;background:#2b2d31;border:1px solid rgba(255,255,255,.06);border-radius:8px;box-shadow:0 8px 24px #00000073;padding:8px 0;animation:vd-popover-in .15s ease;z-index:1}@keyframes vd-popover-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vd-popover-title{padding:4px 12px 6px;font-family:Geist,sans-serif;font-size:.68rem;font-weight:700;color:#949ba4;text-transform:uppercase;letter-spacing:.02em}.vd-popover-item{padding:4px 12px;font-family:Geist,sans-serif;font-size:.82rem;font-weight:500;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-popover-you{font-size:.7rem;color:#949ba4;margin-left:4px}.vd-group--pill{gap:0}.vd-btn--pill-left{border-radius:18px 0 0 18px;padding-right:2px}.vd-btn--pill-right{border-radius:0 18px 18px 0;padding-left:2px}.vd-btn--caret{width:22px}.vd-quality-popover{min-width:220px;max-width:280px;padding:10px 12px}.vd-quality-section{margin-top:8px}.vd-quality-section:first-of-type{margin-top:4px}.vd-quality-label{font-family:Geist,sans-serif;font-size:.65rem;font-weight:700;color:#949ba4;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.vd-quality-options{display:flex;gap:4px;flex-wrap:wrap}.vd-quality-options--col{flex-direction:column}.vd-quality-opt{padding:5px 10px;font-family:Geist,sans-serif;font-size:.75rem;font-weight:600;color:#b5bac1;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.vd-quality-opt:hover{background:#ffffff0f;color:#fff}.vd-quality-opt--active{background:#ffffff0d;color:#dbdee1;border-color:#5865f2}.vd-quality-opt--active:hover{background:#ffffff14;color:#dbdee1}.vd-quality-opt--wide{flex:1;text-align:center}.vd-quality-opt--premium{position:relative}.vd-quality-opt--premium:after{content:"✨";margin-left:3px;font-size:.65rem}.vcv-container{flex:1;display:flex;flex-direction:column;background:#111214;min-height:0;position:relative}.vcv-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.vcv-header-icon{color:#949ba4}.vcv-header-name{font-family:Geist,sans-serif;font-size:1rem;font-weight:700;color:#fff}.vcv-header-badge{font-family:Geist,sans-serif;font-size:.65rem;font-weight:600;color:#949ba4;background:#ffffff0a;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.vcv-connecting-indicator{font-family:Geist,sans-serif;font-size:.7rem;font-weight:600;color:#5865f2;animation:vcv-pulse 1.5s ease-in-out infinite}@keyframes vcv-pulse{0%,to{opacity:.5}50%{opacity:1}}.vcv-join-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.vcv-join-icon{color:#5865f2;opacity:.5}.vcv-join-title{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.vcv-join-subtitle{font-family:Geist,sans-serif;font-size:.85rem;color:#949ba4;margin:0}.vcv-join-btn{margin-top:8px;padding:10px 28px;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600;color:#fff;background:#5865f2;border:none;border-radius:20px;cursor:pointer;transition:background .12s ease}.vcv-join-btn:hover{background:#ffffff0f}.vcv-participants{flex:1;display:flex;flex-wrap:wrap;gap:16px;padding:24px;align-content:center;justify-content:center;overflow-y:auto;min-height:0}.vcv-tile{width:140px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px 14px;background:#1e1f22;border-radius:12px;border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.vcv-tile--speaking{border-color:#23a55a;box-shadow:0 0 12px #23a55a33}.vcv-tile-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vcv-tile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.vcv-tile-avatar-letter{font-family:Geist,sans-serif;font-size:1.4rem;font-weight:700;color:#fff}.vcv-tile-name{font-family:Geist,sans-serif;font-size:.78rem;font-weight:600;color:#dbdee1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vcv-tile-icons{display:flex;gap:4px;position:absolute;bottom:8px;right:8px}.vcv-tile-icon{color:#ed4245;opacity:.8}.vcv-screenshare{flex-shrink:0;max-height:40%;display:flex;border-top:1px solid rgba(255,255,255,.04)}.vcv-screenshare .ssv-container{flex:1}.vcv-controls{flex-shrink:0;display:flex;justify-content:center;padding:12px 16px 16px}.vcv-controls-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1e1f22;border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:0 4px 16px #00000059}.vcv-ctrl-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#b5bac1;cursor:pointer;transition:background .12s ease,color .12s ease;padding:0}.vcv-ctrl-btn:hover{background:#ffffff0f;color:#fff}.vcv-ctrl-btn--active{color:#ed4245}.vcv-ctrl-btn--active:hover{background:#ffffff0f;color:#ed4245}.vcv-ctrl-btn--sharing{color:#23a55a}.vcv-ctrl-btn--sharing:hover{background:#ffffff0f;color:#23a55a}.vcv-ctrl-btn--disconnect{background:#ed4245;color:#fff}.vcv-ctrl-btn--disconnect:hover{background:#ffffff0f;color:#fff}.msg-link{color:#5b9cf5;text-decoration:none;word-break:break-all}.msg-link:hover{text-decoration:underline}.invite-embed{background:#232328;border-radius:8px;border:1px solid rgba(255,255,255,.06);overflow:hidden;margin-top:6px;max-width:400px}.invite-embed-banner{width:100%;height:80px;overflow:hidden}.invite-embed-banner img{width:100%;height:100%;object-fit:cover}.invite-embed-body{padding:12px 14px}.invite-embed-label{font-size:.65rem;font-weight:700;color:#8e8e93;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.invite-embed-server{display:flex;align-items:center;gap:12px}.invite-embed-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.invite-embed-icon img{width:100%;height:100%;object-fit:cover}.invite-embed-icon span{font-size:1rem;font-weight:700;color:#fff}.invite-embed-info{flex:1;min-width:0}.invite-embed-name{font-size:.9rem;font-weight:600;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-embed-members{display:flex;align-items:center;gap:5px;font-size:.72rem;color:#8e8e93;margin-top:2px}.invite-embed-dot{width:7px;height:7px;border-radius:50%;background:#23a55a}.invite-embed-join{padding:7px 18px;background:#23a55a;border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s ease;white-space:nowrap;flex-shrink:0}.invite-embed-join:hover{background:#1d8e4e}.invite-embed-join.joined{background:#4e4f54;cursor:default}.invite-embed-join:disabled{opacity:.7;cursor:not-allowed}.mention-chip{font-weight:600;color:#c9cdfb;background:#5865f226;border-radius:4px;padding:0 4px;transition:background .1s ease,color .1s ease}.mention-chip.clickable{cursor:pointer}.mention-chip.clickable:hover{background:#5865f24d;color:#fff}.mention-chip.everyone{cursor:default;background:#5865f233;color:#c9cdfb}.msg-action-bar{display:none;position:absolute;top:-16px;right:8px;z-index:10;background:#2b2b30;border:1px solid rgba(255,255,255,.08);border-radius:3px;box-shadow:0 4px 12px #00000059;animation:actionBarIn .12s ease}.chat-message:hover .msg-action-bar{display:flex}@keyframes actionBarIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.msg-action-bar-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:0;transition:all .1s ease;-webkit-app-region:no-drag;position:relative}.msg-action-bar-btn:hover{background:#ffffff14;color:#fff}.msg-action-bar-btn.delete-btn{color:#f23f43}.msg-action-bar-btn.delete-btn:hover{background:#ffffff14;color:#f23f43}.msg-action-bar-btn.danger:hover{background:#ffffff14;color:#dbdee1}.msg-action-bar-btn.success:hover{background:#57f2871f;color:#57f287}.msg-action-bar-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#111113;color:#e0e0e5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;box-shadow:0 2px 8px #0006;z-index:20}.msg-action-bar-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.msg-action-bar-btn:last-child:after{left:auto;right:0;transform:translateY(4px)}.msg-action-bar-btn:last-child:hover:after{transform:translateY(0)}@media(hover:none){.msg-action-bar{display:none!important}}.pinned-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;z-index:200;box-shadow:0 8px 24px #00000080;animation:pinnedPanelIn .12s ease}@keyframes pinnedPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pinned-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.pinned-panel-title{font-family:Geist,sans-serif;font-size:.82rem;font-weight:700;color:#e0e0e0}.pinned-panel-list{flex:1;overflow-y:auto;padding:6px}.pinned-panel-empty{font-family:Geist,sans-serif;font-size:.78rem;color:#5c5c66;text-align:center;padding:24px 14px}.pinned-card{position:relative;background:#2b2d31;border-radius:6px;padding:8px 10px;margin-bottom:4px;transition:background .12s ease}.pinned-card:hover{background:#313338}.pinned-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.pinned-card-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff}.pinned-card-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pinned-card-author{font-family:Geist,sans-serif;font-size:.75rem;font-weight:700;color:#e0e0e0}.pinned-card-time{font-family:Geist,sans-serif;font-size:.62rem;color:#5c5c66;margin-left:auto}.pinned-card-content{font-family:Geist,sans-serif;font-size:.75rem;color:#b5bac1;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;margin-left:26px}.pinned-card-actions{position:absolute;top:4px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}.pinned-card:hover .pinned-card-actions{opacity:1}.pinned-card-btn{font-family:Geist,sans-serif;font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:4px;border:none;cursor:pointer;transition:all .12s ease}.pinned-card-btn--jump{background:#2b2d31;color:#b5bac1}.pinned-card-btn--jump:hover{background:#383a40;color:#fff}.pinned-card-btn--unpin{background:#ef44441f;color:#f87171}.pinned-card-btn--unpin:hover{background:#ef444433;color:#ef4444}.egp-container{position:absolute;bottom:calc(100% + 8px);right:0;z-index:100;background:#1e1e22;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px #0000008c,0 0 0 1px #ffffff0a;overflow:hidden;display:flex;flex-direction:column;width:352px;max-height:460px;animation:egpSlideIn .18s cubic-bezier(.16,1,.3,1)}@keyframes egpSlideIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.egp-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#ffffff05}.egp-tab{flex:1;padding:10px 0;background:transparent;border:none;color:#6b6e75;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,background .15s ease;position:relative}.egp-tab:hover{color:#b0b3b8;background:#ffffff08}.egp-tab.active{color:#e0e0e5}.egp-tab.active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:1px;box-shadow:0 0 8px #6366f166}.egp-emoji-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.egp-emoji-panel em-emoji-picker{--em-rgb-background: 30, 30, 34;--em-rgb-input: 24, 24, 28;--em-rgb-color: 200, 203, 210;--em-rgb-accent: 99, 102, 241;--em-color-border: rgba(255, 255, 255, .05);--em-color-border-over: rgba(99, 102, 241, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size: 13px;width:100%!important;min-width:unset!important;max-width:unset!important;border:none!important;border-radius:0!important;box-shadow:none!important;height:390px}.egp-emoji-panel em-emoji-picker .nav button{filter:saturate(.3) brightness(.7);transition:filter .15s ease,transform .15s ease}.egp-emoji-panel em-emoji-picker .nav button:hover{filter:saturate(.6) brightness(.9);transform:scale(1.1)}.egp-emoji-panel em-emoji-picker .nav button[aria-selected=true]{filter:saturate(1) brightness(1)}.egp-emoji-panel em-emoji-picker .search input{background:#00000040!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:6px!important;color:#c8cbd2!important;font-family:Inter,sans-serif!important;transition:border-color .15s ease}.egp-emoji-panel em-emoji-picker .search input:focus{border-color:#6366f166!important;box-shadow:0 0 0 2px #6366f11a!important}.egp-emoji-panel em-emoji-picker .search input::placeholder{color:#55575e!important}.egp-emoji-panel em-emoji-picker button[data-emoji-id]{border-radius:6px!important;transition:background .1s ease,transform .1s ease}.egp-emoji-panel em-emoji-picker button[data-emoji-id]:hover{background:#6366f11f!important;transform:scale(1.15)}.egp-emoji-panel em-emoji-picker .category-name{color:#6b6e75!important;font-family:Inter,sans-serif!important;font-weight:700!important;font-size:.7rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:10px 10px 4px!important}.egp-emoji-panel em-emoji-picker .scroll{scrollbar-width:thin;scrollbar-color:#6366f1 transparent}.egp-emoji-panel em-emoji-picker .scroll::-webkit-scrollbar{width:4px}.egp-emoji-panel em-emoji-picker .scroll::-webkit-scrollbar-track{background:transparent}.egp-emoji-panel em-emoji-picker .scroll::-webkit-scrollbar-thumb{background:repeating-linear-gradient(to bottom,#6366f1 0px,#6366f1 6px,transparent 6px,transparent 10px);border-radius:2px}.egp-emoji-panel em-emoji-picker .scroll::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(to bottom,#818cf8 0px,#818cf8 6px,transparent 6px,transparent 10px)}.egp-emoji-panel em-emoji-picker .skin-tone-button{border-radius:50%!important;transition:transform .1s ease}.egp-emoji-panel em-emoji-picker .skin-tone-button:hover{transform:scale(1.15)}.egp-gif-panel{display:flex;flex-direction:column;flex:1;min-height:0;max-height:400px}.egp-gif-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.egp-gif-search-icon{color:#55575e;flex-shrink:0}.egp-gif-search-input{flex:1;background:transparent;border:none;color:#c8cbd2;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;font-weight:500}.egp-gif-search-input::placeholder{color:#55575e}.egp-gif-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;align-content:start}.egp-gif-grid::-webkit-scrollbar{width:4px}.egp-gif-grid::-webkit-scrollbar-track{background:transparent}.egp-gif-grid::-webkit-scrollbar-thumb{background:repeating-linear-gradient(to bottom,#6366f1 0px,#6366f1 6px,transparent 6px,transparent 10px);border-radius:2px}.egp-gif-item{background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:8px;overflow:hidden;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;aspect-ratio:16/10}.egp-gif-item:hover{transform:scale(1.03);box-shadow:0 4px 16px #00000073;border-color:#6366f140}.egp-gif-item img{width:100%;height:100%;object-fit:cover;display:block}.egp-gif-loading,.egp-gif-empty{grid-column:1 / -1;text-align:center;color:#55575e;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;font-weight:500;padding:40px 0}.img-preview-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;animation:imgPreviewFadeIn .15s ease;cursor:zoom-out}@keyframes imgPreviewFadeIn{0%{opacity:0}to{opacity:1}}.img-preview-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:default;animation:imgPreviewScaleIn .2s cubic-bezier(.2,0,.13,1)}@keyframes imgPreviewScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.img-preview-close{position:fixed;top:16px;right:16px;z-index:9001}.chat-view{display:flex;flex-direction:column;height:100%;background:#1e1e22}.chat-header{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.chat-header-icon{color:#6b6d75}.chat-header-name{font-family:Geist,sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin:0}.chat-header-dm-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6rem;color:#fff;overflow:hidden;cursor:pointer;flex-shrink:0;transition:opacity .12s ease}.chat-header-dm-avatar:hover{opacity:.8}.chat-header-dm-avatar:has(img){background:transparent!important}.chat-header-dm-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-members-toggle{margin-right:4px;background:transparent;border:none;color:#b5bac1;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;transition:color .12s ease;-webkit-app-region:no-drag;position:relative}.chat-header-members-toggle:hover,.chat-header-members-toggle.active{color:#fff}.chat-header-members-toggle:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(2px);background:#111113;color:#e0e0e5;font-family:Geist,sans-serif;font-size:.72rem;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:300;box-shadow:0 2px 8px #0006}.chat-header-members-toggle:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0 0;display:flex;flex-direction:column;gap:24px}.chat-messages:before{content:"";margin-top:auto}.chat-date-divider{display:flex;align-items:center;padding:0 16px;margin:16px 0 8px}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.chat-date-divider span{font-family:Geist,sans-serif;font-size:.7rem;font-weight:700;color:#5c5c66;padding:0 8px;white-space:nowrap}.chat-message{display:flex;gap:12px;padding:4px 16px;transition:background .1s ease;position:relative;flex-wrap:wrap}.chat-message:hover{background:#ffffff05}.chat-message.mentioned{background:#faa61a14;border-left:2px solid #c8930a;padding-left:12px}.chat-message.mentioned:hover{background:#faa61a1f}.msg-avatar{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;overflow:hidden}.msg-avatar:has(img){background:transparent!important}.msg-avatar img{width:100%;height:100%;object-fit:cover}.msg-body{flex:1;min-width:0}.msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-author{font-family:Geist,sans-serif;font-size:15px;font-weight:600;color:#fff}.msg-author.clickable:hover{text-decoration:underline}.msg-time{font-size:12px;color:#5c5c66}.msg-content{font-size:15px;color:#dbdee1;line-height:1.6;word-break:break-word}.chat-welcome{padding:24px 16px;text-align:left}.welcome-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;position:relative}.welcome-icon svg{filter:drop-shadow(0 0 12px rgba(99,102,241,.3))}.chat-welcome h3{font-family:Geist,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 4px}.chat-welcome p{font-size:.88rem;color:#8e8e93;margin:0}.dm-profile-header{padding:24px 16px 8px;margin-top:auto}.dm-profile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:#fff;overflow:hidden;margin-bottom:12px}.dm-profile-avatar:has(img){background:transparent!important}.dm-profile-avatar img{width:100%;height:100%;object-fit:cover}.dm-profile-displayname{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 2px}.dm-profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dm-profile-actions{display:flex;align-items:center;gap:4px;margin-left:auto;-webkit-app-region:no-drag}.dm-profile-action-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;padding:6px 12px;font-family:Geist,sans-serif;font-size:.82rem;font-weight:600}.dm-profile-action-btn:hover{background:#ffffff0f}.dm-profile-action-btn.add{color:#23a55a}.dm-profile-action-btn.block{color:#f23f43}.dm-profile-username{font-family:Geist,sans-serif;font-size:.88rem;color:#8e8e93;display:block;margin-bottom:12px}.dm-profile-description{font-family:Geist,sans-serif;font-size:.88rem;color:#8e8e93;margin:0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.dm-profile-description strong{color:#fff}.dm-mutuals-row{display:flex;align-items:center;gap:10px;padding-top:12px;flex-wrap:wrap}.dm-mutual-group{display:flex;align-items:center;gap:6px}.dm-mutual-icons{display:flex}.dm-mutual-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.55rem;color:#fff;overflow:hidden;border:2px solid #1E1E22;margin-left:-6px}.dm-mutual-icon:first-child{margin-left:0}.dm-mutual-icon img{width:100%;height:100%;object-fit:cover}.dm-mutual-label{font-size:.78rem;color:#8e8e93;white-space:nowrap}.dm-mutual-dot{color:#5c5c66;font-size:.9rem;font-weight:700}.chat-input-bar{padding:0;flex-shrink:0;position:relative}.chat-input{width:100%;height:69px;padding:14px 16px;background:#1e1e22;border:none;border-radius:0;color:#dbdee1;font-size:15px;font-family:inherit;outline:none}.chat-input::placeholder{color:#5c5c66}.chat-input:focus{box-shadow:none}.msg-image-container{margin-top:6px}.msg-chat-image{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:filter .15s ease,transform .15s ease;object-fit:contain;display:block}.msg-chat-image:hover{filter:brightness(.85);transform:scale(1.01)}.chat-upload-wrapper{position:relative;flex-shrink:0}.chat-input-row{display:flex;align-items:center;gap:0;background:#1e1e22;border-radius:0;position:relative}.chat-input-row .chat-input{border-radius:0;padding-left:4px}.chat-upload-btn{width:44px;height:69px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#5c5c66;cursor:pointer;border-radius:8px 0 0 8px;transition:color .15s ease,transform .15s ease}.chat-upload-btn:hover,.chat-upload-btn.active{color:#dbdee1}.chat-upload-btn.active{transform:rotate(45deg)}.chat-upload-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;background:#232328;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;z-index:100;box-shadow:0 8px 24px #0006;animation:uploadMenuIn .12s ease}@keyframes uploadMenuIn{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-upload-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:5px;color:#ccc;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .1s ease}.chat-upload-menu-item:hover{background:#ffffff0f;color:#fff}.chat-upload-menu-item svg{color:#888;flex-shrink:0;margin-left:auto}.chat-pending-image{padding:8px 0 4px}.chat-pending-thumb{position:relative;display:inline-block;background:#2b2b30;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.06)}.chat-pending-thumb img{max-width:120px;max-height:120px;border-radius:4px;object-fit:cover;display:block}.chat-pending-remove{position:absolute;top:2px;right:2px}.chat-message{position:relative}.msg-edited{font-size:.65rem;color:#5c5c66;margin-left:4px}.msg-edit-form{margin-top:2px}.msg-edit-input{width:100%;padding:8px 10px;background:#3a3a3f;border:1px solid #5865f2;border-radius:4px;color:#dbdee1;font-size:.88rem;font-family:inherit;outline:none}.msg-edit-hint{font-size:.7rem;color:#5c5c66;margin-top:4px}.msg-edit-hint button{background:none;border:none;color:#5865f2;font-size:inherit;font-family:inherit;cursor:pointer;padding:0}.msg-edit-hint button:hover{text-decoration:underline}.chat-typing-container{position:absolute;bottom:calc(100% + 4px);left:20px;height:auto;padding:0 4px;pointer-events:none;z-index:10}.chat-typing-indicator{font-size:.75rem;color:#dbdee1;animation:fadeInTyping .15s ease}.chat-typing-indicator strong{color:#fff;font-weight:700}@keyframes fadeInTyping{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:#232328;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:8px 8px 0 0;padding:4px;z-index:100;box-shadow:0 -4px 16px #00000059;animation:uploadMenuIn .12s ease}.mention-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:5px;color:#ccc;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .08s ease;text-align:left}.mention-dropdown-item:hover,.mention-dropdown-item.active{background:#ffffff0f}.mention-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;color:#fff;flex-shrink:0;overflow:hidden}.mention-avatar:has(img){background:transparent!important}.mention-avatar img{width:100%;height:100%;object-fit:cover}.mention-display-name{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-username{color:#5c5c66;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.chat-emoji-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.chat-emoji-btn{width:36px;height:69px;margin-right:17px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#b5b5c0;cursor:pointer;transition:color .15s ease;-webkit-app-region:no-drag;position:relative}.chat-emoji-btn:hover,.chat-emoji-btn.active{color:#b5b5c0;background:transparent}.chat-emoji-btn:after{content:"Emojis";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);background:#111113;color:#e0e0e5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:200;box-shadow:0 2px 8px #0006}.chat-emoji-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.chat-emoji-btn.active:after{display:none}.emoji-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:320px;overflow-y:auto;background:#232328;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:8px 8px 0 0;padding:4px;z-index:100;box-shadow:0 -4px 16px #00000059;animation:uploadMenuIn .12s ease}.emoji-autocomplete-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:5px;color:#ccc;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .08s ease;text-align:left}.emoji-autocomplete-item:hover,.emoji-autocomplete-item.active{background:#ffffff0f}.emoji-autocomplete-icon{font-size:1.25rem;width:28px;text-align:center;flex-shrink:0}.emoji-autocomplete-name{color:#dbdee1;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-autocomplete-label{color:#5c5c66;font-size:.75rem;font-weight:400;white-space:nowrap;margin-left:auto;flex-shrink:0}@keyframes msg-highlight-pulse{0%{background:#5865f226}to{background:transparent}}.chat-message.highlighted{animation:msg-highlight-pulse 1.5s ease-out forwards;border-radius:6px}.msg-reply-quote{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 36px;margin-bottom:2px;font-size:.78rem;color:#8e8e93;cursor:pointer;border-radius:4px;transition:background .12s ease;width:100%}.msg-reply-quote:hover{background:transparent}.msg-reply-quote-icon{color:#5865f2;flex-shrink:0}.msg-reply-quote-author{color:#b5b5c0;font-weight:600;flex-shrink:0;margin-right:4px;border-radius:3px;padding:0 2px;transition:background .12s ease,color .12s ease}.msg-reply-quote:hover .msg-reply-quote-author{color:#e0e0e5;text-decoration:underline}.msg-reply-quote-content{color:#72727e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;transition:background .12s ease,border-color .12s ease;font-size:.82rem;color:#b5b5c0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reaction-chip:hover{background:#ffffff14;border-color:#ffffff24}.reaction-chip.reacted{background:#4b55d22e;border-color:#4b55d273;color:#7c8cf5}.reaction-chip.reacted:hover{background:#4b55d242}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-size:.75rem;font-weight:600;min-width:8px;text-align:center}.msg-reaction-picker-wrapper{position:absolute;top:-8px;right:0;z-index:200;transform:translateY(-100%)}.reply-preview-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1a1a1e;border-top:2px solid #5865f2;border-radius:8px 8px 0 0;margin:0 0 -6px;font-size:.82rem;color:#8e8e93;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.reply-preview-icon{color:#5865f2;flex-shrink:0}.reply-preview-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-text strong{color:#e0e0e5;font-weight:600}.reply-preview-content{margin-left:6px;color:#72727e}.pin-system-message{display:flex;align-items:center;gap:6px;padding:4px 16px;margin:2px 0}.pin-system-icon{color:#5c5c66;flex-shrink:0}.pin-system-text{font-family:Geist,sans-serif;font-size:.8rem;color:#5c5c66;line-height:1.4}.pin-system-link{color:#fff;text-decoration:underline;text-decoration-color:#6366f1;cursor:pointer}.msg-pin-badge{color:#5c5c66;margin-left:2px;flex-shrink:0}.chat-header-pin-wrapper{position:relative;display:flex;align-items:center;margin-left:auto}.prv-card{background:#1a1a1d;border-radius:8px;overflow:visible;width:100%;display:flex;flex-direction:column;position:relative}.prv-banner{height:120px;flex-shrink:0;border-radius:8px 8px 0 0;overflow:hidden;position:relative;cursor:pointer}.prv-banner:after{content:"";position:absolute;bottom:-40px;left:16px;width:80px;height:80px;background:#1a1a1d;border-radius:50%;pointer-events:none;z-index:2}.prv-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000;color:#fff0;font-size:.72rem;font-weight:600;transition:background .2s ease,color .2s ease;pointer-events:none;z-index:1}.prv-banner:hover .prv-banner-overlay,.prv-banner-overlay:has(.prv-banner-uploading){background:#0006;color:#ffffffe6}.prv-banner-uploading{font-size:.72rem;font-weight:600;letter-spacing:.02em}.prv-avatar-region{position:relative;height:0;padding:0 16px}.prv-avatar{position:absolute;bottom:-40px;left:16px;width:80px;height:80px;border-radius:50%;border:5px solid #1a1a1d;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;z-index:2}.prv-avatar-img{width:100%;height:100%;object-fit:cover}.prv-avatar-initial{font-weight:800;font-size:1.6rem;color:#fff;-webkit-user-select:none;user-select:none}.prv-avatar-overlay{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0000;color:#fff0;font-size:.6rem;font-weight:600;transition:background .2s ease,color .2s ease}.prv-avatar:hover .prv-avatar-overlay{background:#00000080;color:#ffffffe6}.prv-content{padding:50px 12px 12px}.prv-display-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.prv-tag{font-size:.82rem;color:#b5bac1;margin:2px 0 0;font-weight:500}.prv-bio{font-size:.82rem;color:#dbdee1;line-height:1.4;margin:12px 0 0;white-space:pre-wrap}.prv-member-since{margin-top:16px}.prv-section-title{font-size:.72rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px}.prv-date-item{display:flex;align-items:center;gap:6px}.prv-date-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.prv-date-value{font-size:.78rem;color:#b5bac1;white-space:nowrap}.settings-overlay{position:fixed;inset:0;background:#000000bf;z-index:5000;display:flex;align-items:center;justify-content:center}.settings-modal{display:flex;width:1000px;height:680px;border-radius:10px;overflow:hidden}.sm-sidebar{width:260px;min-width:260px;background:#0e0e13;display:flex;flex-direction:column;overflow:hidden}.sm-sidebar-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:20px 10px 10px}.sm-user-header{display:flex;align-items:center;gap:10px;padding:0 10px 14px}.sm-user-header-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.sm-user-header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sm-user-header-avatar:has(img){background:transparent!important}.sm-user-header-name{font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:700;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-nav-section{margin-bottom:4px;padding-top:8px}.sm-nav-section+.sm-nav-section{border-top:1px solid #1e1e24}.sm-group-header{display:flex;align-items:center;font-family:Geist,Inter,sans-serif;font-size:12px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 6px;position:relative}.sm-nav-parent{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:4px;color:#a0a0a8;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;margin-bottom:1px;transition:background .15s ease,color .15s ease}.sm-nav-parent:hover{background:#1e1e24}.sm-nav-parent.active{color:#e8e8f0;background:transparent;font-weight:600}.sm-nav-parent .sm-chevron{font-size:10px;color:#72727e;flex-shrink:0;display:flex;align-items:center;transition:transform .2s ease}.sm-nav-parent .sm-chevron.open{transform:rotate(90deg)}.sm-nav-item{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:4px;color:#a0a0a8;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;margin-bottom:1px;transition:background .15s ease,color .15s ease}.sm-nav-item:hover{background:#1e1e24}.sm-nav-item.active{color:#e8e8f0;background:#1a1a1f;font-weight:600}.sm-sub-items{position:relative;padding-left:12px;margin-left:10px;margin-bottom:2px;max-height:0;overflow:hidden;transition:max-height .2s ease}.sm-sub-items.expanded{max-height:500px}.sm-sub-items:before{content:"";position:absolute;left:0;top:0;bottom:4px;width:1px;background:#2a2a30}.sm-sub-item{display:flex;align-items:center;width:100%;background:transparent;border:none;border-left:2px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;border-radius:0 4px 4px 0;color:#72727e;font-family:Geist,Inter,sans-serif;font-size:14px;font-weight:400;cursor:pointer;text-align:left;margin-bottom:0;margin-left:-12px;padding:6px 10px 6px 14px;position:relative;line-height:1.3}.sm-sub-item:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:1px;background:#2a2a30}.sm-sub-item:hover{background:#1e1e24}.sm-sub-item.active{border-left-color:#5865f2;background:#1a1a1f;color:#e8e8f0;font-weight:600}.sm-sub-item.active:before{background:#5865f2}.sm-sidebar-bottom{padding:8px;border-top:1px solid #1e1e24}.sm-logout{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:4px;color:#d94040;font-family:Geist,Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.sm-logout:hover{background:#1e1e24}@keyframes smContentFade{0%{opacity:0}to{opacity:1}}.sm-content{flex:1;background:#111116;overflow-y:auto;padding:40px 48px;position:relative}.sm-content-inner{animation:smContentFade .2s ease}.sm-close{position:absolute;top:16px;right:16px}.sm-title{font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}.sm-profile-layout{display:flex;gap:40px}.sm-profile-form{flex:1;min-width:0}.sm-form-group{margin-bottom:20px}.sm-form-label{display:block;font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.sm-form-input{width:100%;padding:9px 12px;background:#1a1a1f;border:1px solid #2a2a30;border-radius:4px;color:#e8e8f0;font-family:Geist,Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s ease}.sm-form-input:focus{border-color:#5865f2}.sm-form-textarea{width:100%;padding:9px 12px;background:#1a1a1f;border:1px solid #2a2a30;border-radius:4px;color:#e8e8f0;font-family:Geist,Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s ease;resize:vertical;min-height:64px;max-height:140px;line-height:1.4}.sm-form-textarea:focus{border-color:#5865f2}.sm-char-count{display:block;text-align:right;font-family:Geist,Inter,sans-serif;font-size:11px;color:#72727e;margin-top:4px}.sm-color-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a1a1f;border-radius:4px;border:1px solid #2a2a30}.sm-color-preview{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid #2a2a30}.sm-color-input{width:40px;height:32px;border:none;background:none;padding:0;cursor:pointer;border-radius:4px}.sm-color-input::-webkit-color-swatch-wrapper{padding:2px}.sm-color-input::-webkit-color-swatch{border:1px solid #2a2a30;border-radius:4px}.sm-color-input::-moz-color-swatch{border:1px solid #2a2a30;border-radius:4px}.sm-color-hex{font-size:13px;color:#72727e;font-family:JetBrains Mono,Geist,monospace;letter-spacing:.03em}.sm-save-bar{display:flex;align-items:center;justify-content:space-between;background:#1a1a1f;padding:10px 14px;border-radius:4px;border:1px solid #2a2a30;margin-top:8px}.sm-unsaved{font-family:Geist,Inter,sans-serif;font-size:13px;color:#a0a0a8}.sm-save-actions{display:flex;gap:8px}.sm-reset-btn{background:transparent;color:#72727e;border:none;padding:6px 14px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border-radius:3px;transition:background .15s ease,color .15s ease}.sm-reset-btn:hover{background:#1e1e24;color:#e8e8f0}.sm-save-btn{background:#5865f2;color:#fff;border:none;padding:6px 18px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:3px;transition:background .15s ease,color .15s ease}.sm-save-btn:hover{background:#4752c4}.sm-save-btn:disabled{opacity:.5;cursor:not-allowed}.sm-preview{width:300px;flex-shrink:0}.sm-preview-label{display:block;font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.sm-preview-card{background:#1a1a1f;border-radius:8px;border:1px solid #2a2a30}.sm-preview-banner{height:100px;border-radius:8px 8px 0 0;position:relative;overflow:visible}.sm-preview-avatar-spacer{height:32px}.sm-preview-avatar{width:48px;height:48px;border-radius:50%;border:3px solid #1a1a1f;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;position:absolute;bottom:-24px;left:14px;z-index:3}.sm-preview-avatar:has(img){background:transparent!important}.sm-preview-avatar-clickable{cursor:pointer;pointer-events:all}.sm-preview-avatar-clickable:hover{opacity:.85}.sm-upload-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;color:#fff}.sm-preview-avatar-clickable:hover .sm-upload-overlay{opacity:1}.sm-preview-body{padding:0 14px 14px;position:relative}.sm-preview-banner-clickable{cursor:pointer;position:relative}.sm-banner-upload-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;color:#fff;border-radius:8px 8px 0 0;z-index:1;pointer-events:none}.sm-preview-banner-clickable:hover>.sm-banner-upload-overlay{opacity:1}.sm-preview-banner-clickable:has(.sm-preview-avatar-clickable:hover)>.sm-banner-upload-overlay{opacity:0}.sm-preview-banner-clickable:has(.sm-preview-avatar-clickable:hover){cursor:default}.sm-banner-uploading{font-family:Geist,Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;letter-spacing:.02em}.sm-preview-name{display:block;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:700;color:#e8e8f0}.sm-preview-tag{display:block;font-family:Geist,Inter,sans-serif;font-size:12px;color:#72727e;margin-top:1px}.sm-preview-bio{font-family:Geist,Inter,sans-serif;font-size:13px;color:#a0a0a8;margin:6px 0 0;line-height:1.4;word-break:break-word}.sm-card{background:#1a1a1f;border-radius:8px;overflow:hidden;margin-bottom:24px;border:1px solid #2a2a30}.sm-card-banner{height:100px;position:relative}.sm-card-banner:after{content:"";position:absolute;bottom:-28px;left:16px;width:56px;height:56px;background:#1a1a1f;border-radius:50%;pointer-events:none;z-index:0}.sm-card-body{display:flex;align-items:center;gap:12px;padding:0 16px 14px;position:relative}.sm-avatar{width:56px;height:56px;border-radius:50%;border:4px solid #1a1a1f;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;margin-top:-28px;flex-shrink:0}.sm-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sm-avatar:has(img){background:transparent!important}.sm-card-info{display:flex;flex-direction:column;padding-top:6px}.sm-name{font-family:Geist,Inter,sans-serif;font-size:16px;font-weight:700;color:#e8e8f0}.sm-tag{font-family:Geist,Inter,sans-serif;font-size:13px;color:#72727e}.sm-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.sm-field label{display:block;font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sm-field-row{display:flex;align-items:center;justify-content:space-between}.sm-field-row span{font-family:Geist,Inter,sans-serif;font-size:14px;color:#e8e8f0}.sm-edit{background:#1a1a1f;color:#a0a0a8;border:1px solid #2a2a30;border-radius:3px;padding:4px 12px;font-family:Geist,Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.sm-edit:hover{background:#1e1e24;color:#e8e8f0}.sm-separator{height:1px;background:#2a2a30;margin-bottom:20px}.sm-section h3{font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.sm-action-btn{background:#1a1a1f;color:#a0a0a8;border:1px solid #2a2a30;border-radius:4px;padding:8px 18px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.sm-action-btn:hover{background:#1e1e24;color:#e8e8f0}.sm-placeholder{font-family:Geist,Inter,sans-serif;font-size:14px;color:#72727e;padding:40px 0}.sm-pw-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.sm-pw-error{background:#d940401a;border:1px solid rgba(217,64,64,.25);color:#d94040;padding:10px 14px;border-radius:6px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:500}.sm-pw-success{background:#2ecc711a;border:1px solid rgba(46,204,113,.25);color:#2ecc71;padding:10px 14px;border-radius:6px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:500}.sm-pw-requirements{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.sm-pw-requirements li{font-family:Geist,Inter,sans-serif;font-size:12px;color:#e0a040;padding-left:14px;position:relative}.sm-pw-requirements li:before{content:"•";position:absolute;left:4px}.sm-pw-mismatch{font-family:Geist,Inter,sans-serif;font-size:12px;color:#d94040;margin-top:4px}.sm-pw-submit{align-self:flex-start;margin-top:4px}.sm-2fa-section{display:flex;flex-direction:column;gap:16px}.sm-2fa-status{display:flex;flex-direction:column;gap:6px}.sm-2fa-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:600;width:fit-content}.sm-2fa-enabled{background:#2ecc711a;border:1px solid rgba(46,204,113,.2);color:#2ecc71}.sm-2fa-disabled{background:#a0a0a814;border:1px solid rgba(160,160,168,.15);color:#a0a0a8}.sm-2fa-desc{font-family:Geist,Inter,sans-serif;font-size:13px;color:#72727e;margin:0;line-height:1.5}.sm-2fa-disable-btn{color:#d94040!important;border-color:#d940404d!important}.sm-2fa-disable-btn:hover{background:#d940401a!important;color:#d94040!important}.sm-2fa-verify{display:flex;flex-direction:column;gap:8px}.sm-2fa-code-row{display:flex;align-items:center;gap:8px}.sm-2fa-code-input{max-width:140px;letter-spacing:6px;font-size:16px!important;font-family:JetBrains Mono,Geist,monospace!important;text-align:center}.search-bar-wrapper{position:relative;width:100%;height:100%}.search-bar-input{width:100%;height:100%;padding:0 12px 0 32px;background:#1e1e22;border:none;border-radius:0;color:#dbdee1;font-family:Geist,sans-serif;font-size:.82rem;outline:none;transition:border-color .12s ease,background .12s ease}.search-bar-input::placeholder{color:#5c5c66}.search-bar-input:focus{background:#1e1e22;color:#fff}.search-bar-input:focus::placeholder{color:#fff}.search-bar-input:focus~.search-bar-icon{color:#fff}.search-bar-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#5c5c66;pointer-events:none}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1e1f22;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:300;max-height:480px;overflow-y:auto;animation:searchDropIn .12s ease}@keyframes searchDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-filters-header{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;font-family:Geist,sans-serif;font-size:.65rem;font-weight:800;color:#5c5c66;text-transform:uppercase;letter-spacing:.04em}.search-filter-row{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background .1s ease}.search-filter-row:hover{background:#ffffff0a}.search-filter-name{font-family:Geist,sans-serif;font-size:.8rem;font-weight:700;color:#5865f2;min-width:90px}.search-filter-desc{font-family:Geist,sans-serif;font-size:.75rem;color:#8b8b8b;flex:1}.search-filter-add{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#8b8b8b;cursor:pointer;flex-shrink:0;transition:all .12s ease;padding:0;margin-left:auto}.search-filter-add:hover{background:#5865f226;border-color:#5865f266;color:#5865f2}.search-pills{display:flex;flex-wrap:wrap;gap:4px;padding:6px 12px}.search-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#5865f226;border:1px solid rgba(88,101,242,.3);border-radius:12px;font-family:Geist,sans-serif;font-size:.72rem;font-weight:600;color:#7c8cf5}.search-pill-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:transparent;border:none;color:#7c8cf5;cursor:pointer;padding:0;border-radius:50%;transition:all .12s}.search-pill-remove:hover{background:#5865f24d;color:#fff}.search-results-section{padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.search-results-title{font-family:Geist,sans-serif;font-size:.65rem;font-weight:800;color:#5c5c66;text-transform:uppercase;letter-spacing:.04em;padding:4px 12px}.search-result-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s ease;width:100%;background:transparent;border:none;text-align:left;font-family:inherit}.search-result-item:hover{background:#ffffff0a}.search-result-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff}.search-result-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.search-result-info{flex:1;min-width:0}.search-result-name{font-family:Geist,sans-serif;font-size:.78rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-preview{font-family:Geist,sans-serif;font-size:.72rem;color:#8b8b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-family:Geist,sans-serif;font-size:.62rem;color:#5c5c66;flex-shrink:0}.search-result-channel-icon{color:#5c5c66;flex-shrink:0}.search-no-results,.search-loading{font-family:Geist,sans-serif;font-size:.78rem;color:#5c5c66;padding:16px 12px;text-align:center}.search-msg-channel-group{border-top:1px solid rgba(255,255,255,.06)}.search-msg-channel-group:first-child{border-top:none}.search-msg-channel-header{display:flex;align-items:center;gap:5px;padding:10px 12px 4px;cursor:pointer;transition:background .1s ease}.search-msg-channel-header:hover{background:#ffffff08}.search-msg-channel-hash{color:#5c5c66;flex-shrink:0}.search-msg-channel-name{font-family:Geist,sans-serif;font-size:.72rem;font-weight:700;color:#72767d;text-transform:lowercase}.search-msg-list{display:flex;flex-direction:column}.search-msg-card{display:flex;flex-direction:column;width:100%;padding:6px 12px 6px 16px;background:transparent;border:none;text-align:left;font-family:inherit;cursor:pointer;transition:background .1s ease;border-radius:4px;margin:0 4px;width:calc(100% - 8px)}.search-msg-card:hover{background:#ffffff0a}.search-msg-reply-ghost{display:flex;align-items:center;gap:6px;padding:0 0 3px 20px}.search-msg-reply-spine{width:24px;height:12px;border-left:2px solid #3f3f46;border-top:2px solid #3f3f46;border-top-left-radius:6px;flex-shrink:0;margin-top:6px}.search-msg-reply-text{font-family:Geist,sans-serif;font-size:.68rem;font-style:italic;color:#52525b}.search-msg-row{display:flex;align-items:flex-start;gap:8px}.search-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;margin-top:1px}.search-msg-body{flex:1;min-width:0}.search-msg-header-row{display:flex;align-items:baseline;gap:6px}.search-msg-username{font-family:Geist,sans-serif;font-size:.8rem;font-weight:600;color:#e0e0e0}.search-msg-timestamp{font-family:Geist,sans-serif;font-size:.62rem;color:#52525b;flex-shrink:0}.search-msg-content{font-family:Geist,sans-serif;font-size:.78rem;color:#b5bac1;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.member-list-container{width:260px;height:100%;overflow:hidden;transition:width .25s cubic-bezier(.2,0,0,1);flex-shrink:0;border-left:1px solid rgba(255,255,255,.06)}.member-list-container.hidden{width:0}.member-list-container.no-transition{transition:none}.member-list{width:260px;background:#1e1e22;height:100%;overflow-y:auto;padding:0 8px 12px;position:relative}.ml-header{height:48px;display:flex;align-items:center;padding:0;margin:0 -8px;width:calc(100% + 16px);border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.ml-header-title{font-size:.95rem;font-weight:700;color:#fff;margin:0}.ml-section-title{font-family:Geist,sans-serif;font-size:.68rem;font-weight:800;color:#666;text-transform:uppercase;letter-spacing:.04em;padding:12px 8px 4px;margin:0}.ml-member{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:background .1s;text-align:left;font-family:inherit}.ml-member:hover{background:#ffffff0a}.ml-member.offline{opacity:.5}.ml-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;position:relative}.ml-avatar:has(img){background:transparent!important}.ml-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ml-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #1E1E22;z-index:10}.ml-info{display:flex;align-items:center;gap:6px;min-width:0}.ml-name{font-family:Geist,sans-serif;font-size:.88rem;font-weight:600;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-owner-crown{color:#f0b232;flex-shrink:0}.ml-profile-popup{position:fixed;width:280px;z-index:10000;animation:mlPopupIn .18s ease-out;pointer-events:auto}@keyframes mlPopupIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.ml-popup-banner{height:62px}.ml-popup-body{padding:0 14px 14px;position:relative}.ml-popup-avatar{width:52px;height:52px;border-radius:50%;border:4px solid #232328;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;margin-top:-26px;margin-bottom:6px;position:relative}.ml-popup-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ml-popup-status-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:3px solid #232328;z-index:10}.ml-popup-name{font-size:1rem;font-weight:700;color:#fff;margin:0}.ml-popup-tag{font-size:.78rem;color:#888;display:block;margin-top:1px}.ml-popup-badge{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:3px;margin-top:6px}.ml-popup-badge.owner{background:#f0b23226;color:#f0b232}.ml-popup-badge.admin{background:#5865f226;color:#a29bfe}.ml-popup-divider{height:1px;background:#ffffff0a;margin:10px 0}.ml-popup-section-title{font-size:.65rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px}.ml-popup-bio{font-size:.82rem;color:#aaa;line-height:1.4;margin:0;word-break:break-word}.roles-settings{display:flex;height:100%;gap:0;margin:-24px -32px;height:calc(100% + 48px)}.roles-list-col{width:240px;background:#00000026;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;flex-shrink:0}.roles-list-header{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 10px}.roles-list-heading{font-size:.68rem;font-weight:800;color:#555;text-transform:uppercase;letter-spacing:.08em}.roles-list-items{flex:1;overflow-y:auto;padding:0 6px 12px}.role-list-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:all .12s ease;margin-bottom:2px;position:relative;border-left:3px solid transparent}.role-list-item:hover{background:#ffffff0a}.role-list-item.active{background:#6366f114;border-left-color:#6366f1}.role-list-item.dragging{opacity:.4}.role-list-item.deleting{background:#ef444414;border-left-color:#ef4444}.role-drag-handle{display:flex;align-items:center;color:#333;flex-shrink:0;cursor:grab;opacity:0;transition:opacity .1s ease}.role-list-item:hover .role-drag-handle{opacity:1;color:#666}.role-list-item.active .role-drag-handle{opacity:1;color:#6366f1}.role-list-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #00000040}.role-list-name{font-size:.82rem;color:#aaa;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.role-list-item.active .role-list-name{color:#e0e0e5}.role-member-count{font-size:.62rem;color:#444;font-weight:600;flex-shrink:0;min-width:14px;text-align:right}.role-drop-guide{position:absolute;left:4px;right:4px;height:2px;background:#6366f1;border-radius:1px;pointer-events:none;z-index:5}.role-drop-guide.top{top:-1px}.role-drop-guide.bottom{bottom:-1px}.role-list-item.everyone{margin-top:8px;border-top:1px solid rgba(255,255,255,.04);padding-top:10px;border-left:3px solid transparent}.role-list-item.everyone.active{border-left-color:#6366f1}.role-delete-inline{display:flex;align-items:center;gap:8px;width:100%;font-size:.78rem;font-weight:600;color:#f87171}.role-delete-inline span{flex:1}.role-delete-confirm,.role-delete-cancel{font-family:inherit;font-size:.7rem;font-weight:700;border:none;border-radius:4px;padding:3px 10px;cursor:pointer;transition:all .12s ease}.role-delete-confirm{background:#ef4444;color:#fff}.role-delete-confirm:hover{background:#dc2626}.role-delete-cancel{background:#ffffff0f;color:#aaa}.role-delete-cancel:hover{background:#ffffff1a;color:#fff}.role-editor-col{flex:1;overflow-y:auto;display:flex;flex-direction:column}.role-editor-inner{padding:24px 52px 24px 28px}.role-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.role-editor-title-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.role-title-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #0000004d}.role-name-input{flex:1;min-width:0;padding:6px 0;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff;font-size:1.15rem;font-weight:700;font-family:inherit;outline:none;transition:border-color .15s ease}.role-name-input:focus{border-bottom-color:#6366f180}.role-name-input:disabled{opacity:.5;cursor:not-allowed}.role-editor-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.role-saved-badge{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#4ade80;animation:savedFadeIn .2s ease}@keyframes savedFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.role-saving-badge{font-size:.72rem;font-weight:500;color:#888}.role-section{margin-bottom:20px}.role-section-title{font-size:.68rem;font-weight:800;color:#555;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.role-separator{height:1px;background:#ffffff0a;margin:6px 0 14px}.role-color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.role-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;position:relative}.role-color-swatch:hover{transform:scale(1.15);box-shadow:0 0 10px #00000059}.role-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #6366f180;transform:scale(1.1)}.role-color-swatch.selected:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.role-color-custom{display:flex;align-items:center;gap:8px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:4px 10px 4px 4px;width:fit-content}.role-color-native{width:28px;height:28px;border:none;background:none;padding:0;cursor:pointer;border-radius:4px}.role-color-native::-webkit-color-swatch-wrapper{padding:1px}.role-color-native::-webkit-color-swatch{border:1px solid rgba(255,255,255,.1);border-radius:4px}.role-color-native::-moz-color-swatch{border:1px solid rgba(255,255,255,.1);border-radius:4px}.role-color-hex-input{width:72px;background:transparent;border:none;color:#aaa;font-size:.78rem;font-family:JetBrains Mono,Fira Code,monospace;outline:none;letter-spacing:.03em}.role-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;margin-bottom:2px;transition:background .12s ease}.role-toggle-row:hover{background:#ffffff05}.role-toggle-info{display:flex;flex-direction:column;gap:2px;flex:1;margin-right:14px}.role-toggle-label{font-size:.82rem;font-weight:600;color:#ddd}.role-toggle-desc{font-size:.7rem;color:#555;line-height:1.35}.role-toggle-switch{position:relative;width:38px;height:20px;flex-shrink:0}.role-toggle-switch input{opacity:0;width:0;height:0}.role-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#333;border-radius:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.role-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:#666;border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1)}.role-toggle-switch input:checked+.role-toggle-slider{background:#6366f159}.role-toggle-switch input:checked+.role-toggle-slider:before{transform:translate(18px);background:#6366f1;box-shadow:0 0 8px #6366f166}.perm-card{background:#0000001f;border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px;margin-bottom:10px}.perm-card-title{font-size:.62rem;font-weight:800;color:#555;text-transform:uppercase;letter-spacing:.1em;padding:2px 4px 6px}.role-toggle-row.admin-perm{border:1px solid rgba(239,68,68,.1);background:#ef444408;border-radius:6px}.role-toggle-row.admin-perm .role-toggle-label{color:#f87171}.role-members-search{display:flex;align-items:center;gap:8px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 10px;margin-bottom:10px}.role-members-search svg{color:#555;flex-shrink:0}.role-members-search input{flex:1;background:transparent;border:none;color:#ddd;font-size:.82rem;font-family:inherit;outline:none}.role-members-search input::placeholder{color:#444}.role-members-list{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.role-member-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;transition:background .12s ease}.role-member-row:hover{background:#ffffff08}.role-member-row.assigned{background:#6366f10d}.role-member-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.role-member-avatar img{width:100%;height:100%;object-fit:cover}.role-member-info{display:flex;flex-direction:column;flex:1;min-width:0}.role-member-name{font-size:.8rem;font-weight:600;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-member-username{font-size:.68rem;color:#555}.role-member-toggle{width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;flex-shrink:0;transition:all .15s ease;font-family:inherit}.role-member-toggle.add{background:#6366f11f;color:#818cf8}.role-member-toggle.add:hover{background:#6366f140}.role-member-toggle.remove{background:#ef44441a;color:#f87171}.role-member-toggle.remove:hover{background:#ef444433}.role-members-empty{text-align:center;padding:20px;font-size:.78rem;color:#444}.roles-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.roles-empty-state h3{font-size:.95rem;color:#555;font-weight:600;margin:0 0 4px}.roles-empty-state p{font-size:.78rem;color:#444;margin:0}.roles-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#555;font-size:.85rem}.spv-card{background:#232328;border-radius:8px;overflow:visible;width:100%;display:flex;flex-direction:column;position:relative}.spv-banner{height:80px;flex-shrink:0;border-radius:8px 8px 0 0;overflow:hidden;position:relative;cursor:pointer}.spv-banner:after{content:"";position:absolute;bottom:-40px;left:16px;width:80px;height:80px;background:#232328;border-radius:50%;pointer-events:none;z-index:2}.spv-banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000;color:#fff0;font-size:.72rem;font-weight:600;transition:background .2s ease,color .2s ease;pointer-events:none;z-index:1}.spv-banner:hover .spv-banner-overlay,.spv-banner-overlay:has(.spv-banner-uploading){background:#0006;color:#ffffffe6}.spv-banner-uploading{font-size:.72rem;font-weight:600;letter-spacing:.02em}.spv-icon-region{position:relative;height:0;padding:0 16px}.spv-icon{position:absolute;bottom:-40px;left:16px;width:80px;height:80px;border-radius:50%;border:5px solid #232328;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;z-index:2}.spv-icon-img{width:100%;height:100%;object-fit:cover}.spv-icon-initial{font-weight:800;font-size:1.6rem;color:#fff;-webkit-user-select:none;user-select:none}.spv-icon-overlay{position:absolute;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0000;color:#fff0;font-size:.6rem;font-weight:600;transition:background .2s ease,color .2s ease}.spv-icon:hover .spv-icon-overlay{background:#00000080;color:#ffffffe6}.spv-content{padding:50px 12px 12px}.spv-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.spv-desc{font-size:.82rem;color:#dbdee1;line-height:1.4;margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.spv-stats{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.spv-stat{font-size:.7rem;color:#8e8e93;font-weight:500}.spv-stat-online{color:#23a55a}.spv-stat-boost{color:#f47fff}.spv-join-btn{width:100%;margin-top:10px;padding:8px 0;background:#5865f2;border:none;border-radius:4px;color:#fff;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease}.spv-join-btn:hover{background:#4752c4}.ui-settings{width:100%}.ui-section{background:#1e1e22;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px;margin-bottom:14px}.ui-section-title{color:#fff;font-weight:700;font-size:.9rem;margin-bottom:6px}.ui-section-sub{color:#888;font-size:.82rem;margin-bottom:10px}.ui-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ui-preset-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#bbb;border-radius:6px;padding:6px 10px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600}.ui-preset-btn:hover{border-color:#ffffff29;color:#fff}.ui-preset-btn.active{background:#ffffff14;border-color:#ffffff29;color:#fff}.ui-custom-row{display:flex;align-items:center;gap:10px}.ui-custom-input{width:120px;padding:8px 10px;background:#1a1a1d;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#eee;font-size:.85rem;outline:none}.ui-custom-input:focus{border-color:#ffffff24}.ui-save-btn{background:#6366f1;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700}.ui-save-btn:disabled{opacity:.6;cursor:not-allowed}.ui-current{color:#888;font-size:.8rem;margin-left:auto}.ui-empty{color:#888;font-size:.85rem;padding:8px 0}.ui-inviter-list{display:flex;flex-direction:column;gap:10px}.ui-inviter-card{background:#1a1a1d;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.ui-inviter-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.ui-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#2a2a2e;color:#fff;font-weight:800}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-avatar.small{width:28px;height:28px;border-radius:9px}.ui-inviter-meta{display:flex;flex-direction:column;min-width:0}.ui-inviter-name{color:#fff;font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-inviter-tag{color:#888;font-size:.8rem}.ui-count{margin-left:auto;min-width:40px;text-align:right;color:#fff;font-weight:800;font-size:.95rem}.ui-expand-btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#bbb;border-radius:6px;padding:6px 10px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700}.ui-expand-btn:hover{border-color:#ffffff24;color:#fff}.ui-invited-list{border-top:1px solid rgba(255,255,255,.06);padding:6px;display:flex;flex-direction:column;gap:6px}.ui-invited-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit}.ui-invited-row:hover{background:#ffffff0d}.ui-invited-meta{display:flex;flex-direction:column;min-width:0}.ui-invited-name{color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-invited-tag{color:#888;font-size:.78rem}.ui-status-pill{margin-left:auto;font-size:.75rem;font-weight:800;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#bbb}.ui-status-pill.valid{color:#a3e635;border-color:#a3e63540;background:#a3e63514}.ui-status-pill.pending{color:#facc15;border-color:#facc1538;background:#facc150f}.server-settings-overlay{position:fixed;inset:0;background:#000000bf;z-index:5000;display:flex;align-items:center;justify-content:center}.server-settings-modal{display:flex;width:1000px;height:680px;border-radius:10px;overflow:hidden}.ss-sidebar{width:260px;min-width:260px;background:#0e0e13;display:flex;flex-direction:column;overflow:hidden}.ss-sidebar-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:20px 10px 10px}.ss-server-name{display:block;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:700;color:#e8e8f0;padding:0 10px 14px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-nav-section{margin-bottom:4px;padding-top:8px}.ss-nav-section+.ss-nav-section{border-top:1px solid #1e1e24}.ss-group-header{display:flex;align-items:center;font-family:Geist,Inter,sans-serif;font-size:12px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px 6px;position:relative}.ss-nav-item{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:4px;color:#a0a0a8;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;margin-bottom:1px;transition:background .15s ease,color .15s ease}.ss-nav-item:hover{background:#1e1e24}.ss-nav-item.active{color:#e8e8f0;background:#1a1a1f;font-weight:600}.ss-sidebar-bottom{padding:8px;border-top:1px solid #1e1e24}.ss-delete-server{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:4px;color:#d94040;font-family:Geist,Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.ss-delete-server:hover{background:#1e1e24}@keyframes ssContentFade{0%{opacity:0}to{opacity:1}}.ss-content{flex:1;background:#111116;overflow-y:auto;padding:40px 48px;position:relative}.ss-content-inner{animation:ssContentFade .2s ease}.ss-close{position:absolute;top:16px;right:16px}.ss-title{font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}.ss-profile-layout{display:flex;gap:40px}.ss-profile-form{flex:1;min-width:0}.ss-form-group{margin-bottom:20px}.ss-form-label{display:block;font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.ss-form-input{width:100%;padding:9px 12px;background:#1a1a1f;border:1px solid #2a2a30;border-radius:4px;color:#e8e8f0;font-family:Geist,Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s ease}.ss-form-input:focus{border-color:#5865f2}.ss-form-textarea{width:100%;padding:9px 12px;background:#1a1a1f;border:1px solid #2a2a30;border-radius:4px;color:#e8e8f0;font-family:Geist,Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s ease;resize:vertical;min-height:64px;max-height:140px;line-height:1.4}.ss-form-textarea:focus{border-color:#5865f2}.ss-char-count{display:block;text-align:right;font-family:Geist,Inter,sans-serif;font-size:11px;color:#72727e;margin-top:4px}.ss-color-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a1a1f;border-radius:4px;border:1px solid #2a2a30}.ss-color-preview{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid #2a2a30}.ss-color-input{width:40px;height:32px;border:none;background:none;padding:0;cursor:pointer;border-radius:4px}.ss-color-input::-webkit-color-swatch-wrapper{padding:2px}.ss-color-input::-webkit-color-swatch{border:1px solid #2a2a30;border-radius:4px}.ss-color-input::-moz-color-swatch{border:1px solid #2a2a30;border-radius:4px}.ss-color-hex{font-size:13px;color:#72727e;font-family:JetBrains Mono,Geist,monospace;letter-spacing:.03em}.ss-save-bar{display:flex;align-items:center;justify-content:space-between;background:#1a1a1f;padding:10px 14px;border-radius:4px;border:1px solid #2a2a30;margin-top:8px}.ss-unsaved{font-family:Geist,Inter,sans-serif;font-size:13px;color:#a0a0a8}.ss-save-actions{display:flex;gap:8px}.ss-reset-btn{background:transparent;color:#72727e;border:none;padding:6px 14px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border-radius:3px;transition:background .15s ease,color .15s ease}.ss-reset-btn:hover{background:#1e1e24;color:#e8e8f0}.ss-save-btn{background:#5865f2;color:#fff;border:none;padding:6px 18px;font-family:Geist,Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:3px;transition:background .15s ease,color .15s ease}.ss-save-btn:hover{background:#4752c4}.ss-save-btn:disabled{opacity:.5;cursor:not-allowed}.ss-preview{width:300px;flex-shrink:0}.ss-preview-label{display:block;font-family:Geist,Inter,sans-serif;font-size:11px;font-weight:700;color:#72727e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.ss-preview-card{background:#1a1a1f;border-radius:8px;border:1px solid #2a2a30}.ss-preview-banner{height:100px;position:relative;overflow:visible}.ss-preview-body{padding:0 14px 14px;position:relative}.ss-preview-avatar-spacer{height:32px}.ss-preview-icon{width:52px;height:52px;border-radius:14px;border:3px solid #1a1a1f;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;background:#2a2a30;position:absolute;bottom:-26px;left:14px;z-index:3}.ss-preview-icon:has(img){background:transparent!important}.ss-preview-icon-clickable{cursor:pointer}.ss-preview-icon-clickable:hover{opacity:.85}.ss-upload-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:11px;opacity:0;color:#fff}.ss-preview-icon-clickable:hover .ss-upload-overlay{opacity:1}.ss-preview-banner-clickable{cursor:pointer;position:relative}.ss-banner-upload-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;color:#fff;border-radius:8px 8px 0 0;z-index:1;pointer-events:none}.ss-preview-banner-clickable:hover>.ss-banner-upload-overlay{opacity:1}.ss-preview-banner-clickable:has(.ss-preview-icon-clickable:hover)>.ss-banner-upload-overlay{opacity:0}.ss-preview-banner-clickable:has(.ss-preview-icon-clickable:hover){cursor:default}.ss-banner-uploading{font-family:Geist,Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;letter-spacing:.02em}.ss-preview-icon img{width:100%;height:100%;object-fit:cover;border-radius:11px}.ss-preview-name{display:block;font-family:Geist,Inter,sans-serif;font-size:15px;font-weight:700;color:#e8e8f0}.ss-preview-desc{font-family:Geist,Inter,sans-serif;font-size:13px;color:#a0a0a8;margin:4px 0 0;line-height:1.4;word-break:break-word}.ss-placeholder{font-family:Geist,Inter,sans-serif;font-size:14px;color:#72727e;padding:40px 0}.server-browser{display:flex;flex-direction:row;height:100%;width:100%;background:#1e1e22;overflow:hidden}.sb-banner{padding:40px 40px 32px;background:#6366f1;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center}.sb-title{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 6px}.sb-subtitle{font-family:Geist,sans-serif;font-size:.85rem;font-weight:400;color:#ffffffbf;margin:0 0 20px}.sb-search-wrapper{position:relative;width:100%;max-width:520px}.sb-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5c5c66;pointer-events:none}.sb-search{width:100%;padding:12px 20px 12px 42px;background:#1e1e22;border:none;border-radius:24px;color:#fff;font-family:Geist,sans-serif;font-size:.88rem;font-weight:700;outline:none}.sb-search::placeholder{font-family:Geist,sans-serif;font-weight:700;color:#5c5c66}.sb-categories{width:240px;flex-shrink:0;padding:16px 8px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;background:#1a1a1d}.sb-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sb-cat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:6px;font-family:Geist,sans-serif;font-size:.82rem;font-weight:700;color:#8e9297;cursor:pointer;transition:background .12s,color .12s;text-align:left}.sb-cat-btn:hover{background:#ffffff0a;color:#dbdee1}.sb-cat-btn.active{background:#6366f1;color:#fff}.sb-content{flex:1;overflow-y:auto;padding:24px 32px 40px;min-width:0}.sb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 0;font-family:Geist,sans-serif;font-weight:700;color:#5c5c66;font-size:.85rem}.sb-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.08);border-top-color:#6366f1;border-radius:50%;animation:sbSpin .8s linear infinite}@keyframes sbSpin{to{transform:rotate(360deg)}}.sb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:80px 0;color:#5c5c66;text-align:center}.sb-empty h3{margin:8px 0 0;font-family:Geist,sans-serif;font-size:1rem;font-weight:700;color:#b5bac1}.sb-empty p{margin:0;font-family:Geist,sans-serif;font-size:.82rem;font-weight:400;color:#5c5c66}.sb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1100px){.sb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sb-grid{grid-template-columns:1fr}}.sb-card{background:transparent;border-radius:12px;border:1px solid rgba(255,255,255,.15);padding:22px;display:flex;flex-direction:column;min-height:280px;box-shadow:none}.sb-card-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sb-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Geist,sans-serif;font-weight:700;font-size:1.1rem;color:#fff;overflow:hidden;flex-shrink:0}.sb-card-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.sb-card-title-area{flex:1;min-width:0}.sb-card-name{font-family:Geist,sans-serif;font-size:.92rem;font-weight:700;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-card-category{font-family:Geist,sans-serif;font-size:.62rem;font-weight:700;color:#5c5c66;letter-spacing:.04em}.sb-card-desc{font-family:Geist,sans-serif;font-size:.78rem;font-weight:400;color:#8e9297;margin:0 0 8px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.sb-card-divider{height:1px;background:#ffffff26;margin-top:auto;margin-left:-22px;margin-right:-22px}.sb-card-bottom{padding-top:14px}.sb-card-stats{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}.sb-stat{display:flex;align-items:center;gap:5px;font-family:Geist,sans-serif;font-size:.72rem;font-weight:700;color:#5c5c66}.sb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sb-dot-green{background:#3ba55d}.sb-dot-grey{background:#5c5c66}.sb-join-btn{width:100%;padding:10px 0;background:#6366f1;color:#fff;border:none;border-radius:24px;font-family:Geist,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .12s;text-align:center}.sb-join-btn:hover:not(:disabled){background:#4752c4}.sb-join-btn:active:not(:disabled){background:#3c45a5}.sb-join-btn:disabled{opacity:.5;cursor:not-allowed}.sb-join-btn.sb-joined{background:#ffffff0f;color:#5c5c66}.sb-join-btn.sb-joined:hover{background:#ffffff1a}.dashboard-layout{display:flex;width:100vw;height:100%;overflow:hidden;background:#1e1e22}.dashboard-main{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column}.status-msg{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem}.dashboard-content-wrapper{display:flex;flex:1;min-width:0;overflow:hidden}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d10;padding:20px}.invite-page-card{background:#1a1a1f;border-radius:12px;width:420px;max-width:100%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a;text-align:center;animation:inviteCardIn .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.invite-page-banner{height:100px;background:#5865f2;position:relative}.invite-page-card-body{padding:40px}@keyframes inviteCardIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-page-loading{color:#8e8e93;font-size:.9rem;padding:20px 0}.invite-page-error-icon{color:#da373c;margin-bottom:16px}.invite-page-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px}.invite-page-desc{font-size:.88rem;color:#8e8e93;margin:0 0 24px;line-height:1.5}.invite-page-subtitle{font-size:.78rem;color:#8e8e93;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin:0 0 20px}.invite-page-server{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:24px;text-align:left}.invite-page-server-icon{width:48px;height:48px;border-radius:12px;background:#5865f2;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.invite-page-server-icon img{width:100%;height:100%;object-fit:cover}.invite-page-server-icon span{font-size:1.2rem;font-weight:700;color:#fff}.invite-page-server-info{flex:1;min-width:0}.invite-page-server-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-page-server-desc{font-size:.78rem;color:#8e8e93;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-page-members{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#8e8e93}.invite-page-member-dot{width:8px;height:8px;border-radius:50%;background:#23a55a}.invite-page-btn{width:100%;padding:12px 24px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s ease}.invite-page-btn.primary{background:#5865f2;color:#fff}.invite-page-btn.primary:hover{background:#4752c4}.invite-page-btn.secondary{background:#ffffff0f;color:#dbdee1}.invite-page-btn.secondary:hover{background:#ffffff1a}.invite-page-btn:disabled{opacity:.5;cursor:not-allowed}:root{--status-ok: #22c55e;--status-degraded: #f59e0b;--status-down: #ef4444;--status-checking: #6b7280}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.status-badge--sm{gap:6px;padding:3px 8px;font-size:12px}.status-badge--md{font-size:13px}.status-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--dot-color);flex-shrink:0;position:relative}.status-badge__dot--ok,.status-badge__dot--degraded,.status-badge__dot--down{animation:statusPulse 2s ease-in-out infinite}.status-badge__dot--checking{animation:statusBlink 1.2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 var(--dot-color)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--dot-color) 30%,transparent)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.status-badge__label{color:var(--color-text);font-weight:500;letter-spacing:.01em}.status-page{width:100%;height:100%;overflow-y:auto;background:var(--color-bg);display:flex;justify-content:center;padding:40px 20px}.status-page__container{width:100%;max-width:720px;display:flex;flex-direction:column;gap:28px}.status-page__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-page__title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.status-page__overview{display:flex;gap:24px;flex-wrap:wrap}.status-page__stat{display:flex;flex-direction:column;gap:4px;padding:14px 20px;border-radius:12px;background:var(--color-bg-elevated);min-width:120px}.status-page__stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.status-page__stat-value{font-size:18px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.status-page__unreachable{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);flex:1}.status-page__unreachable-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}.status-page__unreachable-text{display:flex;flex-direction:column;gap:4px}.status-page__unreachable-title{font-size:14px;font-weight:600;color:#ef4444}.status-page__unreachable-sub{font-size:13px;color:var(--color-text-muted);line-height:1.5}.status-page__countdown-track{height:2px;background:var(--color-bg-elevated);border-radius:2px;overflow:hidden}.status-page__countdown-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width 1s linear}.status-page__section-title{font-size:14px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.status-page__service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.status-page__service-card{padding:18px;border-radius:14px;background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease}.status-page__service-card:hover{border-color:#ffffff14}.status-page__service-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-page__service-name{font-size:14px;font-weight:600;color:var(--color-text)}.status-page__service-stats{display:flex;flex-direction:column;gap:6px}.status-page__service-stat{display:flex;justify-content:space-between;align-items:center}.status-page__service-stat-label{font-size:12px;color:var(--color-text-muted)}.status-page__service-stat-value{font-size:13px;font-weight:500;color:var(--color-text);font-variant-numeric:tabular-nums}.status-page__no-services{padding:32px;text-align:center;color:var(--color-text-muted);font-size:14px;border-radius:12px;background:var(--color-bg-elevated)}.status-page__history-list{display:flex;flex-direction:column;gap:2px}.status-page__history-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;transition:background .15s ease}.status-page__history-item:hover{background:var(--color-bg-elevated)}.status-page__history-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-page__history-time{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:72px}.status-page__history-desc{font-size:13px;color:var(--color-text)}.status-page__no-history{padding:24px;text-align:center;color:var(--color-text-muted);font-size:13px}