.screen-picker-modal{background:var(--volt-bg-secondary);border-radius:8px;width:700px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.screen-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.screen-picker-header h2{margin:0;font-size:18px;font-weight:600}.screen-picker-header .close-btn{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;line-height:1}.screen-picker-header .close-btn:hover{color:#fff}.screen-picker-error{padding:12px 20px;background:#ef444433;border-bottom:1px solid rgba(239,68,68,.3);color:var(--volt-danger);font-size:14px;text-align:center}.screen-picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.screen-picker-loading .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--volt-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.screen-picker-section{padding:16px 20px}.screen-picker-section h3{margin:0 0 12px;font-size:14px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:250px;overflow-y:auto}.screen-picker-item{position:relative;background:#ffffff0d;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.screen-picker-item:hover{background:#ffffff1a;border-color:#fff3}.screen-picker-item.selected{border-color:var(--volt-primary);background:#7c3aed26}.screen-picker-item img{width:100%;height:90px;object-fit:cover;display:block}.screen-picker-item-name{padding:8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-picker-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--volt-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.screen-picker-empty{text-align:center;padding:40px 20px;color:#999}.screen-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.screen-picker-audio-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.screen-picker-audio-toggle input{width:16px;height:16px;accent-color:var(--volt-primary)}.screen-picker-actions{display:flex;gap:12px}.screen-picker-actions button{padding:8px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.screen-picker-actions .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.screen-picker-actions .btn-secondary:hover{background:#ffffff1a}.screen-picker-actions .btn-primary{background:var(--volt-primary);border:none;color:#fff}.screen-picker-actions .btn-primary:hover:not(:disabled){background:#6d28d9}.screen-picker-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.screen-picker-type-tabs{display:flex;padding:12px 20px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.screen-picker-type-tabs button{padding:8px 16px;border:none;background:#ffffff0d;color:#999;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.screen-picker-type-tabs button:hover{background:#ffffff1a;color:#fff}.screen-picker-type-tabs button.active{background:var(--volt-primary);color:#fff}.screen-picker-native{padding:30px 20px;text-align:center}.screen-picker-native .btn-primary{padding:12px 32px;font-size:16px;font-weight:600;border-radius:6px;background:var(--volt-primary);border:none;color:#fff;cursor:pointer;transition:all .2s}.screen-picker-native .btn-primary:hover{background:#6d28d9}.native-picker-info{margin-bottom:24px}.native-picker-info p{color:#999;margin-bottom:20px}.screen-type-selector{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.screen-type-selector label{display:flex;align-items:center;gap:6px;cursor:pointer;color:#fff;font-size:14px}.screen-type-selector input{accent-color:var(--volt-primary)}.screen-picker-item-type{position:absolute;top:8px;left:8px;padding:2px 6px;background:#0009;border-radius:3px;font-size:10px;color:#aaa;text-transform:uppercase}.screen-picker-empty{text-align:center;padding:40px 20px}.screen-picker-empty p{color:#999;margin-bottom:16px}.modal-animated{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.modal-animating{pointer-events:none}.modal-fade-enter{opacity:0}.modal-entering.modal-fade-enter{animation:modalFadeEnter var(--modal-animation-duration, .3s) ease forwards}@keyframes modalFadeEnter{0%{opacity:0}to{opacity:1}}.modal-slide-enter{transform:translateY(30px);opacity:0}.modal-entering.modal-slide-enter{animation:modalSlideEnter var(--modal-animation-duration, .4s) ease forwards}@keyframes modalSlideEnter{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-bounce-enter{transform:translateY(50px) scale(.9);opacity:0}.modal-entering.modal-bounce-enter{animation:modalBounceEnter var(--modal-animation-duration, .5s) cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes modalBounceEnter{0%{transform:translateY(50px) scale(.9);opacity:0}50%{transform:translateY(-10px) scale(1.02)}70%{transform:translateY(5px) scale(.99)}to{transform:translateY(0) scale(1);opacity:1}}.modal-scale-enter{transform:scale(.8);opacity:0}.modal-entering.modal-scale-enter{animation:modalScaleEnter var(--modal-animation-duration, .35s) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalScaleEnter{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-elastic-enter{transform:scale(.3);opacity:0}.modal-entering.modal-elastic-enter{animation:modalElasticEnter var(--modal-animation-duration, .6s) cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes modalElasticEnter{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.1)}60%{transform:scale(.95)}80%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.modal-flip-enter{transform:perspective(400px) rotateX(-90deg);opacity:0}.modal-entering.modal-flip-enter{animation:modalFlipEnter var(--modal-animation-duration, .5s) ease forwards}@keyframes modalFlipEnter{0%{transform:perspective(400px) rotateX(-90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}.modal-glitch-enter{opacity:0;clip-path:inset(50% 50% 50% 50%)}.modal-entering.modal-glitch-enter{animation:modalGlitchEnter var(--modal-animation-duration, .4s) steps(5) forwards}@keyframes modalGlitchEnter{0%{opacity:0;clip-path:inset(50% 50% 50% 50%);transform:translate(0)}20%{clip-path:inset(20% 0 60% 0);transform:translate(-5px)}40%{clip-path:inset(40% 0 20% 0);transform:translate(5px)}60%{clip-path:inset(10% 0 70% 0);transform:translate(-3px)}80%{clip-path:inset(60% 0 10% 0);transform:translate(3px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translate(0)}}.modal-exiting.modal-fade-out-exit{animation:modalFadeExit var(--modal-animation-duration, .3s) ease forwards}@keyframes modalFadeExit{0%{opacity:1}to{opacity:0}}.modal-exiting.modal-slide-down-exit{animation:modalSlideDownExit var(--modal-animation-duration, .3s) ease forwards}@keyframes modalSlideDownExit{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}.modal-exiting.modal-scale-out-exit{animation:modalScaleOutExit var(--modal-animation-duration, .3s) ease forwards}@keyframes modalScaleOutExit{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.modal-exiting.modal-slide-right-exit{animation:modalSlideRightExit var(--modal-animation-duration, .3s) ease forwards}@keyframes modalSlideRightExit{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}.modal-overlay-animated{transition:background-color var(--modal-animation-duration, .3s) ease}.modal-overlay-entering{animation:overlayFadeIn var(--modal-animation-duration, .3s) ease forwards}.modal-overlay-exiting{animation:overlayFadeOut var(--modal-animation-duration, .3s) ease forwards}@keyframes overlayFadeIn{0%{background-color:#0000}to{background-color:#000000d9}}@keyframes overlayFadeOut{0%{background-color:#000000d9}to{background-color:#0000}}.modal-content-animated{animation:modalContentEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes modalContentEnter{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-stagger-children>*{opacity:0;animation:staggerFadeIn .3s ease forwards}.modal-stagger-children>*:nth-child(1){animation-delay:0ms}.modal-stagger-children>*:nth-child(2){animation-delay:50ms}.modal-stagger-children>*:nth-child(3){animation-delay:.1s}.modal-stagger-children>*:nth-child(4){animation-delay:.15s}.modal-stagger-children>*:nth-child(5){animation-delay:.2s}.modal-stagger-children>*:nth-child(6){animation-delay:.25s}.modal-stagger-children>*:nth-child(7){animation-delay:.3s}.modal-stagger-children>*:nth-child(8){animation-delay:.35s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.modal-animated,.modal-entering,.modal-exiting{animation:none!important;transition:opacity .1s ease!important}.modal-stagger-children>*{animation:none!important;opacity:1!important}}@media (max-width: 768px){.modal-mobile-slide-up{animation:modalMobileSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes modalMobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-mobile-slide-down{animation:modalMobileSlideDown .3s ease forwards}@keyframes modalMobileSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton-base{background:linear-gradient(90deg,var(--surface-2, var(--volt-bg-tertiary, #162138)) 25%,var(--surface-3, var(--volt-bg-quaternary, #1d2a42)) 50%,var(--surface-2, var(--volt-bg-tertiary, #162138)) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}[data-theme=light] .skeleton-base{background:linear-gradient(90deg,var(--surface-2, var(--volt-bg-tertiary, #d6e0f2)) 25%,var(--surface-3, var(--volt-bg-quaternary, #c4d2e8)) 50%,var(--surface-2, var(--volt-bg-tertiary, #d6e0f2)) 75%)}.skeleton-line{height:16px;margin-bottom:8px;border-radius:8px;width:100%}.skeleton-line.skeleton-line-title{height:20px;width:60%;margin-bottom:12px}.skeleton-line.skeleton-line-short{width:40%}.skeleton-line.skeleton-line-medium{width:70%}.skeleton-line.skeleton-line-text{width:85%}.skeleton-circle{border-radius:50%;width:40px;height:40px;flex-shrink:0}.skeleton-circle.small{width:24px;height:24px}.skeleton-circle.large{width:60px;height:60px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-right:12px}.skeleton-button{height:36px;width:80px;border-radius:6px;margin-right:8px}.skeleton-button.primary{width:100px}.skeleton-card{padding:16px;border-radius:8px;background:#0000001a;display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.skeleton-card .skeleton-content{flex:1;min-width:0}.skeleton-list{padding:8px 0}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:8px 16px;margin-bottom:4px}.skeleton-list-item .skeleton-line{flex:1;margin-bottom:0}.skeleton-message{display:flex;align-items:flex-start;gap:12px;padding:8px 16px;margin-bottom:8px}.skeleton-message-content{flex:1;min-width:0}.skeleton-message-content .skeleton-line:first-child{width:30%;height:14px;margin-bottom:6px}.skeleton-sidebar{width:100%;padding:16px}.skeleton-header{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.skeleton-nav-item{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:4px}.skeleton-modal{background:#000000e6;border-radius:12px;padding:24px;max-width:400px;margin:auto}.skeleton-modal-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.skeleton-modal-content{margin-bottom:24px}.skeleton-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.lazy-component-container{transition:opacity .3s ease,transform .3s ease}.lazy-component-container[data-loading=true]{opacity:.7}.lazy-component-container.loaded{opacity:1;transform:translateY(0)}.lazy-component-container:not(.loaded){transform:translateY(10px)}.component-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#ff00001a;border:1px solid rgba(255,0,0,.2);border-radius:8px;color:#ff6b6b}.error-icon{font-size:48px;margin-bottom:16px}.error-title{font-size:18px;font-weight:700;margin-bottom:8px}.error-message{font-size:14px;opacity:.8;margin-bottom:20px}.error-retry-btn{background:#ff6b6b;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s ease}.error-retry-btn:hover{background:#ff5252}@media (max-width: 768px){.skeleton-card{padding:12px}.skeleton-avatar,.skeleton-circle{width:32px;height:32px}.skeleton-message{padding:6px 12px}.skeleton-sidebar{padding:12px}.skeleton-modal{padding:20px;margin:16px}}@media (prefers-contrast: high){.skeleton-base{background:linear-gradient(90deg,#ffffff4d 25%,#ffffff80,#ffffff4d 75%)}}@media (prefers-reduced-motion: reduce){.skeleton-base{animation:skeleton-pulse 2s infinite}.lazy-component-container{transition:none}}.skeleton-base,.skeleton-line,.skeleton-circle,.skeleton-avatar,.skeleton-button{will-change:background-position;contain:layout style paint}.skeleton-line,.skeleton-circle,.skeleton-avatar,.skeleton-button{@extend .skeleton-base;}.skeleton-theme-chat .skeleton-base{background:linear-gradient(90deg,#5865f21a 25%,#5865f233,#5865f21a 75%)}.skeleton-theme-success .skeleton-base{background:linear-gradient(90deg,#2ecc711a 25%,#2ecc7133,#2ecc711a 75%)}.skeleton-theme-warning .skeleton-base{background:linear-gradient(90deg,#ffc1071a 25%,#ffc10733,#ffc1071a 75%)}.message-item,.avatar-container,.reaction-button,.chat-input,.sidebar,.activity-panel{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.message-item{transition:opacity .2s ease,transform .2s ease}.message-item.entering{opacity:0;transform:translateY(10px)}.message-item.entered{opacity:1;transform:translateY(0)}.message-list,.virtualized-message-list,.sidebar{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;scroll-behavior:smooth}.reaction-button{transition:all .15s cubic-bezier(.4,0,.2,1);transform:scale(1)}.reaction-button:hover{transform:scale(1.05);background-color:#ffffff1a}.reaction-button:active{transform:scale(.95)}.reaction-button.reacted{background-color:#5865f24d;border-color:#5865f2}.avatar-container{contain:layout style paint;transition:transform .2s ease}.avatar-container:hover{transform:scale(1.05)}.avatar-loading-spinner{animation:spin 1s linear infinite}.avatar-status{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.debounced-search .search-input{transition:all .2s ease;will-change:border-color,box-shadow}.debounced-search .search-input:focus{outline:none;border-color:#5865f2cc;box-shadow:0 0 0 3px #5865f21a}.search-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.virtualized-message-list{contain:strict;overflow:hidden}.virtualized-message-list.scrolling .message-item{pointer-events:none}.message-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:loading 1.5s infinite;height:60px;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-to-bottom-btn{position:fixed;bottom:100px;right:20px;background:#5865f2e6;color:#fff;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;transition:all .2s ease;transform:translateY(0);z-index:1000;backdrop-filter:blur(10px)}.scroll-to-bottom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.scroll-to-bottom-btn.hidden{transform:translateY(60px);opacity:0;pointer-events:none}.loading-indicator{display:flex;align-items:center;gap:8px;padding:12px;color:#ffffffb3;font-size:14px}.loading-dots{display:flex;gap:4px}.loading-dots span{width:4px;height:4px;border-radius:50%;background-color:currentColor;animation:loading-dots 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-item,.avatar-container,.reaction-button{contain:layout style paint;isolation:isolate}.typing-indicator,.voice-indicator,.status-indicator{will-change:opacity,transform;transform:translateZ(0)}.message-content,.username,.timestamp{text-rendering:optimizeSpeed;font-smooth:never;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.activity-panel,.reaction-button,.scroll-to-bottom-btn{display:none!important}.message-list{overflow:visible!important;height:auto!important}}@media (max-width: 768px){.message-item{padding:8px 12px}.avatar-container{width:32px;height:32px;min-width:32px;min-height:32px}.reaction-button{padding:4px 8px;font-size:12px}}@media (prefers-reduced-motion: reduce){.avatar-container:hover,.reaction-button:hover,.message-item{transform:none}.loading-spinner,.avatar-loading-spinner,.search-spinner{animation:none}}.message-list-container{position:relative;transform:translateZ(0)}@media (prefers-color-scheme: dark){.message-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%)}}*{margin:0;padding:0;box-sizing:border-box}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}.pulse,.fade-in,.loading-spinner,.slide-in-left,.slide-in-right,.slide-in-up{will-change:transform,opacity;transform:translateZ(0)}.scroll-container,.message-list,.channel-sidebar,.member-sidebar,.server-sidebar{contain:content;overflow:auto;-webkit-overflow-scrolling:touch}.message-list{contain:strict}svg{flex-shrink:0;width:1em;height:1em}* input,* textarea,* [contenteditable=true],* .chat-input-editor,* .message-content,* .message-text,* .message-author,* .dm-message-author,* .dm-message-content,* .username,* .user-name,* .friend-name,* .channel-name,* .server-name,* .dm-recipient-name,* .participant-name,* .search-result-content,* .search-result-author,* .pinned-message-content,* .pinned-message-author,* .profile-display-name,* .profile-username,* .user-username,* .message-input,* .search-input,* [data-selectable=true],* .selectable,* .form-hint,* .modal-title,* .modal-description,* .settings-label,* .server-settings-name,.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:root,[data-theme=dark]{color-scheme:dark;--volt-primary: #1fb6ff;--volt-primary-dark: #0b9edb;--volt-primary-light: #5cd6ff;--volt-primary-rgb: 31, 182, 255;--volt-success: #2dd4bf;--volt-success-rgb: 45, 212, 191;--volt-warning: #f5b400;--volt-warning-rgb: 245, 180, 0;--volt-danger: #f57c71;--volt-danger-rgb: 245, 124, 113;--volt-bg-primary: #0b1220;--volt-bg-secondary: #0f1828;--volt-bg-tertiary: #162138;--volt-bg-quaternary: #1d2a42;--volt-text-primary: #e8f0ff;--volt-text-secondary: #b5c6e3;--volt-text-muted: #7f8eaa;--volt-border: #24324c;--volt-hover: rgba(255, 255, 255, .05);--volt-active: rgba(255, 255, 255, .08);--volt-shadow: rgba(5, 12, 26, .35);--volt-border-subtle: rgba(127, 142, 170, .22);--volt-border-strong: rgba(127, 142, 170, .42);--volt-scrollbar-track: #111d30;--volt-scrollbar-thumb: #304460;--volt-scrollbar-thumb-hover: #415c82;--volt-focus-outline: rgba(var(--volt-primary-rgb), .92);--volt-focus-ring: rgba(var(--volt-primary-rgb), .34);--server-accent: var(--volt-primary);--server-banner: none;--server-background: none;--server-banner-position: cover;--transition-fast: .15s ease;--transition-medium: .25s ease;--transition-slow: .4s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--volt-bg-primary-transparent: rgba(11, 18, 32, .82);--volt-bg-secondary-transparent: rgba(15, 24, 40, .78);--volt-bg-tertiary-transparent: rgba(22, 33, 56, .75);--volt-bg-quaternary-transparent: rgba(29, 42, 66, .72)}[data-theme=light]{color-scheme:light;--volt-primary: #1a8cff;--volt-primary-dark: #0b6fda;--volt-primary-light: #4db1ff;--volt-primary-rgb: 26, 140, 255;--volt-success: #19b394;--volt-success-rgb: 25, 179, 148;--volt-warning: #e69a00;--volt-warning-rgb: 230, 154, 0;--volt-danger: #e35d4a;--volt-danger-rgb: 227, 93, 74;--volt-bg-primary: #f5f8fd;--volt-bg-secondary: #e7eef9;--volt-bg-tertiary: #d6e0f2;--volt-bg-quaternary: #c4d2e8;--volt-text-primary: #0f1c2f;--volt-text-secondary: #324766;--volt-text-muted: #607089;--volt-border: #c5d2e2;--volt-hover: rgba(0, 0, 0, .04);--volt-active: rgba(0, 0, 0, .07);--volt-shadow: rgba(10, 40, 80, .12);--volt-border-subtle: rgba(96, 112, 137, .3);--volt-border-strong: rgba(96, 112, 137, .5);--volt-scrollbar-track: #dfe8f5;--volt-scrollbar-thumb: #a5b6cd;--volt-scrollbar-thumb-hover: #899fbd;--volt-focus-outline: rgba(var(--volt-primary-rgb), .88);--volt-focus-ring: rgba(var(--volt-primary-rgb), .28);--server-accent: #1a8cff;--server-banner: none;--server-background: none;--server-banner-position: cover;--volt-bg-primary-transparent: rgba(245, 248, 253, .82);--volt-bg-secondary-transparent: rgba(231, 238, 249, .78);--volt-bg-tertiary-transparent: rgba(214, 224, 242, .75);--volt-bg-quaternary-transparent: rgba(196, 210, 232, .72)}:root{--mobile-nav-height: 64px;--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-left: env(safe-area-inset-left, 0px);--mobile-safe-right: env(safe-area-inset-right, 0px);--mobile-nav-safe-height: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom));--sidebar-width: 240px;--server-sidebar-width: 72px;--member-sidebar-width: 240px;--touch-target-size: 44px;--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--control-height-sm: 36px;--control-height-md: 40px;--control-height-lg: 44px;--control-padding-x: 12px;--control-padding-y: 10px;--surface-0: var(--volt-bg-primary);--surface-1: var(--volt-bg-secondary);--surface-3: var(--volt-bg-quaternary);--elevation-1: 0 1px 2px rgba(0, 0, 0, .16), 0 4px 10px var(--volt-shadow);--elevation-2: 0 8px 24px var(--volt-shadow);--elevation-3: 0 16px 40px var(--volt-shadow);--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-ring-size: 3px;--volt-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-inter: "Inter", sans-serif;--font-roboto: "Roboto", sans-serif;--font-poppins: "Poppins", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-opensans: "Open Sans", sans-serif;--font-lato: "Lato", sans-serif;--font-nunito: "Nunito", sans-serif;--font-work-sans: "Work Sans", sans-serif;--font-manrope: "Manrope", sans-serif;--font-merriweather: "Merriweather", serif;--font-playfair: "Playfair Display", serif;--font-lora: "Lora", serif;--font-jetbrains: "JetBrains Mono", monospace;--font-fira-code: "Fira Code", monospace;--font-space-mono: "Space Mono", monospace;--font-dm-sans: "DM Sans", sans-serif;--font-quicksand: "Quicksand", sans-serif;--font-outfit: "Outfit", sans-serif;--font-plus-jakarta: "Plus Jakarta Sans", sans-serif;--font-cabin: "Cabin", sans-serif;--font-urbanist: "Urbanist", sans-serif;--volt-transition-fast: var(--transition-fast);--volt-transition-medium: var(--transition-medium);--volt-transition-slow: var(--transition-slow);--primary: var(--volt-primary);--primary-hover: var(--volt-primary-dark);--accent-color: var(--volt-primary);--success: var(--volt-success);--warning: var(--volt-warning);--danger: var(--volt-danger);--bg-primary: var(--volt-bg-primary);--bg-secondary: var(--volt-bg-secondary);--bg-tertiary: var(--volt-bg-tertiary);--bg-quaternary: var(--volt-bg-quaternary);--surface: var(--volt-bg-secondary);--surface-2: var(--volt-bg-tertiary);--card-bg: var(--volt-bg-tertiary);--modal-bg: var(--volt-bg-secondary);--text-primary: var(--volt-text-primary);--text-secondary: var(--volt-text-secondary);--text-muted: var(--volt-text-muted);--border-color: var(--volt-border);--primary-rgb: var(--volt-primary-rgb, 31, 182, 255);--success-rgb: var(--volt-success-rgb, 45, 212, 191);--warning-rgb: var(--volt-warning-rgb, 245, 180, 0);--danger-rgb: var(--volt-danger-rgb, 245, 124, 113)}body{font-family:var(--volt-font);background-color:var(--volt-bg-primary);background-image:var(--volt-bg-gradient, none);background-attachment:fixed;background-size:cover;color:var(--volt-text-primary);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:var(--volt-primary);min-height:100vh;width:100%;overflow:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-color:var(--volt-bg-secondary);background-image:none;background-size:cover;background-position:center;background-attachment:fixed;opacity:1}body[data-bg-type=image]:before{background-image:var(--volt-bg-image, none);opacity:calc(var(--volt-bg-opacity, 100) / 100)}body[data-bg-type=image]:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-color:var(--volt-bg-overlay, #000000);opacity:calc(var(--volt-bg-overlay-opacity, 30) / 100)}body[data-bg-type=gradient]:before{background-image:linear-gradient(calc(var(--volt-bg-gradient-angle, 135) * 1deg),var(--volt-bg-gradient-from, var(--volt-primary)),var(--volt-bg-gradient-to, var(--volt-bg-secondary)));opacity:1}body[data-bg-type=pattern]:before{background-color:var(--volt-bg-secondary);opacity:1}body[data-bg-type=pattern][data-bg-pattern=dots]:before{background-image:radial-gradient(circle,var(--volt-border) 1px,transparent 1px);background-size:12px 12px;opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=lines]:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,var(--volt-border) 10px,var(--volt-border) 11px);opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=grid]:before{background-image:linear-gradient(var(--volt-border) 1px,transparent 1px),linear-gradient(90deg,var(--volt-border) 1px,transparent 1px);background-size:20px 20px;opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=noise]:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=cross]:before{background-image:linear-gradient(45deg,transparent 48%,var(--volt-border) 49%,var(--volt-border) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,var(--volt-border) 49%,var(--volt-border) 51%,transparent 52%);background-size:20px 20px;opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=diagonal]:before{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--volt-border) 10px,var(--volt-border) 11px);opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}body[data-bg-type=pattern][data-bg-pattern=waves]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cpath d='M0 10 Q10 0 20 10 T40 10' stroke='%231e3a56' fill='none' stroke-width='1'/%3E%3C/svg%3E");opacity:calc(var(--volt-bg-pattern-opacity, 10) / 100)}#root{width:100%;max-width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column}#portal-root{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99999}#portal-root>*{pointer-events:auto}@media (max-width: 768px){body{overflow:auto;-webkit-overflow-scrolling:touch}#root{height:100dvh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}button,.btn,input,select,.input{min-height:var(--touch-target-size)}input,textarea,select,.input{font-size:16px}.card{padding:var(--space-4);border-radius:var(--border-radius-md)}}button,input,textarea,select{font-family:inherit;font-size:14px}button{border:1px solid transparent;cursor:pointer;background:transparent;color:inherit;border-radius:var(--border-radius-md);min-height:var(--control-height-md);line-height:1.2;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}input,textarea,select{border:1px solid var(--volt-border);border-radius:var(--border-radius-md);background-color:var(--volt-bg-tertiary);color:var(--volt-text-primary);padding:var(--control-padding-y) var(--control-padding-x);outline:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}input,select{min-height:var(--control-height-md)}textarea{line-height:1.45;min-height:calc(var(--control-height-md) * 2);resize:vertical}input::placeholder,textarea::placeholder{color:var(--volt-text-muted)}a{color:var(--volt-primary-light);text-decoration:none;text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--volt-primary-light) 70%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--volt-scrollbar-thumb) var(--volt-scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--volt-scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--volt-scrollbar-thumb);border-radius:999px;border:2px solid var(--volt-scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--volt-scrollbar-thumb-hover)}.btn{min-height:var(--control-height-md);padding:0 var(--space-5);border-radius:var(--border-radius-md);border:1px solid transparent;font-weight:600;font-size:14px;line-height:1;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--elevation-1);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--elevation-2)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--volt-primary);border-color:rgba(var(--primary-rgb),.5);color:#fff}.btn-primary:hover:not(:disabled){background:var(--volt-primary-dark);border-color:rgba(var(--primary-rgb),.65)}.btn-secondary{background:var(--surface-3);border-color:var(--volt-border-subtle);color:var(--volt-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--volt-border);border-color:var(--volt-border-strong)}.btn-success{background:var(--volt-success);border-color:rgba(var(--success-rgb),.5);color:#fff}.btn-danger{background:var(--volt-danger);border-color:rgba(var(--danger-rgb),.45);color:#fff}.input{background:var(--surface-2);color:var(--volt-text-primary);min-height:var(--control-height-md);padding:var(--control-padding-y) var(--control-padding-x);border-radius:var(--border-radius-md);width:100%;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--volt-border-subtle);box-shadow:inset 0 1px #ffffff05}.input:hover{border-color:var(--volt-border-strong)}.input:focus{background:var(--surface-3);border-color:var(--volt-primary);box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring)}.input::placeholder{color:var(--volt-text-muted)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237f8eaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}select.input:hover{background-color:var(--volt-bg-quaternary)}select.input option{background:var(--volt-bg-secondary);color:var(--volt-text-primary);padding:10px}.card{background:var(--surface-1);border:1px solid var(--volt-border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-5);box-shadow:var(--elevation-2)}.divider{height:1px;background:var(--volt-border-subtle);margin:var(--space-4) 0}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-btn{width:32px;height:32px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--volt-text-secondary);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);padding:0}.icon-btn:hover{background:var(--volt-hover);border-color:var(--volt-border-subtle);color:var(--volt-text-primary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;font-size:18px;color:var(--volt-text-secondary);background:var(--volt-bg-primary)}.loading-container:after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--volt-primary) 30%,var(--volt-primary-light) 50%,var(--volt-primary) 70%,transparent 100%);background-size:200% 100%;animation:loading-bar-sweep 1.8s ease-in-out infinite}@keyframes loading-bar-sweep{0%{background-position:100% 0;opacity:.7}50%{background-position:0% 0;opacity:1}to{background-position:-100% 0;opacity:.7}}.loading-spinner{width:48px;height:48px;border:3px solid var(--volt-bg-quaternary);border-top:3px solid var(--volt-primary);border-right:3px solid var(--volt-primary-light);border-radius:50%;animation:spin .9s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--volt-bg-primary);color:var(--volt-text-secondary);text-align:center;padding:40px}.empty-state.full{width:100%}.empty-state-icon{width:64px;height:64px;margin-bottom:16px;opacity:.3;color:var(--volt-text-muted)}.empty-state h2{font-size:24px;color:var(--volt-text-primary);margin-bottom:8px}.empty-state p{font-size:16px;color:var(--volt-text-secondary)}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.touch-target{min-width:var(--touch-target-size);min-height:var(--touch-target-size);display:flex;align-items:center;justify-content:center}.slide-in-left{animation:slideInLeft .3s ease forwards}.slide-in-right{animation:slideInRight .3s ease forwards}.slide-in-up{animation:slideInUp .3s ease forwards}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeInMobile .2s ease forwards}@keyframes fadeInMobile{0%{opacity:0}to{opacity:1}}.touch-friendly{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.touch-friendly:active{transform:scale(.98)}.swipe-handle{touch-action:pan-x}.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.gesture-nav{touch-action:pan-y pinch-zoom}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.active{opacity:1;pointer-events:auto}.backdrop-blur{background:var(--volt-bg-secondary)}:root{--volt-animation-speed: normal;--volt-animation-duration: .3s;--volt-entrance-animation: fade;--volt-exit-animation: fade-out;--volt-smooth-transitions: 1;--volt-reduced-motion: 0;--volt-stagger-children: 0;--volt-parallax-effects: 0}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-smooth-transitions="1"] *{transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-smooth-transitions="0"] *{transition-timing-function:linear!important}[data-animation-speed=slow]{--transition-fast: .24s ease;--transition-medium: .4s ease;--transition-slow: .6s ease}[data-animation-speed=normal]{--transition-fast: .15s ease;--transition-medium: .25s ease;--transition-slow: .4s ease}[data-animation-speed=fast]{--transition-fast: .09s ease;--transition-medium: .16s ease;--transition-slow: .24s ease}[data-animation-speed=instant]{--transition-fast: 0s linear;--transition-medium: 0s linear;--transition-slow: 0s linear}[data-animation-speed=slow] .fade-in,[data-animation-speed=slow] .slide-in,[data-animation-speed=slow] .scale-in{animation-duration:calc(var(--volt-animation-duration) * 1.5)}[data-animation-speed=slow] *,[data-animation-speed=slow] *:before,[data-animation-speed=slow] *:after{transition-duration:.24s!important}[data-animation-speed=fast] .fade-in,[data-animation-speed=fast] .slide-in,[data-animation-speed=fast] .scale-in{animation-duration:calc(var(--volt-animation-duration) * .6)}[data-animation-speed=fast] *,[data-animation-speed=fast] *:before,[data-animation-speed=fast] *:after{transition-duration:.09s!important}[data-animation-speed=instant] .fade-in,[data-animation-speed=instant] .slide-in,[data-animation-speed=instant] .scale-in{animation-duration:0s}[data-animation-speed=instant] *,[data-animation-speed=instant] *:before,[data-animation-speed=instant] *:after{transition-duration:0s!important}button,input,textarea,select,a,[role=button],[class*=btn],[class*=card],[class*=item],[class*=panel],[class*=modal-content],[class*=sidebar],[class*=tile]{transition-duration:var(--transition-fast);transition-timing-function:inherit}.animating-fade{animation:entranceFade var(--volt-animation-duration) ease forwards}.animating-slide{animation:entranceSlide var(--volt-animation-duration) ease forwards}.animating-scale{animation:entranceScale var(--volt-animation-duration) ease forwards}.animating-bounce{animation:entranceBounce var(--volt-animation-duration) cubic-bezier(.68,-.55,.265,1.55) forwards}.animating-elastic{animation:entranceElastic var(--volt-animation-duration) cubic-bezier(.68,-.55,.265,1.55) forwards}.animating-flip{animation:entranceFlip var(--volt-animation-duration) ease forwards}.animating-glitch{animation:entranceGlitch var(--volt-animation-duration) ease forwards}@keyframes entranceFade{0%{opacity:0}to{opacity:1}}@keyframes entranceSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes entranceScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes entranceBounce{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(-10px)}to{transform:translateY(0);opacity:1}}@keyframes entranceElastic{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes entranceFlip{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes entranceGlitch{0%{transform:translate(0);opacity:0}20%{transform:translate(-3px,3px);opacity:1}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}to{transform:translate(0);opacity:1}}.exiting-fade-out{animation:exitFade var(--volt-animation-duration) ease forwards}.exiting-slide-down{animation:exitSlideDown var(--volt-animation-duration) ease forwards}.exiting-scale-out{animation:exitScale var(--volt-animation-duration) ease forwards}.exiting-slide-right{animation:exitSlideRight var(--volt-animation-duration) ease forwards}@keyframes exitFade{0%{opacity:1}to{opacity:0}}@keyframes exitSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes exitScale{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes exitSlideRight{0%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}body.has-background-image .chat-area,body.has-background-image #root .chat-area{background:var(--volt-bg-gradient, none),var(--volt-bg-primary-transparent)!important}body.has-background-image .channel-sidebar,body.has-background-image #root .channel-sidebar{background:var(--volt-bg-gradient, none),var(--volt-bg-secondary-transparent)!important}body.has-background-image .server-sidebar,body.has-background-image #root .server-sidebar{background:var(--volt-bg-gradient, none),var(--volt-bg-primary-transparent)!important}body.has-background-image .member-sidebar,body.has-background-image #root .member-sidebar{background:var(--volt-bg-gradient, none),var(--volt-bg-secondary-transparent)!important}body.has-background-image .dm-chat,body.has-background-image #root .dm-chat{background:var(--volt-bg-gradient, none),var(--volt-bg-primary-transparent)!important}body.has-background-image .dm-list,body.has-background-image #root .dm-list{background:var(--volt-bg-gradient, none),var(--volt-bg-secondary-transparent)!important}body.has-background-image .message-input-container,body.has-background-image #root .message-input-container,body.has-background-image .chat-area-footer,body.has-background-image #root .chat-area-footer{background:var(--volt-bg-primary-transparent)!important}#root,.app,.chat-page,.chat-content-wrapper,.chat-area-wrapper{color:var(--volt-text-primary);background-color:var(--volt-bg-primary)}.chat-area,.dm-chat,.voice-channel-view,.vc-main-view,.vc-mini-view,.friends-page,.discovery-panel,.activities-panel{color:var(--volt-text-primary)!important;background:var(--volt-bg-gradient, none),var(--volt-bg-primary)!important}.channel-sidebar,.member-sidebar,.dm-list,.settings-sidebar,.theme-settings-sidebar{color:var(--volt-text-primary)!important;background:var(--volt-bg-gradient, none),var(--volt-bg-secondary)!important}.server-sidebar{background:var(--volt-bg-gradient, none),var(--volt-bg-primary)!important}.modal-content,[class*=modal-content],[class$=-panel],.card,.theme-preset-card,.customization-card{color:var(--volt-text-primary);border-color:var(--volt-border)!important}input,textarea,select,button{border-color:var(--volt-border)}input,textarea,select{color:var(--volt-text-primary);background-color:var(--volt-bg-tertiary)}.text-muted,.muted,.secondary-text{color:var(--volt-text-muted)!important}.success,.is-success,.status-success{color:var(--volt-success)!important}.warning,.is-warning,.status-warning{color:var(--volt-warning)!important}.danger,.error,.is-danger,.status-error{color:var(--volt-danger)!important}.theme-tint-primary{background-color:color-mix(in srgb,var(--volt-primary) 18%,transparent)!important}.theme-tint-success{background-color:color-mix(in srgb,var(--volt-success) 18%,transparent)!important}.theme-tint-warning{background-color:color-mix(in srgb,var(--volt-warning) 18%,transparent)!important}.theme-tint-danger{background-color:color-mix(in srgb,var(--volt-danger) 18%,transparent)!important}body.has-background-image .empty-state,body.has-background-image #root .empty-state{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .voice-container,body.has-background-image #root .voice-container,body.has-background-image .voice-channel-view,body.has-background-image #root .voice-channel-view{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .modal-overlay,body.has-background-image #root .modal-overlay{background:#000000a6!important}body.has-background-image .modal-content,body.has-background-image #root .modal-content{background:var(--volt-bg-gradient, none),var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .modal-header,body.has-background-image #root .modal-header{background:linear-gradient(to bottom,var(--volt-bg-tertiary-transparent),var(--volt-bg-secondary-transparent))!important}body.has-background-image .modal-footer,body.has-background-image #root .modal-footer{background:linear-gradient(to top,var(--volt-bg-tertiary-transparent),var(--volt-bg-secondary-transparent))!important}body.has-background-image .settings-overlay,body.has-background-image #root .settings-overlay{background:#000000a6!important}body.has-background-image .settings-sidebar,body.has-background-image #root .settings-sidebar{background:var(--volt-bg-gradient, none),var(--volt-bg-primary-transparent)!important}body.has-background-image .settings-content,body.has-background-image #root .settings-content{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .theme-customizer-modal,body.has-background-image #root .theme-customizer-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .theme-customizer-controls,body.has-background-image #root .theme-customizer-controls{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .theme-customizer-preview,body.has-background-image #root .theme-customizer-preview,body.has-background-image .card,body.has-background-image #root .card{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .server-sidebar-item,body.has-background-image #root .server-sidebar-item{background:transparent!important}body.has-background-image .server-sidebar-item:hover,body.has-background-image #root .server-sidebar-item:hover{background:var(--volt-hover)!important}body.has-background-image .message-bubble,body.has-background-image #root .message-bubble{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .message-bubble.own,body.has-background-image #root .message-bubble.own{background:var(--volt-bg-quaternary-transparent)!important}body.has-background-image .context-menu,body.has-background-image #root .context-menu{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .tooltip,body.has-background-image #root .tooltip{background:var(--volt-bg-quaternary-transparent)!important;backdrop-filter:blur(4px)}body.has-background-image .dropdown-menu,body.has-background-image #root .dropdown-menu,body.has-background-image .popover,body.has-background-image #root .popover,body.has-background-image .notification-toast,body.has-background-image #root .notification-toast{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .mobile-nav,body.has-background-image #root .mobile-nav{background:var(--volt-bg-primary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .loading-container,body.has-background-image #root .loading-container{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .friend-item,body.has-background-image #root .friend-item{background:transparent!important}body.has-background-image .friend-item:hover,body.has-background-image #root .friend-item:hover{background:var(--volt-hover)!important}body.has-background-image .profile-header,body.has-background-image #root .profile-header{background:linear-gradient(to bottom,var(--volt-bg-tertiary-transparent),var(--volt-bg-secondary-transparent))!important}body.has-background-image #root,body.has-background-image .app-container,body.has-background-image #root .app-container,body.has-background-image .app-layout,body.has-background-image #root .app-layout,body.has-background-image .channel-list-item,body.has-background-image #root .channel-list-item{background:transparent!important}body.has-background-image .channel-list-item:hover,body.has-background-image .channel-list-item.active,body.has-background-image #root .channel-list-item:hover,body.has-background-image #root .channel-list-item.active{background:var(--volt-hover)!important}body.has-background-image .dm-list-item,body.has-background-image #root .dm-list-item{background:transparent!important}body.has-background-image .dm-list-item:hover,body.has-background-image .dm-list-item.active,body.has-background-image #root .dm-list-item:hover,body.has-background-image #root .dm-list-item.active{background:var(--volt-hover)!important}body.has-background-image .message-list,body.has-background-image #root .message-list{background:transparent!important}body.has-background-image .chat-header,body.has-background-image #root .chat-header,body.has-background-image .server-header,body.has-background-image #root .server-header,body.has-background-image .search-results,body.has-background-image #root .search-results,body.has-background-image .pinned-messages-panel,body.has-background-image #root .pinned-messages-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .thread-panel,body.has-background-image #root .thread-panel{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .member-list-item,body.has-background-image #root .member-list-item{background:transparent!important}body.has-background-image .member-list-item:hover,body.has-background-image #root .member-list-item:hover{background:var(--volt-hover)!important}body.has-background-image .role-group-header,body.has-background-image #root .role-group-header{background:transparent!important}body.has-background-image .emoji-picker,body.has-background-image #root .emoji-picker{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .command-palette,body.has-background-image #root .command-palette{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .status-picker,body.has-background-image #root .status-picker{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .user-popout,body.has-background-image #root .user-popout,body.has-background-image .quick-switcher,body.has-background-image #root .quick-switcher{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .chat-input-container,body.has-background-image #root .chat-input-container{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .chat-input-wrapper,body.has-background-image #root .chat-input-wrapper{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .chat-input-editor,body.has-background-image #root .chat-input-editor{background:transparent!important}body.has-background-image .dm-chat-header,body.has-background-image #root .dm-chat-header{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .dm-messages,body.has-background-image #root .dm-messages,body.has-background-image .dm-message,body.has-background-image #root .dm-message{background:transparent!important}body.has-background-image .dm-message-content,body.has-background-image #root .dm-message-content{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .dm-input-container,body.has-background-image #root .dm-input-container{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .dm-input-wrapper,body.has-background-image #root .dm-input-wrapper{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .server-header,body.has-background-image #root .server-header{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .server-dropdown,body.has-background-image #root .server-dropdown{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .server-list,body.has-background-image #root .server-list,body.has-background-image .server-item,body.has-background-image #root .server-item{background:transparent!important}body.has-background-image .server-item:hover,body.has-background-image #root .server-item:hover{background:var(--volt-hover)!important}body.has-background-image .channel-list,body.has-background-image #root .channel-list,body.has-background-image .channel-item,body.has-background-image #root .channel-item{background:transparent!important}body.has-background-image .channel-item:hover,body.has-background-image .channel-item.active,body.has-background-image #root .channel-item:hover,body.has-background-image #root .channel-item.active{background:var(--volt-hover)!important}body.has-background-image .channel-category,body.has-background-image #root .channel-category{background:transparent!important}body.has-background-image .channel-header,body.has-background-image #root .channel-header{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .member-list,body.has-background-image #root .member-list,body.has-background-image .member-item,body.has-background-image #root .member-item{background:transparent!important}body.has-background-image .member-item:hover,body.has-background-image #root .member-item:hover{background:var(--volt-hover)!important}body.has-background-image .member-section,body.has-background-image #root .member-section{background:transparent!important}body.has-background-image .voice-channel-view,body.has-background-image #root .voice-channel-view{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .voice-panel,body.has-background-image #root .voice-panel{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .voice-header,body.has-background-image #root .voice-header{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .voice-controls,body.has-background-image #root .voice-controls{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .voice-participants,body.has-background-image #root .voice-participants{background:transparent!important}body.has-background-image .voice-participant-tile,body.has-background-image #root .voice-participant-tile{background:var(--volt-bg-quaternary-transparent)!important}body.has-background-image .voice-channel-mini,body.has-background-image #root .voice-channel-mini{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .message,body.has-background-image #root .message,body.has-background-image .message-content,body.has-background-image #root .message-content,body.has-background-image .message-header,body.has-background-image #root .message-header{background:transparent!important}body.has-background-image .message-embed,body.has-background-image #root .message-embed{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .message-reactions,body.has-background-image #root .message-reactions{background:transparent!important}body.has-background-image .message-reply-ref,body.has-background-image #root .message-reply-ref{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .profile-modal,body.has-background-image #root .profile-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .profile-content,body.has-background-image #root .profile-content{background:transparent!important}body.has-background-image .profile-section,body.has-background-image #root .profile-section{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .profile-tabs-content,body.has-background-image #root .profile-tabs-content,body.has-background-image .settings-modal,body.has-background-image #root .settings-modal,body.has-background-image .settings-container,body.has-background-image #root .settings-container{background:transparent!important}body.has-background-image .settings-panel,body.has-background-image #root .settings-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .settings-section,body.has-background-image #root .settings-section{background:transparent!important}body.has-background-image .user-profile-card,body.has-background-image #root .user-profile-card{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .theme-customizer,body.has-background-image #root .theme-customizer{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .theme-customizer-content,body.has-background-image #root .theme-customizer-content{background:transparent!important}body.has-background-image .theme-card,body.has-background-image #root .theme-card,body.has-background-image .theme-preset-card,body.has-background-image #root .theme-preset-card{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .theme-preview,body.has-background-image #root .theme-preview{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .theme-preview-box,body.has-background-image #root .theme-preview-box{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .customization-card,body.has-background-image #root .customization-card{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .sysmsg-panel,body.has-background-image #root .sysmsg-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .sysmsg-card,body.has-background-image #root .sysmsg-card{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .sysmsg-list,body.has-background-image #root .sysmsg-list{background:transparent!important}body.has-background-image .discovery-panel,body.has-background-image #root .discovery-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .discovery-server-card,body.has-background-image #root .discovery-server-card{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .server-profile-modal,body.has-background-image #root .server-profile-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .server-profile-content,body.has-background-image #root .server-profile-content{background:transparent!important}body.has-background-image .friends-page,body.has-background-image #root .friends-page{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .incoming-call-modal,body.has-background-image #root .incoming-call-modal,body.has-background-image .screen-picker-modal,body.has-background-image #root .screen-picker-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .activities-panel,body.has-background-image #root .activities-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .activities-modal,body.has-background-image #root .activities-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .activities-item,body.has-background-image #root .activities-item{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .activity-strip,body.has-background-image #root .activity-strip{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .activity-tile,body.has-background-image #root .activity-tile{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .status-selector,body.has-background-image #root .status-selector{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(8px)}body.has-background-image .voice-channel-uivas,body.has-background-image #root .voice-channel-uivas,body.has-background-image .vc-main-view,body.has-background-image #root .vc-main-view,body.has-background-image .vc-mini-view,body.has-background-image #root .vc-mini-view{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .chat-page,body.has-background-image #root .chat-page,body.has-background-image .chat-content-wrapper,body.has-background-image #root .chat-content-wrapper,body.has-background-image .chat-area-wrapper,body.has-background-image #root .chat-area-wrapper{background:transparent!important}body.has-background-image .server-selector,body.has-background-image #root .server-selector{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .server-selector-content,body.has-background-image #root .server-selector-content{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .admin-config-modal,body.has-background-image #root .admin-config-modal,body.has-background-image .age-verification-modal,body.has-background-image #root .age-verification-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .federation-panel,body.has-background-image #root .federation-panel,body.has-background-image .bot-panel,body.has-background-image #root .bot-panel,body.has-background-image .self-volt-panel,body.has-background-image #root .self-volt-panel{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .channel-settings-modal,body.has-background-image #root .channel-settings-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .channel-settings-sidebar,body.has-background-image #root .channel-settings-sidebar{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .channel-settings-content,body.has-background-image #root .channel-settings-content{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .server-settings-modal,body.has-background-image #root .server-settings-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .dm-call-view,body.has-background-image #root .dm-call-view{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .dm-call-controls,body.has-background-image #root .dm-call-controls{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .dm-call-participant,body.has-background-image #root .dm-call-participant{background:var(--volt-bg-quaternary-transparent)!important}body.has-background-image .join-server-modal,body.has-background-image #root .join-server-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .discovery-submit-form,body.has-background-image #root .discovery-submit-form{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .animation-settings-modal,body.has-background-image #root .animation-settings-modal,body.has-background-image .font-selector-modal,body.has-background-image #root .font-selector-modal,body.has-background-image .profile-effects-modal,body.has-background-image #root .profile-effects-modal,body.has-background-image .color-customizer-modal,body.has-background-image #root .color-customizer-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .profile-preview-container,body.has-background-image #root .profile-preview-container{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .profile-preview-card,body.has-background-image #root .profile-preview-card{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .user-profile-modal,body.has-background-image #root .user-profile-modal,body.has-background-image .theme-settings-modal,body.has-background-image #root .theme-settings-modal{background:var(--volt-bg-secondary-transparent)!important;backdrop-filter:blur(12px)}body.has-background-image .theme-settings-sidebar,body.has-background-image #root .theme-settings-sidebar{background:var(--volt-bg-primary-transparent)!important}body.has-background-image .theme-settings-content,body.has-background-image #root .theme-settings-content{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image input,body.has-background-image textarea,body.has-background-image #root input,body.has-background-image #root textarea{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image input[type=search],body.has-background-image .search-input,body.has-background-image #root input[type=search],body.has-background-image #root .search-input{background:var(--volt-bg-quaternary-transparent)!important}body.has-background-image .welcome-hero,body.has-background-image #root .welcome-hero,body.has-background-image .simple-home,body.has-background-image #root .simple-home{background:transparent!important}body.has-background-image .simple-welcome,body.has-background-image #root .simple-welcome{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .encryption-status-badge,body.has-background-image #root .encryption-status-badge,body.has-background-image .voice-encryption-status,body.has-background-image #root .voice-encryption-status{background:var(--volt-bg-tertiary-transparent)!important}body.has-background-image .loading-spinner,body.has-background-image #root .loading-spinner{background:transparent!important}body.has-background-image .chat-area.dragging:after,body.has-background-image #root .chat-area.dragging:after{background:#1fb6ff4d!important}body.has-background-image [class*=modal-content],body.has-background-image #root [class*=modal-content],body.has-background-image [class$=-panel],body.has-background-image #root [class$=-panel]{background:var(--volt-bg-secondary-transparent)!important}body.has-background-image .voice-panel-header,body.has-background-image #root .voice-panel-header{background:transparent!important}body.has-background-image .user-panel,body.has-background-image #root .user-panel{background:var(--volt-bg-tertiary-transparent)!important}.modal-content,[class*=modal-content],.popover,.dropdown-menu,.context-menu,.tooltip,.user-popout,.quick-switcher,.command-palette,.status-picker{border:1px solid var(--volt-border-subtle);box-shadow:var(--elevation-3);background-clip:padding-box}.drawer-overlay{background:#0000009e}:focus:not(:focus-visible){outline:none;box-shadow:none}:focus-visible{outline:var(--focus-outline-width) solid var(--volt-focus-outline);outline-offset:var(--focus-outline-offset)}button:focus-visible,[role=button]:focus-visible{box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring)}a:focus-visible{border-radius:4px;box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--volt-primary);box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring)}[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring)}.icon-btn:focus-visible{border-color:var(--volt-primary);box-shadow:0 0 0 var(--focus-ring-size) var(--volt-focus-ring);background:var(--volt-hover)}