:root{--accent-start:#eb7538;--accent-end:#ef4d3b;--accent-main:#ff7f00;--accent-rgb:235, 117, 56;--gamevox-orange-start:var(--accent-start);--gamevox-orange-end:var(--accent-end);--gamevox-accent:var(--accent-main);--bg-primary:#1a1f26;--bg-secondary:#212730;--bg-tertiary:#2a3039;--bg-elevated:#333b45;--bg-card:#252c35;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff26;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-tertiary:#6e7681;--text-muted:#4a5057;--hover-overlay:#ffffff14;--active-overlay:#ffffff1f;--selected-bg:rgba(var(--accent-rgb), .15);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-accent:0 4px 16px rgba(var(--accent-rgb), .3);--shadow-orange:var(--shadow-accent);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--radius-sm:3px;--radius-md:6px;--radius-lg:9px;--radius-xl:12px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--app-font-family:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}html.font-size-small body{font-size:13px}html.font-size-normal body{font-size:15px}html.font-size-large body{font-size:17px}html.font-size-larger body{font-size:19px}html.font-size-small .chat-content,html.font-size-small .chat-content-same-user,html.font-size-small .chat-username,html.font-size-small .forum-topic-message-content,html.font-size-small .forum-topic-message-text,html.font-size-small .channel-list li,html.font-size-small .server-name,html.font-size-small .friend-name,html.font-size-small #username,html.font-size-small .forum-topic-title,html.font-size-small .news-title,html.font-size-small textarea,html.font-size-small input{font-size:12px}html.font-size-large .chat-content,html.font-size-large .chat-content-same-user,html.font-size-large .chat-username,html.font-size-large .forum-topic-message-content,html.font-size-large .forum-topic-message-text,html.font-size-large .channel-list li,html.font-size-large .server-name,html.font-size-large .friend-name,html.font-size-large #username,html.font-size-large .forum-topic-title,html.font-size-large .news-title,html.font-size-large textarea,html.font-size-large input{font-size:16px}html.font-size-larger .chat-content,html.font-size-larger .chat-content-same-user,html.font-size-larger .chat-username,html.font-size-larger .forum-topic-message-content,html.font-size-larger .forum-topic-message-text,html.font-size-larger .channel-list li,html.font-size-larger .server-name,html.font-size-larger .friend-name,html.font-size-larger #username,html.font-size-larger .forum-topic-title,html.font-size-larger .news-title,html.font-size-larger textarea,html.font-size-larger input{font-size:18px}html.font-family-opendyslexic{--app-font-family:"OpenDyslexic", sans-serif}html.font-family-atkinson{--app-font-family:"Atkinson Hyperlegible", sans-serif}html.font-family-lexend{--app-font-family:"Lexend", sans-serif}html.font-family-system{--app-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}html.accent-orange{--accent-start:#eb7538;--accent-end:#ef4d3b;--accent-main:#ff7f00;--accent-rgb:235, 117, 56}html.accent-blue{--accent-start:#3b82f6;--accent-end:#2563eb;--accent-main:#3b82f6;--accent-rgb:59, 130, 246}html.accent-green{--accent-start:#22c55e;--accent-end:#16a34a;--accent-main:#22c55e;--accent-rgb:34, 197, 94}html.accent-purple{--accent-start:#8b5cf6;--accent-end:#7c3aed;--accent-main:#8b5cf6;--accent-rgb:139, 92, 246}html.accent-red{--accent-start:#ef4444;--accent-end:#dc2626;--accent-main:#ef4444;--accent-rgb:239, 68, 68}html.accent-pink{--accent-start:#ec4899;--accent-end:#db2777;--accent-main:#ec4899;--accent-rgb:236, 72, 153}html.accent-teal{--accent-start:#14b8a6;--accent-end:#0d9488;--accent-main:#14b8a6;--accent-rgb:20, 184, 166}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html.platform-darwin,html.platform-darwin body{border-radius:10px}html.platform-linux{background-color:#0000}html.platform-linux body{border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff2e}html{color:#fff;background-color:#0d0d0f}select{background:var(--bg-tertiary,#2a3039);color:var(--text-primary,#e8eaed);border:1px solid var(--border-medium,#ffffff1a);border-radius:var(--radius-sm,4px)}select option{background:var(--bg-primary,#1a1f26);color:var(--text-primary,#e8eaed)}.href{color:#fff}body{color:var(--text-primary);font-family:var(--app-font-family);background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;contain:layout paint;justify-content:center;align-items:center;height:100vh;font-size:1rem}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/assets/nunito-v16-latin-regular-CSmEcOMa.woff2)format("woff2")}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:400;src:url(/assets/opendyslexic-regular-nUhe5EwG.woff2)format("woff2")}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:700;src:url(/assets/opendyslexic-bold-Bnmt45Ln.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;src:url(/assets/atkinson-hyperlegible-regular-BrHNak5F.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;src:url(/assets/atkinson-hyperlegible-bold-GZI4o3u0.woff2)format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:400;src:url(/assets/lexend-regular-ci0D1wrL.woff2)format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:700;src:url(/assets/lexend-regular-ci0D1wrL.woff2)format("woff2")}button{padding:var(--space-sm) var(--space-md);background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}button:hover{background-color:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}button:active{background-color:var(--bg-secondary);transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.pad8{padding:8px}.pad0{padding:0}.button-orange{background:linear-gradient(135deg, var(--gamevox-orange-start) 0%, var(--gamevox-orange-end) 100%);color:#fff;letter-spacing:.3px;padding:var(--space-md);box-shadow:var(--shadow-orange);border:none;font-weight:600}.button-orange:hover{color:#fff;background:linear-gradient(135deg,#f58549 0%,#f55d4c 100%);transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}.button-orange:active{transform:translateY(0)scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hex-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:inline-flex;position:relative}.hex-avatar-img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);width:100%;height:100%;display:block}.hex-avatar.size-xs{width:24px;height:24px}.hex-avatar.size-sm{width:28px;height:28px}.hex-avatar.size-md{width:32px;height:32px}.hex-avatar.size-lg{width:40px;height:40px}.hex-avatar.size-xl{width:48px;height:48px}.hex-avatar.size-2xl{width:64px;height:64px}.hex-avatar.size-3xl{width:96px;height:96px}.hex-avatar.interactive:hover{background:var(--gamevox-orange-start);box-shadow:0 0 12px #eb753866}.hex-avatar-status{border:2px solid var(--bg-primary);z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.hex-avatar-status.online{background-color:#43b581;box-shadow:0 0 4px #43b58180}.hex-avatar-status.offline{background-color:#747f8d}.hex-avatar-status.idle{background-color:#faa61a}.hex-avatar-status.dnd{background-color:#f04747}.hex-avatar-fallback{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-elevated));width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-weight:700;display:flex}.hex-avatar.size-xs .hex-avatar-fallback{font-size:10px}.hex-avatar.size-sm .hex-avatar-fallback{font-size:11px}.hex-avatar.size-md .hex-avatar-fallback{font-size:12px}.hex-avatar.size-lg .hex-avatar-fallback{font-size:14px}.hex-avatar.size-xl .hex-avatar-fallback{font-size:16px}.hex-avatar.size-2xl .hex-avatar-fallback{font-size:20px}.hex-avatar.size-3xl .hex-avatar-fallback{font-size:28px}.avatar-crop-modal{z-index:100000;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;inset:0}.avatar-crop-modal.visible{opacity:1;visibility:visible}.avatar-crop-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.avatar-crop-header{margin-bottom:var(--space-lg);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.avatar-crop-header h3{color:var(--text-primary);margin:0;font-size:18px}.avatar-crop-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .15s;display:flex}.avatar-crop-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.avatar-crop-area{width:300px;height:300px;margin:0 auto var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);position:relative;overflow:hidden}.avatar-crop-image{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}.avatar-crop-image:active{cursor:grabbing}.avatar-crop-mask{pointer-events:none;position:absolute;inset:0}.avatar-crop-mask svg{width:100%;height:100%}.avatar-crop-preview{justify-content:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-md);display:flex}.avatar-crop-preview-item{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.avatar-preview-wrapper{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);padding:2px}.avatar-preview-canvas{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);display:block}.avatar-crop-preview-label{color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.avatar-crop-controls{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.avatar-crop-slider-row{align-items:center;gap:var(--space-md);display:flex}.avatar-crop-slider-label{color:var(--text-secondary);flex-shrink:0;width:60px;font-size:13px}.avatar-crop-slider{appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;flex:1;height:6px}.avatar-crop-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 2px 6px #0000004d}.avatar-crop-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.avatar-crop-actions{gap:var(--space-md);justify-content:flex-end;display:flex}.avatar-crop-actions button{min-width:100px}.banner-crop-modal{z-index:10002;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;inset:0}.banner-crop-modal.visible{opacity:1;visibility:visible}.banner-crop-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);width:95%;max-width:560px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle)}.banner-crop-header{margin-bottom:var(--space-lg);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.banner-crop-header h3{color:var(--text-primary);margin:0;font-size:18px}.banner-crop-area{width:480px;height:240px;margin:0 auto var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);position:relative;overflow:hidden}.banner-crop-image{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}.banner-crop-image:active{cursor:grabbing}.banner-crop-mask{pointer-events:none;position:absolute;inset:0}.banner-crop-mask svg{width:100%;height:100%}.banner-crop-preview-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);flex-direction:column;display:flex}.banner-crop-preview-row canvas{border-radius:var(--radius-sm);background:var(--bg-tertiary);display:block}.banner-crop-preview-label{color:var(--text-tertiary);text-transform:uppercase;font-size:11px}#splash-logo{width:500px;margin-bottom:-40px;animation:1s ease-in-out fadeIn}#splash-screen{text-align:center}#connecting-screen{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:100vh;animation:.5s ease-in-out fadeIn;display:flex}#connecting-logo{width:400px;margin-bottom:40px}.gv-spinner,.connecting-spinner{width:60px;height:60px;display:block}#connecting-screen .connecting-spinner{margin-bottom:24px}.gv-spinner--md{width:32px;height:32px}.gv-spinner--sm{width:20px;height:20px}.gv-spinner .spinner-track,.connecting-spinner .spinner-track{stroke:var(--border-medium)}.gv-spinner .spinner-progress,.connecting-spinner .spinner-progress{stroke:var(--gamevox-orange-start);stroke-dasharray:164;stroke-dashoffset:120px;transform-origin:30px 30px;animation:1.5s ease-in-out infinite spinner-dash,1.5s linear infinite spinner-rotate}@keyframes spinner-dash{0%{stroke-dashoffset:150px}50%{stroke-dashoffset:40px}to{stroke-dashoffset:150px}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app-loading-overlay{z-index:9999;background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#app-loading-overlay.fade-out{opacity:0;pointer-events:none;transition:opacity .3s ease-out}.app-loading-content{flex-direction:column;align-items:center;gap:16px;display:flex}.app-loading-spinner{width:40px;height:40px;display:block}.app-loading-spinner .spinner-track{stroke:var(--border-medium)}.app-loading-spinner .spinner-progress{stroke:var(--gamevox-orange-start);stroke-dasharray:164;stroke-dashoffset:120px;transform-origin:30px 30px;animation:1.5s ease-in-out infinite spinner-dash,1.5s linear infinite spinner-rotate}.app-loading-text{color:var(--text-muted);font-size:13px;font-weight:500}.loading-state{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.connecting-text{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.connecting-status{color:var(--text-secondary);margin-bottom:8px;font-size:14px}#cancel-connecting-btn{width:200px}form{background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}label{margin:var(--space-lg) 0 var(--space-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600;display:block}input{width:100%;padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;font-family:inherit;font-size:14px;transition:all .2s}input:focus{border-color:var(--gamevox-orange-start);outline:none;box-shadow:0 0 0 3px #eb75381a}input::placeholder{color:var(--text-muted)}#errorOverlay{color:#fff;z-index:1000;opacity:1;--wails-draggable:drag;background-color:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.error-exit-button{background-color:var(--gamevox-orange-start,#eb7538);color:#fff;cursor:pointer;border:none;border-radius:4px;width:200px;margin-top:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.error-exit-button:hover{background-color:var(--gamevox-orange-end,#ef4d3b)}.service-status-item{background-color:#ffffff0d;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.service-name{color:#fff;flex:1;font-size:14px}.status-indicator{font-size:20px;transition:color .3s}.status-indicator.online{color:#3ba55c}.status-indicator.offline{color:#ed4245}.status-text{color:#b9bbbe;min-width:50px;font-size:12px}.avatar-status{border:2px solid var(--bg-secondary);z-index:1;background-color:#747f8d;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-7px}.avatar-status.online{background-color:#3ba55c}.avatar-status.offline{background-color:#747f8d}.avatar-status.away{background-color:#faa61a}.avatar-status.busy{background-color:#f04747}#app{height:calc(100vh - 100px)}#app:has(#login-container:not([style*="display: none"])){height:calc(100vh - 48px);min-height:calc(100vh - 48px);padding:var(--space-xl) 0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-y:auto}#login-logo{width:300px;max-width:80%;margin-bottom:var(--space-xl);flex-shrink:0;display:none;position:relative;overflow:hidden}#app:has(#login-container:not([style*="display: none"])) #login-logo{display:block}body:has(#login-container:not([style*="display: none"])) .title-bar-logo-center{visibility:hidden}#login-logo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff0 40%,#ffffff40 50%,#fff0 60%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}#mobile-landing{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}#mobile-landing .mobile-landing-logo{width:120px;height:auto;margin-bottom:16px}#mobile-landing h1{color:var(--text-primary);margin:0 0 4px;font-size:32px;font-weight:700}#mobile-landing .mobile-landing-tagline{color:var(--text-secondary);margin:0 0 40px;font-size:16px}#mobile-landing .mobile-landing-cards{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}#mobile-landing .mobile-landing-card{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}#mobile-landing .mobile-landing-card:active{transform:scale(.97)}#mobile-landing .mobile-landing-card svg{flex-shrink:0}#mobile-landing .mobile-landing-card-title{font-size:16px;font-weight:600;display:block}#mobile-landing .mobile-landing-card-sub{opacity:.8;font-size:12px;display:block}#mobile-landing .mobile-landing-website-link{color:var(--text-tertiary);margin-top:32px;font-size:14px;text-decoration:none;display:inline-block}#mobile-landing .mobile-landing-website-link:hover{color:var(--text-secondary)}#web-download-link{text-align:center;margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-md);background:#eb75381a;border:1px solid #eb75384d;flex-shrink:0;max-width:400px;display:none}#web-download-link p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:14px}#web-download-link a{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}#web-download-link a:hover{box-shadow:var(--shadow-orange);transform:translateY(-1px)}#pwa-install-btn{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-sm);border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}#pwa-install-btn:hover{box-shadow:var(--shadow-orange);transform:translateY(-1px)}#web-download-link.has-install #download-app-btn{background:0 0;border:1px solid #eb753880;padding:6px 14px;font-size:12px}#login-container{justify-content:center;align-items:stretch;gap:var(--space-xl);width:100%;max-width:800px;padding:var(--space-xl);flex-shrink:0;display:flex}#login-form-div{flex-direction:column;justify-content:center;align-items:center;display:flex}#login-divider{padding:0 var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}#login-divider:before,#login-divider:after{content:"";background:linear-gradient(to bottom, transparent, var(--border-medium), transparent);flex:1;width:1px}#login-divider span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;padding:var(--space-lg) 0;font-size:12px;font-weight:600}#continue-as-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.continue-as-card{align-items:center;gap:var(--space-md);background-color:var(--bg-card);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);-webkit-app-region:drag;flex-direction:column;width:320px;display:flex}.continue-as-card h3{color:var(--text-secondary);margin:0;font-size:16px;font-weight:500}.continue-as-username{color:var(--text-primary);text-align:center;word-break:break-word;font-size:22px;font-weight:700}.continue-as-card .button-orange{width:auto;padding-left:var(--space-2xl);padding-right:var(--space-2xl);margin-top:var(--space-sm)}.continue-as-card .login-error{text-align:center;word-break:break-word;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}#continue-as-logout{color:var(--text-tertiary);cursor:pointer;-webkit-app-region:no-drag;font-size:12px;text-decoration:none}#continue-as-logout:hover{color:var(--text-secondary);text-decoration:underline}#quick-login-div{flex-direction:column;justify-content:center;align-items:center;display:flex}#quickLoginForm{gap:var(--space-sm);background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);-webkit-app-region:drag;flex-direction:column;width:320px;display:flex}#quickLoginForm h3{margin:0 0 var(--space-sm) 0;color:var(--gamevox-orange-start);text-align:center;font-size:18px;font-weight:700}.quick-login-description{margin:0 0 var(--space-md) 0;color:var(--text-secondary);text-align:center;font-size:15px;line-height:1.4}.quick-login-note{margin:var(--space-md) 0 0 0;color:var(--text-tertiary);text-align:center;font-size:11px;line-height:1.4}#quickLoginForm label{margin:var(--space-sm) 0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600;display:block}#quickLoginForm input,#quickLoginForm button{-webkit-app-region:no-drag}#quick-login-btn{margin-top:var(--space-sm)}#saved-accounts-list{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.saved-accounts-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px}.saved-account-item{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.saved-account-item:last-child{margin-bottom:0}.saved-account-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;-webkit-app-region:no-drag;flex:1;font-size:14px;transition:all .15s}.saved-account-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.saved-account-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:all .15s}.saved-account-remove:hover{color:var(--danger);background:#ed424533}#loginForm{gap:var(--space-sm);background-color:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);-webkit-app-region:drag;flex-direction:column;width:320px;display:flex}#loginForm div{align-items:center;gap:var(--space-sm);display:flex}#loginForm div label{text-transform:none;color:var(--text-primary);margin:0;font-size:14px;font-weight:400}#loginForm label{margin-bottom:var(--space-sm)}#loginForm input[type=checkbox]{cursor:pointer;width:auto;margin:0}.login-error{color:#e74c3c;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-align:center;margin-bottom:var(--space-sm);background:#e74c3c26;border:1px solid #e74c3c66;font-size:13px;animation:.4s ease-in-out shakeError}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}#login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#forgotPassword{text-align:center;margin-top:var(--space-md);color:var(--gamevox-orange-start);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:block}#forgotPassword:hover{color:var(--gamevox-accent);text-decoration:underline}#register-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) 40px;min-width:400px;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#register-container h2{color:var(--text-primary);margin:0 0 var(--space-md) 0;text-align:center;font-size:24px}.register-description{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.register-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px;display:flex}.register-tab{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;font-size:14px;font-weight:500;transition:all .2s}.register-tab:hover{color:var(--text-primary);background:var(--hover-overlay)}.register-tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.register-tab.disabled{cursor:not-allowed;opacity:.6}.register-tab.disabled:hover{color:var(--text-secondary);background:0 0}.coming-soon-badge{background:var(--accent-primary);color:#fff;vertical-align:middle;text-transform:uppercase;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.register-input-group{margin-bottom:var(--space-md)}.register-input-group label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:500;display:block}.register-input-group input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;transition:border-color .2s,box-shadow .2s}.register-input-group input:focus{border-color:var(--gamevox-accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);outline:none}.phone-input-wrapper{gap:var(--space-xs);align-items:stretch;display:flex}.country-code-select{width:95px;padding:0 var(--space-xs);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);height:42px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;flex-shrink:0;font-size:14px;transition:border-color .2s}.country-code-select:focus{border-color:var(--gamevox-accent);outline:none}.country-code-select option{background:var(--bg-secondary);color:var(--text-primary)}.phone-input-wrapper input{flex:1}.sms-consent-container{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);box-sizing:border-box;width:100%}.sms-consent-header-simple{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;font-size:12px;font-weight:400}.sms-consent-description{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;font-size:12px;line-height:1.4}.sms-checkbox-prominent{background:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-medium);margin-bottom:var(--space-sm)}.sms-consent-container .checkbox-label{align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:13px;line-height:1.4;display:flex}.sms-consent-container input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:2px solid #888;border-radius:3px;flex-shrink:0;width:20px;height:20px;margin-top:2px;position:relative}.sms-consent-container input[type=checkbox]:checked{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start)}.sms-consent-container input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sms-consent-container .checkbox-text,.sms-consent-container .checkbox-text strong{color:var(--text-primary)}.sms-consent-details{color:var(--text-muted);margin:0;font-size:10px;line-height:1.4}.sms-consent-details a{color:var(--text-muted);text-decoration:underline}.sms-consent-details a:hover{color:var(--text-secondary)}.sms-consent-container.error{border-color:var(--error);animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.register-back-link{text-align:center;margin-top:var(--space-lg);font-size:13px}.register-back-link a{color:var(--gamevox-orange-start);text-decoration:none}.register-back-link a:hover{text-decoration:underline}.verify-code-inputs{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.verify-code-digit,.recovery-code-digit{text-align:center;background:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:var(--radius-md);width:48px;height:56px;color:var(--text-primary);font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}.verify-code-digit:focus,.recovery-code-digit:focus{border-color:var(--gamevox-accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);outline:none}.verify-timer{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px}#registerVerifyForm{text-align:center}#registerVerifyForm .button-orange{display:inline-block}.verify-timer #verify-countdown{color:var(--gamevox-accent);font-weight:600}.verify-resend{text-align:center;color:var(--text-secondary);margin-top:var(--space-md);font-size:13px}.verify-resend a{color:var(--gamevox-orange-start);text-decoration:none}.verify-resend a:hover{text-decoration:underline}.verify-icon{text-align:center;margin:var(--space-lg) 0;font-size:48px}.verify-check-spam,.verify-check-spam-hint{color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-sm);font-size:13px}.verify-check-spam a{color:var(--gamevox-orange-start);text-decoration:none}.email-typo-warning{text-align:center}.email-typo-warning p{margin:0 0 var(--space-xs) 0}.email-typo-warning .typo-hint{color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:12px}.typo-buttons{gap:var(--space-sm);margin-top:var(--space-sm);justify-content:center;display:flex}.typo-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-size:13px;transition:background-color .2s}.typo-btn-fix{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;font-weight:500}.typo-btn-fix:hover{filter:brightness(1.1)}.typo-btn-keep{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.typo-btn-keep:hover{background:var(--bg-quaternary);color:var(--text-primary)}#verify-email-message{text-align:center}#verify-email-message p{margin:var(--space-sm) 0;color:var(--text-secondary)}.register-verified-badge{justify-content:center;align-items:center;gap:var(--space-sm);color:#2ecc71;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:#2ecc7126;border:1px solid #2ecc7166;font-size:14px;display:flex}.verified-icon{color:#fff;background:#2ecc71;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}#registerCompleteForm label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:500;display:block}#registerCompleteForm input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:15px;transition:border-color .2s,box-shadow .2s}#registerCompleteForm input:focus{border-color:var(--gamevox-accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15);outline:none}.input-hint{color:var(--text-tertiary);margin:0 0 var(--space-md) 0;font-size:11px}.password-label-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.password-label-row label{margin-bottom:0!important}.generate-password-btn{color:var(--gamevox-orange-start);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:12px;transition:background-color .2s}.generate-password-btn:hover{background:#ff6b351a;text-decoration:underline}.password-input-wrapper{margin-bottom:var(--space-xs);align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;margin-bottom:0!important;padding-right:60px!important}.toggle-password-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:12px;position:absolute;right:8px}.toggle-password-btn:hover{color:var(--text-secondary);background:var(--bg-quaternary)}.password-strength{margin-bottom:var(--space-md)}.password-strength-bar-bg{background:var(--bg-quaternary);height:4px;margin-bottom:var(--space-xs);border-radius:2px;overflow:hidden}.password-strength-bar{border-radius:2px;width:0;height:100%;transition:width .3s,background-color .3s}.password-strength-text{margin:0;font-size:12px;transition:color .3s}.generated-password-notice{color:#3ba55c;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);word-break:break-all;background:#3ba55c26;border:1px solid #3ba55c4d;font-family:monospace;font-size:13px}.password-reset-note{color:var(--text-tertiary);text-align:center;margin:var(--space-md) 0;padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:12px}#app:has(#register-container:not([style*="display: none"])){background:radial-gradient(ellipse at center, var(--bg-tertiary) 0%, var(--bg-primary) 70%)}#app:has(#register-container:not([style*="display: none"])) #login-container{display:none!important}#app:has(#register-container:not([style*="display: none"])) #login-logo{display:block}body:has(#register-container:not([style*="display: none"])) .title-bar-logo-center{visibility:hidden}#app:has(#register-container:not([style*="display: none"])) #web-download-link{display:none!important}#recovery-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) 40px;min-width:400px;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#recovery-container h2{color:var(--text-primary);margin:0 0 var(--space-md) 0;text-align:center;font-size:24px}#app:has(#recovery-container:not([style*="display: none"])){background:radial-gradient(ellipse at center, var(--bg-tertiary) 0%, var(--bg-primary) 70%)}#app:has(#recovery-container:not([style*="display: none"])) #login-container{display:none!important}body:has(#recovery-container:not([style*="display: none"])) .title-bar-logo-center{visibility:hidden}#app:has(#recovery-container:not([style*="display: none"])) #web-download-link{display:none!important}#recoveryVerifyForm{text-align:center}#recoveryVerifyForm .button-orange{display:inline-block}#recoveryPasswordForm label{text-align:left}#recoveryPasswordForm .button-orange{width:100%;margin-top:var(--space-sm)}.verify-timer #recovery-countdown{color:var(--gamevox-accent);font-weight:600}#recoveryVerifyForm div:has(#recovery-remember-me){justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}#recoveryVerifyForm div:has(#recovery-remember-me) label{text-transform:none;color:var(--text-primary);margin:0;font-size:14px;font-weight:400}#recoveryVerifyForm #recovery-remember-me{cursor:pointer;width:auto;margin:0}#main-window{grid-column-gap:5px;grid-template-rows:auto 1fr;grid-template-columns:240px auto 200px;height:calc(100vh - 32px);display:grid;position:relative}#main-window>#left-column,#main-window>#center-column,#main-window>#right-column{grid-row:2;min-height:0}#password-reminder-banner{color:var(--text-primary);box-sizing:border-box;background:linear-gradient(90deg,#ff6b351f,#f7931e14);border-bottom:1px solid #ff6b3559;grid-area:1/1/auto/-1;align-items:center;gap:10px;min-height:36px;padding:8px 14px;font-size:13px;display:flex}#password-reminder-banner>svg:first-child{color:var(--gamevox-orange-start,#ff6b35);flex-shrink:0}#password-reminder-banner .password-reminder-text{color:var(--text-secondary);flex:1}#password-reminder-banner .password-reminder-text strong{color:var(--text-primary)}#password-reminder-btn{background:linear-gradient(135deg, var(--gamevox-orange-start,#ff6b35), var(--gamevox-orange-end,#f7931e));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:5px;padding:5px 14px;font-size:12px;font-weight:600}#password-reminder-btn:hover{filter:brightness(1.08)}#password-reminder-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}#password-reminder-dismiss:hover{color:var(--text-primary);background:#ffffff0f}body.web-mode #main-window{height:100vh}.custom-title-bar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;height:32px;padding:0;display:flex;position:relative}body.web-mode .custom-title-bar,html.platform-darwin .title-bar-controls{display:none}html.platform-darwin .custom-title-bar{height:38px;padding-left:78px;overflow:hidden}html.platform-darwin .title-bar-logo-center img{height:28px}html.platform-darwin.feedback-popout-mode #feedback-header,html.platform-darwin.settings-popout-mode #settings-header,html.platform-darwin.dm-popout-mode .dm-header{position:relative;padding-left:78px!important}html.platform-darwin.feedback-popout-mode #feedback-header .feedback-window-controls,html.platform-darwin.settings-popout-mode #settings-header .settings-window-controls,html.platform-darwin.dm-popout-mode .dm-popout-close-btn{display:none!important}html.platform-darwin.feedback-popout-mode #feedback-header h2,html.platform-darwin.settings-popout-mode #settings-header h2{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html.platform-darwin{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--app-font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif}html.platform-darwin body{font-feature-settings:"lnum" 1, "tnum" 1;font-variant-numeric:lining-nums tabular-nums;letter-spacing:normal;word-spacing:normal}html.platform-darwin .chat-content,html.platform-darwin .chat-content-same-user,html.platform-darwin .chat-username,html.platform-darwin .dm-message-bubble,html.platform-darwin .forum-topic-message-text{font-family:var(--app-font-family);letter-spacing:normal;word-spacing:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-kerning:normal;font-feature-settings:"kern" 1, "liga" 1}html.platform-darwin.font-family-opendyslexic{--app-font-family:"OpenDyslexic", sans-serif}html.platform-darwin.font-family-atkinson{--app-font-family:"Atkinson Hyperlegible", sans-serif}html.platform-darwin.font-family-lexend{--app-font-family:"Lexend", sans-serif}html.platform-darwin.font-family-system{--app-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}.title-bar-title{align-items:center;height:100%;padding-left:10px;display:flex}.title-bar-logo-center{pointer-events:none;justify-content:center;align-items:center;height:100%;padding:0 4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-bar-logo-center img{width:auto;height:58px}.title-bar-spacer{flex:1}.title-bar-spacer:first-child{display:none}.title-bar-controls{align-items:center;height:100%;margin:0;padding:0;display:flex}.title-bar-btn{color:#b9bbbe;cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;text-transform:none;letter-spacing:normal;justify-content:center;align-items:center;min-height:32px;font-weight:400;transition:background-color .15s,color .15s;width:46px!important;height:100%!important;box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:flex!important}.title-bar-btn:hover{color:#dcddde;transform:none;background-color:#4f545c66!important}.title-bar-btn:active{transform:none;background-color:#4f545c99!important}.title-bar-btn.close-btn:hover{color:#fff;background-color:#ed4245!important}.title-bar-btn.close-btn:active{color:#fff;background-color:#c03537!important}.titlebar-context-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);min-width:180px;box-shadow:var(--shadow-lg);border-radius:6px;padding:4px}.titlebar-context-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.titlebar-context-item:hover{background:var(--hover-overlay)}.titlebar-context-check{text-align:center;width:16px;color:var(--gamevox-orange-start);font-size:14px}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) var(--bg-primary)}textarea,input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=password],[contenteditable=true]{--default-contextmenu:show}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--bg-elevated);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--bg-tertiary)}::-webkit-scrollbar-thumb:active{background-color:var(--gamevox-orange-start)}html.platform-darwin,html.platform-darwin *{scrollbar-width:auto!important;scrollbar-color:auto!important}html.platform-darwin ::-webkit-scrollbar{-webkit-appearance:none;background-color:#0000001a;width:10px;height:10px}html.platform-darwin ::-webkit-scrollbar-track{background:#0000001a;border-radius:5px}html.platform-darwin ::-webkit-scrollbar-thumb{background-color:#ffffff40;background-clip:content-box;border:2px solid #0000;border-radius:5px}html.platform-darwin ::-webkit-scrollbar-thumb:hover{background-color:#fff6}html.platform-darwin ::-webkit-scrollbar-thumb:active{background-color:var(--gamevox-orange-start)}html.platform-darwin ::-webkit-scrollbar-corner{background:0 0}#notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.notification-toast{border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:auto;max-width:350px;padding:12px 20px;font-size:14px;animation:.3s ease-out slideIn}.notification-toast.info{background:var(--bg-elevated);border-left:4px solid #3b82f6}.notification-toast.success{background:var(--bg-elevated);border-left:4px solid #22c55e}.notification-toast.error{background:var(--bg-elevated);border-left:4px solid #ef4444}.notification-toast.warning{background:var(--bg-elevated);border-left:4px solid #f59e0b}.notification-toast.fade-out{animation:.3s ease-out forwards fadeOut}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.friend-search-result{background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.friend-search-result .friend-avatar{flex-shrink:0;width:40px;height:40px;position:relative}.friend-search-result .friend-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px}.friend-search-result .friend-avatar img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;background:var(--bg-tertiary);width:100%;height:100%;display:block}.friend-search-result .avatar-status{background:var(--text-tertiary);border:2px solid var(--bg-secondary);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.friend-search-result .avatar-status.online{background:#22c55e}.friend-search-result .user-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.friend-search-result .username-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.friend-search-result .username{color:var(--text-primary);font-weight:600}.friend-search-result .status{font-size:11px}.friend-search-result .status.online{color:#22c55e}.friend-search-result .status.offline{color:var(--text-tertiary)}.add-friend-btn{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:6px 14px;font-size:13px;transition:opacity .2s}.add-friend-btn:hover{opacity:.9}.add-friend-btn:disabled{opacity:.5;cursor:not-allowed}.friend-request-row{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.friend-request-row .request-info{flex-direction:column;gap:2px;display:flex}.friend-request-row .username{color:var(--text-primary);font-weight:600}.friend-request-row .message{color:var(--text-secondary);font-size:12px;font-style:italic}.friend-request-row .status{color:var(--text-tertiary);font-size:11px}.friend-request-row .request-actions{gap:8px;display:flex}.friend-request-row .accept-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#22c55e;border:none;padding:6px 12px;font-size:12px}.friend-request-row .reject-btn,.friend-request-row .cancel-btn{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;padding:6px 12px;font-size:12px}.friend-request-row .reject-btn:hover,.friend-request-row .cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.no-results,.no-requests{color:var(--text-tertiary);text-align:center;padding:20px;font-size:14px}#pending-requests-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:11px}.context-menu{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10001;width:220px;padding:6px 0;animation:.15s ease-out contextMenuFade;position:fixed;overflow:hidden}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:background-color .15s;display:flex}.context-menu-item:hover{background-color:var(--hover-overlay)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background-color:#ef44441a}.context-menu-item .menu-icon{text-align:center;width:18px;font-size:14px}.context-menu-separator{background:var(--border-subtle);height:1px;margin:4px 0}.context-menu-item.disabled{color:var(--text-muted);cursor:default;opacity:.6}.context-menu-item.disabled:hover{background-color:#0000}.context-menu-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px;font-size:11px;font-weight:600}.context-menu-volume{align-items:center;gap:10px;padding:6px 14px 10px;display:flex}.context-menu-volume .volume-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.context-menu-volume .volume-slider::-webkit-slider-thumb{appearance:none;background:var(--gamevox-orange-start);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s}.context-menu-volume .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.context-menu-volume .volume-slider::-moz-range-thumb{background:var(--gamevox-orange-start);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.context-menu-volume #voice-user-volume-value{text-align:right;min-width:40px;color:var(--text-secondary);font-size:12px;font-weight:500}.context-has-submenu{justify-content:space-between;display:flex;position:relative}.submenu-arrow{color:var(--text-muted);margin-left:auto;font-size:10px}.context-submenu{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10002;width:max-content;min-width:160px;max-width:300px;max-height:calc(100vh - 20px);padding:6px 0;display:none;position:fixed;overflow:hidden auto}.context-submenu.visible{animation:.1s ease-out contextMenuFade;display:block}.context-submenu .context-submenu-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;overflow:hidden}.context-submenu-icon{flex-shrink:0;align-items:center;width:20px;height:20px;display:flex}.context-submenu-icon img,.context-submenu-icon svg{width:20px;height:20px}.context-submenu .context-submenu-item:hover{background-color:var(--hover-overlay)}.context-menu-item.has-submenu{position:relative}.context-menu-item.has-submenu>.context-submenu{margin-left:2px;position:absolute;top:0;left:100%}.context-menu-item.has-submenu:hover>.context-submenu{display:block}.context-menu-item.has-submenu .submenu-arrow{color:var(--text-muted);margin-left:auto;font-size:10px}.tag-submenu{min-width:180px}.tag-submenu-item{align-items:center;gap:8px;padding:6px 12px;display:flex}.tag-submenu-item .tag-check{width:16px;color:var(--success,#22c55e);font-size:12px;font-weight:700}.tag-submenu-item.active{background-color:var(--bg-tertiary)}.tag-submenu-item .forum-tag{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.tag-context-menu{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;padding:4px 0;overflow:hidden}.tag-context-menu-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background-color .1s;display:flex}.tag-context-menu-item:hover{background:var(--bg-tertiary)}.tag-context-menu-icon{text-align:center;width:16px;color:var(--text-secondary);font-size:14px}.tag-context-menu-label{flex:1}.feedback-badge{border:1px solid var(--bg-primary);pointer-events:none;background:#e74c3c;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.feedback-icon-rotator{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.feedback-icon-rotator .feedback-icon{opacity:0;transition:opacity .6s;position:absolute}.feedback-icon-rotator .feedback-icon.active{opacity:1}#feedback-overlay{z-index:10001;-webkit-app-region:no-drag;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#feedback-overlay.active{display:flex}#feedback-modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);resize:both;flex-direction:column;width:1100px;min-width:500px;height:650px;min-height:350px;padding-bottom:4px;padding-right:4px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 32px #00000080}#feedback-modal.maximized{resize:none;border-radius:0;width:100%!important;height:100%!important;top:0!important;left:0!important}#feedback-modal.minimized{min-height:unset;resize:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);height:auto!important}#feedback-modal.minimized #feedback-content{display:none}#feedback-overlay:has(#feedback-modal.minimized){pointer-events:none}#feedback-overlay:has(#feedback-modal.minimized) #feedback-modal{pointer-events:auto}#feedback-header{border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}#feedback-header h2{color:var(--text-primary);pointer-events:none;margin:0;font-size:14px;font-weight:700}.feedback-window-controls{align-items:center;gap:6px;display:flex}.feedback-wc-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background-color .15s,color .15s;display:flex}.feedback-wc-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.feedback-close-btn:hover{color:#fff;background-color:#e04040}#feedback-content{flex:1;display:flex;overflow:hidden}#feedback-sidebar{background-color:var(--bg-secondary);width:220px;padding:var(--space-md) var(--space-sm);border-right:1px solid var(--border-subtle);flex-direction:column;display:flex;overflow-y:auto}#feedback-sidebar::-webkit-scrollbar{width:6px}#feedback-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}#feedback-sidebar::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}.feedback-sidebar-nav{flex-direction:column;gap:2px;display:flex}.feedback-tab{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.feedback-tab svg{opacity:.7;flex-shrink:0}.feedback-tab:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.feedback-tab.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:600}.feedback-tab.active svg{opacity:1}.feedback-tab-count{text-align:center;background:var(--bg-tertiary);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;line-height:18px}.feedback-tab.active .feedback-tab-count{color:var(--gamevox-orange-start);background:#ff783226}.feedback-sidebar-separator{background:var(--border-subtle);height:1px;margin:8px 12px}#feedback-submissions-sidebar{flex-direction:column;flex:1;min-height:0;display:flex}.feedback-sidebar-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:4px 12px 6px;font-size:10px;font-weight:600}#feedback-submissions-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.feedback-sidebar-item{border-radius:var(--radius-sm);cursor:pointer;padding:8px 12px;transition:background .15s}.feedback-sidebar-item:hover{background:var(--hover-overlay)}.feedback-sidebar-item.active{background:var(--selected-bg)}.feedback-sidebar-item-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.feedback-sidebar-item.active .feedback-sidebar-item-desc{color:var(--text-primary)}.feedback-sidebar-item-meta{align-items:center;gap:6px;margin-top:3px;display:flex}.feedback-sidebar-item-date{color:var(--text-tertiary);font-size:10px}.feedback-sidebar-item.unread .feedback-sidebar-item-desc{color:var(--text-primary);font-weight:600}.feedback-sidebar-item.unread:before{content:"";background:#e74c3c;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:4px;display:inline-block}.feedback-sidebar-empty{color:var(--text-tertiary);text-align:center;padding:12px;font-size:12px}#feedback-panels{padding:var(--space-xl);background-color:var(--bg-primary);flex:1;overflow-y:auto}#feedback-panels::-webkit-scrollbar{width:8px}#feedback-panels::-webkit-scrollbar-track{background:var(--bg-primary)}#feedback-panels::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}.feedback-panel{display:none}.feedback-panel.active{display:block}#feedback-form-panel h3{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.feedback-form{flex-direction:column;gap:12px;display:flex}.feedback-server-context{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.feedback-server-label{color:var(--text-tertiary)}.feedback-server-name{color:var(--text-secondary);font-weight:500}.feedback-hint{color:var(--text-tertiary);margin:0;font-size:12px;font-style:italic}.feedback-platform-section{flex-direction:column;gap:8px;display:flex}.feedback-field-label{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600}.feedback-field-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.feedback-field-select:focus{border-color:var(--accent-primary)}.feedback-field-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;margin-top:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.feedback-field-input:focus{border-color:var(--accent-primary)}.feedback-field-input::placeholder{color:var(--text-tertiary)}.feedback-linux-fields{flex-direction:column;gap:8px;margin-top:4px;display:flex}.feedback-field-row{gap:12px;display:flex}.feedback-field-group{flex-direction:column;flex:1;display:flex}.feedback-subject{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s}.feedback-subject:focus{border-color:var(--accent-primary);outline:none}.feedback-description{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:140px;color:var(--text-primary);resize:vertical;box-sizing:border-box;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.feedback-description:focus{border-color:rgba(var(--accent-rgb), .5);outline:none}.feedback-description::placeholder{color:var(--text-tertiary)}.feedback-attachments{flex-direction:column;gap:8px;display:flex}.feedback-file-list{flex-wrap:wrap;gap:6px;display:flex}.feedback-file-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.feedback-file-item .feedback-file-remove{cursor:pointer;color:var(--text-tertiary);font-size:14px;line-height:1;transition:color .15s}.feedback-file-item .feedback-file-remove:hover{color:#e74c3c}.feedback-file-item.uploading{opacity:.6}.feedback-drop-overlay{border:2px dashed var(--accent-primary,#4a9eff);border-radius:var(--radius-md);z-index:10;pointer-events:none;color:var(--accent-primary,#4a9eff);background:#4a9eff14;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.feedback-file-btn{background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.feedback-file-btn:hover{background:var(--hover-overlay);border-color:var(--border-strong);color:var(--text-primary)}.feedback-file-count{color:var(--accent-primary,#4a9eff);font-weight:600}.feedback-submit-btn{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.feedback-submit-btn:hover{opacity:.9}.feedback-submit-btn:active{transform:scale(.98)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-thread-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feedback-back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:all .15s;display:flex}.feedback-back-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.feedback-thread-meta{align-items:center;gap:8px;margin-bottom:12px;display:flex}.feedback-thread-date{color:var(--text-tertiary);font-size:12px}.feedback-detail-platform{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:3px;margin-left:auto;padding:2px 8px;font-size:11px}.feedback-thread-description{color:var(--text-primary);background:var(--bg-secondary);border-radius:var(--radius-md);white-space:pre-wrap;-webkit-user-select:text;user-select:text;cursor:text;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.6}.feedback-thread-attachments{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.feedback-thread-attachment{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.feedback-thread-attachment.clickable{cursor:pointer;transition:background .15s,color .15s}.feedback-thread-attachment.clickable:hover{background:var(--bg-hover);color:var(--accent-primary)}.feedback-media-preview{margin-bottom:8px}.feedback-media-element{border-radius:var(--radius-md);object-fit:contain;background:var(--bg-tertiary);max-width:100%;max-height:400px;display:block}.feedback-media-element:hover{opacity:.9}.feedback-media-label{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.feedback-media-label:hover{color:var(--accent-primary)}.feedback-thread-separator{background:var(--border-subtle);height:1px;margin:8px 0 12px}.feedback-thread-responses{flex-direction:column;gap:8px;display:flex}.feedback-history-category{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.feedback-history-category.bug{color:#e74c3c;background:#e74c3c26}.feedback-history-category.feedback{color:#3498db;background:#3498db26}.feedback-history-category.help{color:#2ecc71;background:#2ecc7126}.feedback-history-status{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500}.feedback-history-status.open{background:rgba(var(--accent-rgb), .15);color:var(--accent-main)}.feedback-history-status.read{color:#3498db;background:#3498db26}.feedback-history-status.resolved{color:#2ecc71;background:#2ecc7126}.feedback-history-response{background:var(--bg-tertiary);border-left:3px solid var(--accent-main);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 12px}.feedback-history-response-header{color:var(--accent-main);margin-bottom:4px;font-size:11px;font-weight:600}.feedback-history-response-message{color:var(--text-primary);font-size:13px;line-height:1.5}.feedback-history-response.unread{border-left-color:#e74c3c}.feedback-history-response.unread .feedback-history-response-header{color:#e74c3c}.feedback-history-response.user-reply{border-left-color:var(--text-tertiary);background:var(--bg-secondary)}.feedback-history-response.user-reply .feedback-history-response-header{color:var(--text-tertiary)}.feedback-reply-container{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.feedback-reply-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);resize:vertical;box-sizing:border-box;outline:none;min-height:60px;max-height:200px;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-reply-input:focus{border-color:var(--accent-main)}.feedback-reply-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.feedback-reply-attach-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;padding:7px 10px;font-size:12px;transition:all .15s;display:inline-flex}.feedback-reply-attach-btn:hover{background:var(--hover-overlay);border-color:var(--border-strong);color:var(--text-primary)}.feedback-reply-btn{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:7px 18px;font-size:12px;font-weight:600;transition:opacity .15s,transform .1s}.feedback-reply-btn:hover{opacity:.9}.feedback-reply-btn:active{transform:scale(.98)}.feedback-reply-btn:disabled{opacity:.5;cursor:default}.feedback-close-btn,.feedback-reopen-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 12px;font-size:11px;font-weight:600;transition:opacity .15s}.feedback-close-btn{background:var(--success,#3fb950);color:#fff}.feedback-reopen-btn{background:var(--text-secondary,#8b949e);color:#fff}.feedback-close-btn:hover,.feedback-reopen-btn:hover{opacity:.85}.feedback-visibility-toggle{align-items:center;display:flex}.feedback-visibility-label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.feedback-visibility-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-main);cursor:pointer}.feedback-visibility-text{line-height:1.3}.feedback-browse-controls{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.feedback-browse-filters{gap:8px;display:flex}.feedback-browse-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.feedback-browse-select:focus{border-color:var(--accent-main)}.feedback-browse-search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.feedback-browse-search-input:focus{border-color:var(--accent-main)}.feedback-browse-search-input::placeholder{color:var(--text-tertiary)}.feedback-browse-list{flex-direction:column;gap:4px;display:flex}.feedback-browse-item{background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:12px;padding:12px;transition:background .15s;display:flex}.feedback-browse-item:hover{background:var(--bg-tertiary)}.feedback-browse-item-votes{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:48px;display:flex}.feedback-browse-item-score{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1}.feedback-browse-item-score.positive{color:#3fb950}.feedback-browse-item-score.negative{color:#e74c3c}.feedback-browse-item-label{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;font-size:9px}.feedback-browse-item-content{flex:1;min-width:0}.feedback-browse-item-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.feedback-detail-subject{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.feedback-browse-item-desc{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.feedback-browse-item-subject+.feedback-browse-item-desc{color:var(--text-secondary);-webkit-line-clamp:1;font-size:12px}.feedback-browse-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-browse-item-author{color:var(--text-tertiary);font-size:11px}.feedback-browse-item-comments{color:var(--text-tertiary);align-items:center;gap:3px;font-size:11px;display:flex}.feedback-browse-load-more{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;width:100%;margin-top:12px;padding:8px 16px;font-size:12px;transition:all .15s}.feedback-browse-load-more:hover{background:var(--hover-overlay);color:var(--text-primary)}.feedback-browse-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:13px}.feedback-detail-body{align-items:flex-start;gap:16px;display:flex}.feedback-detail-vote-column{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding-top:8px;display:flex}.feedback-vote-btn{border-radius:var(--radius-sm);background:var(--bg-secondary);width:36px;height:28px;color:var(--text-tertiary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.feedback-vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.feedback-vote-btn.upvote.active{color:#3fb950;background:#3fb95026}.feedback-vote-btn.downvote.active{color:#e74c3c;background:#e74c3c26}.feedback-vote-score{color:var(--text-primary);text-align:center;min-width:36px;font-size:16px;font-weight:700}.feedback-vote-score.positive{color:#3fb950}.feedback-vote-score.negative{color:#e74c3c}.feedback-detail-content{flex:1;min-width:0}.feedback-detail-vote-summary{color:var(--text-tertiary);font-size:12px}.feedback-detail-comments-header{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600}.feedback-detail-comments{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.feedback-comment{background:var(--bg-secondary);border-radius:var(--radius-md);padding:10px 12px;position:relative}.feedback-comment-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.feedback-comment-author{color:var(--text-secondary);font-size:12px;font-weight:600}.feedback-comment-admin-badge{color:var(--gamevox-orange-start);text-transform:uppercase;letter-spacing:.5px;background:#ff8c3226;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}.feedback-comment-date{color:var(--text-tertiary);font-size:11px}.feedback-comment-message{color:var(--text-primary);word-break:break-word;-webkit-user-select:text;user-select:text;cursor:text;font-size:13px;line-height:1.5}.feedback-comment-message img{border-radius:var(--radius-sm);max-width:100%;margin-top:4px}.feedback-comment-message pre{background:var(--bg-tertiary);border-radius:var(--radius-sm);margin:4px 0;padding:8px 10px;font-size:12px;overflow-x:auto}.feedback-comment-message code{background:var(--bg-tertiary);border-radius:3px;padding:1px 4px;font-size:12px}.feedback-comment-message pre code{background:0 0;padding:0}.feedback-comment-delete{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1;display:none;position:absolute;top:8px;right:8px}.feedback-comment:hover .feedback-comment-delete{display:block}.feedback-comment-delete:hover{color:#e74c3c;background:#e74c3c1a}.feedback-comment-edit{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1;display:none;position:absolute;top:8px;right:28px}.feedback-comment:hover .feedback-comment-edit{display:block}.feedback-comment-edit:hover{color:var(--text-primary);background:var(--bg-modifier-hover)}.feedback-comment-edit-area{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;min-height:60px;color:var(--text-primary);resize:vertical;padding:8px;font-family:inherit;font-size:13px;line-height:1.5}.feedback-comment-edit-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.feedback-comment-edit-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 12px;font-size:12px}.feedback-comment-edit-save{background:var(--accent-start);color:#fff}.feedback-comment-edit-save:hover{opacity:.9}.feedback-comment-edit-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-medium)!important}.feedback-comment-edit-cancel:hover{background:var(--bg-modifier-hover)}.feedback-comment-edited{color:var(--text-tertiary);margin-left:6px;font-size:10px;font-style:italic}.feedback-detail-comment-input{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-top:12px;display:flex}.feedback-comment-attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}html.dm-popout-mode #left-column,html.dm-popout-mode #right-column,html.dm-popout-mode .custom-title-bar{display:none!important}html.dm-popout-mode #center-column{width:100%!important;height:100vh!important;margin-left:0!important}html.dm-popout-mode #main-window{flex-direction:column;height:100vh;display:flex}html.dm-popout-mode #server-toolbar,html.dm-popout-mode #server-homepage,html.dm-popout-mode #welcome-splash,html.dm-popout-mode #chatMessages,html.dm-popout-mode #voice-channel-view,html.dm-popout-mode #file-explorer,html.dm-popout-mode #forum-view,html.dm-popout-mode #events-view,html.dm-popout-mode #server-users-view,html.dm-popout-mode #jump-to-bottom-btn,html.dm-popout-mode .server-switcher-header,html.dm-popout-mode #webapp-logo-header,html.dm-popout-mode #pollButton,html.dm-popout-mode #textSoundboardButton,html.dm-popout-mode #dm-popout-btn{display:none!important}html.dm-popout-mode .dm-header{-webkit-app-region:drag;--wails-draggable:drag}html.dm-popout-mode .dm-header-btn,html.dm-popout-mode .dm-header-actions,html.dm-popout-mode .dm-header-actions *{-webkit-app-region:no-drag;--wails-draggable:no-drag}.dm-popout-close-btn{display:none!important}html.dm-popout-mode .dm-popout-close-btn{display:flex!important}html.dm-popout-mode .dm-popout-close-btn:hover{color:#fff!important;background:#dc3545d9!important}html.feedback-popout-mode #left-column,html.feedback-popout-mode #right-column,html.feedback-popout-mode .custom-title-bar,html.feedback-popout-mode #center-column,html.feedback-popout-mode #server-toolbar,html.feedback-popout-mode #app-loading-overlay{display:none!important}html.feedback-popout-mode #main-window{height:100vh}html.feedback-popout-mode #feedback-overlay{pointer-events:none!important;background:0 0!important;display:flex!important;position:fixed!important;inset:0!important}html.feedback-popout-mode #feedback-overlay.active{display:flex!important}html.feedback-popout-mode #feedback-modal{pointer-events:auto!important;resize:none!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;transform:none!important}html.feedback-popout-mode #feedback-modal.minimized{width:auto!important;height:auto!important}html.feedback-popout-mode #feedback-header{-webkit-app-region:drag;--wails-draggable:drag;cursor:default!important}html.feedback-popout-mode #feedback-header .feedback-wc-btn,html.feedback-popout-mode #feedback-header h2{-webkit-app-region:no-drag;--wails-draggable:no-drag}html.feedback-popout-mode,html.feedback-popout-mode body{background-color:var(--bg-card)!important}html.feedback-popout-mode #feedback-content{flex:1!important;height:calc(100% - 50px)!important;padding-bottom:6px!important;padding-right:6px!important}html.settings-popout-mode #left-column,html.settings-popout-mode #right-column,html.settings-popout-mode .custom-title-bar,html.settings-popout-mode #center-column,html.settings-popout-mode #server-toolbar,html.settings-popout-mode #app-loading-overlay{display:none!important}html.settings-popout-mode #main-window{height:100vh}html.settings-popout-mode #settings-overlay{pointer-events:none!important;background:0 0!important;display:flex!important;position:fixed!important;inset:0!important}html.settings-popout-mode #settings-overlay.active{display:flex!important}html.settings-popout-mode #settings-modal{pointer-events:auto!important;resize:none!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;transform:none!important}html.settings-popout-mode #settings-header{-webkit-app-region:drag;--wails-draggable:drag;cursor:default!important}html.settings-popout-mode #settings-header .settings-wc-btn,html.settings-popout-mode #settings-header h2{-webkit-app-region:no-drag;--wails-draggable:no-drag}html.settings-popout-mode,html.settings-popout-mode body{background-color:var(--bg-card)!important}html.settings-popout-mode #settings-content{flex:1!important;height:calc(100% - 50px)!important;padding-bottom:6px!important;padding-right:6px!important}.gv-select-wrapper{width:100%;display:inline-block;position:relative}.gv-select-wrapper>select.gv-select-hidden{display:none!important}.gv-select-display{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;align-items:center;min-height:34px;padding:8px 36px 8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,background-color .15s;display:flex;overflow:hidden}.gv-select-display:hover{border-color:var(--border-strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.gv-select-display:focus,.gv-select-display[aria-expanded=true]{border-color:var(--gamevox-orange-start);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23eb7538'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");outline:none}.gv-select-display.gv-select-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.gv-select-options{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);z-index:99999;max-height:300px;box-shadow:var(--shadow-lg);padding:4px 0;display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.gv-select-options.gv-select-open{display:block}.gv-select-options.gv-select-upward{top:auto;bottom:calc(100% + 2px)}.gv-select-option{cursor:pointer;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:8px 12px;font-size:13px;transition:background-color .1s;overflow:hidden}.gv-select-option:hover,.gv-select-option.gv-focused{background:var(--bg-tertiary)}.gv-select-option.gv-selected{color:var(--gamevox-accent)}.gv-select-option.gv-option-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.gv-select-options::-webkit-scrollbar{width:4px}.gv-select-options::-webkit-scrollbar-track{background:0 0}.gv-select-options::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.voice-activity-card{background:#15171a;border-top:1px solid #25282d;flex-direction:column;flex:0 0 240px;min-height:36px;max-height:320px;transition:flex-basis .15s,max-height .15s;display:flex}.voice-activity-card.collapsed{flex:0 0 36px;max-height:36px}#voice-channel-view.compact .voice-activity-card{display:none}.voice-activity-header{-webkit-user-select:none;user-select:none;cursor:default;background:#1a1c20;border-bottom:1px solid #25282d;flex:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.voice-activity-card.collapsed .voice-activity-header{border-bottom:none}.voice-activity-title{color:#c8cdd5;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600}.voice-activity-actions{gap:2px;display:flex}.voice-activity-btn{color:#8d99ae;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:3px;display:inline-flex}.voice-activity-btn:hover{color:#fff;background:#2a2e34}.voice-activity-btn svg{width:14px;height:14px}.voice-activity-body{flex-direction:column;flex:auto;display:flex;overflow:hidden}.voice-activity-card.collapsed .voice-activity-body{display:none}.voice-activity-card.collapsed .voice-activity-search-bar{display:none!important}.voice-activity-search-bar{background:#0f1114;border-top:1px solid #1f2024;border-bottom:1px solid #1f2024;flex:none;padding:6px 10px}.voice-activity-search-bar input{box-sizing:border-box;color:#e6e6e6;background:#15171a;border:1px solid #25282d;border-radius:4px;outline:none;width:100%;padding:5px 9px;font-size:12px}.voice-activity-search-bar input:focus{border-color:var(--accent-color,coral)}.voice-activity-list{scroll-behavior:smooth;flex:auto;padding:4px 0;overflow-y:auto}.voice-activity-list::-webkit-scrollbar{width:6px}.voice-activity-list::-webkit-scrollbar-thumb{background:#2a2e34;border-radius:3px}.voice-activity-list::-webkit-scrollbar-track{background:0 0}.va-empty{text-align:center;color:#6c7280;padding:12px;font-size:12px;font-style:italic}.va-entry{color:#cbd0d8;align-items:center;gap:8px;padding:4px 12px;font-size:12.5px;line-height:1.4;display:flex}.va-entry:hover{background:#1a1c20}.va-avatar{border-radius:0;flex:0 0 22px;width:22px;height:22px}.va-avatar.hex-avatar{width:22px;height:22px}.va-avatar .hex-avatar-img{object-fit:cover;width:100%;height:100%}.va-body{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.va-row-main{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.va-row-meta{color:#6c7280;letter-spacing:.3px;-webkit-user-select:text;user-select:text;margin-left:18px;font-size:10.5px;line-height:1.2}.va-soundboard-emoji{vertical-align:-1px;margin-right:1px;font-size:13px;line-height:1}.va-actor{color:#fff;font-weight:600}.va-action{color:#c8cdd5}.va-action strong{color:#fff}.va-action em{color:#8d99ae;font-style:normal}.va-time{color:#6c7280;white-space:nowrap;flex:none;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.va-glyph{vertical-align:middle;flex:0 0 14px;width:14px;height:14px}.va-fg-green{color:#4ade80}.va-fg-orange{color:coral}.va-fg-blue{color:#60a5fa}.va-fg-red{color:#f87171}.va-fg-muted{color:#6c7280}.va-encoder-badge{letter-spacing:.5px;cursor:help;border-radius:3px;align-items:center;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.va-encoder-hw{color:coral;background:#ff7f502e;border:1px solid #ff7f5059}.va-encoder-sw{color:#8d99ae;background:#6c72802e;border:1px solid #6c72804d}.se-tip{z-index:9999;color:#e6e6e6;pointer-events:none;-webkit-backdrop-filter:blur(4px);background:#0d0e11f5;border:1px solid #2a2e34;border-radius:6px;width:220px;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;display:none;position:fixed;box-shadow:0 8px 24px #0009}.se-tip-header{border-bottom:1px solid #25282d;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;display:flex}.se-tip-codec{color:coral;letter-spacing:.4px;font-size:13px;font-weight:700}.se-tip-line{justify-content:space-between;align-items:center;padding:2px 0;font-size:11.5px;line-height:1.4;display:flex}.se-tip-key{color:#8d99ae;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.se-tip-val{color:#e6e6e6;text-align:right;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.se-tip-warn{color:#fbbf24;border-top:1px solid #25282d;margin-top:6px;padding-top:6px;font-size:11px;font-style:italic}#right-column{box-sizing:border-box;background-color:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}#webapp-logo-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;display:none}#webapp-logo-header .webapp-logo{width:auto;height:58px}html.webapp-mode #webapp-logo-header{display:flex}#non-friends-list{padding:var(--space-sm);border-bottom:1px solid var(--border-subtle);flex-shrink:0}#non-friends-list .section-count{background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}#non-friends-list ul{margin:0;padding:0;list-style:none}#non-friends-list li{padding:2px var(--space-sm);border-radius:var(--radius-md);cursor:pointer;align-items:center;margin-bottom:0;transition:background-color .15s;display:flex}#non-friends-list li:hover{background-color:var(--hover-overlay)}#non-friends-list .dm-unread-badge{color:#fff;background:#f04747;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}#friends-list{padding:var(--space-xs) var(--space-sm);flex:1 1 0;min-height:0;overflow:hidden auto}#user-info{padding:var(--space-sm) var(--space-md);background-color:var(--bg-primary);border-top:1px solid var(--border-medium);align-items:center;gap:var(--space-xs) var(--space-sm);box-sizing:border-box;z-index:100;flex-wrap:wrap;flex-shrink:0;margin-top:auto;display:flex}#user-avatar-wrapper{cursor:pointer;flex-shrink:0;width:32px;height:32px;position:relative}#user-avatar-container{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px;transition:all .2s}#user-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);object-fit:cover;width:100%;height:100%;display:block}#user-avatar-wrapper:hover #user-avatar-container{background:var(--gamevox-orange-start);box-shadow:0 0 12px #eb753866}#user-status-indicator{border-color:var(--bg-primary)}#user-details{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}#user-name-row{align-items:center;gap:4px;min-width:0;display:flex}#username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}#user-verification-badge{flex-shrink:0;align-items:center;display:inline-flex}.verification-badge{cursor:help;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;display:inline-flex}.verification-badge.verified{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 4px #22c55e66}.verification-badge.registered{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 4px #3b82f666}.verification-badge.unregistered{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-medium)}.discord-badge{cursor:help;justify-content:center;align-items:center;margin-left:4px;transition:transform .15s;display:inline-flex}.discord-badge:hover{transform:scale(1.15)}.discord-badge svg{display:block}#user-status{color:var(--text-secondary);font-size:10px;font-weight:500}#user-status.playing{color:var(--gamevox-orange-start)}#user-status .playing-game{font-size:11px}#user-status .playing-game strong{color:var(--text-primary);font-weight:600}.friend-status.playing{color:var(--gamevox-orange-start)}.friend-status .playing-game{font-size:11px}.play-icon{vertical-align:-1px;opacity:.85}.compact-play-icon{color:var(--accent-primary,#5b9bd5);opacity:.85;align-items:center;margin-left:4px;display:none}.friend-status .game-details,.friend-status .game-activity{color:var(--text-secondary);margin-top:2px;font-size:10px;display:block}.friend-status .playing-wow{line-height:1.3}#user-status.playing-wow{font-size:11px}#user-status .wow-status{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#user-status .wow-icon{font-size:12px}#user-status .wow-char{font-weight:600}#user-status .wow-realm{color:var(--text-secondary);font-size:10px}#user-status .wow-detail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;font-size:10px;display:block;overflow:hidden}#controls{gap:var(--space-xs);width:100%;padding-top:var(--space-xs);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}#system-mute-indicator{border-radius:var(--radius-sm);color:#f59e0b;cursor:help;background-color:#f59e0b26;border:1px solid #f59e0b;justify-content:center;align-items:center;width:28px;height:28px;animation:2s ease-in-out infinite system-mute-pulse;display:none}#system-mute-indicator svg{width:16px;height:16px}@keyframes system-mute-pulse{0%,to{opacity:1;box-shadow:0 0 #f59e0b66}50%{opacity:.8;box-shadow:0 0 8px 2px #f59e0b4d}}#system-mute-indicator.visible{display:flex}#controls button{background-color:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}#controls button svg{width:16px;height:16px}#controls button:hover{background-color:var(--hover-overlay);border-color:var(--border-strong);color:var(--text-primary)}#controls button.active{color:var(--gamevox-orange-start);background-color:var(--selected-bg);border-color:var(--gamevox-orange-start)}#sb-voice-mute-btn.active,#sb-text-mute-btn.active{color:#f04747;border-color:var(--border-medium);background-color:#f0474726;position:relative}#sb-voice-mute-btn.active:after,#sb-text-mute-btn.active:after{content:"";transform-origin:50%;pointer-events:none;border-top:2px solid #f04747;position:absolute;inset:10px 3px 3px 10px;transform:rotate(-45deg)}#controls #mute-btn.active,#controls #deafen-btn.active{color:#f04747;border-color:var(--border-medium);background-color:#f0474726;position:relative}#controls #mute-btn.active:after,#controls #deafen-btn.active:after{content:"";transform-origin:50%;pointer-events:none;border-top:2px solid #f04747;position:absolute;inset:10px 3px 3px 10px;transform:rotate(-45deg)}#settings-btn{border:1px solid var(--border-medium);background-color:#0000;padding:8px}#settings-btn:hover{background-color:var(--hover-overlay)}#friends-list h3{margin-bottom:var(--space-md);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}#friends-list ul{margin:0;padding:0;list-style:none}#friends-list li{padding:2px var(--space-sm);border-radius:var(--radius-md);cursor:pointer;align-items:center;margin-bottom:0;transition:background-color .15s;display:flex}#friends-list li:hover{background-color:var(--hover-overlay)}.friend-avatar{width:32px;height:32px;margin-right:var(--space-md);flex-shrink:0;position:relative}.friend-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px}.friend-avatar img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;background:var(--bg-tertiary);width:100%;height:100%;display:block}.friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.friend-status{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}#friends-list.friends-compact li{padding:2px var(--space-sm);margin-bottom:1px}#friends-list.friends-compact .friend-avatar{width:22px;height:22px;margin-right:var(--space-sm)}#friends-list.friends-compact .avatar-status{border-width:1.5px;width:6px;height:6px;bottom:-1px;right:-5px}#friends-list.friends-compact .friend-name{font-size:12px}#friends-list.friends-compact .friend-status{display:none}#friends-list.friends-compact .compact-play-icon{display:inline-flex}#friends-list.friends-compact .friends-section-header{padding:4px var(--space-sm);font-size:10px}#friends-list.friends-compact .friend-item .dm-unread-badge{border-radius:7px;min-width:14px;height:14px;padding:0 4px;font-size:9px}.friends-section-header{padding:2px var(--space-md);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);cursor:default;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.friends-section-header:hover{background-color:#0000}.friend-requests-header.clickable{cursor:pointer;transition:all .15s}.friend-requests-header.clickable:hover{border-radius:var(--radius-sm);background:#faa61a1a}.request-count{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700}.friend-request-item{margin:2px var(--space-xs);border-radius:var(--radius-md);cursor:default;align-items:center;transition:all .15s;padding:var(--space-sm)!important;flex-direction:row!important;display:flex!important}.friend-request-item.clickable{cursor:pointer}.friend-request-item:hover{background:#faa61a26}.friend-request-item.clickable:hover{border-color:#faa61a66;transform:translate(2px)}.friend-request-top{align-items:center;width:100%;display:flex}.friend-request-item .friend-info{flex:1;min-width:0}.friend-request-item .friend-name{word-break:break-word;font-size:13px}.friend-request-item .friend-status.pending{color:var(--gamevox-orange-start);font-size:11px}.friend-status.incoming-request{color:var(--gamevox-orange-start);font-size:11px;font-weight:500}.friends-section-header.friend-requests-header .section-count{color:var(--gamevox-orange-start);background:#ffa50033}.friend-request-actions{justify-content:flex-start;gap:8px;width:100%;margin-top:8px;display:flex}.request-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.request-btn svg{flex-shrink:0;width:16px;height:16px}.request-btn.accept-btn{color:#43b581;background:#43b58133}.request-btn.accept-btn:hover{color:#fff;background:#43b581;transform:scale(1.1)}.request-btn.reject-btn{color:#f04747;background:#f0474733}.request-btn.reject-btn:hover{color:#fff;background:#f04747;transform:scale(1.1)}.friends-section-divider{background:var(--border-subtle);height:1px;margin:var(--space-sm) var(--space-md);cursor:default}.friends-section-divider:hover{background:var(--border-subtle)}.friends-section-header.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.friends-section-header.collapsible:hover{background-color:var(--bg-hover)}.friends-section-header .section-toggle{align-items:center;gap:4px;display:flex}.friends-section-header .collapse-icon{transition:transform .2s}.friends-section-header.collapsed .collapse-icon{transform:rotate(-90deg)}.friends-section-header .section-count{background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:600}.friends-section-header.online-header .section-count{color:#43b581;background:#43b58133}.friends-section-header.recent-messages-header .section-count{color:#7289da;background:#7289da33}.pending-friend-item{padding-right:var(--space-sm);align-items:center;display:flex}#friends-list li.section-hidden{display:none!important}.pending-friend-item .friend-status.pending{color:var(--text-tertiary);font-style:italic}.pending-cancel-btn{border-radius:var(--radius-sm);color:#f04747;cursor:pointer;background:#f0474726;border:none;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.pending-cancel-btn:hover{color:#fff;background:#f04747}#friends-list .friend-item .dm-unread-badge{background:var(--accent-main);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;animation:.3s ease-out dm-badge-pop;display:flex}@keyframes dm-badge-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}#friends-list .friend-item.has-unread .friend-name{color:var(--text-primary);font-weight:600}.avatar-status.pending{background-color:var(--text-tertiary)}#server-members-title,#friends-title,#non-friends-title{align-items:center;padding-left:5px;padding-right:5px;line-height:16px;display:flex}#server-members-title:hover,#friends-title:hover,#non-friends-title:hover{background-color:var(--hover-overlay)}.friends-header{margin-bottom:var(--space-sm);flex-shrink:0;align-items:center;gap:6px;min-height:24px;display:flex}#friends-list .friends-header h3,#non-friends-list .friends-header h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:700}.section-collapse-arrow{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;margin:-6px;padding:6px;transition:transform .2s}.section-collapse-arrow:hover{color:var(--text-secondary);background:var(--hover-overlay)}.section-collapse-arrow.collapsed{transform:rotate(-90deg)}.section-online-count{color:var(--text-tertiary);white-space:nowrap;margin-left:auto;margin-right:var(--space-xs);font-size:10px;font-weight:600}#friends-list.section-collapsed>ul,#non-friends-list.section-collapsed>ul,#server-members-panel.section-collapsed>ul{display:none}#friends-list.section-collapsed,#server-members-panel.section-collapsed{overflow:hidden;flex:none!important}.add-friend-header-btn{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:15px;height:15px;font-size:16px;line-height:1;transition:transform .2s,box-shadow .2s;display:flex}.add-friend-header-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #eb753866}.modal-overlay{z-index:10001;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:450px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-primary);text-transform:uppercase;margin:0}.modal-content{padding:var(--space-lg);flex:1;overflow-y:auto}.modal-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.modal-tab{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1;transition:all .2s}.modal-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-tab.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-color:#0000}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px}.search-input-wrapper{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.search-input-wrapper input{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);flex:1;font-size:14px}.search-input-wrapper input:focus{border-color:var(--gamevox-orange-start);outline:none}.search-input-wrapper button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;font-size:14px}.search-input-wrapper button:hover{opacity:.9}.friend-code-divider{margin:var(--space-lg) 0;color:var(--text-muted);align-items:center;display:flex}.friend-code-divider:before,.friend-code-divider:after{content:"";border-bottom:1px solid var(--border-medium);flex:1}.friend-code-divider span{padding:0 var(--space-md);text-transform:uppercase;letter-spacing:1px;font-size:12px}.friend-code-section{margin-bottom:var(--space-lg)}.friend-code-section .modal-description{margin-bottom:var(--space-sm)}.friend-code-section input{letter-spacing:2px;text-transform:uppercase;font-family:Fira Code,SF Mono,monospace}.friend-code-section .btn-orange{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end))}.modal-tab-content h4{color:var(--text-secondary);text-transform:uppercase;margin:var(--space-md) 0 var(--space-sm);font-size:12px}.modal-tab-content h4:first-child{margin-top:0}.audio-device-menu{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-width:200px;max-width:300px;box-shadow:var(--shadow-lg);z-index:10000;display:none;position:fixed;overflow:hidden}.audio-device-menu.visible{display:block}.audio-device-menu-header{padding:var(--space-sm) var(--space-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:11px;font-weight:700}.audio-device-menu-list{max-height:250px;overflow-y:auto}.audio-device-item{padding:var(--space-sm) var(--space-md);cursor:pointer;align-items:center;gap:var(--space-sm);transition:background-color .15s;display:flex}.audio-device-item:hover{background-color:var(--hover-overlay)}.audio-device-item.selected{background-color:var(--selected-bg)}.audio-device-item.selected:before{content:"";background:var(--gamevox-orange-start);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.audio-device-item:not(.selected):before{content:"";flex-shrink:0;width:6px;height:6px;display:inline-block}.audio-device-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.audio-device-item.selected .audio-device-name{color:var(--gamevox-orange-start);font-weight:500}.audio-device-default-badge{background-color:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 6px;font-size:10px}#mute-btn[title*=Right-click],#deafen-btn[title*=Right-click]{position:relative}.device-btn-group{flex-shrink:0;align-items:center;display:flex;position:static}.device-dropdown-arrow{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:all .15s;background-color:var(--bg-elevated)!important;border:1px solid var(--border-medium)!important;color:var(--text-tertiary)!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;border-left:none!important;justify-content:center!important;align-items:center!important;width:14px!important;height:28px!important;padding:0!important;display:flex!important}.device-btn-group>button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important}.device-dropdown-arrow svg{width:8px!important;height:8px!important}.device-dropdown-arrow:hover{background-color:var(--hover-overlay)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}.device-dropdown-arrow.open{color:var(--gamevox-orange-start)!important;background-color:var(--selected-bg)!important;border-color:var(--gamevox-orange-start)!important}.device-popup{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-lg);z-index:10001;transform-origin:bottom;animation:.12s devicePopupIn;position:fixed;bottom:auto;left:auto;overflow:hidden}@keyframes devicePopupIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.device-popup-header{padding:7px var(--space-md);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);font-size:10px;font-weight:700}.device-list{max-height:none;padding:var(--space-xs) 0;overflow-y:visible}.device-list::-webkit-scrollbar{width:4px}.device-list::-webkit-scrollbar-track{background:0 0}.device-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.device-list-item{align-items:center;gap:var(--space-sm);padding:6px var(--space-md);cursor:pointer;transition:background-color .12s;display:flex}.device-list-item:hover{background-color:var(--hover-overlay)}.device-list-item-radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:border-color .12s;display:flex}.device-list-item.selected .device-list-item-radio{border-color:var(--gamevox-orange-start)}.device-list-item.selected .device-list-item-radio:after{content:"";background:var(--gamevox-orange-start);border-radius:50%;width:6px;height:6px}.device-list-item-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.device-list-item.selected .device-list-item-name{color:var(--text-primary);font-weight:500}.device-list-placeholder{padding:var(--space-md);color:var(--text-tertiary);text-align:center;font-size:12px}.device-popup-slider{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);display:flex}.device-popup-slider-icon{color:var(--text-tertiary);flex-shrink:0}.device-popup-range{appearance:none;background:var(--border-medium);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.device-popup-range::-webkit-slider-thumb{appearance:none;background:var(--gamevox-orange-start);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.device-popup-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.device-popup-range::-moz-range-thumb{background:var(--gamevox-orange-start);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.device-popup-slider-value{color:var(--text-tertiary);text-align:right;flex-shrink:0;min-width:32px;font-size:11px}.device-popup-divider{background:var(--border-subtle);height:1px;margin:0}.device-popup-toggle-row{padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;display:flex}.device-popup-toggle-label{color:var(--text-secondary);font-size:12px}.device-popup-toggle{flex-shrink:0;width:30px;height:16px;display:inline-block;position:relative}.device-popup-toggle input{opacity:0;width:0;height:0;position:absolute}.device-popup-toggle-track{background:var(--bg-elevated);border:1px solid var(--border-medium);cursor:pointer;border-radius:8px;transition:background .15s,border-color .15s;position:absolute;inset:0}.device-popup-toggle-track:after{content:"";background:var(--text-muted);border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.device-popup-toggle input:checked+.device-popup-toggle-track{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start)}.device-popup-toggle input:checked+.device-popup-toggle-track:after{background:#fff;transform:translate(14px)}#friend-manager-overlay{z-index:2000}.friend-manager-modal{flex-direction:column;width:80vw;max-width:900px;height:70vh;min-height:400px;max-height:85vh;display:flex}.friend-manager-modal .modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.friend-manager-content{flex:1;min-height:0;display:flex;overflow:hidden}.friend-manager-list{border-right:1px solid var(--border-subtle);background:var(--bg-primary);flex-direction:column;flex-shrink:0;width:280px;display:flex}.friend-manager-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;padding:12px;display:flex}.fm-tab{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:calc(50% - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.fm-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.fm-tab.active{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.fm-badge{background:#ffffff40;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.fm-tab:not(.active) .fm-badge{color:#fff;background:#f04747}.friend-manager-search{border-bottom:1px solid var(--border-subtle);padding:8px 12px}.friend-manager-search input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 12px;font-size:13px}.friend-manager-search input::placeholder{color:var(--text-tertiary)}.friend-manager-search input:focus{border-color:var(--gamevox-orange-start);outline:none}.friend-manager-items{flex:1;padding:8px;overflow-y:auto}.fm-empty-state{height:100%;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.fm-friend-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.fm-friend-item:hover{background:var(--bg-elevated)}.fm-friend-item.selected{background:#f9731626}.fm-friend-item .fm-item-avatar{flex-shrink:0;width:36px;height:36px;position:relative}.fm-friend-item .fm-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px}.fm-friend-item .fm-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%}.fm-friend-item .fm-item-status{border:2px solid var(--bg-primary);background:#747f8d;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.fm-friend-item .fm-item-status.online{background:#3ba55c}.fm-friend-item .fm-item-info{flex:1;min-width:0}.fm-friend-item .fm-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.fm-friend-item .fm-item-detail{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fm-friend-item .fm-item-detail.playing{color:var(--gamevox-orange-start)}.friend-manager-profile{background:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;display:flex}.fm-profile-empty{height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.fm-profile-empty svg{opacity:.5}.fm-profile-content{padding:20px;overflow-y:auto}.fm-profile-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.fm-profile-avatar{flex-shrink:0;width:72px;height:72px;position:relative}.fm-profile-avatar .fm-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:3px}.fm-profile-avatar .fm-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%}.fm-profile-avatar .avatar-status{border-width:3px;width:18px;height:18px;position:absolute;bottom:0;right:0}.fm-profile-info{flex:1;min-width:0}.fm-profile-name{align-items:center;gap:8px;margin-bottom:4px;display:flex}.fm-profile-name span:first-child{color:var(--text-primary);font-size:20px;font-weight:600}.fm-profile-status{color:var(--text-secondary);font-size:14px}.fm-profile-status.online{color:#3ba55c}.fm-profile-status.playing{color:var(--gamevox-orange-start)}.fm-profile-game{background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid var(--gamevox-orange-start);margin-bottom:20px;padding:16px}.fm-game-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:6px;font-size:11px}.fm-game-name{color:var(--text-primary);font-size:16px;font-weight:600}.fm-game-details{color:var(--text-secondary);margin-top:4px;font-size:13px}.fm-profile-actions{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.fm-action-btn{border-radius:var(--radius-sm);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.fm-action-btn.primary{background:var(--gamevox-orange-gradient);color:#fff;border:none}.fm-action-btn.primary:hover{filter:brightness(1.1)}.fm-action-btn.secondary{border:1px solid var(--border-medium);color:var(--text-primary);background:0 0}.fm-action-btn.secondary:hover{background:var(--bg-elevated)}.fm-action-btn.danger{color:#f04747;background:#f0474726;border:1px solid #f047474d}.fm-action-btn.danger:hover{background:#f0474740}.fm-action-btn.success{color:#43b581;background:#43b58126;border:1px solid #43b5814d}.fm-action-btn.success:hover{background:#43b58140}.fm-profile-section{margin-bottom:16px}.fm-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:6px;font-size:11px}.fm-profile-section>div:not(.fm-section-label){color:var(--text-primary);font-size:14px}#fm-profile-mutual-servers{flex-wrap:wrap;gap:8px;display:flex}.fm-mutual-server{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.fm-mutual-server img{border-radius:4px;width:20px;height:20px}.fm-section-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);align-items:center;gap:8px;padding:12px 10px 6px;font-size:11px;display:flex}.fm-section-header .fm-section-count{background:var(--bg-elevated);border-radius:10px;padding:2px 6px;font-size:10px}.fm-header-actions{align-items:center;gap:8px;display:flex}.fm-open-page-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.fm-open-page-btn:hover{color:var(--gamevox-orange-start);background:var(--bg-elevated)}#friends-page-overlay{z-index:2100;background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0}.friends-page{flex-direction:column;height:100%;display:flex;position:relative}.fp-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.fp-back-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:6px;transition:color .15s;display:flex}.fp-back-btn:hover{color:var(--text-primary)}.fp-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.fp-count{color:var(--text-tertiary);background:var(--bg-elevated);white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:13px}.fp-header-spacer{flex:1}.fp-search-bar{width:280px;position:relative}.fp-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.fp-search-bar input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 12px 8px 34px;font-size:13px}.fp-search-bar input::placeholder{color:var(--text-tertiary)}.fp-search-bar input:focus{border-color:var(--gamevox-orange-start);outline:none}.fp-sort-btn,.fp-settings-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:6px;transition:color .15s;display:flex}.fp-sort-btn:hover,.fp-settings-btn:hover{color:var(--text-primary)}.fp-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:0;padding:0 20px;display:flex}.fp-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.fp-tab:hover{color:var(--text-primary)}.fp-tab.active{color:var(--text-primary);border-bottom-color:var(--gamevox-orange-start)}.fp-tab svg{opacity:.7}.fp-tab.active svg{opacity:1}.fp-tab-badge{color:#fff;text-align:center;background:#f04747;border-radius:10px;min-width:18px;padding:2px 7px;font-size:11px;font-weight:600}.fp-filters{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:6px;padding:10px 20px;display:flex}.fp-filter{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:14px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.fp-filter:hover{background:var(--bg-elevated);color:var(--text-primary)}.fp-filter.active{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.fp-content{scrollbar-width:thin;flex:1;padding:0 20px 20px;overflow-y:auto}.fp-letter-group{margin-top:8px}.fp-letter-header{background:var(--bg-primary);z-index:1;align-items:center;gap:12px;padding:12px 0 8px;display:flex;position:sticky;top:0}.fp-letter{color:var(--gamevox-orange-start);min-width:20px;font-size:14px;font-weight:700}.fp-letter-line{background:var(--border-subtle);flex:1;height:1px}.fp-letter-count{color:var(--text-tertiary);font-size:12px}.fp-friend-row{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;padding:10px 16px;transition:background .15s;display:flex}.fp-friend-row:hover{background:var(--bg-elevated)}.fp-avatar{flex-shrink:0;width:42px;height:42px;position:relative}.fp-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px}.fp-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%}.fp-avatar-status{border:2.5px solid var(--bg-primary);background:#747f8d;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.fp-avatar-status.online{background:#3ba55c}.fp-avatar-status.idle{background:#faa61a}.fp-avatar-status.dnd{background:#f04747}.fp-friend-info{flex:1;min-width:0}.fp-friend-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.fp-friend-detail{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.fp-friend-detail.playing{color:var(--gamevox-orange-start)}.fp-friend-detail .play-icon{vertical-align:middle;margin-right:4px}.fp-status-badge{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:4px 14px;font-size:12px;font-weight:600}.fp-status-badge.online{color:#3ba55c;background:#3ba55c26}.fp-status-badge.idle{color:#faa61a;background:#faa61a26}.fp-status-badge.dnd{color:#f04747;background:#f0474726}.fp-status-badge.offline{background:var(--bg-elevated);color:var(--text-tertiary)}.fp-alpha-sidebar{z-index:10;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;display:flex;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.fp-alpha-sidebar span{color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding:1px 4px;font-size:11px;font-weight:600;transition:color .1s}.fp-alpha-sidebar span:hover{color:var(--gamevox-orange-start)}.fp-alpha-sidebar span.has-friends{color:var(--text-secondary)}.fp-fab{background:var(--gamevox-orange-gradient);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:32px;box-shadow:0 4px 12px #0000004d}.fp-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006}.fp-pending-section{margin-top:16px}.fp-pending-header{align-items:center;gap:10px;padding:12px 0 8px;display:flex}.fp-pending-header svg{color:var(--text-tertiary)}.fp-pending-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:12px;font-weight:700}.fp-pending-count{background:var(--bg-elevated);color:var(--text-tertiary);border-radius:10px;padding:2px 8px;font-size:11px}.fp-pending-line{background:var(--border-subtle);flex:1;height:1px}.fp-pending-row{border-radius:var(--radius-md);align-items:center;gap:14px;padding:12px 16px;transition:background .15s;display:flex}.fp-pending-row:hover{background:var(--bg-elevated)}.fp-pending-info{flex:1;min-width:0}.fp-pending-name{color:var(--text-primary);font-size:15px;font-weight:600}.fp-pending-meta{color:var(--text-tertiary);margin-top:2px;font-size:12px}.fp-pending-actions{flex-shrink:0;gap:8px;display:flex}.fp-accept-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#3ba55c;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:filter .15s;display:flex}.fp-accept-btn:hover{filter:brightness(1.15)}.fp-ignore-btn,.fp-cancel-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.fp-ignore-btn:hover,.fp-cancel-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.fp-empty-state{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;font-size:14px;display:flex}.fp-empty-state svg{opacity:.4}#right-column-divider{cursor:row-resize;-webkit-user-select:none;user-select:none;z-index:1;border-top:1px solid var(--border-subtle);background-color:#0000;flex-shrink:0;height:6px;position:relative}#right-column-divider:after{content:"";background-color:var(--border-subtle);border-radius:1px;width:32px;height:2px;transition:background-color .15s,width .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#right-column-divider:hover:after{background-color:var(--text-tertiary);width:48px}#right-column-divider.dragging:after{background-color:var(--accent-primary);width:48px}#right-column.resizing{-webkit-user-select:none;user-select:none}#right-column.resizing *{pointer-events:none}#server-members-panel{padding:var(--space-sm);flex:1 1 0;min-height:0;overflow:hidden auto}#server-members-panel .server-members-header{margin-bottom:var(--space-sm);flex-shrink:0;align-items:center;gap:6px;min-height:24px;display:flex}#server-members-panel .server-members-header h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:700}#server-members-panel ul{margin:0;padding:0;list-style:none}#server-members-panel li{padding:2px var(--space-sm);border-radius:var(--radius-md);cursor:pointer;align-items:center;margin-bottom:0;transition:background-color .15s;display:flex}#server-members-panel li:hover{background-color:var(--hover-overlay)}#server-members-panel li.section-hidden{display:none!important}.server-member-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.server-member-group-icon{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:4px;display:inline-flex}.server-member-group-icon svg{width:14px;height:14px}.server-member-group-icon .group-icon-img{object-fit:contain;width:14px;height:14px}#server-members-panel .friend-name-row{align-items:center;gap:4px;min-width:0;display:flex}#server-members-panel .friend-name-row .friend-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-member-badges{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.server-member-badge{background:var(--gamevox-orange-start);color:#fff;cursor:default;border-radius:6px;justify-content:center;align-items:center;height:16px;padding:0 3px;font-size:10px;line-height:1;display:inline-flex}.server-member-badge img{object-fit:contain;width:12px;height:12px}#server-members-panel li.member-offline{opacity:.5}#server-members-panel li.member-offline:hover{opacity:.8}.status-came-online{animation:3s ease-out forwards fadeOnline}.status-went-offline{animation:3s ease-out forwards fadeOffline}@keyframes fadeOnline{0%{background-color:#3ba55c4d}to{background-color:#0000}}@keyframes fadeOffline{0%{background-color:#f047474d}to{background-color:#0000}}#server-members-panel.members-compact li{padding:2px var(--space-sm);margin-bottom:1px}#server-members-panel.members-compact .friend-avatar{width:22px;height:22px;margin-right:var(--space-sm)}#server-members-panel.members-compact .avatar-status{border-width:1.5px;width:6px;height:6px;bottom:-1px;right:-5px}#server-members-panel.members-compact .friend-name{font-size:12px}#server-members-panel.members-compact .friend-status{display:none}#server-members-panel.members-compact .compact-play-icon{display:inline-flex}#server-members-panel.members-compact .server-member-badge{height:13px;padding:0 2px;font-size:8px}#server-members-panel.members-compact .server-member-badge img{width:10px;height:10px}#server-members-panel.members-compact .friends-section-header{padding:4px var(--space-sm);font-size:10px}#center-column{background-color:var(--bg-primary);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}#drop-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0009;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#drop-overlay.visible,#center-column.file-drop-target-active #drop-overlay{display:flex}.drop-overlay-content{border:2px dashed var(--gamevox-orange-start,#f97316);color:#fff;background:#0006;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 60px;display:flex}.drop-overlay-content svg{color:var(--gamevox-orange-start,#f97316)}.drop-overlay-content span{letter-spacing:.3px;font-size:16px;font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-join-icon.connecting{pointer-events:none;opacity:.7}#jump-to-bottom-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-lg);cursor:pointer;z-index:100;border:none;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}#jump-to-bottom-btn:hover{transform:translate(-50%)scale(1.05);box-shadow:0 6px 16px #0006}#jump-to-bottom-btn:active{transform:translate(-50%)scale(.98)}#jump-to-bottom-btn svg{flex-shrink:0}.message-link{background:rgba(var(--accent-rgb), .15);border:1px solid rgba(var(--accent-rgb), .3);color:var(--gamevox-orange-start,#eb7538);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.message-link:hover{background:rgba(var(--accent-rgb), .25);text-decoration:none}.link-preview-card{background:var(--bg-elevated,#ffffff0a);border:1px solid var(--border-medium,#ffffff1a);border-left:3px solid var(--accent-primary);max-width:420px;color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.link-preview-card:hover{background:var(--hover-overlay,#ffffff0f);border-color:var(--accent-primary);text-decoration:none}.link-preview-card .link-preview-icon{background:var(--bg-tertiary,#ffffff0a);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.link-preview-card .link-preview-icon-fallback{background:var(--accent-primary);color:#fff;font-weight:600}.link-preview-card .link-preview-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.link-preview-card .link-preview-thumb{background:var(--bg-tertiary,#ffffff0a);border-radius:4px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.link-preview-card .link-preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.link-preview-card .link-preview-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-preview-card .link-preview-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.link-preview-card .link-preview-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.link-preview-card.link-preview-loading .link-preview-title,.link-preview-card.link-preview-loading .link-preview-meta{opacity:.6}.link-preview-card.link-preview-failed{border-left-color:var(--text-tertiary,#888);opacity:.85}@keyframes linkPreviewPulse{0%,to{opacity:.6}50%{opacity:1}}.link-preview-card.link-preview-loading .link-preview-skeleton{animation:1.4s ease-in-out infinite linkPreviewPulse}.jump-to-present-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-lg);cursor:pointer;z-index:100;border:none;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.jump-to-present-btn:hover{transform:translate(-50%)scale(1.05);box-shadow:0 6px 16px #0006}.jump-to-present-btn:active{transform:translate(-50%)scale(.98)}.jump-to-present-btn svg{flex-shrink:0}#chatMessages{padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-xs);text-align:left;flex:1;min-height:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden auto}#message-input-wrapper{padding:var(--space-sm);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);box-sizing:border-box;z-index:100;flex-shrink:0;display:none;position:relative}#message-input-container{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;padding:var(--space-sm);align-items:flex-end;gap:var(--space-sm);box-sizing:border-box;transition:border-color .2s;display:flex}#message-input-container:focus-within{border-color:var(--gamevox-orange-start);box-shadow:0 0 0 1px #eb753833}#message-input-field{flex:1;min-height:40px;position:relative}.message-input-highlight{pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;padding:var(--space-sm) 0;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;position:absolute;inset:0;overflow:hidden}.message-input-highlight .mention-hl,.message-input-highlight .channel-hl{color:var(--gamevox-orange-start,#eb7538);background:#eb75381f;border-radius:3px;padding:0 1px}#messageInput{resize:none;width:100%;max-height:200px;padding:var(--space-sm) 0;background-color:#0000;border:none;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;position:relative;overflow-y:auto}#messageInput.has-mention-highlight{color:#0000;caret-color:var(--text-primary)}#messageInput:not(.has-mention-highlight){color:var(--text-primary)}#messageInput::placeholder{color:var(--text-muted);opacity:1}#messageInput:focus{outline:none}.input-action-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.input-action-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.input-action-btn:active{transform:scale(.95)}#sendButton{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}#sendButton:hover{background:linear-gradient(135deg,#f58549,#f55d4c)}#sendButton:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}#messageInput:disabled{cursor:not-allowed;color:var(--text-muted)}.input-action-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.4}.input-action-btn:disabled:hover{color:var(--text-muted);background-color:#0000}#emoji-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:1000;width:500px;max-width:calc(100% - 20px);position:absolute;bottom:60px;right:10px;overflow:hidden}#emoji-picker .emoji-category,.sb-emoji-picker-container .emoji-category{margin-bottom:var(--space-lg)}#emoji-picker .emoji-category-title,.sb-emoji-picker-container .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px;font-weight:700}#emoji-picker .emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.sb-emoji-picker-container .emoji-grid{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}#emoji-picker .emoji-item,.sb-emoji-picker-container .emoji-item{cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;padding:6px;font-size:28px;line-height:1;transition:background-color .15s;display:flex}#emoji-picker .emoji-item:hover,.sb-emoji-picker-container .emoji-item:hover{background-color:var(--hover-overlay)}#emoji-picker .emoji-item .twemoji,.file-share-icon-picker .emoji-item .twemoji,#forum-emoji-picker .emoji-item .twemoji,.sb-emoji-picker-container .emoji-item .twemoji{width:28px;height:28px}.emoji-custom-item{padding:var(--space-xs)!important}.emoji-custom-img{object-fit:contain;width:28px;height:28px}.emoji-search-container{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.emoji-search-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;font-size:13px;transition:border-color .15s}.emoji-search-input::placeholder{color:var(--text-muted)}.emoji-search-input:focus{border-color:var(--accent-primary)}.emoji-categories-container{height:320px;overflow:hidden auto}.emoji-no-results{color:var(--text-muted);text-align:center;padding:var(--space-lg);font-size:13px}.emoji-category-tabs{padding:var(--space-xs) 0;margin-bottom:var(--space-sm);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:2px;display:flex}.emoji-tab{padding:var(--space-xs) var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);opacity:.5;background:0 0;border:none;flex-shrink:0;font-size:18px;transition:opacity .15s,background-color .15s}.emoji-tab:hover{opacity:.8;background-color:var(--hover-overlay)}.emoji-tab.active{opacity:1;background-color:var(--bg-tertiary)}.file-share-icon-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:10002;width:500px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.file-share-icon-picker .emoji-category{margin-bottom:var(--space-lg)}.file-share-icon-picker .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px;font-weight:700}.file-share-icon-picker .emoji-grid{gap:var(--space-xs);grid-template-columns:repeat(10,1fr);display:grid}.file-share-icon-picker .emoji-item{padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background-color .15s;display:flex}.file-share-icon-picker .emoji-item:hover{background-color:var(--hover-overlay)}.icon-input-wrapper{align-items:center;gap:var(--space-xs);display:inline-flex;position:relative}.icon-display{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:50px;height:38px;font-size:24px;line-height:1;transition:border-color .15s;display:flex}.icon-display:hover{border-color:var(--border-light)}.icon-display .twemoji{width:24px;height:24px}.icon-picker-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;color:var(--text-secondary);font-size:12px;transition:background-color .15s,border-color .15s}.icon-picker-btn:hover{background:var(--hover-overlay);border-color:var(--border-light)}.icon-input-row{align-items:center;gap:var(--space-sm);display:flex}.icon-input-row .settings-input{flex:1}.badge-icon-input-wrapper{flex:1;position:relative}.badge-icon-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.badge-icon-overlay .twemoji{width:24px;height:24px}.badge-icon-overlay .custom-emoji{object-fit:contain;width:24px;height:24px}.badge-icon-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:10502;width:500px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.badge-icon-picker .emoji-category{margin-bottom:var(--space-lg)}.badge-icon-picker .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px;font-weight:700}.badge-icon-picker .emoji-grid{gap:var(--space-xs);grid-template-columns:repeat(10,1fr);display:grid}.badge-icon-picker .emoji-item{padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background-color .15s;display:flex}.badge-icon-picker .emoji-item:hover{background-color:var(--hover-overlay)}.badge-icon-picker .emoji-item .twemoji,.badge-icon-picker .emoji-item img.twemoji{width:24px;height:24px}.chat-message{padding-top:var(--space-md);margin-bottom:var(--space-xs);padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:var(--radius-sm);transition:background-color .1s;display:block;position:relative}.chat-message-same-user{padding-top:0;padding-bottom:0;padding-left:var(--space-sm);padding-right:var(--space-sm);margin-bottom:0;margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));border-radius:var(--radius-sm);transition:background-color .1s;display:block;position:relative}.chat-avatar-container{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);float:left;width:40px;height:40px;margin-right:var(--space-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);object-fit:cover;width:36px;height:36px;display:block}.chat-avatar-container.animate-pulse{animation:.4s ease-out dm-avatar-pulse}.chat-timestamp{color:var(--text-tertiary);float:right;margin-left:auto;font-size:11px;font-weight:500}.chat-username{color:var(--text-primary);font-size:15px;font-weight:600}.chat-content a,.chat-content-same-user a{color:var(--gamevox-orange-start);cursor:pointer;text-decoration:underline;transition:color .2s}.chat-content a:hover,.chat-content-same-user a:hover{color:var(--gamevox-accent);text-decoration:underline}.md-inline-code{border:1px solid var(--border-strong);white-space:pre-wrap;background:#0000004d;border-radius:4px;padding:1px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em}.md-code-block{border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#0000004d;max-width:100%;margin:6px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;line-height:1.4;position:relative;overflow-x:auto}.md-code-block code{font-size:inherit;background:0 0;border:none;padding:10px 12px;font-family:inherit;display:block}.md-code-header{border-bottom:1px solid var(--border-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#ffffff0f;justify-content:space-between;align-items:center;min-height:28px;padding:4px 8px 4px 12px;display:flex}.md-code-lang{color:#ffffff73;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8em;font-weight:600}.md-hl-keyword{color:#c678dd}.md-hl-string{color:#98c379}.md-hl-comment{color:#5c6370;font-style:italic}.md-hl-number{color:#d19a66}.md-copy-btn{cursor:pointer;opacity:0;color:#ffffff73;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75em;transition:opacity .15s,background .15s;display:flex}.md-copy-icon{width:14px;height:14px;color:var(--text-secondary)}.md-code-block:hover .md-copy-btn,.md-inline-code:hover .md-copy-btn-inline{opacity:1}.md-code-block:not(:has(.md-code-header)) .md-copy-btn{position:absolute;top:6px;right:6px}.md-copy-btn:hover{background:#ffffff26}.md-copy-label{display:none}.md-code-header .md-copy-label{display:inline}.md-copy-btn-copied{opacity:1}.md-copy-btn-copied .md-copy-icon{color:#22c55e}.md-inline-code{position:relative}.md-copy-btn-inline{vertical-align:middle;background:0 0;border:none;margin-left:2px;padding:1px 2px;display:inline-flex;position:relative;top:auto;right:auto}.md-copy-btn-inline .md-copy-icon{width:12px;height:12px}.md-copy-btn-inline:hover{background:#ffffff1a;border-radius:3px}.md-spoiler{color:#0000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:4px;padding:0 4px;transition:background .2s,color .2s}.md-spoiler:hover{background:#000000b3}.md-spoiler-revealed{color:inherit;cursor:text;-webkit-user-select:text;user-select:text;background:#ffffff14}.md-spoiler-revealed:hover{background:#ffffff1f}.chat-image-attachment.spoiler-attachment,.chat-file-attachment.spoiler-attachment,.chat-video-player.spoiler-attachment{cursor:pointer;position:relative;overflow:hidden}.chat-image-attachment.spoiler-attachment>img,.chat-image-attachment.spoiler-attachment>video,.chat-video-player.spoiler-attachment>video,.chat-video-player.spoiler-attachment>img{filter:blur(44px);pointer-events:none;transition:filter .2s;transform:scale(1.06)}.spoiler-attachment-overlay{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spoiler-attachment-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000b3;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.chat-image-attachment.spoiler-attachment.spoiler-revealed>img,.chat-image-attachment.spoiler-attachment.spoiler-revealed>video,.chat-video-player.spoiler-attachment.spoiler-revealed>video,.chat-video-player.spoiler-attachment.spoiler-revealed>img{filter:none;pointer-events:auto;transform:none}.chat-image-attachment.spoiler-attachment.spoiler-revealed .spoiler-attachment-overlay,.chat-video-player.spoiler-attachment.spoiler-revealed .spoiler-attachment-overlay{display:none}.file-preview-spoiler-btn{color:var(--text-secondary,#9aa0a6);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.file-preview-spoiler-btn:hover{color:var(--text-primary,#e8eaed);background:#ffffff0d}.file-preview-spoiler-btn.active{background:var(--gamevox-orange-start,#ff6b35);color:#fff;border-color:var(--gamevox-orange-start,#ff6b35)}.file-preview-spoiler-btn svg{width:14px;height:14px}.file-preview-trim-btn{color:var(--text-secondary,#9aa0a6);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.file-preview-trim-btn:hover{color:var(--text-primary,#e8eaed);background:#ffffff0d}.file-preview-trim-btn svg{width:14px;height:14px}.video-trim-modal{width:90vw;max-width:640px}.video-trim-player{background:#000;border-radius:6px;width:100%;max-height:360px}.video-trim-sliders{flex-direction:column;gap:8px;margin-top:12px;display:flex}.video-trim-slider-row{color:var(--text-primary,#e8eaed);grid-template-columns:48px 1fr 52px;align-items:center;gap:10px;font-size:13px;display:grid}.video-trim-slider-row input[type=range]{width:100%;accent-color:var(--gamevox-orange-start,#ff6b35)}.video-trim-slider-label{color:var(--text-secondary,#9aa0a6);font-weight:500}.video-trim-start-time,.video-trim-end-time{font-variant-numeric:tabular-nums;text-align:right}.video-trim-duration-label{color:var(--text-secondary,#9aa0a6);text-align:center;margin-top:4px;font-size:12px}.video-trim-progress{flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.video-trim-progress-bar-outer{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.video-trim-progress-bar-inner{background:var(--gamevox-orange-start,#ff6b35);width:0;height:100%;transition:width .1s linear}.video-trim-progress-text{color:var(--text-secondary,#9aa0a6);font-variant-numeric:tabular-nums;font-size:12px}.md-subtext{color:var(--text-muted,#6e7681);font-size:.8em;line-height:1.4;display:block}.md-blockquote{border-left:4px solid var(--gamevox-orange-start);color:var(--text-secondary);white-space:pre-wrap;background:#00000026;border-radius:0 4px 4px 0;margin:4px 0;padding:6px 14px;display:block}.md-list{margin:4px 0;padding-left:24px;line-height:1.5}.md-list li{margin:2px 0}.md-table{border-collapse:collapse;margin:6px 0;font-size:.9em}.md-table th,.md-table td{border:1px solid var(--border-strong);text-align:left;padding:6px 12px}.md-table th{background:#00000040;font-weight:600}.md-table tr:nth-child(2n){background:#0000001a}.md-heading{color:var(--text-primary);margin:8px 0 4px;font-weight:700;line-height:1.3}.md-h1{border-bottom:1px solid var(--border-strong);padding-bottom:4px;font-size:1.6em}.md-h2{border-bottom:1px solid var(--border-strong);padding-bottom:3px;font-size:1.4em}.md-h3{font-size:1.2em}.md-h4{font-size:1.1em}.md-h5{font-size:1em}.md-h6{color:var(--text-secondary);font-size:.9em}.md-hr{border:none;border-top:1px solid var(--border-strong);margin:8px 0}.md-image{object-fit:contain;cursor:pointer;background:var(--bg-tertiary,#2a2a2e);border-radius:8px;max-width:100%;height:auto;min-height:100px;max-height:400px;margin:4px 0;display:block}.md-image[complete]{background:0 0;min-height:auto}.md-highlight{color:inherit;background:#ffc8004d;border-radius:3px;padding:1px 3px}.md-superscript{vertical-align:super;font-size:.75em;line-height:0}.md-subscript{vertical-align:sub;font-size:.75em;line-height:0}.md-blockquote .md-blockquote{border-left-color:var(--text-muted,#888);margin:4px 0}.md-blockquote .md-blockquote .md-blockquote{border-left-color:var(--text-secondary,#aaa)}.md-task-list{margin:4px 0;padding-left:4px;line-height:1.5;list-style:none}.dm-message-bubble:has(.md-task-list){width:100%}.md-task-item{align-items:baseline;gap:6px;margin:2px 0;display:flex}.md-task-checkbox{cursor:pointer;accent-color:var(--gamevox-orange-start,#ff8a00);flex-shrink:0;width:16px;height:16px;margin:0}.md-task-content{flex:1}.md-task-checked{opacity:.5;text-decoration:line-through}.md-def-list{margin:4px 0;line-height:1.5}.md-def-list dt{margin-top:4px;font-weight:600}.md-def-list dd{color:var(--text-secondary);margin-left:24px}.md-footnotes{color:var(--text-secondary);margin-top:12px;font-size:.85em}.md-footnote-list{margin:4px 0;padding-left:20px}.md-footnote-item{margin:2px 0}.md-footnote-ref{font-size:.8em;line-height:0}.md-footnote-link{color:var(--gamevox-orange-start,#ff8a00);text-decoration:none}.md-footnote-link:hover{text-decoration:underline}.md-footnote-backref{color:var(--gamevox-orange-start,#ff8a00);margin-left:4px;text-decoration:none}.chat-content,.chat-content-same-user{color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap;-webkit-user-select:text;user-select:text;cursor:text;max-width:100%;margin:0;padding:0;font-size:14px;line-height:1.375}.chat-content{text-align:left;margin-left:48px}.chat-content-same-user{margin-left:48px}.chat-content,.chat-content-same-user{font-family:Segoe UI,Arial,sans-serif,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji}.date-header{color:var(--text-tertiary);margin:var(--space-md) 0;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.chat-file-attachment{background-color:var(--bg-tertiary);cursor:pointer;border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:12px;max-width:400px;margin-top:8px;padding:10px 14px;transition:background-color .15s;display:flex}.chat-file-attachment:hover{background-color:var(--hover-overlay)}.chat-file-icon{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-file-icon svg{width:22px;height:22px;stroke:var(--text-secondary)}.chat-file-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-file-size{color:var(--text-tertiary);font-size:12px}.chat-file-download{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,box-shadow .15s;display:flex}.chat-file-download:hover{transform:scale(1.05);box-shadow:0 2px 8px #eb753866}.chat-file-download svg{stroke:#fff;width:16px;height:16px}.chat-image-attachment{max-width:400px;margin-top:8px}.chat-image-figure{max-width:400px;margin:8px 0 4px}.chat-image-figure .chat-image-attachment{margin-top:0}.chat-image-caption{color:var(--text-secondary);padding:6px 2px 2px;font-size:13px;line-height:1.4}.inline-images-row{padding-left:var(--space-sm);padding-right:var(--space-sm);flex-wrap:wrap;gap:4px;margin-left:48px;display:flex}.inline-images-row .chat-message-same-user.image-only-message{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.inline-images-row .chat-message-same-user.image-only-message .chat-content-same-user{margin-left:0}.chat-message-same-user.image-only-message .chat-image-attachment{margin-top:4px}.chat-image-attachment img{cursor:pointer;object-fit:contain;background:var(--bg-tertiary,#2a2a2e);border-radius:8px;max-width:100%;min-height:150px;max-height:400px;transition:opacity .15s}.chat-image-attachment img:hover{opacity:.9}.chat-image-attachment.image-pop-in img,.chat-gif.gv-media-pop-in,.dm-gif.gv-media-pop-in,.forum-message-gif.gv-media-pop-in,.md-embedded-gif.gv-media-pop-in{transform-origin:bottom;will-change:transform, opacity;animation:.68s both chat-image-book-drop}@media (prefers-reduced-motion:reduce){.chat-image-attachment.image-pop-in img,.chat-gif.gv-media-pop-in,.dm-gif.gv-media-pop-in,.forum-message-gif.gv-media-pop-in,.md-embedded-gif.gv-media-pop-in{animation:none}}@keyframes chat-image-book-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.12)translateY(-12px)}18%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.85,0);transform:scale(1.12)translateY(-9px)}62%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(1.12)translateY(3px)}72%{transform:scale(1.06,.88)translateY(7px)}82%{transform:scale(.96,1.06)translateY(-3px)}91%{transform:scale(1.01,.99)translateY(1px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-image-attachment.image-pop-in img{animation:none}}.chat-file-attachment.executable-warning{background-color:#ed42451a;border-color:#ed424580}.chat-file-attachment.executable-warning:hover{background-color:#ed424526}.chat-file-attachment.executable-warning .chat-file-icon{background:#ed424533}.chat-file-attachment.executable-warning .chat-file-icon svg{stroke:#ed4245}.chat-file-warning{color:#ed4245;margin-top:2px;font-size:11px}.chat-audio-player{max-width:400px;margin-top:6px}.chat-audio-element{border-radius:18px;outline:none;width:100%;height:36px}.chat-video-player{max-width:400px;margin-top:6px}.chat-video-element{background:#000;border-radius:8px;width:100%}.chat-video-fallback{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.chat-video-fallback svg{opacity:.5;flex-shrink:0}#image-lightbox{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#image-lightbox.active{display:flex}#lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}#lightbox-image{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:var(--shadow-lg)}#lightbox-toolbar{gap:6px;display:flex;position:absolute;top:-44px;right:0}#lightbox-toolbar button{background-color:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}#lightbox-download:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}#lightbox-close:hover{color:#fff;background-color:#ed4245;border-color:#ed4245}.message-toolbar{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;gap:4px;padding:4px;display:none;position:absolute;top:-12px;right:20px}.chat-message:hover,.chat-message-same-user:hover{background-color:var(--hover-overlay)}.chat-message:hover .message-toolbar,.chat-message-same-user:hover .message-toolbar{display:flex}.toolbar-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);filter:grayscale(.3);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .15s;display:flex}.toolbar-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary);filter:grayscale(0);transform:scale(1.1)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);filter:grayscale(0)}.toolbar-btn-danger:hover{background-color:#dc354533}.message-edited-indicator{color:var(--text-tertiary,#72767d);cursor:default;-webkit-user-select:none;user-select:none;margin-left:4px;font-size:11px;font-style:italic}.message-edit-container{margin-top:4px;margin-bottom:4px;margin-left:48px}.message-edit-textarea{background-color:var(--bg-input,#1a1d21);width:100%;min-height:60px;max-height:400px;color:var(--text-primary,#e0e0e0);border:1px solid var(--border-medium,#3a3d42);resize:vertical;box-sizing:border-box;border-radius:6px;padding:8px 12px;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.4;overflow-y:auto}.message-edit-textarea:focus{border-color:var(--gamevox-orange-start,#e67e22);outline:none}.message-edit-buttons{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.message-edit-hint{color:var(--text-tertiary,#72767d);margin-right:auto;font-size:11px}.message-edit-cancel{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.message-edit-cancel:hover{color:var(--text-primary,#e0e0e0);background-color:var(--bg-hover,#ffffff0d)}.message-edit-save{background-color:var(--gamevox-orange-start,#e67e22);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 16px;font-size:12px;font-weight:500}.message-edit-save:hover{filter:brightness(1.1)}.message-options-menu{z-index:1000;background-color:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);border-radius:8px;min-width:180px;padding:4px 0;box-shadow:0 4px 12px #0006}.message-options-item{cursor:pointer;color:var(--text-primary,#e0e0e0);align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background-color .1s;display:flex}.message-options-item:hover{background-color:var(--bg-hover,#ffffff0f)}.message-options-item.danger{color:#dc3545}.message-options-item.danger:hover{background-color:#dc35451a}.message-options-icon{text-align:center;width:20px;font-size:16px}.message-pinned-indicator{cursor:default;-webkit-user-select:none;user-select:none;opacity:.7;margin-left:4px;font-size:12px}.pinned-messages-panel{background-color:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);z-index:1000;border-radius:8px;flex-direction:column;width:360px;max-height:500px;display:flex;position:absolute;top:48px;right:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.pinned-messages-header{border-bottom:1px solid var(--border-medium,#3a3d42);color:var(--text-primary,#e0e0e0);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.pinned-messages-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.pinned-messages-close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff14)}.pinned-messages-list{flex:1;padding:8px;overflow-y:auto}.pinned-messages-empty{text-align:center;color:var(--text-tertiary,#72767d);padding:24px 16px;font-size:13px}.pinned-message-item{cursor:pointer;border-radius:6px;margin-bottom:4px;padding:10px 12px;transition:background-color .1s}.pinned-message-item:hover{background-color:var(--bg-hover,#ffffff0f)}.pinned-message-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pinned-message-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.pinned-message-username{color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:600}.pinned-message-time{color:var(--text-tertiary,#72767d);margin-left:auto;font-size:11px}.pinned-message-content{color:var(--text-secondary,#b0b0b0);text-overflow:ellipsis;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.message-reactions-container{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;margin-left:48px;display:none}.message-reactions-container:not(:empty){display:flex}.message-reaction{background-color:var(--bg-elevated);border:1px solid var(--border-medium);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:14px;transition:all .15s;display:inline-flex}.message-reaction:hover{background-color:var(--hover-overlay);border-color:var(--border-strong);transform:scale(1.05)}.message-reaction.reacted{border-color:var(--border-strong);background-color:#7289da26}.message-reaction .reaction-emoji{font-size:16px;line-height:1}.message-reaction .reaction-count{color:var(--text-secondary);font-size:12px;font-weight:600}.message-reaction.reacted .reaction-count{color:var(--text-primary)}.message-reaction.reaction-just-appeared,.dm-reaction-chip.reaction-just-appeared{transform-origin:bottom;animation:.32s cubic-bezier(.34,1.56,.64,1) both gv-reaction-pop-in}@keyframes gv-reaction-pop-in{0%{opacity:0;transform:scale(.2)translateY(4px)}55%{opacity:1;transform:scale(1.15)translateY(0)}80%{opacity:1;transform:scale(.96)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.message-reaction.reaction-count-bump,.dm-reaction-chip.reaction-count-bump{animation:.38s cubic-bezier(.34,1.56,.64,1) gv-reaction-count-bump}@keyframes gv-reaction-count-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.97)}to{transform:scale(1)}}.message-reaction.reaction-count-bump .reaction-count,.dm-reaction-chip.reaction-count-bump .reaction-count{animation:.38s ease-out gv-reaction-count-flash}@keyframes gv-reaction-count-flash{0%{color:var(--accent-color,#eb7538)}to{color:inherit}}@media (prefers-reduced-motion:reduce){.message-reaction.reaction-just-appeared,.dm-reaction-chip.reaction-just-appeared,.message-reaction.reaction-count-bump,.dm-reaction-chip.reaction-count-bump,.message-reaction.reaction-count-bump .reaction-count,.dm-reaction-chip.reaction-count-bump .reaction-count{animation:none}}.reaction-users-popup{z-index:10001;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;min-width:180px;max-width:240px;max-height:300px;animation:.12s contextMenuFade;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0000004d}.reaction-users-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;padding:8px 12px;display:flex}.reaction-users-emoji{font-size:20px;line-height:1}.reaction-users-list{padding:4px 0;overflow-y:auto}.reaction-users-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:13px;display:flex}.reaction-users-spinner{border:2px solid var(--border-medium);border-top-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.reaction-users-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}.reaction-user-item{align-items:center;gap:8px;padding:5px 12px;display:flex}.reaction-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.reaction-user-avatar-default{background:var(--bg-tertiary);color:var(--text-secondary);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.reaction-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reaction-hover-tooltip{z-index:10002;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);pointer-events:none;max-width:220px;padding:6px 10px;font-size:12px;animation:.1s contextMenuFade;position:fixed;box-shadow:0 2px 8px #0000004d}.reaction-hover-tooltip-names{white-space:normal;line-height:1.4}.reaction-hover-tooltip .reaction-hover-spinner{border:2px solid var(--border-medium);border-top-color:var(--text-secondary);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}.reaction-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-lg);z-index:1001;max-width:360px;display:none;position:fixed}.reaction-picker.active{flex-direction:column;gap:4px;display:flex}.reaction-picker-row{flex-wrap:wrap;gap:4px;display:flex}.reaction-picker-recents{border-top:1px solid var(--border-medium);padding-top:4px}.reaction-picker-separator{background-color:var(--border-medium);height:1px;margin:2px 0}.reaction-picker-custom-grid{scrollbar-width:thin;flex-wrap:wrap;gap:4px;max-height:140px;display:flex;overflow-y:auto}.reaction-picker-custom-grid::-webkit-scrollbar{width:4px}.reaction-picker-custom-grid::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:2px}.reaction-picker-emoji{cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background-color .15s;display:flex}.reaction-picker-emoji:hover{background-color:var(--hover-overlay)}.reaction-picker-custom-img{object-fit:contain;width:20px;height:20px}.reaction-picker-more{color:var(--text-secondary);cursor:pointer}.reaction-picker-more:hover{color:var(--text-primary);background-color:var(--hover-overlay)}.reaction-picker-more svg{width:18px;height:18px}.reaction-full-picker{z-index:10001;background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:8px;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0000004d}.reaction-full-picker-inner{width:350px;padding:var(--space-md)}.reaction-full-picker-inner .emoji-categories-container{height:280px;overflow-y:auto}.reaction-full-picker-inner .emoji-category{margin-bottom:var(--space-lg)}.reaction-full-picker-inner .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px;font-weight:700}.reaction-full-picker-inner .emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.reaction-full-picker-inner .emoji-item{cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;line-height:1;transition:background-color .15s;display:flex}.reaction-full-picker-inner .emoji-item:hover{background-color:var(--hover-overlay)}.reaction-full-picker-inner .emoji-item .twemoji{width:24px;height:24px}.reaction-custom-emoji{object-fit:contain;vertical-align:middle;width:16px;height:16px}.reply-bar{background-color:var(--bg-elevated);border-top:2px solid var(--gamevox-orange-start);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.reply-bar-content{align-items:center;gap:var(--space-sm);display:flex}.reply-bar-content svg{color:var(--text-secondary);flex-shrink:0}.reply-bar-info{flex-direction:column;flex:1;min-width:0;display:flex}.reply-bar-username{color:var(--gamevox-orange-start);font-size:12px;font-weight:600}.reply-bar-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-bar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:24px;height:24px;padding:0;font-size:20px;transition:color .2s}.reply-bar-close:hover{color:var(--text-primary)}.message-reply-reference{align-items:flex-start;gap:var(--space-xs);margin-left:48px;margin-bottom:var(--space-xs);padding:6px var(--space-sm);background-color:var(--bg-elevated);border-left:2px solid var(--gamevox-orange-start);border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;max-width:80%;transition:background-color .15s;display:flex}.message-reply-reference:hover{background-color:var(--hover-overlay)}.message-reply-reference svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px;transform:scaleX(-1)}.reply-ref-content{flex-direction:column;gap:2px;min-width:0;display:flex}.reply-ref-text{color:var(--text-secondary);font-size:13px}.reply-ref-text strong{color:var(--gamevox-orange-start);font-weight:600}.reply-ref-quote{color:var(--text-secondary);white-space:normal;word-break:break-word;font-size:13px;font-style:italic}.reply-attachment{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:4px;padding:2px 6px;font-style:normal;display:inline-flex}.reply-ref-thumbnail{object-fit:cover;vertical-align:middle;cursor:pointer;border-radius:4px;max-width:60px;max-height:36px}.highlight-message{animation:4s ease-out message-highlight}@keyframes message-highlight{0%,40%{background-color:#eb75384d}to{background-color:#0000}}.message-gap-divider{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:8px 16px;display:flex}.message-gap-divider:hover .message-gap-divider-text{color:var(--text-primary,#f2f3f5)}.message-gap-divider:hover .message-gap-divider-line{border-color:var(--accent-color,#eb7538)}.message-gap-divider-line{border-top:1px solid var(--border-color,#3f4147);flex:1;transition:border-color .15s}.message-gap-divider-text{color:var(--text-muted,#949ba4);white-space:nowrap;font-size:12px;font-weight:600;transition:color .15s}.older-messages-loading{color:var(--text-muted,#949ba4);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:500;display:flex}.older-messages-spinner{border:2px solid var(--border-color,#3f4147);border-top-color:var(--accent-color,#eb7538);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite older-messages-spin}@keyframes older-messages-spin{to{transform:rotate(360deg)}}.dm-beginning-indicator{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 16px;font-size:13px;display:flex}.dm-beginning-indicator svg{opacity:.4}.dm-beginning-indicator strong{color:var(--text-primary)}.channel-loading-spinner{color:var(--text-muted,#949ba4);justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:13px;font-weight:500;display:flex}.channel-loading-spinner .older-messages-spinner{width:20px;height:20px}.channel-refresh-bar{z-index:5;background:var(--background-secondary,#2b2d31);height:2px;position:sticky;top:0;left:0;right:0;overflow:hidden}.channel-refresh-bar:after{content:"";background:var(--brand-color,#ff7f00);border-radius:1px;width:40%;height:100%;animation:1s ease-in-out infinite refreshSlide;display:block}@keyframes refreshSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}#file-explorer{flex-direction:column;flex:1;display:flex;overflow:hidden}#file-explorer-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}#file-explorer-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}#upload-file-btn{align-items:center;gap:var(--space-xs);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-orange);border:none;width:130px;font-size:13px;font-weight:600;transition:all .2s;display:flex}#upload-file-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}#upload-file-btn:active{transform:translateY(0)}#upload-file-btn svg{stroke:currentColor}#create-file-share-header-btn{align-items:center;gap:var(--space-xs);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-orange);border:none;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}#create-file-share-header-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}#create-file-share-header-btn:active{transform:translateY(0)}#create-file-share-header-btn svg{stroke:currentColor}.file-explorer-header-actions{align-items:center;gap:var(--space-sm);display:flex}#file-search-wrapper{align-items:center;display:flex;position:relative}#file-search-wrapper .file-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;right:8px}#file-search-wrapper #file-search-clear{color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;right:6px}#file-search-wrapper #file-search-clear:hover{color:var(--text-primary)}#file-search-input{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);outline:none;width:160px;padding:6px 28px 6px 10px;font-size:12px;transition:border-color .2s,width .2s}#file-search-input:focus{border-color:var(--gamevox-orange-start);width:220px}#file-search-input::placeholder{color:var(--text-muted)}.file-search-result-share-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 2px;font-size:11px;font-weight:600}.file-search-no-results{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.file-search-no-results svg{opacity:.4;margin-bottom:12px}.file-search-loading{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-muted);padding:40px 20px;display:flex}#file-explorer-list{padding:var(--space-sm) 0;flex:1;overflow-y:auto}.file-row{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);align-items:center;transition:background-color .15s;display:flex}.file-row:hover{background-color:var(--hover-overlay)}.file-row:last-child{border-bottom:none}.file-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.file-thumbnail{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);flex-shrink:0;width:48px;height:48px;overflow:hidden}.file-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.file-row:hover .file-thumbnail img{transform:scale(1.05)}.file-info{min-width:0;padding-right:var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex}.file-meta strong{color:var(--text-primary);font-weight:500}.file-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.file-action-btn{border:1px solid var(--border-medium);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.file-action-btn:hover{background-color:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.file-action-btn:active{transform:scale(.95)}.file-explorer-empty{height:100%;padding:var(--space-xl);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.file-explorer-empty svg{margin-bottom:var(--space-md);color:var(--text-tertiary)}.file-explorer-empty p{margin:0;font-size:14px}.file-explorer-empty .file-explorer-hint{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:12px}#server-users-view{flex-direction:column;flex:1;display:flex;overflow:hidden}#server-users-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}#server-users-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}#server-users-title{color:var(--gamevox-orange-start)}.server-users-controls{align-items:center;gap:var(--space-md);display:flex}.server-users-search-wrapper{background:var(--bg-tertiary,#1e1f22);border:1px solid #0000;border-radius:6px;align-items:center;padding:0 10px;transition:border-color .15s;display:flex}.server-users-search-wrapper:focus-within{border-color:var(--accent-color,#eb7538)}.server-users-search-wrapper svg{color:var(--text-muted,#949ba4);flex-shrink:0;width:16px;height:16px}#server-users-search{box-shadow:none;color:var(--text-primary,#e0e0e0);background:0 0;border:none;outline:none;flex:1;width:180px;min-width:0;margin-bottom:0;padding:8px;font-size:14px}#server-users-search::placeholder{color:var(--text-muted,#949ba4)}.server-users-online-toggle{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.server-users-online-toggle:hover{border-color:var(--border-medium);color:var(--text-primary)}.server-users-online-toggle.active{color:#43b581;background:#43b58126;border-color:#43b581}.server-users-online-toggle .online-dot{background:#43b581;border-radius:50%;width:8px;height:8px}.server-users-counts{color:var(--text-tertiary);white-space:nowrap;font-size:12px}#server-users-table-header{gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-medium);z-index:1;grid-template-columns:2fr 1.2fr .8fr .8fr 1fr 1fr .7fr .7fr .6fr;display:grid;position:sticky;top:0}#server-users-table-header .su-col{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);cursor:default;-webkit-user-select:none;user-select:none;padding:2px 0;font-size:11px;font-weight:600}#server-users-table-header .su-col[data-sort]{cursor:pointer;transition:color .15s}#server-users-table-header .su-col[data-sort]:hover{color:var(--text-primary)}#server-users-table-header .su-col.sort-asc:after{content:" ▲";font-size:9px}#server-users-table-header .su-col.sort-desc:after{content:" ▼";font-size:9px}#server-users-list{flex:1;overflow:hidden auto}.server-users-row{gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);cursor:pointer;grid-template-columns:2fr 1.2fr .8fr .8fr 1fr 1fr .7fr .7fr .6fr;align-items:center;transition:background-color .1s;display:grid}.server-users-row:hover{background:var(--hover-overlay)}.server-users-row.offline{opacity:.7}.server-users-row.offline:hover{opacity:1}.server-users-row .su-col-user{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.su-username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.server-users-row.offline .su-username{color:var(--text-secondary)}.su-owner-tag{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.server-users-row .su-col-group{align-items:center;gap:4px;min-width:0;display:flex}.su-group-icon{flex-shrink:0;font-size:14px}.su-group-icon img{object-fit:contain;width:16px;height:16px}.su-group-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.server-users-row .su-col-badges{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.su-badge-icon{cursor:default;font-size:14px}.su-no-badges{color:var(--text-tertiary);font-size:12px}.server-users-row .su-col-level{align-items:center;gap:6px;display:flex}.su-xp-text{color:var(--text-tertiary);font-size:11px}.server-users-row .su-col-joined,.server-users-row .su-col-lastseen{color:var(--text-secondary);font-size:12px}.server-users-row .su-col-lastseen.online{color:#43b581;font-weight:600}.server-users-row .su-col-files,.server-users-row .su-col-events,.server-users-row .su-col-voice{color:var(--text-secondary);font-size:12px}#server-users-pagination{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border-medium);background:var(--bg-secondary);display:flex}#su-page-info{color:var(--text-secondary);text-align:center;min-width:100px;font-size:13px}.su-page-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.su-page-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary)}.su-page-btn:disabled{opacity:.4;cursor:default}@media (width<=900px){#server-users-table-header,.server-users-row{grid-template-columns:2fr 1fr .8fr .8fr 1fr}.su-col-files,.su-col-events,.su-col-voice,.su-col-joined{display:none}}@media (width<=700px){#server-users-table-header,.server-users-row{grid-template-columns:2fr 1fr .8fr}.su-col-badges,.su-col-level{display:none}}#forum-view{flex-direction:column;flex:1;display:flex;overflow:hidden}#forum-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}#forum-header-left{align-items:center;gap:var(--space-sm);display:flex}#forum-back-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}#forum-back-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}#forum-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.forum-breadcrumb-link{color:var(--text-primary);cursor:pointer;white-space:nowrap;font-size:16px;font-weight:600}.forum-breadcrumb-link:hover{color:var(--gamevox-orange);text-decoration:underline}.forum-breadcrumb-sep{color:var(--text-muted);flex-shrink:0;font-size:18px}.forum-breadcrumb-topic{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}#forum-header-right{align-items:center;gap:var(--space-sm);display:flex}.forum-view-toggle{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.forum-toggle-btn{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px 7px;transition:all .15s;display:flex}.forum-toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary)}.forum-toggle-btn:hover{color:var(--text-primary)}#forum-following-filter-btn{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:5px 7px}#forum-following-filter-btn.active{color:#43b581;background:#43b58126}#create-topic-btn{align-items:center;gap:var(--space-xs);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-orange);border:none;font-size:13px;font-weight:600;transition:all .2s;display:flex}#create-topic-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}#create-topic-btn:active{transform:translateY(0)}#create-topic-btn svg{stroke:currentColor}#forum-topics-list{padding:var(--space-sm) 0;flex:1;overflow-y:auto}.forum-topic-item{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:flex-start;gap:var(--space-md);transition:background-color .15s;display:flex}.forum-topic-item:hover{background-color:var(--hover-overlay)}.forum-topic-item:last-child{border-bottom:none}.forum-topic-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.forum-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:2px;display:flex}.forum-avatar-hex-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.forum-avatar-hex-img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);width:100%;height:100%;display:block}.forum-message-hex{width:36px;height:36px}.forum-topic-thumbnail{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0;width:48px;min-width:48px;height:48px;min-height:48px}.forum-topic-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.forum-topic-title-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.forum-topic-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:15px;font-weight:600;overflow:hidden}.forum-topic-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:13px;line-height:1.4;overflow:hidden}.forum-topic-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:600}.forum-topic-badge.pinned{color:#f5bd42;background:#f5bd4233}.forum-topic-badge.locked{color:#f04747;background:#f0474733}.forum-topic-badge.following{color:#43b581;background:#43b58133}.forum-topic-badge.edited{color:var(--text-tertiary,#72767d);cursor:default;background:0 0;padding:0 4px;font-size:11px;font-style:italic}.forum-topic-badge.subtopic-count{color:#7289da;text-transform:none;background:#7289da33}.forum-topic-tags{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.forum-tag{white-space:nowrap;cursor:default;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.forum-tag:hover{filter:brightness(1.1)}.forum-topic-header-tags{flex-wrap:wrap;align-items:center;gap:4px;margin-right:8px;display:inline-flex}.forum-tag-edit-btn{border:1px dashed var(--border-medium);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:inline-flex}.forum-tag-edit-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start);background:#f973161a}.topic-tag-picker{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10001;min-width:180px;max-width:280px;animation:.1s ease-out contextMenuFade;position:fixed}.topic-tag-picker-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:11px;font-weight:600}.topic-tag-picker-list{max-height:250px;padding:6px 0;overflow-y:auto}.topic-tag-picker-item{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;transition:background-color .15s;display:flex}.topic-tag-picker-item:hover{background:var(--hover-overlay)}.topic-tag-picker-item.selected{background:var(--bg-tertiary)}.topic-tag-picker-item .tag-check{width:16px;color:var(--success,#22c55e);font-size:12px;font-weight:700}.forum-topic-unread-badge{background:linear-gradient(135deg, var(--gamevox-orange-start) 0%, var(--gamevox-orange-end) 100%);color:#fff;min-width:18px;height:18px;margin-left:var(--space-xs);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #eb753866}.forum-topic-item.has-unread{background:#eb75380d}.forum-topic-item.has-unread .forum-topic-title{color:var(--text-primary);font-weight:700}.forum-topic-meta{color:var(--text-secondary);align-items:center;gap:var(--space-xs);font-size:12px;display:flex}.forum-topic-meta .author{color:var(--text-primary);font-weight:500}.forum-topic-stats{align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-shrink:0;font-size:14px;display:flex}.forum-topic-stat{align-items:center;gap:6px;font-weight:500;display:flex}.forum-topic-stat svg{width:16px;height:16px}.forum-empty{height:100%;padding:var(--space-xl);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.forum-empty svg{margin-bottom:var(--space-md);color:var(--text-tertiary)}.forum-empty p{margin:0;font-size:14px}.forum-empty .forum-hint{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:12px}#forum-topics-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:12px;display:grid}#forum-topics-list.grid-view .forum-topic-item{border-radius:var(--radius-md);border:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium);flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}#forum-topics-list.grid-view .forum-topic-item:hover{border-color:var(--border-light);box-shadow:0 2px 8px #0003}.forum-topic-grid-thumbnail{aspect-ratio:16/9;object-fit:cover;background:var(--bg-tertiary);width:100%;display:block}.forum-topic-grid-placeholder{aspect-ratio:16/9;background:var(--bg-tertiary);width:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}#forum-topics-list.grid-view .forum-topic-avatar,#forum-topics-list.grid-view .forum-topic-thumbnail,#forum-topics-list.grid-view .forum-avatar-hex{display:none}#forum-topics-list.grid-view .forum-topic-content{padding:10px 12px 8px}#forum-topics-list.grid-view .forum-topic-stats{padding:0 12px 10px;font-size:12px}#forum-topics-list.grid-view .forum-topic-title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:14px;display:-webkit-box;overflow:hidden}#forum-topics-list.grid-view .forum-topic-preview{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.topic-thumbnail-upload{display:inline-block;position:relative}.topic-thumbnail-preview{aspect-ratio:16/9;border:2px dashed var(--border-medium);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:280px;transition:all .15s;display:flex;overflow:hidden}.topic-thumbnail-preview:hover{border-color:var(--gamevox-orange);background:#eb75380d}.topic-thumbnail-preview.has-image{border-style:solid;border-color:var(--border-medium)}.topic-thumbnail-preview.has-image img{object-fit:cover;width:100%;height:100%}.topic-thumbnail-hint{color:var(--text-muted);font-size:12px}.topic-thumbnail-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.topic-thumbnail-remove:hover{background:#f04747cc}#forum-topic-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#forum-topic-header{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-medium);background-color:var(--bg-secondary);flex-shrink:0}#forum-topic-op-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-medium)}.forum-topic-header-row{align-items:flex-start;gap:var(--space-md);display:flex}.forum-topic-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}#forum-topic-header-info{flex:1;min-width:0}.topic-title-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}#forum-topic-tags-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}#forum-topic-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}#forum-topic-badges{align-items:center;gap:var(--space-sm);display:flex}.forum-topic-follow-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.forum-topic-follow-btn:hover{background:var(--hover-overlay);color:var(--text-primary);border-color:var(--border-light)}.forum-topic-follow-btn.following{color:#43b581;background:#43b58126;border-color:#43b5814d}.forum-topic-follow-btn.following:hover{color:#f04747;background:#f0474726;border-color:#f047474d}#forum-topic-meta{color:var(--text-secondary);margin-top:4px;font-size:13px}#forum-topic-meta .topic-meta-sep{margin:0 var(--space-xs);color:var(--text-tertiary)}#forum-topic-author{color:var(--text-primary);font-weight:500}#forum-topic-detail-thumbnail-wrap{flex-shrink:0}#forum-topic-detail-thumbnail{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:width .2s,height .2s}#forum-topic-detail-thumbnail.expanded{width:200px;height:auto}#forum-sub-topics-section{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-medium);flex-shrink:0}#create-sub-topic-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}#create-sub-topic-btn:hover{background:var(--hover-overlay);color:var(--text-primary);border-color:var(--border-light)}#forum-sub-topics-list{flex-direction:column;gap:2px;display:flex}.forum-sub-topic-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-sm);padding:6px 10px;transition:background-color .15s;display:flex}.forum-sub-topic-thumbnail{object-fit:cover;border-radius:var(--radius-xs);flex-shrink:0;width:32px;height:32px}.forum-sub-topic-content{flex:1;min-width:0}.forum-sub-topic-item:hover{background-color:var(--hover-overlay)}.forum-sub-topic-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.forum-sub-topic-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.forum-sub-topic-badges{flex-shrink:0;align-items:center;gap:4px;display:flex}.forum-sub-topic-badge{border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.forum-sub-topic-badge.pinned{color:#faa61a;background:#faa61a26}.forum-sub-topic-badge.locked{color:#f04747;background:#f0474726}.forum-sub-topic-right{align-items:center;gap:var(--space-sm);margin-left:var(--space-sm);flex-shrink:0;display:flex}.forum-sub-topic-replies{color:var(--text-tertiary);font-size:12px}.forum-sub-topic-unread{background-color:var(--accent-color,#ff7f00);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.forum-topic-stat.subtopic-stat svg{width:12px;height:12px}#forum-topic-content{padding:var(--space-sm) 0;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;-webkit-user-select:text;user-select:text;cursor:text;font-size:14px;line-height:1.5;position:relative}.forum-topic-content-toolbar{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;gap:4px;padding:4px;display:none;position:absolute;top:6px;right:12px}#forum-topic-content:hover .forum-topic-content-toolbar{display:flex}#forum-topic-content .message-edit-container{margin-left:0}#forum-topic-content a{color:var(--gamevox-orange-start);cursor:pointer;text-decoration:underline;transition:color .2s}#forum-topic-content a:hover{color:var(--gamevox-orange-end);text-decoration:underline}#forum-topic-messages{padding:var(--space-md) 0;flex:1 1 0;min-height:0;margin-bottom:68px;overflow-y:auto}.forum-topic-message{gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:background-color .15s;display:flex;position:relative}.forum-topic-message:hover{background-color:var(--hover-overlay)}.forum-topic-message-toolbar{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;gap:4px;padding:4px;display:none;position:absolute;top:-12px;right:20px}.forum-topic-message:hover .forum-topic-message-toolbar{display:flex}.forum-topic-message-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px;display:none}.forum-topic-message-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.forum-topic-message-header{align-items:center;gap:var(--space-sm);display:flex}.forum-topic-message-header .chat-user-badges{opacity:.45;transition:opacity .15s}.forum-topic-message:hover .forum-topic-message-header .chat-user-badges{opacity:1}.forum-topic-message-author{color:var(--text-primary);font-size:14px;font-weight:600}.forum-topic-message-time{color:var(--text-tertiary);font-size:11px}.forum-topic-message-text{color:var(--text-primary);word-wrap:break-word;-webkit-user-select:text;user-select:text;cursor:text;font-size:14px;line-height:1.5}.forum-topic-message-text a{color:var(--gamevox-orange-start);cursor:pointer;text-decoration:underline;transition:color .2s}.forum-topic-message-text a:hover{color:var(--gamevox-orange-end);text-decoration:underline}#forum-topic-input-wrapper{padding:var(--space-sm);background-color:var(--bg-primary);border-top:1px solid var(--border-subtle);box-sizing:border-box;z-index:100;position:fixed;bottom:0;left:245px;right:205px}#forum-input-container{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm);align-items:flex-end;gap:var(--space-sm);transition:border-color .2s;display:flex}#forum-input-container:focus-within{border-color:var(--gamevox-orange-start);box-shadow:0 0 0 1px #eb753833}#forum-input-field{flex:1;align-items:center;min-height:40px;display:flex}#forumTopicInput{width:100%;color:var(--text-primary);resize:none;max-height:200px;padding:var(--space-sm) 0;background-color:#0000;border:none;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;transition:border-color .15s;overflow-y:auto}#forumTopicInput:focus{outline:none}#forumTopicInput::placeholder{color:var(--text-muted)}#forum-emoji-picker{bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);z-index:100;position:absolute}#forum-gif-picker{bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:600px;max-height:500px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;display:flex;position:absolute;overflow:hidden}#forum-gif-picker .gif-picker-header{padding:var(--space-sm);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}#forum-gif-search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:14px;transition:border-color .2s}#forum-gif-search-input:focus{border-color:var(--gamevox-orange-start)}#forum-gif-search-input::placeholder{color:var(--text-muted)}#forum-gif-results{padding:var(--space-sm);gap:var(--space-xs);flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;min-height:300px;max-height:350px;display:grid;overflow:hidden auto}#forum-emoji-picker{bottom:100%;right:var(--space-sm);margin-bottom:var(--space-sm);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:100;width:500px;max-width:calc(100% - 20px);position:absolute;overflow:hidden}#forum-emoji-picker .emoji-category{margin-bottom:var(--space-lg)}#forum-emoji-picker .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:11px;font-weight:700}#forum-emoji-picker .emoji-grid{gap:var(--space-xs);grid-template-columns:repeat(8,1fr);display:grid}#forum-emoji-picker .emoji-item{padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background-color .15s;display:flex}#forum-emoji-picker .emoji-item:hover{background-color:var(--hover-overlay)}.create-topic-modal{flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex}.create-topic-modal .modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.create-topic-modal .form-group{margin-bottom:var(--space-md)}.create-topic-modal label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:600;display:block}.create-topic-modal input[type=text],.create-topic-modal textarea{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-family:inherit;font-size:14px;transition:border-color .15s}.create-topic-modal input[type=text]:focus,.create-topic-modal textarea:focus{border-color:var(--gamevox-orange-start);outline:none}.create-topic-modal textarea{resize:vertical;min-height:180px}.topic-tags-selector{flex-wrap:wrap;gap:6px;display:flex}.topic-tag-btn{cursor:pointer;border-style:solid;border-width:1px;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.topic-tag-btn:hover{filter:brightness(1.15)}.topic-tag-btn.selected{box-shadow:0 0 0 2px var(--gamevox-orange-start,#f97316)}.topic-message-input-wrapper .mention-autocomplete{margin-bottom:4px;bottom:100%}.topic-format-toolbar{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;gap:2px;padding:4px 6px;display:flex}.topic-format-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;min-width:28px;padding:3px 8px;font-size:13px;line-height:1.2;transition:background .1s,color .1s}.topic-format-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.topic-format-btn:active{background:var(--bg-active)}.topic-format-toolbar+textarea{border-top-left-radius:0;border-top-right-radius:0}.topic-message-format-hints{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:4px 8px;font-family:monospace;font-size:11px}.forum-topic-locked-message{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-medium);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:13px;display:flex}.forum-topic-locked-message svg{color:#f04747;width:16px;height:16px}#server-homepage{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;display:none;overflow-y:auto}.homepage-hero{border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);background:linear-gradient(135deg,#3a3d4a 0%,#2d2f3a 50%,#252836 100%);flex-wrap:wrap;min-height:120px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.homepage-hero .hero-dashboard-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.homepage-hero.has-dashboard-image .hero-content-overlay{opacity:0;transition:opacity .3s}.homepage-hero.has-dashboard-image:hover .hero-content-overlay{opacity:1}.homepage-hero.has-dashboard-image .hero-gradient-overlay{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(135deg,#000000d9 0%,#000000b3 50%,#0009 100%);transition:opacity .3s;position:absolute;inset:0}.homepage-hero.has-dashboard-image:hover .hero-gradient-overlay{opacity:1}.hero-content-overlay{display:contents}.homepage-hero.has-dashboard-image .hero-content-overlay{justify-content:space-between;align-items:center;gap:var(--space-lg);z-index:2;flex-wrap:wrap;width:100%;display:flex;position:relative}.hero-stats{gap:var(--space-xl);display:flex}.hero-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--gamevox-orange-start);font-size:48px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs);font-size:13px}.hero-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-btn{align-items:center;gap:var(--space-xs);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;transition:all .2s;display:flex}.hero-btn:hover{background:var(--hover-overlay);border-color:var(--gamevox-orange-start);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.hero-btn:active{transform:translateY(0)}.hero-btn.secondary{color:var(--text-secondary);border-color:var(--border-subtle);background:#ffffff1a}.hero-btn.secondary:hover{color:var(--text-primary);background:#ffffff26}.hero-btn.donate{color:#f0c14b;background:#f0c14b26;border-color:#f0c14b4d}.hero-btn.donate:hover{background:#f0c14b40;border-color:#f0c14b}.hero-btn svg{stroke:currentColor;flex-shrink:0}.homepage-description{color:var(--text-secondary);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:14px;line-height:1.5}.homepage-description a{color:var(--gamevox-orange-start);text-decoration:underline}.homepage-description a:hover{color:var(--accent-end)}.homepage-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.homepage-grid{grid-template-columns:1fr}}.homepage-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-subtle)}.homepage-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-sm);font-size:14px;font-weight:700}.homepage-section h4{margin:var(--space-sm) 0 var(--space-xs) 0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.no-content{color:var(--text-tertiary);padding:var(--space-sm) 0;font-size:13px;font-style:italic}#homepage-activity-map{gap:var(--space-xs);flex-direction:column;display:flex}.activity-map-channel{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid #0000;transition:all .2s;display:flex}.activity-map-channel:hover{background:var(--bg-quaternary);transform:translate(2px)}.activity-map-channel.activity-active{background:#58a6ff14;border-left-color:#58a6ff99}.activity-map-channel.activity-buzzing{background:#ffc1071a;border-left-color:#ffc107b3}.activity-map-channel.activity-hot{background:#ff6b351f;border-left-color:#ff6b35cc}.activity-map-channel.activity-on-fire{background:linear-gradient(90deg,#ff450026 0%,#ff8c001a 100%);border-left-color:#ff4500e6;animation:2s ease-in-out infinite activity-map-fire-pulse}.activity-map-channel.activity-trending{background:linear-gradient(90deg,#9333ea1f 0%,#4f46e514 100%);border-left-color:#9333eacc}.activity-map-channel.activity-surging{background:#3b82f61f;border-left-color:#3b82f6cc}@keyframes activity-map-fire-pulse{0%,to{background:linear-gradient(90deg,#ff450026 0%,#ff8c001a 100%)}50%{background:linear-gradient(90deg,#ff450033 0%,#ff8c0026 100%)}}.activity-map-icon{opacity:.7;text-align:center;flex-shrink:0;width:24px;font-size:16px}.activity-map-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-map-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.activity-map-channel .voice-info{color:var(--text-tertiary);font-size:11px}.activity-map-status{flex-shrink:0;align-items:center;font-size:14px;display:flex}.activity-map-status .lucide-activity-icon{width:16px;height:16px}.activity-map-channel.activity-active .activity-map-status .lucide-activity-icon{color:#58a6ff}.activity-map-channel.activity-buzzing .activity-map-status .lucide-activity-icon{color:#ffc107}.activity-map-channel.activity-hot .activity-map-status .lucide-activity-icon{color:#ff6b35}.activity-map-channel.activity-on-fire .activity-map-status .lucide-activity-icon{color:#ff4500}.activity-map-channel.activity-trending .activity-map-status .lucide-activity-icon{color:#9333ea;animation:1.5s ease-in-out infinite activity-icon-pulse}.activity-map-channel.activity-surging .activity-map-status .lucide-activity-icon{color:#3b82f6;animation:.9s ease-in-out infinite activity-icon-pulse}.activity-map-channel.activity-quiet{opacity:.7}.activity-map-channel.activity-quiet:hover{opacity:1}.announcement-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--gamevox-orange-start)}.announcement-item:last-child{margin-bottom:0}.announcement-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:14px;font-weight:600}.announcement-content{color:var(--text-secondary);font-size:13px;line-height:1.4}.announcement-content a{color:var(--gamevox-orange-start);cursor:pointer;text-decoration:underline;transition:color .2s}.announcement-content a:hover{color:var(--gamevox-accent);text-decoration:underline}.announcement-date{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:11px}.toolbar-announcement-badge{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:2px;right:2px}.announcements-panel{background-color:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);z-index:1000;border-radius:8px;flex-direction:column;width:400px;max-height:520px;display:flex;position:absolute;top:48px;right:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.announcements-panel-header{border-bottom:1px solid var(--border-medium,#3a3d42);color:var(--text-primary,#e0e0e0);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.announcements-panel-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.announcements-panel-close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff14)}.announcements-panel-list{flex:1;padding:12px 16px;overflow-y:auto}.announcements-panel-empty{text-align:center;color:var(--text-tertiary);padding:24px 0;font-size:13px}.announcement-panel-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--border-medium)}.announcement-panel-item.unread{border-left-color:var(--gamevox-orange-start);background:var(--bg-secondary)}.announcement-panel-item:last-child{margin-bottom:0}.announcement-panel-item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.announcement-panel-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.announcement-panel-item:hover .announcement-panel-actions{opacity:1}.announcement-panel-edit-btn,.announcement-panel-delete-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;display:flex}.announcement-panel-edit-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.announcement-panel-delete-btn:hover{color:var(--danger);background:var(--bg-hover)}.announcements-modal-content{min-width:400px;max-width:500px}.announcements-modal-body{max-height:400px;overflow-y:auto}.announcement-modal-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--gamevox-orange-start)}.announcement-modal-item:last-child{margin-bottom:0}.activity-subsection{margin-bottom:var(--space-md)}.activity-subsection:last-child{margin-bottom:0}.voice-channel-item,.message-channel-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s;display:flex}.voice-channel-item:hover,.message-channel-item:hover{background-color:var(--hover-overlay)}.voice-channel-icon,.channel-icon{color:var(--text-secondary);text-align:center;width:20px;font-size:16px}.channel-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.channel-activity{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:10px;padding:2px 8px;font-size:12px}.voice-activity-text{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.3}.voice-user-names,.voice-channel-name{color:var(--text-primary);font-weight:500}.voice-activity-time{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:12px}.voice-activity-time.active{color:var(--success,#43b581)}.voice-channel-item.active{background-color:#43b58114}.community-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm);color:var(--text-primary);border-radius:var(--radius-sm);font-size:14px;text-decoration:none;transition:background-color .15s;display:flex}.community-link:hover{background-color:var(--hover-overlay)}.link-icon{font-size:18px}.donate-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.donate-section h4{margin-top:0}.donate-buttons{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.donate-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.donate-btn:hover{transform:translateY(-1px)}.donate-btn.paypal{color:#fff;background:#0070ba}.donate-btn.paypal:hover{background:#005ea6}.donate-btn.venmo{color:#fff;background:#3d95ce}.donate-btn.venmo:hover{background:#2d85be}.homepage-section.stats .stat-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.homepage-section.stats .stat-row:last-child{border-bottom:none}.homepage-section.stats .stat-label{color:var(--text-secondary);font-size:13px}.homepage-section.stats .stat-value{color:var(--text-primary);font-size:14px;font-weight:600}.homepage-section.invite-link{background:linear-gradient(135deg,#eb75381a,#eb75380d);border:1px solid #eb75384d}.invite-description{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:13px}.invite-link-box{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-medium);display:flex}.invite-url{font-family:var(--font-mono);color:var(--gamevox-orange-start);-webkit-user-select:all;user-select:all;flex:1;font-size:14px;font-weight:600}.copy-invite-btn{padding:var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.copy-invite-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-invite-btn.copied{border-color:var(--status-online);color:var(--status-online)}.server-code-display-homepage{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex}.server-code-display-homepage .code-label{color:var(--text-tertiary);font-size:12px}.server-code-display-homepage .server-code{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:2px;font-size:16px;font-weight:700}.copy-code-btn{margin-left:var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;vertical-align:middle;background:0 0;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:inline-flex}.copy-code-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-code-btn.copied{border-color:var(--status-online);color:var(--status-online)}#homepage-server-owner{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.owner-info{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s;display:flex}.owner-info:hover{background:var(--hover-overlay)}.owner-avatar{flex-shrink:0;width:36px;height:36px;position:relative}.owner-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.owner-avatar-img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);width:100%;height:100%;display:block}.owner-avatar-hex svg{width:24px;height:24px;color:var(--text-secondary)}.owner-details{flex-direction:column;flex:1;display:flex}.owner-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.owner-name{color:var(--text-primary);font-size:14px;font-weight:600}.owner-crown{flex-shrink:0}.homepage-section.groups.full-width{grid-column:1/-1}.group-section{margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.group-section:last-child{margin-bottom:0}.group-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s;display:flex}.group-header:hover{background:var(--hover-overlay)}.group-expand-icon{color:var(--text-tertiary);text-align:center;width:12px;font-size:10px}.group-type-icon{align-items:center;display:flex}.group-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.group-member-count{color:var(--text-tertiary);background:var(--bg-secondary);text-align:center;border-radius:10px;min-width:20px;padding:2px 8px;font-size:12px}.group-members{padding:var(--space-sm);background:var(--bg-secondary)}.group-members.hidden{display:none}.no-members{color:var(--text-tertiary);padding:var(--space-xs) 0;font-size:12px;font-style:italic}.group-member{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s;display:flex}.group-member:hover{background:var(--hover-overlay)}.member-avatar{flex-shrink:0;width:28px;height:28px;position:relative}.member-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);justify-content:center;align-items:center;width:100%;height:100%;padding:2px;display:flex}.member-avatar-img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);width:100%;height:100%;display:block}.member-avatar-hex svg{width:20px;height:20px;color:var(--text-secondary)}.member-status-dot{z-index:1;border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:-2px}.member-status-dot.online{background:#43b581;box-shadow:0 0 4px #43b58180}.member-status-dot.offline{background:var(--text-tertiary)}.member-name{color:var(--text-primary);font-size:13px;font-weight:500}.group-member.offline .member-name{color:var(--text-secondary)}.member-username{color:var(--text-tertiary);flex:1;font-size:11px}.member-lock{align-items:center;margin-left:auto;display:flex}.member-lock.full{color:var(--text-tertiary)}.member-lock.partial{color:var(--text-tertiary);opacity:.5}.homepage-section.files.full-width{grid-column:1/-1}.homepage-section.files h3{align-items:center;gap:var(--space-sm);display:flex}.homepage-section.files h3 svg{stroke:var(--gamevox-orange-start)}.file-area{margin-bottom:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.file-area:last-child{margin-bottom:0}.file-area-header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);display:flex}.file-area-title{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:14px;font-weight:600;display:flex}.file-area-title svg{stroke:var(--text-secondary);flex-shrink:0}.file-area-stats{align-items:center;gap:var(--space-xs);color:var(--text-tertiary);flex:1;font-size:12px;display:flex}.file-upload-btn{align-items:center;gap:var(--space-xs);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:12px;font-weight:600;transition:all .2s;display:flex}.file-upload-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ff7e5f66}.file-upload-btn svg{stroke:#fff}.file-area-files{padding:var(--space-sm)}.no-files{color:var(--text-tertiary);text-align:center;padding:var(--space-md);font-size:13px}.file-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color .15s;display:flex}.file-item:hover{background:var(--hover-overlay)}.file-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.file-icon svg{width:24px;height:24px;stroke:var(--text-secondary)}.file-item .file-thumbnail{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);flex-shrink:0;width:40px;height:40px;overflow:hidden}.file-item .file-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s,opacity .2s}.file-item .file-thumbnail:hover img{opacity:.9;transform:scale(1.1)}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.file-meta{color:var(--text-tertiary);font-size:11px}.file-actions{align-items:center;gap:var(--space-xs);display:flex}.file-view-btn,.file-download-btn,.file-rename-btn,.file-delete-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.btn-icon{filter:grayscale();opacity:.7;font-size:14px;line-height:1;transition:all .15s}.file-view-btn:hover{background:var(--gamevox-orange-start,#eb7538);border-color:var(--gamevox-orange-start,#eb7538)}.file-view-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-download-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start)}.file-download-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-rename-btn:hover{background:#3498db;border-color:#3498db}.file-rename-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-delete-btn:hover{background:#e74c3c;border-color:#e74c3c}.file-delete-btn:hover .btn-icon{filter:grayscale(0%);opacity:1}.file-share-section{border-bottom:1px solid var(--border-subtle);transition:background-color .15s,box-shadow .15s;position:relative;box-shadow:inset 0 0 #0000}.file-share-section:last-child{border-bottom:none}.file-share-section.file-share-drag-over{background:rgba(var(--accent-rgb), .08);box-shadow:inset 0 0 0 2px var(--accent-primary)}.file-share-subfolder.file-share-drag-over{background:rgba(var(--accent-rgb), .12);box-shadow:inset 0 0 0 2px var(--accent-primary);border-radius:4px}.file-item[draggable=true]{cursor:grab}.file-item.file-item-dragging{opacity:.45;cursor:grabbing}.file-share-drag-pill{z-index:999999;pointer-events:none;background:var(--accent-primary);color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:fixed;box-shadow:0 4px 16px #00000059}.file-share-header{padding:var(--space-md);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.file-share-header:hover{background:var(--hover-overlay)}.file-share-header-left{align-items:center;gap:var(--space-sm);display:flex}.file-share-toggle{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.file-share-section.expanded .file-share-toggle{transform:rotate(90deg)}.file-share-icon{font-size:16px}.file-share-subfolder{border-top:1px solid var(--border-subtle)}.file-share-subfolder:first-child{border-top:none}.file-share-subfolder-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-md) + 16px);cursor:pointer;color:var(--text-secondary);font-size:13px;transition:background-color .15s;display:flex}.file-share-subfolder-header:hover{background:var(--hover-overlay)}.file-share-subfolder-toggle{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.file-share-subfolder-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.file-share-subfolder-count{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:10px;padding:1px 8px;font-size:11px}.file-share-subfolder-actions{gap:4px;display:flex}.file-share-subfolder-content{padding-left:16px}.file-share-new-folder-row{padding:var(--space-sm) var(--space-md);justify-content:flex-start;display:flex}.file-share-new-folder-btn{border:1px dashed var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.file-share-new-folder-btn:hover{background:var(--hover-overlay);color:var(--text-primary);border-color:var(--accent-primary)}.file-share-name{color:var(--text-primary);font-size:14px;font-weight:600}.file-share-access-badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:10px;padding:2px 8px;font-size:11px}.file-share-header-right{align-items:center;gap:var(--space-md);display:flex}.file-share-stats{color:var(--text-tertiary);font-size:12px}.file-share-menu-btn{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.file-share-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.file-share-content{padding:0 var(--space-md) var(--space-md);background:var(--bg-secondary)}.file-share-upload-area{padding:var(--space-sm) 0 var(--space-md)}.file-share-upload-btn{align-items:center;gap:var(--space-xs);display:flex}.file-share-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:13px}.file-share-files-list{gap:var(--space-xs);flex-direction:column;display:flex}.file-share-files-loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-tertiary);font-size:13px;display:flex}.file-explorer-loading{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-tertiary);flex-direction:column;min-height:200px;display:flex}.file-explorer-loading .connecting-spinner{width:60px;height:60px}.file-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.file-action-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.file-action-btn.file-delete-btn:hover{background:#e74c3c;border-color:#e74c3c}.file-action-btn svg{width:16px;height:16px}.context-menu{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:10200;min-width:160px;padding:var(--space-xs);max-height:calc(100vh - 20px);position:fixed;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.context-menu-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;transition:background-color .15s;display:flex}.context-menu-item svg{color:var(--text-secondary)}.context-menu-item.context-menu-danger,.context-menu-item.context-menu-danger svg{color:#e74c3c}.context-menu-divider{background:var(--border-subtle);height:1px;margin:var(--space-xs) 0}.context-menu-item .toggle-check{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.context-menu-item .toggle-check svg{color:var(--accent-primary,#5b9bd5)}.context-menu-item.toggle-off .toggle-check svg{visibility:hidden}.context-menu-item.toggle-off{color:var(--text-muted)}.toolbar-mute-toggle{cursor:pointer;width:22px;height:22px;color:var(--text-secondary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.toolbar-mute-toggle:hover{background:var(--hover-overlay);color:var(--text-primary)}.toolbar-mute-toggle.muted,.toolbar-mute-toggle.muted:hover{color:var(--text-danger,#e74c3c)}#quality-context-menu{width:260px}.context-menu-info{color:var(--text-tertiary);cursor:default;align-items:center;padding:6px 14px;font-size:11px;display:flex}.context-menu-item .lock-label{flex-shrink:0;align-items:center;margin-left:6px;display:flex}.context-menu-item.selected{color:var(--accent-primary,#5b9bd5)}.homepage-section.audit-log.full-width{grid-column:1/-1}.homepage-section.audit-log h3{align-items:center;gap:var(--space-sm);display:flex}.homepage-section.audit-log h3 svg{stroke:var(--gamevox-orange-start)}.view-all-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;margin-left:auto;padding:4px 12px;font-size:12px;transition:all .2s}.view-all-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}#homepage-audit-log{gap:var(--space-xs);flex-direction:column;display:flex}.audit-entry{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-secondary);transition:background .15s;display:flex}.audit-entry:hover{background:var(--bg-tertiary)}.audit-entry.kick{border-left-color:#e74c3c}.audit-entry.ban{border-left-color:#c0392b}.audit-entry.unban{border-left-color:#27ae60}.audit-entry.group_change{border-left-color:#3498db}.audit-entry.permission_update{border-left-color:#9b59b6}.audit-entry.badge_change{border-left-color:#f39c12}.audit-entry.file_upload{border-left-color:#27ae60}.audit-entry.file_delete{border-left-color:#e74c3c}.audit-entry.file_rename{border-left-color:#3498db}.audit-entry.rank_change{border-left-color:#9b59b6}.audit-entry.settings_update{border-left-color:#95a5a6}.audit-entry.announcement_create{border-left-color:#1abc9c}.audit-entry.announcement_delete{border-left-color:#e74c3c}.audit-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.audit-icon svg{width:16px;height:16px}.audit-content{min-width:0;color:var(--text-secondary);flex:1;font-size:13px}.audit-actor{color:var(--text-primary);font-weight:600}.audit-action{color:var(--text-secondary)}.audit-action strong{color:var(--text-primary);font-weight:500}.audit-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.audit-log-modal{z-index:10000;background:#000c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.audit-log-modal-container{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:700px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.audit-log-modal-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.audit-log-modal-header h3{color:var(--text-primary);text-transform:uppercase;margin:0;font-size:18px}.audit-log-modal-close{color:var(--text-secondary);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:24px;line-height:1;transition:background .15s,color .15s}.audit-log-modal-close:hover{color:var(--text-primary);background:var(--bg-modifier-hover,#ffffff14)}.audit-log-modal-filters{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);display:flex}.audit-log-search{flex:1}.audit-log-search input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.audit-log-search input:focus{border-color:var(--gamevox-orange-start);outline:none}.audit-log-filter select{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px}.audit-log-filter select:focus{border-color:var(--gamevox-orange-start);outline:none}.audit-log-modal-content{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.audit-entry-full{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-tertiary);transition:background .15s;display:flex}.audit-entry-full:hover{background:var(--bg-primary)}.audit-entry-full.kick{border-left-color:#e74c3c}.audit-entry-full.ban{border-left-color:#c0392b}.audit-entry-full.unban{border-left-color:#27ae60}.audit-entry-full.group_change{border-left-color:#3498db}.audit-entry-full.permission_update{border-left-color:#9b59b6}.audit-entry-full.badge_change{border-left-color:#f39c12}.audit-entry-full.file_delete{border-left-color:#e74c3c}.audit-entry-full.file_rename{border-left-color:#3498db}.audit-entry-full.settings_update{border-left-color:#95a5a6}.audit-entry-full.announcement_create{border-left-color:#1abc9c}.audit-entry-full.announcement_delete{border-left-color:#e74c3c}.audit-entry-full.file_upload{border-left-color:#27ae60}.audit-entry-full.rank_change{border-left-color:#9b59b6}.audit-entry-full .audit-content{flex:1}.audit-main{font-size:13px}.audit-reason{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.audit-time-full{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.audit-log-modal-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-subtle);justify-content:center;display:flex}.audit-log-load-more{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:13px;transition:all .2s}.audit-log-load-more:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.polling-indicator{color:var(--text-muted);opacity:0;align-items:center;gap:6px;font-size:11px;transition:opacity .3s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.polling-indicator.active{opacity:1}.polling-dot{background:var(--gamevox-orange-start);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.audit-log-modal-header{position:relative}.gv-modal-overlay{z-index:10500;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);min-width:350px;max-width:450px;animation:.2s slideIn;box-shadow:0 8px 32px #0006}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-md);-webkit-app-region:drag;--wails-draggable:drag;display:flex}.modal-header h3{color:var(--text-primary);text-transform:uppercase;flex:1;margin:0;font-size:18px;font-weight:600}.modal-body{padding:var(--space-lg)}.modal-body p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.modal-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:14px;transition:border-color .15s}.modal-input:focus{border-color:var(--gamevox-orange-start)}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:var(--space-sm);display:flex}.modal-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .15s}.modal-btn.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.modal-btn.cancel-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.modal-btn.primary-btn{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}.modal-btn.primary-btn:hover{filter:brightness(1.1)}.modal-btn.danger-btn{color:#fff;background:#e74c3c}.modal-btn.danger-btn:hover{background:#c0392b}.file-upload-preview-modal{max-width:520px}.file-upload-message-field{margin-top:10px}.file-upload-message-field input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:10px 12px;font-size:14px}.file-upload-message-field input:focus{border-color:var(--accent-primary,#ff7f00)}.file-upload-message-field input::placeholder{color:var(--text-muted)}.file-preview-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.file-preview-item{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:10px;display:flex}.file-preview-item-header{align-items:center;gap:12px;display:flex}.file-preview-thumb{object-fit:contain;background:var(--bg-tertiary);border-radius:6px;max-width:100%;max-height:200px}.file-preview-icon{background:var(--bg-tertiary);width:48px;height:48px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.file-preview-size{color:var(--text-tertiary);font-size:12px}.file-preview-remove{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.file-preview-remove:hover{color:#e74c3c;background:#e74c3c1a}.file-preview-resize-controls{padding:4px 0}.file-preview-keep-original{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.file-preview-keep-original input[type=checkbox]{accent-color:var(--gamevox-orange-start,#f97316);cursor:pointer;width:14px;height:14px;margin:0}.file-preview-resize{align-items:center;gap:10px;padding:6px 0;display:flex}.file-preview-resize-label{color:var(--text-secondary);white-space:nowrap;min-width:40px;font-size:12px}.file-preview-resize input[type=range]{height:4px;accent-color:var(--gamevox-orange-start,#f97316);cursor:pointer;flex:1}.file-preview-resize-size{color:var(--text-tertiary);white-space:nowrap;text-align:right;min-width:55px;font-size:11px}.file-preview-resize-dims{color:var(--text-tertiary);padding-top:2px;font-size:11px;display:block}.file-preview-controls-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.file-preview-crop-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;transition:all .15s;display:flex}.file-preview-crop-btn:hover{color:var(--text-primary);border-color:var(--gamevox-orange-start,#f97316);background:#f9731614}.image-crop-modal{width:90vw;max-width:600px}.image-crop-viewport{background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid var(--border-subtle);width:100%;height:350px;position:relative;overflow:hidden}.image-crop-viewport img{transform-origin:0 0;pointer-events:none;max-width:none;max-height:none;position:absolute;top:0;left:0}.image-crop-controls{align-items:center;gap:10px;padding:10px 0 0;display:flex}.image-crop-label{color:var(--text-secondary);white-space:nowrap;font-size:12px}.image-crop-controls input[type=range]{height:4px;accent-color:var(--gamevox-orange-start,#f97316);cursor:pointer;flex:1}.image-crop-zoom-pct{color:var(--text-secondary);text-align:right;min-width:36px;font-size:12px}#invite-preview-modal{background:#000000d9;padding:32px 16px;overflow-y:auto}.invite-preview-bg{opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.invite-preview-bg.has-bg{opacity:1}.invite-preview-content{z-index:1;background:#121316f5;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:100%;max-width:820px;max-height:calc(100vh - 64px);padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #0009}.invite-preview-content .modal-body{padding:0;overflow-y:auto}.invite-preview-close-btn{color:#fff;cursor:pointer;z-index:3;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:background .15s;display:flex;position:absolute;top:12px;right:12px}.invite-preview-close-btn:hover{background:#000000d9}.invite-preview-hero{aspect-ratio:2;background:var(--bg-tertiary,#1e1f22);width:100%;position:relative;overflow:hidden}.invite-preview-banner-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.invite-preview-banner-empty{background:linear-gradient(135deg,#2a2b2f 0%,#1a1b1e 100%)}.invite-preview-hero-overlay{background:linear-gradient(#0000008c 0%,#00000026 30% 55%,#000000d9 100%);flex-direction:column;justify-content:space-between;padding:20px 24px;display:flex;position:absolute;inset:0}.invite-preview-hero-top{align-items:flex-start;gap:16px;padding-right:56px;display:flex}.invite-preview-icon{object-fit:cover;background:#00000059;border:2px solid #fff3;border-radius:14px;flex-shrink:0;width:64px;height:64px;box-shadow:0 4px 14px #00000080}.invite-preview-hero-text{flex:1;min-width:0}.invite-preview-name{color:#fff;text-shadow:0 2px 8px #000000b3;margin:0 0 4px;font-size:26px;font-weight:800;line-height:1.15}.invite-preview-tagline{color:#ffffffe6;text-shadow:0 1px 4px #000000b3;margin:0;font-size:14px;line-height:1.4}.invite-preview-hero-bottom{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invite-preview-stats{-webkit-backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:18px;padding:10px 18px;display:inline-flex}.invite-preview-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.invite-preview-stat-divider{background:#ffffff26;width:1px;height:24px}.invite-preview-stat-value{color:#fff;text-shadow:0 1px 3px #00000080;align-items:center;gap:5px;font-size:15px;font-weight:700;display:flex}.invite-preview-stat-est{font-size:13px;font-weight:700}.invite-preview-stat-label{color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.invite-preview-stat-dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #43b581b3}.invite-preview-stat-dot.online{background:#43b581}.invite-preview-categories{flex-wrap:wrap;gap:6px;display:inline-flex}.invite-preview-category{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#eb7538d9;border:1px solid #fff3;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0006}.invite-preview-content-body{flex-direction:column;padding:20px 24px;display:flex}.invite-preview-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.invite-preview-tag{color:var(--text-secondary,#b5bac1);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:4px 10px;font-size:12px}.invite-preview-description{color:var(--text-secondary,#b5bac1);background:#00000040;border:1px solid #ffffff0a;border-radius:8px;max-height:280px;margin-bottom:16px;padding:14px 16px;font-size:14px;line-height:1.6;overflow-y:auto}.invite-preview-description p{margin:0 0 8px}.invite-preview-description p:last-child{margin-bottom:0}.invite-preview-description ul,.invite-preview-description ol{margin:4px 0 8px;padding-left:22px}.invite-preview-description li{margin-bottom:2px}.invite-preview-description a{color:var(--gamevox-orange-start,#eb7538);text-decoration:none}.invite-preview-description a:hover{text-decoration:underline}.invite-preview-description strong,.invite-preview-description b{color:#fff}.invite-preview-owner{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.invite-preview-owner-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.invite-preview-owner-label strong{color:var(--text-primary);font-weight:600}.invite-preview-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:16px;display:flex}.invite-preview-accept{min-width:160px}.invite-preview-spinner{border:3px solid var(--border-medium);border-top-color:var(--gamevox-orange-start);border-radius:50%;width:32px;height:32px;margin:20px auto;animation:.8s linear infinite spin}.invite-preview-loading{text-align:center;padding:60px 20px}.invite-preview-loading p{color:var(--text-secondary);margin:0;font-size:14px}.invite-preview-error{text-align:center;padding:60px 20px 20px}.invite-preview-error p{color:var(--text-secondary);margin-bottom:12px}.invite-preview-badge.selfhosted{text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;color:#fff;text-shadow:none;background:#43b581d9;border:1px solid #ffffff4d;border-radius:4px;margin-left:10px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}@media (width<=600px){.invite-preview-hero-top{gap:12px}.invite-preview-icon{width:52px;height:52px}.invite-preview-name{font-size:22px}.invite-preview-stats{gap:12px;padding:8px 14px}.invite-preview-stat-divider{display:none}}.error-toast{color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);z-index:10001;background:#e74c3c;font-size:14px;animation:.3s toastIn,.3s 3.7s toastOut;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.user-profile-modal{z-index:10000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.user-profile-container{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:520px;max-width:90vw;height:85vh;max-height:850px;animation:.25s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-header{padding:var(--space-sm);z-index:10;-webkit-app-region:drag;--wails-draggable:drag;justify-content:flex-end;display:flex;position:relative}.user-profile-close{color:#fff;cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .2s;display:flex}.user-profile-close:hover{background:#0009}.user-profile-banner{background:linear-gradient(135deg, var(--gamevox-orange-start) 0%, var(--gamevox-orange-end) 50%, #2c3e50 100%);justify-content:center;align-items:flex-end;height:100px;margin-top:-48px;padding-bottom:70px;display:flex;position:relative}.user-profile-avatar-wrapper{position:absolute;bottom:-60px}.user-profile-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);justify-content:center;align-items:center;width:135px;height:135px;display:flex;box-shadow:0 4px 12px #0000004d}.user-profile-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;background:var(--bg-tertiary);width:126px;height:126px}.user-profile-status{border:3px solid var(--bg-secondary);background:var(--text-muted);border-radius:50%;width:20px;height:20px;position:absolute;bottom:8px;right:8px}.user-profile-status.online{background:#2ecc71}.user-profile-status.offline{background:var(--text-muted)}.user-profile-info{text-align:center;padding:70px var(--space-md) var(--space-md)}.user-profile-info h2{margin:0 0 var(--space-xs);color:var(--text-primary);font-size:22px;font-weight:600}.user-profile-discord{color:var(--text-secondary);margin-bottom:var(--space-xs);align-items:center;gap:6px;font-size:13px;display:flex}.user-profile-discord svg{flex-shrink:0}.user-profile-bio{color:var(--text-secondary);margin-bottom:var(--space-xs);word-wrap:break-word;max-height:60px;font-size:13px;line-height:1.4;overflow-y:auto}.user-profile-bio:empty{display:none}.user-profile-actions{margin-top:var(--space-sm);justify-content:center;gap:var(--space-sm);display:flex}.user-profile-actions:empty{display:none}.profile-action-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s,opacity .2s;display:inline-flex}.profile-action-btn.add-friend{background:var(--gamevox-orange-start);color:#fff}.profile-action-btn.add-friend:hover{background:var(--gamevox-orange-end)}.profile-action-btn.remove-friend{background:var(--bg-elevated);color:var(--text-secondary)}.profile-action-btn.remove-friend:hover{color:#e74c3c;background:#e74c3c33}.profile-action-btn.pending{background:var(--bg-elevated);color:var(--text-muted);cursor:default}.profile-action-btn.send-message{background:var(--bg-elevated);color:var(--text-secondary)}.profile-action-btn.send-message:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-action-btn.edit-profile{background:var(--bg-elevated);color:var(--text-secondary)}.profile-action-btn.edit-profile:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-profile-container.editing-profile{width:660px;height:80vh;max-height:780px}.profile-edit-overlay{background:var(--bg-secondary,#2b2d31);z-index:15;border-radius:var(--radius-lg,8px);flex-direction:column;animation:.15s fadeIn;display:flex;position:absolute;inset:0;overflow:hidden}.profile-edit-form{flex-direction:column;height:100%;display:flex}.profile-edit-header{border-bottom:1px solid var(--border-subtle,#3f4147);-webkit-app-region:drag;--wails-draggable:drag;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.profile-edit-header h3{color:var(--text-primary,#f2f3f5);margin:0;font-size:16px;font-weight:600}.profile-edit-close{color:var(--text-muted,#949ba4);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:22px;line-height:1;display:flex}.profile-edit-close:hover{background:var(--bg-tertiary,#1e1f22);color:var(--text-primary,#f2f3f5)}.profile-edit-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.profile-edit-field{flex-direction:column;gap:4px;display:flex}.profile-edit-field-disabled{opacity:.45;pointer-events:none}.profile-edit-field label{color:var(--text-muted,#949ba4);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.profile-edit-input{background:var(--bg-tertiary,#1e1f22);border:1px solid var(--border-subtle,#3f4147);width:100%;color:var(--text-primary,#f2f3f5);box-sizing:border-box;border-radius:4px;outline:none;padding:8px 10px;font-size:13px}.profile-edit-input:focus{border-color:var(--accent-color,#eb7538)}.profile-edit-textarea{resize:none;min-height:120px;font-family:inherit;line-height:1.4}.profile-edit-markdown-hints{color:var(--text-muted,#949ba4);flex-wrap:wrap;gap:8px 14px;margin-top:2px;font-size:11px;display:flex}.profile-edit-markdown-hints span{white-space:nowrap}.profile-edit-markdown-hints code{background:var(--bg-tertiary,#1e1f22);border-radius:3px;padding:1px 4px;font-family:monospace;font-size:10px}.profile-edit-char-count{color:var(--text-muted,#949ba4);text-align:right;font-size:11px}.profile-edit-avatar-row{align-items:center;gap:10px;display:flex}.profile-edit-avatar-preview{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium,#3f4147);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:2px;display:flex}.profile-edit-avatar-preview img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary,#1e1f22);width:100%;height:100%}.profile-edit-avatar-preview .no-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary,#1e1f22);width:100%;height:100%;color:var(--text-muted,#949ba4);justify-content:center;align-items:center;font-size:11px;display:flex}.profile-edit-btn{background:var(--bg-elevated,#36373d);color:var(--text-secondary,#b5bac1);cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:13px}.profile-edit-btn:hover{background:var(--bg-tertiary,#1e1f22);color:var(--text-primary,#f2f3f5)}.profile-edit-btn-primary{background:var(--accent-color,#eb7538);color:#fff}.profile-edit-btn-primary:hover{background:var(--gamevox-orange-end,#d16a30);color:#fff}.profile-edit-btn-primary:disabled{opacity:.6;cursor:default}.profile-edit-btn-danger{color:var(--text-muted,#949ba4)}.profile-edit-btn-danger:hover{color:#ed4245;background:#ed42451a}.profile-edit-footer{border-top:1px solid var(--border-subtle,#3f4147);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.profile-edit-layout{flex:1;display:flex;overflow:hidden}.profile-edit-tabs{border-right:1px solid var(--border-subtle,#3f4147);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:8px;display:flex;overflow-y:auto}.profile-edit-tab{width:100%;color:var(--text-secondary,#b5bac1);cursor:pointer;border-radius:var(--radius-sm,4px);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.profile-edit-tab:hover{background:var(--hover-overlay);color:var(--text-primary,#f2f3f5)}.profile-edit-tab.active{background:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:600}.profile-edit-tab-icon{background:var(--bg-tertiary,#1e1f22);width:24px;height:24px;color:var(--text-muted,#949ba4);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.profile-edit-tab-icon:has(img){border-radius:4px;width:36px;height:18px}.profile-edit-tab-icon img{object-fit:cover;width:100%;height:100%}.profile-edit-content{flex:1;min-width:0;overflow-y:auto}.profile-edit-panel{flex-direction:column;gap:16px;padding:16px;display:none}.profile-edit-panel.active{display:flex}.profile-edit-tab-label{text-overflow:ellipsis;overflow:hidden}.user-profile-names{gap:var(--space-xs);flex-direction:column;display:flex}.user-profile-names .username-history-item{padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;font-size:12px;display:flex}.user-profile-names .old-name{color:var(--text-secondary)}.user-profile-names .history-date{color:var(--text-tertiary);font-size:11px}.user-profile-badges{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.user-profile-badge{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:2px 8px;font-size:11px}.user-profile-badge.owner{color:#000;background:linear-gradient(135deg,#f39c12,#f1c40f);border:none;font-weight:600}.user-profile-badge.admin{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none}.user-profile-badge.verified{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none}.user-profile-content{padding:var(--space-md);flex:1;overflow-y:auto}.user-profile-section{margin-bottom:var(--space-md)}.user-profile-section:last-child{margin-bottom:0}.user-profile-section h3{align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 var(--space-sm);font-size:12px;font-weight:600;display:flex}.user-profile-section h3 svg{opacity:.7}.user-profile-sessions{gap:var(--space-xs);flex-direction:column;display:flex}.session-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex}.session-icon{background:var(--bg-elevated);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.session-icon svg{width:16px;height:16px;fill:var(--text-secondary)}.session-info{flex:1}.session-type{color:var(--text-primary);font-size:13px;font-weight:500}.session-game{color:var(--gamevox-orange-start);font-size:11px}.user-profile-activity{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.activity-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0;display:flex}.activity-icon{font-size:20px}.activity-name{color:var(--text-primary);font-size:14px;font-weight:500}.activity-info{flex-direction:column;gap:2px;display:flex}.activity-details{color:var(--text-secondary);font-size:12px;line-height:1.4}.user-profile-servers{gap:var(--space-xs);flex-direction:column;display:flex}.server-item-profile{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;display:flex}.server-item-profile:hover{background:var(--bg-elevated)}.server-avatar{border-radius:var(--radius-sm);background:var(--gamevox-orange-start);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.server-avatar img{border-radius:var(--radius-sm);object-fit:cover;width:100%;height:100%}.server-banner-profile{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:48px;height:32px}.server-name-profile{color:var(--text-primary);font-size:13px;font-weight:500}.user-profile-server-group{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.server-group-item{align-items:center;gap:var(--space-sm);display:flex}.group-icon{font-size:16px}.group-info{flex:1}.group-name{color:var(--text-primary);font-size:14px;font-weight:500}.group-badge{color:var(--text-secondary);font-size:11px}.user-profile-section .no-content{padding:var(--space-sm);text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}.user-profile-tabs{border-bottom:1px solid var(--border-subtle);padding:0 var(--space-md);gap:var(--space-xs);flex-shrink:0;display:flex}.profile-tab-btn{padding:var(--space-sm) var(--space-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:13px;font-weight:500;transition:all .15s}.profile-tab-btn:hover{color:var(--text-secondary)}.profile-tab-btn.active{color:var(--gamevox-orange-start);border-bottom-color:var(--gamevox-orange-start)}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.server-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.server-item-profile .server-display-name{color:var(--text-muted);font-size:11px;font-style:italic}.server-item-profile .server-bio{color:var(--text-muted);text-overflow:ellipsis;max-height:32px;margin-top:2px;font-size:11px;line-height:1.3;overflow:hidden}.activity-last-played{font-style:italic}.activity-time-ago{color:var(--text-tertiary);font-size:11px}.user-profile-game-history .activity-item{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}#gif-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;width:600px;max-height:500px;display:flex;position:absolute;bottom:60px;right:10px;overflow:hidden}.gif-picker-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.gif-search-container{align-items:center;display:flex;position:relative}.gif-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:10px}#gif-search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:14px;transition:border-color .2s}#gif-search-input:focus{border-color:var(--gamevox-orange-start)}#gif-search-input::placeholder{color:var(--text-muted)}.gif-header-row{margin-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.gif-powered-by{align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:10px;display:flex}.gif-powered-by img{opacity:.7}.gif-categories{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);scrollbar-width:thin;display:flex;overflow-x:auto}.gif-categories::-webkit-scrollbar{height:4px}.gif-categories::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.gif-category-btn{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.gif-category-btn:hover{background:var(--hover-overlay);border-color:var(--border-medium);color:var(--text-primary)}.gif-category-btn.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;border-color:#0000}.gif-results{padding:var(--space-sm);gap:var(--space-xs);flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;min-height:300px;max-height:350px;display:grid;overflow:hidden auto}.gif-results::-webkit-scrollbar{width:6px}.gif-results::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.gif-results::-webkit-scrollbar-track{background:0 0}.gif-item{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-tertiary);min-height:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.gif-item:hover{z-index:1;transform:scale(1.03);box-shadow:0 4px 12px #0000004d}.gif-item img{object-fit:contain;width:100%;height:auto;display:block}.gif-loading,.gif-no-results{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-tertiary);grid-column:1/-1;font-size:14px;display:flex}.gif-loading .gv-spinner{flex-shrink:0}.gif-error{text-align:center;padding:var(--space-lg);color:#e74c3c;grid-column:1/-1;font-size:13px}.chat-gif,.dm-gif,.forum-message-gif,.md-embedded-gif{border-radius:var(--radius-md);max-width:300px;max-height:200px;margin-top:var(--space-xs);cursor:pointer;contain:content;will-change:contents;transition:transform .15s}.chat-gif:hover,.dm-gif:hover,.forum-message-gif:hover,.md-embedded-gif:hover{transform:scale(1.02)}.embed-iframe{border-radius:var(--radius-md);max-width:100%;display:block}.steam-embed-card{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:border-color .15s;display:block;overflow:hidden}.steam-embed-card:hover{border-color:var(--border-strong)}.steam-embed-header{width:100%;height:auto;display:block}.steam-embed-info{padding:8px 10px}.steam-embed-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:600;overflow:hidden}.steam-embed-desc{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.steam-embed-footer{justify-content:space-between;align-items:center;display:flex}.steam-embed-price{color:var(--accent-primary,#4a9eff);font-size:12px;font-weight:600}.steam-embed-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.og-preview-card{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;margin-top:4px;transition:border-color .15s;display:block;overflow:hidden;text-decoration:none!important}.og-preview-card:hover{border-color:var(--border-strong);text-decoration:none!important}.og-preview-image{object-fit:cover;width:100%;max-height:200px;display:block}.og-preview-info{padding:8px 10px}.og-preview-site{color:var(--accent-primary,#eb7538);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:11px}.og-preview-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.og-preview-desc{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.dm-message-bubble .og-preview-card{color:#fff;background:#0003;border-color:#ffffff1f}.dm-message-bubble .og-preview-card:hover{border-color:#ffffff40}.dm-message-bubble .og-preview-title{color:#fff}.dm-message-bubble .og-preview-desc{color:#ffffffb3}.dm-message-bubble .og-preview-site{color:#fffc}.dm-message-bubble .og-preview-domain{color:#ffffff80}.og-preview-domain{color:var(--text-muted);font-size:11px}.og-video-container{margin-top:4px;display:inline-block}.og-video-player{background:#000;border-radius:8px;max-height:400px;display:block}.og-video-info{color:inherit;flex-direction:column;gap:2px;padding:6px 4px 2px;text-decoration:none;display:flex}.og-video-info:hover .og-video-title{text-decoration:underline}.og-video-title{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dm-message-bubble .og-video-container{max-width:280px}.gamevox-invite-embed{cursor:pointer;border:1px solid var(--border-subtle,#3a3c42);border-radius:8px;max-width:280px;margin:6px 0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.gamevox-invite-embed:hover{border-color:var(--border-medium,#4e5058);box-shadow:0 2px 8px #0000004d}.gv-invite-banner{aspect-ratio:2;background-color:var(--bg-tertiary,#1e1f22);width:100%;position:relative}.gv-invite-banner-overlay{background:linear-gradient(#0000001a 50%,#000000bf 100%);flex-direction:column;justify-content:flex-end;padding:10px 14px;display:flex;position:absolute;inset:0}.gv-invite-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.gv-invite-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #0009;font-size:16px;font-weight:700;overflow:hidden}.gv-invite-badge{text-transform:uppercase;letter-spacing:.5px;color:#43b581;white-space:nowrap;background:#43b58140;border:1px solid #43b58166;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:600}.gv-invite-stats{gap:12px;display:flex}.gv-invite-stat{color:#ffffffd9;text-shadow:0 1px 3px #00000080;align-items:center;gap:4px;font-size:12px;display:flex}.gv-invite-dot{background:#43b581;border-radius:50%;width:8px;height:8px;display:inline-block}.dm-message-bubble .gamevox-invite-embed{max-width:300px}.gamevox-event-embed{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-subtle,#3a3c42);cursor:pointer;border-left:4px solid #eb7538;border-radius:8px;max-width:400px;margin:6px 0;overflow:hidden}.gamevox-event-embed:hover{border-top-color:var(--border-medium,#4e5058);border-right-color:var(--border-medium,#4e5058);border-bottom-color:var(--border-medium,#4e5058)}.gv-event-banner{background-color:var(--bg-tertiary,#1e1f22);width:100%;height:80px}.gv-event-body{padding:12px 14px}.gv-event-server-name{color:var(--text-secondary,#b5bac1);margin-bottom:2px;font-size:11px}.gv-event-title{color:var(--text-primary,#fff);margin-bottom:4px;font-size:15px;font-weight:600}.gv-event-time{color:var(--text-secondary,#b5bac1);font-size:12px}.gv-event-location{color:var(--text-secondary,#b5bac1);margin-top:2px;font-size:12px}.gv-event-stats{color:var(--text-muted,#6e7681);margin-top:6px;font-size:11px}.dm-message-bubble .gamevox-event-embed{max-width:280px}.embedded-video{background:#000}.dm-message-bubble .embedded-video{max-width:280px}#wiki-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;width:420px;max-height:400px;display:flex;position:absolute;bottom:60px;right:10px;overflow:hidden}.wiki-picker-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);align-items:center;gap:8px;padding:10px;display:flex}.wiki-search-container{flex:1;min-width:0;height:32px;position:relative}.wiki-search-icon{color:var(--text-tertiary);pointer-events:none;z-index:1;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#wiki-search-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text-primary);box-sizing:border-box;outline:none;padding:0 10px 0 32px;font-size:13px}#wiki-search-input:focus{border-color:var(--gamevox-orange-start)}#wiki-search-input::placeholder{color:var(--text-muted)}.wiki-game-filter{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:140px;min-width:0;max-width:140px;height:32px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b9bbbe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 8px center;background-repeat:no-repeat;outline:none;flex-shrink:0;padding:0 24px 0 10px;font-size:12px}.wiki-game-filter:focus{border-color:var(--gamevox-orange-start)}.wiki-game-filter-menu{background:0 0;border:0;height:32px;padding:0;display:inline-block;position:relative}.wiki-game-filter-menu:focus{outline:none}.wiki-game-filter-trigger{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:140px;height:32px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;text-align:left;outline:none;justify-content:space-between;align-items:center;gap:6px;padding:0 24px 0 10px;font-family:inherit;font-size:12px;display:flex}.wiki-game-filter-menu.open .wiki-game-filter-trigger,.wiki-game-filter-menu:focus-within .wiki-game-filter-trigger{border-color:var(--gamevox-orange-start)}.wiki-game-filter-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wiki-game-filter-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .12s}.wiki-game-filter-menu.open .wiki-game-filter-arrow{transform:rotate(180deg)}.wiki-game-filter-menu-list{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:140px;max-height:240px;box-shadow:var(--shadow-lg);z-index:1001;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:auto;overflow-y:auto}.wiki-game-filter-menu-list[hidden]{display:none}.wiki-game-filter-menu-list li{color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:12px;overflow:hidden}.wiki-game-filter-menu-list li:hover,.wiki-game-filter-menu-list li[aria-selected=true]{background:var(--bg-hover,#ffffff0f)}.wiki-display-card-label{letter-spacing:normal;height:32px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-shrink:0;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:11px;font-weight:400;display:inline-flex}.wiki-display-card-label:hover{color:var(--text-primary);border-color:var(--border-medium)}.wiki-display-card-label:has(.wiki-display-card-checkbox:checked){color:var(--text-primary);border-color:var(--gamevox-orange-start)}.wiki-display-card-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--gamevox-orange-start);vertical-align:middle;flex-shrink:0;margin:0;padding:0}.wiki-results{flex:1;min-height:200px;max-height:320px;overflow-y:auto}.wiki-results::-webkit-scrollbar{width:6px}.wiki-results::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.wiki-results::-webkit-scrollbar-track{background:0 0}.wiki-placeholder{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:13px}.wiki-recent-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);padding:8px 12px 4px;font-size:11px;font-weight:600}.wiki-no-results{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-size:13px}.wiki-result-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .15s;display:flex}.wiki-result-item:hover{background:var(--hover-overlay)}.wiki-result-item:last-child{border-bottom:none}.wiki-result-icon{border-radius:var(--radius-sm);background:var(--bg-tertiary);object-fit:cover;flex-shrink:0;width:40px;height:40px}.wiki-result-content{flex:1;min-width:0}.wiki-result-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.wiki-result-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.wiki-result-meta{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.wiki-result-game{text-transform:uppercase;color:#fff;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.wiki-result-game.wow{background:#ff8000}.wiki-result-game.wow-classic{background:#c79c6e}.wiki-result-game.minecraft{background:#5a9c3d}.wiki-result-game.ffxiv{background:#5b7fc4}.wiki-result-game.gw2{background:#c44c40}.wiki-result-game.poe{background:#af6025}.wiki-result-game.tarkov{background:#1a1a1a}.wiki-result-game.warframe{background:#38a8c7}.wiki-result-game.ark{background:#8b5a00}.wiki-result-game.lol{background:#c89b3c}.wiki-result-game.rust{background:#cd412b}.wiki-result-game.destiny2{color:#333;background:#f5f5f5}.wiki-result-type{color:var(--text-tertiary);text-transform:capitalize;font-size:10px}.wiki-result-name.poor{color:#9d9d9d}.wiki-result-name.common{color:var(--text-primary)}.wiki-result-name.uncommon{color:#1eff00}.wiki-result-name.rare{color:#0070dd}.wiki-result-name.epic{color:#a335ee}.wiki-result-name.legendary{color:#ff8000}.wiki-result-name.artifact{color:#e6cc80}.wiki-link-pending{color:var(--text-secondary);opacity:.7}.wiki-link-not-found{color:var(--text-secondary)}.wiki-link-error{color:#ed4245}.wiki-card-inline{background:var(--bg-tertiary);vertical-align:middle;border-radius:8px;align-items:center;gap:6px;margin:2px 0;padding:4px 10px;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.wiki-card-inline:hover{background:var(--bg-secondary);transform:translateY(-1px)}.wiki-card-icon{object-fit:contain;border-radius:3px;width:20px;height:20px}.wiki-card-name{white-space:nowrap;font-size:13px;font-weight:500}.wiki-card-game{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:600}.wiki-card-wrapper{display:inline-block;position:relative}.wiki-card-tooltip{background:var(--bg-primary);z-index:1000;pointer-events:none;border:1px solid;border-radius:12px;width:280px;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000080}.wiki-card-wrapper.tooltip-above .wiki-card-tooltip{top:auto;bottom:calc(100% + 8px)}.wiki-card-wrapper:hover .wiki-card-tooltip{display:block}.wiki-card-tooltip:before{content:"";border:10px solid #0000;border-bottom-color:#fff3;position:absolute;bottom:100%;left:20px}.wiki-card-tooltip:after{content:"";border:8px solid #0000;border-bottom-color:#141419fa;position:absolute;bottom:100%;left:22px}.wiki-card-wrapper.tooltip-above .wiki-card-tooltip:before{border-top-color:#fff3;border-bottom-color:#0000;top:100%;bottom:auto}.wiki-card-wrapper.tooltip-above .wiki-card-tooltip:after{border-top-color:#141419fa;border-bottom-color:#0000;top:100%;bottom:auto}.wiki-tooltip-header{gap:10px;margin-bottom:8px;display:flex}.wiki-tooltip-icon{object-fit:contain;background:var(--bg-tertiary);border-radius:4px;width:44px;height:44px}.wiki-tooltip-title{flex:1;min-width:0}.wiki-tooltip-name{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.wiki-tooltip-meta{gap:8px;font-size:11px;display:flex}.wiki-tooltip-type{color:var(--text-secondary);text-transform:capitalize}.wiki-tooltip-rarity{font-weight:500}.wiki-tooltip-desc{color:var(--text-secondary);word-wrap:break-word;margin:0 0 10px;font-size:12px;line-height:1.4}.wiki-tooltip-stats{background:var(--bg-tertiary);border-radius:4px;grid-template-columns:1fr 1fr;gap:4px 12px;margin:8px 0;padding:8px;font-size:11px;display:grid}.wiki-stat{justify-content:space-between;gap:8px;display:flex}.wiki-stat-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wiki-stat-value{color:var(--text-primary);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.wiki-tooltip-footer{border-top:1px solid var(--bg-tertiary);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.wiki-tooltip-game{color:#fff;text-transform:uppercase;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600}.wiki-tooltip-hint{color:var(--text-muted);font-size:10px}.wiki-tooltip-content{min-height:40px}.wiki-tooltip-error{color:#ed4245;text-align:center;padding:8px 0;font-size:12px}.wiki-no-desc{color:var(--text-muted);font-style:italic}.wiki-card-expanded{background:var(--bg-tertiary);cursor:pointer;border:1px solid;border-radius:12px;max-width:90%;margin:8px 0;padding:12px;transition:background .15s,transform .1s,border-color .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 16px #0000004d}.wiki-card-expanded:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 6px 24px #0006}.wiki-expanded-header{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.wiki-expanded-icon{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.wiki-expanded-title{flex:1;min-width:0}.wiki-expanded-name{margin-bottom:4px;font-size:16px;font-weight:600;display:block}.wiki-expanded-meta{flex-wrap:wrap;gap:8px;display:flex}.wiki-expanded-type,.wiki-expanded-rarity{text-transform:uppercase;letter-spacing:.3px;font-size:11px}.wiki-expanded-type{color:var(--text-muted)}.wiki-card-expanded .wiki-tooltip-stats{margin:8px 0}.wiki-expanded-desc{color:var(--text-secondary);margin:8px 0;font-size:13px;line-height:1.5}.wiki-expanded-footer{border-top:1px solid var(--bg-secondary);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.wiki-expanded-game{text-transform:uppercase;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600}.wiki-expanded-hint{color:var(--text-muted);font-size:10px}.wow-tooltip-card{background:linear-gradient(#15121e 0%,#0a0812 100%);border:1px solid #352a52;border-radius:3px;box-shadow:0 2px 8px #00000080}.wow-tooltip-card.wiki-card-expanded{padding:0}.wow-tooltip-wrapper{gap:10px;padding:10px;display:flex}.wow-tooltip-icon{object-fit:cover;border-radius:3px;flex-shrink:0;width:46px;height:46px}.wow-tooltip-content{flex:1;min-width:0;font-family:Friz Quadrata,Arial Narrow,Arial,sans-serif;font-size:13px;line-height:1.4}.wow-tooltip-name{margin-bottom:2px;font-size:14px;font-weight:700}.wow-tooltip-ilvl{color:#ffd100;font-size:12px}.wow-tooltip-binding,.wow-tooltip-unique{color:#fff;font-size:12px}.wow-tooltip-slot-line{color:#fff;justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.wow-tooltip-damage-line{color:#fff;justify-content:space-between;font-size:12px;display:flex}.wow-tooltip-dps,.wow-tooltip-armor{color:#fff;font-size:12px}.wow-tooltip-stat{color:#1eff00;font-size:12px}.wow-tooltip-equip,.wow-tooltip-use{color:#1eff00;margin-top:2px;font-size:12px}.wow-tooltip-reqlvl,.wow-tooltip-reqprof{color:#fff;margin-top:2px;font-size:12px}.wow-tooltip-set{color:#1eff00;margin-top:2px;font-size:12px}.wow-tooltip-set-name{color:#ffd100}.wow-tooltip-flavor{color:#ffd100;margin-top:4px;font-size:12px;font-style:italic}.wow-tooltip-sell{color:#fff;margin-top:4px;font-size:11px}.wow-tooltip-card .wiki-expanded-footer,.wow-tooltip-card .wiki-tooltip-footer{background:#0006;border-top:1px solid #352a52;border-radius:0 0 2px 2px;margin:0;padding:6px 10px}.channel-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 40px;animation:.4s ease-out fadeIn;display:flex}.channel-welcome-icon{background:linear-gradient(135deg, var(--accent-color) 0%, #7c3aed 100%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:24px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 8px 32px #8b5cf64d}.channel-welcome-icon svg{color:#fff}.channel-welcome-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:700}.channel-welcome-description{color:var(--text-secondary);max-width:400px;margin:0 0 32px;font-size:16px;line-height:1.5}.channel-welcome-description strong{color:var(--accent-color)}.channel-welcome-features{grid-template-columns:repeat(2,1fr);gap:16px;max-width:480px;margin-bottom:32px;display:grid}.feature-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.feature-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:20px}.feature-item span:last-child{color:var(--text-secondary);text-align:left;font-size:13px}.channel-welcome-cta{color:var(--text-primary);background:linear-gradient(135deg,#8b5cf61a 0%,#7c3aed1a 100%);border:1px solid #8b5cf64d;border-radius:24px;margin:0;padding:12px 24px;font-size:18px;font-weight:600}@media (width<=600px){.channel-welcome{padding:40px 20px}.channel-welcome-features{grid-template-columns:1fr}.channel-welcome-title{font-size:22px}}.page-mode{flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.page-mode>*{flex-shrink:0;margin-top:auto;margin-bottom:auto}#welcome-splash{background:linear-gradient(180deg, var(--bg-primary) 0%, #8b5cf608 100%);flex-direction:column;flex:1;align-items:center;padding:40px;display:flex;overflow-y:auto}.welcome-splash-content{text-align:center;flex-shrink:0;max-width:600px;margin-top:auto;margin-bottom:auto;animation:.5s ease-out welcomeFadeIn}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-splash-icon{color:var(--gamevox-orange-start);margin-bottom:24px}.welcome-splash-icon svg{filter:drop-shadow(0 4px 20px #f973164d)}.welcome-splash-title{color:var(--text-primary);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:32px;font-weight:700}.welcome-splash-subtitle{color:var(--text-secondary);margin:0 0 40px;font-size:16px;line-height:1.5}.welcome-splash-actions{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.welcome-action-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:20px;padding:20px 24px;transition:all .2s;display:flex}.welcome-action-card:hover{background:var(--bg-tertiary);border-color:var(--gamevox-orange-start);transform:translate(4px);box-shadow:0 4px 20px #f9731626}.welcome-action-card:active{transform:translate(2px)}.action-card-icon{width:56px;height:56px;color:var(--gamevox-orange-start);background:linear-gradient(135deg,#f9731626,#ea580c1a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-card-icon svg{filter:drop-shadow(0 4px 20px #f973164d)}.action-card-text h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.action-card-text p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.welcome-splash-features{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:24px;padding-top:32px;display:flex}.welcome-splash-features .feature-item{color:var(--text-tertiary);align-items:center;gap:8px;font-size:13px;display:flex}.welcome-splash-features .feature-item svg{color:var(--text-tertiary);opacity:.7}@media (width<=500px){#welcome-splash{padding:24px}.welcome-splash-title{font-size:24px}.welcome-action-card{padding:16px}.action-card-icon{width:48px;height:48px}.welcome-splash-features{flex-direction:column;align-items:center;gap:12px}}img.twemoji{vertical-align:-.2em;width:1.2em;height:1.2em;margin:0 .05em 0 .1em;display:inline-block}.emoji-only img.twemoji,.emoji-only img.custom-emoji{width:2.4em;height:2.4em}.server-rules-overlay,.channel-rules-overlay{background:var(--bg-primary);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.rules-modal-content{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:600px;max-height:80vh;padding:32px;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.rules-header{text-align:center;margin-bottom:24px}.rules-header h2{color:var(--text-primary);margin:0 0 8px;font-size:24px}.rules-header p{color:var(--text-secondary);margin:0;font-size:14px}.rules-list{margin-bottom:24px}.rule-item{background:var(--bg-tertiary);border-radius:8px;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.rule-item:last-child{margin-bottom:0}.rule-number{color:var(--accent-color);flex-shrink:0;min-width:24px;font-weight:600}.rule-text{color:var(--text-primary);line-height:1.5}.rules-actions{text-align:center}.rules-actions .btn-primary{padding:12px 32px;font-size:16px}.rules-editor-header{margin-bottom:16px}.rules-editor-header h4{color:var(--text-primary);margin:0 0 4px}.rules-hint{color:var(--text-secondary);margin:0;font-size:12px}.rules-list-editor{margin-bottom:16px}.rule-item-editor{background:var(--bg-tertiary);cursor:grab;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;transition:background .15s,transform .15s,opacity .15s;display:flex}.rule-item-editor:last-child{margin-bottom:0}.rule-item-editor .rule-drag-handle{color:var(--text-muted);cursor:grab;opacity:.5;flex-shrink:0;transition:opacity .15s}.rule-item-editor:hover .rule-drag-handle{opacity:1}.rule-item-editor.dragging{opacity:.5;cursor:grabbing}.rule-item-editor.drag-over{background:var(--bg-secondary);border:2px dashed var(--accent-primary);padding:8px 10px}.rule-item-editor .rule-text{flex:1;font-size:14px}.rule-item-editor .rule-text-input,.rule-item-editor input.rule-text-input,input.rule-text-input{color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;outline:none;flex:1;width:auto;margin:0;padding:4px 0;font-size:14px;transition:border-color .15s,background .15s,padding .15s}.rule-item-editor .rule-text-input:hover,.rule-item-editor input.rule-text-input:hover{border-bottom-color:var(--border-subtle)}.rule-item-editor .rule-text-input:focus,.rule-item-editor input.rule-text-input:focus{border:none;border-bottom:1px solid var(--accent-primary);background:var(--bg-secondary);border-radius:4px;margin:0 -8px;padding:4px 8px}.rule-item-editor .rule-actions{flex-shrink:0;gap:4px;display:flex}.add-rule-section{align-items:stretch;gap:8px;display:flex}.add-rule-section .form-input{flex:1;height:38px}.add-rule-section .btn{white-space:nowrap;justify-content:center;align-items:center;height:38px;padding:0 16px;display:flex}.no-rules{color:var(--text-secondary);text-align:center;padding:16px;font-style:italic}.voice-channel-view{background:var(--bg-primary);flex-direction:column;display:none;overflow:hidden}.voice-channel-view.compact{border-bottom:2px solid #43b5814d;flex-shrink:0;max-height:220px;overflow:hidden}.voice-channel-view.compact .voice-view-header{padding:4px 12px}.voice-channel-view.compact .voice-view-title{cursor:pointer;gap:6px;font-size:13px}.voice-channel-view.compact .voice-view-title:hover{color:var(--text-highlight,#fff)}.voice-channel-view.compact .voice-view-title:hover .voice-server-name{color:var(--text-primary)}.voice-channel-view.compact .voice-view-title .voice-server-name{font-size:11px}.voice-channel-view.compact .voice-view-icon{width:16px;height:16px}.voice-channel-view.compact .voice-view-controls{gap:4px}.voice-channel-view.compact .voice-view-controls .voice-control-btn{width:28px;height:28px}.voice-channel-view.compact .voice-view-controls .voice-control-btn svg{width:16px;height:16px}.voice-channel-view.compact .voice-view-controls .voice-control-btn svg.collapse-icon{width:20px;height:20px}.voice-channel-view.compact .voice-view-controls .voice-btn-stop-badge{width:12px;height:12px;font-size:9px;line-height:12px}.voice-channel-view.compact .voice-view-participants{flex:1;gap:4px;min-height:0;padding:4px 8px}.voice-channel-view.compact .voice-video-zone{grid-template-columns:unset;flex-flow:row;gap:4px;display:flex;overflow:auto hidden}.voice-channel-view.compact .voice-video-zone.screen-active{flex-direction:row;gap:4px}.voice-channel-view.compact .voice-participant-card{border-width:1px;border-radius:6px;flex:none;width:140px;min-width:120px;max-width:160px}.voice-channel-view.compact .voice-video-zone.screen-active>.voice-participant-card.has-screen,.voice-channel-view.compact .voice-participant-card.has-screen{grid-column:unset;flex:none;width:140px;min-width:120px;max-width:160px}.voice-channel-view.compact .participant-video-container{aspect-ratio:16/9;max-height:100px}.voice-channel-view.compact .voice-video-zone.screen-active>.voice-participant-card.has-screen .participant-video-container{height:auto;min-height:0}.voice-channel-view.compact .participant-info{padding:2px 6px}.voice-channel-view.compact .participant-name{font-size:11px}.voice-channel-view.compact .participant-status-icons .status-icon{width:12px;height:12px}.voice-channel-view.compact .video-popout-btn,.voice-channel-view.compact .video-pip-btn,.voice-channel-view.compact .video-fullscreen-btn{display:none}.voice-channel-view.compact .voice-bar{gap:4px;padding:2px 0}.voice-channel-view.compact .voice-bar-card{border-radius:4px;padding:2px 8px}.voice-channel-view.compact .voice-bar-avatar{width:20px;height:20px}.voice-channel-view.compact .voice-bar-name{max-width:80px;font-size:11px}.voice-channel-view.compact .voice-video-sidebar{display:contents}.voice-channel-view.compact .video-stats-overlay,.voice-channel-view.compact .gamelink-connected-badge{display:none}.voice-view-header{background:linear-gradient(90deg,#43b58133,#43b58114);border-bottom:1px solid #43b5814d;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.voice-view-title{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.voice-view-title .voice-server-name{color:var(--text-secondary);font-size:14px;font-weight:400}.voice-view-title .voice-separator{color:var(--text-tertiary)}.voice-view-icon{color:#43b581;width:24px;height:24px}.voice-view-controls{align-items:center;gap:8px;display:flex}.voice-control-btn{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.voice-control-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.voice-control-btn.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}.voice-control-btn svg{width:20px;height:20px}.voice-control-btn svg.collapse-icon{width:28px;height:28px}.voice-control-btn.disconnect-btn{color:#f04747;background:#f0474726;border:1px solid #f047474d}.voice-control-btn.disconnect-btn:hover{color:#fff;background:#f04747;border-color:#f04747}.floating-tooltip{background:var(--bg-primary);color:var(--text-primary);white-space:normal;overflow-wrap:break-word;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-medium);pointer-events:none;z-index:10000;opacity:0;max-width:260px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.4;animation:.15s forwards floating-tooltip-fade;position:fixed;top:0;left:0;box-shadow:0 4px 12px #0006}@keyframes floating-tooltip-fade{to{opacity:1}}.voice-btn-stop-badge{color:#fff;cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-tertiary);background:#f04747;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:none;position:absolute;top:-2px;right:-2px}.voice-btn-stop-badge:hover{background:#d93636;transform:scale(1.1)}.voice-control-btn.active .voice-btn-stop-badge{display:flex}.voice-control-btn.no-permission{opacity:.4;cursor:not-allowed;position:relative}.voice-control-btn.no-permission:after{content:"";background:var(--text-secondary);width:60%;height:2px;position:absolute;top:50%;left:20%;transform:rotate(-45deg)}.voice-view-participants{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;transition:all .3s;display:flex;overflow-y:auto}.voice-view-participants.collapsed{display:none}.voice-view-participants:has(.screen-active){overflow:hidden}.voice-video-zone{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:12px;min-height:0;display:grid}.voice-video-zone:empty{display:none}.voice-video-zone.cameras-only{grid-template-columns:repeat(auto-fill, minmax(var(--voice-card-min,240px), 1fr))}@media (width>=1200px){.voice-video-zone.cameras-only{grid-template-columns:repeat(auto-fill, minmax(var(--voice-card-min,300px), 1fr))}}.voice-participant-card.has-screen{grid-column:1/-1}.voice-video-zone.screen-active{flex-direction:row;gap:8px;display:flex;overflow:hidden}.voice-video-zone.screen-active>.voice-participant-card.has-screen{grid-column:unset;flex:1 1 0;min-width:0;min-height:0}.voice-video-zone.screen-active>.voice-participant-card.has-screen .participant-video-container{aspect-ratio:16/9;height:100%;min-height:200px}.voice-screens-grid{flex:1 1 0;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-rows:1fr;gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.voice-screens-grid>.voice-participant-card.has-screen{grid-column:auto;min-width:0;min-height:0}.voice-screens-grid>.voice-participant-card.has-screen .participant-video-container{aspect-ratio:unset;height:100%}.voice-video-sidebar{flex-direction:column;flex:0 0 220px;gap:8px;min-height:0;display:flex;overflow-y:auto}.voice-video-sidebar:empty{display:none}@media (width>=1200px){.voice-video-zone{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (width<=600px){.voice-video-zone{grid-template-columns:1fr}.voice-video-zone.screen-active{flex-direction:column}.voice-video-sidebar{flex-direction:row;flex:none;overflow:auto hidden}}.voice-zone-resize-handle{cursor:row-resize;-webkit-user-select:none;user-select:none;z-index:1;background-color:#0000;flex-shrink:0;height:6px;position:relative}.voice-zone-resize-handle:after{content:"";background-color:var(--border-subtle);border-radius:1px;width:32px;height:2px;transition:background-color .15s,width .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voice-zone-resize-handle:hover:after{background-color:var(--text-tertiary);width:48px}.voice-zone-resize-handle.dragging:after{background-color:var(--accent-primary);width:48px}.voice-video-zone:empty+.voice-zone-resize-handle,.voice-video-zone.screen-active+.voice-zone-resize-handle,.voice-channel-view.compact .voice-zone-resize-handle{display:none}.voice-view-participants.resizing{-webkit-user-select:none;user-select:none}.voice-view-participants.resizing *{pointer-events:none}.voice-bar{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:8px 0;display:flex}.voice-bar:empty{display:none}.voice-bar-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.voice-bar-card.speaking{border-color:#43b581;box-shadow:0 0 10px #43b58140}.voice-bar-card.muted.speaking{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b40}.voice-bar-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.voice-bar-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.voice-bar-icons{align-items:center;gap:4px;display:flex}.voice-bar-icons .status-icon,.voice-bar-icons .status-icon svg{width:14px;height:14px}@media (width<=600px){.voice-bar{flex-direction:column}.voice-bar-card{width:100%}}.voice-participant-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;flex-direction:column;min-height:120px;transition:all .2s;display:flex;position:relative;overflow:hidden}.voice-participant-card.speaking{border-color:#43b581;box-shadow:0 0 16px #43b5814d}.voice-participant-card.muted.speaking{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b4d}.participant-video-container{aspect-ratio:16/9;background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.participant-video,.participant-screen{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.participant-screen,.screen-preview-img{object-fit:contain;background:#000}.screen-preview-img:not([src^=data\:]){visibility:hidden}.screen-preview-bar{z-index:5;background:#0000004d;width:100%;height:1px;position:absolute;bottom:0;left:0;overflow:hidden}.screen-preview-bar-fill{background:var(--accent-color,#e8772e);transform-origin:0;width:100%;height:100%;animation:2s linear infinite screenPreviewProgress}@keyframes screenPreviewProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.status-icon.screen-audio-self{color:#ffffff4d;transition:color .2s}.status-icon.screen-audio-self.active{color:#43b581}.go-native-video-frame{object-fit:contain;z-index:1;background:#000;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.video-mirrored{transform:scaleX(-1)}.video-stats-overlay{color:#fff;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:4px;max-width:calc(100% - 16px);padding:6px 10px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.4;position:absolute;bottom:8px;left:8px}.video-stats-overlay .stat-row{gap:8px;display:flex}.video-stats-overlay .stat-label{color:#aaa}.video-stats-overlay .stat-value{color:#4ade80;font-weight:500}.stats-level{vertical-align:middle;background:#ffffff26;border-radius:3px;width:50px;height:6px;margin-left:4px;display:inline-block;overflow:hidden}.stats-level-bar{background:#4ade80;border-radius:3px;height:100%;transition:width .1s ease-out;display:block}.fullscreen-overlay-stats .stats-level{width:60px}.video-stats-overlay .stat-value.warning{color:#fbbf24}.video-stats-overlay .stat-value.error{color:#f87171}.video-stats-overlay .stats-preset{color:#94a3b8;border-bottom:1px solid #ffffff14;margin-bottom:3px;padding-bottom:2px;font-style:italic}.video-popout-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:78px}.participant-video-container:hover .video-popout-btn{opacity:1}.video-popout-btn:hover{background:#5865f2cc}.video-fullscreen-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:88px}.video-fullscreen-btn svg{width:100%;height:100%}.participant-video-container:hover .video-fullscreen-btn{opacity:1}.video-fullscreen-btn:hover{background:#5865f2cc}.video-pip-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:42px}.video-pip-btn svg{width:100%;height:100%}.participant-video-container:hover .video-pip-btn{opacity:1}.video-pip-btn:hover{background:#5865f2cc}.video-pip-btn.active{opacity:1;background:#5865f2e6}.pip-mini-player{z-index:10500;background:#1a1a1d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;min-width:200px;min-height:150px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080}.pip-mini-player-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#0006;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.pip-mini-player-header:active{cursor:grabbing}.pip-mini-player-title{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.pip-mini-player-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.pip-mini-player-close,.pip-mini-player-volume-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex}.pip-mini-player-close:hover{color:#fff;background:#ef443bcc}.pip-mini-player-volume-btn:hover{color:#fff;background:#ffffff26}.pip-mini-player-volume-btn.active{color:#5865f2}.pip-mini-player-volume-bar{opacity:0;background:#0009;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;transition:opacity .15s;display:flex}.pip-mini-player:hover .pip-mini-player-volume-bar{opacity:1}.pip-mini-player-volume-bar svg{color:#fff9;flex-shrink:0;width:14px;height:14px}.pip-mini-player-volume-slider{flex:1;height:3px}.pip-mini-player-volume-value{color:#ffffff80;text-align:right;min-width:28px;font-size:10px}.pip-mini-player-pin-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.pip-mini-player-pin-btn:hover{color:#fff;background:#ffffff26}.pip-mini-player-pin-btn.active{color:var(--accent-primary,#e8582b)}.pip-mini-player video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0;display:block}.pip-mini-player video::-webkit-media-controls{display:none!important}.pip-mini-player video::-webkit-media-controls-enclosure{display:none!important}.pip-mini-player video::-webkit-media-controls-panel{display:none!important}.pip-resize{z-index:10;width:16px;height:16px;position:absolute}.pip-resize-tl{cursor:nwse-resize;top:0;left:0}.pip-resize-tr{cursor:nesw-resize;top:0;right:0}.pip-resize-bl{cursor:nesw-resize;bottom:0;left:0}.pip-resize-br{cursor:nwse-resize;bottom:0;right:0}.pip-resize-t{cursor:ns-resize;width:auto;height:6px;top:0;left:16px;right:16px}.pip-resize-b{cursor:ns-resize;width:auto;height:6px;bottom:0;left:16px;right:16px}.pip-resize-l{cursor:ew-resize;width:6px;height:auto;top:16px;bottom:16px;left:0}.pip-resize-r{cursor:ew-resize;width:6px;height:auto;top:16px;bottom:16px;right:0}.pip-resize:after{content:"";opacity:0;border-radius:1px;width:8px;height:8px;transition:opacity .15s;position:absolute}.pip-mini-player:hover .pip-resize:after{opacity:1}.pip-resize-br:after{border-bottom:2px solid #ffffff4d;border-right:2px solid #ffffff4d;bottom:3px;right:3px}.pip-resize-bl:after{border-bottom:2px solid #ffffff4d;border-left:2px solid #ffffff4d;bottom:3px;left:3px}.pip-resize-tr:after{border-top:2px solid #ffffff4d;border-right:2px solid #ffffff4d;top:3px;right:3px}.pip-resize-tl:after{border-top:2px solid #ffffff4d;border-left:2px solid #ffffff4d;top:3px;left:3px}.pip-resize:hover:after{opacity:1;border-color:#ffffff80}.pip-mini-player-resize-handle{cursor:nwse-resize;z-index:2;background:linear-gradient(135deg,#0000 50%,#ffffff26 50%);width:16px;height:16px;position:absolute;bottom:0;right:0}.pip-mini-player-resize-handle:hover{background:linear-gradient(135deg,#0000 50%,#ffffff59 50%)}.pip-mini-player-disconnect{color:#fff;z-index:3;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset:0}.pip-mini-player-disconnect svg{color:#ef4d3b;width:32px;height:32px}.pip-mini-player-disconnect .disconnect-countdown{color:#ffffff80;font-size:11px}:is(.participant-video:fullscreen,.participant-screen:fullscreen){object-fit:contain;pointer-events:auto;background:#000;width:100vw;max-width:none;height:100vh;max-height:none}.participant-video:fullscreen::-webkit-media-controls{display:none!important}.participant-screen:fullscreen::-webkit-media-controls{display:none!important}.participant-video:fullscreen::-webkit-media-controls-enclosure{display:none!important}.participant-screen:fullscreen::-webkit-media-controls-enclosure{display:none!important}.participant-video:fullscreen::-webkit-media-controls-panel{display:none!important}.participant-screen:fullscreen::-webkit-media-controls-panel{display:none!important}.participant-video:fullscreen::-moz-media-controls{display:none!important}.participant-screen:fullscreen::-moz-media-controls{display:none!important}#video-fullscreen-overlay{z-index:11000;background:#000;justify-content:center;align-items:center;animation:.15s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}#video-fullscreen-overlay video{object-fit:contain;background:#000;width:100%;height:100%}#video-fullscreen-overlay video::-webkit-media-controls{display:none!important}#video-fullscreen-overlay video::-webkit-media-controls-enclosure{display:none!important}#video-fullscreen-overlay video::-webkit-media-controls-panel{display:none!important}.fullscreen-overlay-header{color:#fff;opacity:0;z-index:11001;pointer-events:none;background:linear-gradient(#000000d9,#00000080 60%,#0000);justify-content:space-between;align-items:center;padding:16px 20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}#video-fullscreen-overlay:hover .fullscreen-overlay-header{opacity:1;pointer-events:auto}.fullscreen-overlay-info{flex-direction:column;gap:2px;display:flex}.fullscreen-overlay-name{color:#fff;font-size:15px;font-weight:600}.fullscreen-overlay-type{color:#fff9;font-size:12px}.fullscreen-overlay-actions{align-items:center;gap:8px;display:flex}.fullscreen-overlay-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:background .2s;display:flex}.fullscreen-overlay-close-btn:hover{background:linear-gradient(135deg,#eb7538,#ef4d3b)}.fullscreen-overlay-close-btn svg{width:100%;height:100%}.fullscreen-overlay-stats{color:#ffffff80;margin-top:2px;font-family:monospace;font-size:11px}.fullscreen-overlay-volume{color:#fffc;align-items:center;gap:8px;margin-right:8px;display:flex}.fullscreen-overlay-volume svg{opacity:.7;flex-shrink:0}.fullscreen-overlay-volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:120px;height:4px}.fullscreen-overlay-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.fullscreen-overlay-volume-value{color:#fff9;text-align:right;min-width:36px;font-size:12px}.participant-video.popped-out,.participant-screen.popped-out{display:none}.popped-out-placeholder{background:var(--bg-tertiary);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.popped-out-placeholder svg{opacity:.6}.video-hide-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;left:8px}.video-hide-btn svg{width:100%;height:100%}.participant-video-container:hover .video-hide-btn{opacity:1}.video-hide-btn:hover{background:#5865f2cc}.video-hide-btn.hidden-active{opacity:1;background:#ef4444b3}.video-hide-btn.hidden-active:hover{background:#ef4444e6}.video-mirror-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;bottom:8px;left:8px}.video-mirror-btn svg{width:100%;height:100%}.participant-video-container:hover .video-mirror-btn{opacity:1}.video-mirror-btn:hover{background:#5865f2cc}.video-mirror-btn.mirror-active{background:#5865f2b3}.video-minimize-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;bottom:8px;right:8px}.video-minimize-btn svg{width:100%;height:100%}.participant-video-container:hover .video-minimize-btn{opacity:1}.video-minimize-btn:hover{background:#5865f2cc}.participant-view-prompt{z-index:6;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;padding:8px;display:flex;position:absolute;inset:0}.participant-view-prompt.participant-view-prompt-full .video-view-btn{flex-direction:row;flex:1 1 0;justify-content:center;width:100%;min-height:44px;padding:10px 12px;font-size:13px}.participant-view-prompt.participant-view-prompt-compact{background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;height:auto;padding:30px 8px 10px;inset:auto 0 0}.participant-view-prompt.participant-view-prompt-compact .video-view-btn{flex:0 auto;min-height:32px;padding:7px 14px;font-size:12px}.video-view-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e8582beb;border:1px solid #e8582b99;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .15s,transform 80ms,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0006}.video-view-btn:hover{background:#e8582b;box-shadow:0 4px 14px #e8582b66}.video-view-btn:active{transform:scale(.97)}.video-view-btn svg{flex-shrink:0}@media (width<=480px){.participant-view-prompt-compact .video-view-btn span{display:none}}.video-close-btn{color:#ffffffe6;cursor:pointer;opacity:0;z-index:6;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:6px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:8px}.video-stop-btn{color:#fff;cursor:pointer;opacity:0;z-index:6;background:#dc3545d9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:5px;transition:opacity .2s,background .2s,transform .1s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0006}.video-stop-btn svg{pointer-events:none;width:100%;height:100%}.participant-video-container:hover .video-stop-btn{opacity:1}.video-stop-btn:hover{background:#dc3545;transform:scale(1.08)}.video-stop-btn:active{transform:scale(.96)}.video-close-btn svg{pointer-events:none;width:100%;height:100%}.participant-video-container:hover .video-close-btn{opacity:1}.video-close-btn:hover{color:#fff;background:#dc3545d9}.video-restore-btn{color:var(--text-primary);cursor:pointer;background:#5865f24d;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:background .2s;display:flex}.video-restore-btn svg{width:14px;height:14px}.video-restore-btn:hover{background:#5865f299}.minimized-stream-restore{background:var(--bg-tertiary);border-top:1px solid var(--border-color);gap:6px;padding:4px 8px;display:flex}.minimized-stream-restore .video-restore-btn{gap:4px;padding:2px 8px;font-size:11px}.voice-bar-card.has-minimized-video{cursor:pointer;border-color:#5865f24d}.voice-bar-card.has-minimized-video:hover{background:var(--bg-tertiary);border-color:#5865f299}.voice-bar-card.has-pip-video{cursor:pointer;border-color:#e8582b4d}.voice-bar-card.has-pip-video:hover{background:var(--bg-tertiary);border-color:#e8582b99}.pip-restore-btn{color:var(--text-primary);cursor:pointer;background:#e8582b4d;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:background .2s;display:flex}.pip-restore-btn svg{width:14px;height:14px}.pip-restore-btn:hover{background:#e8582b99}.status-icon.pip{color:#e8582be6}.participant-video.video-hidden,.participant-screen.video-hidden{opacity:0;pointer-events:none}.video-hidden-overlay{z-index:4;cursor:pointer;background:#000000bf;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-hidden-overlay:hover{background:#0009}.video-hidden-overlay svg{color:#fff9;width:48px;height:48px;transition:color .2s}.video-hidden-overlay:hover svg{color:#ffffffe6}.video-loading-overlay{background:var(--bg-tertiary);z-index:3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-loading-overlay.hidden{opacity:0;pointer-events:none}.video-migration-overlay{z-index:4;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-migration-overlay.hidden{opacity:0;pointer-events:none}.video-migration-overlay .migration-label{color:#ffffffbf;letter-spacing:.3px;font-size:12px;font-weight:500}.participant-avatar-large{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-subtle);width:80px;height:80px;padding:3px;transition:background-color .2s}.voice-participant-card.speaking .participant-avatar-large{background:#43b581}.voice-participant-card.muted.speaking .participant-avatar-large{background:#f59e0b}.participant-avatar-large img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%}.participant-info{background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.participant-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.participant-status-icons{flex-shrink:0;align-items:center;gap:6px;display:flex}.status-icon{opacity:.9;justify-content:center;align-items:center;display:inline-flex}.status-icon svg{width:16px;height:16px}.status-icon.muted,.status-icon.deafened{color:#f04747}.status-icon.video,.status-icon.screen{color:#43b581}.status-icon.voice-changer{color:#b39ddb}.status-icon.voice-volume-badge{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);opacity:1;border-radius:8px;gap:3px;padding:0 4px;font-size:11px;font-weight:600;line-height:1}.voice-participant-card .status-icon.voice-volume-badge{opacity:0;transition:opacity .15s}.voice-participant-card:hover .status-icon.voice-volume-badge,.voice-participant-card:focus-within .status-icon.voice-volume-badge{opacity:1}.status-icon.voice-volume-badge svg{width:12px;height:12px}.voice-bar-icons .status-icon.voice-volume-badge svg{width:11px;height:11px}.voice-volume-badge-value{font-variant-numeric:tabular-nums}.screen-share-volume{background:var(--bg-elevated);border-top:1px solid var(--border-subtle);opacity:0;pointer-events:none;align-items:center;gap:8px;padding:6px 14px;transition:opacity .15s;display:flex}.voice-participant-card:hover .screen-share-volume,.voice-participant-card:focus-within .screen-share-volume{opacity:1;pointer-events:auto}.screen-share-volume svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.screen-share-volume-slider{flex:1;height:4px}.screen-share-volume-value{color:var(--text-secondary);text-align:right;min-width:32px;font-size:11px}.voice-view-local-preview{z-index:50;gap:10px;display:none;position:fixed;bottom:20px;right:220px}.voice-view-local-preview video:first-of-type{position:relative}.voice-view-local-preview video{object-fit:cover;border:2px solid var(--border-medium);background:#000;border-radius:8px;width:200px;height:112px;box-shadow:0 4px 16px #0006}#local-screen-preview{object-fit:contain;width:280px;height:157px}.voice-view-local-preview.hidden{display:none!important}.local-preview-close-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.voice-view-local-preview:hover .local-preview-close-btn{opacity:1}.local-preview-close-btn:hover{background:#f04747e6}.voice-view-participants:empty:after{content:"Waiting for participants...";color:var(--text-secondary);text-align:center;grid-column:1/-1;padding:40px;font-style:italic}#dm-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.dm-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dm-message-request-banner{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.dm-mr-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.dm-mr-info svg{color:var(--gamevox-orange-start);flex-shrink:0}.dm-mr-actions{flex-shrink:0;gap:8px;display:flex}.dm-mr-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:5px 14px;font-size:13px;font-weight:500;transition:filter .15s}.dm-mr-btn:hover{filter:brightness(1.2)}.dm-mr-accept{background:var(--gamevox-orange-start);color:#fff}.dm-mr-decline{background:var(--bg-elevated);color:var(--text-secondary)}.dm-mr-block{color:#fff;background:#d14}.dm-mr-mutual-servers{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.dm-mr-mutual-servers .mutual-server-name{color:var(--text-secondary);font-weight:500}.dm-header-user{align-items:center;gap:12px;display:flex}.dm-avatar{flex-shrink:0;width:40px;height:40px;position:relative}.dm-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);width:100%;height:100%;padding:2px}.dm-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%}.dm-avatar .avatar-status{border-width:3px;border-color:var(--bg-secondary);width:12px;height:12px;position:absolute;bottom:-7px;right:-11px}.dm-header-info{align-items:center;gap:8px;display:flex}.dm-username{color:var(--text-primary);font-size:16px;font-weight:600}.dm-header-actions{gap:8px;display:flex}.dm-header-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.dm-header-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}#dm-call-btn:not(:disabled):hover{color:#43b581;background:#43b58126}#dm-call-btn:disabled{opacity:.3;cursor:not-allowed}#dm-call-btn.calling{color:#43b581;animation:1.5s ease-in-out infinite dm-call-pulse}#dm-call-btn.in-call{color:#f04747}@keyframes dm-call-pulse{0%,to{opacity:1}50%{opacity:.5}}.dm-call-status-bar{border-radius:var(--radius-sm);background:#43b5811a;border:1px solid #43b58133;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;margin-right:12px;padding:4px 12px;display:flex}.dm-call-status-bar.connecting{background:#faa61a1a;border-color:#faa61a33}.dm-call-status-dot{background:#43b581;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dm-call-status-bar.connecting .dm-call-status-dot{background:#faa61a;animation:1.5s ease-in-out infinite dm-call-pulse}.dm-call-status-text{color:#43b581;white-space:nowrap;font-size:12px;font-weight:500}.dm-call-status-bar.connecting .dm-call-status-text{color:#faa61a}.dm-call-status-separator{color:var(--text-muted);opacity:.4;font-size:12px}.dm-call-status-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:38px;font-size:12px;font-weight:500}.dm-call-connection-badge{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:1px 6px;font-size:10px}.dm-call-connection-badge:empty{display:none}.dm-avatar.speaking .dm-avatar-hex{transition:box-shadow .2s;box-shadow:0 0 0 2px #43b581,0 0 12px #43b58180}.dm-avatar.muted-speaking .dm-avatar-hex{animation:.8s ease-in-out infinite dm-avatar-muted-pulse;box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b80}@keyframes dm-avatar-muted-pulse{0%,to{box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b80}50%{box-shadow:0 0 0 2px #f59e0b,0 0 16px #f59e0bb3}}.dm-call-participant.speaking .dm-call-video-container{border:2px solid #43b581;box-shadow:0 0 16px #43b5814d}.dm-call-participant.muted-speaking .dm-call-video-container{border:2px solid #f59e0b;box-shadow:0 0 16px #f59e0b4d}.dm-call-overlay{z-index:10003;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out dm-call-overlay-fadein;display:flex;position:fixed;inset:0}@keyframes dm-call-overlay-fadein{0%{opacity:0}to{opacity:1}}.dm-call-overlay-content{flex-direction:column;align-items:center;gap:16px;animation:.4s ease-out dm-call-content-slidein;display:flex}@keyframes dm-call-content-slidein{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.dm-call-overlay-avatar{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.dm-call-avatar-hex-border{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:2;background:#43b581;justify-content:center;align-items:center;width:102px;height:102px;animation:2s ease-in-out infinite dm-call-avatar-breathe;display:flex;position:relative}.dm-call-avatar-hex-border img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:96px;height:96px}@keyframes dm-call-avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dm-call-overlay-avatar:before,.dm-call-overlay-avatar:after{content:"";clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1;width:96px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dm-call-overlay-avatar:before{background:#43b5814d;animation:2s ease-out infinite dm-call-ring-pulse}.dm-call-overlay-avatar:after{background:#43b58126;animation:2s ease-out .6s infinite dm-call-ring-pulse}.dm-call-overlay.outgoing .dm-call-overlay-avatar:before{background:#7289da4d}.dm-call-overlay.outgoing .dm-call-overlay-avatar:after{background:#7289da26}@keyframes dm-call-ring-pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.dm-call-overlay-username{color:var(--text-primary);margin-top:4px;font-size:22px;font-weight:600}.dm-call-overlay-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.dm-call-overlay-status .dm-call-dots span{color:var(--text-muted);font-size:18px;line-height:1;animation:1.4s ease-in-out infinite dm-call-dot-bounce;display:inline-block}.dm-call-overlay-status .dm-call-dots span:nth-child(2){animation-delay:.2s}.dm-call-overlay-status .dm-call-dots span:nth-child(3){animation-delay:.4s}@keyframes dm-call-dot-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.dm-call-overlay-actions{flex-direction:row;align-items:center;gap:32px;margin-top:20px;display:flex}.dm-call-action-btn-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.dm-call-action-btn-wrap .dm-call-action-label{color:var(--text-secondary);font-size:12px;font-weight:500}.dm-call-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .15s;display:flex}.dm-call-action-btn:hover{transform:scale(1.1)}.dm-call-action-btn.accept{color:#fff;background:#43b581;animation:2s ease-in-out infinite dm-call-accept-glow;box-shadow:0 0 20px #43b5814d}@keyframes dm-call-accept-glow{0%,to{box-shadow:0 0 20px #43b5814d}50%{box-shadow:0 0 30px #43b58180}}.dm-call-action-btn.accept:hover{box-shadow:0 0 35px #43b58199}.dm-call-action-btn.decline,.dm-call-action-btn.cancel{color:#fff;background:#f04747;box-shadow:0 0 10px #f0474733}.dm-call-action-btn.decline:hover,.dm-call-action-btn.cancel:hover{box-shadow:0 0 20px #f0474766}.dm-call-overlay.connecting .dm-call-overlay-avatar:before,.dm-call-overlay.connecting .dm-call-overlay-avatar:after,.dm-call-overlay.connecting .dm-call-avatar-hex-border{animation:none}.dm-call-overlay-spinner{z-index:3;width:120px;height:120px;animation:1.5s linear infinite dm-call-spinner-rotate;position:absolute;top:0;left:0}.dm-call-overlay-spinner circle{fill:none;stroke:#43b581;stroke-width:3px;stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:200px;animation:1.5s ease-in-out infinite dm-call-spinner-dash}@keyframes dm-call-spinner-rotate{to{transform:rotate(360deg)}}@keyframes dm-call-spinner-dash{0%{stroke-dashoffset:200px}50%{stroke-dashoffset:50px}to{stroke-dashoffset:200px}}.dm-call-incoming-modal-backdrop{z-index:10002;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out dm-call-overlay-fadein;display:flex;position:fixed;top:0;left:0}.dm-call-incoming-modal{background:var(--bg-card,#1a1f2e);border:1px solid var(--border-medium,#2a3040);border-radius:16px;flex-direction:column;align-items:center;width:340px;padding:28px 24px 20px;animation:.4s cubic-bezier(.16,1,.3,1) dm-call-modal-appear;display:flex;box-shadow:0 20px 60px #00000080,0 0 0 1px #43b58133}@keyframes dm-call-modal-appear{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.dm-call-incoming-modal-header{color:#43b581;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.dm-call-incoming-modal-body{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.dm-call-incoming-modal-avatar{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:4px;display:flex;position:relative}.dm-call-incoming-modal-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1;background:#43b581;justify-content:center;align-items:center;width:86px;height:86px;display:flex;position:relative}.dm-call-incoming-modal-avatar-hex img{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:80px;height:80px}.dm-call-incoming-modal-ring{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#43b58180;width:86px;height:86px;animation:2s ease-out infinite dm-call-modal-ring-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dm-call-incoming-modal-ring.delay{animation-delay:.6s}@keyframes dm-call-modal-ring-pulse{0%{opacity:.6;width:86px;height:86px}to{opacity:0;width:140px;height:140px}}.dm-call-incoming-modal-username{color:var(--text-primary,#e0e0e0);font-size:20px;font-weight:600}.dm-call-incoming-modal-status{color:var(--text-secondary,#8d99ae);font-size:14px}.dm-call-incoming-modal-status .dm-call-dots span{animation:1.4s ease-in-out infinite dm-call-dot-bounce;display:inline-block}.dm-call-incoming-modal-status .dm-call-dots span:nth-child(2){animation-delay:.2s}.dm-call-incoming-modal-status .dm-call-dots span:nth-child(3){animation-delay:.4s}.dm-call-incoming-modal-actions{gap:12px;width:100%;display:flex}.dm-call-modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:filter .15s,transform .1s;display:flex}.dm-call-modal-btn:hover{filter:brightness(1.15)}.dm-call-modal-btn:active{transform:scale(.97)}.dm-call-modal-btn.decline{color:#fff;background:#ed4245}.dm-call-modal-btn.accept{color:#fff;background:#43b581}.dm-call-view{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;max-height:60%;display:flex;overflow-y:auto}.dm-call-media{flex-direction:column;gap:8px;padding:12px;display:flex}.dm-call-participants{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dm-call-participant{flex-direction:column;align-items:center;gap:6px;display:flex}.dm-call-video-container{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:200px;height:150px;transition:width .2s,height .2s;display:flex;position:relative;overflow:hidden}.dm-call-video-container.dm-screen-active{width:min(640px,50vw - 40px);height:min(360px,40vh)}.dm-call-video-container video{object-fit:cover;width:100%;height:100%}.dm-call-video-container video.dm-call-screen{object-fit:contain;cursor:pointer;background:#000}.dm-call-video-container .dm-call-participant-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:64px;height:64px}.dm-call-participant-name{color:var(--text-secondary);font-size:12px;font-weight:500}.dm-call-controls{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.dm-call-controls .dm-call-control-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.dm-call-controls .dm-call-control-btn svg{width:18px;height:18px}.dm-call-controls .dm-call-control-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.dm-call-controls .dm-call-control-btn.active{color:#f04747;background:#f0474733}.dm-call-controls .dm-call-control-btn.end-call{color:#fff;background:#f04747}.dm-call-controls .dm-call-control-btn.end-call:hover{background:#d83c3c}.dm-call-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:50px;font-size:13px}.dm-messages{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow-y:auto}.dm-empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.dm-empty-icon{opacity:.5;margin-bottom:16px}.dm-empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.dm-empty-state p{color:var(--text-tertiary);font-size:14px}.dm-empty-state #dm-empty-username{color:var(--text-primary);font-weight:500}.dm-message{align-items:flex-start;gap:8px;padding:3px 16px;display:flex}.dm-avatar-column{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.dm-message-avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);flex-shrink:0;width:44px;height:44px;padding:2px}.dm-message-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);object-fit:cover;width:100%;height:100%;display:block}.dm-avatar-placeholder{flex-shrink:0;width:44px}.dm-message-content{flex:1;align-items:flex-start;gap:8px;display:flex}.dm-message-body{flex-direction:column;max-width:65%;display:flex}.dm-message-bubble{word-break:break-word;-webkit-user-select:text;user-select:text;cursor:text;border-radius:16px;padding:8px 12px;line-height:1.35}.dm-bubble-line{border-radius:4px;padding:1px 4px;transition:background .15s}.dm-bubble-line:hover{background:#ffffff0f}.dm-bubble-line+.dm-bubble-line{margin-top:2px}.dm-message-other,.dm-message-other .dm-message-content{justify-content:flex-start}.dm-message-other .dm-message-bubble{color:#fff;background:#3a3d44;border-top-left-radius:4px}.dm-message-other .dm-message-body{align-items:flex-start}.dm-message-self,.dm-message-self .dm-message-content{justify-content:flex-end}@keyframes dm-avatar-pulse{0%{filter:brightness();transform:scale(1)}25%{filter:brightness(1.3);transform:scale(1.15)}50%{filter:brightness(1.1);transform:scale(.95)}75%{filter:brightness(1.15);transform:scale(1.05)}to{filter:brightness();transform:scale(1)}}.dm-message-avatar-hex.animate-pulse{animation:.4s ease-out dm-avatar-pulse}.dm-message-self .dm-message-bubble{background:var(--gamevox-orange-start,#eb7538);color:#fff;border-top-right-radius:4px}.dm-message-self .dm-message-body{align-items:flex-end}.dm-message-time{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.dm-messages.dm-left-align .dm-message-self,.dm-messages.dm-left-align .dm-message-self .dm-message-content{justify-content:flex-start}.dm-messages.dm-left-align .dm-message-self .dm-avatar-column,.dm-messages.dm-left-align .dm-message-self .dm-avatar-placeholder{order:-1}.dm-messages.dm-left-align .dm-message-self .dm-message-body{align-items:flex-start}.dm-messages.dm-left-align .dm-message-self .dm-message-bubble{border-top-left-radius:4px;border-top-right-radius:16px}.dm-messages.dm-no-bubbles .dm-message-bubble{background:0 0;border-radius:0;padding:4px 0}.dm-messages.dm-no-bubbles .dm-message-other .dm-message-bubble{border-top-left-radius:0}.dm-messages.dm-no-bubbles .dm-message-self .dm-message-bubble{border-top-right-radius:0}.dm-messages.dm-no-bubbles .dm-bubble-line{padding:2px 0}.dm-messages.dm-no-bubbles .dm-bubble-line:hover{background:#ffffff08}.dm-messages.dm-no-bubbles .dm-message-self .dm-message-bubble .chat-file-attachment{background:#eb753826}.dm-messages.dm-no-bubbles.dm-left-align .dm-message-self .dm-message-bubble{border-top-left-radius:0;border-top-right-radius:0}.dm-header-btn.dm-layout-active{color:var(--accent-primary,#eb7538);background:var(--bg-elevated)}.dm-message-meta{align-items:center;gap:6px;margin-top:4px;display:none}.dm-message-avatar-placeholder{flex-shrink:0;width:36px}.dm-reply-context{color:var(--text-secondary);border-left:2px solid var(--accent-primary);background:var(--bg-tertiary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.dm-reply-context:hover{background:var(--bg-secondary)}.dm-reply-icon{color:var(--accent-primary)}.dm-reply-username{color:var(--text-primary);font-weight:600}.dm-reply-content{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.dm-pinned-indicator{opacity:.6;vertical-align:middle;margin-left:6px;font-size:11px;display:inline-block}.dm-message-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.dm-message-reactions:empty{display:none}.dm-reaction-chip{background:var(--bg-tertiary);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;transition:background .2s;display:inline-flex}.dm-reaction-chip:hover{background:var(--bg-secondary)}.dm-reaction-chip.reacted{background:rgba(var(--accent-primary-rgb,88, 101, 242), .2);border:1px solid var(--accent-primary)}.dm-reaction-chip .reaction-count{color:var(--text-secondary);font-size:11px}.dm-context-menu{background:var(--bg-elevated);border:1px solid var(--border-color);z-index:10000;border-radius:8px;min-width:150px;padding:4px;position:fixed;box-shadow:0 4px 12px #0000004d}.dm-context-item{cursor:pointer;color:var(--text-primary);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.dm-context-item:hover{background:var(--bg-tertiary)}.dm-date-header{color:var(--text-tertiary);margin:var(--space-md) 0;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.chat-system-message{padding:10px 16px 6px}.chat-system-message .chat-system-label{color:var(--text-muted,#8e9297);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.chat-system-message .poll-card{max-width:480px}.chat-action-message{padding:6px 16px;position:relative}.chat-action-message:hover{background-color:var(--hover-overlay)}.chat-action-message:hover .message-toolbar{display:flex}.chat-action-row{align-items:center;gap:0;display:flex;overflow:hidden}.chat-action-message .action-avatar-container{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);flex-shrink:0;width:32px;height:32px}.chat-action-message .action-avatar{object-fit:cover;width:100%;height:100%}.chat-action-message .action-body{border-left:3px solid var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 8%, transparent);border-radius:0 6px 6px 0;flex:1;align-items:center;gap:8px;min-width:0;min-height:28px;margin-left:8px;padding:6px 12px;display:flex}.chat-action-message .action-username{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.chat-action-message .action-text{color:var(--text-primary);min-width:0;font-size:14px;font-style:italic}.chat-action-message .action-time{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.chat-action-message.animate .action-body{animation:.5s ease-out both action-sweep}@keyframes action-sweep{0%{opacity:0;filter:blur(3px);transform:translateY(8px)scale(.96)}60%{opacity:1;filter:blur();transform:translateY(-1px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.dm-status-message{color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.dm-status-message .dm-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dm-status-message .dm-status-dot.online{background:#3ba55c}.dm-status-message .dm-status-dot.offline{background:#747f8d}.dm-status-message .dm-status-time{opacity:.7}.dm-action-message{padding:6px 0}.dm-action-message .dm-bubble-line{display:block}.dm-action-row{align-items:center;gap:0;display:flex;overflow:hidden}.dm-action-message .action-avatar-container{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);flex-shrink:0;width:32px;height:32px}.dm-action-message .action-avatar{object-fit:cover;width:100%;height:100%}.dm-action-message .action-body{border-left:3px solid var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 8%, transparent);border-radius:0 6px 6px 0;flex:1;align-items:center;gap:8px;min-width:0;min-height:28px;margin-left:8px;padding:6px 12px;display:flex}.dm-action-message .action-username{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.dm-action-message .action-text{color:var(--text-primary);min-width:0;font-size:14px;font-style:italic}.dm-action-message .action-time{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.dm-action-message.animate .action-body{animation:.5s ease-out both action-sweep}.dm-message-grouped{padding-top:1px;padding-bottom:1px}.dm-message-grouped .dm-message-meta{display:none}.dm-message-avatar-placeholder{flex-shrink:0;width:40px;height:0}.dm-message-bubble .chat-image-attachment{margin-top:8px}.dm-message-bubble .chat-image-attachment img{cursor:pointer;border-radius:8px;max-width:300px;max-height:400px}.dm-message-bubble .chat-file-attachment{margin-top:8px}.dm-message-self .dm-message-bubble .chat-file-attachment{background:#ffffff26}.dm-message-other .dm-message-bubble a{color:var(--gamevox-orange-start);cursor:pointer;text-decoration:underline}.dm-message-self .dm-message-bubble a{color:#fff;cursor:pointer;text-decoration:underline}.dm-message-self .dm-message-bubble .md-inline-code,.dm-message-self .dm-message-bubble .md-code-block{background:#0003;border-color:#ffffff26}.dm-message-self .dm-message-bubble .md-blockquote{color:#ffffffd9;background:#0000001f;border-left-color:#ffffff80}.dm-message-self .dm-message-bubble .md-table th,.dm-message-self .dm-message-bubble .md-table td{border-color:#ffffff26}.dm-message-self .dm-message-bubble .md-table th{background:#0003}.dm-context-item span{font-size:16px}.dm-context-separator{background:var(--border-color);height:1px;margin:4px 0}.dm-context-danger{color:#ed4245}.dm-context-danger:hover{background:#ed424526}.dm-edited-indicator{color:#fff6;cursor:default;margin-left:4px;font-size:10px}.dm-message-other .dm-edited-indicator{color:var(--text-tertiary,#72767d)}.dm-edit-textarea{background:var(--bg-secondary);width:100%;min-height:40px;max-height:200px;color:var(--text-primary);border:1px solid var(--accent-color,#eb7538);resize:vertical;box-sizing:border-box;border-radius:6px;padding:8px;font-family:inherit;font-size:14px;line-height:1.4}.dm-edit-buttons{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.dm-edit-hint{color:var(--text-tertiary,#72767d);margin-right:auto;font-size:11px}.dm-edit-cancel,.dm-edit-save{cursor:pointer;border:none;border-radius:4px;padding:2px 10px;font-size:12px}.dm-edit-cancel{color:var(--text-secondary);background:0 0}.dm-edit-cancel:hover{text-decoration:underline}.dm-edit-save{background:var(--accent-color,#eb7538);color:#fff}.dm-edit-save:hover{opacity:.85}.dm-reaction-picker{background:var(--bg-elevated);border:1px solid var(--border-color);z-index:10001;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}.dm-reaction-row{gap:4px;display:flex}.dm-reaction-picker .emoji-option{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:20px;transition:background .15s,transform .1s}.dm-reaction-picker .emoji-option:hover{background:var(--bg-tertiary);transform:scale(1.2)}.dm-reaction-more{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.dm-reaction-more:hover{color:var(--text-primary)}.dm-reply-indicator{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.dm-reply-indicator .reply-label{color:var(--text-secondary)}.dm-reply-indicator .reply-preview{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dm-reply-indicator .reply-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.dm-reply-indicator .reply-cancel:hover{color:var(--text-primary)}.dm-unread-badge{background:var(--accent-main);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:600;display:flex}.file-share-modal{width:90%;max-width:550px}.file-share-modal .modal-body{max-height:70vh;overflow-y:auto}.file-share-modal .form-row{gap:var(--space-md);align-items:flex-end;display:flex}.file-share-modal .form-row .flex-grow{flex:1}.file-share-modal .form-select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;padding:8px 12px;font-size:14px}.file-share-modal .form-select:focus{border-color:var(--accent-primary);outline:none}.file-share-modal .form-hint{color:var(--text-tertiary);margin-top:4px;font-size:11px;display:block}.permission-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.permission-section h4{color:var(--text-primary);margin:0 0 var(--space-md) 0;font-size:14px;font-weight:600}.permission-controls{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.permission-controls label{align-items:center;gap:var(--space-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;display:flex}.permission-controls label svg{stroke:var(--text-tertiary)}.permission-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm)}.permission-preview h5{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.permission-groups-list{gap:var(--space-xs);flex-direction:column;display:flex}.permission-group-row{padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.permission-group-info{align-items:center;gap:var(--space-sm);display:flex}.permission-group-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.permission-group-icon svg{width:20px;height:20px}.permission-group-name{color:var(--text-primary);font-size:13px;font-weight:500}.permission-group-rank{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}.permission-group-details{flex-direction:column;gap:2px;display:flex}.permission-group-details .permission-group-rank{background:0 0;padding:0}.permission-group-access{gap:var(--space-xs);display:flex}.access-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:500}.access-badge.access-none{color:#ef4444;background:#ef444426}.access-badge.access-view{color:#3b82f6;background:#3b82f626}.access-badge.access-full{color:#22c55e;background:#22c55e26}.permission-quick-actions{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.permission-quick-actions .btn-sm{padding:4px 10px;font-size:12px}.permission-edit-list{gap:var(--space-sm);flex-direction:column;display:flex}.permission-edit-row{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.permission-chips{gap:6px;display:flex}.perm-chip{cursor:pointer;-webkit-user-select:none;user-select:none}.perm-chip input[type=checkbox]{display:none}.perm-chip-inner{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:4px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.perm-chip-inner svg{stroke:currentColor;display:none}.perm-chip input:checked+.perm-chip-inner{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.perm-chip input:checked+.perm-chip-inner svg{display:block}.perm-chip:hover .perm-chip-inner{border-color:var(--text-tertiary)}.delete-confirm-modal{max-width:420px}.delete-confirm-modal .modal-header.delete-header{text-align:center;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:none;flex-direction:column}.delete-icon-wrapper{width:64px;height:64px;margin:0 auto var(--space-md);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;display:flex}.delete-icon-wrapper svg{stroke:#ef4444}.delete-header h3{margin:0;font-size:18px;font-weight:600}.delete-share-info{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.delete-share-icon{font-size:24px}.delete-share-name{color:var(--text-primary);font-size:16px;font-weight:600}.delete-warning{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#ef44441a;border:1px solid #ef444433;display:flex}.delete-warning svg{stroke:#ef4444;flex-shrink:0;margin-top:2px}.delete-warning-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.delete-warning-text strong{color:#ef4444}.delete-info-text{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px}.delete-confirm-input{margin-top:var(--space-md)}.delete-confirm-input label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;display:block}.delete-confirm-input label strong{color:var(--text-primary)}.delete-file-info{align-items:center;gap:var(--space-md);background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.delete-file-icon{flex-shrink:0;font-size:32px;line-height:1}.delete-file-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.delete-file-name{color:var(--text-primary);word-break:break-word;font-size:14px;font-weight:500;line-height:1.4}.delete-file-size{color:var(--text-muted);font-size:12px}.modal-description{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:13px}.modal-share-icon{margin-right:var(--space-xs)}.btn-danger{align-items:center;gap:var(--space-xs);color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ef4444;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger svg{stroke:#fff}.upload-progress-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-progress-modal{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 60px #00000080}.upload-progress-header{color:var(--gamevox-orange-start);align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.upload-progress-header svg{stroke:var(--gamevox-orange-start)}.upload-progress-filename{color:var(--text-primary);word-break:break-all;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:16px;padding:8px 12px;font-size:14px}.upload-progress-bar-container{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:4px;height:100%;transition:width .2s ease-out}.upload-progress-text{color:var(--text-secondary);text-align:center;margin-bottom:8px;font-size:13px}.upload-progress-status{color:var(--text-tertiary);text-align:center;margin-bottom:16px;font-size:12px}.upload-progress-status.success{color:#22c55e}.upload-progress-status.error{color:#ef4444}.upload-cancel-btn{width:100%;margin-top:8px}.gamelink-connected-badge{color:#22c55e;white-space:nowrap;background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;align-items:center;gap:6px;margin-left:12px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.gamelink-connected-badge .gamelink-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite gamelink-pulse}@keyframes gamelink-pulse{0%,to{opacity:1}50%{opacity:.4}}.voice-view-participants.gamelink-spatial{flex:1;justify-content:center;align-items:center;gap:0;min-height:300px;padding:0;display:flex;position:relative;overflow:hidden}.gamelink-radar-self{z-index:2;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gamelink-radar-avatar{border:2px solid var(--border-subtle);background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.gamelink-radar-avatar.self{border:3px solid var(--border-subtle);width:72px;height:72px}.gamelink-radar-avatar img{object-fit:cover;width:100%;height:100%;display:block}.gamelink-radar-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000c;max-width:80px;margin-top:4px;font-size:11px;overflow:hidden}.gamelink-radar-distance{color:var(--text-tertiary);text-align:center;white-space:nowrap;text-shadow:0 1px 3px #000c;font-size:10px}.gamelink-radar-range-ring{pointer-events:none;border:1px dashed #43b58140;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gamelink-radar-player{will-change:transform;z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%}.gamelink-radar-player.speaking .gamelink-radar-avatar,.gamelink-radar-self.speaking .gamelink-radar-avatar{border-color:#43b581;box-shadow:0 0 12px #43b58199}.gamelink-radar-player.dead{filter:grayscale();opacity:.4}.gamelink-radar-keybinds{z-index:2;pointer-events:none;gap:16px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.gamelink-keybind{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.gamelink-keybind kbd{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 6px;font-family:inherit;font-size:10px;line-height:1.4;display:inline-block}.gamelink-not-connected-panel{z-index:3;background:var(--bg-elevated,#1e2024);border:1px solid var(--border-subtle);border-radius:8px;max-width:220px;padding:8px 12px;position:absolute;bottom:36px;left:12px}.gamelink-nc-header{color:var(--text-warning,#f59e0b);white-space:nowrap;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.gamelink-nc-header svg{stroke:var(--text-warning,#f59e0b);flex-shrink:0}.gamelink-nc-users{flex-direction:column;gap:4px;display:flex}.gamelink-nc-user{align-items:center;gap:6px;display:flex}.gamelink-nc-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.gamelink-nc-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gamelink-radio-panel{z-index:3;flex-direction:column;gap:4px;max-width:200px;display:flex;position:absolute;bottom:36px;right:12px}.gamelink-radio-slot{background:var(--bg-elevated,#1e2024);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.gamelink-radio-slot.active{border-color:var(--primary,#5b6eae)}.gamelink-radio-slot.phone{border-color:#22c55e}.gamelink-radio-slot.intercom{border-color:#f59e0b}.gamelink-radio-slot .radio-type{background:var(--primary,#5b6eae);color:#fff;text-align:center;border-radius:3px;min-width:24px;padding:1px 4px;font-size:10px;font-weight:700}.gamelink-radio-slot.phone .radio-type{background:#22c55e}.gamelink-radio-slot.intercom .radio-type{color:#000;background:#f59e0b}.gamelink-radio-slot .radio-channel{color:var(--text-muted);font-size:10px}.gamelink-radio-slot .radio-name{text-overflow:ellipsis;color:var(--text-primary);flex:1;overflow:hidden}.gamelink-radio-slot .radio-ear{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 3px;font-size:10px;font-weight:600}.gamelink-radar-tx-indicator{border:1.5px solid var(--bg-elevated,#1e2024);background:#ef4444;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite gamelink-tx-pulse;position:absolute;top:-3px;right:-3px}.gamelink-radar-tx-indicator.secondary{background:#f59e0b}@keyframes gamelink-tx-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.gamelink-radar-comm-badge{border:1.5px solid var(--bg-elevated,#1e2024);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:-2px;left:-2px}.gamelink-radar-comm-badge.radio{background:var(--primary,#5b6eae)}.gamelink-radar-comm-badge.phone{background:#22c55e}.gamelink-radar-player .gamelink-radar-avatar{position:relative}.server-polls-panel{background-color:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);z-index:1000;border-radius:8px;flex-direction:column;width:420px;max-height:560px;display:flex;position:absolute;top:48px;right:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.server-polls-header{border-bottom:1px solid var(--border-medium,#3a3d42);color:var(--text-primary,#e0e0e0);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.server-polls-title{flex-shrink:0}.server-polls-header-actions{align-items:center;gap:6px;display:flex}.server-polls-mode-toggle{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.server-polls-mode-btn{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;transition:background .15s,color .15s;display:inline-flex}.server-polls-mode-btn svg{flex-shrink:0}.server-polls-mode-btn:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff0f)}.server-polls-mode-btn.is-active{background:var(--gamevox-orange-start,#ff7a00);color:#fff}.server-polls-mode-btn.is-active:hover{background:var(--gamevox-orange-end,var(--gamevox-orange-start,#ff7a00));color:#fff}.server-polls-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:background .15s,color .15s;display:inline-flex}.server-polls-close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff14)}.server-polls-list{flex:1;padding:8px;overflow-y:auto}.server-polls-loading,.server-polls-empty{text-align:center;color:var(--text-tertiary,#72767d);padding:24px 16px;font-size:13px}.server-polls-item{background:var(--bg-secondary,#2b2d31);border-radius:6px;margin-bottom:8px;padding:12px;transition:background-color .15s}.server-polls-item:hover{background:var(--bg-hover,#36373d)}.server-polls-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.server-polls-question{color:var(--text-primary,#e0e0e0);word-break:break-word;flex:1;font-size:13px;font-weight:600}.server-polls-status{white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:600}.poll-status-active{color:#57f287;background:#57f28726}.poll-status-ended{color:var(--text-tertiary,#72767d);background:#ffffff14}.server-polls-item-meta{color:var(--text-tertiary,#72767d);margin-bottom:8px;font-size:11px}.server-polls-item-results{flex-direction:column;gap:4px;display:flex}.server-polls-result-row{align-items:center;gap:8px;font-size:12px;display:flex}.server-polls-result-label{color:var(--text-secondary,#b0b0b0);text-overflow:ellipsis;white-space:nowrap;flex:0 0 90px;overflow:hidden}.server-polls-result-bar{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.server-polls-result-fill{background:var(--accent-color,#eb7538);border-radius:3px;height:100%;transition:width .3s}.server-polls-result-winner{background:#57f287}.server-polls-result-count{text-align:right;color:var(--text-tertiary,#72767d);flex:0 0 60px;font-size:11px}.poll-detail-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.poll-detail-dialog{background:var(--bg-secondary,#2b2d31);border-radius:12px;width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.poll-detail-header{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.poll-detail-meta{color:var(--text-muted,#949ba4);font-size:12px}.poll-detail-close{color:var(--text-muted,#949ba4);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.poll-detail-close:hover{color:var(--text-normal,#dbdee1);background:var(--bg-modifier-hover,#ffffff14)}.poll-detail-dialog .poll-card{border:none;max-width:none;margin:0}.poll-card{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-color,#3f4147);border-radius:12px;max-width:480px;margin:8px 0 4px;padding:16px;position:relative;overflow:hidden}.poll-header{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.poll-icon{flex-shrink:0;font-size:20px;line-height:1}.poll-question{color:var(--text-primary,#f2f3f5);word-break:break-word;font-size:15px;font-weight:600;line-height:1.3}.poll-info{color:var(--text-muted,#949ba4);margin-bottom:12px;font-size:12px}.poll-info.poll-ended{color:#ed4245}.poll-options{flex-direction:column;gap:6px;display:flex}.poll-option{border:1px solid var(--border-color,#3f4147);background:var(--bg-tertiary,#232428);border-radius:8px;align-items:center;min-height:40px;padding:10px 12px;transition:all .15s;display:flex;position:relative;overflow:hidden}.poll-option:hover{border-color:var(--accent-color,#eb7538);background:#5865f214}.poll-option-selected{border-color:var(--accent-color,#eb7538);background:#5865f21f}.poll-option-progress{pointer-events:none;z-index:0;background:#5865f226;border-radius:8px 0 0 8px;transition:width .4s ease-out;position:absolute;top:0;bottom:0;left:0}.poll-option-progress-winner{background:#5865f24d}.poll-option-content{z-index:1;flex:1;align-items:center;gap:8px;display:flex;position:relative}.poll-option-emoji{flex-shrink:0;font-size:18px;line-height:1}.poll-option-text{color:var(--text-primary,#f2f3f5);word-break:break-word;font-size:14px}.poll-option-stats{color:var(--text-muted,#949ba4);z-index:1;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding-left:8px;font-size:12px;display:flex;position:relative}.poll-option-check{color:var(--accent-color,#eb7538);font-size:14px;font-weight:700}.poll-results-shown .poll-option-progress{transition:width .4s ease-out}.poll-results-shown .poll-option-stats{visibility:visible!important}.poll-footer{border-top:1px solid var(--border-color,#3f4147);gap:8px;margin-top:10px;padding-top:8px;display:flex}.poll-action-btn{color:var(--text-muted,#949ba4);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .15s}.poll-action-btn:hover{color:var(--text-primary,#f2f3f5);background:var(--bg-tertiary,#232428)}.poll-action-end{color:#ed4245}.poll-action-end:hover{color:#ed4245;background:#ed424526}.create-poll-modal{flex:none;width:460px;max-width:min(460px,95vw);max-height:90vh;overflow-y:auto}#poll-starts-at{box-sizing:border-box;max-width:180px}.poll-option-row{align-items:center;gap:8px;margin-bottom:8px;display:flex;position:relative}.poll-emoji-btn{border:1px solid var(--border-color,#3f4147);background:var(--bg-tertiary,#232428);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:border-color .15s;display:flex}.poll-emoji-btn:hover{border-color:var(--accent-color,#eb7538)}.poll-option-input{border:1px solid var(--border-color,#3f4147);background:var(--bg-tertiary,#232428);color:var(--text-primary,#f2f3f5);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s}.poll-option-input:focus{border-color:var(--accent-color,#eb7538)}.poll-option-input::placeholder{color:var(--text-muted,#949ba4)}.poll-option-remove{width:28px;height:28px;color:var(--text-muted,#949ba4);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .15s;display:flex}.poll-option-remove:hover{color:#ed4245;background:#ed424526}.char-counter{text-align:right;color:var(--text-muted,#949ba4);margin-top:2px;font-size:11px;display:block}.poll-settings{flex-direction:column;gap:10px;margin-top:12px;display:flex}.poll-setting-row{justify-content:space-between;align-items:center;display:flex}.poll-setting-row label:not(.toggle-label){color:var(--text-secondary,#b5bac1);font-size:13px}.poll-setting-row select{border:1px solid var(--border-color,#3f4147);background:var(--bg-tertiary,#232428);color:var(--text-primary,#f2f3f5);border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.toggle-label{cursor:pointer;color:var(--text-secondary,#b5bac1);justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:13px;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-label .toggle-switch{background:var(--bg-tertiary,#4e5058);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-label .toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--accent-color,#eb7538)}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(18px)}.btn-text{color:var(--accent-color,#eb7538);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:13px;transition:opacity .15s}.btn-text:hover{opacity:.8}.poll-emoji-picker-popup{background:var(--bg-elevated,var(--bg-primary,#1e1f22));border:1px solid var(--border-medium,var(--border-color,#3f4147));border-radius:var(--radius-md,8px);padding:var(--space-md,12px);z-index:20000;width:500px;position:fixed;box-shadow:0 8px 24px #0000004d}.poll-emoji-picker-popup .emoji-categories-container{height:280px}.poll-emoji-picker-popup .emoji-grid{gap:var(--space-xs,4px);grid-template-columns:repeat(8,1fr);display:grid}.poll-emoji-picker-popup .emoji-category-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm,4px);font-size:11px;font-weight:700}.poll-emoji-picker-popup .emoji-item{padding:var(--space-xs,4px);cursor:pointer;border-radius:var(--radius-sm,4px);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:background-color .15s;display:flex}.poll-emoji-picker-popup .emoji-item:hover{background-color:var(--hover-overlay)}.poll-emoji-picker-popup .emoji-item .twemoji{width:22px;height:22px}.poll-add-option-form{gap:var(--space-sm,8px);padding:var(--space-sm,8px) 0;display:flex}.poll-add-option-input{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-medium,#3f4147);border-radius:var(--radius-sm,4px);color:var(--text-primary,#dbdee1);outline:none;flex:1;padding:6px 10px;font-size:13px}.poll-add-option-input:focus{border-color:var(--gamevox-orange-start,#e67e22)}.poll-add-option-submit{border-radius:var(--radius-sm,4px);padding:6px 14px;font-size:13px}.homepage-section.events h3{align-items:center;gap:var(--space-sm);display:flex}.homepage-section.events h3 svg{stroke:var(--gamevox-orange-start)}.create-event-btn{background:var(--gamevox-orange-start);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:16px;font-weight:700;line-height:1;transition:background .15s,transform .15s;display:flex}.create-event-btn:hover{background:var(--gamevox-orange-end);transform:scale(1.1)}.homepage-section.polls h3{align-items:center;gap:var(--space-sm);display:flex}.homepage-section.polls h3 svg{stroke:var(--gamevox-orange-start)}.homepage-view-all-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;margin-left:auto;padding:4px 12px;font-size:12px;transition:all .2s}.homepage-view-all-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.homepage-poll-question{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:14px;font-weight:600}.homepage-poll-options{flex-direction:column;gap:6px;display:flex}.homepage-poll-option{border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;align-items:center;padding:8px 12px;transition:background .15s;display:flex;position:relative;overflow:hidden}.homepage-poll-option:hover{background:var(--bg-hover)}.homepage-poll-option.selected{outline:1px solid var(--gamevox-orange-start)}.homepage-poll-option-bar{border-radius:var(--radius-sm);background:#e8792426;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.homepage-poll-option-bar.winner{background:#e8792440}.homepage-poll-option-text{z-index:1;color:var(--text-primary);flex:1;font-size:13px;position:relative}.homepage-poll-option-pct{z-index:1;color:var(--gamevox-orange-start);margin-left:8px;font-size:13px;font-weight:600;position:relative}.homepage-poll-footer{margin-top:var(--space-sm);color:var(--text-tertiary);font-size:11px;font-style:italic}.homepage-polls-nav{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:8px;display:flex}.homepage-polls-nav-btn{border:1px solid var(--border-medium);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.homepage-polls-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.homepage-polls-dots{align-items:center;gap:6px;display:flex}.homepage-polls-dot{background:var(--border-medium);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .2s}.homepage-polls-dot.active{background:var(--gamevox-orange-start)}.homepage-polls-dot:hover{background:var(--text-tertiary)}.homepage-section.rules h3{align-items:center;gap:var(--space-sm);display:flex}.homepage-section.rules h3 svg{stroke:var(--gamevox-orange-start)}.homepage-rules-ol{margin:0;padding:0 0 0 20px;list-style-type:decimal}.homepage-rule-item{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:6px 0;font-size:13px;line-height:1.45}.homepage-rule-item:last-child{border-bottom:none}.server-events-panel{background-color:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);z-index:1000;border-radius:8px;flex-direction:column;width:420px;max-height:560px;display:flex;position:absolute;top:48px;right:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.server-events-header{border-bottom:1px solid var(--border-medium,#3a3d42);color:var(--text-primary,#e0e0e0);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.server-events-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.server-events-close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff14)}.server-events-create-btn,.announcements-create-btn{background:linear-gradient(135deg, var(--gamevox-orange-start,#eb7538), var(--gamevox-orange-end,#ef4d3b));color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;line-height:1;display:flex}.server-events-create-btn:hover,.announcements-create-btn:hover{opacity:.85}.server-events-list{flex:1;padding:8px;overflow-y:auto}.server-events-loading,.server-events-empty{text-align:center;color:var(--text-tertiary,#72767d);padding:24px 16px;font-size:13px}.event-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--gamevox-orange-start);transition:background .15s}.event-card:last-child{margin-bottom:0}.event-card:hover{background:var(--bg-hover)}.event-card.event-past{opacity:.5}.event-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.event-title{color:var(--text-primary);font-size:14px;font-weight:600}.event-delete-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}.event-delete-btn:hover{color:var(--error)}.event-time{color:var(--text-secondary);margin-bottom:var(--space-xs);align-items:center;gap:6px;font-size:12px;display:flex}.event-time svg{flex-shrink:0}.event-repeat{color:var(--gamevox-orange-start);font-weight:500}.event-desc{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;line-height:1.4}.event-location{color:var(--text-tertiary);margin-bottom:var(--space-xs);align-items:center;gap:4px;font-size:12px;display:flex}.event-location:before{content:"📍";font-size:11px}.event-rsvp-bar{margin-top:var(--space-xs);justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.event-count{color:var(--text-tertiary);font-size:11px}.event-rsvp-buttons{gap:4px;display:flex}.event-rsvp-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;padding:3px 10px;font-size:11px;transition:all .15s}.event-rsvp-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.event-rsvp-btn.active{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.event-card-rsvp-summary{border-top:1px solid var(--border-light,#ffffff0f);flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;display:flex}.event-card-rsvp-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.event-card-rsvp-label{color:var(--text-muted);min-width:52px;font-size:11px;font-weight:600}.event-card-rsvp-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.event-card-rsvp-names{color:var(--text-secondary);font-size:11px}.event-card{cursor:pointer}.event-detail-meta{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.event-detail-time{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.event-detail-time svg{color:var(--text-muted);flex-shrink:0}.event-detail-location{color:var(--text-tertiary);align-items:center;gap:8px;font-size:13px;display:flex}.event-detail-location svg{color:var(--text-muted);flex-shrink:0}.event-detail-desc{color:var(--text-secondary);margin-top:4px;font-size:14px;line-height:1.5}.event-detail-capacity{color:var(--text-muted);font-size:12px;font-style:italic}.event-detail-rsvp-buttons{border-bottom:1px solid var(--border-subtle);gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.event-detail-rsvp-buttons .event-rsvp-btn{flex:1;padding:8px 12px;font-size:13px}.event-detail-attendee-lists{flex-direction:column;gap:16px;max-height:300px;display:flex;overflow-y:auto}.event-detail-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.event-detail-attendees{flex-direction:column;gap:6px;display:flex}.event-detail-attendee{border-radius:6px;align-items:center;gap:10px;padding:4px 8px;display:flex}.event-detail-attendee:hover{background:var(--bg-hover)}.event-detail-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.event-detail-username{color:var(--text-primary);font-size:14px}.event-detail-no-rsvps{text-align:center;color:var(--text-muted);padding:16px 0;font-size:13px;font-style:italic}.event-duration-links{gap:6px;margin-bottom:4px;display:flex}.event-duration-link{color:var(--text-link,#5b9bd5);cursor:pointer;background:var(--bg-tertiary,#ffffff0d);-webkit-user-select:none;user-select:none;border-radius:3px;padding:1px 5px;font-size:11px;transition:background .15s}.event-duration-link:hover{background:var(--bg-hover,#ffffff1a);color:var(--text-link-hover,#7ab3e8)}.event-invite-wrapper{position:relative}.event-invite-trigger{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.event-invite-trigger:hover{border-color:var(--border-strong)}.event-invite-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.event-invite-trigger-text.has-selection{color:var(--text-primary)}.event-invite-trigger-arrow{color:var(--text-tertiary);flex-shrink:0;margin-left:8px}.event-invite-dialog-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.event-invite-dialog-overlay.open{animation:.15s ease-out contextMenuFade;display:flex}.event-invite-dialog{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;width:340px;max-height:70vh;display:flex}.event-invite-dialog-header{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.event-invite-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:color .15s}.event-invite-dialog-close:hover{color:var(--text-primary)}.event-invite-dialog-hint{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:8px 16px;font-size:11px}.event-invite-dialog-list{flex:1;padding:4px 0;overflow-y:auto}.event-invite-dialog-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding:12px 16px;display:flex}.event-invite-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 12px;transition:background .15s;display:flex}.event-invite-item:hover{background:var(--hover-overlay)}.event-invite-item-icon{flex-shrink:0;align-items:center;width:20px;height:20px;display:flex}.event-invite-item-icon img{object-fit:contain;border-radius:2px;width:20px;height:20px}.event-invite-item-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.event-invite-item-check{opacity:0;color:var(--text-muted);flex-shrink:0;align-items:center;transition:opacity .15s,color .15s;display:flex}.event-invite-item.selected{background:var(--selected-bg)}.event-invite-item.selected .event-invite-item-name{color:var(--text-primary)}.event-invite-item.selected .event-invite-item-check{opacity:1;color:var(--gamevox-orange-start)}.event-invite-item.selected:hover{background:rgba(var(--accent-rgb), .2)}.event-invited-tags{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.event-invited-tag{color:var(--text-muted);background:var(--bg-tertiary,#ffffff0f);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 6px;font-size:10px}#events-view{flex-direction:column;flex:1;display:flex;overflow:hidden}#events-view-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.events-view-tabs{gap:4px;display:flex}.events-view-tab{border-radius:var(--radius-md,8px);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.events-view-tab:hover{background:var(--hover-overlay);color:var(--text-primary)}.events-view-tab.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;font-weight:600}.events-view-tab-badge{text-align:center;background:#fff3;border-radius:10px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:600}.events-view-tab:not(.active) .events-view-tab-badge{background:var(--bg-elevated);color:var(--text-secondary)}.events-view-create-btn{border-radius:var(--radius-md,8px);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.events-view-create-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #eb75384d}#events-view-content{flex:1;padding:16px 20px 24px;overflow-y:auto}:is(#events-view-content:has(.ecal-month),#events-view-content:has(.ecal-week),#events-view-content:has(.ecal-day)){flex-direction:column;padding:0;display:flex}.events-view-loading,.events-view-empty{text-align:center;color:var(--text-tertiary);padding:48px 16px;font-size:14px}.events-view-empty svg{color:var(--text-muted);margin:0 auto 12px;display:block}.ev-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin:24px 0 12px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.ev-section-label:first-child{margin-top:0}.ev-section-label .ev-section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ev-section-label .ev-section-dot.live{background:#4caf50;animation:2s ease-in-out infinite ev-pulse;box-shadow:0 0 6px #4caf5099}@keyframes ev-pulse{0%,to{opacity:1}50%{opacity:.5}}.ev-section-label .ev-section-dot.upcoming{background:var(--gamevox-orange-start)}.ev-section-label .ev-section-dot.past{background:var(--text-muted)}.ev-agenda-card{border-radius:var(--radius-md,8px);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:4px solid var(--gamevox-orange-start);cursor:pointer;gap:16px;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:flex}.ev-agenda-card:hover{border-color:var(--border-medium);border-left-color:inherit;background:var(--bg-elevated);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.ev-agenda-card.ev-past{opacity:.55}.ev-agenda-card.ev-past:hover{opacity:.8}.ev-date-block{border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:54px;padding-right:14px;display:flex}.ev-date-month{text-transform:uppercase;letter-spacing:.5px;color:var(--gamevox-orange-start);font-size:11px;font-weight:700;line-height:1}.ev-date-day{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.1}.ev-date-weekday{color:var(--text-muted);text-transform:capitalize;font-size:10px;font-weight:500}.ev-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ev-card-time-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ev-card-time{color:var(--gamevox-orange-start);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.ev-card-time svg{opacity:.7;flex-shrink:0}.ev-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.ev-badge.live{color:#4caf50;background:#4caf5033;border:1px solid #4caf504d}.ev-badge.soon{color:var(--gamevox-orange-start);background:#eb753826;border:1px solid #eb753840}.ev-badge.repeat{color:#5b9bd5;background:#5b9bd526;border:1px solid #5b9bd540}.ev-card-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.ev-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.ev-card-footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.ev-card-footer-item{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.ev-card-footer-item svg{opacity:.6;flex-shrink:0}.ev-card-creator-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.ev-card-creator-name{color:var(--text-secondary);font-size:12px;font-weight:500}.ev-card-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:8px;min-width:110px;display:flex}.ev-interested-btn{border-radius:var(--radius-md,8px);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ev-interested-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start);background:#eb753814}.ev-interested-btn.active{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start);background:#eb753826;font-weight:600}.ev-interested-btn svg{flex-shrink:0}.ev-details-link{color:var(--gamevox-orange-start);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ev-details-link:hover{background:#eb75381a}@media (width<=700px){.ev-agenda-card{flex-direction:column;gap:10px}.ev-date-block{border-right:none;border-bottom:1px solid var(--border-subtle);min-width:unset;flex-direction:row;gap:8px;padding-bottom:8px;padding-right:0}.ev-card-actions{min-width:unset;flex-direction:row}.ev-card-title{font-size:14px}#events-view-header{flex-direction:column;align-items:stretch;gap:8px}.events-view-tabs{overflow-x:auto}}.new-events-subtitle{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.new-events-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.new-event-card{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px 12px}.new-event-server{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.new-event-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.new-event-time{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.new-event-time svg{color:var(--text-muted);flex-shrink:0}.new-event-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;display:-webkit-box;overflow:hidden}.new-event-rsvp-buttons{gap:6px;display:flex}.new-event-rsvp-buttons .event-rsvp-btn{flex:1;padding:5px 8px;font-size:12px}.context-menu-item.active{background:var(--bg-hover);color:var(--accent-primary,#5b9bd5)}.event-share-target{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.event-share-target:hover{background:var(--hover-overlay)}.events-view-mode-tab{border-radius:var(--radius-md,8px);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.events-view-mode-tab:hover{background:var(--hover-overlay);color:var(--text-primary)}.events-view-mode-tab.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--gamevox-orange-start);font-weight:600}.events-view-mode-tab svg{opacity:.7;flex-shrink:0}.events-view-mode-tab.active svg{opacity:1}#events-calendar-subheader{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex}.ecal-subtabs{background:var(--bg-tertiary);border-radius:var(--radius-md,8px);gap:2px;padding:2px;display:flex}.ecal-subtab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:500;transition:all .15s}.ecal-subtab:hover{color:var(--text-primary)}.ecal-subtab.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;font-weight:600}.ecal-nav{align-items:center;gap:6px;display:flex}.ecal-nav-btn{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.ecal-nav-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.ecal-nav-btn.ecal-arrow{align-items:center;padding:4px 6px;display:flex}.ecal-nav-label{color:var(--text-primary);text-align:center;-webkit-user-select:none;user-select:none;min-width:140px;font-size:15px;font-weight:700}.ecal-month{flex-direction:column;flex:1;min-height:0;display:flex}.ecal-month-header{border-bottom:1px solid var(--border-medium);grid-template-columns:repeat(7,1fr);display:grid}.ecal-month-header-cell{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 0;font-size:11px;font-weight:600}.ecal-month-grid{flex:1;grid-template-rows:repeat(auto-fill,1fr);grid-template-columns:repeat(7,1fr);min-height:0;display:grid}.ecal-month-cell{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;min-height:100px;padding:4px;transition:background .1s;overflow:hidden}.ecal-month-cell:nth-child(7n){border-right:none}.ecal-month-cell:hover{background:var(--hover-overlay)}.ecal-month-cell.outside{background:#00000026}.ecal-month-cell.outside .ecal-day-num{color:var(--text-muted);opacity:.5}.ecal-month-cell.today{background:#eb75380f}.ecal-day-num{color:var(--text-secondary);margin-bottom:2px;padding:2px 4px;font-size:13px;font-weight:600;line-height:1}.ecal-month-cell.today .ecal-day-num{color:var(--gamevox-orange-start);font-weight:700}.ecal-day-events{flex-direction:column;gap:2px;display:flex}.ecal-event-pill{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.4;transition:filter .1s;display:block;overflow:hidden}.ecal-event-pill:hover{filter:brightness(1.2)}.ecal-more-link{color:var(--text-muted);cursor:pointer;padding:1px 4px;font-size:10px}.ecal-more-link:hover{color:var(--text-secondary)}.ecal-week{flex-direction:column;flex:1;min-height:0;display:flex}.ecal-week-header{border-bottom:1px solid var(--border-medium);flex-shrink:0;grid-template-columns:60px repeat(7,1fr);display:grid}.ecal-week-header-cell{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;padding:8px 4px;font-size:11px;font-weight:600}.ecal-week-header-cell.today{color:var(--gamevox-orange-start)}.ecal-week-header-corner{padding:8px 4px}.ecal-week-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ecal-week-row{border-bottom:1px solid var(--border-subtle);flex-shrink:0;grid-template-columns:60px repeat(7,1fr);min-height:80px;display:grid}.ecal-week-time{color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;padding:4px 8px 0;font-size:11px;font-weight:500}.ecal-week-cell{border-left:1px solid var(--border-subtle);cursor:pointer;min-height:80px;padding:2px 3px;transition:background .1s;position:relative}.ecal-week-cell:hover{background:var(--hover-overlay)}.ecal-week-cell.today{background:#eb75380a}.ecal-day{flex-direction:column;flex:1;min-height:0;display:flex}.ecal-day-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ecal-day-row{border-bottom:1px solid var(--border-subtle);flex-shrink:0;grid-template-columns:60px 1fr;min-height:80px;display:grid}.ecal-day-time{color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;padding:4px 8px 0;font-size:11px;font-weight:500}.ecal-day-cell{border-left:1px solid var(--border-subtle);cursor:pointer;padding:2px 6px;transition:background .1s;position:relative}.ecal-day-cell:hover{background:var(--hover-overlay)}.ecal-day-event{color:#fff;cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;margin-bottom:2px;padding:6px 10px;font-weight:500;transition:filter .1s;display:flex}.ecal-day-event:hover{filter:brightness(1.2)}.ecal-day-event-title{font-size:13px;font-weight:600;line-height:1.3}.ecal-day-event-time{opacity:.85;font-size:11px}.ecal-event-tooltip{z-index:10000;background:var(--bg-elevated,#2a2a2e);min-width:200px;max-width:320px;color:var(--text-primary,#e8e8ea);border:1px solid var(--border-medium,#ffffff14);pointer-events:none;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:none;position:fixed;box-shadow:0 6px 20px #00000059}.ecal-event-tooltip .ecal-tt-title{color:var(--text-primary,#e8e8ea);word-break:break-word;margin-bottom:6px;padding-left:8px;font-size:13px;font-weight:600}.ecal-event-tooltip .ecal-tt-row{color:var(--text-secondary,#b8b8bc);align-items:center;gap:6px;margin-top:2px;display:flex}.ecal-event-tooltip .ecal-tt-row svg{opacity:.85;flex-shrink:0}.ecal-event-tooltip .ecal-tt-row span{word-break:break-word}@media (width<=700px){.ecal-month-cell{min-height:60px}.ecal-day-num{font-size:11px}.ecal-event-pill{padding:1px 4px;font-size:10px}#events-calendar-subheader{flex-direction:column;align-items:stretch;gap:6px}.ecal-nav{justify-content:center}}.markdown-hint{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:4px 10px;padding:3px 8px;font-size:11px;display:flex}.markdown-hint span{opacity:.7}.markdown-hint code{background:var(--bg-tertiary);border-radius:2px;padding:0 3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px}.markdown-hint a{color:var(--gamevox-orange-start);cursor:default;text-decoration:none}.message-char-counter{text-align:right;color:var(--text-tertiary);font-variant-numeric:tabular-nums;padding:2px 8px 0;font-size:11px}.message-char-counter.near-limit{color:var(--gamevox-orange-start)}.message-char-counter.over-limit{color:#e74c3c;font-weight:600}#dice-picker{background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;width:340px;max-height:420px;display:flex;position:absolute;bottom:60px;right:10px;overflow:hidden}.dice-picker-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);gap:var(--space-sm);flex-direction:column;display:flex}.dice-picker-title-row{justify-content:space-between;align-items:center;display:flex}.dice-picker-title{color:var(--text-primary);font-size:13px;font-weight:600}.dice-help-btn{border:1px solid var(--border-medium);background:var(--bg-tertiary);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;transition:all .15s;display:flex}.dice-help-btn:hover{background:var(--hover-overlay);color:var(--text-primary);border-color:var(--gamevox-orange-start)}.dice-custom-input{gap:var(--space-xs);display:flex}#dice-custom-expression{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;transition:border-color .15s}#dice-custom-expression:focus{border-color:var(--gamevox-orange-start)}#dice-custom-expression::placeholder{color:var(--text-muted)}.dice-roll-btn{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;font-size:12px;font-weight:600;transition:opacity .15s}.dice-roll-btn:hover{opacity:.9}.dice-roll-btn:active{transform:scale(.97)}.dice-quick-rolls{padding:var(--space-sm) var(--space-md);flex:1;overflow-y:auto}.dice-quick-rolls::-webkit-scrollbar{width:6px}.dice-quick-rolls::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.dice-quick-rolls::-webkit-scrollbar-track{background:0 0}.dice-quick-section{margin-bottom:var(--space-md)}.dice-quick-section:last-child{margin-bottom:0}.dice-quick-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:11px}.dice-quick-grid{gap:var(--space-xs);flex-wrap:wrap;display:flex}.dice-quick-btn{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:500;transition:all .15s}.dice-quick-btn:hover{background:var(--hover-overlay);border-color:var(--border-medium);color:var(--text-primary)}.dice-quick-btn:active{transform:scale(.95)}.dice-quick-btn.dice-preset{font-size:11px}.dice-help-panel{flex-direction:column;flex:1;display:flex;overflow-y:auto}.dice-help-panel::-webkit-scrollbar{width:6px}.dice-help-panel::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.dice-help-panel::-webkit-scrollbar-track{background:0 0}.dice-help-back-btn{padding:var(--space-xs) var(--space-md);border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;font-size:12px;transition:color .15s}.dice-help-back-btn:hover{color:var(--text-primary)}.dice-help-scroll{padding:var(--space-sm) var(--space-md);flex:1;overflow-y:auto}.dice-help-section{margin-bottom:var(--space-md)}.dice-help-section:last-child{margin-bottom:0}.dice-help-heading{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.dice-help-text{color:var(--text-secondary);margin-bottom:4px;font-size:11px;line-height:1.4}.dice-help-examples{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.dice-help-examples code{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--gamevox-orange-start);border-radius:3px;padding:1px 5px;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px}.dice-help-examples span{color:var(--text-muted);font-size:11px}.dice-result{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-left:3px solid var(--gamevox-orange-start);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);max-width:100%;margin:4px 0;font-size:13px;display:inline-block}.dice-result-header{align-items:center;gap:var(--space-xs);margin-bottom:2px;display:flex}.dice-result-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}.dice-result-expression{color:var(--text-secondary);font-family:Consolas,Monaco,Courier New,monospace;font-size:12px}.dice-result-label{color:var(--text-muted);margin-left:4px;font-size:11px;font-style:italic}.dice-result-rolls{flex-wrap:wrap;align-items:center;gap:3px;margin:4px 0;display:flex}.dice-roll-value{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:26px;height:26px;color:var(--text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-size:13px;font-weight:600;display:inline-flex}.dice-roll-value.nat-max{color:#7fff7f;text-shadow:0 0 4px #00ff004d;background:linear-gradient(135deg,#2d7d2d,#1a5c1a);border-color:#3a9a3a}.dice-roll-value.nat-min{color:#ff7f7f;text-shadow:0 0 4px #ff00004d;background:linear-gradient(135deg,#7d2d2d,#5c1a1a);border-color:#9a3a3a}.dice-roll-value.dropped{opacity:.35;border-style:dashed;text-decoration:line-through}.dice-result-modifier{color:var(--text-secondary);padding:0 2px;font-size:13px;font-weight:600}.dice-result-separator{color:var(--text-muted);margin:0 2px;font-weight:600}.dice-result-total{align-items:center;gap:var(--space-xs);color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:700;display:inline-flex}.dice-result-total .total-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:400}.dice-result.dice-animate{animation:.4s ease-out diceAppear}.dice-animate .dice-roll-value{animation:.3s ease-out both diceValuePop}.dice-animate .dice-roll-value:first-child{animation-delay:.1s}.dice-animate .dice-roll-value:nth-child(2){animation-delay:.15s}.dice-animate .dice-roll-value:nth-child(3){animation-delay:.2s}.dice-animate .dice-roll-value:nth-child(4){animation-delay:.25s}.dice-animate .dice-roll-value:nth-child(5){animation-delay:.3s}.dice-animate .dice-roll-value:nth-child(6){animation-delay:.35s}.dice-animate .dice-roll-value:nth-child(7){animation-delay:.4s}.dice-animate .dice-roll-value:nth-child(8){animation-delay:.45s}.dice-animate .dice-result-total{animation:.3s ease-out .5s both diceTotalReveal}@keyframes diceAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes diceValuePop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}60%{transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes diceTotalReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-suppress-embeds=true] .og-preview-card,[data-suppress-embeds=true] .og-video-container,[data-suppress-embeds=true] .og-video-player,[data-suppress-embeds=true] .gamevox-invite-embed,[data-suppress-embeds=true] .gamevox-event-embed,[data-suppress-embeds=true] .wiki-card-expanded,[data-suppress-embeds=true] .wiki-card-wrapper,[data-suppress-embeds=true] .chat-embedded-image,[data-suppress-embeds=true] .dm-embedded-image,[data-suppress-embeds=true] .forum-message-image,[data-suppress-embeds=true] .md-embedded-image,[data-suppress-embeds=true] .chat-gif,[data-suppress-embeds=true] .dm-gif,[data-suppress-embeds=true] .forum-message-gif,[data-suppress-embeds=true] .md-embedded-gif,[data-suppress-embeds=true] .embedded-video,[data-suppress-embeds=true] iframe{display:none!important}#settings-overlay{z-index:9999;-webkit-app-region:no-drag;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#settings-overlay.active{display:flex}#settings-modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:1200px;height:85%;max-height:900px;box-shadow:var(--shadow-lg);-webkit-app-region:no-drag;flex-direction:column;display:flex;overflow:hidden}#settings-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}#settings-header h2{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.settings-window-controls{-webkit-app-region:no-drag;--wails-draggable:no-drag;align-items:center;gap:6px;display:flex}.settings-window-controls #settings-minimize-btn,.settings-window-controls #settings-maximize-btn{display:none}html.settings-popout-mode .settings-window-controls #settings-minimize-btn,html.settings-popout-mode .settings-window-controls #settings-maximize-btn{display:flex}.settings-wc-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background-color .15s,color .15s;display:flex}.settings-wc-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.settings-close-btn-x:hover{color:#fff;background-color:#ed4245}.settings-close-btn-x:active{background-color:#c13b3e}#browse-download-folder-btn{max-width:100px}#settings-content{flex:1;display:flex;overflow:hidden}#settings-sidebar{background-color:var(--bg-secondary);width:200px;padding:var(--space-md) var(--space-sm);border-right:1px solid var(--border-subtle);flex-direction:column;display:flex;overflow-y:auto}.settings-tab-btn{width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-bottom:2px;font-size:14px;font-weight:500;transition:all .15s}.settings-tab-btn:hover{background-color:var(--hover-overlay);color:var(--text-primary)}.settings-tab-btn:active{background-color:var(--active-overlay)}.settings-tab-btn.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);border-radius:var(--radius-sm);font-weight:600}#settings-panels{padding:var(--space-xl);background-color:var(--bg-primary);flex:1;overflow-y:auto}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h3{margin:0 0 var(--space-xl) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:18px;font-weight:700}.settings-section h4{margin:0 0 var(--space-md) 0;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.settings-section-desc{margin:-4px 0 var(--space-md) 0;color:var(--text-tertiary);font-size:12px}.about-version-info{gap:var(--space-xs) var(--space-lg);margin-bottom:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.about-version-info p{color:var(--text-secondary);margin:0;font-size:13px}.about-version-info strong{color:var(--text-primary)}.about-copyright{color:var(--text-muted);margin-top:var(--space-sm);font-size:12px}.open-source-notice{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.about-support-text{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.about-support-buttons{flex-wrap:wrap;gap:8px;display:flex}.about-support-buttons .secondary-btn{align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.about-support-buttons .secondary-btn svg{flex-shrink:0}.changelog-container{max-height:500px;padding-right:var(--space-sm);overflow-y:auto}.changelog-container::-webkit-scrollbar{width:6px}.changelog-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.changelog-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.changelog-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.changelog-loading{color:var(--text-muted);padding:var(--space-md);text-align:center;font-style:italic}.changelog-section{margin-bottom:var(--space-lg)}.changelog-section:last-child{margin-bottom:0}.changelog-section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle);display:flex}.changelog-section-icon{font-size:16px}.changelog-section-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.changelog-items{margin:0;padding:0;list-style:none}.changelog-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);display:flex}.changelog-item:last-child{border-bottom:none}.changelog-item-bullet{color:var(--accent-primary);flex-shrink:0;margin-top:2px;font-weight:700}.changelog-item-content{justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex:1;display:flex}.changelog-item-message{color:var(--text-primary);flex:1;margin:0;font-size:13px;line-height:1.4}.changelog-item-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.changelog-empty{text-align:center;padding:var(--space-lg);color:var(--text-muted)}.changelog-empty-icon{margin-bottom:var(--space-sm);opacity:.5;font-size:32px}.changelog-version{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.changelog-version:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.changelog-version-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.changelog-version-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary,#ff6b35));color:#fff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.changelog-version-content{padding-left:var(--space-sm)}.changelog-version .changelog-section{margin-bottom:var(--space-md)}.changelog-version .changelog-section:last-child{margin-bottom:0}.service-status-list{gap:var(--space-md);flex-direction:column;display:flex}.service-status-row{padding:var(--space-lg);background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.service-status-row:hover{border-color:var(--border-medium);background-color:var(--bg-tertiary)}.service-info{gap:var(--space-xs);flex-direction:column;display:flex}.service-name{color:var(--text-primary);font-size:15px;font-weight:600}.service-url{color:var(--text-tertiary);font-family:Courier New,monospace;font-size:12px}.service-response-time{color:#43b581;margin-top:2px;font-family:Courier New,monospace;font-size:11px;font-weight:500}.service-indicator-group{align-items:center;gap:var(--space-sm);display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.online{background-color:#3ba55c;box-shadow:0 0 8px #3ba55c99}.status-dot.offline{background-color:#ed4245;box-shadow:0 0 8px #ed424599}.status-dot.connecting{background-color:#faa61a;animation:1.5s infinite pulse;box-shadow:0 0 8px #faa61a99}.status-label{color:var(--text-secondary);font-size:13px;font-weight:600}.info-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.info-item{padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;display:flex}.info-label{color:var(--text-secondary);font-size:13px;font-weight:600}.info-value{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px}.primary-btn{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:var(--radius-md);color:#fff;cursor:pointer;width:auto;box-shadow:var(--shadow-orange);border:none;font-size:14px;font-weight:600;transition:all .2s}.primary-btn:hover{background:linear-gradient(135deg,#f58549,#f55d4c);transform:translateY(-1px);box-shadow:0 6px 20px #eb753880}.primary-btn:active{transform:translateY(0)scale(.98)}#settings-sidebar::-webkit-scrollbar{width:8px}#settings-panels::-webkit-scrollbar{width:8px}#settings-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}#settings-panels::-webkit-scrollbar-track{background:var(--bg-secondary)}#settings-sidebar::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}#settings-panels::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}#settings-sidebar::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}#settings-panels::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}.settings-feedback-link{width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--radius-sm);color:var(--gamevox-orange-start);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;font-size:13px;transition:all .15s;display:flex}.settings-feedback-link:hover{color:var(--gamevox-orange-end);background:var(--hover-overlay)}.settings-feedback-link svg{opacity:.7;flex-shrink:0}.settings-feedback-link:hover svg{opacity:1}.settings-logout-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-lg)}#add-server-overlay{z-index:9999;-webkit-app-region:no-drag;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#add-server-overlay.active{display:flex}#add-server-modal{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:600px;height:80vh;max-height:700px;box-shadow:var(--shadow-lg);-webkit-app-region:no-drag;flex-direction:column;display:flex;overflow:hidden}#add-server-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-medium);background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}#add-server-header h2{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}#add-server-content{padding:var(--space-xl);background-color:var(--bg-primary);gap:var(--space-lg);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.add-server-option{text-align:center;padding:var(--space-xl);background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:2px solid var(--border-subtle);flex-direction:column;align-items:center;transition:all .3s;display:flex}.add-server-option:hover{border-color:var(--gamevox-orange-start);transform:translateY(-2px);box-shadow:0 4px 16px #eb753833}.option-icon{width:80px;height:80px;margin-bottom:var(--space-lg);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.create-icon{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));box-shadow:var(--shadow-orange)}.join-icon{background:linear-gradient(135deg, var(--gamevox-orange-start,#eb7538), var(--gamevox-orange-end,#ef4d3b));box-shadow:0 4px 12px #eb75384d}.add-server-option:hover .option-icon{transform:scale(1.1);box-shadow:0 8px 20px #eb753880}.add-server-option h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:18px;font-weight:600}.add-server-option p{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:14px;line-height:1.5}#server-invite-input{width:100%;padding:var(--space-md);margin-bottom:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box;font-family:inherit;font-size:14px;transition:all .2s}#server-invite-input:focus{border-color:var(--gamevox-orange-start);outline:none;box-shadow:0 0 0 3px #eb75381a}#server-invite-input::placeholder{color:var(--text-muted)}.option-btn{padding:var(--space-md) var(--space-xl);width:auto}.option-divider{text-align:center;margin:var(--space-sm) 0;position:relative}.option-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--border-medium), transparent);height:1px;position:absolute;top:50%;left:0;right:0}.option-divider span{background-color:var(--bg-primary);padding:0 var(--space-lg);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;position:relative}.add-server-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs);background-color:var(--bg-elevated);border-radius:var(--radius-lg);display:flex}.add-server-tab{min-width:0;padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;font-size:14px;font-weight:600;transition:all .2s;overflow:hidden}.add-server-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.add-server-tab.active{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff;box-shadow:var(--shadow-orange)}.add-server-tab-content{display:none}.add-server-tab-content.active{display:block}.join-server-section{padding:var(--space-lg);background-color:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.join-server-section.compact{padding:var(--space-md)}.join-server-section h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:16px;font-weight:600}.join-server-section p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:13px;line-height:1.4}.join-server-divider{text-align:center;margin:var(--space-lg) 0;position:relative}.join-server-divider:before{content:"";background:var(--border-medium);height:1px;position:absolute;top:50%;left:0;right:0}.join-server-divider span{background-color:var(--bg-primary);padding:0 var(--space-lg);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;position:relative}.search-input-wrapper{gap:var(--space-sm);align-items:stretch;display:flex}.search-input-wrapper input{padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box;flex:1;height:44px;font-family:inherit;font-size:14px}.search-input-wrapper input:focus{border-color:var(--gamevox-orange-start);outline:none;box-shadow:0 0 0 3px #eb75381a}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-input-wrapper button{padding:var(--space-md);box-sizing:border-box;justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.server-search-results{max-height:500px;margin-top:var(--space-md);border-radius:var(--radius-md);overflow-y:auto}.search-placeholder,.search-loading,.search-no-results,.search-error{padding:var(--space-xl);color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.search-placeholder p,.search-loading p,.search-no-results p,.search-error p{margin:var(--space-md) 0 0 0;font-size:13px}.search-error{color:var(--status-error)}.server-search-result{padding:var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;transition:all .2s;display:flex}.server-search-result:hover{border-color:var(--gamevox-orange-start);background-color:var(--bg-elevated)}.server-search-result.is-member{opacity:.7}.server-result-info{flex:1;min-width:0}.server-result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:600;overflow:hidden}.server-result-code{font-size:12px;font-family:var(--font-mono);color:var(--gamevox-orange-start);margin-bottom:var(--space-xs)}.server-result-stats{gap:var(--space-md);color:var(--text-secondary);font-size:12px;display:flex}.server-result-stats .stat-value{color:var(--text-primary);font-weight:600}.server-result-stats .stat-value.online{color:var(--status-online)}.server-result-action{margin-left:var(--space-md)}.server-result-action .already-member{color:var(--text-tertiary);padding:var(--space-sm) var(--space-md);font-size:12px}.join-result-btn{padding:var(--space-sm) var(--space-lg);font-size:13px}.join-result-btn.joined{background:var(--bg-primary,#1e2024);color:var(--text-secondary,#b0b0b0);border:1px solid var(--border-medium,#3a3d42);cursor:default;background-image:none}.code-input-wrapper{gap:var(--space-sm);align-items:stretch;display:flex}.code-input-wrapper input{padding:var(--space-md);background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-align:center;box-sizing:border-box;flex:1;height:44px}.code-input-wrapper input:focus{border-color:var(--gamevox-orange-start);outline:none;box-shadow:0 0 0 3px #eb75381a}.code-input-wrapper input::placeholder{color:var(--text-muted);letter-spacing:2px}.code-input-wrapper .option-btn{box-sizing:border-box;justify-content:center;align-items:center;height:44px;display:flex}.code-hint{color:var(--text-tertiary);font-size:11px;margin-top:var(--space-sm)!important}.create-server-section{text-align:center;padding:var(--space-xl);flex-direction:column;align-items:center;display:flex}.create-server-header{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.create-server-section .option-icon{width:36px;height:36px;margin-bottom:0}.create-server-section .create-server-header h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.create-server-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:20px;font-weight:600}.create-server-section p{margin:0 0 var(--space-xl) 0;color:var(--text-secondary);max-width:400px;font-size:14px;line-height:1.5}.create-server-form{gap:var(--space-md);flex-direction:column;width:100%;max-width:350px;display:flex}.create-server-form label{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.create-server-form input{padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);text-align:center;font-size:16px}.create-server-form input:focus{border-color:var(--gamevox-orange-start);outline:none;box-shadow:0 0 0 3px #eb75381a}.create-server-form input::placeholder{color:var(--text-muted)}.create-server-result{text-align:center;padding:var(--space-xl);flex-direction:column;align-items:center;display:flex}.create-server-result .success-icon,.discord-import-section .success-icon{background:linear-gradient(135deg, var(--status-online), #22c55e);width:80px;height:80px;margin-bottom:var(--space-lg);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.create-server-result h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:22px;font-weight:600}.create-server-result p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:14px}.server-code-display{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background-color:var(--bg-elevated);border:2px dashed var(--gamevox-orange-start);border-radius:var(--radius-lg);margin:var(--space-md) 0;display:flex}.server-code-display span{font-size:28px;font-family:var(--font-mono);color:var(--gamevox-orange-start);letter-spacing:3px;font-weight:700}.copy-btn{padding:var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.copy-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.copy-btn.copied{border-color:var(--status-online);color:var(--status-online)}.share-hint{color:var(--text-tertiary);font-size:12px}.success-celebration{margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.success-celebration .success-icon.pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 20px #22c55e4d}50%{transform:scale(1.05);box-shadow:0 0 40px #22c55e80}}.confetti-container{pointer-events:none;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confetti{border-radius:2px;width:10px;height:10px;animation:3s ease-out forwards confetti-fall;position:absolute}.confetti:first-child{background:var(--gamevox-orange-start);animation-delay:0s;left:50%}.confetti:nth-child(2){background:#22c55e;animation-delay:.1s;left:30%}.confetti:nth-child(3){background:#3b82f6;animation-delay:.2s;left:70%}.confetti:nth-child(4){background:#f59e0b;animation-delay:.15s;left:20%}.confetti:nth-child(5){background:#ec4899;animation-delay:.25s;left:80%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(-100px)rotate(720deg)scale(0)}}.create-server-result .success-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:16px}.invite-section{width:100%;max-width:400px}.invite-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:600;display:block}.invite-link-display{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--gamevox-orange-start);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:linear-gradient(135deg,#eb75381a,#e3521a1a);display:flex}.invite-link{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;flex:1;font-size:14px;font-weight:500}.code-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:12px;display:flex}.code-divider:before,.code-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.continue-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;max-width:300px;padding:var(--space-lg) var(--space-xl);margin-top:var(--space-xl);border-radius:var(--radius-lg);font-size:18px;font-weight:700;transition:all .3s;display:flex}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #eb753866}.continue-btn svg{transition:transform .3s}.continue-btn:hover svg{transform:translate(4px)}.discord-import-section{text-align:center;padding:var(--space-xl);flex-direction:column;align-items:center;display:flex}.discord-import-section .import-step{flex-direction:column;align-items:center;width:100%;display:flex}.discord-import-section .discord-icon{width:100px;height:100px;margin-bottom:var(--space-xl);justify-content:center;align-items:center;display:flex}.discord-import-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:20px;font-weight:600}.discord-import-section p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);max-width:420px;font-size:14px;line-height:1.5}.discord-import-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:22px;font-weight:600}.discord-import-section .success-subtitle{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:16px}.import-report{margin-bottom:var(--space-lg);max-width:380px;margin-left:auto;margin-right:auto}.import-report-table{border-collapse:collapse;width:100%;font-size:13px}.import-report-table td{color:var(--text-secondary);padding:5px 8px}.import-report-table td:first-child{color:var(--text-primary);text-align:left}.import-report-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.import-report-table tr.report-divider td{border-top:1px solid var(--border-color,#ffffff0f);padding-top:8px}.import-report-table .report-pending{color:var(--text-muted,#6b7280);font-style:italic}.import-report-table .report-warning{color:var(--warning,#f59e0b);font-size:12px}.discord-import-section .import-note{color:var(--text-muted,#6b7280);margin-bottom:var(--space-lg);font-size:12px}.button-discord{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s,opacity .2s;color:#fff!important;background:#5865f2!important}.button-discord:hover{background:#4752c4!important}.button-discord:disabled{opacity:.6;cursor:not-allowed}.button-secondary{border:1px solid var(--border-primary);background:var(--bg-tertiary,#2d3139)!important;color:var(--text-secondary)!important}.button-secondary:hover{background:var(--bg-hover,#363b44)!important}.import-back-btn{margin-top:var(--space-md)}.guild-list{gap:var(--space-xs);width:100%;max-height:300px;margin-bottom:var(--space-md);text-align:left;flex-direction:column;display:flex;overflow-y:auto}.guild-card{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-tertiary,#2d3139);transition:background .15s;display:flex}.guild-card:hover{background:var(--bg-hover,#363b44)}.guild-card-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.guild-card-icon-placeholder{color:#fff;background:#5865f2;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.guild-card-info{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.guild-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.guild-card-badge{background:var(--accent-start,#eb7538);color:#fff;white-space:nowrap;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.no-guilds-message{color:var(--text-secondary);padding:var(--space-xl);font-size:14px}.import-preview-content{width:100%;margin-bottom:var(--space-md)}.import-preview-grid{gap:var(--space-lg);text-align:left;grid-template-columns:1fr 1fr;display:grid}.import-preview-section h4{color:var(--text-primary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.import-stat{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.import-stat-label{color:var(--text-secondary)}.import-stat-value{color:var(--text-primary);font-weight:500}.import-role-list{margin-top:var(--space-xs);flex-wrap:wrap;gap:4px;display:flex}.import-role-tag{border:1px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.import-role-skipped{opacity:.5;font-style:italic}.import-mode-selector{gap:var(--space-sm);text-align:left;flex-direction:column;display:flex}.import-mode-option{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;border:2px solid var(--border-primary);background:var(--bg-tertiary);border-radius:10px;transition:border-color .12s,background-color .12s,transform .12s;display:flex}.import-mode-option:hover{background:var(--bg-secondary);border-color:#eb753873}.import-mode-option:has(input:checked){border-color:var(--gamevox-orange-start);background:#eb753814}.import-mode-option:active{transform:scale(.995)}.import-mode-option input[type=radio]{appearance:none;border:2px solid var(--border-secondary,#4a4d55);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:18px;height:18px;margin:2px 0 0;transition:border-color .12s;position:relative}.import-mode-option input[type=radio]:checked{border-color:var(--gamevox-orange-start)}.import-mode-option input[type=radio]:checked:after{content:"";background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.import-mode-option>div{flex:auto;min-width:0}.import-mode-option strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.import-mode-option p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.tier-warning-box{border-radius:var(--radius-md);padding:var(--space-md);text-align:left;margin-bottom:var(--space-md);background:#f59e0b1a;border:1px solid #f59e0b4d;width:100%}.tier-warning-box strong{color:#f59e0b;margin-bottom:var(--space-xs);font-size:13px;display:block}.tier-warning-box p{color:var(--text-secondary);text-align:left;max-width:none;margin:4px 0;font-size:12px}.tier-warning-hint{opacity:.7;font-style:italic;margin-top:var(--space-sm)!important}.import-actions{width:100%;max-width:350px}.import-label{text-align:left;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:500;display:block}.import-action-buttons{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.import-action-buttons .option-btn{flex:1}.import-progress-bar{background:var(--bg-tertiary,#2d3139);width:100%;max-width:350px;height:8px;margin:var(--space-lg) 0 var(--space-md);border-radius:4px;overflow:hidden}.import-progress-fill{background:linear-gradient(90deg, var(--accent-start,#eb7538), var(--accent-end,#ef4d3b));border-radius:4px;width:0%;height:100%;transition:width .3s}.loading-text{color:var(--text-secondary);padding:var(--space-lg);font-size:14px}.settings-row{margin-bottom:var(--space-md)}.settings-input-group{gap:var(--space-sm);align-items:center;max-width:500px;display:flex}.settings-input{padding:var(--space-md);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box;flex:1;height:40px;font-family:inherit;font-size:13px}.settings-input:focus{border-color:var(--gamevox-orange-start);outline:none}.settings-input[readonly]{cursor:default;color:var(--text-secondary)}.secondary-btn{padding:var(--space-md) var(--space-lg);background-color:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;transition:all .2s}.secondary-btn:hover{background-color:var(--bg-tertiary);border-color:var(--gamevox-orange-start)}.secondary-btn:active{transform:scale(.98)}.secondary-btn.icon-btn{padding:var(--space-md);box-sizing:border-box;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.secondary-btn.icon-btn svg{display:block}.settings-checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:14px;display:flex}.settings-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gamevox-orange-start);cursor:pointer}.settings-checkbox-label:hover{color:var(--text-primary)}.settings-checkbox-label:hover input[type=checkbox]{filter:brightness(1.1)}.toggle-slider{cursor:pointer;background-color:var(--bg-elevated);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end))}.setting-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row.clickable-toggle-row:hover{background:var(--bg-hover)!important}.setting-info{flex-direction:column;flex:1;gap:4px;margin-right:16px;display:flex}.setting-label{color:var(--text-primary);font-size:14px;font-weight:500}.setting-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.cpu-badge{vertical-align:middle;letter-spacing:.3px;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;display:inline-block}.cpu-badge.cpu-low{color:#43b581;background:#43b58126}.cpu-badge.cpu-moderate{color:#faa61a;background:#faa61a26}.cpu-badge.cpu-high{color:#f04747;background:#f0474726}.blocked-users-list{flex-direction:column;gap:8px;display:flex}.blocked-users-list .no-blocked{color:var(--text-tertiary);text-align:center;padding:16px;font-size:13px}.blocked-user-row{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.blocked-user-row .username{color:var(--text-primary);font-weight:500}.blocked-user-row .unblock-btn{border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px}.blocked-user-row .unblock-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.linked-account-row{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.linked-account-row:hover{border-color:var(--border-medium)}.linked-account-info{align-items:center;gap:12px;display:flex}.discord-icon{flex-shrink:0}.linked-account-details{flex-direction:column;gap:2px;display:flex}.linked-account-name{color:var(--text-primary);font-size:14px;font-weight:600}.linked-account-status{color:var(--text-tertiary);font-size:12px}.linked-account-status.linked{color:#3ba55c}.linked-account-actions{gap:8px;display:flex}.discord-link-btn{background:var(--gamevox-orange-start,#eb7538);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.discord-link-btn:hover{background:var(--gamevox-orange-end,#ef4d3b);transform:translateY(-1px)}.discord-link-btn:active{transform:translateY(0)scale(.98)}.discord-unlink-btn{border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.discord-unlink-btn:hover{color:#ed4245;background:#ed42451a;border-color:#ed4245}.settings-description{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.log-viewer-header{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.log-file-selector{align-items:center;gap:8px;display:flex}.log-file-selector label{color:var(--text-secondary);white-space:nowrap;font-size:13px}.log-file-selector select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex:1;padding:8px 12px;font-size:13px}.log-file-selector select:focus{border-color:var(--gamevox-orange-start);outline:none}.log-filters{align-items:center;gap:8px;display:flex}.log-filters label{color:var(--text-secondary);font-size:13px}.log-filter-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:12px;transition:all .2s}.log-filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.log-filter-btn.active{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.log-filter-btn[data-level=error].active{background:#ed4245;border-color:#ed4245}.log-filter-btn[data-level=warning].active{background:#faa61a;border-color:#faa61a}.log-filter-btn[data-level=connection].active{background:var(--gamevox-orange-start,#eb7538);border-color:var(--gamevox-orange-start,#eb7538)}.log-filter-btn[data-level=media].active{background:#9b59b6;border-color:#9b59b6}.log-filter-btn[data-level=streaming].active{background:#e67e22;border-color:#e67e22}.log-search{gap:6px;display:flex}.log-copy-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;padding:6px 10px;transition:background .15s,color .15s;display:flex}.log-copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.log-copy-btn.copied{color:#fff;background:#27ae60;border-color:#27ae60}.log-search input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.log-search input:focus{border-color:var(--gamevox-orange-start);outline:none}.log-search input::placeholder{color:var(--text-tertiary)}.log-viewer-stats{border-bottom:1px solid var(--border-subtle);gap:16px;margin-bottom:8px;padding:8px 0;display:flex}.log-viewer-stats span{color:var(--text-secondary);font-size:12px}#log-error-count{color:#ed4245}#log-warning-count{color:#faa61a}.log-viewer-content{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:text;height:300px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.6;overflow-y:auto;-webkit-user-select:text!important;user-select:text!important}.log-viewer-content *{-webkit-user-select:text!important;user-select:text!important}.log-loading{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-style:italic;display:flex}.log-entry{border-bottom:1px solid var(--border-subtle);padding:4px 12px;transition:background-color .1s;display:flex}.log-entry:hover{background:var(--bg-secondary)}.log-entry:last-child{border-bottom:none}.log-entry.level-error{background:#ed42451a}.log-entry.level-error:hover{background:#ed424526}.log-entry.level-warning{background:#faa61a1a}.log-entry.level-warning:hover{background:#faa61a26}.log-entry.level-header{background:var(--bg-secondary);color:var(--gamevox-orange-start);font-weight:600}.log-timestamp{color:var(--text-tertiary);flex-shrink:0;width:150px;margin-right:8px}.log-category{color:var(--gamevox-orange-start);flex-shrink:0;margin-right:8px;font-weight:500}.log-message{color:var(--text-primary);word-break:break-word;flex:1}.log-entry.level-error .log-message{color:#ed4245}.log-entry.level-warning .log-message{color:#faa61a}.send-log-form{flex-direction:column;gap:12px;display:flex}.send-log-form textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:80px;padding:12px;font-size:13px}.send-log-form textarea:focus{border-color:var(--gamevox-orange-start);outline:none}.send-log-form textarea::placeholder{color:var(--text-tertiary)}.send-log-actions{gap:8px;display:flex}.send-log-actions button{align-items:center;gap:8px;display:flex}.send-log-actions button svg{flex-shrink:0}.send-log-status{margin:0;padding:8px 0;font-size:13px}.send-log-status.success{color:#43b581}.send-log-status.error{color:#ed4245}.send-log-status.loading{color:var(--text-secondary);font-style:italic}.server-settings-modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.server-settings-container{background:var(--bg-primary);border-radius:var(--radius-lg);-webkit-app-region:drag;--wails-draggable:drag;width:90%;max-width:1400px;height:90%;max-height:1100px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.server-settings-container input,.server-settings-container textarea,.server-settings-container select,.server-settings-container button,.server-settings-container a,.server-settings-container .settings-nav-item,.server-settings-container .settings-content,.server-settings-container .settings-main,.server-settings-container .settings-tab-content{-webkit-app-region:no-drag;--wails-draggable:no-drag}.server-settings-close-x{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;z-index:10;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.server-settings-close-x:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dialog-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:0 8px 32px #00000080}.dialog-container h3{margin:0 0 var(--space-lg) 0;color:var(--text-primary);text-transform:uppercase;font-size:18px}.dialog-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex}.settings-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:all .15s}.settings-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-save-btn.danger{background:var(--error-color)}.settings-save-btn.danger:hover{background:#d63939}.server-settings-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);-webkit-app-region:drag;--wails-draggable:drag;flex-direction:column;width:270px;display:flex}.settings-sidebar-header{padding:var(--space-md) var(--space-lg) var(--space-sm);border-bottom:1px solid var(--border-subtle)}.settings-sidebar-header h2{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.settings-server-name{margin-top:var(--space-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.settings-sidebar-search{margin-top:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);-webkit-app-region:no-drag;--wails-draggable:no-drag;border-radius:4px;padding:3px 8px;font-size:11px}.settings-sidebar-search:focus{border-color:var(--gamevox-orange-start);outline:none}.settings-nav-item.search-hidden{display:none!important}.settings-nav{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.settings-nav-item{align-items:center;gap:var(--space-sm);padding:6px var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;font-size:13px;font-weight:600;transition:all .15s;display:flex}.settings-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-nav-item.active{background-color:var(--selected-bg);color:var(--gamevox-orange-start);border-radius:var(--radius-sm)}.settings-nav-item .nav-icon{text-align:center;width:20px;font-size:16px}.settings-nav-item .nav-icon .twemoji{vertical-align:middle;width:16px;height:16px}.settings-sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle)}.settings-close-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .15s;display:flex}.settings-close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-close-btn span{background:var(--bg-primary);border-radius:3px;padding:2px 6px;font-size:11px}.server-settings-content{padding:var(--space-xl);flex:1;min-width:0;overflow:hidden auto}.settings-tab-content{max-width:100%;display:none}.settings-tab-content.active{display:block}.settings-tab-content h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary);text-transform:uppercase;font-size:20px;font-weight:600}.settings-description{color:var(--text-secondary);margin:0 0 var(--space-lg) 0;font-size:14px}.settings-section{margin-bottom:var(--space-lg)}.settings-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:12px;font-weight:600;display:block}.server-settings-content .settings-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);box-sizing:border-box;font-size:14px;transition:border-color .15s}.server-settings-content .settings-input:focus{border-color:var(--gamevox-orange-start);outline:none}.settings-textarea{width:100%;min-height:100px;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;box-sizing:border-box;font-family:inherit;font-size:14px;transition:border-color .15s}.settings-textarea:focus{border-color:var(--gamevox-orange-start);outline:none}.settings-actions{margin-top:var(--space-xl);gap:var(--space-sm);display:flex}.settings-save-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .15s}.settings-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #eb75384d}.permissions-info-trigger{vertical-align:middle;cursor:help;color:#58a6ff;align-items:center;margin-left:4px;display:inline-flex;position:relative}.permissions-info-trigger svg{opacity:.7;transition:opacity .15s}.permissions-info-trigger:hover svg{opacity:1}.permissions-info-tooltip{background:var(--bg-tertiary);border-radius:var(--radius-md);width:320px;color:var(--text-secondary);z-index:100;cursor:default;border:1px solid #58a6ff40;padding:12px 14px;font-size:13px;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.permissions-info-trigger:hover .permissions-info-tooltip{display:block}.permissions-info-tooltip strong{color:var(--text-primary);margin-bottom:4px;font-size:13px;display:block}.permissions-info-emphasis{color:var(--text-primary);letter-spacing:.02em;margin-top:6px;font-size:12px;font-weight:600;display:block}.permissions-container{gap:var(--space-lg);min-height:400px;display:flex}.groups-list-wrapper{gap:var(--space-sm);flex-direction:column;width:240px;min-width:240px;display:flex}.groups-list-header{color:var(--text-muted);padding:0 var(--space-sm);margin-bottom:var(--space-xs);font-size:11px}.add-group-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .15s;display:flex}.add-group-btn:hover{background:var(--bg-hover);border-color:var(--gamevox-orange-start);color:var(--text-primary)}.add-group-btn span{font-size:16px;font-weight:500}.groups-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.group-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;font-size:14px;transition:all .15s;display:flex}.group-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.group-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--gamevox-orange-start)}.group-item .group-rank{color:var(--text-tertiary);margin-left:auto;font-size:11px}.permissions-panel{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);flex:1;overflow-y:auto}.no-group-selected{height:100%;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-group-selected .icon{margin-bottom:var(--space-md);font-size:48px}.permission-category{margin-bottom:var(--space-lg)}.permission-category h4{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.permission-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.permission-row:last-child{border-bottom:none}.permission-info{flex:1}.permission-name{color:var(--text-primary);font-size:14px}.permission-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px}.permission-select:focus{border-color:var(--gamevox-orange-start);outline:none}.permission-toggle{width:44px;height:24px;position:relative}.permission-toggle input{opacity:0;width:0;height:0}.permission-toggle .slider{cursor:pointer;background:var(--bg-tertiary);border-radius:12px;transition:all .2s;position:absolute;inset:0}.permission-toggle .slider:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.permission-toggle input:checked+.slider{background:var(--gamevox-orange-start)}.permission-toggle input:checked+.slider:before{background:#fff;transform:translate(20px)}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.settings-section-header h3{margin:0}.settings-section-header .settings-description{margin:4px 0 0}.settings-section-header .primary-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.modal-close-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-close-x:hover{color:var(--text-primary)}.announcement-editor-modal{width:90%;min-width:400px;max-width:550px}.announcement-editor-modal .modal-body{gap:var(--space-md);flex-direction:column;display:flex}.announcement-editor-modal .modal-body label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--space-xs);font-size:12px;font-weight:500;display:block}.hero-btn.settings{background:var(--bg-tertiary);border-color:var(--border-subtle)}.hero-btn.settings:hover{background:var(--bg-elevated);border-color:var(--text-secondary)}.settings-toast{border-radius:var(--radius-md);z-index:100001;opacity:0;box-shadow:var(--shadow-lg);padding:12px 24px;font-size:14px;font-weight:500;transition:transform .3s,opacity .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.settings-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.settings-toast.success{color:#fff;background:#43b581}.settings-toast.error{color:#fff;background:#f04747}.settings-toast.info{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.notification-category-grid{flex-direction:column;gap:8px;margin-top:12px;display:flex}.notification-category-row{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.notification-category-row:hover{background:var(--bg-secondary)}.notification-category-name{color:var(--text-primary);font-size:14px;font-weight:500}.mini-toggle{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:36px;height:28px;transition:all .2s;display:flex;position:relative}.mini-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.mini-toggle-icon{opacity:.4;pointer-events:none;font-size:14px;transition:opacity .2s}.mini-toggle:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.mini-toggle input:checked+.mini-toggle-icon{opacity:1}.mini-toggle:has(input:checked){background:var(--accent-primary);border-color:var(--accent-primary)}.section-description{color:var(--text-muted);margin-bottom:12px;font-size:13px}.test-buttons-row{flex-wrap:wrap;gap:8px;display:flex}.test-buttons-row .secondary-btn{padding:8px 16px;font-size:13px}.permission-group-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:14px;transition:all .15s;display:flex}.permission-group-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.permission-group-item.active{background:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--gamevox-orange-start)}.permission-group-item .group-icon{font-size:16px}.permission-group-item .group-name{flex:1}.permission-group-item .group-rank{color:var(--text-muted);background:var(--bg-primary);border-radius:10px;padding:2px 6px;font-size:11px}.permission-group-item.locked{opacity:.6}.permission-group-item.locked:hover{background:var(--bg-secondary);cursor:not-allowed}.permission-group-item .group-locked-icon{margin-left:4px;font-size:12px}.group-context-menu{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:10100;min-width:150px;padding:var(--space-xs);position:fixed;box-shadow:0 4px 16px #0006}.group-context-menu-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:13px;transition:all .15s;display:flex}.group-context-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.group-context-menu-item.danger{color:var(--error-color)}.group-context-menu-item.danger:hover{background:#f047471a}.group-rename-input{width:calc(100% - 8px);padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);border:1px solid var(--gamevox-orange-start);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:13px}.group-rename-input:focus{box-shadow:0 0 0 2px #ff88004d}.rank-locked-note{color:var(--text-muted);margin:0 0 var(--space-md) 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#72767d33;border-left:3px solid #72767d;font-size:13px}.permissions-panel-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-md);flex-direction:row;align-items:center;gap:12px;display:flex}.permissions-panel-header .header-info{flex-direction:row;flex:1;align-items:center;gap:12px;height:40px;display:flex}.permissions-panel-header .header-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.permissions-panel-header .group-icon.large{justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;display:flex}.permissions-panel-header .group-icon.large svg{width:22px;height:22px}.permissions-panel-header h4{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;height:40px;margin:0;font-size:16px;font-weight:600;line-height:40px;overflow:hidden}.permissions-panel-header .group-icon-selector{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0;display:flex}.permissions-panel-header .group-icon-selector.editable{cursor:pointer;transition:all .2s}.permissions-panel-header .group-icon-selector.editable:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.permissions-panel-header .group-icon-selector .icon-edit-hint{display:none}.permissions-panel-header .owner-badge{color:#1a1a1a;border-radius:var(--radius-sm);text-transform:uppercase;background:linear-gradient(135deg,#f0c14b,#d4a739);align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.permissions-panel-header .guest-badge{background:linear-gradient(135deg, var(--gamevox-orange-start,#eb7538), var(--gamevox-orange-end,#ef4d3b));color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.permissions-panel-header .locked-badge{color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;background:linear-gradient(135deg,#72767d,#5d6269);align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.permissions-panel-header .group-rank-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);box-sizing:border-box;flex-shrink:0;align-items:center;height:40px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:600;display:flex}.permissions-panel-header .group-name-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);box-sizing:border-box;text-overflow:ellipsis;flex:1;min-width:0;height:40px;margin:0;padding:0 12px;font-size:16px;font-weight:600;line-height:38px;transition:border-color .2s,background-color .2s;overflow:hidden}.permissions-panel-header .group-name-input:focus{border-color:var(--accent-primary);background:var(--bg-secondary);outline:none}.permissions-panel-header .group-name-input:hover{border-color:var(--text-muted)}.permissions-panel-header .rank-badge-editable{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:40px;margin:0 0 0 auto;padding:0 10px;display:flex}.permissions-panel-header .rank-badge-editable .rank-label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.permissions-panel-header .rank-badge-editable .rank-input-inline{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);text-align:center;box-sizing:border-box;vertical-align:middle;border-radius:4px;width:45px;height:28px;margin:0;padding:0 6px;font-size:14px;font-weight:600;line-height:26px}.permissions-panel-header .rank-badge-editable .rank-input-inline:focus{border-color:var(--accent-primary);background:var(--bg-primary);outline:none}.group-icon-picker{border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:10000;background:#1e1f22;flex-direction:column;min-width:320px;max-width:360px;max-height:450px;padding:12px;display:flex;box-shadow:0 8px 24px #0009}.group-icon-picker .icon-picker-header{border-bottom:1px solid var(--border-subtle);margin-bottom:10px;padding-bottom:8px}.group-icon-picker .icon-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.icon-picker-upload-btn{background:var(--gamevox-orange-start);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:4px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .15s;display:inline-flex}.icon-picker-upload-btn:hover{opacity:.85}.group-icon-picker .icon-picker-search{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-family);box-sizing:border-box;background:#2b2d31;outline:none;padding:8px 10px}.group-icon-picker .icon-picker-search:focus{border-color:var(--accent-primary)}.group-icon-picker .icon-picker-search::placeholder{color:var(--text-muted)}.group-icon-picker .icon-picker-categories{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;margin-bottom:10px;padding-bottom:10px;display:flex}.group-icon-picker .icon-category-btn{border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-family:var(--font-family);cursor:pointer;background:#2b2d31;border:1px solid #0000;padding:4px 10px;transition:all .15s}.group-icon-picker .icon-category-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.group-icon-picker .icon-category-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.group-icon-picker .icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:6px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.group-icon-picker .icon-picker-item{border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.group-icon-picker .icon-picker-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.group-icon-picker .icon-picker-item svg{width:24px;height:24px}.group-icon-picker .icon-picker-grid::-webkit-scrollbar{width:6px}.group-icon-picker .icon-picker-grid::-webkit-scrollbar-track{background:0 0}.group-icon-picker .icon-picker-grid::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.group-icon-picker .icon-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.guest-note{color:var(--text-muted);margin:0 0 var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--gamevox-orange-start,#eb7538);font-size:13px;font-style:italic}.rank-edit-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--border-subtle)}.rank-edit-section .settings-label{margin-bottom:var(--space-xs)}.rank-edit-section .settings-description{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:12px}.rank-input-row{align-items:center;gap:var(--space-sm);display:flex}.rank-input{text-align:center;width:100px}.rank-save-btn{padding:var(--space-xs) var(--space-md);font-size:13px}.permissions-search-wrapper{background:var(--bg-tertiary,#1e1f22);border:1px solid #0000;border-radius:6px;align-items:center;margin-bottom:12px;padding:0 10px;transition:border-color .15s;display:flex}.permissions-search-wrapper:focus-within{border-color:var(--accent-color,#eb7538)}.permissions-search-wrapper svg{color:var(--text-muted,#949ba4);flex-shrink:0;width:16px;height:16px}.permissions-search-input{box-shadow:none;color:var(--text-primary,#e0e0e0);background:0 0;border:none;outline:none;flex:1;min-width:0;margin-bottom:0;padding:8px;font-size:14px}.permissions-search-input::placeholder{color:var(--text-muted,#949ba4)}.permissions-list{gap:var(--space-lg);flex-direction:column;display:flex}.permission-section{gap:var(--space-sm);flex-direction:column;display:flex}.permission-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-bottom:var(--space-xs);margin:0;font-size:12px;font-weight:700}.permission-section-note{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;font-size:12px;font-style:italic}.permission-item{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;transition:border-color .15s;display:flex}.permission-item:hover{border-color:var(--border-subtle)}.permission-info{flex-direction:column;gap:2px;display:flex}.permission-label{color:var(--text-primary);font-size:16px;font-weight:500}.permission-desc{color:var(--text-muted);font-size:15px}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));border-color:#0000}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translate(20px)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled .toggle-slider{cursor:not-allowed}.permission-item.no-permission{opacity:.6;position:relative}.permission-item.no-permission:after{content:"🔒";opacity:.7;margin-left:8px;font-size:12px}.permission-item.no-permission .permission-desc:after{content:" (You do not have this permission)";color:var(--text-muted);font-style:italic}.permissions-actions{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.owner-note{color:var(--text-muted);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);font-size:13px;font-style:italic}.perm-tab-bar{margin-bottom:var(--space-md);border-bottom:2px solid var(--border-subtle);gap:0;display:flex}.perm-tab-btn{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.perm-tab-btn:hover{color:var(--text-primary)}.perm-tab-btn.active{color:var(--gamevox-orange-start);border-bottom-color:var(--gamevox-orange-start);font-weight:600}.channel-perms-loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-secondary);font-size:13px;display:flex}.channel-perms-placeholder{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.channel-perms-hint{font-size:13px}.channel-perms-empty{text-align:center;padding:var(--space-xl);color:var(--text-muted);font-size:13px}.channel-perms-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-height:calc(100vh - 320px);overflow:hidden auto}.channel-perms-table tr.ch-header-row td{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.channel-perms-table tr.ch-header-row td.ch-name-col .ch-name-text{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:700}.channel-perms-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.channel-perms-table thead{z-index:1;background:var(--bg-tertiary);position:sticky;top:0}.channel-perms-table th{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);padding:6px 2px;font-size:10px;font-weight:600}.channel-perms-table th.ch-name-col{text-align:left;padding-left:10px}.channel-perms-table th.ch-perm-col{width:42px}.channel-perms-table tbody tr{border-bottom:1px solid var(--border-subtle)}.channel-perms-table tbody tr:last-child{border-bottom:none}.channel-perms-table tbody tr:hover{background:var(--bg-hover)}.channel-perms-table td{text-align:center;vertical-align:middle;padding:4px 2px}.channel-perms-table td.ch-name-col{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;overflow:hidden}.channel-perms-table td.ch-name-col .channel-type-icon{vertical-align:middle;flex-shrink:0;width:14px;height:14px;margin-right:5px}.channel-perms-table td.ch-name-col .ch-fileshare-icon{text-align:center;vertical-align:middle;flex-shrink:0;width:18px;margin-right:5px;font-size:14px;line-height:1;display:inline-block}.channel-perms-table td.ch-name-col .ch-fileshare-icon .custom-emoji{vertical-align:middle;width:16px;height:16px}.channel-perms-table td.ch-name-col .ch-name-text{color:var(--text-primary);vertical-align:middle;font-size:12px;font-weight:500}.channel-perms-table td.ch-perm-na{opacity:.25}.channel-perms-table td.ch-perm-na .perm-na{color:var(--text-tertiary);font-size:10px}.channel-perms-table td.ch-perm-disabled{opacity:.3}.channel-perms-table td.inherited .channel-perm-cb:checked,.channel-perms-table td.inherited .file-share-perm-cb:checked{opacity:.5}.channel-perm-cb,.file-share-perm-cb{cursor:pointer;width:15px;height:15px;accent-color:var(--gamevox-orange-start);margin:0}.channel-perm-cb:disabled,.file-share-perm-cb:disabled{cursor:not-allowed;opacity:.5}.channel-perms-save-bar{justify-content:flex-end;align-items:center;gap:var(--space-md);padding-top:var(--space-md);margin-top:var(--space-sm);display:flex}.channel-perms-status{color:var(--text-secondary);font-size:12px}.channel-perms-save-btn{padding:8px 20px;font-size:13px}.no-group-selected{height:200px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-group-selected .icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.no-group-selected p{margin:0;font-size:14px}.no-groups{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:14px}.settings-tab-content[data-tab=users]{flex-direction:column;height:100%;max-height:calc(100vh - 200px)}.settings-tab-content[data-tab=users].active{display:flex}.settings-tab-content[data-tab=users] h3,.settings-tab-content[data-tab=users] .settings-description{flex-shrink:0}.users-search-bar{margin-bottom:var(--space-md);flex-shrink:0}.users-search-bar .settings-input{width:100%;max-width:300px}.users-list-container{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.users-list-header{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);flex-shrink:0;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) 80px minmax(0,1fr) 80px 50px;gap:8px;font-size:12px;font-weight:600;display:grid}.users-list-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;transition:color .15s;display:flex}.users-list-header .sortable:hover,.users-list-header .sortable.active{color:var(--text-primary)}.users-list-header .sort-indicator{opacity:0;font-size:10px;transition:opacity .15s}.users-list-header .sortable:hover .sort-indicator,.users-list-header .sortable.active .sort-indicator{opacity:1}.users-list-header .sortable.asc .sort-indicator:after{content:"▲"}.users-list-header .sortable.desc .sort-indicator:after{content:"▼"}.users-list{flex:1;min-height:0;overflow:hidden auto}.user-row{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) 80px minmax(0,1fr) 80px 50px;align-items:center;gap:8px;transition:background .15s;display:grid}.user-row:hover{background:var(--bg-tertiary)}.user-row:last-child{border-bottom:none}.user-info{align-items:center;gap:var(--space-sm);min-width:0;display:flex;overflow:hidden}.user-avatar-wrapper{flex-shrink:0;width:32px;height:32px;min-height:32px;display:block;position:relative}.user-avatar{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);box-sizing:border-box;width:100%;height:100%;padding:2px}.user-avatar-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.user-avatar-inner img{object-fit:cover;width:100%;height:100%}.user-avatar-inner svg{width:20px;height:20px;color:var(--text-muted)}.user-details{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.user-status{color:var(--text-muted);font-size:11px}.user-status.online{color:#43b581}.user-group-col{align-items:center;min-width:0;display:flex;overflow:hidden}.user-badge-col{align-items:center;min-width:0;display:flex}.user-group-select,.user-badge-select{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;width:100%;min-width:0;padding:4px 6px;font-size:12px}.user-group-select:focus,.user-badge-select:focus{border-color:var(--gamevox-orange-start);outline:none}.user-group-select:disabled,.user-badge-select:disabled{opacity:.5;cursor:not-allowed}.user-level-col{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.user-xp-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.user-last-seen{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;font-size:12px;display:flex;overflow:hidden}.user-last-seen.online{color:#43b581;font-weight:500}.user-actions{align-items:center;gap:var(--space-xs);justify-content:center;min-width:0;display:flex}.user-action-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:4px 8px;font-size:12px;transition:all .15s}.user-action-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.user-action-btn.danger:hover{color:#f04747;background:#f047471a;border-color:#f04747}.loading-users,.no-users{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:14px}.members-loading-more{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.user-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.user-badge.owner{color:#1a1a1a;background:linear-gradient(135deg,#f0c14b,#d4a739);font-weight:700}.user-badge.supporter{color:#1a1a1a;background:linear-gradient(135deg,#f0c14b,#d4a739)}.user-badge.vip{background:linear-gradient(135deg, var(--gamevox-orange-start,#eb7538), var(--gamevox-orange-end,#ef4d3b));color:#fff}.user-badge.og{color:#fff;background:linear-gradient(135deg,#43b581,#3ca374)}.user-badge.custom{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.activity-log-filters{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex;position:relative}.activity-log-search{flex:1}.activity-log-filter select{min-width:160px}.activity-log-list{gap:var(--space-xs);max-height:calc(80vh - 150px);padding-right:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.activity-log-list .audit-entry{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:3px solid var(--border-medium);background:var(--bg-secondary);transition:background .15s;display:flex}.activity-log-list .audit-entry:hover{background:var(--bg-tertiary)}.activity-log-list .audit-entry.audit-entry-new{background:#3b82f61a;animation:.4s ease-out auditEntrySlideIn}@keyframes auditEntrySlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.live-indicator{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:400;display:inline-flex}.live-indicator .live-dot{background:#27ae60;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.activity-log-list .audit-entry.kick{border-left-color:#e74c3c}.activity-log-list .audit-entry.ban{border-left-color:#c0392b}.activity-log-list .audit-entry.unban{border-left-color:#27ae60}.activity-log-list .audit-entry.group_change{border-left-color:#3498db}.activity-log-list .audit-entry.permission_update{border-left-color:#9b59b6}.activity-log-list .audit-entry.badge_change{border-left-color:#f39c12}.activity-log-list .audit-entry.file_upload{border-left-color:#27ae60}.activity-log-list .audit-entry.file_delete{border-left-color:#e74c3c}.activity-log-list .audit-entry.file_rename{border-left-color:#3498db}.activity-log-list .audit-entry.settings_update{border-left-color:#95a5a6}.activity-log-list .audit-entry.announcement_create{border-left-color:#1abc9c}.activity-log-list .audit-entry.announcement_delete{border-left-color:#e74c3c}.activity-log-list .audit-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.activity-log-list .audit-icon svg{width:16px;height:16px}.activity-log-list .audit-content{flex:1;min-width:0}.activity-log-list .audit-main{color:var(--text-secondary);font-size:13px}.activity-log-list .audit-actor{color:var(--text-primary);font-weight:600}.activity-log-list .audit-action{color:var(--text-secondary)}.activity-log-list .audit-action strong{color:var(--text-primary);font-weight:500}.activity-log-list .audit-reason{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.activity-log-list .audit-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.activity-log-footer{margin-top:var(--space-md);justify-content:center;display:flex}.load-more-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:13px;transition:all .2s}.load-more-btn:hover{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff}.account-avatar-section{align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.saved-avatars-grid{align-items:center;gap:6px;display:flex}.saved-avatar-wrapper{cursor:pointer;position:relative}.saved-avatar-slot{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-medium);justify-content:center;align-items:center;width:56px;height:56px;padding:2px;transition:background .15s;display:flex}.saved-avatar-wrapper:hover .saved-avatar-slot{background:var(--primary)}.saved-avatar-slot-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.saved-avatar-slot.filled .saved-avatar-slot-inner{background:var(--bg-tertiary)}.saved-avatar-slot.filled.active{background:var(--primary)}.saved-avatar-slot.filled img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:100%;height:100%}.saved-avatar-slot .slot-add-icon{color:var(--text-tertiary);font-size:20px;line-height:1}.saved-avatar-wrapper .slot-remove{color:#fff;text-align:center;cursor:pointer;opacity:0;z-index:1;background:#000c;border:none;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;line-height:16px;transition:opacity .15s;position:absolute;top:0;right:4px}.saved-avatar-wrapper:hover .slot-remove{opacity:1}.saved-avatar-picks{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.saved-avatar-picks-label{color:var(--text-tertiary);margin-top:8px;margin-bottom:2px;font-size:11px}.saved-avatar-pick{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--border-color);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:2px;transition:background .15s;display:flex}.saved-avatar-pick:hover{background:var(--primary)}.saved-avatar-pick img{object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--bg-tertiary,#1e1f22);width:100%;height:100%}.account-field-row{gap:var(--space-sm);flex-wrap:nowrap;align-items:stretch;height:36px;display:flex}.account-field-row .settings-input{width:auto;min-width:0;max-width:400px;height:36px;padding:0 var(--space-md);box-sizing:border-box;flex:1;line-height:36px}.account-field-row .icon-btn,.account-field-row .secondary-btn.icon-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.edit-controls{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.edit-controls.hidden{display:none}.edit-controls .settings-input{width:100%;max-width:400px;margin-bottom:var(--space-md)}.edit-buttons{gap:var(--space-sm);display:flex}.field-hint{margin:var(--space-sm) 0 0 0;color:var(--text-tertiary);font-size:12px}.field-error{color:var(--status-error);margin:var(--space-xs) 0;font-size:12px}.field-success{color:var(--status-online);margin:var(--space-xs) 0;font-size:12px}.change-password-form{gap:var(--space-sm);flex-direction:column;max-width:400px;display:flex}.change-password-form .form-field{flex-direction:column;gap:4px;display:flex}.change-password-form label{color:var(--text-secondary);font-size:12px;font-weight:500}.cooldown-notice{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:var(--radius-md);margin:var(--space-sm) 0;color:var(--text-warning);font-size:13px;display:flex}.cooldown-notice svg{color:var(--text-warning);flex-shrink:0}.cooldown-notice.hidden{display:none}.username-history-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.username-history-section.hidden{display:none}.username-history-section h5{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:13px;font-weight:600}.username-history-list{gap:var(--space-xs);flex-direction:column;max-height:150px;display:flex;overflow-y:auto}.username-history-item{padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;font-size:12px;display:flex}.username-history-item .old-username{color:var(--text-secondary);text-decoration:line-through}.username-history-item .history-arrow{color:var(--text-tertiary);margin:0 var(--space-xs)}.username-history-item .new-username{color:var(--text-primary)}.username-history-item .change-date{color:var(--text-tertiary);font-size:11px}.account-list{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.account-list-item{padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.account-list-item .item-value{color:var(--text-primary);font-size:14px}.account-list-item .item-actions{gap:var(--space-xs);display:flex}.account-list-item .item-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px}.account-list-item .item-badge.primary{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}.account-list-item .remove-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;transition:all .15s}.account-list-item .remove-btn:hover{color:#ed4245;background:#ed424533}.add-item-row{gap:var(--space-sm);align-items:center;display:flex}.add-item-row .settings-input{flex:1;max-width:300px}.account-status-display{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.account-status-display .status-label{color:var(--text-secondary);font-size:14px}.account-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.account-badge.unregistered{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.account-badge.registered{color:#faa61a;background:#faa61a33;border:1px solid #faa61a4d}.account-badge.verified{color:#43b581;background:#43b58133;border:1px solid #43b5814d}.no-emails{padding:var(--space-md);text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:13px}.settings-select{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;flex-shrink:0;min-width:140px;max-width:220px;padding:8px 36px 8px 12px;font-size:13px;transition:all .2s}.settings-select:hover{border-color:var(--border-strong);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.settings-select:focus{border-color:var(--gamevox-orange-start);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23eb7538'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");outline:none}.settings-select option{background:var(--bg-primary);color:var(--text-primary);padding:8px 12px}.settings-select option:hover,.settings-select option:checked{background:var(--bg-elevated)}.setting-info-note{background:var(--bg-tertiary);border-left:3px solid var(--gamevox-orange-start);color:var(--text-secondary);border-radius:6px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.setting-info-note .info-icon{flex-shrink:0;font-size:14px}.volume-slider-container{align-items:center;gap:12px;min-width:200px;display:flex}.volume-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--gamevox-orange-start);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.volume-slider::-moz-range-thumb{background:var(--gamevox-orange-start);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.volume-value{text-align:right;min-width:40px;color:var(--text-secondary);font-size:13px;font-weight:500}.input-level-container{min-width:200px}.input-level-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.input-level-fill{background:linear-gradient(90deg,#43b581,#faa61a,#f04747);border-radius:4px;width:0%;height:100%;transition:width 50ms ease-out}.mic-test-row{align-items:center;gap:var(--space-md);display:flex}.mic-test-row .input-level-container{flex:1;min-width:150px}.mic-test-row .settings-btn{flex-shrink:0}.keybind-control{align-items:center;gap:6px;display:flex}.keybind-btn{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);min-width:120px;color:var(--text-primary);cursor:pointer;text-align:center;padding:8px 16px;font-family:monospace;font-size:13px;font-weight:600;line-height:1.4;transition:all .2s}.keybind-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.keybind-btn.recording{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start);color:#fff;font-family:inherit;font-weight:500;animation:1s infinite pulse-recording}.keybind-btn.not-set{color:var(--text-muted);font-family:inherit;font-weight:400}.keybind-clear{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.keybind-clear:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.keybind-clear:active{background:var(--bg-tertiary)}.settings-btn{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:8px 16px;font-size:13px;transition:all .2s}.settings-btn:active{transform:scale(.98)}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}.setting-row.hidden{display:none}.badges-container{gap:var(--space-md);flex-direction:column;display:flex}.badges-list{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.loading-badges{text-align:center;color:var(--text-tertiary);padding:var(--space-xl);grid-column:1/-1}.badge-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;transition:all .2s;display:flex}.badge-card:hover{border-color:var(--gamevox-orange-start);box-shadow:0 2px 8px #eb753826}.badge-card-header{align-items:center;gap:var(--space-sm);display:flex}.badge-card-icon{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.badge-card-icon img.custom-emoji{object-fit:contain;width:24px;height:24px}.badge-card-info{flex:1;min-width:0}.badge-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.badge-card-description{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.badge-card-meta{color:var(--text-tertiary);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;font-size:11px;display:flex}.badge-card-count{align-items:center;gap:var(--space-xs);display:flex}.badge-card-actions{gap:var(--space-xs);display:flex}.badge-card-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 8px;font-size:11px;transition:all .2s}.badge-action-assign{background:var(--gamevox-orange-start);color:#fff}.badge-action-assign:hover{background:var(--gamevox-orange-end)}.badge-action-edit{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-action-edit:hover{background:var(--hover-overlay);color:var(--text-primary)}.badge-action-delete{color:var(--text-tertiary);background:0 0}.badge-action-delete:hover{color:#fff;background:#e74c3c}.add-badge-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;background:0 0;font-size:14px;transition:all .2s;display:flex}.add-badge-btn:hover{border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start);background:#eb75381a}.add-badge-btn span{font-size:20px;font-weight:300}.badge-modal{z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.badge-modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:90%;max-width:450px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.badge-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-medium);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.badge-modal-header h3{color:var(--text-primary);text-transform:uppercase;margin:0;font-size:18px}.badge-modal-close{color:var(--text-tertiary);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.badge-modal-close:hover{color:var(--text-primary)}.badge-modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.badge-modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-medium);display:flex}.badge-preview{padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);justify-content:center;display:flex}.badge-preview-item{align-items:center;gap:var(--space-xs);background:var(--gamevox-orange-start);color:#fff;border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-preview-item span:first-child{font-size:14px}.badge-preview-item img.custom-emoji{object-fit:contain;width:14px;height:14px}.badge-form .form-group{margin-bottom:var(--space-md)}.badge-form label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;font-weight:500;display:block}.badge-form small{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:11px;display:block}.settings-color-input{border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:60px;height:36px;padding:2px}.badge-assign-users{border:1px solid var(--border-medium);border-radius:var(--radius-sm);max-height:200px;margin:var(--space-md) 0;overflow-y:auto}.badge-assign-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .2s;display:flex}.badge-assign-user:hover{background:var(--hover-overlay)}.badge-assign-user.has-badge{opacity:.5;cursor:not-allowed}.badge-assign-user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.badge-assign-user-name{color:var(--text-primary);flex:1;font-size:13px}.badge-assign-user-status{color:var(--text-tertiary);font-size:11px}.badge-assign-user .has-badge-label{color:var(--gamevox-orange-start);background:#eb75381a;border-radius:10px;padding:2px 6px;font-size:10px}.chat-user-info{vertical-align:middle;opacity:.45;align-items:center;gap:4px;margin-left:6px;transition:opacity .15s;display:inline-flex}.chat-message:hover .chat-user-info{opacity:1}.chat-user-badges{vertical-align:middle;gap:4px;display:inline-flex}.chat-badge{background:var(--gamevox-orange-start);color:#fff;cursor:default;border-radius:10px;justify-content:center;align-items:center;gap:2px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.chat-badge img{object-fit:contain;width:12px;height:12px}.chat-badge-icon{font-size:11px}.chat-user-group{background:var(--bg-tertiary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;align-items:center;gap:4px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-flex}.chat-role-icon{object-fit:cover;vertical-align:middle;border-radius:2px;width:14px;height:14px}.chat-role-icon-svg{align-items:center;display:inline-flex}.chat-role-icon-svg svg{width:14px;height:14px}.group-icon-img{object-fit:cover;border-radius:3px;width:20px;height:20px}.analytics-cards{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.analytics-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;min-width:100px;padding:12px 16px}.analytics-card-value{font-size:22px;font-weight:700;line-height:1.2}.analytics-card-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.analytics-section{margin-bottom:20px}.analytics-section-title{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.analytics-chart{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:flex-end;gap:2px;height:120px;padding:12px 8px 24px;display:flex;position:relative}.analytics-chart-bar{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.analytics-chart-bar-fill{border-radius:2px 2px 0 0;width:70%;min-width:4px;transition:height .3s}.analytics-chart-bar-label{color:var(--text-muted);white-space:nowrap;font-size:9px;position:absolute;bottom:-18px}.analytics-bar-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.analytics-bar-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:120px;font-size:12px;overflow:hidden}.analytics-bar-track{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.analytics-bar-fill{background:#43a047;border-radius:4px;height:100%;transition:width .3s}.analytics-bar-fill.accent{background:var(--gamevox-orange-start)}.analytics-bar-value{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:11px}.no-badges{text-align:center;color:var(--text-tertiary);padding:var(--space-xl);grid-column:1/-1}.no-badges p{margin:0 0 var(--space-md)}.settings-cancel-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:13px;transition:all .2s}.settings-cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.member-badges-modal-content{width:650px;max-width:90vw;max-height:85vh}.member-badges-list{gap:var(--space-lg);min-height:300px;max-height:500px;display:flex}.member-badges-section{flex-direction:column;flex:1;min-width:0;display:flex}.member-badges-section:last-child{margin-bottom:0}.member-badges-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:600}.member-badges-grid{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.member-badges-empty{color:var(--text-tertiary);padding:var(--space-md);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;font-size:13px;font-style:italic;display:flex}.member-badge-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:all .15s;display:flex}.member-badge-item.available{cursor:pointer}.member-badge-item.available:hover{background:var(--bg-elevated)}.member-badge-item.assigned{background:#eb75381a;border:1px solid #eb75384d}.member-badge-icon{background:var(--bg-secondary);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.member-badge-icon img.custom-emoji{object-fit:contain;width:18px;height:18px}.member-badge-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-badge-name{color:var(--text-primary);font-size:14px;font-weight:600}.member-badge-desc{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.member-badge-remove-btn{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.member-badge-remove-btn:hover{color:#ef4444;background:#ef444433}.member-badge-add-icon{width:24px;height:24px;color:var(--gamevox-orange-start);opacity:0;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:opacity .15s;display:flex}.member-badge-item.available:hover .member-badge-add-icon{opacity:1}.no-badges-message{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.no-badges-message p{margin:0 0 var(--space-sm)}.no-badges-message strong{color:var(--text-secondary)}.user-badges-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:2px;padding:3px 6px;font-size:11px;transition:all .15s;display:flex}.user-badges-btn:hover{background:var(--bg-elevated);border-color:var(--gamevox-orange-start);color:var(--gamevox-orange-start)}.user-badges-icon{font-size:14px}.user-badges-label{font-weight:500}.user-badges-readonly{color:var(--text-tertiary);font-size:12px}.loading-spinner{text-align:center;color:var(--text-tertiary);padding:var(--space-xl)}.channel-settings-modal{width:90%;max-width:820px;max-height:90vh}.channel-settings-modal .modal-body{padding:var(--space-md) var(--space-lg);max-height:calc(90vh - 140px);overflow-y:auto}.channel-settings-modal .settings-section{margin-bottom:var(--space-xl)}.channel-settings-modal .settings-section h3{color:var(--text-primary);margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.channel-settings-modal .settings-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px}.channel-settings-modal .form-group{margin-bottom:var(--space-sm)}.channel-settings-modal .form-group label{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;display:block}.channel-settings-modal .form-group input[type=text]{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:border-color .2s}.channel-settings-modal .form-group input[type=text]:focus{border-color:var(--gamevox-orange-start);outline:none}.channel-type-display{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;display:flex}.channel-type-icon{opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;display:inline-block}.channel-type-icon[type=voice]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%202C10.34%202%209%203.34%209%205V11C9%2012.66%2010.34%2014%2012%2014C13.66%2014%2015%2012.66%2015%2011V5C15%203.34%2013.66%202%2012%202Z'%20fill='%23b9bbbe'/%3e%3cpath%20d='M17%2011C17%2014.31%2014.31%2017%2011%2017V19C15.42%2019%2019%2015.42%2019%2011H17Z'%20fill='%23b9bbbe'/%3e%3cpath%20d='M7%2011H5C5%2015.42%208.58%2019%2013%2019V17C9.69%2017%207%2014.31%207%2011Z'%20fill='%23b9bbbe'/%3e%3cpath%20d='M11%2020H13V22H11V20Z'%20fill='%23b9bbbe'/%3e%3c/svg%3e")}.channel-type-icon[type=text]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.88657%2021L7.45657%2015H3.00657L3.41657%2013H7.86657L9.07657%208H4.61657L5.02657%206H9.48657L11.0566%200H13.0566L11.4866%206H16.4866L18.0566%200H20.0566L18.4866%206H23.0066L22.5966%208H18.0766L16.8666%2013H21.3966L20.9866%2015H16.4566L14.8866%2021H12.8866L14.4566%2015H9.45657L7.88657%2021H5.88657ZM10.8666%208L9.65657%2013H14.6566L15.8666%208H10.8666Z'%20fill='%23b9bbbe'/%3e%3c/svg%3e")}.channel-type-icon[type=news]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%203H5C3.89%203%203%203.9%203%205V19C3%2020.1%203.89%2021%205%2021H19C20.11%2021%2021%2020.1%2021%2019V5C21%203.9%2020.11%203%2019%203Z'%20fill='%23b9bbbe'/%3e%3cpath%20d='M7%207H17M7%2011H17M7%2015H13'%20stroke='%2336393f'%20stroke-width='1.8'%20stroke-linecap='round'/%3e%3ccircle%20cx='16'%20cy='15'%20r='2'%20fill='%23eb7538'/%3e%3c/svg%3e")}.channel-type-icon[type=fileshare]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%202H6C4.9%202%204%202.9%204%204V20C4%2021.1%204.89%2022%205.99%2022H18C19.1%2022%2020%2021.1%2020%2020V8L14%202Z'%20fill='%23b9bbbe'/%3e%3cpath%20d='M14%202V8H20'%20fill='%2336393f'/%3e%3cpath%20d='M8%2015H16M8%2018H13'%20stroke='%2336393f'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e")}.channel-type-icon[type=forum]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v10z'%20fill='%23b9bbbe'/%3e%3cline%20x1='8'%20y1='9'%20x2='16'%20y2='9'%20stroke='%2336393f'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cline%20x1='8'%20y1='13'%20x2='14'%20y2='13'%20stroke='%2336393f'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e")}.channel-type-icon[type=header]{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%206h16M4%2012h12M4%2018h8'%20stroke='%23b9bbbe'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e")}.channel-type-separator{background:var(--border-subtle);height:1px;margin:2px 0}.channel-type-options{flex-direction:column;gap:4px;display:flex}.channel-type-option{align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;padding:6px 10px;transition:all .15s;display:flex}.channel-type-option:hover{background:var(--bg-secondary)}.channel-type-option.selected{border-color:var(--gamevox-orange-start);background:#eb75381a}.channel-type-option input[type=radio]{display:none}.channel-type-option .channel-type-icon{opacity:.8;width:20px;height:20px}.channel-type-option.selected .channel-type-icon{opacity:1}.channel-type-option .channel-type-label{color:var(--text-primary);min-width:60px;font-size:14px;font-weight:600}.channel-type-option .channel-type-desc{color:var(--text-secondary);flex:1;font-size:12px}.permissions-list{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.permissions-grid{flex-direction:column;gap:0;display:flex}.permissions-header{grid-template-columns:140px repeat(var(--perm-cols,4), 1fr);gap:var(--space-sm);padding:6px var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-size:10px;font-weight:600;display:grid}.permissions-header span{text-align:center}.permissions-header span:first-child{text-align:left}.permissions-row{grid-template-columns:140px repeat(var(--perm-cols,4), 1fr);gap:var(--space-sm);padding:4px var(--space-md);border-radius:var(--radius-sm);align-items:center;transition:background-color .15s;display:grid}.permissions-row:hover{background:var(--bg-secondary)}.permissions-row .group-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.permission-toggle{justify-content:center;align-items:center;min-width:20px;min-height:20px;display:flex}.permission-toggle.inherited{opacity:.7}.permission-toggle.inherited:hover{opacity:1}.permission-toggle .permission-checkbox,.permissions-row .permission-checkbox,.permission-checkbox{background:var(--bg-tertiary);border:2px solid var(--border-subtle);cursor:pointer;border-radius:3px;margin:0;padding:0;transition:all .15s;position:relative;appearance:none!important;opacity:1!important;visibility:visible!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;display:inline-block!important}.permission-checkbox:checked{background:#43b581;border-color:#43b581}.permission-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.permission-checkbox:not(:checked){background:var(--bg-tertiary);border-color:var(--border-subtle)}.permission-checkbox:hover{border-color:var(--text-tertiary)}.permission-checkbox:checked:hover{background:#3ca374;border-color:#3ca374}.permission-checkbox:not([data-inherited=true]):checked{background:var(--gamevox-orange-start);border-color:var(--gamevox-orange-start)}.permission-checkbox:not([data-inherited=true]):checked:hover{background:var(--gamevox-orange-end);border-color:var(--gamevox-orange-end)}.permission-checkbox[data-inherited=true]:checked{background:#5c6770;border-color:#5c6770}.permission-toggle.server-disabled{opacity:.35;pointer-events:none;position:relative}.permission-toggle.server-disabled .permission-checkbox{cursor:not-allowed;background:var(--bg-tertiary)!important;border-color:var(--border-subtle)!important}.permission-toggle.server-disabled:after{content:"🔒";font-size:9px;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.no-groups{text-align:center;color:var(--text-tertiary);padding:var(--space-lg);font-size:13px}.modal-close-btn{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);-webkit-app-region:no-drag;--wails-draggable:no-drag;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:20px;line-height:1;transition:all .15s;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-close-btn:active{transform:scale(.95)}.font-size-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.font-size-preview .preview-label{color:var(--text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.font-size-preview .preview-text{color:var(--text-primary);line-height:1.5;display:block}.font-family-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.font-family-preview .preview-label{color:var(--text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;font-size:11px;display:block}.font-family-preview .preview-text{color:var(--text-primary);font-size:16px;line-height:1.5;display:block}.forum-settings-modal{min-height:500px}.channel-settings-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-medium);padding:0 var(--space-lg);gap:0;display:flex}.channel-settings-tab{padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:13px;font-weight:500;transition:all .2s}.channel-settings-tab:hover{color:var(--text-primary)}.channel-settings-tab.active{color:var(--gamevox-orange-start,#f97316);border-bottom-color:var(--gamevox-orange-start,#f97316)}.forum-tag-create-row{gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center;display:flex}.forum-tag-create-row input[type=text]{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);flex:1;font-size:14px}.forum-tag-create-row input[type=text]:focus{border-color:var(--gamevox-orange-start);outline:none}.forum-tag-create-row input[type=color]{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-tertiary);width:40px;height:34px;padding:2px}.forum-tag-list{gap:var(--space-xs);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.forum-tag-item{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.forum-tag-item:hover{background:var(--bg-secondary)}.forum-tag-preview{white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.forum-tag-actions{gap:var(--space-sm);align-items:center;display:flex}.forum-tag-edit-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.forum-tag-edit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.forum-tag-edit-btn svg{width:14px;height:14px}.forum-tag-color-edit-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:border-color .15s}.forum-tag-color-edit-btn:hover{border-color:var(--text-secondary)}.edit-tag-modal{width:100%;max-width:360px}.edit-tag-modal .modal-body{gap:var(--space-md);flex-direction:column;display:flex}.edit-tag-preview-row{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:center;display:flex}.edit-tag-live-preview{padding:4px 12px;font-size:13px}.edit-tag-color-row{align-items:center;gap:var(--space-sm);display:flex}.edit-tag-color-preview{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;width:40px;height:36px;transition:border-color .15s}.edit-tag-color-preview:hover{border-color:var(--gamevox-orange-start)}.edit-tag-color-hex{color:var(--text-secondary);font-family:monospace;font-size:14px}.forum-tag-color-edit{border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:28px;height:28px;padding:2px}.forum-tag-delete-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.forum-tag-delete-btn:hover{background:var(--danger-bg,#ef444433);color:var(--danger,#ef4444)}.forum-tag-color-picker{position:relative}.forum-tag-color-preview{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;width:36px;height:32px;transition:border-color .15s}.forum-tag-color-preview:hover{border-color:var(--text-secondary)}.forum-tag-color-dropdown{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm);z-index:100;min-width:160px;margin-top:4px;display:none;position:absolute;top:100%;left:0}.forum-tag-color-dropdown.open{display:block}.forum-tag-color-presets{margin-bottom:var(--space-sm);grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.forum-tag-color-preset{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:26px;height:26px;transition:transform .1s,border-color .1s}.forum-tag-color-preset:hover{border-color:var(--text-primary);transform:scale(1.15)}.forum-tag-color-hex-row{padding-top:var(--space-xs);border-top:1px solid var(--border-subtle);align-items:center;gap:4px;display:flex}.forum-tag-color-hex-row .hex-label{color:var(--text-tertiary);font-size:13px;font-weight:500}.forum-tag-hex-input{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);text-transform:uppercase;flex:1;padding:4px 8px;font-family:monospace;font-size:13px}.forum-tag-hex-input:focus{border-color:var(--gamevox-orange-start);outline:none}.color-picker-modal{width:100%;max-width:320px}.color-picker-modal .modal-body{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}.color-picker-preview-row{align-items:center;gap:var(--space-sm);display:flex}.color-picker-preview{border-radius:var(--radius-md);border:2px solid var(--border-medium);flex-shrink:0;width:48px;height:48px}.color-picker-hex-input-wrap{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:0 var(--space-sm);flex:1;align-items:center;display:flex}.color-picker-hex-input-wrap .hex-label{color:var(--text-tertiary);font-size:14px;font-weight:500}.color-picker-hex-input{color:var(--text-primary);text-transform:uppercase;background:0 0;border:none;flex:1;padding:10px 6px;font-family:monospace;font-size:14px}.color-picker-hex-input:focus{outline:none}.color-picker-dropper-btn{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.color-picker-dropper-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--gamevox-orange-start)}.color-picker-wheel-wrap{border-radius:var(--radius-md);border:1px solid var(--border-medium);width:200px;height:200px;margin:0 auto;position:relative;overflow:hidden}.color-picker-wheel-wrap canvas{cursor:crosshair;display:block}.color-picker-wheel-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #0000004d}.color-picker-slider-row{align-items:center;gap:var(--space-sm);display:flex}.color-picker-slider-row label{color:var(--text-secondary);min-width:40px;font-size:13px}.color-picker-hue-slider{-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:8px;flex:1;height:16px}.color-picker-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--bg-primary);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 4px #0006}.color-picker-hue-slider::-moz-range-thumb{border:2px solid var(--bg-primary);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 4px #0006}.color-picker-presets{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.color-picker-preset{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:32px;height:32px;transition:transform .1s,border-color .1s}.color-picker-preset:hover{border-color:var(--text-primary);transform:scale(1.15)}.accent-color-picker{gap:var(--space-md);padding:var(--space-md) 0;flex-wrap:wrap;display:flex}.accent-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:40px;height:40px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.accent-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.accent-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card), 0 0 0 4px var(--text-secondary)}.accent-swatch.active:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-selector{gap:var(--space-lg);padding:var(--space-md) 0;display:flex}.layout-option{cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-subtle);background:var(--bg-tertiary);flex-direction:column;flex:1;align-items:center;max-width:200px;transition:border-color .15s,background-color .15s;display:flex}.layout-option:hover{border-color:var(--border-medium);background:var(--bg-elevated)}.layout-option input[type=radio]{display:none}.layout-option input[type=radio]:checked+.layout-preview{border-color:var(--gamevox-orange-start)}.layout-option:has(input[type=radio]:checked){border-color:var(--gamevox-orange-start);background:rgba(var(--accent-rgb), .1)}.layout-preview{border-radius:var(--radius-sm);border:2px solid var(--border-medium);background:var(--bg-primary);width:120px;height:80px;margin-bottom:var(--space-sm);transition:border-color .15s;overflow:hidden}.layout-preview-classic{gap:2px;padding:4px;display:flex}.layout-preview-classic .preview-left{background:var(--bg-secondary);border-radius:2px;width:25%}.layout-preview-classic .preview-center{background:var(--bg-tertiary);border-radius:2px;flex:1}.layout-preview-classic .preview-right{background:var(--bg-secondary);border-radius:2px;width:20%}.layout-preview-modern{flex-direction:column;gap:2px;padding:4px;display:flex}.layout-preview-modern .preview-header{gap:2px;height:16px;display:flex}.layout-preview-modern .preview-dropdown{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));border-radius:2px;width:30px}.layout-preview-modern .preview-toolbar{background:var(--bg-elevated);border-radius:2px;flex:1}.layout-preview-modern .preview-body{flex:1;gap:2px;display:flex}.layout-preview-modern .preview-channels{background:var(--bg-secondary);border-radius:2px;width:25%}.layout-preview-modern .preview-chat{background:var(--bg-tertiary);border-radius:2px;flex:1}.layout-preview-modern .preview-members{background:var(--bg-secondary);border-radius:2px;width:20%}.layout-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.layout-desc{color:var(--text-tertiary);text-align:center;font-size:11px}.settings-hint{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:12px;line-height:1.5}.channel-org-options{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.radio-option{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;display:flex}.radio-option:hover{border-color:var(--border-medium);background:var(--bg-hover)}.radio-option.selected{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08)}.radio-option:has(input:checked){border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .08)}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary);flex-shrink:0;margin-top:2px}.radio-content{flex-direction:column;gap:4px;display:flex}.radio-title{color:var(--text-primary);font-size:14px;font-weight:600}.radio-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.settings-subsection{padding-left:var(--space-md);border-left:2px solid var(--border-subtle)}.toggle-label{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.toggle-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.toggle-text{color:var(--text-primary);font-weight:500}.channel-headers-list{gap:var(--space-xs);margin-top:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.channel-headers-list .no-headers{color:var(--text-tertiary);padding:var(--space-md);text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-style:italic}.header-item{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.header-item:hover{border-color:var(--border-medium)}.header-item .header-name{color:var(--text-primary);font-weight:500}.header-item .header-actions{gap:var(--space-xs);display:flex}.header-edit-btn,.header-delete-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.header-edit-btn:hover{background:var(--bg-elevated);border-color:var(--accent-main);color:var(--accent-main)}.header-delete-btn:hover{color:#ff5050;background:#ff50501a;border-color:#ff5050}.add-header-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all .15s;display:inline-flex}.add-header-btn:hover{background:var(--bg-elevated);border-color:var(--accent-main);color:var(--accent-main)}.add-header-btn span{font-size:16px;font-weight:600}.settings-hint{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:12px}.dashboard-image-upload-container{gap:var(--space-md);flex-direction:column;display:flex}.dashboard-image-preview{aspect-ratio:4;background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;overflow:hidden}.dashboard-image-preview.has-image{border-style:solid}.dashboard-image-preview img{object-fit:cover;width:100%;height:100%}.dashboard-image-placeholder{color:var(--text-muted);font-size:14px}.dashboard-image-actions{gap:var(--space-sm);display:flex}.banner-upload-container{gap:var(--space-md);flex-direction:column;display:flex}.banner-preview{aspect-ratio:2;background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;overflow:hidden}.banner-preview.has-banner{border-style:solid}.banner-preview img{object-fit:cover;width:100%;height:100%}.banner-placeholder{color:var(--text-muted);font-size:14px}.banner-actions{gap:var(--space-sm);display:flex}.settings-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.settings-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.settings-btn.danger{color:var(--danger);border-color:var(--danger)}.settings-btn.danger:hover{background:#f047471a}.ai-banner-generator{gap:var(--space-md);flex-direction:column;display:flex}.ai-banner-input-row{gap:var(--space-sm);align-items:center;display:flex}.ai-banner-input-row input{flex:1;margin-bottom:0}.ai-banner-status{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px}.ai-banner-status.error{color:#e74c3c;background:#e74c3c1a}.ai-banner-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ai-banner-card{border-radius:var(--radius-md);border:2px solid var(--border-subtle);cursor:pointer;transition:border-color .2s;position:relative;overflow:hidden}.ai-banner-card:hover{border-color:var(--border-medium)}.ai-banner-card.active{border-color:var(--gamevox-accent);box-shadow:0 0 0 1px var(--gamevox-accent)}.ai-banner-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.ai-banner-card-actions{gap:var(--space-xs);padding:var(--space-xs);opacity:0;background:linear-gradient(#0000,#000c);transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.ai-banner-card:hover .ai-banner-card-actions{opacity:1}.ai-banner-card-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s}.ai-banner-card-btn.apply{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}.ai-banner-card-btn.apply:hover{filter:brightness(1.1)}.ai-banner-card-btn.crop{color:#fff;background:#7289dacc}.ai-banner-card-btn.crop:hover{background:#7289da}.ai-banner-card-btn.delete{color:#fff;background:#f04747cc}.ai-banner-card-btn.delete:hover{background:#f04747}.ai-banner-active-badge{top:var(--space-xs);right:var(--space-xs);background:var(--gamevox-accent);color:#fff;text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute}#banner-manager-modal{z-index:10001}.banner-manager-modal{flex-direction:column;min-width:600px;max-width:750px;max-height:85vh;display:flex}.banner-manager-modal .modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.banner-manager-modal .modal-header h3{color:var(--text-primary);margin:0;font-size:16px}.banner-manager-body{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.banner-limit-bar{background:var(--bg-tertiary);width:100%;height:6px;margin-bottom:var(--space-xs);border-radius:3px;overflow:hidden}.banner-limit-fill{border-radius:3px;height:100%;transition:width .3s}.banner-limit-text{color:var(--text-secondary);font-size:12px}.banner-manager-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.icon-manager-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.icon-manager-gallery .ai-banner-card img,.ai-banner-card.icon-card img{aspect-ratio:1;border-radius:12px}.banner-manager-empty{text-align:center;color:var(--text-muted);padding:var(--space-xl);grid-column:1/-1;font-size:14px}.banner-manager-actions{gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.banner-manager-ai-section{gap:var(--space-sm);flex-direction:column;display:flex}.banner-manager-ai-section input{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.banner-manager-ai-section input:focus{border-color:var(--gamevox-accent);outline:none}.banner-manager-ai-section input:disabled{opacity:.5;cursor:not-allowed}.banner-ai-model{color:var(--text-secondary);font-size:12px}.banner-ai-model strong{color:var(--text-primary)}.banner-ai-upgrade{margin-left:var(--space-sm);color:var(--gamevox-accent);cursor:pointer;font-size:11px;display:inline-block}.banner-ai-upgrade:hover{text-decoration:underline}.ai-banner-card-btn.copy-url{color:#fff;background:#646464cc}.ai-banner-card-btn.copy-url:hover{background:#787878}#banner-manager-upload-btn:disabled,#banner-manager-generate-btn:disabled{opacity:.5;cursor:not-allowed}.verification-modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.verification-modal.hidden{display:none}.verification-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;width:90%;max-width:400px}.verification-content h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:18px}.verification-content p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}.verification-countdown{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);display:flex}.verification-countdown span{color:var(--text-secondary);font-size:13px}.countdown-timer{font-family:SF Mono,Consolas,monospace;font-weight:600;color:var(--accent)!important;font-size:20px!important}.countdown-timer.expiring{color:#faa61a!important}.countdown-timer.expired{color:#ed4245!important}.verification-code-input{margin-bottom:var(--space-md)}.verification-code{text-align:center;letter-spacing:8px;max-width:200px;margin:0 auto;font-family:SF Mono,Consolas,monospace;padding:var(--space-md)!important;font-size:24px!important}.verification-error{color:#ed4245;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:#ed424526;border:1px solid #ed42454d;font-size:13px}.verification-error.hidden{display:none}.verification-buttons{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.verification-buttons button{min-width:100px}.resend-countdown{margin-top:var(--space-md);color:var(--text-tertiary);font-size:12px}.resend-countdown.hidden{display:none}#resend-timer{font-family:SF Mono,Consolas,monospace;font-weight:600}.danger-zone{border-radius:var(--radius-md);margin-top:var(--space-xl);padding:var(--space-lg);background:#ed42450d;border:1px solid #ed42454d}.danger-zone h4{color:#ed4245;margin:0 0 var(--space-xs) 0;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.danger-content{padding:0}.danger-warning{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px;line-height:1.4}.danger-btn{color:#ed4245;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ed4245;font-size:13px;font-weight:600;transition:all .15s}.danger-btn:hover{color:#fff;background:#ed4245}.danger-btn:active{background:#c13b3e}.delete-account-modal .modal-header{border-bottom-color:#ed424533}.delete-account-modal .modal-header h3{color:#ed4245}.delete-account-modal .delete-confirm-label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;display:block}.delete-account-modal .delete-confirm-label code{color:#ed4245;background:#ed42451a;border-radius:3px;padding:1px 6px;font-size:13px;font-weight:600}.delete-account-modal .modal-input{text-transform:uppercase;letter-spacing:2px;font-weight:600}.delete-account-modal .modal-btn.danger-btn{opacity:.4;pointer-events:none;transition:all .15s}.delete-account-modal .modal-btn.danger-btn.enabled{opacity:1;pointer-events:auto}.delete-account-modal .delete-method-list{gap:var(--space-xs);flex-direction:column;display:flex}.delete-account-modal .delete-method-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:13px;transition:background .1s;display:flex}.delete-account-modal .delete-method-option:hover{background:var(--bg-quaternary)}.delete-account-modal .delete-method-option input[type=radio]{accent-color:#ed4245}.account-list-item .verification-badge{border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.account-list-item .verification-badge.verified{color:#43b581;background:#43b58133}.account-list-item .verification-badge.unverified{color:#faa61a;background:#faa61a33}.account-list-item .verify-btn{border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:2px 8px;font-size:11px;transition:all .15s}.account-list-item .verify-btn:hover{background:var(--accent);color:#fff}.no-phones{padding:var(--space-md);text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:13px}.access-control-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.access-control-section h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:15px;font-weight:600}.access-control-section p{margin:0 0 var(--space-md) 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.access-control-toggle{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.access-control-toggle:last-child{margin-bottom:0}.toggle-info{flex:1}.toggle-info .toggle-label{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.toggle-info .toggle-description{color:var(--text-secondary);font-size:12px}.kick-unregistered-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ed42451a;border:1px solid #ed424533;font-size:12px;display:flex}.kick-unregistered-option input[type=checkbox]{accent-color:#ed4245}.application-form-editor{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg)}.application-form-editor h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:600;display:flex}.form-fields-list{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-field-item{align-items:stretch;gap:var(--space-sm);padding:10px var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.form-field-item:last-child{margin-bottom:0}.form-field-item:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #00000026}.form-field-item:focus-within{border-color:var(--accent-main);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-main) 18%, transparent)}.form-field-item.dragging{opacity:.5;border-color:var(--accent-main)}.form-field-reorder{flex-direction:column;justify-content:center;gap:2px;display:flex}.form-field-reorder .reorder-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:24px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.form-field-reorder .reorder-btn:hover:not([disabled]){background:var(--bg-primary);border-color:var(--accent-main);color:var(--accent-main)}.form-field-reorder .reorder-btn[disabled]{opacity:.3;cursor:not-allowed}.form-field-content{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.form-field-header{align-items:center;gap:var(--space-sm);display:flex}.field-label-input{min-width:0;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-primary);background:0 0;border:1px solid #0000;flex:1;font-size:14px;font-weight:500;transition:all .15s}.field-label-input:hover{background:var(--bg-primary);border-color:var(--border-subtle)}.field-label-input:focus{background:var(--bg-primary);border-color:var(--accent-main);outline:none}.form-field-options{align-items:center;gap:var(--space-md);padding-left:var(--space-xs);display:flex}.required-toggle{align-items:center;gap:var(--space-xs);cursor:pointer;color:var(--text-secondary);font-size:12px;display:flex}.required-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-main);cursor:pointer}.required-toggle:hover{color:var(--text-primary)}.field-placeholder-preview{color:var(--text-muted);font-size:11px;font-style:italic}.field-options-preview{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-top:var(--space-xs);font-size:12px;display:flex}.field-options-preview .options-label{color:var(--text-muted);flex-shrink:0}.field-options-preview .options-list{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.field-options-preview .btn-link,.field-options-preview .edit-options-btn{color:var(--accent-main);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:12px;text-decoration:none}.field-options-preview .btn-link:hover,.field-options-preview .edit-options-btn:hover{text-decoration:underline}.field-options-preview.no-options{background:#ed42451a;border:1px dashed #ed42454d}.field-options-preview.no-options span{color:var(--text-muted)}.form-field-actions{padding-left:var(--space-xs);align-items:center;display:flex}.form-field-actions .btn-delete{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.form-field-actions .btn-delete:hover{color:#ed4245;background:#ed42451a;border-color:#ed4245}.field-drag-handle{cursor:grab;color:var(--text-muted);padding:var(--space-xs)}.field-drag-handle:active{cursor:grabbing}.field-info{flex:1;min-width:0}.field-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;display:block;overflow:hidden}.field-type-badge{background:color-mix(in srgb, var(--accent-main) 14%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--accent-main) 30%, transparent);letter-spacing:.04em;color:color-mix(in srgb, var(--accent-main) 80%, var(--text-primary));text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-block}.field-required-badge{color:#faa61a;margin-left:var(--space-xs);background:#faa61a33;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.field-actions{gap:var(--space-xs);display:flex}.field-edit-btn,.field-delete-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.field-edit-btn:hover{background:var(--bg-elevated);border-color:var(--accent-main);color:var(--accent-main)}.field-delete-btn:hover{color:#ed4245;background:#ed42451a;border-color:#ed4245}.add-field-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all .15s;display:inline-flex}.add-field-btn:hover{background:var(--bg-elevated);border-color:var(--accent-main);color:var(--accent-main)}.no-fields-message{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);font-size:13px}.form-meta{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-meta .form-input,#inline-form-editor-content input[type=text],#inline-form-editor-content textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);box-sizing:border-box;font-family:inherit;font-size:14px}.form-meta .form-input:focus,#inline-form-editor-content input[type=text]:focus,#inline-form-editor-content textarea:focus{border-color:var(--accent-primary);outline:none}.form-meta textarea,#inline-form-editor-content textarea{resize:vertical;min-height:80px}.form-description-editor,.wysiwyg-editor-container{border:1px solid var(--border-medium);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.wysiwyg-toolbar{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:2px;display:flex}.wysiwyg-toolbar button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:13px;transition:all .15s;display:flex}.wysiwyg-toolbar button:hover{background:var(--bg-elevated);color:var(--text-primary)}.wysiwyg-toolbar button:active{background:var(--bg-primary)}.wysiwyg-toolbar .toolbar-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 var(--space-xs)}.wysiwyg-content{min-height:100px;max-height:200px;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;overflow-y:auto}.wysiwyg-content:focus{outline:none}.wysiwyg-content:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.wysiwyg-content ul,.wysiwyg-content ol{margin:var(--space-xs) 0;padding-left:var(--space-lg)}.wysiwyg-content li{margin-bottom:var(--space-xs)}.wysiwyg-content a{color:var(--accent-primary);cursor:text;text-decoration:underline}.wysiwyg-link-modal-overlay{z-index:100001;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wysiwyg-link-modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:0 8px 32px #0006}.wysiwyg-link-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;display:flex}.wysiwyg-link-modal-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.wysiwyg-link-modal-close{color:var(--text-muted);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.wysiwyg-link-modal-close:hover{color:var(--text-primary)}.wysiwyg-link-modal-body{padding:var(--space-lg)}.wysiwyg-link-modal-body label{margin-bottom:var(--space-md);display:block}.wysiwyg-link-modal-body label span{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;font-size:12px;font-weight:500;display:block}.wysiwyg-link-modal-body input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.wysiwyg-link-modal-body input:focus{border-color:var(--accent-primary);outline:none}.wysiwyg-link-modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex}.wysiwyg-link-context-menu{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:100002;min-width:150px;padding:var(--space-xs) 0;position:fixed;box-shadow:0 4px 16px #0000004d}.context-menu-item{width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;font-size:13px;display:flex}.context-menu-item:hover{background:var(--hover-overlay)}.context-menu-item-danger{color:var(--danger)}.context-menu-item-danger:hover{background:rgba(var(--danger-rgb), .1)}.wysiwyg-color-picker{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);min-width:160px;box-shadow:0 4px 12px #0000004d}.color-picker-grid{margin-bottom:var(--space-sm);grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.color-swatch{border-radius:var(--radius-sm);cursor:pointer;border:none;width:22px;height:22px;transition:transform .1s}.color-swatch:hover{transform:scale(1.15);box-shadow:0 0 4px #0000004d}.color-remove-btn{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:11px;transition:background-color .15s}.color-remove-btn:hover{background:var(--bg-hover)}.wysiwyg-color-btn svg rect{fill:var(--accent-primary)}.field-count{color:var(--text-muted);font-size:12px;font-weight:400}#inline-form-editor-content .btn,.form-meta .btn,.add-field-section .btn,.pending-applications-section .btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}#inline-form-editor-content .btn-primary,.add-field-section .btn-primary{background:linear-gradient(135deg, var(--gamevox-orange-start), var(--gamevox-orange-end));color:#fff}#inline-form-editor-content .btn-primary:hover,.add-field-section .btn-primary:hover{filter:brightness(1.1)}#inline-form-editor-content .btn-secondary,.form-meta .btn-secondary,.pending-applications-section .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}#inline-form-editor-content .btn-secondary:hover,.form-meta .btn-secondary:hover,.pending-applications-section .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--text-secondary)}.form-meta .btn-sm{padding:var(--space-xs) var(--space-md);font-size:13px}.form-fields-list h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:14px;font-weight:600}.form-fields-list .no-fields{color:var(--text-muted);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);text-align:center;font-size:13px}.field-editor-modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.field-editor-modal.hidden{display:none}.field-editor-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.field-editor-content h4{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:18px}.field-editor-form{gap:var(--space-md);flex-direction:column;display:flex}.field-editor-form label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:12px;font-weight:600;display:block}.field-editor-form input[type=text],.field-editor-form textarea,.field-editor-form select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:border-color .15s}.field-editor-form input[type=text]:focus,.field-editor-form textarea:focus,.field-editor-form select:focus{border-color:var(--accent-main);outline:none}.field-editor-form textarea{resize:vertical;min-height:80px}.field-options-editor{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.field-options-editor .option-item{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.field-options-editor .option-item:last-child{margin-bottom:0}.field-options-editor .option-item input{flex:1}.field-options-editor .remove-option-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.field-options-editor .remove-option-btn:hover{color:#ed4245}.add-option-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px dashed var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;margin-top:var(--space-sm);background:0 0;font-size:12px;transition:all .15s;display:inline-flex}.add-option-btn:hover{border-color:var(--accent-main);color:var(--accent-main)}.field-required-checkbox{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.field-required-checkbox input[type=checkbox]{accent-color:var(--accent-main)}.field-required-checkbox span{color:var(--text-primary);font-size:14px}.field-editor-actions{gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.pending-applications-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg)}.pending-applications-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:600;display:flex}.applications-count-badge{background:var(--accent-main);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-main) 30%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.applications-list{gap:var(--space-sm);flex-direction:column;display:flex}.application-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-left:3px solid color-mix(in srgb, var(--accent-main) 70%, transparent);border-radius:var(--radius-md);transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.application-item:hover{border-color:var(--border-medium);border-left-color:var(--accent-main);transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.application-avatar{background:var(--bg-elevated);width:40px;height:40px;color:var(--text-muted);box-shadow:0 0 0 2px var(--bg-tertiary), 0 0 0 3px color-mix(in srgb, var(--accent-main) 35%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;overflow:hidden}.application-avatar img{object-fit:cover;width:100%;height:100%}.application-info{flex:1;min-width:0}.application-username{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.application-preview{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);text-overflow:ellipsis;max-height:60px;font-size:12px;overflow:hidden}.application-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.view-application-btn,.approve-btn,.reject-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .15s;display:flex}.view-application-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:0 0}.view-application-btn:hover{border-color:var(--accent-main);color:var(--accent-main)}.approve-btn{color:#43b581;background:#43b5811a;border:1px solid #43b5814d}.approve-btn:hover{color:#fff;background:#43b581;border-color:#43b581}.reject-btn{color:#ed4245;background:#ed42451a;border:1px solid #ed42454d}.reject-btn:hover{color:#fff;background:#ed4245;border-color:#ed4245}.no-applications-message{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px}.applications-tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);align-items:center;gap:6px;padding:12px 16px;display:flex}.applications-tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.applications-tabs .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.applications-tabs .tab-btn.active{background:color-mix(in srgb, var(--accent-main) 18%, transparent);border-color:color-mix(in srgb, var(--accent-main) 45%, transparent);color:var(--accent-main)}.access-control-sections{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:20px;padding:0 0 12px;display:flex}.access-control-section-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .15s}.access-control-section-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.access-control-section-btn.active{background:var(--selected-bg);color:var(--gamevox-orange-start);border-color:color-mix(in srgb, var(--gamevox-orange-start) 35%, transparent);font-weight:600}.access-control-section-panel{display:none}.access-control-section-panel.active{display:block}.access-control-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:16px;padding:12px 0;display:flex}.access-control-tabs .tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.access-control-tabs .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.access-control-tabs .tab-btn.active{background:var(--selected-bg);color:var(--gamevox-orange-start);font-weight:700}.access-control-tab-content{background:var(--bg-secondary);border-radius:8px;padding:16px}.access-control-tab-content .no-applications{color:var(--text-secondary);text-align:center;padding:24px}.application-item.completed{flex-direction:column}.application-item.completed .applicant-info{align-items:center;gap:12px;width:100%;display:flex}.application-item.completed .applicant-details{flex:1}.application-item.completed .application-status{text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700}.application-status.status-approved{color:#43b581;background:#43b58126;border-color:#43b58166}.application-status.status-rejected{color:#ed4245;background:#ed424526;border-color:#ed424566}.application-item.completed.status-approved{border-left:3px solid #43b581}.application-item.completed.status-rejected{border-left:3px solid #ed4245}.application-item.completed.status-approved:hover{border-left-color:#43b581}.application-item.completed.status-rejected:hover{border-left-color:#ed4245}.review-info{border-top:1px solid var(--border-subtle);flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.review-info .review-details{color:var(--text-tertiary)}.review-info .review-notes{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:8px;font-style:italic}.application-review-modal{z-index:10005;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.application-review-modal.hidden{display:none}.application-review-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.application-review-content h4{margin:0 0 var(--space-lg) 0;color:var(--text-primary);font-size:18px}.applicant-header{align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.applicant-header .application-avatar{width:48px;height:48px;font-size:22px}.applicant-details{flex:1}.applicant-details .username{color:var(--text-primary);font-size:16px;font-weight:600;display:block}.applicant-details .submitted-date{color:var(--text-tertiary);font-size:12px}.application-responses{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.response-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-md)}.response-item .question-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:12px;font-weight:600;display:block}.response-item .response-value{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.5}.review-notes-section{margin-bottom:var(--space-lg)}.review-notes-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:12px;font-weight:600;display:block}.review-notes-section textarea{width:100%;min-height:80px;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;font-size:14px;transition:border-color .15s}.review-notes-section textarea:focus{border-color:var(--accent-main);outline:none}.review-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.application-modal{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.application-modal.hidden{display:none}.application-modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);width:92%;max-width:560px;max-height:82vh;position:relative;overflow:hidden auto;box-shadow:0 24px 64px #00000073,0 0 0 1px #ff7f000f}.application-modal-content:before{content:"";background:linear-gradient(90deg, var(--accent-main), color-mix(in srgb, var(--accent-main) 55%, transparent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;inset:0 0 auto}.application-modal-content h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary);letter-spacing:-.01em;text-transform:none;font-size:20px;font-weight:700}.application-modal-content .form-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:13.5px;line-height:1.55}.application-form-fields{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.application-field{flex-direction:column;gap:6px;display:flex}.application-field label{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:600}.application-field label .required-asterisk,.application-field label .required-mark,.application-field label .required{color:var(--accent-main);margin-left:4px;font-weight:700}.application-field input[type=text],.application-field textarea,.application-field select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.application-field input[type=text]:hover,.application-field textarea:hover,.application-field select:hover{border-color:var(--border-medium)}.application-field input[type=text]:focus,.application-field textarea:focus,.application-field select:focus{border-color:var(--accent-main);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-main) 20%, transparent);background:var(--bg-primary);outline:none}.application-field.field-error input,.application-field.field-error textarea,.application-field.field-error select{border-color:#ed4245;box-shadow:0 0 0 3px #ed42452e}.application-field textarea{resize:vertical;min-height:110px;line-height:1.5}.application-field .checkbox-group,.application-field .radio-group{gap:var(--space-xs);padding:var(--space-sm) 0;flex-direction:column;display:flex}.application-field .checkbox-group label,.application-field .radio-group label{align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:400;display:flex}.application-field .checkbox-group input,.application-field .radio-group input{accent-color:var(--accent-main)}.application-modal-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.application-status-banner{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.application-status-banner.pending{background:#faa61a1a;border:1px solid #faa61a4d}.application-status-banner.approved{background:#43b5811a;border:1px solid #43b5814d}.application-status-banner.rejected{background:#ed42451a;border:1px solid #ed42454d}.application-status-banner .status-icon{font-size:24px}.application-status-banner .status-text{flex:1}.application-status-banner .status-text strong{margin-bottom:2px;font-size:14px;display:block}.application-status-banner.pending .status-text strong{color:#faa61a}.application-status-banner.approved .status-text strong{color:#43b581}.application-status-banner.rejected .status-text strong{color:#ed4245}.application-status-banner .status-text span{color:var(--text-secondary);font-size:12px}.rules-section{flex-direction:column;gap:24px;display:flex}.rules-info-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}.rules-info-box h4{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:600}.rules-info-box ul{margin:0 0 12px;padding-left:20px}.rules-info-box li{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.rules-info-box li:last-child{margin-bottom:0}.rules-info-box li strong{color:var(--text-primary)}.rules-tip{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);border-left:3px solid var(--accent-color);margin:0;padding:12px;font-size:12px}.server-rules-editor-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}.server-rules-editor-section h4{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.server-rules-editor-section .rules-hint{color:var(--text-secondary);margin:0 0 16px;font-size:13px}#server-rules-list{margin-bottom:16px}.loading-text{color:var(--text-secondary);padding:12px 0;font-style:italic}#application-form-modal .modal-content{position:relative}#application-form-modal .modal-header{-webkit-app-region:drag;--wails-draggable:drag;cursor:move;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:16px 20px}#application-form-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:18px}#pending-applications-modal{z-index:10003}#pending-applications-modal .modal-content{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg)}#pending-applications-modal .modal-header{background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border-subtle);-webkit-app-region:drag;--wails-draggable:drag;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}#pending-applications-modal .modal-header h2{color:var(--text-primary);margin:0;font-size:18px}#pending-applications-modal .modal-body{padding:var(--space-lg)}.application-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid color-mix(in srgb, var(--accent-main) 70%, transparent);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);-webkit-app-region:no-drag;--wails-draggable:no-drag;z-index:1;position:relative}.application-actions{z-index:2;-webkit-app-region:no-drag;--wails-draggable:no-drag;position:relative}.application-actions button{-webkit-app-region:no-drag;--wails-draggable:no-drag;cursor:pointer}#access-control-applications-list{-webkit-app-region:no-drag;--wails-draggable:no-drag}.application-item:last-child{margin-bottom:0}.applicant-info{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);display:flex}.applicant-avatar{object-fit:cover;background:var(--bg-elevated);width:40px;height:40px;box-shadow:0 0 0 2px var(--bg-secondary), 0 0 0 3px color-mix(in srgb, var(--accent-main) 35%, transparent);border-radius:50%}.applicant-details{flex-direction:column;gap:2px;display:flex}.applicant-name{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.application-date{color:var(--text-muted);font-size:12px}.application-responses{margin-bottom:var(--space-md);flex-direction:column;gap:6px;display:flex}.response-item{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);word-break:break-word;padding:8px 12px;font-size:13px;line-height:1.5}.response-item strong{color:var(--text-primary);margin-right:6px;font-weight:600;display:inline-block}.application-actions{gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.application-item .application-actions .btn{min-width:92px;font-weight:600;transition:transform .12s,box-shadow .15s,background-color .15s}.application-item .application-actions .btn:hover{transform:translateY(-1px)}.application-item .application-actions .btn-success{box-shadow:0 1px #43b5812e}.application-item .application-actions .btn-success:hover{box-shadow:0 6px 16px #43b58140}.application-item .application-actions .btn-danger{box-shadow:0 1px #ed42452e}.application-item .application-actions .btn-danger:hover{box-shadow:0 6px 16px #ed424540}.no-applications{text-align:center;color:var(--text-muted);padding:var(--space-xl) var(--space-lg);background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);font-size:13px}.add-field-popup-overlay{z-index:10002;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-field-popup{background:var(--bg-primary);border-radius:var(--radius-lg);flex-direction:column;width:700px;max-width:90vw;max-height:85vh;display:flex;box-shadow:0 20px 60px #00000080}.add-field-popup-header{-webkit-app-region:drag;--wails-draggable:drag;cursor:move;background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.add-field-popup-header h3{color:var(--text-primary);margin:0;font-size:18px}.add-field-popup-close{-webkit-app-region:no-drag;--wails-draggable:no-drag;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:24px;line-height:1}.add-field-popup-close:hover{color:var(--text-primary)}.add-field-popup-body{flex:1;padding:20px;overflow-y:auto}.field-type-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.field-type-tab{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.field-type-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.field-type-tab.active{background:var(--gamevox-orange-start);color:#fff;border-color:var(--gamevox-orange-start)}.field-examples-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.field-example-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .15s}.field-example-card:hover{background:var(--bg-tertiary);border-color:var(--gamevox-orange-start);transform:translateY(-2px)}.field-example-card .example-label{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.field-example-card .example-type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.field-example-card .example-preview{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary);margin-top:10px;padding:8px 12px;font-size:12px}.custom-field-section{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px}.custom-field-section h4{color:var(--text-primary);margin:0 0 16px;font-size:15px}.custom-field-form{gap:16px;display:grid}.custom-field-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.custom-field-form .form-group{flex-direction:column;gap:6px;display:flex}.custom-field-form .form-group.full-width{grid-column:1/-1}.custom-field-form label{color:var(--text-secondary);font-size:13px;font-weight:600}.custom-field-form .form-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 12px;font-size:14px}.custom-field-form .form-input:focus{border-color:var(--gamevox-orange-start);outline:none}.custom-field-form .checkbox-row{align-items:center;gap:8px;display:flex}.custom-field-form .checkbox-row input[type=checkbox]{width:16px;height:16px}.add-field-popup-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.category-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-subtle);margin:20px 0 12px;padding-bottom:8px;font-size:12px;font-weight:700}.category-header:first-child{margin-top:0}.availability-field{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px}.availability-field>label{color:var(--text-primary);margin-bottom:4px;font-weight:600;display:block}.availability-field .field-hint{color:var(--text-muted);margin:0 0 12px;font-size:12px}.availability-days{flex-direction:column;gap:8px;display:flex}.availability-day{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px;display:flex}.availability-day .day-checkbox{min-width:120px;margin:0}.availability-day .day-checkbox input[type=checkbox]{margin-right:8px}.availability-day .time-range{flex:1;align-items:center;gap:8px;display:flex}.availability-day .time-range span{color:var(--text-muted);font-size:13px}.availability-day .time-range input[type=time]{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 8px;font-size:13px}.availability-day .time-range input[type=time]:focus{border-color:var(--gamevox-orange-start);outline:none}.availability-response{flex-direction:column;gap:4px;display:flex}.availability-display{margin-top:8px}.availability-day-display{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:4px;padding:6px 10px;display:flex}.availability-day-display .day-name{min-width:100px;color:var(--text-primary);font-weight:600}.availability-day-display .time-range{color:var(--text-secondary);font-size:13px}.timezone-note{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:8px;padding:4px 8px;font-size:11px;font-style:italic}.no-availability{color:var(--text-muted);font-style:italic}.addon-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);gap:16px;margin-bottom:12px;padding:16px;display:flex}.addon-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.addon-info{flex:1;min-width:0}.addon-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.addon-name{color:var(--text-primary);font-size:14px;font-weight:600}.addon-version{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px}.addon-description{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.4}.addon-status{align-items:center;gap:6px;font-size:12px;display:flex}.addon-status .status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.addon-status .status-indicator.checking{background:var(--text-muted);animation:1.5s ease-in-out infinite pulse}.addon-status .status-indicator.installed{background:var(--accent-green)}.addon-status .status-indicator.not-installed{background:var(--accent-orange)}.addon-status .status-indicator.not-found{background:var(--text-muted)}.addon-status .status-indicator.error{background:var(--accent-red)}.addon-status .status-text{color:var(--text-secondary)}.addon-path{color:var(--text-muted);word-break:break-all;margin-top:4px;font-size:11px}.addon-path:empty{display:none}.addon-enable-msg{color:var(--warning);background:rgba(var(--warning-rgb,255, 193, 7), .1);border:1px solid rgba(var(--warning-rgb,255, 193, 7), .3);border-radius:var(--radius-sm);margin-top:8px;padding:6px 10px;font-size:12px}.addon-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.addon-toggle{align-items:center;gap:8px;display:flex}.addon-toggle .toggle-label{color:var(--text-secondary);font-size:12px}.addon-toggle.disabled{opacity:.5;cursor:not-allowed}.addon-toggle.disabled .toggle-switch{pointer-events:none}.secondary-btn.disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.addon-instructions{color:var(--text-secondary);margin:0;padding-left:20px;font-size:13px;line-height:1.6}.addon-instructions li{margin-bottom:8px}.addon-instructions li:last-child{margin-bottom:0}.addon-icon img{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%}.addon-icon.has-image{background:0 0}.addon-compatibility{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:4px 8px;font-size:11px;display:flex}.addon-compatibility .compat-label{color:var(--text-muted)}.addon-compatibility .compat-versions{color:var(--text-secondary)}.addon-buttons{gap:8px;display:flex}.addon-uninstall-btn{border-color:var(--accent-red);color:var(--accent-red);background:0 0}.addon-uninstall-btn:hover{background:var(--accent-red);color:#fff}.settings-divider{border:none;border-top:1px solid var(--border-medium);margin:24px 0}.gamelink-badge-inline{color:var(--accent-green);border-radius:var(--radius-sm);vertical-align:middle;background:#43b5811f;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500}.gamelink-games-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gamelink-game-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.gamelink-game-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-green);background:#43b5811f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gamelink-game-info{flex-direction:column;gap:2px;display:flex}.gamelink-game-name{color:var(--text-primary);font-size:13px;font-weight:600}.gamelink-game-desc{color:var(--text-muted);font-size:11px}.gamelink-docs-link{border-radius:var(--radius-md);color:var(--accent-green);cursor:pointer;background:#43b5811a;border:1px solid #43b5814d;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.gamelink-docs-link svg{pointer-events:none}.gamelink-docs-link:hover{background:#43b5812e;border-color:#43b58180}.desktop-only-notice{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-lg) 0;box-sizing:border-box;background:linear-gradient(135deg,#eb753814,#e3521a0d);border:1px solid #eb75384d;width:100%;display:flex}.desktop-only-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--gamevox-orange-start);background:#eb753826;flex-shrink:0;justify-content:center;align-items:center;display:flex}.desktop-only-icon svg{width:24px;height:24px}.desktop-only-text{flex:1}.desktop-only-text strong{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:16px;font-weight:600;display:block}.desktop-only-text p{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:14px;line-height:1.5}.desktop-download-link{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--gamevox-orange-gradient);color:#fff;border-radius:var(--radius-md);font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.desktop-download-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #eb75384d}.desktop-only-badge{margin-left:var(--space-sm);border-radius:var(--radius-sm);color:var(--gamevox-orange-start);text-transform:uppercase;letter-spacing:.5px;background:#eb753826;border:1px solid #eb75384d;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.desktop-only-badge svg{opacity:.8;width:12px;height:12px}.overlay-hotkey-group{gap:8px;display:flex}.overlay-hotkey-group input{text-align:center;background:var(--bg-tertiary);cursor:default;width:250px}.overlay-game-section{margin-top:12px}.overlay-game-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}#overlay-game-list-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.small-btn{padding:4px 12px;font-size:12px}.overlay-game-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);max-height:200px;overflow-y:auto}.overlay-game-item{border-bottom:1px solid var(--border-color);align-items:center;padding:8px 12px;transition:background-color .15s;display:flex}.overlay-game-item:last-child{border-bottom:none}.overlay-game-item:hover{background:var(--bg-hover)}.overlay-game-name{color:var(--text-primary);flex:1;font-weight:500}.overlay-game-exe{color:var(--text-muted);font-size:12px;font-family:var(--font-mono);margin-right:8px}.overlay-game-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}.overlay-game-remove:hover{color:var(--danger)}.overlay-game-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.overlay-add-game-dialog{z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-add-game-content{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:450px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0006}.overlay-add-game-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.overlay-add-game-header h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.overlay-add-game-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.overlay-game-search-container{border-bottom:1px solid var(--border-color);padding:12px 16px}.overlay-game-search-container input{width:100%}.overlay-known-games-list{flex:1;max-height:300px;overflow-y:auto}.overlay-known-game-item{cursor:pointer;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 16px;transition:background-color .15s;display:flex}.overlay-known-game-item:last-child{border-bottom:none}.overlay-known-game-item:hover{background:var(--bg-hover)}.overlay-known-game-item .game-name{color:var(--text-primary);font-weight:500}.overlay-known-game-item .game-exe{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.overlay-add-game-footer{border-top:1px solid var(--border-color);justify-content:center;padding:12px 16px;display:flex}.overlay-game-list::-webkit-scrollbar{width:6px}.overlay-known-games-list::-webkit-scrollbar{width:6px}.overlay-game-list::-webkit-scrollbar-track{background:0 0}.overlay-known-games-list::-webkit-scrollbar-track{background:0 0}.overlay-game-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.overlay-known-games-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.overlay-game-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.overlay-known-games-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.vad-meter-section{padding:var(--space-md) 0!important;flex-direction:column!important;align-items:stretch!important}.vad-meter-container{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.vad-meter-header{justify-content:space-between;align-items:center;display:flex}.vad-status{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.vad-status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:background-color .1s}.vad-status.speaking .vad-status-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.vad-status.speaking .vad-status-text{color:var(--success)}.vad-meter-wrapper{gap:var(--space-xs);flex-direction:column;display:flex}.vad-meter{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-medium);height:24px;position:relative;overflow:visible}.vad-meter-bar{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:linear-gradient(90deg,#4ade80 0% 60%,#facc15 80%,#ef4444 95%);width:0%;height:100%;transition:width 50ms ease-out;position:absolute;top:0;left:0}.vad-meter.transmitting .vad-meter-bar{background:linear-gradient(90deg, var(--accent-start) 0%, var(--accent-end) 100%)}.vad-meter-peak{opacity:.8;background:#fffc;border-radius:1px;width:3px;height:100%;transition:left 50ms ease-out,opacity .3s;position:absolute;top:0;left:0%}.vad-threshold-marker{background:var(--accent-end);cursor:ew-resize;z-index:10;border-radius:2px;width:4px;transition:left .1s ease-out;position:absolute;top:-4px;bottom:-4px;left:33%;box-shadow:0 0 4px #00000080}.vad-threshold-marker:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--accent-end);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.vad-threshold-marker:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--accent-end);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.vad-threshold-marker:hover{background:var(--accent-start)}.vad-threshold-marker:hover:before{border-top-color:var(--accent-start)}.vad-threshold-marker:hover:after{border-bottom-color:var(--accent-start)}.vad-meter-labels{color:var(--text-muted);justify-content:space-between;padding:0 2px;font-size:10px;display:flex}.vad-mode-selector{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.vad-mode-option{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);flex:1;transition:all .15s;display:flex;position:relative}.vad-mode-option:hover{border-color:var(--border-light);background:var(--bg-hover)}.vad-mode-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.vad-mode-option input[type=radio]:checked+.vad-mode-label{color:var(--text-primary)}.vad-mode-option:has(input:checked){border-color:var(--accent-start);background:#eb75381a}.vad-mode-label{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.vad-mode-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.vad-mode-desc{color:var(--text-muted);font-size:11px}.vad-calibrate-btn-small{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.vad-calibrate-btn-small:hover{background:var(--accent-start);border-color:var(--accent-start);color:#fff}.vad-calibrate-btn-small.calibrating{background:var(--accent-start);border-color:var(--accent-start);color:#fff;animation:1s infinite pulse}.vad-mode-desc.calibrating{color:var(--accent-start)}.vad-mode-desc.success{color:var(--success)}.vad-mode-desc.error{color:var(--error)}.vad-threshold-controls{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.vad-threshold-row{justify-content:space-between;align-items:center;display:flex}.vad-threshold-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-start);font-weight:500}.vad-threshold-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.vad-threshold-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent-start), var(--accent-end));cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 2px 4px #0000004d}.vad-threshold-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.vad-threshold-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0000004d}.vad-threshold-hints{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.vad-auto-controls{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-medium);display:flex}.vad-auto-controls.hidden{display:none}.vad-calibrate-btn{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex;padding:var(--space-xs) var(--space-md)!important;font-size:var(--font-size-sm)!important}.vad-calibrate-btn svg{flex-shrink:0}.vad-calibrate-btn.calibrating svg{animation:1s linear infinite spin}.vad-calibrate-status{font-size:var(--font-size-sm);color:var(--text-secondary)}.vad-calibrate-status.success{color:var(--success)}.vad-calibrate-status.calibrating{color:var(--accent-start)}.vad-calibrate-status.active{color:var(--success)}.vad-calibrate-status.error{color:var(--error)}@media (width<=600px){.vad-mode-selector{flex-direction:column}.vad-auto-controls{flex-direction:column;align-items:flex-start}}.login-history-container{max-height:400px;margin-top:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-secondary);overflow-y:auto}.login-history-loading{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--text-secondary);display:flex}.login-history-empty{padding:var(--space-xl);text-align:center;color:var(--text-tertiary)}.login-history-entry{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);gap:var(--space-xs);flex-direction:column;display:flex}.login-history-entry:last-child{border-bottom:none}.login-history-entry:hover{background-color:var(--bg-hover)}.login-history-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.login-history-method{align-items:center;gap:var(--space-sm);display:flex}.login-method-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;padding:2px 8px;font-weight:600}.login-method-badge.password{color:var(--gamevox-orange-start,#eb7538);background-color:#eb753833}.login-method-badge.remember_token{color:#57f287;background-color:#57f28733}.login-method-badge.registration{color:#fee75c;background-color:#fee75c33}.login-status-icon{width:16px;height:16px}.login-status-icon.success{color:var(--success)}.login-status-icon.failed{color:var(--error)}.login-history-time{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.login-history-details{gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.login-detail-item{align-items:center;gap:var(--space-xs);display:flex}.login-detail-item svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.login-detail-value{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.login-history-failure{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--error);font-size:var(--font-size-sm);background-color:#ed42451a}.login-history-event-type{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}.login-history-event-type.device_change{color:var(--warning)}:root{--tier-standard:#6b7280;--tier-silver:#94a3b8;--tier-gold:#d97706;--tier-diamond:#3b82f6}.tier-icon{vertical-align:middle;object-fit:contain;display:inline-block}.tier-icon-16{width:16px;height:16px}.tier-icon-24{width:24px;height:24px}.tier-icon-48{width:48px;height:48px}.server-name .tier-icon-16{flex-shrink:0;margin-left:6px}.tier-badge-hero{background:#ffffff14;border-radius:12px;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.tier-badge{vertical-align:middle;border-radius:8px;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.tier-badge-gold{color:var(--tier-gold);background:#d9770626;border:1px solid #d977064d}.tier-badge-silver{color:var(--tier-silver);background:#94a3b826;border:1px solid #94a3b84d}.tier-badge-diamond{color:var(--tier-diamond);background:#3b82f626;border:1px solid #3b82f64d}.hosting-badge{opacity:.4;cursor:default;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:auto;transition:opacity .15s;display:inline-flex;position:relative}.hosting-badge:hover{opacity:.9}.hosting-badge svg{width:12px;height:12px}.hosting-badge-cloud svg{color:#60a5fa}.hosting-badge-local svg{color:#a78bfa}.hosting-badge .hosting-badge-tooltip{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;color:var(--text-secondary);z-index:10000;pointer-events:none;text-transform:none;letter-spacing:0;padding:4px 8px;font-size:11px;font-weight:500;display:none;position:fixed;box-shadow:0 2px 8px #0000004d}.hosting-badge:hover .hosting-badge-tooltip{display:block}.settings-label .hosting-badge{width:12px;height:12px;margin-left:6px}.settings-label .hosting-badge svg{width:10px;height:10px}.hosting-badge-inline{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;line-height:1;display:inline-flex}.hosting-badge-inline.hosting-badge-cloud{color:#60a5fa;background:#60a5fa1a}.hosting-badge-inline.hosting-badge-local{color:#a78bfa;background:#a78bfa1a}.hosting-badge-inline svg{flex-shrink:0}.toggle-switch.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tier-info-card{background:var(--bg-secondary,#1e1e2e);border:1px solid var(--border-color,#333);border-radius:10px;margin-bottom:20px;padding:16px}.tier-info-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.tier-info-title{flex-direction:column;display:flex}.tier-info-name{font-size:18px;font-weight:700}.tier-info-subtitle{color:var(--text-tertiary,#888);font-size:12px}.tier-info-limits{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.tier-limit-item{background:#ffffff08;border-radius:6px;justify-content:space-between;padding:6px 10px;display:flex}.tier-limit-label{color:var(--text-secondary,#aaa);font-size:12px}.tier-limit-value{color:var(--text-primary,#fff);font-size:12px;font-weight:600}.tier-upgrade-hint{color:var(--text-secondary,#aaa);background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.tier-upgrade-hint:hover{background:#ffffff14}.tier-upgrade-modal{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:12px;max-width:460px;padding:28px}.tier-upgrade-header{-webkit-app-region:drag;--wails-draggable:drag;align-items:center;gap:14px;margin-bottom:18px;display:flex}.tier-upgrade-header h3{color:var(--text-primary,#fff);margin:0;font-size:20px;font-weight:700}.tier-upgrade-body{margin-bottom:22px}.tier-upgrade-feature{color:var(--text-primary,#fff);margin:0 0 6px;font-size:14px}.tier-upgrade-current{color:var(--text-secondary,#aaa);margin:0 0 16px;font-size:13px}.tier-upgrade-comparison{align-items:stretch;gap:12px;display:flex}.tier-compare-col{background:#ffffff08;border:1px solid #0000;border-radius:8px;flex:1;padding:12px}.tier-compare-col.highlighted{background:#ffffff0f;border-color:#ffffff1a}.tier-compare-header{align-items:center;gap:6px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.tier-compare-items{flex-direction:column;gap:4px;display:flex}.tier-compare-item{color:var(--text-secondary,#aaa);padding:3px 0;font-size:12px}.highlighted .tier-compare-item{color:var(--text-primary,#fff)}.tier-compare-arrow{color:var(--text-tertiary,#666);flex-shrink:0;align-items:center;font-size:20px;display:flex}.tier-upgrade-actions{justify-content:flex-end;gap:10px;display:flex}.tier-upgrade-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.tier-upgrade-btn:hover{filter:brightness(1.15)}.tier-upgrade-actions .btn-secondary{border:1px solid var(--border-color,#444);color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border-radius:6px;padding:8px 18px;font-size:13px}.tier-upgrade-actions .btn-secondary:hover{color:var(--text-primary,#fff);background:#ffffff0d}.voice-control-btn.feature-locked{opacity:.4;position:relative}.voice-control-btn.feature-locked:after{content:"🔒";font-size:8px;position:absolute;top:-2px;right:-2px}.streaming-usage-bar{background:var(--bg-tertiary,#333);border-radius:4px;width:100%;height:8px;margin:8px 0 4px;overflow:hidden}.streaming-usage-fill{border-radius:4px;height:100%;transition:width .3s}.streaming-usage-label{color:var(--text-secondary,#aaa);text-align:right;margin:0 0 8px;font-size:11px}#tier-selection-modal{z-index:10500;box-sizing:border-box;padding:20px;overflow-y:auto}.tier-selection-modal{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#333);border-radius:14px;flex-direction:column;flex-shrink:0;width:100%;max-width:960px;max-height:none;margin:auto;animation:.2s slideIn;display:flex;overflow:visible}.tier-selection-header{text-align:center;border-bottom:1px solid var(--border-subtle,#2a2a3e);-webkit-app-region:drag;--wails-draggable:drag;flex-shrink:0;padding:20px 28px 14px;position:relative}.tier-selection-header h2{color:var(--text-primary,#fff);margin:0 0 2px;font-size:20px;font-weight:700}.tier-selection-header p{color:var(--text-secondary,#aaa);margin:0 0 12px;font-size:13px}.tier-selection-close{color:var(--text-tertiary,#666);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:24px;line-height:1;position:absolute;top:16px;right:20px}.tier-selection-close:hover{color:var(--text-primary,#fff);background:#ffffff0f}.tier-billing-toggle{justify-content:center;align-items:center;gap:10px;display:flex}.tier-billing-label{color:var(--text-tertiary,#666);cursor:pointer;font-size:13px;transition:color .15s}.tier-billing-label.active{color:var(--text-primary,#fff);font-weight:600}.tier-billing-save{color:#22c55e;font-size:11px;font-weight:600}.tier-billing-switch{width:40px;height:22px;display:inline-block;position:relative}.tier-billing-switch input{opacity:0;width:0;height:0}.tier-billing-slider{cursor:pointer;background:var(--bg-tertiary,#333);border-radius:11px;transition:background .2s;position:absolute;inset:0}.tier-billing-slider:before{content:"";background:var(--text-primary,#fff);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.tier-billing-switch input:checked+.tier-billing-slider{background:#22c55e}.tier-billing-switch input:checked+.tier-billing-slider:before{transform:translate(18px)}.tier-selection-columns{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px 20px;display:grid}.tier-select-col{border:1px solid var(--border-color,#333);cursor:default;background:#ffffff05;border-radius:10px;flex-direction:column;padding:16px 14px;transition:border-color .15s,background .15s;display:flex}.tier-select-col.current{background:#ffffff0a;border-color:#ffffff26}.tier-select-col.upgrade:hover{border-color:var(--tier-color);background:#ffffff0d}.tier-select-header{text-align:center;margin-bottom:10px}.tier-select-header img{margin-bottom:6px}.tier-select-header h3{margin:0 0 2px;font-size:16px;font-weight:700}.tier-select-tagline{color:var(--text-tertiary,#666);margin:0;font-size:11px}.tier-select-price{text-align:center;border-bottom:1px solid var(--border-subtle,#2a2a3e);margin-bottom:12px;padding-bottom:10px}.tier-price-amount{color:var(--text-primary,#fff);font-size:24px;font-weight:800}.tier-price-period{color:var(--text-secondary,#aaa);margin-left:2px;font-size:13px}.tier-price-savings{color:#22c55e;margin-top:2px;font-size:11px;font-weight:600;display:block}.tier-select-features{flex-direction:column;flex:1;gap:0;display:flex}.tier-select-feature{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:3px 0;display:flex}.tier-select-feature:last-child{border-bottom:none}.tier-select-feature-label{color:var(--text-secondary,#aaa);font-size:11px}.tier-select-feature-value{color:var(--text-primary,#fff);font-size:11px;font-weight:600}.tier-select-action{margin-top:12px}.tier-select-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 0;font-size:13px;font-weight:600;transition:filter .15s,opacity .15s}.tier-select-btn.current{color:var(--text-secondary,#aaa);cursor:default;background:#ffffff0f}.tier-select-btn.upgrade{color:#fff}.tier-select-btn.upgrade:hover{filter:brightness(1.15)}.tier-select-btn.downgrade{color:var(--text-tertiary,#666);cursor:default;background:#ffffff0a}.automod-rule-card{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:8px;margin-bottom:8px;padding:12px 16px}.automod-rule-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.automod-rule-name{color:var(--text-primary,#e0e0e0);font-size:14px;font-weight:600}.automod-rule-type,.automod-rule-action{color:var(--accent-color,#eb7538);background:#eb753826;border-radius:3px;padding:2px 6px;font-size:11px}.automod-rule-action{color:#faa61a;background:#faa61a26}.automod-status-enabled{color:#57f287;background:#57f28726;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:11px}.automod-status-disabled{color:#ed4245;background:#ed424526;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:11px}.automod-rule-details{color:var(--text-muted,#949ba4);margin-bottom:8px;font-size:12px;line-height:1.4}.automod-rule-actions{gap:6px;display:flex}.automod-rule-btn{border:1px solid var(--border-medium,#3a3d42);background:var(--bg-tertiary,#1e1f22);color:var(--text-secondary,#b0b0b0);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.automod-rule-btn:hover{background:var(--bg-modifier-hover,#36373d);color:var(--text-primary,#e0e0e0)}.automod-rule-btn.danger{color:#ed4245}.automod-rule-btn.danger:hover{background:#ed424526;border-color:#ed4245}.automod-rule-editor-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.automod-rule-editor{background:var(--bg-elevated,#1e2024);border:1px solid var(--border-medium,#3a3d42);border-radius:12px;width:620px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.automod-editor-header{border-bottom:1px solid var(--border-medium,#3a3d42);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.automod-editor-header h3{color:var(--text-primary,#e0e0e0);margin:0;font-size:16px}.automod-editor-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.automod-editor-close:hover{color:var(--text-primary,#e0e0e0)}.automod-editor-body{padding:16px 20px}.automod-editor-body .settings-section{margin-bottom:12px}.automod-editor-body textarea.settings-input,.automod-textarea{resize:vertical;white-space:pre;overflow-wrap:normal;box-sizing:border-box;width:100%;height:auto;min-height:120px;padding:10px 12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.automod-regex-input{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.automod-type-config{background:var(--bg-secondary,#2b2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:8px;margin-bottom:12px;padding:16px}.automod-type-config .settings-label{margin-bottom:6px}.automod-field-hint{color:var(--text-muted,#949ba4);margin-top:6px;font-size:12px;line-height:1.4}.automod-checkbox-label{color:var(--text-primary,#e0e0e0);cursor:pointer;align-items:center;gap:8px;margin-top:10px;margin-bottom:2px;font-size:13px;display:flex}.automod-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--gamevox-orange-start,#f97316);cursor:pointer;flex-shrink:0}.automod-field-row{gap:12px;display:flex}.automod-field-col{flex:1}.automod-field-col .settings-input{width:100%}.automod-slider{width:100%;height:6px;accent-color:var(--gamevox-orange-start,#f97316);margin:8px 0 4px}.automod-slider-labels{color:var(--text-muted,#949ba4);justify-content:space-between;font-size:11px;display:flex}.automod-toxicity-info{border:1px solid var(--border-subtle,#2a2d31);border-radius:var(--radius-md,6px);margin-top:10px;overflow:hidden}.automod-toxicity-info-header{cursor:pointer;color:var(--text-secondary,#b5bac1);background:var(--bg-elevated,#2b2d31);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .15s;display:flex}.automod-toxicity-info-header:hover{background:var(--hover-overlay,#ffffff0a)}.automod-toxicity-info-chevron{margin-left:auto;transition:transform .2s}.automod-toxicity-info-chevron.open{transform:rotate(180deg)}.automod-toxicity-info-body{color:var(--text-secondary,#b5bac1);background:var(--bg-primary,#1e1f22);border-top:1px solid var(--border-subtle,#2a2d31);padding:12px 16px;font-size:12px;line-height:1.6}.automod-toxicity-info-body p{margin:0 0 8px}.automod-toxicity-info-body p:last-child{margin-bottom:0}.automod-toxicity-info-body ul{margin:4px 0 8px;padding-left:18px}.automod-toxicity-info-body li{margin-bottom:3px}.automod-toxicity-info-body strong{color:var(--text-primary,#f2f3f5)}.automod-editor-footer{border-top:1px solid var(--border-medium,#3a3d42);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.discover-server-section{flex-direction:column;gap:12px;height:100%;display:flex}.discover-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.discover-select{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-sm,4px);color:var(--text-primary,#e0e0e0);cursor:pointer;min-width:120px;padding:6px 10px;font-size:13px}.discover-select:focus{border-color:var(--accent,#5b9bd5);outline:none}.discover-results{flex-direction:column;flex:1;gap:8px;min-height:200px;max-height:600px;padding-right:4px;display:flex;overflow-y:auto}.discover-server-card{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-md,6px);justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .15s;display:flex}.discover-server-card:hover{border-color:var(--accent,#5b9bd5)}.discover-server-info{flex-direction:column;flex:1;gap:4px;min-width:0;margin-right:12px;display:flex}.discover-server-name{color:var(--text-primary,#e0e0e0);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.discover-server-desc{color:var(--text-secondary,#b0b0b0);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.discover-server-meta{color:var(--text-muted,#888);align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.discover-category-badge{background:var(--bg-primary,#1e2024);border:1px solid var(--border-light,#444);color:var(--text-secondary,#b0b0b0);border-radius:10px;padding:1px 8px;font-size:10px;font-weight:500}.discover-member-count:before{content:"";background:var(--text-muted,#888);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.discover-online-count:before{content:"";background:#43b581;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.discover-online-count.offline:before{background:var(--text-muted,#888)}.discover-server-age{color:var(--text-muted,#888);font-size:11px}.discover-server-age:before{content:"";background:var(--text-muted,#888);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.discover-server-counts{color:var(--text-muted,#888);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;margin-right:12px;font-size:12px;display:flex}.discover-join-btn{background:var(--accent,#5b9bd5);color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;white-space:nowrap;border:none;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}.discover-join-btn:hover:not(:disabled){background:var(--accent-hover,#4a8ac4)}.discover-join-btn.joined{background:var(--bg-primary,#1e2024);color:var(--text-secondary,#b0b0b0);border:1px solid var(--border-medium,#3a3d42);cursor:default}.discover-pagination{justify-content:center;align-items:center;gap:12px;padding:8px 0;display:flex}.discover-page-btn{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-sm,4px);color:var(--text-primary,#e0e0e0);cursor:pointer;padding:5px 12px;font-size:12px}.discover-page-btn:hover:not(:disabled){background:var(--bg-hover,#333);border-color:var(--accent,#5b9bd5)}.discover-page-btn:disabled{opacity:.4;cursor:default}.discover-page-info{color:var(--text-secondary,#b0b0b0);font-size:12px}.discover-server-card.has-banner{cursor:pointer;flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.discover-server-card.has-banner:hover .discover-server-banner img{transform:scale(1.03)}.discover-server-banner{aspect-ratio:3;border-radius:var(--radius-md,6px) var(--radius-md,6px) 0 0;width:100%;max-height:180px;position:relative;overflow:hidden}.discover-server-banner img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.discover-server-banner-overlay{pointer-events:none;background:linear-gradient(#0000008c 0%,#00000026 35% 55%,#000000d9 100%);flex-direction:column;justify-content:space-between;padding:10px 14px;display:flex;position:absolute;inset:0}.discover-server-banner-overlay>*{pointer-events:auto}.discover-server-banner-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.discover-server-banner-top .discover-server-name{color:#fff;text-shadow:0 1px 3px #000000b3;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;font-size:16px;font-weight:700;display:flex;overflow:hidden}.discover-server-banner-top .join-result-btn{flex-shrink:0;padding:4px 14px;font-size:12px;box-shadow:0 2px 8px #0006}.discover-server-banner-bottom{color:#fff;text-shadow:0 1px 2px #000c;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.discover-server-banner-bottom .discover-online-count,.discover-server-banner-bottom .discover-member-count{color:#fff}.discover-server-banner-bottom .discover-category-badge{color:#fff;background:#0006;border-color:#ffffff40}.discover-server-card.has-banner .discover-server-info{flex:1;min-width:0;margin-right:0;padding:10px 14px}.discover-server-card.has-banner .discover-server-desc{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-result-banner{aspect-ratio:2;border-radius:var(--radius-md,6px) var(--radius-md,6px) var(--radius-md,6px) var(--radius-md,6px);width:160px;margin-bottom:6px;overflow:hidden}.search-result-banner img{object-fit:cover;width:100%;height:100%}.server-search-result.has-banner{flex-wrap:wrap;padding-top:10px;overflow:hidden}.server-search-result.has-banner .server-result-info{flex:1;min-width:0;padding-left:22px}.server-search-result.has-banner .server-result-action{flex-shrink:0}.discover-tier-badge{white-space:nowrap;vertical-align:middle;border-radius:10px;align-items:center;gap:3px;margin-left:6px;padding:1px 7px 1px 5px;font-size:10px;font-weight:500;display:inline-flex}.discover-tier-badge img{flex-shrink:0}.payment-modal{width:90%;max-width:480px}.payment-header{border-bottom:1px solid var(--border-medium,#3a3d42);-webkit-app-region:drag;--wails-draggable:drag;align-items:center;gap:12px;padding:20px 24px;display:flex}.payment-header h3{color:var(--text-primary,#e0e0e0);margin:0;font-size:16px}.payment-price{color:var(--text-secondary,#b0b0b0);margin:2px 0 0;font-size:13px}.payment-close{color:var(--text-secondary,#b0b0b0);cursor:pointer;-webkit-app-region:no-drag;--wails-draggable:no-drag;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:6px 8px;font-size:22px;line-height:1;transition:background .15s,color .15s}.payment-close:hover{color:var(--text-primary,#e0e0e0);background:var(--bg-modifier-hover,#ffffff14)}.payment-body{min-height:200px;padding:20px 24px}.payment-loading{color:var(--text-secondary,#b0b0b0);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.payment-error{color:#ef4444;padding:8px 0;font-size:13px}.payment-footer{border-top:1px solid var(--border-medium,#3a3d42);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.payment-submit{width:100%;margin-top:16px;padding:12px;font-size:15px;font-weight:600}.payment-submit:disabled{opacity:.5;cursor:default}.card-fields-container{flex-direction:column;gap:12px;display:flex}.card-field-group{flex-direction:column;flex:1;gap:4px;display:flex}.card-fields-label{color:var(--text-secondary,#b0b0b0);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.card-field{background:var(--bg-tertiary,#1e1f22);border:1px solid var(--border-medium,#3a3d42);border-radius:6px;height:42px;padding:10px 12px;transition:border-color .15s}.card-field:hover{border-color:var(--border-strong,#5a5d62)}.card-field.braintree-hosted-fields-focused{border-color:var(--accent-primary,#ff6b35);box-shadow:0 0 0 1px var(--accent-primary,#ff6b35)}.card-field.braintree-hosted-fields-invalid{border-color:#f04747}.card-field.braintree-hosted-fields-valid{border-color:#43b581}.card-field-row{gap:12px;display:flex}.card-field-row .card-field-group{flex:1}.payment-method-tabs{gap:8px;margin-bottom:16px;display:flex}.payment-method-tab{background:var(--bg-tertiary,#1e1f22);border:2px solid var(--border-medium,#3a3d42);color:var(--text-secondary,#b0b0b0);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.payment-method-tab:hover{border-color:var(--border-strong,#5a5d62);color:var(--text-primary,#e0e0e0)}.payment-method-tab.active{border-color:var(--accent-primary,#ff6b35);color:var(--text-primary,#e0e0e0);background:#ff6b3514}.payment-method-tab svg{flex-shrink:0}.paypal-container{flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.paypal-button-wrapper{width:100%;max-width:350px}.paypal-hint{color:var(--text-muted,#72767d);text-align:center;margin:0;font-size:12px}.saved-methods-section{border-bottom:1px solid var(--border-medium,#3a3d42);margin-bottom:16px;padding-bottom:16px}.saved-methods-label{color:var(--text-secondary,#b0b0b0);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.saved-method-option{cursor:pointer;border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;transition:background .15s;display:flex}.saved-method-option:hover{background:var(--bg-tertiary,#1e1f22)}.saved-method-option input[type=radio]{accent-color:var(--accent-primary,#ff6b35);flex-shrink:0;width:16px;height:16px;margin:0}.saved-method-icon{color:var(--text-secondary,#b0b0b0);flex-shrink:0;align-items:center;display:flex}.saved-method-label{color:var(--text-primary,#e0e0e0);font-size:14px}.saved-method-submit{width:100%;margin-top:12px}.subscription-status-container{min-height:100px}.subscription-info{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-md,6px);flex-direction:column;gap:8px;padding:16px;display:flex}.subscription-header-row{align-items:center;gap:8px;display:flex}.subscription-tier{font-size:16px;font-weight:600}.subscription-detail{color:var(--text-secondary,#b0b0b0);margin:0;font-size:13px}.sub-badge{border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:500}.sub-active{color:#43b581;background:#43b58126}.sub-past-due{color:#faa61a;background:#faa61a26}.sub-canceled{color:#ef4444;background:#ef444426}.sub-cancel-btn{align-self:flex-start;margin-top:8px}.subscription-past-due-warning{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin:8px 0;padding:10px 14px;font-size:12px;line-height:1.5}.payment-method-display{background:var(--bg-tertiary,#1e1f22);border:1px solid var(--border-medium,#3a3d42);border-radius:6px;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 12px;display:flex}.payment-method-info{align-items:center;gap:8px;min-width:0;display:flex}.payment-method-icon{color:var(--text-secondary,#b0b0b0);flex-shrink:0}.payment-method-text{color:var(--text-primary,#e0e0e0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.payment-method-expiry{color:var(--text-muted,#72767d);white-space:nowrap;font-size:12px}.payment-change-btn{color:var(--accent-primary,#ff6b35);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:13px;transition:background .15s}.payment-change-btn:hover{background:#ff6b351a;text-decoration:underline}.payment-method-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.payment-remove-btn{color:#ed4245;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:13px;transition:background .15s}.payment-remove-btn:hover{background:#ed42451a;text-decoration:underline}.payment-activity-container{flex-direction:column;gap:16px;display:flex}.payment-activity-section{flex-direction:column;gap:4px;display:flex}.payment-activity-row{background:var(--bg-secondary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.payment-activity-left{flex-direction:column;gap:2px;min-width:0;display:flex}.payment-activity-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.payment-activity-label{color:var(--text-primary);font-size:13px;font-weight:500}.payment-activity-meta{color:var(--text-muted);font-size:11px}.payment-activity-amount{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.payment-activity-status{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.payment-status-completed{color:#22c55e;background:#22c55e1f}.payment-status-failed{color:#ef4444;background:#ef44441f}.payment-status-refunded{color:#22c55e;background:#22c55e1f}.payment-status-pending{color:#faa61a;background:#faa61a1f}.usage-stats-container{min-height:80px}.usage-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=700px){.usage-stats-grid{grid-template-columns:1fr}}.usage-stat-item{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-sm,4px);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.usage-stat-header{align-items:center;gap:6px;display:flex}.usage-stat-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.usage-stat-icon img.emoji{vertical-align:-2px;width:14px;height:14px}.usage-stat-label{color:var(--text-secondary,#b0b0b0);flex:1;font-size:12px}.usage-stat-count{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.usage-stat-count.usage-ok{color:#43b581}.usage-stat-count.usage-warning{color:#faa61a}.usage-stat-count.usage-critical{color:#ef4444}.usage-stat-bar{background:var(--bg-tertiary,#1e1f22);border-radius:2px;width:100%;height:4px;overflow:hidden}.usage-stat-fill{border-radius:2px;min-width:0;height:100%;transition:width .5s}.usage-stat-fill.usage-ok{background:#43b581}.usage-stat-fill.usage-warning{background:#faa61a}.usage-stat-fill.usage-critical{background:#ef4444}.downgrade-warning-modal{max-width:480px;padding:0;overflow:hidden}.downgrade-header{text-align:center;border-bottom:1px solid var(--border-medium,#3a3d42);-webkit-app-region:drag;--wails-draggable:drag;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:28px 24px 16px}.downgrade-emoji{margin-bottom:8px;font-size:48px;line-height:1}.downgrade-emoji img.emoji{width:48px;height:48px}.downgrade-title{color:#ef4444;margin:0 0 4px;font-size:20px;font-weight:700}.downgrade-subtitle{color:var(--text-secondary,#949ba4);margin:0;font-size:13px}.downgrade-locked-banner{color:#ef4444;text-align:center;background:#ef444426;border-bottom:1px solid #ef44444d;padding:8px 16px;font-size:13px;font-weight:600}.downgrade-locked-banner img.emoji{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.downgrade-body{padding:16px 24px}.downgrade-text{color:var(--text-secondary,#b0b0b0);margin:0 0 16px;font-size:13px;line-height:1.55}.downgrade-timer{background:var(--bg-tertiary,#1e1f22);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.downgrade-timer-icon{font-size:20px;line-height:1}.downgrade-timer-icon img.emoji{width:20px;height:20px}.downgrade-timer-text{color:var(--text-primary,#dbdee1);flex:1;font-size:13px}.downgrade-timer-bar{background:var(--bg-quaternary,#2b2d31);border-radius:2px;width:100%;height:4px;overflow:hidden}.downgrade-timer-fill{background:linear-gradient(90deg,#faa61a,#ef4444);border-radius:2px;height:100%;transition:width .5s}.downgrade-usage-section{background:var(--bg-tertiary,#1e1f22);border-radius:8px;padding:12px}.downgrade-usage-header{text-transform:uppercase;color:var(--text-muted,#6d6f78);letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.downgrade-usage-row{align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.downgrade-usage-row.over{background:#ef44440f;border-radius:4px;margin:2px -6px;padding:4px 6px}.downgrade-usage-icon{text-align:center;flex-shrink:0;width:18px}.downgrade-usage-icon img.emoji{width:14px;height:14px}.downgrade-usage-label{color:var(--text-secondary,#b0b0b0);flex:1}.downgrade-usage-value{font-variant-numeric:tabular-nums;font-weight:600}.downgrade-overage-delta{color:#ef4444;white-space:nowrap;background:#ef444426;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.downgrade-actions{border-top:1px solid var(--border-medium,#3a3d42);gap:10px;padding:16px 24px;display:flex}.downgrade-dismiss-btn{flex:1}.downgrade-resubscribe-btn{cursor:pointer;border-radius:4px;flex:1;padding:8px 16px;font-size:14px;font-weight:600;transition:filter .15s;background:linear-gradient(135deg, var(--gamevox-orange-start,#eb7538), var(--gamevox-orange-end,#ef4d3b))!important;color:#fff!important;border:none!important}.downgrade-resubscribe-btn:hover{filter:brightness(1.1)}.emoji-requirements-box{background:var(--bg-tertiary,#2a2d35);border:1px solid var(--border-color,#3a3d45);border-radius:var(--radius-md,8px);margin-bottom:16px;padding:12px 16px}.emoji-requirements-title{color:var(--text-secondary,#b0b0b0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.emoji-requirements-list{grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:0;padding:0;list-style:none;display:grid}.emoji-requirements-list li{color:var(--text-muted,#888);font-size:12px}.emoji-requirements-list li strong{color:var(--text-secondary,#b0b0b0)}@media (width<=500px){.emoji-requirements-list{grid-template-columns:1fr}}.emoji-manage-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.emoji-manage-count{color:var(--text-secondary,#b0b0b0);font-size:13px}.emoji-manage-list{flex-direction:column;gap:4px;max-height:400px;display:flex;overflow-y:auto}.emoji-manage-item{background:var(--bg-secondary,#2a2d31);border:1px solid var(--border-medium,#3a3d42);border-radius:var(--radius-sm,4px);align-items:center;gap:10px;padding:8px 12px;display:flex}.emoji-manage-item:hover{border-color:var(--border-light,#555)}.emoji-manage-preview{object-fit:contain;border-radius:4px;width:32px;height:32px}.emoji-manage-name{color:var(--text-primary,#e0e0e0);flex:1;font-family:monospace;font-size:13px}.emoji-manage-actions{gap:4px;display:flex}.emoji-manage-btn{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.emoji-manage-btn:hover{color:#ef4444;background:#ef44441a}.vanity-url-input-row{align-items:center;gap:8px;margin-top:8px;display:flex}.vanity-url-input-row .settings-input{flex:1}.vanity-url-status{margin-top:4px;font-size:12px;display:inline-block}.vanity-url-status.available{color:#22c55e}.vanity-url-status.unavailable{color:#ef4444}.custom-emoji{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin:0 1px}.backup-snapshots-table{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;max-height:400px;display:flex;overflow:hidden auto}.backup-row{border-bottom:1px solid var(--border-color);align-items:center;padding:8px 12px;font-size:13px;display:flex}.backup-row:last-child{border-bottom:none}.backup-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);font-size:11px;font-weight:600;position:sticky;top:0}.backup-row:not(.backup-header):hover{background:var(--bg-tertiary)}.backup-col-time{flex:2;min-width:0}.backup-col-age{color:var(--text-secondary);flex:1;min-width:0}.backup-col-contents{color:var(--text-secondary);flex-wrap:wrap;flex:2;gap:8px;min-width:0;font-size:11px;display:flex}.backup-col-contents span{white-space:nowrap}.backup-stat{cursor:default;position:relative}.backup-col-size{color:var(--text-secondary);text-align:right;flex:.8;min-width:0}.backup-col-action{text-align:right;flex:0 0 100px}.backup-restore-btn{padding:4px 10px!important;font-size:12px!important}.sh-setup-guide-link{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:10px;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.sh-setup-guide-link:hover{border-color:var(--gamevox-orange-start,#f97316);background:var(--bg-tertiary)}.sh-setup-guide-icon{image-rendering:auto;flex-shrink:0;width:36px;height:36px}.sh-setup-guide-text{flex:1;min-width:0}.sh-setup-guide-title{color:var(--text-primary);font-size:14px;font-weight:600}.sh-setup-guide-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.sh-setup-guide-arrow{color:var(--text-muted);flex-shrink:0}.sh-update-restart-btn{font-weight:600;background:linear-gradient(135deg, var(--gamevox-orange-start,#f97316), var(--gamevox-orange-end,#eb7538))!important;color:#fff!important;border:none!important}.sh-update-restart-btn:hover{filter:brightness(1.08)}.notification-container{z-index:10002;pointer-events:none;flex-direction:column;gap:10px;max-height:calc(100vh - 40px);display:flex;position:fixed;overflow:hidden}.notification-container.position-top-right{align-items:flex-end;top:20px;right:20px}.notification-container.position-top-left{align-items:flex-start;top:20px;left:20px}.notification-container.position-bottom-right{flex-direction:column-reverse;align-items:flex-end;bottom:20px;right:20px}.notification-container.position-bottom-left{flex-direction:column-reverse;align-items:flex-start;bottom:20px;left:20px}.notification-container.position-top-center{align-items:center;top:20px;left:50%;transform:translate(-50%)}.notification-container.position-bottom-center{flex-direction:column-reverse;align-items:center;bottom:20px;left:50%;transform:translate(-50%)}.notification-toast{background:var(--bg-elevated,#2b2d31);pointer-events:auto;opacity:0;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;transition:opacity .3s,transform .3s;display:flex;transform:translate(100%);box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d}.position-top-left .notification-toast,.position-bottom-left .notification-toast{transform:translate(-100%)}.position-top-center .notification-toast,.position-bottom-center .notification-toast{transform:translateY(-20px)}.position-bottom-right .notification-toast,.position-bottom-left .notification-toast,.position-bottom-center .notification-toast{transform:translateY(20px)}.notification-toast.visible{opacity:1;transform:translate(0)translateY(0)}.notification-toast.removing{opacity:0;transform:scale(.95)translate(20px)}.position-top-left .notification-toast.removing,.position-bottom-left .notification-toast.removing{transform:scale(.95)translate(-20px)}.notification-toast .toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.notification-toast .toast-avatar-wrap{flex-shrink:0;position:relative}.notification-toast .toast-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.notification-toast .toast-server-badge{object-fit:cover;border:2.5px solid var(--bg-primary,#1e1f22);background:var(--bg-secondary,#2b2d31);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-3px;right:-3px}.notification-toast .toast-content{flex:1;min-width:0}.notification-toast .toast-message{color:var(--text-primary,#dbdee1);word-break:break-word;font-size:14px;line-height:1.4}.notification-toast .toast-close{width:24px;height:24px;color:var(--text-muted,#949ba4);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:opacity .2s,background .2s;display:flex}.notification-toast .toast-close:hover{opacity:1;background:#ffffff1a}.notification-toast.toast-info{border-left:4px solid #3b82f6}.notification-toast.toast-info .toast-icon{color:#3b82f6;background:#3b82f633}.notification-toast.toast-success{border-left:4px solid #22c55e}.notification-toast.toast-success .toast-icon{color:#22c55e;background:#22c55e33}.notification-toast.toast-error{border-left:4px solid #ef4444}.notification-toast.toast-error .toast-icon{color:#ef4444;background:#ef444433}.notification-toast.toast-warning{border-left:4px solid #f59e0b}.notification-toast.toast-warning .toast-icon{color:#f59e0b;background:#f59e0b33}.unread-badge{background:var(--bg-tertiary,#2a3039);min-width:18px;height:18px;color:var(--accent-main,#eb7538);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:none;box-shadow:0 2px 4px #0000004d}.unread-badge.has-count{display:inline-flex}.unread-badge.badge-pulse{animation:.3s ease-out badge-pulse}@keyframes badge-pulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.unread-badge.badge-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef444466}.unread-badge.badge-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 6px #3b82f666}.notification-settings-section{margin-bottom:24px}.notification-settings-section h4{color:var(--text-primary,#dbdee1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.notification-setting-row{border-bottom:1px solid var(--border-subtle,#ffffff0f);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.notification-setting-row:last-child{border-bottom:none}.notification-setting-info{flex:1}.notification-setting-label{color:var(--text-primary,#dbdee1);font-size:14px;font-weight:500}.notification-setting-description{color:var(--text-muted,#949ba4);margin-top:4px;font-size:12px}.notification-toggle{background:var(--bg-tertiary,#1e1f22);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.notification-toggle.active{background:#22c55e}.notification-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.notification-toggle.active:after{transform:translate(20px)}.notification-volume-slider{background:var(--bg-tertiary,#1e1f22);appearance:none;cursor:pointer;border-radius:2px;width:120px;height:4px}.notification-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary,#eb7538);cursor:pointer;border-radius:50%;width:16px;height:16px}.notification-position-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:160px;display:grid}.notification-position-option{background:var(--bg-tertiary,#1e1f22);cursor:pointer;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:48px;height:32px;transition:border-color .2s,background .2s;display:flex}.notification-position-option:hover{background:var(--bg-secondary,#2b2d31)}.notification-position-option.active{border-color:var(--accent-primary,#eb7538);background:var(--bg-secondary,#2b2d31)}.notification-position-option .dot{background:var(--text-muted,#949ba4);border-radius:50%;width:6px;height:6px}.notification-position-option.active .dot{background:var(--accent-primary,#eb7538)}.notification-test-btn{background:var(--bg-tertiary,#1e1f22);color:var(--text-primary,#dbdee1);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:background .2s;display:inline-flex}.notification-test-btn:hover{background:var(--bg-secondary,#2b2d31)}.notification-category-list{flex-direction:column;gap:4px;display:flex}.notification-category-row{background:var(--bg-tertiary,#1e1f22);border-radius:4px;align-items:center;gap:12px;padding:8px 12px;display:flex}.notification-category-name{color:var(--text-primary,#dbdee1);flex:1;font-size:13px}.notification-category-toggles{gap:8px;display:flex}.notification-category-toggle{border:1px solid var(--border-subtle,#ffffff1a);width:28px;height:28px;color:var(--text-muted,#949ba4);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.notification-category-toggle:hover{background:var(--bg-secondary,#2b2d31)}.notification-category-toggle.active{background:var(--accent-primary,#eb7538);border-color:var(--accent-primary,#eb7538);color:#fff}.notification-category-toggle[data-type=toast]:before{content:"💬";font-size:12px}.notification-category-toggle[data-type=sound]:before{content:"🔊";font-size:12px}.notification-category-toggle[data-type=desktop]:before{content:"🖥️";font-size:12px}.sound-category{margin-bottom:20px}.sound-category:last-child{margin-bottom:0}.sound-category-title{text-transform:uppercase;color:var(--text-muted,#949ba4);letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.sound-preview-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.sound-preview-item{background:var(--bg-tertiary,#1e1f22);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.sound-preview-item:hover{background:var(--bg-secondary,#2b2d31);border-color:var(--border-subtle,#ffffff1a)}.sound-preview-btn{background:linear-gradient(135deg, var(--accent-start,#eb7538), var(--accent-end,#ef4d3b));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:flex}.sound-preview-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.sound-preview-btn:active{transform:scale(.95)}.sound-preview-btn.playing{background:linear-gradient(135deg, var(--accent-start,#eb7538), var(--accent-end,#ef4d3b));animation:.5s ease-out sound-pulse}@keyframes sound-pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .4)}to{box-shadow:0 0 0 12px rgba(var(--accent-rgb), 0)}}.sound-preview-btn svg{pointer-events:none}.sound-preview-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sound-name{color:var(--text-primary,#e4e6e8);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sound-desc{color:var(--text-muted,#949ba4);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notification-toast .toast-message .notification-emoji,.notification-toast .toast-message .twemoji,.notification-toast .toast-message .custom-emoji{vertical-align:-.2em;width:1.2em;height:1.2em;margin:0 .05em;display:inline-block}.notification-toast .toast-message img.custom-emoji{object-fit:contain;width:1.2em;height:1.2em}.notifications-bell-btn{position:relative}.notifications-bell-btn.open{color:#fff;background-color:#4f545c99!important}.notifications-bell-badge{background:var(--text-secondary,#b9bbbe);min-width:14px;height:14px;color:var(--bg-primary,#202225);text-align:center;pointer-events:none;border-radius:7px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #0000008c}.notifications-bell-badge.has-mention{background:var(--accent-main,#ff8c32);color:#fff}.notifications-bell-badge[hidden]{display:none!important}.notifications-bell-panel{z-index:10001;background:var(--bg-secondary,#2f3136);border:1px solid var(--border-color,#1f2023);border-radius:8px;flex-direction:column;width:380px;max-width:calc(100vw - 16px);max-height:70vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000073}.notifications-bell-panel[hidden]{display:none!important}.notifications-bell-panel .nb-header{border-bottom:1px solid var(--border-color,#40444b);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.notifications-bell-panel .nb-title{color:var(--text-primary,#fff);font-size:14px;font-weight:600}.notifications-bell-panel .nb-clear-btn{color:var(--text-secondary,#b9bbbe);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.notifications-bell-panel .nb-clear-btn:hover{color:var(--text-primary,#fff);background:#4f545c66}.notifications-bell-panel .nb-body{flex:1;padding:4px 0 8px;overflow-y:auto}.notifications-bell-panel .nb-empty{text-align:center;color:var(--text-secondary,#949ba4);padding:28px 16px;font-size:13px}.notifications-bell-panel .nb-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#949ba4);padding:10px 14px 4px;font-size:10px;font-weight:700}.notifications-bell-panel .nb-row{cursor:pointer;align-items:center;gap:10px;padding:8px 14px;transition:background-color .1s;display:flex}.notifications-bell-panel .nb-row:hover{background:#4f545c4d}.notifications-bell-panel .nb-avatar{object-fit:cover;background:var(--bg-tertiary,#202225);border-radius:50%;flex-shrink:0;width:32px;height:32px}.notifications-bell-panel .nb-avatar-square{border-radius:8px}.notifications-bell-panel .nb-avatar-initial{color:var(--text-primary,#fff);background:linear-gradient(135deg,#ff6b35,#f7931e);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.notifications-bell-panel .nb-server-icon-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.notifications-bell-panel .nb-row-body{flex:1;min-width:0}.notifications-bell-panel .nb-row-title{color:var(--text-primary,#dcddde);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notifications-bell-panel .nb-row-title .nb-strong{color:var(--text-primary,#fff);font-weight:600}.notifications-bell-panel .nb-row-title .nb-muted{color:var(--text-secondary,#949ba4)}.notifications-bell-panel .nb-row-sub{color:var(--text-secondary,#949ba4);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;overflow:hidden}.notifications-bell-panel .nb-row-time{color:var(--text-secondary,#949ba4);flex-shrink:0;font-size:11px}.notifications-bell-panel .nb-count-pill{background:var(--bg-tertiary,#202225);color:var(--text-secondary,#b9bbbe);text-align:center;border-radius:10px;flex-shrink:0;min-width:22px;padding:2px 8px;font-size:11px;font-weight:700}.notifications-bell-panel .nb-count-pill.has-mention{background:var(--accent-main,#ff8c32);color:#fff}.notifications-bell-panel .nb-row-mention{border-left:2px solid var(--accent-main,#ff8c32);padding-left:12px}