@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Rajdhani",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Share Tech Mono",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-neon-orange:#ff6b00;--color-neon-cyan:#00f0ff;--color-neon-yellow:#fcee0a;--color-neon-purple:#b829dd;--color-neon-green:#05ffa1;--color-neon-red:#ff003c;--color-accent:var(--color-neon-orange);--color-accent-hover:#ff8533;--color-accent-secondary:var(--color-neon-yellow);--color-glass-bg:#0a0a1e;--color-glass-dark:#050514cc;--color-glass-light:#14143280;--color-glass-border:#ff6b0026;--color-glass-border-hover:#ff6b0059;--color-bg-void:#050510;--color-bg-primary:#0a0a1e;--color-bg-secondary:#12121f;--color-bg-tertiary:#1a1a2e;--color-bg-elevated:#222236;--color-modal-overlay:#000000d9;--color-modal-bg:#0f0f23fa;--color-modal-secondary:#0a0a19f2;--color-modal-input:#0000004d;--color-text-primary:#fff;--color-text-secondary:#ffffffbf;--color-text-muted:#fff6;--color-status-online:var(--color-neon-green);--color-status-idle:var(--color-neon-yellow);--color-status-dnd:var(--color-neon-red);--color-status-offline:#ffffff40;--color-success:#23a55a;--color-warning:#faa61a;--color-danger:#f23f43;--color-danger-hover:#ff6b6b;--color-info:#5865f2;--font-display:"Orbitron",sans-serif;--shadow-neon:0 0 20px #ff6b004d,0 0 40px #ff6b001a;--shadow-neon-strong:0 0 30px #ff6b0080,0 0 60px #ff6b0040;--shadow-float:0 25px 80px #0009;--shadow-panel:0 8px 32px #0006;--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-normal:.3s;--z-sticky:200;--z-modal:300}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-full{height:100%}.h-screen{height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-\[120px\]{max-width:120px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[18px\]{min-width:18px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-accent{border-color:var(--color-accent)}.border-gray-700{border-color:var(--color-gray-700)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--color-accent\)\],.bg-accent{background-color:var(--color-accent)}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-danger{background-color:var(--color-danger)}.bg-glass-bg{background-color:var(--color-glass-bg)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-600{background-color:var(--color-green-600)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-status-online{background-color:var(--color-status-online)}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-accent{color:var(--color-accent)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-400{color:var(--color-green-400)}.text-orange-400{color:var(--color-orange-400)}.text-red-400{color:var(--color-red-400)}.text-success{color:var(--color-success)}.text-text-muted{color:var(--color-text-muted)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-\[var\(--bg-secondary\)\]:hover{background-color:var(--bg-secondary)}.hover\:bg-bg-tertiary:hover{background-color:var(--color-bg-tertiary)}.hover\:bg-glass-light:hover{background-color:var(--color-glass-light)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:text-danger:hover{color:var(--color-danger)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-90:hover{opacity:.9}}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes highlight-flash{0%{background-color:#0000}25%{background-color:var(--color-accent-transparent,#ff6b0033)}to{background-color:#0000}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-fadeIn{animation:.2s ease-out forwards fadeIn}.animate-fadeOut{animation:.2s ease-out forwards fadeOut}.animate-fadeInUp{animation:.3s ease-out forwards fadeInUp}.animate-fadeInDown{animation:.3s ease-out forwards fadeInDown}.animate-slideInRight{animation:.3s ease-out forwards slideInRight}.animate-slideInLeft{animation:.3s ease-out forwards slideInLeft}.animate-slideInUp{animation:.3s ease-out forwards slideInUp}.animate-slideInDown{animation:.3s ease-out forwards slideInDown}.animate-slideOutRight{animation:.3s ease-out forwards slideOutRight}.animate-slideOutLeft{animation:.3s ease-out forwards slideOutLeft}.animate-scaleIn{animation:.2s ease-out forwards scaleIn}.animate-scaleOut{animation:.2s ease-out forwards scaleOut}.animate-popIn{animation:.3s ease-out forwards popIn}.animate-bounceIn{animation:.5s ease-out forwards bounceIn}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:1.5s infinite shimmer}.animate-bounce{animation:1s ease-in-out infinite bounce}.animate-highlight{animation:1.5s ease-out highlight-flash}.tooltip-content{background:var(--bg-floating,#1a1a2e);color:var(--text-primary,#eaeaea);word-wrap:break-word;pointer-events:none;border-radius:4px;max-width:300px;padding:6px 12px;font-size:14px;box-shadow:0 2px 10px #0000004d}.tooltip-content--animated{animation:.15s ease-out tooltip-fade-in}.popover-content{background:var(--bg-floating,#1a1a2e);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.popover-content--animated{animation:.2s ease-out popover-scale-in}.user-popover{background:var(--bg-floating,#1a1a2e);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-shimmer,.animate-pulse,.animate-spin,.animate-bounce{animation:none!important}}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root,[data-theme=dark],[data-theme=orange]{--accent:#ff6b00;--accent-hover:#ff8533;--accent-secondary:#fcee0a;--accent-glow:#ff6b0080;--accent-glow-strong:#ff6b00cc;--glass-border:#ff6b0026;--glass-border-hover:#ff6b0059;--bg-grid:#ff8c0008;--text-glow:0 0 10px #ff6b0080;color-scheme:dark;--bg-base:#050510;--bg-primary:#0a0a1e;--bg-secondary:#12121f;--bg-secondary-alt:#0f0f1a;--bg-tertiary:#1a1a2e;--bg-floating:#1a1a2e;--bg-modifier-hover:#ffffff0f;--bg-modifier-selected:#ff6b0026;--bg-modifier-accent:#ffffff14;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--text-on-accent:#000;--card-bg:#0003;--card-bg-hover:#0000004d;--card-bg-solid:#ffffff08;--card-bg-solid-hover:#ffffff0d;--card-border:#ffffff1a;--card-border-hover:#fff3;--input-bg:#0000004d;--input-border:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#fff6}[data-theme=cyan]{--accent:#00f0ff;--accent-hover:#33f5ff;--accent-secondary:#f0a;--accent-glow:#00f0ff80;--accent-glow-strong:#00f0ffcc;--glass-border:#00f0ff26;--glass-border-hover:#00f0ff59;--bg-grid:#00f0ff08;--text-glow:0 0 10px #00f0ff80}[data-theme=magenta]{--accent:#f0a;--accent-hover:#f3b;--accent-secondary:#00f0ff;--accent-glow:#ff00aa80;--accent-glow-strong:#f0ac;--glass-border:#ff00aa26;--glass-border-hover:#ff00aa59;--bg-grid:#ff00aa08;--text-glow:0 0 10px #ff00aa80}[data-theme=green]{--accent:#05ffa1;--accent-hover:#33ffb5;--accent-secondary:#00f0ff;--accent-glow:#05ffa180;--accent-glow-strong:#05ffa1cc;--glass-border:#05ffa126;--glass-border-hover:#05ffa159;--bg-grid:#05ffa108;--text-glow:0 0 10px #05ffa180}[data-theme=purple]{--accent:#b829dd;--accent-hover:#c54fe5;--accent-secondary:#ff2a6d;--accent-glow:#b829dd80;--accent-glow-strong:#b829ddcc;--glass-border:#b829dd26;--glass-border-hover:#b829dd59;--bg-grid:#b829dd08;--text-glow:0 0 10px #b829dd80}[data-theme=gold]{--accent:#fcee0a;--accent-hover:#fdf23b;--accent-secondary:#ff6b00;--accent-glow:#fcee0a80;--accent-glow-strong:#fcee0acc;--glass-border:#fcee0a26;--glass-border-hover:#fcee0a59;--bg-grid:#fcee0a06;--text-glow:0 0 10px #fcee0a80}[data-theme=slate]{--accent:#5865f2;--accent-hover:#7983f5;--accent-secondary:#7289da;--accent-glow:#5865f240;--accent-glow-strong:#5865f266;--glass-border:#0000001a;--glass-border-hover:#5865f24d;--bg-grid:#00000005;--text-glow:none;color-scheme:light;--bg-base:#e3e5e8;--bg-primary:#f2f3f5;--bg-secondary:#ebedef;--bg-secondary-alt:#e3e5e8;--bg-tertiary:#fff;--bg-floating:#fff;--bg-modifier-hover:#0000000a;--bg-modifier-selected:#5865f226;--bg-modifier-accent:#0000000f;--text-primary:#060607;--text-secondary:#060607b3;--text-muted:#06060780;--text-on-accent:#fff;--color-glass-border:#00000014;--color-glass-bg:#ffffffb3;--color-glass-dark:#ebedefe6;--color-glass-light:#fffc;--color-glass-border-hover:#5865f24d;--color-glass-highlight:#ffffff80;--color-bg-void:#e3e5e8;--color-bg-primary:#f2f3f5;--color-bg-secondary:#ebedef;--color-bg-tertiary:#fff;--color-bg-elevated:#fff;--color-text-primary:#060607;--color-text-secondary:#060607cc;--color-text-muted:#06060780;--color-modal-overlay:#00000080;--color-modal-bg:#fffffffa;--color-modal-secondary:#f2f3f5f2;--color-modal-input:#0000000d;--card-bg:#0000000a;--card-bg-hover:#0000000f;--card-bg-solid:#00000008;--card-bg-solid-hover:#0000000d;--card-border:#0000001a;--card-border-hover:#00000026;--input-bg:#0000000d;--input-border:#0000001a}[data-theme=light]{--accent:#08c;--accent-hover:#009ee0;--accent-secondary:#c08;--accent-glow:#0088cc4d;--accent-glow-strong:#0088cc80;--glass-border:#0088cc26;--glass-border-hover:#0088cc4d;--bg-grid:#0088cc05;--text-glow:none;color-scheme:light;--bg-base:#fff;--bg-primary:#f8f9fa;--bg-secondary:#f0f2f5;--bg-secondary-alt:#e8eaed;--bg-tertiary:#fff;--bg-floating:#fff;--bg-modifier-hover:#0000000a;--bg-modifier-selected:#0088cc26;--bg-modifier-accent:#0000000f;--text-primary:#1a1a1a;--text-secondary:#1a1a1ab3;--text-muted:#1a1a1a80;--text-on-accent:#fff;--color-glass-border:#0088cc1a;--color-glass-bg:#fffc;--color-glass-dark:#f8f9faf2;--color-glass-light:#ffffffe6;--color-glass-border-hover:#0088cc40;--color-glass-highlight:#fff9;--color-bg-void:#fff;--color-bg-primary:#f8f9fa;--color-bg-secondary:#f0f2f5;--color-bg-tertiary:#fff;--color-bg-elevated:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#1a1a1acc;--color-text-muted:#1a1a1a80;--color-modal-overlay:#0006;--color-modal-bg:#fffffffa;--color-modal-secondary:#f8f9faf2;--color-modal-input:#0000000d;--card-bg:#0000000a;--card-bg-hover:#0000000f;--card-bg-solid:#00000008;--card-bg-solid-hover:#0000000d;--card-border:#0000001a;--card-border-hover:#00000026;--input-bg:#0000000d;--input-border:#0000001a}[data-theme=fox]{--accent:#c25100;--accent-hover:#d96100;--accent-secondary:#b3aa00;--accent-glow:#c251004d;--accent-glow-strong:#c2510080;--glass-border:#c2510033;--glass-border-hover:#c2510059;--bg-grid:#c2510008;--text-glow:none;color-scheme:light;--bg-base:#bababa;--bg-primary:#bababa;--bg-secondary:#ababab;--bg-secondary-alt:#a1a1a1;--bg-tertiary:#c8c8c8;--bg-floating:#cbcbcb;--bg-modifier-hover:#00000014;--bg-modifier-selected:#c2510033;--bg-modifier-accent:#0000001a;--text-primary:#373737;--text-secondary:#373737d9;--text-muted:#335e71;--text-on-accent:#fff;--color-glass-border:#c2510026;--color-glass-bg:#babababf;--color-glass-dark:#a0a0a0d9;--color-glass-light:#c8c8c8cc;--color-glass-border-hover:#c251004d;--color-glass-highlight:#ffffff4d;--color-bg-void:#bababa;--color-bg-primary:#bababa;--color-bg-secondary:#ababab;--color-bg-tertiary:#c8c8c8;--color-bg-elevated:#d2d2d2;--color-text-primary:#373737;--color-text-secondary:#373737d9;--color-text-muted:#335e71;--color-modal-overlay:#00000080;--color-modal-bg:#c8c8c8;--color-modal-secondary:#bcbcbc;--color-modal-input:#00000014;--card-bg:#0000000f;--card-bg-hover:#0000001a;--card-bg-solid:#b4b4b4e6;--card-bg-solid-hover:#aaaaaaf2;--card-border:#0000001f;--card-border-hover:#c251004d;--input-bg:#00000014;--input-border:#00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{height:100%;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.9375rem;font-weight:500;line-height:1.5;overflow:hidden}#root{width:100%;height:100%}a{color:var(--accent);transition:all var(--duration-fast)var(--ease-smooth);text-decoration:none}a:hover{text-shadow:var(--text-glow)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}[data-theme=slate] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=fox] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=slate] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=fox] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=slate] *,[data-theme=light] *,[data-theme=fox] *{scrollbar-color:#00000026 transparent}[data-theme=slate],[data-theme=light],[data-theme=fox]{color:var(--text-primary)}[data-theme=slate] .settings-category-title,[data-theme=light] .settings-category-title,[data-theme=fox] .settings-category-title{color:#06060780}[data-theme=slate] .settings-nav-item,[data-theme=light] .settings-nav-item{color:#060607b3}[data-theme=slate] .settings-nav-item:hover,[data-theme=light] .settings-nav-item:hover{color:var(--text-primary);background:#0000000f}[data-theme=slate] .settings-nav-item.active,[data-theme=light] .settings-nav-item.active{color:var(--accent);background:#5865f226}[data-theme=slate] .settings-sidebar,[data-theme=light] .settings-sidebar{border-right-color:#0000001a}[data-theme=slate] .settings-nav-separator,[data-theme=light] .settings-nav-separator{background:#0000001a}[data-theme=slate] .settings-section-title,[data-theme=light] .settings-section-title{color:var(--text-primary)}[data-theme=slate] .settings-section-desc,[data-theme=light] .settings-section-desc{color:#06060799}[data-theme=slate] .settings-card,[data-theme=light] .settings-card{background:#00000008;border-color:#0000001a}[data-theme=slate] .settings-card-title,[data-theme=light] .settings-card-title{color:#060607b3}[data-theme=slate] .settings-close-btn,[data-theme=light] .settings-close-btn{color:#06060799;border-color:#0003}[data-theme=slate] .settings-close-btn:hover,[data-theme=light] .settings-close-btn:hover{color:var(--text-primary);border-color:#0006}[data-theme=slate] .settings-close-hint,[data-theme=light] .settings-close-hint{color:#06060766}[data-theme=slate] input,[data-theme=slate] textarea,[data-theme=slate] select,[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:var(--text-primary);background:#0000000d;border-color:#0000001a}[data-theme=slate] input::placeholder,[data-theme=slate] textarea::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#06060766}[data-theme=slate] label,[data-theme=light] label{color:#060607cc}[data-theme=slate] .modal-title,[data-theme=slate] .modal-header,[data-theme=light] .modal-title,[data-theme=light] .modal-header{color:var(--text-primary)}[data-theme=slate] .modal-description,[data-theme=slate] .modal-text,[data-theme=light] .modal-description,[data-theme=light] .modal-text{color:#060607b3}[data-theme=slate] .channel-name,[data-theme=slate] .guild-name,[data-theme=light] .channel-name,[data-theme=light] .guild-name{color:#060607cc}[data-theme=slate] .channel-item:hover .channel-name,[data-theme=slate] .guild-item:hover .guild-name,[data-theme=light] .channel-item:hover .channel-name,[data-theme=light] .guild-item:hover .guild-name,[data-theme=slate] .message-content,[data-theme=slate] .message-text,[data-theme=light] .message-content,[data-theme=light] .message-text,[data-theme=slate] .message-author,[data-theme=light] .message-author{color:var(--text-primary)}[data-theme=slate] .member-status,[data-theme=light] .member-status{color:#06060780}[data-theme=slate] h1,[data-theme=slate] h2,[data-theme=slate] h3,[data-theme=slate] h4,[data-theme=slate] h5,[data-theme=slate] h6,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=slate] p,[data-theme=light] p{color:var(--text-primary)}[data-theme=slate] span,[data-theme=light] span{color:inherit}[data-theme=slate] .btn-secondary,[data-theme=light] .btn-secondary{color:var(--text-primary);border-color:#0003}[data-theme=slate] .btn-secondary:hover,[data-theme=light] .btn-secondary:hover{background:#00000014}[data-theme=slate] .divider,[data-theme=slate] hr,[data-theme=light] .divider,[data-theme=light] hr{background-color:#0000001a;border-color:#0000001a}[data-theme=slate] .gif-picker,[data-theme=light] .gif-picker{background:var(--bg-tertiary,#fff);border-color:#0000001a}[data-theme=slate] .gif-picker-header,[data-theme=light] .gif-picker-header{border-bottom-color:#0000001a}[data-theme=slate] .gif-picker-search input,[data-theme=light] .gif-picker-search input{color:var(--text-primary);background:#0000000a;border-color:#0000001a}[data-theme=slate] .gif-picker-search input::placeholder,[data-theme=light] .gif-picker-search input::placeholder{color:#06060766}[data-theme=slate] .gif-category-title,[data-theme=light] .gif-category-title{color:#060607b3}[data-theme=slate] .thread-panel,[data-theme=light] .thread-panel{background:var(--bg-secondary,#ebedef);border-left-color:#00000014}[data-theme=slate] .thread-header,[data-theme=light] .thread-header{border-bottom-color:#00000014}[data-theme=slate] .thread-title,[data-theme=light] .thread-title,[data-theme=slate] .thread-message,[data-theme=light] .thread-message{color:var(--text-primary)}[data-theme=slate] .thread-input,[data-theme=light] .thread-input{background:var(--bg-tertiary,#fff);color:var(--text-primary);border-color:#0000001a}[data-theme=slate] .thread-input::placeholder,[data-theme=light] .thread-input::placeholder{color:#06060766}[data-theme=slate] .notification-center,[data-theme=light] .notification-center{background:var(--bg-tertiary,#fff);border-color:#0000001a}[data-theme=slate] .notification-item,[data-theme=light] .notification-item{border-bottom-color:#0000000f}[data-theme=slate] .notification-title,[data-theme=light] .notification-title{color:var(--text-primary)}[data-theme=slate] .notification-body,[data-theme=light] .notification-body{color:#060607cc}[data-theme=slate] .notification-time,[data-theme=light] .notification-time{color:#06060780}[data-theme=slate] .toast,[data-theme=light] .toast{background:var(--bg-tertiary,#fff);color:var(--text-primary);border-color:#0000001a;box-shadow:0 4px 12px #00000026}[data-theme=slate] .loading-screen,[data-theme=light] .loading-screen{background:var(--bg-primary,#f2f3f5)}[data-theme=slate] .loading-text,[data-theme=light] .loading-text{color:var(--text-primary)}[data-theme=slate] .encryption-status,[data-theme=light] .encryption-status{color:#060607b3}[data-theme=slate] .embed,[data-theme=light] .embed{border-left-color:var(--accent);background:#00000008}[data-theme=slate] .embed-title,[data-theme=light] .embed-title{color:var(--text-primary)}[data-theme=slate] .embed-description,[data-theme=light] .embed-description{color:#060607cc}[data-theme=slate] .embed-footer,[data-theme=light] .embed-footer{color:#06060780}[data-theme=slate] .spoiler-hidden,[data-theme=light] .spoiler-hidden{background:#0000001a}[data-theme=slate] code,[data-theme=slate] pre,[data-theme=light] code,[data-theme=light] pre{color:var(--text-primary);background:#0000000d}[data-theme=slate] .developer-page,[data-theme=light] .developer-page{background:var(--bg-primary,#f2f3f5);color:var(--text-primary)}[data-theme=slate] .developer-page h2,[data-theme=slate] .developer-page h3,[data-theme=light] .developer-page h2,[data-theme=light] .developer-page h3{color:var(--text-primary)}[data-theme=slate] .app-card,[data-theme=light] .app-card{background:var(--bg-tertiary,#fff);border-color:#00000014}[data-theme=slate] .app-card-name,[data-theme=light] .app-card-name{color:var(--text-primary)}[data-theme=slate] .app-card-id,[data-theme=light] .app-card-id{color:#06060780}[data-theme=slate] .server-tab-active,[data-theme=light] .server-tab-active{background:#0000000f!important}[data-theme=slate] .server-tab-inactive,[data-theme=light] .server-tab-inactive{color:#06060799}[data-theme=slate] .server-tab-inactive:hover,[data-theme=light] .server-tab-inactive:hover{color:var(--text-primary);background:#0000000a}[data-theme=slate] .server-tab-name-active,[data-theme=light] .server-tab-name-active{color:var(--text-primary)}[data-theme=slate] .server-tab-name-inactive,[data-theme=light] .server-tab-name-inactive{color:#06060799}[data-theme=slate] .server-tab-inactive:hover .server-tab-name-inactive,[data-theme=light] .server-tab-inactive:hover .server-tab-name-inactive,[data-theme=slate] .server-tab-avatar-active,[data-theme=light] .server-tab-avatar-active{color:var(--text-primary)}[data-theme=slate] .server-tab-avatar-inactive,[data-theme=light] .server-tab-avatar-inactive{color:#060607b3}[data-theme=slate] .admin-page,[data-theme=light] .admin-page{background:var(--bg-primary,#f2f3f5);color:var(--text-primary)}[data-theme=slate] .admin-sidebar,[data-theme=light] .admin-sidebar{background:var(--bg-secondary,#ebedef);border-right-color:#00000014}[data-theme=slate] .admin-nav-item,[data-theme=light] .admin-nav-item{color:#060607b3}[data-theme=slate] .admin-nav-item:hover,[data-theme=light] .admin-nav-item:hover{color:var(--text-primary);background:#0000000a}[data-theme=slate] .admin-nav-item.active,[data-theme=light] .admin-nav-item.active{color:var(--accent);background:#5865f21a}[data-theme=slate] .admin-content,[data-theme=light] .admin-content{color:var(--text-primary)}[data-theme=slate] .admin-card,[data-theme=slate] .stat-card,[data-theme=light] .admin-card,[data-theme=light] .stat-card{background:var(--bg-tertiary,#fff);border-color:#00000014}[data-theme=slate] .stat-value,[data-theme=light] .stat-value{color:var(--text-primary)}[data-theme=slate] .stat-label,[data-theme=light] .stat-label{color:#06060799}[data-theme=slate] .inline-media-container,[data-theme=light] .inline-media-container{background:#00000005}.server-tab-active{color:var(--text-primary)}.server-tab-inactive{color:var(--color-text-muted)}.server-tab-inactive:hover,.server-tab-name-active{color:var(--text-primary)}.server-tab-name-inactive{color:var(--color-text-muted)}.server-tab-inactive:hover .server-tab-name-inactive,.server-tab-avatar-active{color:var(--text-primary)}.server-tab-avatar-inactive{color:var(--color-text-secondary)}.glass{background:var(--color-glass-bg);border:1px solid var(--glass-border);transition:border-color var(--duration-fast)var(--ease-smooth)}.glass:hover{border-color:var(--glass-border-hover)}.glass-dark{background:var(--color-glass-dark);border:1px solid var(--glass-border)}.glass-light{background:var(--color-glass-light)}.glow{box-shadow:var(--shadow-neon)}.glow-strong{box-shadow:var(--shadow-neon-strong)}.text-glow{text-shadow:var(--text-glow)}.text-accent{color:var(--accent)}.bg-accent{background-color:var(--accent)}.border-accent{border-color:var(--accent)}.shadow-float{box-shadow:var(--shadow-float)}.shadow-panel{box-shadow:var(--shadow-panel)}.app-background{background:var(--color-bg-void);z-index:-1;position:fixed;inset:0}.app-background:after{content:"";pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);position:absolute;inset:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonPulse{0%,to{box-shadow:var(--shadow-neon)}50%{box-shadow:var(--shadow-neon-strong)}}.animate-fade-in{animation:fadeIn var(--duration-normal)var(--ease-smooth)}.animate-slide-up{animation:slideUp var(--duration-normal)var(--ease-smooth)}.animate-slide-down{animation:slideDown var(--duration-normal)var(--ease-smooth)}.animate-scale-in{animation:scaleIn var(--duration-normal)var(--ease-smooth)}.animate-pulse{animation:pulse 2s var(--ease-smooth)infinite}.animate-spin{animation:1s linear infinite spin}.animate-neon-pulse{animation:neonPulse 2s var(--ease-smooth)infinite}::selection{background:var(--accent);color:var(--color-bg-void)}.auth-page{background:radial-gradient(at 30% 20%,#ff8c0026,#0000 50%),radial-gradient(at 70% 80%,#ff64321a,#0000 50%),radial-gradient(#0000004d,#0000 80%),linear-gradient(#0d0d12,#1a1a24,#0d0d12);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{background:#0a0a1e;background:var(--color-glass-bg);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-float),0 0 60px #ff640026;z-index:10;animation:scaleIn var(--duration-normal)var(--ease-smooth);border:1px solid #ff8c0033;padding:48px;position:relative}.auth-card:before{content:"";border-radius:var(--radius-lg);opacity:.5;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ff8c00,#f50);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media(max-width:480px){.auth-card{padding:32px 24px}}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{font-family:var(--font-display);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.15em;filter:drop-shadow(0 0 25px #ff640080);background:linear-gradient(135deg,#ff8c00,#f50);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:900}.auth-header h2{color:var(--color-text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-header p{color:var(--color-text-muted);font-size:.95rem}.auth-header.server-auth{text-align:left;align-items:center;gap:16px;margin-bottom:24px;display:flex}.auth-header.server-auth .server-icon{background:var(--accent);width:56px;min-width:56px;height:56px;color:var(--text-primary);box-shadow:0 0 20px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.auth-header.server-auth .server-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.auth-header.server-auth .server-info{flex-direction:column;gap:2px;display:flex}.auth-header.server-auth h2{margin-bottom:0;font-size:1.25rem}.auth-header.server-auth p{margin:0;font-size:.85rem}.auth-mode-tabs{margin-bottom:24px}.form-group{z-index:2;margin-bottom:24px;position:relative}.form-group label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:#ff8c00;margin-bottom:10px;font-size:.65rem;font-weight:700;display:block}.form-control{width:100%;font-family:var(--font-sans);background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--duration-fast)var(--ease-smooth);z-index:3;outline:none;padding:14px 18px;font-size:1rem;font-weight:500;position:relative}.form-control::placeholder{color:var(--color-text-muted)}.form-control:hover{border-color:var(--glass-border-hover)}.form-control:focus{border-color:#ff8c00;box-shadow:0 0 25px #ff64004d}.btn-primary{width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:#0a0a0a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);z-index:0;background:linear-gradient(135deg,#ff8c00,#f50);border:none;padding:16px 28px;font-size:.85rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 25px #ff640066}.btn-primary:before{content:"";opacity:0;transition:opacity var(--duration-fast);z-index:-1;background:linear-gradient(135deg,#f50,#ff8c00);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 40px #ff640099}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary span{z-index:1;position:relative}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:28px;font-size:.9rem}.auth-footer a{color:#ff8c00;font-weight:600}.auth-footer a:hover{color:#fa3;text-decoration:underline}.error-message{border-radius:var(--radius-md);color:#f23f43;animation:fadeIn var(--duration-fast)var(--ease-smooth);background:#f23f431a;border:1px solid #f23f434d;margin-bottom:24px;padding:14px 18px;font-size:.9rem}[data-theme=slate] .auth-page,[data-theme=light] .auth-page{background:linear-gradient(135deg,#e8eaed,#d5d8dc,#c7ccd1)}[data-theme=slate] .auth-card,[data-theme=light] .auth-card{background:#fffffff2;border-color:#0000001a;box-shadow:0 25px 80px #00000026}[data-theme=slate] .auth-card:before,[data-theme=light] .auth-card:before{background:linear-gradient(135deg,var(--accent),var(--accent-dark));opacity:.3}[data-theme=slate] .auth-header h2,[data-theme=light] .auth-header h2{color:var(--text-primary,#060607)}[data-theme=slate] .auth-header p,[data-theme=light] .auth-header p{color:#06060799}[data-theme=slate] .form-group label,[data-theme=light] .form-group label{color:var(--accent)}[data-theme=slate] .form-control,[data-theme=light] .form-control{color:var(--text-primary,#060607);background:#0000000a;border-color:#0000001a}[data-theme=slate] .form-control::placeholder,[data-theme=light] .form-control::placeholder{color:#06060766}[data-theme=slate] .form-control:focus,[data-theme=light] .form-control:focus{border-color:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.2)}[data-theme=slate] .auth-footer,[data-theme=light] .auth-footer{color:#06060799}.terms-text{color:var(--color-text-muted);text-align:center;margin-top:16px;font-size:12px}.terms-text a{color:var(--accent);text-decoration:none}.terms-text a:hover{text-decoration:underline}.user-profile-modal{background:var(--color-modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-float),0 0 40px #00000080;animation:scaleIn var(--duration-fast)var(--ease-smooth);overflow:hidden}.user-profile-modal .profile-loading{justify-content:center;align-items:center;padding:60px;display:flex}.user-profile-modal .profile-banner-section{margin-bottom:46px;position:relative}.user-profile-modal .profile-banner{border-radius:var(--radius-lg)var(--radius-lg)0 0;background-position:50%;background-size:cover;height:60px}.user-profile-modal .profile-banner.has-image{height:100px}.user-profile-modal .profile-avatar-wrapper{position:absolute;bottom:-42px;left:16px}.user-profile-modal .profile-avatar-ring{background:var(--color-modal-bg);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;padding:3px;display:flex}.user-profile-modal .profile-avatar-ring>*{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important}.user-profile-modal .profile-status-badge{background:var(--color-modal-bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:0}.user-profile-modal .profile-status-badge .status-dot{background:var(--color-status-offline);border-radius:50%;width:14px;height:14px}.user-profile-modal .profile-status-badge.online .status-dot{background:var(--color-status-online);box-shadow:0 0 8px var(--color-status-online)}.user-profile-modal .profile-status-badge.idle .status-dot{background:var(--color-status-idle);box-shadow:0 0 8px var(--color-status-idle)}.user-profile-modal .profile-status-badge.dnd .status-dot{background:var(--color-status-dnd);box-shadow:0 0 8px var(--color-status-dnd)}.user-profile-modal .profile-header{border-bottom:1px solid var(--glass-border);padding:8px 16px 12px}.user-profile-modal .profile-names{margin-bottom:4px}.user-profile-modal .profile-display-name{font-family:var(--font-display);color:var(--color-text-primary);text-align:left;margin:0;font-size:1.25rem;font-weight:700}.user-profile-modal .profile-username{color:var(--color-text-muted);justify-content:flex-start;align-items:center;gap:6px;font-size:.875rem;display:flex}.user-profile-modal .bot-tag{font-family:var(--font-display);text-transform:uppercase;background:var(--accent);color:var(--color-bg-void);border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:700}.user-profile-modal .profile-custom-status{color:var(--color-text-secondary);text-align:left;margin-top:4px;font-size:.8125rem}.user-profile-modal .profile-bio-preview{color:var(--color-text-muted);text-align:left;margin-top:8px;font-size:.8125rem}.user-profile-modal .profile-tabs{border-bottom:1px solid var(--glass-border);padding:0 8px;display:flex}.user-profile-modal .profile-tab{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:.75rem;font-weight:600}.user-profile-modal .profile-tab:hover{color:var(--color-text-secondary)}.user-profile-modal .profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.user-profile-modal .profile-content{max-height:300px;padding:12px 16px;overflow-y:auto}.user-profile-modal .profile-section{margin-bottom:16px}.user-profile-modal .profile-section:last-child{margin-bottom:0}.user-profile-modal .profile-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:8px;font-size:.625rem;font-weight:700}.user-profile-modal .profile-section-content{flex-direction:column;gap:6px;display:flex}.user-profile-modal .profile-date-item{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.8125rem;display:flex}.user-profile-modal .date-icon{font-size:1rem}.user-profile-modal .profile-roles{flex-wrap:wrap;gap:6px;display:flex}.user-profile-modal .profile-role{background:var(--color-glass-dark);border:1px solid var(--glass-border);color:var(--color-text-secondary);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.user-profile-modal .role-dot{border-radius:50%;width:10px;height:10px}.user-profile-modal .profile-note{background:var(--color-modal-input);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);padding:10px;font-size:.8125rem}.user-profile-modal .profile-note:hover{background:var(--bg-modifier-hover);color:var(--color-text-secondary)}.user-profile-modal .profile-note-edit textarea{background:var(--color-modal-input);border:1px solid var(--accent);border-radius:var(--radius-sm);width:100%;min-height:60px;color:var(--color-text-primary);resize:none;outline:none;padding:10px;font-family:inherit;font-size:.8125rem}.user-profile-modal .mutual-server-item,.user-profile-modal .mutual-friend-item{border-radius:var(--radius-sm);transition:background var(--duration-fast)var(--ease-smooth);align-items:center;gap:10px;padding:8px;display:flex}.user-profile-modal .mutual-server-item:hover,.user-profile-modal .mutual-friend-item:hover{background:var(--bg-modifier-hover)}.user-profile-modal .mutual-server-icon{object-fit:cover;border-radius:8px;width:32px;height:32px}.user-profile-modal .mutual-server-icon.placeholder{background:var(--color-glass-dark);font-family:var(--font-display);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.user-profile-modal .mutual-server-name,.user-profile-modal .mutual-friend-name{color:var(--color-text-primary);font-size:.875rem}.user-profile-modal .profile-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:.875rem}.user-profile-modal .profile-actions{border-top:1px solid var(--glass-border);gap:8px;padding:12px 16px;display:flex}.user-profile-modal .profile-action-btn{font-family:var(--font-sans);background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);flex:1;padding:10px 16px;font-size:.8125rem;font-weight:600}.user-profile-modal .profile-action-btn:hover{background:var(--bg-modifier-hover);border-color:var(--glass-border-hover)}.user-profile-modal .profile-action-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--color-bg-void)}.user-profile-modal .profile-action-btn.primary:hover{filter:brightness(1.1)}.user-profile-modal .profile-action-btn.danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--text-primary,white)}.user-profile-modal .profile-action-btn.icon-btn{flex:0;min-width:40px;padding:10px}.user-profile-modal .profile-action-btn:disabled{opacity:.5;cursor:not-allowed}.context-menu{background:var(--color-modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:180px;max-width:280px;box-shadow:var(--shadow-float);animation:scaleIn var(--duration-fast)var(--ease-smooth);padding:6px}.context-menu-separator{background:var(--glass-border);height:1px;margin:6px 0}.context-menu-item{width:100%;font-family:var(--font-sans);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex}.context-menu-item:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.context-menu-item.danger{color:var(--color-danger)}.context-menu-item.danger:hover{background:#f23f4326}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.disabled:hover{color:var(--color-text-secondary);background:0 0}.context-menu-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.context-menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.context-menu-arrow{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;font-size:.65rem}.context-menu-item-wrapper{position:relative}.context-menu-item-wrapper.has-submenu>.context-menu-item:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.context-submenu{background:var(--color-modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:180px;max-width:280px;box-shadow:var(--shadow-float);animation:scaleIn var(--duration-fast)var(--ease-smooth);z-index:1002;margin-left:4px;padding:6px;position:absolute;top:0;left:100%}.context-submenu .context-menu-item{padding:8px 12px}.member-list{background:var(--color-glass-dark);flex-direction:column;height:100%;display:flex}.member-list.empty,.member-list.loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.member-list-header{border-bottom:1px solid var(--glass-border);align-items:center;height:56px;min-height:56px;padding:0 16px;display:flex}.member-list-header h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:700}.member-list-content{flex:1;overflow:hidden auto}.member-group-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:20px 16px 6px;font-size:.625rem;font-weight:700}.member-item{cursor:pointer;transition:background var(--duration-fast)var(--ease-smooth);border-radius:4px;align-items:center;gap:12px;margin:0 8px;padding:6px 16px;display:flex}.member-item:focus-visible{background:var(--bg-modifier-hover);box-shadow:inset 0 0 0 2px var(--accent);outline:none}.member-avatar-wrapper{flex-shrink:0;position:relative}.member-avatar-wrapper .status-indicator{border:3px solid var(--color-glass-dark);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.member-info{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.member-item:hover .member-name{color:var(--color-text-primary)}.member-custom-status{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.member-group.offline-group .member-item{opacity:.5}.member-group.offline-group .member-item:hover{opacity:1}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-spinner.small{border-width:2px;width:16px;height:16px}.emoji-picker{background:var(--color-modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:352px;height:420px;max-height:420px;box-shadow:var(--shadow-float),0 0 40px #00000080;animation:scaleIn var(--duration-fast)var(--ease-smooth);flex-direction:column;display:flex;overflow:hidden}.emoji-picker-search{border-bottom:1px solid var(--glass-border);flex-shrink:0;padding:12px}.emoji-search-input{background:var(--color-modal-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--duration-fast)var(--ease-smooth);outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem}.emoji-search-input:focus{border-color:var(--accent)}.emoji-search-input::placeholder{color:var(--color-text-muted)}.emoji-picker-tabs{border-bottom:1px solid var(--glass-border);scrollbar-width:thin;flex-shrink:0;gap:4px;padding:8px;display:flex;overflow-x:auto}.emoji-picker-tabs::-webkit-scrollbar{height:4px}.emoji-picker-tabs::-webkit-scrollbar-track{background:0 0}.emoji-picker-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.emoji-tab{border-radius:var(--radius-sm);cursor:pointer;opacity:.6;width:32px;height:32px;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.emoji-tab:hover{opacity:1;background:var(--bg-modifier-hover)}.emoji-tab.active{opacity:1;background:var(--accent);color:var(--color-bg-void)}.emoji-picker-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);flex-shrink:0;padding:8px 12px;font-size:.6875rem;font-weight:700}.emoji-picker-grid{flex:1;grid-template-columns:repeat(8,40px);gap:2px;min-height:0;padding:8px;display:grid;overflow-y:auto}.emoji-btn{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.emoji-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.15)}.emoji-picker-empty{text-align:center;color:var(--color-text-muted);grid-column:1/-1;padding:24px;font-size:.875rem}.emoji-picker-compact{width:280px;height:320px;max-height:320px}.emoji-picker-compact .emoji-picker-grid{grid-template-columns:repeat(7,36px)}.emoji-picker-compact .emoji-btn{font-size:1.25rem}.custom-emoji-img{object-fit:contain;width:28px;height:28px}.emoji-picker-compact .custom-emoji-img{width:24px;height:24px}.inline-emoji{vertical-align:-.3em;object-fit:contain;width:1.375em;height:1.375em;margin:0 1px}.message-input-mirror .inline-emoji{vertical-align:middle;width:20px;height:20px;margin:0 2px}.image-lightbox{z-index:2000;animation:fadeIn var(--duration-fast)var(--ease-smooth);background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{width:44px;height:44px;color:var(--text-primary,white);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#fff3}.lightbox-nav{border-radius:var(--radius-md);width:48px;height:80px;color:var(--text-primary,white);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);z-index:10;background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-image-container{cursor:zoom-in;flex:1;justify-content:center;align-items:center;padding:60px 80px;display:flex;overflow:auto}.lightbox-image-container.zoomed{cursor:grab;overflow:hidden}.lightbox-image-container.zoomed .lightbox-image{max-width:none;max-height:none;transition:none}.lightbox-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-loading .loading-spinner{border-color:#fff #fff3 #fff3}.lightbox-image{object-fit:contain;border-radius:var(--radius-sm);max-width:90vw;max-height:80dvh;transition:opacity var(--duration-fast)var(--ease-smooth),transform .15s ease-out;box-shadow:0 0 60px #00000080}.lightbox-image.loading{opacity:0}.lightbox-image.dragging{transition:none}.lightbox-zoom-indicator{color:#fff;pointer-events:none;z-index:10001;background:#000000b3;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;position:fixed;top:16px;left:50%;transform:translate(-50%)}.lightbox-footer{background:#00000080;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.lightbox-info{color:var(--text-primary,white);align-items:center;gap:12px;font-size:.875rem;display:flex}.lightbox-filename{font-weight:500}.lightbox-dimensions,.lightbox-counter{color:var(--text-secondary)}.lightbox-actions{gap:8px;display:flex}.lightbox-action-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-primary,white);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:#ffffff1a;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.lightbox-action-btn:hover{background:#fff3}.lightbox-thumbnails{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lightbox-thumbnail{border-radius:var(--radius-sm);cursor:pointer;opacity:.5;width:48px;height:48px;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:2px solid #0000;padding:0;overflow:hidden}.lightbox-thumbnail:hover{opacity:.8}.lightbox-thumbnail.active{opacity:1;border-color:#fff}.lightbox-thumbnail img{object-fit:cover;width:100%;height:100%}.search-panel{background:var(--color-glass-dark);flex-direction:column;height:100%;display:flex}.search-panel-header{border-bottom:1px solid var(--glass-border);align-items:center;height:56px;min-height:56px;padding:0 16px;display:flex}.search-panel-header h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:700}.search-panel-header .channel-name{color:var(--color-text-muted);margin-left:8px;font-size:.75rem}.search-form{border-bottom:1px solid var(--glass-border);gap:8px;padding:12px;display:flex}.search-input-wrapper{background:var(--color-modal-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-icon{color:var(--color-text-muted);flex-shrink:0}.search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:.875rem}.search-input:focus,.search-input:focus-visible{outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-clear-btn{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.search-filter-toggle{background:var(--color-modal-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-filter-toggle:hover{border-color:var(--glass-border-hover);color:var(--color-text-secondary)}.search-filter-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--color-bg-void)}.search-filters{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.search-filter-chip{background:var(--color-glass-dark);border:1px solid var(--glass-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex}.search-filter-chip:hover{border-color:var(--glass-border-hover);color:var(--color-text-secondary)}.search-filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--color-bg-void)}.filter-icon{font-size:.875rem}.search-results{flex:1;overflow-y:auto}.search-loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:.875rem;display:flex}.search-results-count{color:var(--color-text-muted);padding:8px 16px;font-size:.75rem}.search-results-list{padding:0 8px}.search-result-item{background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);margin-bottom:4px;padding:12px}.search-result-item:hover{background:var(--bg-modifier-hover);border-color:var(--glass-border-hover)}.search-result-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.search-result-author{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.search-result-time{color:var(--color-text-muted);font-size:.75rem}.search-result-content{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4}.search-highlight{background:rgba(var(--accent-rgb),.3);color:var(--accent);border-radius:2px;padding:0 2px}.search-result-attachments{margin-top:6px}.attachment-indicator{color:var(--color-text-muted);font-size:.75rem}.search-more-hint{text-align:center;color:var(--color-text-muted);padding:12px 16px;font-size:.75rem}.search-empty,.search-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.search-empty-icon,.search-placeholder-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.search-empty p,.search-placeholder p{color:var(--color-text-primary);margin:0 0 4px;font-size:.9375rem;font-weight:600}.search-empty span,.search-placeholder span{color:var(--color-text-muted);font-size:.8125rem}.search-channel-name{color:var(--color-text-muted);margin-left:8px;font-size:.75rem;font-weight:400}.search-filter-menu{border-bottom:1px solid var(--glass-border);background:var(--color-glass-darker)}.filter-menu-header{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.02em;padding:10px 16px 6px;font-size:.6875rem;font-weight:700}.filter-options{padding:0 8px 8px}.filter-option{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--duration-fast)var(--ease-smooth);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;display:flex}.filter-option:hover{background:var(--bg-modifier-hover)}.filter-option-icon{color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.filter-option-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.filter-option-description{color:var(--color-text-muted);font-size:.75rem}.filter-option-arrow{color:var(--color-text-muted);opacity:.5;flex-shrink:0}.filter-sub-options{padding:0 8px 8px}.filter-back-btn{border-radius:var(--radius-sm);width:100%;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:flex}.filter-back-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-secondary)}.filter-sub-option{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--duration-fast)var(--ease-smooth);text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:10px 12px;font-size:.875rem;display:flex}.filter-sub-option:hover{background:var(--bg-modifier-hover)}.filter-option-prefix{color:var(--color-text-muted);font-weight:500}.filter-option-value{color:var(--color-text-primary)}.pinned-messages-panel{background:var(--color-glass-dark);flex-direction:column;height:100%;display:flex}.pinned-panel-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;height:56px;min-height:56px;padding:0 16px;display:flex}.pinned-panel-header .pin-icon{font-size:1.25rem}.pinned-panel-header h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:700}.pinned-panel-header .channel-name{color:var(--color-text-muted);margin-left:auto;font-size:.75rem}.pinned-messages-content{flex:1;overflow-y:auto}.pinned-loading,.pinned-error{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:.875rem;display:flex}.pinned-error .error-icon{font-size:2rem}.pinned-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.pinned-empty-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.pinned-empty p{color:var(--color-text-primary);margin:0 0 4px;font-size:.9375rem;font-weight:600}.pinned-empty span{color:var(--color-text-muted);font-size:.8125rem}.pinned-messages-list{padding:8px}.pinned-message-item{background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-smooth);margin-bottom:8px;padding:12px}.pinned-message-item:hover{border-color:var(--glass-border-hover)}.pinned-message-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pinned-message-info{flex:1;min-width:0}.pinned-message-author{color:var(--color-text-primary);font-size:.875rem;font-weight:600;display:block}.pinned-message-time{color:var(--color-text-muted);font-size:.6875rem}.pinned-message-content{color:var(--color-text-secondary);margin-bottom:8px;font-size:.8125rem;line-height:1.4}.pinned-message-content .no-content{color:var(--color-text-muted)}.pinned-message-attachments{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.pinned-attachment-preview{border-radius:var(--radius-sm);background:var(--color-modal-input);width:48px;height:48px;overflow:hidden}.pinned-attachment-image{object-fit:cover;width:100%;height:100%}.pinned-attachment-file{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:4px;display:flex}.pinned-attachment-file .file-icon{font-size:1.25rem}.pinned-attachment-file .file-name{color:var(--color-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.5rem;overflow:hidden}.pinned-attachment-more{background:var(--color-modal-input);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.625rem;display:flex}.pinned-message-actions{border-top:1px solid var(--glass-border);gap:8px;padding-top:8px;display:flex}.pinned-action-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;display:flex}.pinned-action-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.pinned-action-btn.unpin:hover{color:var(--color-danger);border-color:var(--color-danger)}.bookmarks-panel{background:var(--color-glass-dark);flex-direction:column;height:100%;display:flex}.bookmarks-panel-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;height:56px;min-height:56px;padding:0 16px;display:flex}.bookmarks-panel-header .bookmark-icon{font-size:1.25rem}.bookmarks-panel-header h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:.875rem;font-weight:700}.bookmarks-content{flex:1;overflow-y:auto}.bookmarks-loading,.bookmarks-error{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:.875rem;display:flex}.bookmarks-error .error-icon{font-size:2rem}.bookmarks-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.bookmarks-empty-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.bookmarks-empty p{color:var(--color-text-primary);margin:0 0 4px;font-size:.9375rem;font-weight:600}.bookmarks-empty span{color:var(--color-text-muted);font-size:.8125rem}.bookmarks-list{padding:8px}.bookmark-item{background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-smooth);margin-bottom:8px;padding:12px}.bookmark-item:hover{border-color:var(--glass-border-hover)}.bookmark-item-deleted{opacity:.6}.bookmark-item-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.bookmark-item-info{flex:1;min-width:0}.bookmark-item-author{color:var(--color-text-primary);font-size:.875rem;font-weight:600;display:block}.bookmark-item-time{color:var(--color-text-muted);font-size:.6875rem}.bookmark-item-content{color:var(--color-text-secondary);margin-bottom:8px;font-size:.8125rem;line-height:1.4}.bookmark-item-content .no-content{color:var(--color-text-muted)}.bookmark-item-note{color:var(--color-accent);background:var(--color-accent-transparent);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);margin-bottom:8px;padding:6px 10px;font-size:.75rem}.bookmark-item-note .note-label{font-weight:600}.bookmark-item-attachments{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.bookmark-attachment-preview{border-radius:var(--radius-sm);background:var(--color-modal-input);width:48px;height:48px;overflow:hidden}.bookmark-attachment-image{object-fit:cover;width:100%;height:100%}.bookmark-attachment-file{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:4px;display:flex}.bookmark-attachment-file .file-icon{font-size:1.25rem}.bookmark-attachment-file .file-name{color:var(--color-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.5rem;overflow:hidden}.bookmark-attachment-more{background:var(--color-modal-input);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.625rem;display:flex}.bookmark-item-meta{margin-bottom:8px}.bookmark-saved-time{color:var(--color-text-muted);font-size:.6875rem;font-style:italic}.bookmark-item-actions{border-top:1px solid var(--glass-border);gap:8px;padding-top:8px;display:flex}.bookmark-action-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;display:flex}.bookmark-action-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.bookmark-action-btn.remove:hover{color:var(--color-danger);border-color:var(--color-danger)}.bookmark-encrypted-indicator{color:var(--color-text-muted);font-size:.8125rem}.bookmark-encrypted-indicator em{opacity:.8;font-style:italic}.attachment-image-btn{cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--duration-fast)var(--ease-smooth);background:0 0;border:none;padding:0;display:block;overflow:hidden}.attachment-image-btn:hover{transform:scale(1.02)}.attachment-image-btn img{border-radius:var(--radius-sm);display:block}.voice-channel-container{flex-direction:column;margin-bottom:2px;display:flex}.channel-item.voice{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.9rem;display:flex}.channel-item.voice:hover{background:var(--bg-modifier-hover);color:var(--color-text-secondary)}.channel-item.voice.active{background:var(--bg-modifier-selected);color:var(--accent)}.voice-user-count{background:var(--bg-modifier-accent);color:var(--color-text-muted);border-radius:10px;margin-left:auto;padding:2px 6px;font-size:.75rem}.voice-users-list{flex-direction:column;margin-top:4px;margin-bottom:4px;padding-left:28px;display:flex}.voice-user{border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-smooth);align-items:center;gap:8px;padding:4px 8px;display:flex}.voice-user:hover{background:var(--bg-modifier-hover)}.voice-user.speaking{background:#05ffa11a}.voice-user.speaking .voice-user-avatar{box-shadow:0 0 0 2px var(--color-neon-green),0 0 8px var(--color-neon-green);border-radius:50%}.voice-user.muted{opacity:.6}.voice-user-avatar{transition:box-shadow var(--duration-fast)var(--ease-smooth)}.voice-user-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.voice-user-icons{align-items:center;gap:4px;display:flex}.voice-icon{opacity:.7;font-size:.7rem}.voice-icon.stream{color:var(--color-neon-purple)}.voice-icon.webcam{color:var(--color-neon-cyan)}.voice-icon.muted,.voice-icon.deafened{color:var(--color-danger)}.voice-connection-panel{background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin:8px;padding:12px}.voice-connection-info{margin-bottom:10px}.voice-connection-status{letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:600;display:flex}.voice-connection-status.connected{color:var(--color-neon-green)}.voice-connection-status.connecting{color:var(--color-neon-yellow)}.voice-status-icon{font-size:.8rem}.voice-status-text{font-size:.7rem}.voice-channel-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.voice-connection-controls{justify-content:center;gap:6px;display:flex}.voice-control-btn{background:var(--bg-modifier-accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);justify-content:center;align-items:center;padding:0;display:flex}.voice-control-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary);border-color:var(--glass-border-hover)}.voice-control-btn.active{color:var(--color-danger);border-color:var(--color-danger);background:#ed424533}.voice-control-btn.disconnect{background:#ed42451a}.voice-control-btn.disconnect:hover{color:var(--color-danger);border-color:var(--color-danger);background:#ed42454d}.user-popup-btn{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.user-popup-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.user-popup-btn.active-danger{color:var(--color-danger);background:#ed424526}.user-popup-btn.active-danger:hover{background:#ed424540}.popup-icon{font-size:1rem}.user-popup-actions{flex-direction:column;gap:2px;display:flex}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 2px var(--color-neon-green)}50%{box-shadow:0 0 0 3px var(--color-neon-green),0 0 12px var(--color-neon-green)}}.voice-user.speaking .voice-user-avatar{animation:1s ease-in-out infinite speaking-pulse}.user-pill-wrapper,.user-pill-button{position:relative}.voice-channel-view{background:var(--bg-primary);flex-direction:column;height:100%;display:flex}.voice-header{border-bottom:1px solid var(--glass-border);background:var(--color-glass-bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.voice-header-info{align-items:center;gap:10px;display:flex}.voice-header-icon{font-size:1.25rem}.voice-header-name{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.voice-header-users{color:var(--color-text-muted);font-size:.8rem}.voice-header-actions{gap:8px;display:flex}.voice-action-btn{background:var(--bg-modifier-accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.voice-action-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary);border-color:var(--glass-border-hover)}.voice-action-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.voice-action-btn.disconnect{color:var(--color-danger);background:#ed42451a;border-color:#ed42454d}.voice-action-btn.disconnect:hover{background:#ed42454d}.voice-main{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.screen-share-container{background:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;flex:2;margin-bottom:16px;display:flex;overflow:hidden}.screen-share-header{background:var(--color-glass-dark);border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;padding:10px 14px;display:flex}.screen-share-icon{color:var(--color-neon-purple);font-size:1rem}.screen-share-label{color:var(--color-text-secondary);font-size:.85rem}.screen-share-viewer{background:#000;flex:1;justify-content:center;align-items:center;display:flex}.screen-share-video{object-fit:contain;max-width:100%;max-height:100%}.voice-user-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:16px;display:grid;overflow-y:auto}.voice-user-grid.with-screen-share{flex:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:200px}.voice-tile{background:var(--color-glass-bg);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-smooth);aspect-ratio:16/9;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:16px;display:flex}.voice-tile:hover{background:var(--color-glass-light)}.voice-tile.speaking{border-color:var(--color-neon-green);box-shadow:0 0 20px #05ffa133}.voice-tile.current-user{border-color:var(--accent)}.voice-tile-video{object-fit:cover;border-radius:var(--radius-sm);background:#000;width:100%;height:100%}.voice-tile-avatar{flex:1;justify-content:center;align-items:center;display:flex}.voice-tile-info{align-items:center;gap:8px;margin-top:12px;display:flex}.voice-tile-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.85rem;font-weight:500;overflow:hidden}.voice-tile-icons{gap:4px;display:flex}.tile-icon{font-size:.8rem}.tile-icon.stream{color:var(--color-neon-purple)}.tile-icon.muted,.tile-icon.deafened{color:var(--color-danger)}.voice-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:40px;display:flex}.voice-empty-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.voice-empty p{color:var(--color-text-muted);margin:0 0 20px}.voice-join-btn{background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);border:none;padding:12px 24px;font-size:.9rem;font-weight:600}.voice-join-btn:hover{background:var(--accent-secondary);box-shadow:var(--shadow-neon);transform:translateY(-1px)}.voice-status-bar{background:var(--color-glass-dark);border-top:1px solid var(--glass-border);align-items:center;gap:8px;padding:10px 16px;display:flex}.voice-status-indicator{background:var(--color-status-offline);border-radius:50%;width:10px;height:10px}.voice-status-bar.connected .voice-status-indicator{background:var(--color-neon-green);box-shadow:0 0 8px var(--color-neon-green)}.voice-status-bar.connecting .voice-status-indicator{background:var(--color-neon-yellow);animation:1s infinite pulse}.voice-status-bar.error .voice-status-indicator{background:var(--color-danger)}.voice-status-label{color:var(--color-text-secondary);flex:1;font-size:.8rem}.voice-reconnect-btn{background:var(--bg-modifier-accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);padding:6px 12px;font-size:.75rem}.voice-reconnect-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.voice-join-bar{background:var(--color-glass-dark);border-top:1px solid var(--glass-border);justify-content:center;align-items:center;padding:16px;display:flex}@media(max-width:768px){.voice-channel-view{z-index:var(--z-modal);position:fixed;inset:0}.voice-header{padding:12px}.voice-header-actions{gap:6px}.voice-action-btn{width:40px;height:40px;font-size:1.1rem}.voice-main{padding:12px}.voice-user-grid{grid-template-columns:repeat(2,1fr);gap:12px}.voice-user-grid.with-screen-share{grid-template-columns:repeat(3,1fr);max-height:120px}.voice-tile{min-height:100px;padding:12px}.voice-tile-name{max-width:80px;font-size:.75rem}.mobile-call-bar{background:var(--color-glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:var(--z-sticky);align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:60px;left:8px;right:8px}.mobile-call-info{flex-direction:column;flex:1;gap:2px;display:flex}.mobile-call-channel{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.mobile-call-status{color:var(--color-neon-green);font-size:.7rem}.mobile-call-actions{gap:8px;display:flex}.mobile-call-btn{background:var(--bg-modifier-accent);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-call-btn.end{background:var(--color-danger);color:var(--text-primary,white)}}.voice-control-bar{border-top:1px solid var(--color-neon-green);background:linear-gradient(135deg,#05ffa114,#0006);align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.voice-control-info{cursor:pointer;border-radius:var(--radius-sm);min-width:0;transition:background var(--duration-fast)var(--ease-smooth);flex:1;padding:4px 8px}.voice-control-info:hover{background:var(--bg-modifier-hover)}.voice-control-status{align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.voice-control-status.connected{color:var(--color-neon-green)}.voice-control-status.connecting{color:var(--color-neon-yellow)}.voice-control-status.error{color:var(--color-danger)}.voice-control-status-icon{align-items:center;display:flex}.voice-control-status-icon .spin{animation:1s linear infinite spin}.voice-control-status-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.voice-control-channel{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.voice-control-buttons{gap:4px;display:flex}.voice-ctrl-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.voice-ctrl-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.voice-ctrl-btn.active{color:var(--color-danger)}.voice-ctrl-btn.disconnect{color:var(--color-text-secondary)}.voice-ctrl-btn.disconnect:hover{color:var(--color-danger);background:#ed424533}.voice-join-screen{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.voice-join-content{text-align:center;flex-direction:column;align-items:center;max-width:500px;display:flex}.voice-join-header{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.voice-join-icon{background:var(--color-glass-bg);border:2px solid var(--glass-border);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.voice-join-title{color:var(--color-text-primary);margin:0 0 8px;font-size:1.75rem;font-weight:700}.voice-join-subtitle{color:var(--color-text-muted);margin:0;font-size:.9rem}.voice-join-participants{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.voice-join-participant{background:var(--color-glass-bg);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-smooth);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.voice-join-participant.speaking{border-color:var(--color-neon-green);box-shadow:0 0 20px #05ffa133}.voice-join-avatar{border-radius:50%}.voice-join-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.8rem;overflow:hidden}.voice-join-status-icon{font-size:.75rem}.voice-join-more{background:var(--color-glass-bg);border-radius:var(--radius-md);color:var(--color-text-muted);justify-content:center;align-items:center;padding:12px 20px;font-size:.85rem;display:flex}.voice-join-button{background:var(--accent);border-radius:var(--radius-lg);color:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);border:none;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;display:flex}.voice-join-button:hover{background:var(--accent-secondary);box-shadow:var(--shadow-neon);transform:translateY(-2px)}.voice-main-area{background:var(--bg-secondary);flex-direction:column;flex:1;display:flex;overflow:hidden}.voice-video-grid{flex:1;grid-template-columns:1fr;align-content:center;gap:8px;padding:16px;display:grid;overflow:auto}.voice-video-grid.grid-1,.voice-video-grid.grid-2{grid-template-columns:1fr;max-width:600px;margin:0 auto}.voice-video-grid.grid-3,.voice-video-grid.grid-4{grid-template-columns:repeat(2,1fr)}.voice-video-grid.grid-5,.voice-video-grid.grid-6{grid-template-columns:repeat(3,1fr)}.voice-video-grid.grid-7,.voice-video-grid.grid-8,.voice-video-grid.grid-9,.voice-video-grid.grid-10,.voice-video-grid.grid-11,.voice-video-grid.grid-12{grid-template-columns:repeat(4,1fr)}.voice-user-tile{background:var(--bg-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-smooth);aspect-ratio:16/9;border:3px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.voice-user-tile.speaking{border-color:var(--color-neon-green);box-shadow:0 0 30px #05ffa14d}.voice-user-tile.compact{aspect-ratio:1;min-width:100px;max-width:120px}.voice-user-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.voice-user-avatar-container{background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-primary)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.voice-user-overlay{background:linear-gradient(#0000,#000000b3);padding:8px 12px;position:absolute;bottom:0;left:0;right:0}.voice-user-info{justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-user-name{color:var(--text-primary,white);text-shadow:0 1px 2px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.voice-user-status-icons{gap:6px;display:flex}.voice-status-badge{border-radius:var(--radius-sm);background:#00000080;justify-content:center;align-items:center;padding:4px;display:flex}.voice-status-badge.streaming{color:var(--color-neon-purple)}.voice-status-badge.muted,.voice-status-badge.deafened{color:var(--color-danger)}.voice-user-volume-menu{background:var(--color-modal-bg,#0f0f23fa);border:1px solid var(--glass-border,#ff6b0026);border-radius:var(--radius-lg,12px);min-width:200px;padding:8px;box-shadow:0 8px 32px #00000080}.voice-volume-menu-header{color:var(--text-secondary,#bfbfbf);border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding:4px 8px 8px;font-size:12px;font-weight:600}.voice-volume-menu-item{padding:4px 8px}.voice-volume-label{color:var(--text-secondary,#bfbfbf);margin-bottom:4px;font-size:12px;display:block}.voice-volume-slider{width:100%;height:4px;accent-color:var(--accent,#ff6b00);cursor:pointer}.voice-volume-menu-btn{border-radius:var(--radius-sm,4px);width:calc(100% - 16px);color:var(--text-secondary,#bfbfbf);cursor:pointer;text-align:left;background:0 0;border:none;margin:4px 8px;padding:6px 12px;font-size:12px;display:block}.voice-volume-menu-btn:hover{color:var(--text-primary,#fff);background:#ffffff0f}.voice-volume-menu-separator{background:#ffffff0f;height:1px;margin:4px 8px}.voice-volume-menu-btn-danger{color:var(--color-danger,#f44)}.voice-volume-menu-btn-danger:hover{color:var(--color-danger,#f44);background:#ff44441a}.voice-screen-share-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.voice-screen-share-main{background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.voice-participants-strip{background:var(--bg-primary);gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.voice-screen-share-viewer{background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.voice-screen-share-label{z-index:10;background:linear-gradient(#000000b3,#0000);align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.voice-screen-share-live{background:var(--color-danger);border-radius:var(--radius-sm);color:var(--text-primary,white);text-transform:uppercase;padding:3px 8px;font-size:.7rem;font-weight:700}.voice-screen-share-user{color:var(--text-primary,white);font-size:.85rem}.voice-screen-share-video{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.voice-user-tile.focused{border-color:var(--color-primary);box-shadow:0 0 20px #8b5cf659}.voice-user-tile.clickable{cursor:pointer}.voice-user-tile.clickable:hover{border-color:#8b5cf680;box-shadow:0 0 12px #8b5cf633}.voice-back-to-grid{z-index:15;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary,white);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);opacity:.7;background:#0009;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.voice-back-to-grid:hover{opacity:1;border-color:var(--color-primary);background:#000c}.voice-stream-grid-item{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);aspect-ratio:16/9;background:#000;border:3px solid #0000;position:relative;overflow:hidden}.voice-stream-grid-item:hover{border-color:#8b5cf680;box-shadow:0 0 16px #8b5cf640}.voice-stream-grid-item .voice-screen-share-viewer{position:absolute;inset:0}.voice-controls-bar{background:var(--bg-primary);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.voice-controls-left,.voice-controls-right{align-items:center;gap:12px;display:flex}.voice-channel-info{color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.voice-channel-icon{color:var(--accent);display:flex}.voice-channel-name{font-size:.9rem;font-weight:500}.voice-controls-center{align-items:center;gap:8px;display:flex}.voice-control-button{background:var(--bg-tertiary);width:48px;height:48px;color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.voice-control-button:hover{background:var(--bg-modifier-hover);transform:scale(1.05)}.voice-control-button.active{color:var(--color-danger);background:#ed424533}.voice-control-button.active-green{color:var(--color-neon-green);background:#05ffa133}.voice-control-button.disconnect{background:var(--color-danger);color:var(--text-primary,white)}.voice-control-button.disconnect:hover{background:#ce3639}@supports (color:color-mix(in lab,red,red)){.voice-control-button.disconnect:hover{background:color-mix(in srgb,var(--color-danger,#f23f43)85%,black)}}.voice-control-button.disconnect:hover{transform:scale(1.05)}.voice-controls-divider{background:var(--glass-border);width:1px;height:24px;margin:0 8px}.voice-participant-count{color:var(--color-text-muted);font-size:.8rem}@media(max-width:768px){.voice-controls-bar{flex-wrap:wrap;gap:10px;padding:10px 12px}.voice-controls-left,.voice-controls-right{display:none}.voice-controls-center{justify-content:center;width:100%}.voice-control-button{width:44px;height:44px}.voice-video-grid{gap:6px;padding:8px}.voice-user-tile,.voice-stream-grid-item{border-width:2px}.voice-back-to-grid{padding:5px 10px;font-size:.75rem}.voice-join-screen{padding:20px}.voice-join-title{font-size:1.3rem}}.home-page{height:100%;overflow:hidden}.friends-list{background:var(--glass-bg);flex-direction:column;height:100%;display:flex}.friends-header{border-bottom:1px solid var(--glass-border);background:var(--glass-dark);flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.friends-title{color:var(--color-text-primary);border-right:1px solid var(--glass-border);align-items:center;gap:8px;padding-right:16px;font-weight:600;display:flex}.friends-tabs{gap:4px;display:flex}.friends-tab{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;padding:6px 12px;font-size:.875rem;font-weight:500}.friends-tab:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.friends-tab.active{background:var(--bg-modifier-selected);color:var(--color-text-primary)}.friends-tab.add-friend-btn{color:var(--color-neon-green);background:#05ffa11a}.friends-tab.add-friend-btn:hover{background:#05ffa133}.pending-badge{background:var(--color-neon-red);min-width:18px;height:18px;color:var(--text-primary,white);border-radius:9px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:.75rem;font-weight:600;display:inline-flex}.friends-search-wrapper{padding:16px 20px 8px;position:relative}.friends-search{background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--duration-fast)var(--ease-smooth);padding:8px 12px 8px 42px;font-size:.875rem}.friends-search:focus{border-color:var(--color-accent);outline:none}.friends-search::placeholder{color:var(--color-text-muted)}.friends-search-wrapper .search-icon{color:var(--color-text-muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.friends-count{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 20px 12px;font-size:.75rem;font-weight:600}.friends-content{flex:1;padding:0 8px;overflow-y:auto}.friends-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.friends-empty .empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.friends-empty .empty-text{color:var(--color-text-muted);max-width:300px;font-size:.9rem}.friend-item{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-smooth);align-items:center;gap:12px;margin:1px 0;padding:10px 12px;display:flex}.friend-avatar-wrapper{flex-shrink:0;position:relative}.friend-status-dot{border:3px solid var(--glass-bg);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.friend-name{color:var(--color-text-primary);align-items:baseline;gap:6px;font-weight:600;display:flex}.friend-username{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.friend-status-text{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8rem;overflow:hidden}.friend-actions{opacity:0;transition:opacity var(--duration-fast)var(--ease-smooth);gap:8px;display:flex}.friend-action-btn{background:var(--glass-dark);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.friend-action-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.friend-action-btn.accept{color:var(--color-neon-green);background:#05ffa126}.friend-action-btn.accept:hover{background:#05ffa14d}.friend-action-btn.decline{color:var(--color-neon-red);background:#ff003c26}.friend-action-btn.decline:hover{background:#ff003c4d}.friend-action-btn.message{color:var(--color-accent);background:#ff6b0026}.friend-action-btn.message:hover{background:#ff6b004d}.add-friend{max-width:600px;padding:24px 20px}.add-friend-header{margin-bottom:20px}.add-friend-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:1.1rem;font-weight:700}.add-friend-subtitle{color:var(--color-text-muted);font-size:.9rem}.add-friend-form{margin-bottom:24px}.add-friend-input-wrapper{background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast)var(--ease-smooth);gap:8px;padding:4px;display:flex}.add-friend-input-wrapper:focus-within{border-color:var(--color-accent)}.add-friend-input-wrapper.success{border-color:var(--color-neon-green)}.add-friend-input-wrapper.error{border-color:var(--color-neon-red)}.add-friend-input{color:var(--color-text-primary);background:0 0;border:none;flex:1;padding:10px 12px;font-size:.9rem}.add-friend-input:focus{outline:none}.add-friend-input::placeholder{color:var(--color-text-muted)}.add-friend-submit{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--text-primary,white);cursor:pointer;white-space:nowrap;transition:opacity var(--duration-fast)var(--ease-smooth);border:none;padding:10px 18px;font-size:.875rem;font-weight:600}.add-friend-submit:hover:not(:disabled){opacity:.9}.add-friend-message{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:.875rem;display:flex}.add-friend-message.success{color:var(--color-neon-green);background:#05ffa11a}.add-friend-message.error{color:var(--color-neon-red);background:#ff003c1a}.add-friend-message .message-icon{font-weight:700}.add-friend-info{border-top:1px solid var(--glass-border);padding-top:20px}.add-friend-info .info-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:.75rem;font-weight:700}.add-friend-info .info-section{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.add-friend-info .info-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.25rem}.add-friend-info .info-content h4{color:var(--color-text-primary);margin-bottom:4px;font-weight:600}.add-friend-info .info-content p{color:var(--color-text-muted);font-size:.85rem}.dm-page{flex-direction:column;height:100%;display:flex}.dm-page-header{border-bottom:1px solid var(--glass-border);background:var(--glass-dark);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dm-header-left{align-items:center;gap:10px;display:flex}.dm-header-name{color:var(--color-text-primary);font-weight:600}.dm-header-username{color:var(--color-text-muted);font-size:.85rem}.group-dm-icon{background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.group-dm-icon .group-icon-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dm-header-actions{gap:4px;display:flex}.dm-action-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.dm-action-btn:hover{background:var(--bg-modifier-hover);color:var(--color-text-primary)}.dm-action-btn.active{color:var(--accent,#ff6b00);background:#ff6b001a}.dm-action-btn.call-active{color:var(--color-danger,#f04747);background:#f0474726}.dm-action-btn.call-active:hover{background:#f0474740}.dm-action-btn:disabled{opacity:.5;cursor:not-allowed}.dm-action-btn svg{width:20px;height:20px}.dm-action-btn svg.spin{animation:1s linear infinite spin}.dm-page-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.dm-page-error .error-content{max-width:400px}.dm-page-error .error-icon{margin-bottom:16px;font-size:48px}.dm-page-error h2{color:var(--color-text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.dm-page-error p{color:var(--color-text-muted);margin-bottom:20px}.dm-page-error .back-btn{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--text-primary,white);cursor:pointer;transition:opacity var(--duration-fast)var(--ease-smooth);border:none;padding:10px 20px;font-weight:500}.dm-page-error .back-btn:hover{opacity:.9}.channel-icon-header.dm-icon{color:var(--color-accent)}.group-dm-modal{background:var(--color-modal-overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.group-dm-modal-content{background:var(--color-modal-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:440px;max-height:80dvh;display:flex;overflow:hidden}.group-dm-modal-header{border-bottom:1px solid var(--glass-border);padding:16px 20px}.group-dm-modal-header h2{color:var(--color-text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:600}.group-dm-modal-header p{color:var(--color-text-muted);font-size:.85rem}.group-dm-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.group-dm-search{background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);margin-bottom:12px;padding:10px 12px}.group-dm-search:focus{border-color:var(--color-accent);outline:none}.group-dm-selected{flex-wrap:wrap;gap:8px;min-height:36px;margin-bottom:12px;display:flex}.selected-user-chip{background:var(--glass-bg);border-radius:var(--radius-full);color:var(--color-text-primary);align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:flex}.selected-user-chip button{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.selected-user-chip button:hover{background:#fff3}.group-dm-friends{flex-direction:column;gap:4px;display:flex}.group-dm-friend-item{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-smooth);align-items:center;gap:12px;padding:8px 12px;display:flex}.group-dm-friend-item:hover{background:var(--bg-modifier-hover)}.group-dm-friend-item.selected{background:var(--bg-modifier-selected)}.group-dm-friend-item .friend-checkbox{border:2px solid var(--glass-border);width:20px;height:20px;transition:all var(--duration-fast)var(--ease-smooth);border-radius:4px;justify-content:center;align-items:center;display:flex}.group-dm-friend-item.selected .friend-checkbox{background:var(--color-accent);border-color:var(--color-accent);color:var(--text-primary,white)}.group-dm-modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.group-dm-modal-footer button{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--duration-fast)var(--ease-smooth);border:none;padding:10px 20px;font-weight:500}.group-dm-modal-footer .cancel-btn{color:var(--color-text-muted);background:0 0}.group-dm-modal-footer .cancel-btn:hover{color:var(--color-text-primary)}.group-dm-modal-footer .create-btn{background:var(--color-accent);color:var(--text-primary,white)}.group-dm-modal-footer .create-btn:hover:not(:disabled){opacity:.9}.group-dm-modal-footer .create-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.friends-header{flex-direction:column;align-items:flex-start;gap:12px}.friends-title{border-right:none;padding-right:0}.friends-tabs{flex-wrap:wrap;width:100%}.friends-tab{text-align:center;flex:1;min-width:60px}.add-friend-input-wrapper{flex-direction:column}.add-friend-submit{width:100%}}.not-found-page{background:var(--color-bg-primary,#0d0d0d);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.not-found-content{text-align:center;max-width:480px}.not-found-icon{background:linear-gradient(135deg,var(--accent,#ff6b00)0%,#ff8c40 50%,#ff6b00 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff6b004d;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:8rem;font-weight:700;line-height:1}.not-found-content h1{color:var(--color-text-primary,#fff);margin:0 0 12px;font-size:2rem;font-weight:600}.not-found-content p{color:var(--color-text-secondary,#a0a0a0);margin:0 0 32px;font-size:1rem}.not-found-actions{justify-content:center;gap:12px;display:flex}.not-found-actions .primary-btn{color:var(--text-primary);background:var(--accent,#ff6b00);border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.not-found-actions .primary-btn:hover{background:var(--accent-hover,#ff8c40);transform:translateY(-2px)}.not-found-actions .secondary-btn{color:var(--color-text-primary,#fff);background:var(--color-glass-bg,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);border-radius:var(--radius-md,8px);cursor:pointer;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.not-found-actions .secondary-btn:hover{background:var(--color-glass-light,#ffffff1a)}.standalone-page{background:var(--color-bg-primary,#0a0a1e);width:100%;height:100dvh;overflow:hidden}[data-theme=fox] .settings-category-title{color:var(--text-muted)}[data-theme=fox] .settings-nav-item{color:var(--text-secondary)}[data-theme=fox] .settings-nav-item:hover{color:var(--text-primary);background:#0000000f}[data-theme=fox] .settings-nav-item.active{color:var(--accent);background:#c2510026}[data-theme=fox] .settings-sidebar{border-right-color:#0000001a}[data-theme=fox] .settings-nav-separator{background:#0000001a}[data-theme=fox] .settings-section-title{color:var(--text-primary)}[data-theme=fox] .settings-section-desc{color:var(--text-secondary)}[data-theme=fox] .settings-card{background:#0000000d;border-color:#0000001a}[data-theme=fox] .settings-card-title{color:var(--text-secondary)}[data-theme=fox] .settings-close-btn{color:var(--text-secondary);border-color:#0003}[data-theme=fox] .settings-close-btn:hover{color:var(--text-primary);border-color:#0006}[data-theme=fox] .settings-close-hint{color:var(--text-muted)}[data-theme=fox] input,[data-theme=fox] textarea,[data-theme=fox] select{color:var(--text-primary);background:#00000014;border-color:#00000026}[data-theme=fox] input::placeholder,[data-theme=fox] textarea::placeholder{color:var(--text-muted)}[data-theme=fox] label{color:var(--text-secondary)}[data-theme=fox] .modal-title,[data-theme=fox] .modal-header{color:var(--text-primary)}[data-theme=fox] .modal-description,[data-theme=fox] .modal-text,[data-theme=fox] .channel-name,[data-theme=fox] .guild-name{color:var(--text-secondary)}[data-theme=fox] .channel-item:hover .channel-name,[data-theme=fox] .guild-item:hover .guild-name,[data-theme=fox] .message-content,[data-theme=fox] .message-text,[data-theme=fox] .message-author{color:var(--text-primary)}[data-theme=fox] .message-timestamp{color:var(--text-muted)}[data-theme=fox] .member-name{color:var(--text-secondary)}[data-theme=fox] .member-status{color:var(--text-muted)}[data-theme=fox] h1,[data-theme=fox] h2,[data-theme=fox] h3,[data-theme=fox] h4,[data-theme=fox] h5,[data-theme=fox] h6,[data-theme=fox] p{color:var(--text-primary)}[data-theme=fox] .btn-secondary{color:var(--text-primary);border-color:#0003}[data-theme=fox] .btn-secondary:hover{background:#0000001a}[data-theme=fox] .divider,[data-theme=fox] hr{background-color:#0000001f;border-color:#0000001f}[data-theme=fox] .gif-picker{background:var(--bg-tertiary);border-color:#0000001f}[data-theme=fox] .gif-picker-header{border-bottom-color:#0000001a}[data-theme=fox] .gif-picker-search input{color:var(--text-primary);background:#0000000f;border-color:#0000001a}[data-theme=fox] .gif-category-title{color:var(--text-secondary)}[data-theme=fox] .thread-panel{background:var(--bg-secondary);border-left-color:#0000001a}[data-theme=fox] .thread-header{border-bottom-color:#0000001a}[data-theme=fox] .thread-title{color:var(--text-primary)}[data-theme=fox] .auth-page{background:linear-gradient(135deg,#c8c8c8,#bababa,#a8a8a8)}[data-theme=fox] .auth-card{background:#c8c8c8f2;border-color:#0000001f;box-shadow:0 25px 80px #0003}[data-theme=fox] .auth-header h2{color:var(--text-primary)}[data-theme=fox] .auth-header p{color:var(--text-secondary)}[data-theme=fox] .form-group label{color:var(--accent)}[data-theme=fox] .form-control{color:var(--text-primary);background:#0000000f;border-color:#0000001f}[data-theme=fox] .form-control::placeholder{color:var(--text-muted)}[data-theme=fox] .form-control:focus{border-color:var(--accent);box-shadow:0 0 15px #c2510033}[data-theme=fox] .auth-footer{color:var(--text-secondary)}[data-theme=fox] .server-tab-active{background:#00000014!important}[data-theme=fox] .server-tab-inactive{color:var(--text-muted)}[data-theme=fox] .server-tab-inactive:hover{color:var(--text-primary);background:#0000000d}[data-theme=fox] .server-tab-name-active{color:var(--text-primary)}[data-theme=fox] .server-tab-name-inactive{color:var(--text-muted)}[data-theme=fox] .admin-page{background:var(--bg-primary);color:var(--text-primary)}[data-theme=fox] .admin-sidebar{background:var(--bg-secondary);border-right-color:#0000001a}[data-theme=fox] .admin-nav-item{color:var(--text-secondary)}[data-theme=fox] .admin-nav-item:hover{color:var(--text-primary);background:#0000000d}[data-theme=fox] .admin-nav-item.active{color:var(--accent);background:#c251001f}[data-theme=fox] .admin-card,[data-theme=fox] .stat-card{background:var(--bg-tertiary);border-color:#0000001a}[data-theme=fox] .stat-value{color:var(--text-primary)}[data-theme=fox] .stat-label{color:var(--text-secondary)}[data-theme=fox] .embed{border-left-color:var(--accent);background:#0000000a}[data-theme=fox] .embed-title{color:var(--text-primary)}[data-theme=fox] .embed-description{color:var(--text-secondary)}[data-theme=fox] .embed-footer{color:var(--text-muted)}[data-theme=fox] code,[data-theme=fox] pre{color:var(--text-primary);background:#0000000f}[data-theme=fox] .loading-screen{background:var(--bg-primary)}[data-theme=fox] .loading-text{color:var(--text-primary)}[data-theme=fox] .toast{background:var(--bg-tertiary);color:var(--text-primary);border-color:#0000001f;box-shadow:0 4px 12px #0003}[data-theme=fox] .toast-title{color:var(--text-primary)}[data-theme=fox] .toast-message{color:var(--text-secondary)}[data-theme=fox] .toast-close{color:var(--text-muted)}[data-theme=fox] .toast-close:hover{color:var(--text-primary);background:#0000001a}[data-theme=fox] .empty-state-title{color:var(--text-primary)}[data-theme=fox] .empty-state-description,[data-theme=fox] .empty-state p{color:var(--text-secondary)}[data-theme=fox] .empty-state .empty-hint{color:var(--text-muted)}[data-theme=fox] .developer-page{background:var(--bg-primary);color:var(--text-primary)}[data-theme=fox] .app-card{background:var(--bg-tertiary);border-color:#0000001a}[data-theme=fox] .app-card-name{color:var(--text-primary)}[data-theme=fox] .app-card-id{color:var(--text-muted)}.input-dialog-modal{background:var(--color-modal-bg,#0f0f23fa);border:1px solid var(--card-border,#ff6b0026);border-radius:16px;width:440px;max-width:90vw;animation:.2s modalSlideIn;overflow:hidden;box-shadow:0 25px 80px #0009}.input-dialog-header{justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.input-dialog-header h2{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.input-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:1.5rem;line-height:1;transition:color .15s,background .15s}.input-dialog-close:hover{color:var(--text-primary);background:#ffffff14}.input-dialog-body{padding:4px 24px 16px}.input-dialog-message{color:var(--text-secondary);margin:0 0 14px;font-size:14px;line-height:1.5}.input-dialog-field{margin-top:4px}.input-dialog-input{box-sizing:border-box;border:1px solid var(--card-border,#ffffff1a);width:100%;color:var(--text-primary);background:#00000040;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-dialog-input::placeholder{color:var(--text-muted)}.input-dialog-input:focus{border-color:var(--accent-primary,#ff6b00);box-shadow:0 0 0 2px #ff6b0026}.input-dialog-error{color:var(--color-danger,#ed4245);margin:6px 0 0;font-size:.8rem}.input-dialog-select-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-dialog-select{box-sizing:border-box;border:1px solid var(--card-border,#ffffff1a);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#00000040 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:14px;transition:border-color .2s}.input-dialog-select:focus{border-color:var(--accent-primary,#ff6b00)}.input-dialog-select option{background:var(--bg-secondary,#1a1a2e);color:var(--text-primary)}.input-dialog-footer{border-top:1px solid var(--card-border,#ffffff0f);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.input-dialog-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .15s,opacity .15s}.input-dialog-btn-cancel{color:var(--text-secondary);background:0 0}.input-dialog-btn-cancel:hover{color:var(--text-primary);background:#ffffff0f}.input-dialog-btn-confirm{background:var(--accent-primary,#ff6b00);color:#fff}.input-dialog-btn-confirm:hover{opacity:.85}.input-dialog-btn-danger{background:var(--color-danger,#ed4245);color:#fff}.input-dialog-btn-danger:hover{opacity:.85}[data-theme=slate] .input-dialog-modal,[data-theme=light] .input-dialog-modal{background:var(--color-modal-bg,#fffffffa);border-color:#0000001a;box-shadow:0 25px 80px #0003}[data-theme=slate] .input-dialog-input,[data-theme=light] .input-dialog-input,[data-theme=slate] .input-dialog-select,[data-theme=light] .input-dialog-select{background:#0000000a;border-color:#0000001f}[data-theme=slate] .input-dialog-select option,[data-theme=light] .input-dialog-select option{background:var(--bg-tertiary,#fff);color:var(--text-primary,#060607)}[data-theme=slate] .input-dialog-close:hover,[data-theme=light] .input-dialog-close:hover,[data-theme=slate] .input-dialog-btn-cancel:hover,[data-theme=light] .input-dialog-btn-cancel:hover{background:#0000000f}[data-theme=slate] .input-dialog-footer,[data-theme=light] .input-dialog-footer{border-top-color:#00000014}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.encryption-setup{max-width:500px;margin:0 auto;padding:24px}.encryption-setup-checking,.encryption-setup-generating{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center}.encryption-spinner{width:48px;height:48px;border:3px solid var(--card-border);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite}.encryption-header{text-align:center;margin-bottom:24px}.encryption-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.encryption-header p{font-size:14px;color:var(--text-muted);line-height:1.5}.encryption-icon{width:64px;height:64px;margin:0 auto 16px;padding:16px;border-radius:50%;background:#ff6b001a;color:var(--accent, #ff6b00)}.encryption-icon.success{background:#23a55a1a;color:var(--color-success, #23a55a)}.encryption-icon.error{background:#ed42451a;color:var(--color-danger, #ed4245)}.encryption-icon svg{width:100%;height:100%}.encryption-options{display:flex;flex-direction:column;gap:12px}.encryption-option{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--card-bg-solid);border:1px solid var(--card-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;position:relative}.encryption-option:hover{background:var(--card-bg-solid-hover);border-color:var(--card-border-hover)}.encryption-option-primary{border-color:var(--accent, #ff6b00)}.encryption-option-icon{width:40px;height:40px;padding:8px;background:var(--card-bg-solid-hover);border-radius:8px;color:var(--accent, #ff6b00);flex-shrink:0}.encryption-option-icon svg{width:100%;height:100%}.encryption-option-content h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.encryption-option-content p{font-size:13px;color:var(--text-secondary);line-height:1.4}.encryption-badge{position:absolute;top:8px;right:8px;font-size:11px;padding:2px 8px;border-radius:4px;background:var(--accent, #ff6b00);color:var(--text-primary)}.encryption-badge.recommended{background:var(--color-success, #23a55a)}.encryption-skip{padding:12px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;transition:color .2s}.encryption-skip:hover{color:var(--text-muted)}.encryption-warning{display:flex;gap:12px;padding:12px 16px;margin-top:16px;background:#fee75c1a;border:1px solid rgba(254,231,92,.2);border-radius:8px;color:#fee75c;font-size:13px;line-height:1.5}.encryption-warning svg{width:20px;height:20px;flex-shrink:0}.encryption-warning strong{display:block;margin-bottom:4px}.encryption-warning-important{background:#ed42451a;border-color:#ed42454d;color:var(--text-primary)}.encryption-warning-important svg{color:#ed4245}.encryption-warning-important p{margin:0 0 8px}.encryption-warning-important p:last-child{margin-bottom:0}.encryption-icon.restore{background:#5865f21a;color:#5865f2}.encryption-warning ul{margin:8px 0 0;padding-left:16px}.encryption-warning li{margin-bottom:4px}.encryption-info{display:flex;gap:12px;padding:12px 16px;margin-top:16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:8px;color:#5865f2;font-size:13px;line-height:1.5}.encryption-info svg{width:20px;height:20px;flex-shrink:0}.encryption-form{display:flex;flex-direction:column;gap:16px}.encryption-form-group{display:flex;flex-direction:column;gap:6px}.encryption-form-group label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase}.encryption-form-group input{padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px}.encryption-form-group input:focus{border-color:var(--accent, #ff6b00);outline:none}.encryption-error{padding:10px 12px;background:#ed42451a;border:1px solid rgba(237,66,69,.2);border-radius:4px;color:var(--color-danger, #ed4245);font-size:13px}.password-strength{margin-top:8px}.password-strength-bar{height:4px;background:var(--card-border);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.password-strength-label{display:inline-block;margin-top:6px;font-size:12px;font-weight:500}.password-strength-feedback{margin:8px 0 0;padding-left:16px;font-size:12px;color:var(--text-secondary);list-style-type:disc}.password-strength-feedback li{margin-bottom:2px}.encryption-actions{display:flex;gap:12px;margin-top:8px}.encryption-btn-primary,.encryption-btn-secondary,.encryption-btn-danger{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.encryption-btn-primary{flex:1;background:var(--accent, #ff6b00);color:var(--text-primary)}.encryption-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.encryption-btn-primary:disabled{opacity:.5;cursor:not-allowed}.encryption-btn-secondary{background:var(--card-bg-solid-hover);color:var(--text-primary);border:1px solid var(--card-border)}.encryption-btn-secondary:hover{background:var(--bg-modifier-hover)}.encryption-btn-danger{background:var(--color-danger, #ed4245);color:var(--text-primary)}.encryption-btn-danger:hover{background:color-mix(in srgb,var(--color-danger, #ed4245) 85%,black)}.encryption-recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0;padding:16px;background:var(--card-bg);border-radius:8px}.encryption-recovery-code{display:flex;gap:8px;padding:8px 12px;background:var(--card-bg-solid);border-radius:4px;font-family:monospace}.code-number{color:var(--text-muted)}.code-value{color:var(--text-primary);font-weight:500}.encryption-copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-bottom:16px;background:var(--card-bg-solid-hover);border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.encryption-copy-btn:hover{background:var(--bg-modifier-hover)}.encryption-copy-btn svg{width:16px;height:16px}.encryption-checkbox{display:flex;align-items:center;gap:8px;margin:16px 0;cursor:pointer}.encryption-checkbox input{width:18px;height:18px;accent-color:var(--accent, #ff6b00)}.encryption-checkbox span{color:var(--text-primary);font-size:14px}.device-verification{max-width:500px;margin:0 auto;padding:24px;position:relative}.verification-content{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.verification-waiting,.verification-transferring{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.verification-waiting h2,.verification-transferring h2{font-size:18px;font-weight:600;color:var(--text-primary)}.verification-waiting p,.verification-transferring p{color:var(--text-muted);font-size:14px}.verification-spinner{width:48px;height:48px;border:3px solid var(--card-border);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite}.verification-instructions{display:flex;flex-direction:column;gap:12px;margin-top:24px;text-align:left;width:100%;max-width:300px}.verification-step{display:flex;align-items:center;gap:12px}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent, #ff6b00);color:var(--text-primary);border-radius:50%;font-size:12px;font-weight:600}.verification-step span:last-child{color:var(--text-secondary);font-size:13px}.verification-emojis{text-align:center}.verification-emojis h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.verification-emojis>p{color:var(--text-muted);font-size:14px;margin-bottom:16px}.verification-device-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;margin-bottom:16px;background:var(--card-bg-solid);border-radius:4px}.device-label{color:var(--text-secondary);font-size:12px}.device-name{color:var(--text-primary);font-weight:500;font-size:14px}.verification-emoji-grid{display:flex;justify-content:center;gap:8px;margin:24px 0}.verification-emoji{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--card-bg-solid-hover);border-radius:8px;font-size:28px;animation:popIn .3s ease-out forwards;opacity:0;transform:scale(.5)}@keyframes popIn{to{opacity:1;transform:scale(1)}}.verification-question{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:16px}.verification-actions{display:flex;gap:12px;margin-bottom:16px}.verification-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.verification-btn svg{width:18px;height:18px}.verification-btn-success{flex:1;background:var(--color-success, #23a55a);color:var(--text-primary)}.verification-btn-success:hover{background:color-mix(in srgb,var(--color-success, #23a55a) 85%,black)}.verification-btn-danger{background:#ed42451a;color:var(--color-danger, #ed4245);border:1px solid rgba(237,66,69,.2)}.verification-btn-danger:hover{background:#ed424533}.verification-warning{display:flex;gap:12px;padding:12px 16px;background:#fee75c1a;border:1px solid rgba(254,231,92,.2);border-radius:8px;color:#fee75c;font-size:13px;line-height:1.5;text-align:left}.verification-warning svg{width:20px;height:20px;flex-shrink:0}.verification-success,.verification-failed,.verification-cancelled{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.verification-icon{width:64px;height:64px;padding:16px;border-radius:50%}.verification-icon.success{background:#23a55a1a;color:var(--color-success, #23a55a)}.verification-icon.error{background:#ed42451a;color:var(--color-danger, #ed4245)}.verification-icon.warning{background:#fee75c1a;color:#fee75c}.verification-icon svg{width:100%;height:100%}.verification-cancel{position:absolute;bottom:24px;right:24px;padding:8px 16px;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.verification-cancel:hover{background:var(--card-bg-solid-hover);color:var(--text-primary)}.recovery-manager{max-width:500px;margin:0 auto;padding:24px;background:var(--bg-secondary, #12121f);border-radius:8px}.recovery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.recovery-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.recovery-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.recovery-close:hover{background:var(--card-bg-solid-hover);color:var(--text-primary)}.recovery-close svg{width:18px;height:18px}.recovery-success-message{padding:10px 16px;margin-bottom:16px;background:#23a55a1a;border:1px solid rgba(35,165,90,.2);border-radius:4px;color:var(--color-success, #23a55a);font-size:13px}.recovery-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--card-bg);border-radius:6px}.recovery-tab{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.recovery-tab:hover{color:var(--text-primary)}.recovery-tab.active{background:var(--accent, #ff6b00);color:var(--text-primary)}.recovery-content h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.recovery-content>p{color:var(--text-muted);font-size:14px;margin-bottom:16px;line-height:1.5}.recovery-password-form{display:flex;flex-direction:column;gap:16px}.recovery-form-group{display:flex;flex-direction:column;gap:6px}.recovery-form-group label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase}.recovery-form-group input{padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px}.recovery-form-group input:focus{border-color:var(--accent, #ff6b00);outline:none}.recovery-error{padding:10px 12px;background:#ed42451a;border:1px solid rgba(237,66,69,.2);border-radius:4px;color:var(--color-danger, #ed4245);font-size:13px}.recovery-codes-display{margin-top:16px}.recovery-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:16px;background:var(--card-bg);border-radius:8px}.recovery-code-item{display:flex;gap:8px;padding:8px 12px;background:var(--card-bg-solid);border-radius:4px;font-family:monospace}.recovery-copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-bottom:16px;background:var(--card-bg-solid-hover);border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.recovery-copy-btn:hover{background:var(--bg-modifier-hover)}.recovery-copy-btn svg{width:16px;height:16px}.recovery-warning{display:flex;gap:12px;padding:12px 16px;background:#fee75c1a;border:1px solid rgba(254,231,92,.2);border-radius:8px;color:var(--color-warning, #fee75c);font-size:13px;line-height:1.5}.recovery-warning.danger{background:#ed42451a;border-color:#ed424533;color:var(--color-danger, #ed4245)}.recovery-warning svg{width:20px;height:20px;flex-shrink:0}.recovery-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.recovery-input-item{display:flex;align-items:center;gap:8px}.recovery-input-item label{color:var(--text-muted);font-size:13px;width:20px}.recovery-input-item input{flex:1;padding:8px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:16px;letter-spacing:2px;text-align:center}.recovery-input-item input:focus{border-color:var(--accent, #ff6b00);outline:none}.recovery-actions{display:flex;gap:12px;margin-top:16px}.recovery-btn-primary,.recovery-btn-secondary,.recovery-btn-danger{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.recovery-btn-primary{flex:1;background:var(--accent, #ff6b00);color:var(--text-primary)}.recovery-btn-primary:disabled{opacity:.5;cursor:not-allowed}.recovery-btn-secondary{background:var(--card-bg-solid-hover);color:var(--text-primary);border:1px solid var(--card-border)}.recovery-btn-danger{background:var(--color-danger, #ed4245);color:var(--text-primary)}.encryption-badge{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}.encryption-badge-e2ee{color:var(--color-success, #23a55a)}.encryption-badge-e2re{color:var(--color-info, #5865f2)}.encryption-badge-none{color:var(--text-muted)}.encryption-badge-icon{display:flex;align-items:center;justify-content:center}.encryption-badge-sm .encryption-badge-icon{width:14px;height:14px}.encryption-badge-sm .encryption-badge-icon svg{width:14px;height:14px}.encryption-badge-md .encryption-badge-icon{width:18px;height:18px}.encryption-badge-md .encryption-badge-icon svg{width:18px;height:18px}.encryption-badge-lg .encryption-badge-icon{width:24px;height:24px}.encryption-badge-lg .encryption-badge-icon svg{width:24px;height:24px}.encryption-badge-label{font-size:12px}.encryption-setup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.encryption-setup-overlay .app-background{position:absolute;inset:0;z-index:-1}.encryption-setup-container{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;margin:20px;padding:32px;background:var(--bg-primary, #0a0a14);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 40px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.encryption-setup-container::-webkit-scrollbar{width:8px}.encryption-setup-container::-webkit-scrollbar-track{background:transparent}.encryption-setup-container::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.encryption-setup-container::-webkit-scrollbar-thumb:hover{background:var(--card-border-hover)}@media(max-width:600px){.encryption-setup-container{margin:10px;padding:20px;max-height:95dvh}.encryption-setup{padding:0}.encryption-recovery-codes,.recovery-codes-grid,.recovery-input-grid{grid-template-columns:1fr}}.encryption-setup-overlay.mobile{align-items:stretch;justify-content:stretch}.encryption-setup-overlay.mobile .encryption-setup-container{margin:0;padding:0;max-width:none;max-height:none;height:100%;border:none;border-radius:0;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.encryption-setup-container.mobile{margin:0;padding:0;max-width:none;max-height:none;height:100%;border:none;border-radius:0;box-shadow:none}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.28"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.spoiler{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.spoiler-content-blur{filter:blur(20px);opacity:.5;pointer-events:none}.spoiler-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;transition:background .2s ease}.spoiler:hover .spoiler-overlay{background:#0009}.spoiler-label{font-weight:700;font-size:.9rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.spoiler-hint{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.spoiler-text{display:inline;padding:0 4px;border-radius:3px;background:var(--bg-tertiary, #1a1a1a);cursor:pointer}.spoiler-text .spoiler-content-hidden{display:inline;filter:none;background:currentColor;color:transparent;-webkit-user-select:none;user-select:none;border-radius:3px;padding:0 2px}.spoiler-text:hover{background:var(--bg-modifier-hover, #252525)}.spoiler-text:focus{outline:2px solid var(--accent, #ff8c00);outline-offset:1px}.spoiler-image{display:inline-block}.spoiler-image img{max-width:100%;max-height:400px;display:block}.spoiler-video{display:inline-block}.spoiler-video video{max-width:100%;max-height:400px;display:block}.spoiler-audio{display:block;width:100%;max-width:400px}.spoiler-embed{display:block;width:100%;max-width:520px}.spoiler-generic{display:inline-block}.spoiler.spoiler-small .spoiler-label{font-size:.7rem;letter-spacing:1px}.spoiler.spoiler-small .spoiler-hint{display:none}@media(prefers-color-scheme:dark){.spoiler-text{background:var(--bg-primary, #0a0a0a)}.spoiler-text:hover{background:var(--bg-secondary, #151515)}}@media(prefers-reduced-motion:reduce){.spoiler-overlay{transition:none}}.spoiler:focus{outline:2px solid var(--accent, #ff8c00);outline-offset:2px}.spoiler:focus:not(:focus-visible){outline:none}.spoiler:focus-visible{outline:2px solid var(--accent, #ff8c00);outline-offset:2px}.inline-media{display:inline-block;max-width:100%;border-radius:8px;overflow:hidden}.inline-media-error{display:flex;align-items:center;justify-content:center;padding:16px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:var(--color-danger-hover, #ff6b6b);font-size:.85rem}.inline-media-expired{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 32px;background:var(--bg-tertiary, rgba(0, 0, 0, .2));border:1px dashed var(--card-border);border-radius:8px;min-width:200px;max-width:400px;text-align:center}.inline-media-expired .expired-icon{font-size:2rem;margin-bottom:8px;opacity:.7}.inline-media-expired .expired-message{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin-bottom:8px}.inline-media-expired .expired-filename{color:var(--text-secondary);font-size:.75rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.inline-image{display:inline-block}.inline-image-img{max-width:100%;max-height:400px;display:block;border-radius:8px}.inline-image-img.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.inline-image-img.clickable:hover{transform:scale(1.02);box-shadow:0 4px 16px #0000004d}.inline-image.compact{display:block;width:100%;height:100%}.inline-image.compact .inline-image-img{width:100%;height:100%;object-fit:cover;max-height:none;border-radius:0}.inline-image.compact .inline-image-img.clickable:hover{transform:none}.inline-gif{position:relative;display:inline-block;min-width:100px;min-height:80px}.inline-gif.loading{background:var(--bg-tertiary, rgba(0, 0, 0, .2));border-radius:8px}.inline-gif-img{max-width:100%;max-height:400px;display:block;border-radius:8px;transition:opacity .2s ease}.inline-gif-img.loading{opacity:0;position:absolute}.inline-gif-img.clickable{cursor:pointer}.inline-gif.hover-to-play .inline-gif-img{transition:none}.gif-play-badge{position:absolute;bottom:8px;left:8px;padding:2px 6px;background:#000000bf;border-radius:4px;font-size:.65rem;font-weight:700;color:var(--text-primary, white);text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.inline-giphy-gif{position:relative;display:inline-block;max-width:400px;min-width:100px;min-height:80px}.inline-giphy-gif.loading{background:var(--bg-tertiary, rgba(0, 0, 0, .2));border-radius:8px}.inline-giphy-gif-img{max-width:100%;max-height:300px;display:block;border-radius:8px;transition:opacity .2s ease}.inline-giphy-gif-img.loading{opacity:0;position:absolute}.gif-loading-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, rgba(0, 0, 0, .2));border-radius:8px;min-height:80px}.gif-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent, #ff8c00);border-radius:50%;animation:gif-spin .8s linear infinite}.giphy-gif-badge{position:absolute;top:8px;left:8px;padding:2px 6px;background:#000000bf;border-radius:4px;font-size:.65rem;font-weight:700;color:var(--text-primary, white);text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.giphy-favorite-btn{position:absolute;top:8px;right:8px;padding:4px 6px;background:#000000bf;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;line-height:1;transition:transform .15s ease,background .15s ease}.giphy-favorite-btn:hover{background:#000000e6;transform:scale(1.1)}.giphy-favorite-btn.favorited{background:#ff64644d}.inline-video{display:block;max-width:520px}.inline-video-player{width:100%;max-height:400px;border-radius:8px;background:#000}.inline-audio{display:block;width:100%;max-width:400px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border-radius:8px;padding:12px}.audio-info{display:flex;align-items:center;gap:8px;margin-bottom:10px}.audio-icon{font-size:1.2rem}.audio-filename{font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-audio-player{width:100%;height:32px}.inline-audio-player::-webkit-media-controls-panel{background:var(--bg-secondary, #1a1a2e)}.inline-audio-player::-webkit-media-controls-play-button{background-color:var(--accent, #ff8c00);border-radius:50%}.inline-audio-player::-webkit-media-controls-current-time-display,.inline-audio-player::-webkit-media-controls-time-remaining-display{color:var(--text-muted)}@media(max-width:600px){.inline-image-img,.inline-gif-img{max-height:300px}.inline-video{max-width:100%}.inline-video-player{max-height:300px}.inline-audio{max-width:100%}}@media(prefers-color-scheme:dark){.inline-media-error{background:#ff64640d}}.youtube-embed{width:100%;max-width:520px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}.youtube-embed.playing{position:relative}.youtube-iframe{width:100%;height:100%;border:none}.youtube-preview{position:relative;width:100%;height:100%;cursor:pointer}.youtube-thumbnail{width:100%;height:100%;object-fit:cover}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.9;transition:opacity .2s ease,transform .2s ease}.youtube-preview:hover .youtube-play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.youtube-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000000e6);display:flex;flex-direction:column;gap:2px}.youtube-title{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-channel{font-size:.75rem;color:var(--text-secondary)}.youtube-iframe-wrapper{position:relative;width:100%;height:100%}.youtube-iframe-wrapper .youtube-iframe{width:100%;height:100%;border:none}.youtube-iframe-fallback{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:#000000bf;border-radius:4px;color:var(--text-primary);font-size:.7rem;text-decoration:none;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:auto}.youtube-embed:hover .youtube-iframe-fallback{opacity:1}.youtube-iframe-fallback:hover{background:#ff0000d9;color:#fff}.youtube-preview-blocked{cursor:default}.youtube-preview-blocked .youtube-thumbnail{filter:brightness(.5)}.youtube-blocked-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease;white-space:nowrap;z-index:2}.youtube-blocked-button:hover{background:#cc0000e6;transform:translate(-50%,-50%) scale(1.05);color:#fff}.youtube-blocked-label{font-size:.7rem;color:#ffffff80;font-style:italic}.twitter-embed{width:100%;max-width:520px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.twitter-author{display:flex;align-items:center;gap:10px;padding:12px}.twitter-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.twitter-author-info{flex:1;min-width:0}.twitter-name{display:block;font-weight:600;font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twitter-handle{display:block;font-size:.8rem;color:var(--text-muted)}.twitter-logo{color:var(--text-muted);flex-shrink:0}.twitter-content{padding:0 12px 12px;font-size:.9rem;line-height:1.4;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.twitter-media-grid{display:grid;gap:2px;margin:0 12px 12px;border-radius:8px;overflow:hidden}.twitter-media-grid.count-1{grid-template-columns:1fr}.twitter-media-grid.count-2{grid-template-columns:1fr 1fr}.twitter-media-grid.count-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.twitter-media-grid.count-3 .twitter-media-image:first-child{grid-row:span 2}.twitter-media-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.twitter-media-image{width:100%;height:100%;object-fit:cover;min-height:100px;max-height:300px}.twitter-video{width:calc(100% - 24px);max-height:400px;margin:0 12px 12px;border-radius:8px;background:#000}.twitter-gifv{cursor:pointer}.twitter-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--card-border);font-size:.8rem}.twitter-date{color:var(--text-muted)}.twitter-link{color:var(--accent, #ff8c00);text-decoration:none}.twitter-link:hover{text-decoration:underline}.invite-embed{width:100%;max-width:432px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border:1px solid var(--card-border, rgba(255, 255, 255, .06));border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.invite-embed-header{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.invite-embed-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;background:#ff8c0033;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-embed-icon img{width:100%;height:100%;object-fit:cover}.invite-embed-icon span{font-size:20px;font-weight:700;color:var(--accent, #ff8c00)}.invite-embed-info{min-width:0;flex:1}.invite-embed-name{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-embed-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:4px}.invite-embed-stats .online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-success);margin-right:4px;vertical-align:middle}.invite-embed-stats .member-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-right:4px;vertical-align:middle}.invite-embed-join{padding:8px 20px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--accent, #ff8c00);color:#fff;transition:opacity .15s ease}.invite-embed-join:hover{opacity:.85}.invite-embed-join:disabled{opacity:.5;cursor:default}.invite-embed-join.joined{background:var(--bg-secondary);color:var(--text-secondary)}.invite-embed-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}.invite-embed-error{color:var(--text-muted);font-size:13px}@media(max-width:600px){.youtube-embed,.twitter-embed{max-width:100%}.invite-embed{max-width:100%;flex-direction:column;align-items:stretch}.invite-embed-join{text-align:center}.youtube-info{padding:8px}.youtube-title{font-size:.85rem}.twitter-author{padding:10px}.twitter-content{padding:0 10px 10px;font-size:.85rem}.twitter-media-grid{margin:0 10px 10px}.twitter-video{margin:0 10px 10px;width:calc(100% - 20px)}}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 75%,rgba(255,140,0,.12) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(255,90,0,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#140f0af2,#0a0805);z-index:9999;overflow:hidden}.loading-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,107,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.loading-ring{position:absolute;width:180px;height:180px;border:2px solid transparent;border-top-color:#ff6b0099;border-right-color:#ff6b004d;border-radius:50%;animation:ring-spin 2s linear infinite}.loading-ring:before{content:"";position:absolute;inset:-8px;border:1px solid transparent;border-top-color:#ff6b0033;border-left-color:#ff6b001a;border-radius:50%;animation:ring-spin 3s linear infinite reverse}.loading-ring:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,107,0,.15);border-radius:50%;animation:ring-spin 4s linear infinite}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-logo-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.loading-logo{width:80px;height:80px;filter:drop-shadow(0 0 30px rgba(255,140,0,.5));animation:logo-pulse 2s ease-in-out infinite}@keyframes logo-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,140,0,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(255,140,0,.7))}}.loading-brand{font-family:Orbitron,Rajdhani,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:.3em;color:#ff6b00;text-shadow:0 0 10px rgba(255,107,0,.8),0 0 20px rgba(255,107,0,.4),0 0 40px rgba(255,107,0,.2);margin:0 0 32px;animation:text-glow 2s ease-in-out infinite alternate}@keyframes text-glow{0%{text-shadow:0 0 10px rgba(255,107,0,.8),0 0 20px rgba(255,107,0,.4),0 0 40px rgba(255,107,0,.2)}to{text-shadow:0 0 15px rgba(255,107,0,1),0 0 30px rgba(255,107,0,.6),0 0 60px rgba(255,107,0,.3)}}.loading-progress-container{width:240px;height:4px;background:#ff6b001a;border-radius:2px;overflow:hidden;margin-bottom:20px;position:relative}.loading-progress-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,107,0,.3) 20%,rgba(255,140,0,.8) 50%,rgba(255,107,0,.3) 80%,transparent 100%);animation:progress-slide 1.5s ease-in-out infinite}.loading-progress-glow{position:absolute;top:-2px;left:0;height:8px;width:60px;background:radial-gradient(ellipse at center,rgba(255,140,0,.6) 0%,transparent 70%);animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(240px)}}.loading-status{font-family:Rajdhani,Orbitron,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.15em;color:var(--text-muted);margin:0;animation:status-fade 2s ease-in-out infinite}@keyframes status-fade{0%,to{opacity:.5}50%{opacity:.8}}.loading-retry-btn{margin-top:20px;padding:10px 28px;border:1px solid var(--accent, #ff9800);border-radius:8px;background:transparent;color:var(--accent, #ff9800);font-family:Rajdhani,Orbitron,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:background .2s ease,color .2s ease;z-index:10}.loading-retry-btn:hover,.loading-retry-btn:active{background:var(--accent, #ff9800);color:#000}@media(max-width:480px){.loading-brand{font-size:1.8rem;letter-spacing:.2em}.loading-logo{width:60px;height:60px}.loading-ring{width:140px;height:140px}.loading-progress-container{width:180px}}.nsfw-warning-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:100}.nsfw-warning-content{max-width:400px;padding:32px;text-align:center;background:var(--bg-secondary, #1a1a2e);border-radius:12px;border:1px solid var(--glass-border, rgba(255, 107, 0, .2));box-shadow:0 8px 32px #00000080}.nsfw-warning-icon{display:flex;justify-content:center;margin-bottom:16px;color:var(--color-warning, #faa61a)}.nsfw-warning-title{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.nsfw-warning-channel{margin:0 0 16px;font-size:16px;color:var(--text-secondary);font-family:var(--font-mono)}.nsfw-warning-text{margin:0 0 24px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.nsfw-warning-error{margin-bottom:16px;padding:10px 12px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger, #f04747);font-size:13px}.nsfw-warning-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.nsfw-warning-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.nsfw-warning-btn.primary{background:var(--accent, #ff6b00);color:var(--text-primary)}.nsfw-warning-btn.primary:hover:not(:disabled){background:var(--accent-hover, #ff8533)}.nsfw-warning-btn.secondary{background:var(--bg-modifier-hover);color:var(--text-primary)}.nsfw-warning-btn.secondary:hover:not(:disabled){background:var(--bg-modifier-selected)}.nsfw-warning-btn:disabled{opacity:.5;cursor:not-allowed}.nsfw-warning-note{margin:0;font-size:12px;color:var(--text-muted)}.shortcuts-help-modal{background:var(--bg-secondary);border-radius:12px;width:min(600px,90vw);max-height:80dvh;display:flex;flex-direction:column;border:1px solid var(--border-subtle);box-shadow:0 8px 32px #0006}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.shortcuts-help-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.shortcuts-help-content{flex:1;overflow-y:auto;padding:20px 24px}.shortcuts-category{margin-bottom:24px}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 12px}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;gap:16px}.shortcut-item.disabled{opacity:.5}.shortcut-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.shortcut-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.shortcut-description{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:4px;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-primary);box-shadow:0 2px 0 var(--border-subtle)}.key-separator{font-size:.75rem;color:var(--text-muted);margin:0 2px}.shortcuts-help-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);text-align:center}.shortcuts-help-footer p{font-size:.85rem;color:var(--text-muted);margin:0}.shortcuts-help-footer .link-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.shortcuts-help-footer .link-btn:hover{color:var(--accent-secondary)}@media(max-width:480px){.shortcuts-help-modal{max-height:90dvh}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-keys{align-self:flex-end}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:min(400px,calc(100vw - 48px))}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--accent);box-shadow:0 4px 20px #0000004d,0 0 1px #0003;animation:toast-slide-in .3s ease;min-width:280px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--color-success, #43b581)}.toast-success .toast-icon{color:var(--color-success, #43b581)}.toast-error{border-left-color:var(--color-danger, #f04747)}.toast-error .toast-icon{color:var(--color-danger, #f04747)}.toast-warning{border-left-color:var(--color-warning, #faa61a)}.toast-warning .toast-icon{color:var(--color-warning, #faa61a)}.toast-info{border-left-color:var(--color-info, #7289da)}.toast-info .toast-icon{color:var(--color-info, #7289da)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px}.toast-content{flex:1;min-width:0}.toast-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.toast-message{font-size:.85rem;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.toast-action{display:inline-block;margin-top:8px;padding:4px 12px;background:var(--accent);border:none;border-radius:4px;font-size:.8rem;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:opacity .15s ease}.toast-action:hover{opacity:.85}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:.5;transition:all .15s ease}.toast-close:hover{opacity:1;background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:480px){.toast-container{bottom:16px;left:16px;right:16px;max-width:none}.toast{min-width:0;width:100%}}.progressive-image-container{position:relative;overflow:hidden;background-color:var(--bg-tertiary);border-radius:4px}.progressive-image-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1);opacity:1;transition:opacity .3s ease-out}.progressive-image-container.is-loaded .progressive-image-blur{opacity:0}.progressive-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,107,0,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progressive-image-container.is-loaded .progressive-image-skeleton{display:none}.progressive-image{position:relative;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-out}.progressive-image.loaded{opacity:1}.progressive-image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-tertiary);color:var(--text-muted)}.progressive-image-error .error-icon{font-size:2rem;opacity:.5}.progressive-image-error .error-text{font-size:.75rem;opacity:.5}.progressive-image-container[onClick]{cursor:pointer}.progressive-image-container[onClick]:hover .progressive-image{transform:scale(1.02);transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.progressive-image-blur,.progressive-image{transition:none}.progressive-image-skeleton{animation:none;background:#ff6b001a}}.form-field{margin-bottom:20px}.form-field.disabled{opacity:.6;pointer-events:none}.form-field-label{display:block;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:8px}.form-field.has-error .form-field-label{color:var(--color-danger)}.form-field-required{color:var(--color-danger);margin-left:4px}.form-field-hint{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:8px;margin-top:0}.form-field-error{font-size:.8125rem;color:var(--color-danger);margin-top:8px;margin-bottom:0;display:flex;align-items:center;gap:6px}.form-field-error:before{content:"⚠";font-size:.875rem}.form-field.has-error .form-control{border-color:var(--color-danger)}.form-field.has-error .form-control:focus{box-shadow:0 0 0 3px #f23f4340}.form-textarea{min-height:100px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.9375rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.form-checkbox-input{position:absolute;opacity:0;width:0;height:0}.form-checkbox-box{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:4px;background:var(--color-glass-dark);transition:all var(--duration-fast) var(--ease-smooth);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-checkbox-box:after{content:"";width:10px;height:10px;background:var(--accent);border-radius:2px;opacity:0;transform:scale(0);transition:all var(--duration-fast) var(--ease-smooth)}.form-checkbox-input:checked+.form-checkbox-box{border-color:var(--accent);background:#ff6b001a}.form-checkbox-input:checked+.form-checkbox-box:after{opacity:1;transform:scale(1)}.form-checkbox-input:focus-visible+.form-checkbox-box{outline:2px solid var(--accent);outline-offset:2px}.form-checkbox-input:disabled+.form-checkbox-box{opacity:.5;cursor:not-allowed}.form-checkbox-label{flex:1}.gif-picker{position:absolute;bottom:100%;right:0;width:420px;max-width:calc(100vw - 32px);height:450px;max-height:calc(100dvh - 200px);background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 140, 0, .2));border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1000;margin-bottom:8px}.gif-picker-search{padding:12px;border-bottom:1px solid var(--card-border)}.gif-search-input{width:100%;padding:10px 14px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s ease}.gif-search-input:focus{border-color:var(--accent, #ff8c00)}.gif-search-input::placeholder{color:var(--text-muted)}.gif-picker-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--card-border)}.gif-tab{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.gif-tab:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.gif-tab.active{background:var(--accent, #ff8c00);color:var(--text-on-accent, #000)}.favorite-icon{font-size:1rem}.favorite-count{font-size:.75rem;background:var(--card-bg-solid);padding:2px 6px;border-radius:10px}.gif-picker-header{padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.back-btn{background:none;border:none;color:var(--accent, #ff8c00);font-size:.8rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;padding:0}.back-btn:hover{text-decoration:underline}.gif-picker-content{flex:1;overflow-y:auto;padding:8px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-item{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--bg-tertiary, rgba(0, 0, 0, .3))}.gif-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.gif-item:hover img{transform:scale(1.05)}.gif-item:hover{box-shadow:0 0 0 2px var(--accent, #ff8c00)}.gif-favorite-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;font-size:.9rem;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.gif-item:hover .gif-favorite-btn,.gif-favorite-btn.favorited{opacity:1}.gif-favorite-btn:hover{background:#000c;transform:scale(1.1)}.gif-favorite-btn.favorited{background:#ff6464cc}.gif-play-indicator{position:absolute;bottom:4px;left:4px;padding:2px 6px;background:#000000b3;border-radius:4px;font-size:.65rem;font-weight:700;color:var(--text-primary, white)}.gif-item-broken{cursor:default}.gif-item-broken:hover{box-shadow:none}.gif-broken-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));color:var(--text-muted)}.gif-broken-icon{font-size:1.5rem;opacity:.5}.gif-broken-text{font-size:.7rem;opacity:.7}.gif-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-category-btn{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:none;cursor:pointer;background:var(--bg-tertiary, rgba(0, 0, 0, .3))}.gif-category-btn img{width:100%;height:100%;object-fit:cover;filter:brightness(.6);transition:all .2s ease}.gif-category-btn:hover img{filter:brightness(.8);transform:scale(1.05)}.category-name{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);color:var(--text-primary, white);font-size:.85rem;font-weight:600;text-align:center;text-transform:capitalize}.gif-picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-muted);font-size:.85rem;gap:12px}.gif-loader{width:24px;height:24px;border:3px solid var(--card-border);border-top-color:var(--accent, #ff8c00);border-radius:50%;animation:gif-spin .8s linear infinite}@keyframes gif-spin{to{transform:rotate(360deg)}}.gif-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--text-muted)}.gif-picker-empty p{margin:0}.gif-picker-hint{font-size:.8rem;margin-top:8px;opacity:.7}.gif-picker-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--color-danger-hover, #ff6b6b);font-size:.85rem;gap:12px}.retry-btn{padding:6px 16px;background:var(--accent, #ff8c00);border:none;border-radius:6px;color:var(--text-on-accent, #000);font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.retry-btn:hover{opacity:.9}.giphy-attribution{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--card-border);font-size:.75rem;color:var(--text-muted)}.giphy-logo{width:20px;height:20px;border-radius:4px}@media(max-width:480px){.gif-picker{width:100%;max-width:none;height:400px;position:fixed;bottom:0;left:0;right:0;margin-bottom:0;border-radius:12px 12px 0 0}.gif-grid,.gif-categories-grid{grid-template-columns:repeat(2,1fr)}.gif-picker-tabs{gap:2px}.gif-tab{padding:6px 8px;font-size:.8rem}}.gif-picker-content::-webkit-scrollbar{width:6px}.gif-picker-content::-webkit-scrollbar-track{background:transparent}.gif-picker-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.gif-picker-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.gif-item-optimistic{cursor:default;pointer-events:none}.gif-item-optimistic img{opacity:.7}.gif-optimistic-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:inherit}.gif-optimistic-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--accent, #ff8c00);border-radius:50%;animation:gif-spin .8s linear infinite}.chat-area{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.file-drag-overlay{position:absolute;inset:0;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.file-drag-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 64px;background:var(--bg-secondary);border:3px dashed var(--accent);border-radius:16px;color:var(--accent);animation:drag-pulse 1.5s ease-in-out infinite}.file-drag-content svg{animation:drag-bounce .8s ease-in-out infinite}.file-drag-content span{font-size:1.25rem;font-weight:600;color:var(--text-primary)}@keyframes drag-pulse{0%,to{border-color:var(--accent);box-shadow:0 0 rgba(var(--accent-rgb),.4)}50%{border-color:var(--accent-secondary);box-shadow:0 0 30px 10px rgba(var(--accent-rgb),.2)}}@keyframes drag-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-header{display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:0 20px;background:linear-gradient(180deg,rgba(20,20,50,.5) 0%,transparent 100%);border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15))}.chat-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.channel-icon-header{font-size:20px;color:var(--text-muted)}.channel-name-header{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-divider{width:1px;height:24px;background:var(--glass-border, rgba(255, 107, 0, .25))}.channel-topic{font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-actions{display:flex;gap:4px}.header-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.header-action-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.header-action-btn.active{color:var(--accent, #ff6b00);background:#ff6b001a}.header-action-btn svg{width:24px;height:24px}.chat-messages-area{flex:1;overflow:hidden;position:relative}.message-list{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 0;overflow-anchor:none}.message-list.message-list-reversed{display:flex;flex-direction:column-reverse;overscroll-behavior:contain}.message-list-reversed .message-list-inner{display:flex;flex-direction:column-reverse;animation:messageFadeIn .25s ease-out;overflow-anchor:auto}.jump-to-latest-btn{position:sticky;bottom:8px;align-self:center;z-index:10;display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent, #ff6b00);color:#fff;border:none;border-radius:20px;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 2px 12px #0006;transition:all .15s ease;animation:jumpBtnFadeIn .2s ease-out}.jump-to-latest-btn:hover{filter:brightness(1.15);box-shadow:0 4px 16px #00000080}@keyframes jumpBtnFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#ff6b004d;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#ff6b0080}.message-list-loading,.message-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:1rem}.empty-state h3{font-family:Orbitron,sans-serif;font-size:1.2rem;color:var(--text-secondary);margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.load-more-trigger{height:50px;display:flex;align-items:center;justify-content:center}.channel-start-marker{padding:20px 16px 32px;margin:0 16px 16px;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15))}.channel-start-marker h2{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.channel-start-marker p{font-size:14px;color:var(--text-muted);margin:0}.unread-messages-bar{z-index:11;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:var(--accent, #ff6b00);color:#fff;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;animation:unreadBarSlideIn .2s ease-out;flex-shrink:0}.unread-messages-bar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.unread-messages-bar-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:4px;white-space:nowrap;transition:background .15s ease;flex-shrink:0}.unread-messages-bar-action:hover{background:#fff3}.unread-messages-bar-action svg{width:14px;height:14px}@keyframes unreadBarSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.unread-divider{display:flex;align-items:center;margin:8px 16px;gap:8px;pointer-events:none}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--color-danger, #ed4245)}.unread-divider-text{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:var(--color-danger, #ed4245);letter-spacing:.5px;white-space:nowrap}.message-item{position:relative;padding:4px 16px;transition:background .1s ease}.message-item:hover{background:var(--bg-modifier-hover)}.message-item.grouped{padding-top:2px;padding-bottom:2px}.message-item.system-message{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.system-message-content{font-size:14px;color:var(--text-muted);flex:1}.system-message-content strong{color:var(--text-secondary)}.system-message-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;font-size:14px;border-radius:4px;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.message-item.system-message:hover .system-message-delete{opacity:1}.system-message-delete:hover{background:var(--bg-modifier-hover);color:var(--danger, #f04747)}.message-item.pending{opacity:.5}.message-item.pending .message-content-wrapper:before{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,107,0,.3);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite}.message-item.failed{opacity:.7;border-left:3px solid var(--color-danger, #ed4245);padding-left:13px}.message-item.failed .message-content-wrapper:after{content:"Failed to send - click to retry";display:block;font-size:12px;color:var(--color-danger, #ed4245);margin-top:4px;cursor:pointer}.message-item.highlighted{animation:message-highlight 2s ease-out forwards}@keyframes message-highlight{0%{background:#ff6b0080;box-shadow:0 0 20px #ff6b004d}15%{background:#ff6b001a}30%{background:#ff6b0073;box-shadow:0 0 15px #ff6b0033}50%{background:#ff6b0014}65%{background:#ff6b004d}to{background:transparent;box-shadow:none}}.message-reply-reference{display:flex;align-items:center;gap:8px;margin-left:56px;margin-bottom:4px;padding:4px 8px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background .1s ease;border-radius:4px}.message-reply-reference:hover{background:var(--bg-modifier-hover)}.reply-line{width:28px;height:12px;border-left:2px solid var(--text-muted);border-top:2px solid var(--text-muted);border-radius:6px 0 0;margin-left:-36px;margin-top:6px}.reply-author{font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.reply-timestamp{font-size:11px;color:var(--text-muted);opacity:.7;flex-shrink:0}.reply-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-mention{padding:0 2px;border-radius:3px;background:#ffffff1a;color:var(--accent, #ff6b00);font-weight:500}.reply-mention.role,.reply-mention.channel{color:var(--accent, #ff6b00)}.reply-jump-btn{display:none;font-size:11px;font-weight:600;color:var(--accent, #ff6b00);background:var(--bg-secondary);padding:1px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0;transition:background .1s ease}.message-reply-reference:hover .reply-jump-btn{display:inline-block}.reply-jump-btn:hover{background:var(--bg-modifier-hover)}.message-row{display:flex;gap:16px;position:relative}.message-avatar{width:40px;flex-shrink:0}.message-avatar-placeholder{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;opacity:0;transition:opacity .1s ease}.message-item:hover .message-avatar-placeholder{opacity:1}.grouped-timestamp{font-size:10px;color:var(--text-muted)}.message-content-wrapper{flex:1;min-width:0;position:relative}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.message-author{font-family:Orbitron,sans-serif;font-weight:600;font-size:.9rem;color:var(--text-primary);cursor:pointer}.message-author:hover{text-decoration:underline}.bot-tag{padding:2px 6px;background:var(--accent, #ff6b00);color:var(--text-on-accent, #000);font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase}.message-timestamp{font-size:12px;color:var(--text-muted)}.message-edited{font-size:11px;color:var(--text-muted);background:none;border:none;padding:0;font-family:inherit;cursor:default}.message-edited.has-history{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.message-edited.has-history:hover{color:var(--text-secondary)}.edit-history-panel{margin-top:8px;border:1px solid var(--glass-border);border-radius:8px;background:var(--bg-secondary);overflow:hidden;max-width:600px}.edit-history-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.edit-history-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s ease}.edit-history-close:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.edit-history-entries{padding:4px 0}.edit-history-entry{padding:8px 12px;border-bottom:1px solid var(--card-border, rgba(255, 255, 255, .06))}.edit-history-entry:last-child{border-bottom:none}.edit-history-entry.edit-history-current{background:#ffffff05}.edit-history-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.edit-history-version{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:4px}.edit-history-time{font-size:11px;color:var(--text-muted)}.edit-history-current-label{font-size:10px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.edit-history-content{font-size:14px;color:var(--text-primary);line-height:1.4;word-break:break-word;white-space:pre-wrap;opacity:.8}.edit-history-current .edit-history-content{opacity:1}.message-silent{display:inline-flex;align-items:center;color:var(--text-muted);opacity:.6;margin-left:4px;vertical-align:middle}.message-content{line-height:1.5}.message-text{font-size:15px;color:var(--text-secondary);word-wrap:break-word;white-space:pre-wrap}.message-text a{color:var(--accent, #ff6b00);text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text code{padding:2px 6px;background:var(--inline-code-bg, rgba(0, 0, 0, .3));color:var(--inline-code-text, inherit);border-radius:4px;font-family:Fira Code,Monaco,monospace;font-size:.85em}.message-text pre{margin:8px 0;padding:12px;background:#0006;border-radius:8px;overflow-x:auto}.message-text pre code{padding:0;background:none;font-size:13px;line-height:1.4}.code-block-wrapper{margin:8px 0;border-radius:8px;overflow:hidden;background:var(--code-block-bg, #1e1e2e);border:1px solid var(--code-block-border, rgba(255, 255, 255, .06))}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--code-block-header-bg, rgba(0, 0, 0, .3));border-bottom:1px solid var(--code-block-border, rgba(255, 255, 255, .06))}.code-block-language{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.code-block-copy{display:flex;align-items:center;gap:4px;padding:2px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s ease}.code-block-copy:hover{background:#ffffff1a;color:var(--text-primary)}.code-block-copy.copied{color:var(--color-success, #a6e3a1)}.code-block-pre{margin:0;padding:12px 16px;overflow-x:auto;background:transparent}.code-block-pre code{padding:0;background:none;font-size:13px;line-height:1.5;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,Monaco,monospace}.hljs{color:var(--code-block-text, #cdd6f4);background:transparent}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#cba6f7}.hljs-title,.hljs-title.class_,.hljs-title.function_{color:#89b4fa}.hljs-attr,.hljs-attribute{color:#89dceb}.hljs-string,.hljs-template-tag,.hljs-template-variable{color:#a6e3a1}.hljs-number,.hljs-literal{color:#fab387}.hljs-type,.hljs-params{color:#f9e2af}.hljs-comment,.hljs-doctag{color:#6c7086;font-style:italic}.hljs-variable,.hljs-variable.language_{color:#f38ba8}.hljs-operator,.hljs-punctuation{color:#94e2d5}.hljs-property{color:#89dceb}.hljs-regexp{color:#f5c2e7}.hljs-meta{color:#f5e0dc}.hljs-symbol{color:#f2cdcd}.hljs-deletion{color:#f38ba8;background:#f38ba81a}.hljs-addition{color:#a6e3a1;background:#a6e3a11a}.hljs-section{color:#89b4fa;font-weight:700}.hljs-selector-class,.hljs-selector-id{color:#eba0ac}.message-text strong{font-weight:700;color:var(--text-primary)}.message-text em{font-style:italic}.message-text del{text-decoration:line-through;opacity:.7}.message-text ul,.message-text ol{margin:2px 0;padding-left:24px}.message-text ul{list-style-type:disc}.message-text ol{list-style-type:decimal}.message-text li{margin:0;padding:1px 0;line-height:1.4}.message-text hr{border:none;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));margin:8px 0}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin:0;line-height:1.3;color:var(--text-primary, #fff)}.message-text h1{font-size:1.5rem;font-weight:700}.message-text h2{font-size:1.3rem;font-weight:700}.message-text h3{font-size:1.15rem;font-weight:600}.message-text h4{font-size:1.05rem;font-weight:600}.message-text h5{font-size:.95rem;font-weight:600}.message-text h6{font-size:.85rem;font-weight:600;color:var(--text-muted)}.message-text blockquote{border-left:3px solid var(--accent, #ff6b00);padding:4px 12px;margin:4px 0;color:var(--text-muted);background:#ffffff08;border-radius:0 4px 4px 0}.message-text table{border-collapse:collapse;margin:6px 0;font-size:.9rem;width:auto;max-width:100%;overflow-x:auto}.message-text table th,.message-text table td{border:1px solid rgba(255,255,255,.1);padding:4px 10px;text-align:left}.message-text table th{background:#ffffff0f;font-weight:600;color:var(--text-primary, #fff)}.message-text table td{background:#ffffff05}.message-text table tr:hover td{background:#ffffff0a}.message-text .task-list{list-style:none;padding-left:4px}.message-text .task-item{display:flex;align-items:center;gap:6px;padding:1px 0}.message-text .task-item input[type=checkbox]{appearance:none;width:16px;height:16px;border:2px solid var(--accent, #ff6b00);border-radius:3px;background:transparent;cursor:default;flex-shrink:0;position:relative}.message-text .task-item input[type=checkbox]:checked{background:var(--accent, #ff6b00)}.message-text .task-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:1px;font-size:12px;color:#fff;font-weight:700}.message-text mark{background:#ffc8004d;color:inherit;border-radius:2px;padding:0 2px}.message-text .spoiler{background:var(--text-muted);color:transparent;border-radius:4px;padding:0 4px;cursor:pointer;transition:all .2s ease}.message-text .spoiler:hover,.message-text .spoiler.revealed{background:transparent;color:inherit}.message-text .mention{padding:0 4px;background:#ff6b0026;color:var(--accent, #ff6b00);border-radius:4px;cursor:pointer}.message-text .mention:hover{background:#ff6b0040}.message-text .mention .mention-avatar{width:16px;height:16px;border-radius:50%;vertical-align:text-bottom;margin-right:2px;object-fit:cover;display:inline}.message-text .mention .mention-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700;font-family:Orbitron,sans-serif;color:#000;vertical-align:text-bottom;margin-right:2px;line-height:16px}.message-text .timestamp{padding:0 4px;background:var(--bg-modifier-accent, rgba(255, 255, 255, .06));border-radius:4px;cursor:default;font-weight:500}.plus-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;padding:4px;min-width:180px;z-index:100;box-shadow:0 4px 16px #0000004d}.plus-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:14px;border:none;background:none;width:100%;white-space:nowrap}.plus-menu-item:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.plus-menu-item svg{width:20px;height:20px;flex-shrink:0}.plus-menu-item-active{background:#ff6b0026;color:var(--accent, #ff6b00)}.plus-menu-item-active:hover{background:#ff6b0040}.timestamp-picker{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;padding:12px;width:300px;z-index:1000;box-shadow:0 8px 32px #0006}.timestamp-picker-header{font-weight:600;font-size:14px;margin-bottom:10px;color:var(--text-primary)}.timestamp-picker-fields{display:flex;gap:8px;align-items:flex-end;margin-bottom:10px}.timestamp-picker-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted);flex:1}.timestamp-picker-input{background:var(--bg-primary, #111);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;width:100%}.timestamp-picker-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.timestamp-picker-now-btn{background:var(--bg-primary);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-primary);padding:6px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.timestamp-picker-now-btn:hover{background:var(--bg-tertiary)}.timestamp-picker-section-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:4px}.timestamp-picker-formats{margin-bottom:10px;max-height:200px;overflow-y:auto}.timestamp-format-option{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:4px;padding:6px 8px;cursor:pointer;color:var(--text-primary)}.timestamp-format-option:hover{background:#ffffff0d}.timestamp-format-option.active{background:#ff6b001f;border-color:var(--accent, #ff6b00)}.timestamp-format-option .format-label{font-size:12px;font-weight:500}.timestamp-format-option .format-preview{font-size:11px;color:var(--text-muted)}.timestamp-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));padding-top:10px}.timestamp-picker-syntax{font-family:var(--font-mono, monospace);font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp-picker-insert-btn{background:var(--accent, #ff6b00);color:#fff;border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.timestamp-picker-insert-btn:hover{filter:brightness(1.1)}.schedule-picker{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;padding:12px;width:320px;z-index:1000;box-shadow:0 8px 32px #0006}.schedule-picker-header{font-weight:600;font-size:14px;margin-bottom:10px;color:var(--text-primary)}.schedule-picker-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.schedule-preset-btn{background:var(--bg-primary, #111);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px;color:var(--text-secondary, #ccc);padding:4px 10px;font-size:12px;cursor:pointer;transition:all .15s}.schedule-preset-btn:hover{border-color:var(--accent, #ff6b00);color:var(--text-primary);background:var(--bg-tertiary, #1e1e3a)}.schedule-picker-fields{display:flex;gap:8px;align-items:flex-end;margin-bottom:10px}.schedule-picker-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted);flex:1}.schedule-picker-input{background:var(--bg-primary, #111);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;width:100%}.schedule-picker-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.schedule-picker-preview{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--bg-primary, #111);border-radius:6px;margin-bottom:10px}.schedule-preview-date{font-size:13px;color:var(--text-primary)}.schedule-preview-relative{font-size:12px;color:var(--accent, #ff6b00)}.schedule-preview-error{font-size:12px;color:var(--color-danger, #f23f43)}.schedule-picker-footer{display:flex;justify-content:flex-end;gap:8px}.schedule-picker-cancel-btn{background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-secondary, #ccc);padding:6px 14px;font-size:13px;cursor:pointer}.schedule-picker-cancel-btn:hover{background:var(--bg-tertiary, #1e1e3a)}.schedule-picker-submit-btn{background:var(--accent, #ff6b00);border:none;border-radius:4px;color:var(--text-on-accent, #000);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.schedule-picker-submit-btn:hover{filter:brightness(1.1)}.schedule-picker-submit-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-btn.active{color:var(--accent, #ff6b00)}.scheduled-messages-panel{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:8px;z-index:1000;box-shadow:0 8px 32px #0006;max-height:400px;display:flex;flex-direction:column}.scheduled-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.scheduled-panel-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.scheduled-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.scheduled-panel-close:hover{color:var(--text-primary);background:var(--bg-tertiary, #1e1e3a)}.scheduled-panel-body{overflow-y:auto;padding:8px}.scheduled-panel-empty{padding:24px 14px;text-align:center;color:var(--text-muted);font-size:13px}.scheduled-message-item{padding:10px 12px;border-radius:6px;background:var(--bg-primary, #111);margin-bottom:6px;position:relative}.scheduled-message-item:last-child{margin-bottom:0}.scheduled-message-item:hover .scheduled-message-actions{opacity:1}.scheduled-message-content{font-size:13px;color:var(--text-primary);line-height:1.4;margin-bottom:6px;word-break:break-word}.scheduled-message-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.scheduled-message-time{display:flex;align-items:center;gap:4px}.scheduled-message-time svg{opacity:.6}.scheduled-message-relative{color:var(--accent, #ff6b00)}.scheduled-message-silent{font-size:12px}.scheduled-message-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.scheduled-action-btn{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-muted);padding:4px 6px;cursor:pointer;display:flex;align-items:center}.scheduled-action-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.scheduled-action-btn.cancel:hover{color:var(--color-danger, #f23f43);border-color:var(--color-danger, #f23f43)}.scheduled-message-edit{display:flex;flex-direction:column;gap:8px}.scheduled-edit-content{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-primary);padding:8px;font-size:13px;resize:vertical;font-family:inherit}.scheduled-edit-content:focus{outline:none;border-color:var(--accent, #ff6b00)}.scheduled-edit-datetime{display:flex;gap:8px}.scheduled-edit-input{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:12px;flex:1}.scheduled-edit-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.scheduled-edit-actions{display:flex;justify-content:flex-end;gap:6px}.scheduled-edit-cancel{background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:4px;color:var(--text-secondary, #ccc);padding:4px 12px;font-size:12px;cursor:pointer}.scheduled-edit-cancel:hover{background:var(--bg-tertiary, #1e1e3a)}.scheduled-edit-save{background:var(--accent, #ff6b00);border:none;border-radius:4px;color:var(--text-on-accent, #000);padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer}.scheduled-edit-save:hover{filter:brightness(1.1)}.encryption-indicator{display:inline-flex;align-items:center;margin-right:6px;font-size:11px;vertical-align:middle;cursor:help;opacity:.7}.encryption-indicator.warning{color:var(--color-warning, #faa61a)}.encryption-indicator.error{color:var(--color-danger, #ed4245)}.message-state{display:inline-block;font-size:12px;margin-left:8px}.message-state.sending{color:var(--text-muted)}.message-state.failed{display:inline-flex;align-items:center;gap:8px;color:var(--color-danger, #ed4245);cursor:help}.message-dismiss-btn{padding:2px 8px;background:transparent;border:1px solid var(--color-danger, #ed4245);border-radius:4px;color:var(--color-danger, #ed4245);font-size:11px;cursor:pointer;transition:all .15s ease}.message-dismiss-btn:hover{background:#ed424533;color:#fff}.message-edit-form{margin-top:4px}.message-edit-form textarea{width:100%;min-height:44px;padding:10px 12px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .25));border-radius:8px;color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;outline:none}.message-edit-form textarea:focus{border-color:var(--accent, #ff6b00);box-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .2))}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-actions button{padding:6px 12px;background:transparent;border:1px solid var(--glass-border, rgba(255, 107, 0, .25));border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.edit-actions button:hover{background:var(--bg-modifier-hover)}.edit-actions button.primary{background:var(--accent, #ff6b00);border-color:var(--accent, #ff6b00);color:var(--text-on-accent, #000)}.edit-actions button.primary:hover{box-shadow:0 0 15px var(--accent-glow, rgba(255, 107, 0, .4))}.message-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.image-grid{display:grid;gap:4px;border-radius:8px;overflow:hidden;max-width:550px;width:100%}.image-grid-1{display:block}.image-grid-2{grid-template-columns:1fr 1fr;height:300px}.image-grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:300px}.image-grid-3 .image-grid-item:first-child{grid-row:1 / 3}.image-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:300px}.image-grid-item{position:relative;overflow:hidden;min-height:0}.image-grid-1 .image-grid-item{overflow:visible}.image-grid-overflow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;z-index:1;transition:background .15s}.image-grid-overflow:hover{background:#0006}@media(max-width:600px){.image-grid-2,.image-grid-3,.image-grid-4{height:200px}}.attachment{border-radius:8px;overflow:hidden}.attachment.image img,.attachment.video video{display:block;border-radius:8px;cursor:pointer}.attachment.image img:hover{box-shadow:0 4px 20px #0000004d}.attachment.spoiler{position:relative}.attachment.spoiler:before{content:"SPOILER";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;color:var(--text-primary);font-weight:700;font-size:14px;z-index:1;cursor:pointer}.attachment.spoiler:hover:before{background:#0009}.attachment.audio{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:8px}.attachment.audio audio{flex:1}.attachment-name{font-size:14px;color:var(--text-secondary)}.voice-message-player{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0000004d;border:1px solid var(--glass-border);border-radius:20px;max-width:350px;min-width:250px}.voice-message-player.decrypting{opacity:.6}.voice-msg-play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--accent-primary, #ff6b00);border:none;cursor:pointer;color:#fff;transition:background .15s,transform .1s}.voice-msg-play-btn:hover{background:var(--accent-hover, #e06000);transform:scale(1.05)}.voice-msg-play-btn:active{transform:scale(.95)}.voice-msg-play-btn.disabled{background:#ffffff1a;cursor:default;pointer-events:none}.voice-msg-waveform{display:flex;align-items:center;gap:2px;flex:1;height:32px;cursor:pointer;padding:2px 0}.waveform-bar{width:3px;min-width:3px;border-radius:2px;background:#fff3;transition:background .1s}.waveform-bar.played{background:var(--accent-primary, #ff6b00)}.waveform-bar.shimmer{animation:waveformShimmer 1.5s infinite ease-in-out}@keyframes waveformShimmer{0%,to{opacity:.3}50%{opacity:.6}}.voice-msg-time{font-size:12px;font-family:monospace;color:var(--text-muted);min-width:36px;text-align:right}.voice-recording-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.recording-indicator{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.recording-dot{width:10px;height:10px;border-radius:50%;background:#f44;animation:recordingPulse 1s infinite}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.recording-timer{font-size:16px;font-family:monospace;color:var(--text-primary);font-weight:500}.recording-cancel-btn{color:var(--text-muted)!important}.recording-cancel-btn:hover{color:#f44!important}.recording-send-btn{color:var(--accent-primary, #ff6b00)!important}.recording-send-btn:hover{color:var(--accent-hover, #e06000)!important}.mic-btn{color:var(--text-muted);transition:color .15s}.mic-btn:hover{color:var(--accent-primary, #ff6b00)}.attachment.file{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:8px;max-width:400px}.file-icon{font-size:32px}.file-info{flex:1;min-width:0}.file-name{display:block;color:var(--accent, #ff6b00);font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name:hover{text-decoration:underline}.file-size{font-size:12px;color:var(--text-muted)}.file-download{font-size:20px;text-decoration:none;opacity:.5;transition:opacity .15s ease}.attachment.file.expired{border-style:dashed;opacity:.8}.attachment.file.expired .file-icon{opacity:.6}.file-name.expired-text{color:var(--text-muted);font-style:italic}.file-expired-message{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.file-download:hover{opacity:1}.file-actions{display:flex;align-items:center;gap:4px}.file-copy-contents{background:none;border:none;font-size:16px;opacity:.5;cursor:pointer;padding:2px;transition:opacity .15s ease}.file-copy-contents:hover{opacity:1}.message-giphy-gifs{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.message-embeds{margin-top:8px;display:flex;flex-direction:column;gap:8px}.embed{max-width:520px;padding:12px 16px;background:#0000004d;border-left:4px solid var(--accent, #ff6b00);border-radius:4px;position:relative}.embed.spoiler{filter:blur(10px);cursor:pointer}.embed.spoiler:hover{filter:blur(5px)}.embed-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.embed-author-icon{width:24px;height:24px;border-radius:50%}.embed-author a{color:var(--text-primary);text-decoration:none}.embed-author a:hover{text-decoration:underline}.embed-title{font-size:15px;font-weight:600;margin-bottom:8px}.embed-title a{color:var(--accent, #ff6b00);text-decoration:none}.embed-title a:hover{text-decoration:underline}.embed-description{font-size:14px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.embed-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.embed-field{grid-column:span 3}.embed-field.inline{grid-column:span 1}.embed-field-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.embed-field-value{font-size:14px;color:var(--text-secondary)}.embed-image{margin-top:8px}.embed-image img{border-radius:4px;max-width:100%}.embed-thumbnail{position:absolute;top:12px;right:16px}.embed-thumbnail img{width:80px;height:80px;border-radius:4px;object-fit:cover}.embed-video video{max-width:100%;border-radius:4px}.embed-footer{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--text-muted)}.embed-footer-icon{width:20px;height:20px;border-radius:50%}.embed-footer-separator{opacity:.5}.read-receipt-indicator{display:flex;align-items:center;gap:4px;padding:2px 0 2px 56px;margin-top:2px}.read-receipt-text{font-size:11px;color:var(--text-muted);font-weight:400}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-modifier-accent);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.reaction-btn:hover{background:var(--bg-modifier-hover);border-color:var(--glass-border, rgba(255, 107, 0, .25))}.reaction-btn.active{background:#ff6b0026;border-color:var(--accent, #ff6b00)}.reaction-emoji{font-size:16px}.reaction-count{font-size:13px;color:var(--text-secondary)}.reaction-wrapper{position:relative;display:inline-flex}.reaction-tooltip{background:var(--bg-primary, #111);color:var(--text-primary, #fff);font-size:12px;font-weight:500;line-height:1.3;padding:6px 10px;border-radius:6px;max-width:280px;width:max-content;box-shadow:0 2px 8px #0006;border:1px solid var(--glass-border, rgba(255, 255, 255, .06))}.reaction-tooltip-rich{white-space:normal;display:flex;flex-direction:column;gap:4px;min-width:120px}.reaction-tooltip-users{display:flex;flex-direction:column;gap:3px}.reaction-tooltip-user{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.reaction-tooltip-user>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.reaction-tooltip-more{font-style:italic;color:var(--text-muted);font-size:11px}.reaction-tooltip-emoji{font-size:11px;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.1);padding-top:4px;margin-top:2px}.message-actions{position:absolute;top:-18px;right:16px;display:flex;gap:0;padding:1px;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 1px 8px #00000040;opacity:0;pointer-events:none;transform:translateY(4px);transition:all .15s ease;z-index:10}.message-item:hover .message-actions,.message-item.show-actions .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-list.is-selecting .message-actions{opacity:0!important;pointer-events:none!important}.action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;font-size:13px;transition:all .15s ease;padding:0}.action-btn:hover{background:var(--bg-modifier-hover)}.action-btn.danger:hover{background:#ed424533}.reply-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#ff6b001a;border-top:1px solid var(--glass-border, rgba(255, 107, 0, .25))}.reply-preview-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.reply-preview-label{font-size:13px;color:var(--text-muted)}.reply-preview-author{font-weight:600;font-size:13px;color:var(--accent, #ff6b00)}.reply-preview-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:20px;cursor:pointer;transition:all .15s ease}.reply-preview-close:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.silent-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#ff6b001a;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .25))}.silent-preview-content{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.silent-preview-icon{color:var(--accent, #ff6b00);flex-shrink:0}.silent-preview-label{font-size:13px;font-weight:600;color:var(--accent, #ff6b00)}.silent-preview-text{font-size:13px;color:var(--text-muted)}.silent-preview-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:20px;cursor:pointer;transition:all .15s ease}.silent-preview-close:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.reply-mention-toggle{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.reply-mention-toggle:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.reply-mention-toggle.active{color:var(--accent)}.reply-mention-toggle.active:hover{color:var(--accent);background:var(--bg-modifier-hover)}.reply-mention-slash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-danger, #f23f43);pointer-events:none}.typing-indicator{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;gap:8px;height:24px;padding:0 16px;font-size:13px;color:var(--text-muted);pointer-events:none}.typing-dots{display:flex;gap:4px}.typing-dots .dot{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots .dot:nth-child(1){animation-delay:0s}.typing-dots .dot:nth-child(2){animation-delay:.16s}.typing-dots .dot:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.typing-text strong{color:var(--text-secondary)}.typing-user{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.message-input-container{padding:0 16px 16px;position:relative}.mention-autocomplete{position:absolute;bottom:100%;left:16px;right:16px;max-height:300px;overflow-y:auto;background:var(--color-modal-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:8px;z-index:100;box-shadow:0 -4px 20px #00000080}.mention-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.mention-item:hover,.mention-item.selected{background:#ff6b0026}.mention-item-info{display:flex;flex-direction:column;min-width:0}.mention-item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-item-username{font-size:12px;color:var(--text-muted)}.mention-item-type{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mention-role-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:600;color:var(--text-primary);flex-shrink:0}.mention-item.mention-role .mention-item-name{font-weight:600}.mention-channel-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;font-size:16px;font-weight:600;color:var(--text-muted);background:var(--color-surface);flex-shrink:0}.mention-item.mention-channel .mention-item-name{color:var(--text-secondary)}.emoji-autocomplete{position:absolute;bottom:100%;left:16px;right:16px;max-height:300px;overflow-y:auto;background:var(--color-modal-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:8px;z-index:100;box-shadow:0 -4px 20px #00000080}.emoji-autocomplete-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.emoji-autocomplete-item:hover,.emoji-autocomplete-item.selected{background:#ff6b0026}.emoji-autocomplete-icon{font-size:24px;line-height:1;flex-shrink:0;width:28px;text-align:center}.emoji-autocomplete-name{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-autocomplete-item:hover .emoji-autocomplete-name,.emoji-autocomplete-item.selected .emoji-autocomplete-name{color:var(--text-primary)}.message-input-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:12px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:12px 12px 0 0;border-bottom:none}.file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000004d;border-radius:8px;max-width:200px}.file-preview-image{width:48px;height:48px;object-fit:cover;border-radius:4px}.file-preview-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px}.file-preview-info{flex:1;min-width:0}.file-preview-name{display:block;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:11px;color:var(--text-muted)}.file-preview-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ed424533;border:none;border-radius:50%;color:var(--color-danger, #ed4245);font-size:14px;cursor:pointer;transition:all .15s ease}.file-preview-remove:hover{background:#ed424566}.file-preview-actions{display:flex;align-items:center;gap:4px}.file-preview-spoiler{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#64646433;border:none;border-radius:50%;font-size:12px;cursor:pointer;transition:all .15s ease;opacity:.6}.file-preview-spoiler:hover{background:#64646466;opacity:1}.file-preview-spoiler.active{background:#ff6b004d;opacity:1}.file-preview.is-spoiler{position:relative;border:1px solid rgba(255,107,0,.3)}.file-preview-image.spoiler-blur{filter:blur(8px)}.file-spoiler-badge{position:absolute;top:4px;left:4px;padding:2px 6px;background:#000c;border-radius:4px;font-size:9px;font-weight:700;color:var(--accent, #ff6b00);text-transform:uppercase;letter-spacing:1px}.slowmode-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:default;animation:slowmode-fade-in .3s ease-out}@keyframes slowmode-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.slowmode-ring{position:absolute;width:32px;height:32px;transform:rotate(-90deg)}.slowmode-ring-bg{fill:none;stroke:#ff6b0026;stroke-width:3}.slowmode-ring-progress{fill:none;stroke:var(--accent, #ff6b00);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 3px rgba(255,107,0,.5))}.slowmode-time{position:relative;z-index:1;font-family:Orbitron,monospace;font-size:10px;font-weight:600;color:var(--accent, #ff6b00);text-shadow:0 0 8px rgba(255,107,0,.5);letter-spacing:-.5px}.send-btn.disabled{opacity:.4;cursor:not-allowed}.send-btn.disabled:hover{background:transparent}.upload-progress{position:relative;height:24px;margin-bottom:8px;background:#0000004d;border-radius:4px;overflow:hidden}.upload-progress-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent, #ff6b00);transition:width .3s ease}.upload-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);z-index:1}.message-input-wrapper{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0000004d;border:1px solid var(--glass-border);border-radius:12px;transition:all .15s ease;cursor:text}.message-input-wrapper:focus-within{border-color:transparent;box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .15))}.message-input-files+.message-input-wrapper{border-radius:0 0 12px 12px}.message-input{display:block;width:100%;max-height:200px;margin:0;padding:0 4px;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;line-height:normal;overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;-webkit-appearance:none;appearance:none;touch-action:auto;-webkit-user-select:text;user-select:text}.message-input:focus,.message-input:focus-visible{outline:none;box-shadow:none}.message-input:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.message-input-area{position:relative;flex:1;min-width:0}.message-input-area .message-input{width:100%}.message-input .mention-pill{display:inline;padding:0 4px;border-radius:4px;font-weight:500;vertical-align:baseline;background:#ff6b0026;color:var(--accent, #ff6b00);-webkit-user-select:all;user-select:all;cursor:default}.message-input .inline-emoji{display:inline;width:1.375em;height:1.375em;vertical-align:text-bottom;object-fit:contain;margin:0 1px}.message-input .emoji-placeholder{color:var(--text-muted);font-style:italic}.input-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0;align-self:center}.input-action-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.input-action-btn svg{width:24px;height:24px}.input-action-btn.send-btn{color:var(--accent, #ff6b00)}.input-action-btn.send-btn:hover{background:#ff6b0026}.input-action-btn.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-action-btn.silent-toggle-btn{color:var(--text-muted);opacity:.6;transition:all .15s ease}.input-action-btn.silent-toggle-btn:hover{opacity:1;background:#ffffff14}.input-action-btn.silent-toggle-btn.active{color:var(--accent, #ff6b00);opacity:1}.input-action-btn.silent-toggle-btn.active:hover{background:#ff6b0026}.input-action-wrapper{position:relative;display:flex;align-self:center}.input-action-btn.gif-btn{width:auto;padding:0 10px;font-weight:600;font-size:.75rem;letter-spacing:.5px}.input-action-btn.gif-btn .gif-label{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;transition:background .2s ease}.input-action-btn.gif-btn:hover .gif-label{background:var(--accent, #ff8c00);color:var(--text-on-accent, #000)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,107,0,.2);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:20px;height:20px;border-width:2px}@media(max-width:768px){.chat-header,.channel-topic,.header-divider{display:none}.message-item{padding:4px 12px}.message-row{gap:12px}.message-avatar,.message-avatar-placeholder{width:32px}.message-reply-reference{margin-left:44px}.reply-line{margin-left:-28px}.message-actions{right:12px}.message-input-container{padding:0 12px 12px}.message-input{text-align:left}.message-input:focus::placeholder{opacity:0}.attachment.file,.embed{max-width:100%}.embed-thumbnail{display:none}.embed-fields{grid-template-columns:1fr}.embed-field.inline{grid-column:span 1}}.message-text{font-size:var(--message-font-size, 15px)}body.compact-mode .message-item{padding:2px 16px}body.compact-mode .message-item.grouped{padding-top:1px;padding-bottom:1px}body.compact-mode .message-row{gap:8px}body.compact-mode .message-avatar,body.compact-mode .message-avatar-placeholder{width:24px}body.compact-mode .message-header{margin-bottom:2px}body.compact-mode .message-author{font-size:.8rem}body.compact-mode .message-timestamp{font-size:10px}body.compact-mode .message-reply-reference{margin-left:32px;padding:2px 6px;font-size:12px}body.compact-mode .reply-line{margin-left:-24px;width:20px}body.compact-mode .message-attachments,body.compact-mode .message-embeds{margin-top:4px}body.compact-mode .message-reactions{margin-top:4px;gap:4px}body.compact-mode .reaction-btn{padding:2px 6px}body.compact-mode .channel-start-marker{padding:12px 16px 20px;margin-bottom:8px}body.compact-mode .channel-start-marker h2{font-size:1.2rem}body.compact-mode .channel-start-marker p{font-size:13px}.spellcheck-context-menu{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--glass-border, rgba(255, 107, 0, .2));border-radius:6px;padding:6px;min-width:180px;max-width:280px;box-shadow:0 8px 32px #0006}.spellcheck-menu-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary, #e0e0e0);font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.spellcheck-menu-item:hover{background:#ff6b0026}.spellcheck-menu-item.suggestion{font-weight:500;color:var(--accent, #ff6b00)}.spellcheck-menu-item.disabled{color:var(--text-muted, #666);cursor:default;pointer-events:none;font-style:italic}.spellcheck-menu-separator{height:1px;margin:6px 0;background:var(--glass-border, rgba(255, 107, 0, .15))}.message-input-wrapper.message-input-disabled{cursor:not-allowed;opacity:.6;justify-content:center;padding:12px 16px}.message-input-disabled-text{color:var(--text-muted, #72767d);font-size:14px;text-align:center;-webkit-user-select:none;user-select:none}.notification-center{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.notification-center-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.header-title{display:flex;align-items:center;gap:10px}.header-title h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.unread-badge{background:var(--accent);color:var(--bg-primary);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.header-actions{display:flex;gap:8px}.header-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.header-action-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent)}.header-action-btn.danger:hover{background:rgba(var(--error-rgb),.1);color:var(--error);border-color:var(--error)}.notification-filters{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.filter-btn{padding:6px 14px;background:transparent;border:1px solid var(--border-subtle);border-radius:16px;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.notification-list{flex:1;overflow-y:auto;padding:8px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.notification-loading .loading-spinner{margin-bottom:12px}.notification-loading span,.notification-empty p{color:var(--text-muted);font-size:.95rem}.notification-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:12px}.notification-item{display:flex;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .15s ease;position:relative}.notification-item:hover{background:var(--bg-primary)}.notification-item.unread{border-left:3px solid var(--accent)}.notification-item.unread:before{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;background:var(--accent);border-radius:50%}.notification-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-muted)}.notification-icon.mention{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.notification-icon.message{background:#7289da26;color:var(--color-info)}.notification-icon.friend_request{background:#43b58126;color:var(--color-success, #43b581)}.notification-icon.call{background:#faa61a26;color:var(--color-warning)}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.notification-body{font-size:.85rem;color:var(--text-secondary);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-location{font-size:.75rem;color:var(--text-muted)}.notification-delete{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:rgba(var(--error-rgb),.1);color:var(--error)}.load-more-btn{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;margin-top:8px}.load-more-btn:hover{background:var(--bg-primary);border-color:var(--accent)}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200}.delete-confirm-dialog{background:var(--bg-secondary);border-radius:12px;padding:24px;width:min(400px,90vw);box-shadow:0 8px 32px #0006}.delete-confirm-dialog h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.delete-confirm-dialog p{font-size:.9rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.btn-danger{background:var(--error);color:var(--text-primary, white)}.btn-danger:hover{background:color-mix(in srgb,var(--error) 85%,black)}.notification-permission-prompt{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#141423fa,#0f0f1cfa);border:1px solid rgba(255,107,0,.3);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 0 20px #ff6b0026;max-width:520px;width:calc(100% - 48px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-prompt-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b0033,#ff6b001a);border-radius:10px;color:var(--accent-color, #ff6b00)}.notification-prompt-content{flex:1;min-width:0}.notification-prompt-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.notification-prompt-content p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.notification-prompt-actions{display:flex;gap:8px;flex-shrink:0}.notification-prompt-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification-prompt-btn-primary{background:var(--accent-color, #ff6b00);color:var(--text-primary)}.notification-prompt-btn-primary:hover:not(:disabled){background:var(--accent-color-hover, #ff8533);transform:translateY(-1px)}.notification-prompt-btn-primary:disabled{opacity:.7;cursor:not-allowed}.notification-prompt-btn-secondary{background:var(--bg-modifier-hover);color:var(--text-secondary)}.notification-prompt-btn-secondary:hover{background:var(--bg-modifier-selected);color:var(--text-primary)}@media(max-width:520px){.notification-permission-prompt{flex-wrap:wrap;gap:12px;bottom:16px;padding:14px 16px}.notification-prompt-icon{width:36px;height:36px}.notification-prompt-icon svg{width:20px;height:20px}.notification-prompt-content{flex-basis:calc(100% - 52px)}.notification-prompt-actions{flex-basis:100%;justify-content:flex-end}}.guild-encryption-status{padding:20px}.encryption-header{margin-bottom:20px}.encryption-header h3{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--text-primary);margin:0 0 8px}.encryption-header .header-icon{font-size:1.2rem}.encryption-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.encryption-info-box{display:flex;gap:12px;padding:16px;background:#0095ff1a;border:1px solid rgba(0,149,255,.3);border-radius:8px;margin-bottom:24px}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content p{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.info-content p:last-child{margin-bottom:0}.info-note{font-size:.85rem;color:var(--text-muted)}.encryption-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.feature-item{display:flex;gap:12px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;transition:all .2s ease}.feature-item.enabled{border-color:#43b5814d}.feature-item.disabled{opacity:.6;border-color:var(--card-border)}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-content{flex:1;min-width:0}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.feature-name{font-weight:600;color:var(--text-primary)}.feature-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px}.feature-status.enabled{background:#43b58133;color:var(--color-success, #43b581)}.feature-status.disabled{background:var(--bg-modifier-hover);color:var(--text-muted)}.feature-description{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.encryption-comparison{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:16px}.encryption-comparison h4{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text-primary);margin:0 0 12px}.comparison-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-modifier-hover);border-radius:6px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px}.comparison-row.header{background:var(--card-bg-solid)}.comparison-row.header .comparison-cell{font-weight:600;font-size:.8rem;color:var(--text-primary);text-transform:uppercase}.comparison-cell{padding:10px 12px;background:var(--card-bg);font-size:.85rem;color:var(--text-secondary);text-align:center}.comparison-cell:first-child{text-align:left}.comparison-cell.yes{color:var(--color-success, #43b581)}.comparison-cell.no{color:var(--color-danger, #ed4245)}.comparison-cell.partial{color:#faa61a}.comparison-cell.limited{color:var(--text-muted)}.guild-encryption-compact{display:inline-flex;align-items:center}.encryption-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.encryption-badge.e2re{background:#0095ff33;color:#0095ff}.encryption-badge.e2ee{background:#43b58133;color:var(--color-success, #43b581)}.badge-icon{font-size:.9rem}.channel-encryption-badge{font-size:14px;margin-left:8px;cursor:help;opacity:.7;transition:opacity .2s}.channel-encryption-badge:hover{opacity:1}.channel-encryption-badge.e2ee{color:var(--color-success, #43b581)}.channel-encryption-badge.e2re{color:#0095ff}@media(max-width:600px){.comparison-row{grid-template-columns:1fr .8fr .8fr}.comparison-cell{padding:8px;font-size:.8rem}.feature-header{flex-direction:column;align-items:flex-start;gap:4px}}.role-permissions-editor{display:flex;flex-direction:column;gap:16px}.permissions-admin-warning{display:flex;gap:12px;padding:12px 16px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:var(--color-danger, #ed4245)}.permissions-admin-warning .warning-icon{width:24px;height:24px;flex-shrink:0}.permissions-admin-warning .warning-content{flex:1}.permissions-admin-warning strong{display:block;font-size:14px;margin-bottom:4px}.permissions-admin-warning p{font-size:13px;margin:0;opacity:.9}.permissions-search{position:relative;display:flex;align-items:center}.permissions-search .search-icon{position:absolute;left:12px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.permissions-search-input{width:100%;padding:10px 36px 10px 40px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.permissions-search-input:focus{border-color:var(--accent, #ff6b00)}.permissions-search-clear{position:absolute;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.permissions-search-clear:hover{color:var(--text-primary);background:var(--bg-modifier-hover)}.permissions-categories{display:flex;flex-direction:column;gap:8px}.permissions-category{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.permissions-category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.permissions-category-header:hover{background:var(--card-bg-solid)}.category-expand-icon{width:20px;height:20px;color:var(--text-muted);transition:transform .2s}.role-permissions-editor .category-name{position:static;bottom:auto;left:auto;right:auto;padding:0;background:none;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.category-header-right{display:flex;align-items:center;gap:12px}.category-count{font-size:12px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.category-toggle-all{padding:4px 10px;background:transparent;border:1px solid var(--glass-border, rgba(255, 107, 0, .3));border-radius:4px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.category-toggle-all:hover{background:#ff6b001a;border-color:var(--accent, #ff6b00);color:var(--accent, #ff6b00)}.category-toggle-all.enabled{background:#ed42451a;border-color:#ed42454d;color:var(--color-danger, #ed4245)}.category-toggle-all.enabled:hover{background:#ed424533;border-color:var(--color-danger, #ed4245)}.permissions-list{border-top:1px solid var(--glass-border, rgba(255, 107, 0, .1))}.permission-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--card-border);transition:background .2s}.permission-item:last-child{border-bottom:none}.permission-item:hover{background:var(--card-bg-solid)}.permission-item.enabled{background:#57f28708}.permission-item.dangerous .permission-name{color:var(--color-warning)}.permission-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.permission-danger-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#faa61a33;border:1px solid rgba(250,166,26,.5);border-radius:50%;color:var(--color-warning);font-size:10px;font-weight:700}.permission-description{font-size:13px;color:var(--text-muted);line-height:1.4}.permission-toggle{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.permission-toggle input{position:absolute;opacity:0;width:0;height:0}.permission-toggle-slider{width:44px;height:24px;background:#4f545c66;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.permission-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s,box-shadow .3s}.permission-toggle input:checked+.permission-toggle-slider{background:var(--accent, #ff6b00)}.permission-toggle input:checked+.permission-toggle-slider:before{transform:translate(20px);box-shadow:0 0 8px #ff6b0080}.permission-toggle input:disabled+.permission-toggle-slider{opacity:.5;cursor:not-allowed}.permissions-note{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:8px;color:#8b9dff;font-size:13px}.permissions-note svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.flow-bot-editor{display:flex;flex-direction:column;gap:16px}.flow-bot-list{display:flex;flex-direction:column;gap:8px}.flow-bot-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:10px;cursor:pointer;transition:all .15s ease}.flow-bot-card:hover{border-color:var(--color-glass-border-hover, rgba(255, 107, 0, .35));background:var(--color-glass-light, rgba(20, 20, 50, .5))}.flow-bot-card.selected{border-color:var(--color-accent, #ff6b00);background:#ff6b0014}.flow-bot-card-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ff6b001a;color:var(--color-accent, #ff6b00)}.flow-bot-card-info{flex:1;min-width:0}.flow-bot-card-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary, #ffffff);margin-bottom:2px}.flow-bot-card-desc{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-bot-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.flow-bot-flow-count{font-size:.75rem;color:var(--color-text-muted);padding:2px 8px;border-radius:12px;background:#ffffff0d}.flow-toggle{position:relative;width:40px;height:22px;flex-shrink:0}.flow-toggle input{opacity:0;width:0;height:0}.flow-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border-radius:11px;transition:background .2s ease}.flow-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.flow-toggle input:checked+.flow-toggle-slider{background:var(--color-accent, #ff6b00)}.flow-toggle input:checked+.flow-toggle-slider:before{transform:translate(18px)}.flow-create-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:10px}.flow-form-row{display:flex;flex-direction:column;gap:4px}.flow-form-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #b0b0b0);text-transform:uppercase;letter-spacing:.05em}.flow-form-input{padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary, #ffffff);font-size:.9rem;outline:none;transition:border-color .15s ease}.flow-form-input:focus{border-color:var(--color-accent, #ff6b00)}.flow-form-select{padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary, #ffffff);font-size:.9rem;outline:none;transition:border-color .15s ease;cursor:pointer}.flow-form-select:focus{border-color:var(--color-accent, #ff6b00)}.flow-form-textarea{padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary, #ffffff);font-size:.9rem;outline:none;resize:vertical;min-height:60px;transition:border-color .15s ease;font-family:inherit}.flow-form-textarea:focus{border-color:var(--color-accent, #ff6b00)}.flow-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.flow-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.flow-btn-primary{background:var(--color-accent, #ff6b00);color:#fff}.flow-btn-primary:hover{background:var(--color-accent-hover, #ff8533);transform:translateY(-1px)}.flow-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.flow-btn-secondary{background:#ffffff14;color:var(--color-text-primary, #ffffff)}.flow-btn-secondary:hover{background:#ffffff24}.flow-btn-danger{background:#ff003c26;color:var(--color-neon-red, #ff003c);border:1px solid rgba(255,0,60,.25)}.flow-btn-danger:hover{background:#ff003c40}.flow-btn-small{padding:4px 10px;font-size:.78rem}.flow-bot-detail{display:flex;flex-direction:column;gap:16px}.flow-bot-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-bot-detail-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary, #ffffff)}.flow-bot-detail-actions{display:flex;gap:8px}.flow-card-list{display:flex;flex-direction:column;gap:8px}.flow-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:10px;cursor:pointer;transition:all .15s ease}.flow-card:hover{border-color:var(--color-glass-border-hover, rgba(255, 107, 0, .35));background:var(--color-glass-light, rgba(20, 20, 50, .5))}.flow-card.selected{border-color:var(--color-accent, #ff6b00);background:#ff6b0014}.flow-card-visual{display:flex;align-items:center;gap:6px;flex-shrink:0}.flow-card-trigger-icon,.flow-card-action-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem}.flow-card-trigger-icon{background:#3b82f626;color:#60a5fa}.flow-card-action-icon{background:#22c55e26;color:#4ade80}.flow-card-arrow{color:var(--color-text-muted);font-size:.85rem}.flow-card-info{flex:1;min-width:0}.flow-card-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary, #ffffff)}.flow-card-stats{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.flow-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.flow-editor{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:10px}.flow-editor-section{display:flex;flex-direction:column;gap:8px}.flow-editor-section-title{font-size:.8rem;font-weight:700;color:var(--color-text-secondary, #b0b0b0);text-transform:uppercase;letter-spacing:.05em}.flow-config-fields{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:#0003;border-radius:6px}.flow-config-hint{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.flow-execution-log{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.flow-log-entry{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;font-size:.8rem}.flow-log-entry.success{background:#22c55e14}.flow-log-entry.failure{background:#ff003c14}.flow-log-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flow-log-status.success{background:#4ade80}.flow-log-status.failure{background:var(--color-neon-red, #ff003c)}.flow-log-info{flex:1;min-width:0;color:var(--color-text-primary, #ffffff)}.flow-log-time{font-size:.72rem;color:var(--color-text-muted);flex-shrink:0}.flow-log-error{font-size:.72rem;color:var(--color-neon-red, #ff003c);margin-top:2px}.flow-empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.flow-empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.flow-empty-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary, #b0b0b0);margin-bottom:4px}.flow-empty-desc{font-size:.85rem;color:var(--color-text-muted)}.flow-back-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;background:none;border:none;transition:color .15s ease}.flow-back-btn:hover{color:var(--color-text-primary, #ffffff)}.flow-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.flow-section-title{font-size:.85rem;font-weight:700;color:var(--color-text-secondary, #b0b0b0);text-transform:uppercase;letter-spacing:.05em}.flow-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-muted);font-size:.9rem}.xp-settings{display:flex;flex-direction:column;gap:24px}.xp-section{background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:12px;padding:20px}.xp-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.xp-section-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0}.xp-section-desc{font-size:.8rem;color:var(--color-text-muted);margin:4px 0 0}.xp-disabled-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center}.xp-disabled-icon{font-size:2.5rem;opacity:.5}.xp-disabled-text{font-size:.9rem;color:var(--color-text-muted);max-width:400px;line-height:1.5}.xp-master-toggle{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:12px}.xp-master-toggle-info{flex:1}.xp-master-toggle-label{font-size:1rem;font-weight:600;color:var(--color-text-primary, #ffffff)}.xp-master-toggle-desc{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.xp-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.xp-toggle input{opacity:0;width:0;height:0}.xp-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;transition:all .2s ease}.xp-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--color-text-muted);border-radius:50%;transition:all .2s ease}.xp-toggle input:checked+.xp-toggle-slider{background:#ff6b004d;border-color:var(--color-accent, #ff6b00)}.xp-toggle input:checked+.xp-toggle-slider:before{transform:translate(20px);background:var(--color-accent, #ff6b00)}.xp-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.xp-config-field{display:flex;flex-direction:column;gap:6px}.xp-config-field.full-width{grid-column:1 / -1}.xp-config-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #b8b8d0);text-transform:uppercase;letter-spacing:.5px}.xp-config-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.xp-config-input{padding:8px 12px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--color-text-primary, #ffffff);font-size:.9rem;outline:none;transition:border-color .15s ease}.xp-config-input:focus{border-color:var(--color-accent, #ff6b00)}.xp-config-input::placeholder{color:var(--color-text-muted)}.xp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.xp-toggle-row-label{font-size:.9rem;color:var(--color-text-primary, #ffffff)}.xp-config-select{padding:8px 30px 8px 12px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--color-text-primary, #ffffff);font-size:.9rem;outline:none;cursor:pointer;transition:border-color .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.xp-config-select:focus{border-color:var(--color-accent, #ff6b00)}.xp-config-select option{background:#1a1a2e;color:#fff}.xp-multi-select{display:flex;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px 10px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:8px;cursor:pointer;position:relative}.xp-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ff6b0026;border:1px solid rgba(255,107,0,.3);border-radius:4px;font-size:.8rem;color:var(--color-text-primary, #ffffff)}.xp-chip-remove{cursor:pointer;opacity:.6;transition:opacity .1s;background:none;border:none;color:inherit;font-size:.9rem;line-height:1;padding:0 2px}.xp-chip-remove:hover{opacity:1}.xp-multi-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:200px;overflow-y:auto;background:var(--color-glass-dark, rgba(10, 10, 30, .98));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .25));border-radius:8px;margin-top:4px;padding:4px}.xp-multi-select-option{padding:6px 10px;font-size:.85rem;color:var(--color-text-primary, #ffffff);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.xp-multi-select-option:hover{background:#ff6b001a}.xp-multi-select-option.selected{background:#ff6b0026}.xp-multi-select-check{color:var(--color-accent, #ff6b00);font-size:.75rem}.xp-rewards-table{width:100%;border-collapse:separate;border-spacing:0}.xp-rewards-table thead th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-glass-border, rgba(255, 107, 0, .15))}.xp-rewards-table tbody td{padding:10px 12px;font-size:.9rem;color:var(--color-text-primary, #ffffff);border-bottom:1px solid rgba(255,255,255,.05)}.xp-rewards-table tbody tr:hover{background:#ff6b000d}.xp-reward-role{display:inline-flex;align-items:center;gap:6px}.xp-reward-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.xp-reward-delete-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;font-size:.85rem;transition:all .15s}.xp-reward-delete-btn:hover{color:#f44;background:#ff44441a}.xp-reward-empty{text-align:center;padding:24px;color:var(--color-text-muted);font-size:.85rem}.xp-add-reward{display:flex;gap:10px;align-items:flex-end;margin-top:12px;flex-wrap:wrap}.xp-add-reward-field{display:flex;flex-direction:column;gap:4px}.xp-add-reward-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.xp-add-reward-btn{padding:8px 16px;background:var(--color-accent, #ff6b00);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.xp-add-reward-btn:hover:not(:disabled){background:var(--color-accent-hover, #ff8533)}.xp-add-reward-btn:disabled{opacity:.5;cursor:not-allowed}.xp-leaderboard{display:flex;flex-direction:column;gap:6px}.xp-leaderboard-entry{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0003;border-radius:8px;transition:background .15s}.xp-leaderboard-entry:hover{background:#ff6b000d}.xp-leaderboard-rank{font-size:.85rem;font-weight:700;color:var(--color-text-muted);width:28px;text-align:center;flex-shrink:0}.xp-leaderboard-rank.rank-1{color:gold}.xp-leaderboard-rank.rank-2{color:silver}.xp-leaderboard-rank.rank-3{color:#cd7f32}.xp-leaderboard-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover}.xp-leaderboard-info{flex:1;min-width:0}.xp-leaderboard-name{font-size:.9rem;font-weight:500;color:var(--color-text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-leaderboard-stats{font-size:.75rem;color:var(--color-text-muted)}.xp-leaderboard-level{font-size:.8rem;font-weight:600;color:var(--color-accent, #ff6b00);flex-shrink:0;min-width:60px;text-align:right}.xp-progress-container{flex:1;min-width:80px;max-width:160px}.xp-progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent, #ff6b00),#ff9933);border-radius:3px;transition:width .3s ease;min-width:2px}.xp-progress-text{font-size:.65rem;color:var(--color-text-muted);margin-top:2px;text-align:center}.xp-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 20px;background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:12px}.xp-save-btn{padding:8px 20px;background:var(--color-accent, #ff6b00);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.xp-save-btn:hover:not(:disabled){background:var(--color-accent-hover, #ff8533)}.xp-save-btn:disabled{opacity:.5;cursor:not-allowed}.xp-save-status{font-size:.8rem;color:var(--color-text-muted)}.xp-save-status.success{color:#4caf50}.xp-save-status.error{color:#f44}.xp-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--color-text-muted);font-size:.9rem}.xp-error{display:flex;align-items:center;justify-content:center;padding:32px;color:#f44;font-size:.85rem}.xp-view-full-btn{display:block;width:100%;text-align:center;padding:10px;background:none;border:1px dashed var(--color-glass-border, rgba(255, 107, 0, .2));border-radius:8px;color:var(--color-accent, #ff6b00);font-size:.85rem;cursor:pointer;transition:all .15s;margin-top:8px}.xp-view-full-btn:hover{background:#ff6b000d;border-color:#ff6b0066}.app-manager{display:flex;flex-direction:column;gap:24px}.app-section{background:var(--color-glass-dark, rgba(5, 5, 20, .8));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:12px;padding:20px}.app-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-section-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0}.app-section-desc{font-size:.8rem;color:var(--color-text-muted);margin:4px 0 0}.app-tabs{display:flex;gap:4px;padding:4px;background:var(--color-glass-dark, rgba(5, 5, 20, .6));border-radius:8px;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));margin-bottom:16px}.app-tab{flex:1;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.app-tab:hover{color:var(--color-text-primary, #ffffff);background:#ff6b0014}.app-tab.active{background:var(--color-accent, #ff6b00);color:#000;font-weight:600}.app-form-list{display:flex;flex-direction:column;gap:12px}.app-form-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--color-glass-dark, rgba(5, 5, 20, .6));border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:10px;cursor:pointer;transition:all .2s ease}.app-form-card:hover{border-color:var(--color-accent, #ff6b00);background:#ff6b000d}.app-form-card-info{flex:1;min-width:0}.app-form-card-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0}.app-form-card-meta{font-size:.75rem;color:var(--color-text-muted);margin-top:4px;display:flex;align-items:center;gap:12px}.app-form-card-actions{display:flex;align-items:center;gap:8px}.app-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.app-badge--active{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.app-badge--inactive{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.app-badge--pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.app-badge--approved{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.app-badge--rejected{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.app-badge--withdrawn{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.app-badge--required{background:#ff6b0026;color:var(--color-accent, #ff6b00);border:1px solid rgba(255,107,0,.25)}.app-pending-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-accent, #ff6b00);color:#000;font-size:.7rem;font-weight:700}.app-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.app-btn--primary{background:var(--color-accent, #ff6b00);color:#000}.app-btn--primary:hover{background:var(--color-accent-hover, #ff8533)}.app-btn--primary:disabled{opacity:.5;cursor:not-allowed}.app-btn--secondary{background:#ffffff14;color:var(--color-text-primary, #ffffff);border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15))}.app-btn--secondary:hover{background:#ffffff1f}.app-btn--danger{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.app-btn--danger:hover{background:#f4433640}.app-btn--success{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.app-btn--success:hover{background:#4caf5040}.app-btn--small{padding:4px 10px;font-size:.8rem}.app-form-builder{display:flex;flex-direction:column;gap:16px}.app-form-field{display:flex;flex-direction:column;gap:6px}.app-form-field label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #b0b0b0);text-transform:uppercase;letter-spacing:.5px}.app-form-field input,.app-form-field textarea,.app-form-field select{padding:10px 14px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--color-text-primary, #ffffff);font-size:.9rem;font-family:inherit;transition:border-color .2s ease}.app-form-field input:focus,.app-form-field textarea:focus,.app-form-field select:focus{outline:none;border-color:var(--color-accent, #ff6b00)}.app-form-field textarea{resize:vertical;min-height:80px}.app-form-field select{cursor:pointer}.app-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.app-toggle-label{font-size:.9rem;color:var(--color-text-primary, #ffffff)}.app-toggle-desc{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.app-toggle{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:11px;cursor:pointer;transition:background .2s ease;border:none;padding:0;flex-shrink:0}.app-toggle.active{background:var(--color-accent, #ff6b00)}.app-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.app-toggle.active:after{transform:translate(18px)}.app-questions{display:flex;flex-direction:column;gap:12px}.app-question-card{background:#0003;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:10px;padding:16px}.app-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.app-question-number{font-size:.75rem;font-weight:700;color:var(--color-accent, #ff6b00);text-transform:uppercase;letter-spacing:.5px}.app-question-actions{display:flex;align-items:center;gap:4px}.app-question-action-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.8rem;transition:all .2s ease}.app-question-action-btn:hover{color:var(--color-text-primary, #ffffff);background:#ffffff14}.app-question-action-btn.danger:hover{color:#f44336;background:#f443361a}.app-question-fields{display:flex;flex-direction:column;gap:10px}.app-question-row{display:flex;gap:10px}.app-question-row .app-form-field{flex:1}.app-options-list{display:flex;flex-direction:column;gap:6px}.app-option-row{display:flex;align-items:center;gap:8px}.app-option-row input{flex:1;padding:8px 12px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:6px;color:var(--color-text-primary, #ffffff);font-size:.85rem;font-family:inherit}.app-option-row input:focus{outline:none;border-color:var(--color-accent, #ff6b00)}.app-option-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:1rem;line-height:1}.app-option-remove:hover{color:#f44336}.app-add-option-btn{padding:6px 12px;background:none;border:1px dashed var(--color-glass-border, rgba(255, 107, 0, .2));border-radius:6px;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.app-add-option-btn:hover{border-color:var(--color-accent, #ff6b00);color:var(--color-accent, #ff6b00)}.app-submission-list{display:flex;flex-direction:column;gap:10px}.app-submission-card{background:#0003;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:10px;overflow:hidden;transition:border-color .2s ease}.app-submission-card:hover{border-color:#ff6b0040}.app-submission-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:12px}.app-submission-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.app-submission-info{flex:1;min-width:0}.app-submission-username{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #ffffff)}.app-submission-date{font-size:.75rem;color:var(--color-text-muted)}.app-submission-details{padding:0 16px 16px;border-top:1px solid var(--color-glass-border, rgba(255, 107, 0, .08))}.app-submission-qa{padding:12px 0}.app-submission-question{font-size:.8rem;font-weight:600;color:var(--color-text-secondary, #b0b0b0);margin-bottom:4px}.app-submission-answer{font-size:.9rem;color:var(--color-text-primary, #ffffff);line-height:1.5;white-space:pre-wrap}.app-submission-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--color-glass-border, rgba(255, 107, 0, .08))}.app-review-note{margin-top:8px}.app-review-note textarea{width:100%;padding:8px 12px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:6px;color:var(--color-text-primary, #ffffff);font-size:.85rem;font-family:inherit;resize:vertical;min-height:60px}.app-review-note textarea:focus{outline:none;border-color:var(--color-accent, #ff6b00)}.app-member-form{display:flex;flex-direction:column;gap:20px}.app-member-form-title{font-size:1.2rem;font-weight:700;color:var(--color-text-primary, #ffffff);margin:0}.app-member-form-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.app-member-question{display:flex;flex-direction:column;gap:6px}.app-member-question-label{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #ffffff)}.app-member-question-label .required{color:#f44336;margin-left:4px}.app-member-question-desc{font-size:.8rem;color:var(--color-text-muted)}.app-member-question input[type=text],.app-member-question input[type=number],.app-member-question textarea{padding:10px 14px;background:#0000004d;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--color-text-primary, #ffffff);font-size:.9rem;font-family:inherit;transition:border-color .2s ease}.app-member-question input[type=text]:focus,.app-member-question input[type=number]:focus,.app-member-question textarea:focus{outline:none;border-color:var(--color-accent, #ff6b00)}.app-member-question textarea{resize:vertical;min-height:100px}.app-radio-group,.app-checkbox-group{display:flex;flex-direction:column;gap:8px}.app-radio-option,.app-checkbox-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00000026;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .08));border-radius:8px;cursor:pointer;transition:all .2s ease}.app-radio-option:hover,.app-checkbox-option:hover{border-color:#ff6b0033}.app-radio-option input,.app-checkbox-option input{accent-color:var(--color-accent, #ff6b00)}.app-radio-option label,.app-checkbox-option label{color:var(--color-text-primary, #ffffff);font-size:.9rem;cursor:pointer}.app-status-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.app-status-icon{font-size:3rem}.app-status-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #ffffff)}.app-status-message{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;max-width:400px}.app-status-note{margin-top:8px;padding:12px 16px;background:#0003;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:8px;max-width:400px}.app-status-note-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.app-status-note-text{font-size:.85rem;color:var(--color-text-primary, #ffffff);line-height:1.5}.app-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center}.app-empty-icon{font-size:2.5rem;opacity:.4}.app-empty-text{font-size:.9rem;color:var(--color-text-muted);max-width:400px;line-height:1.5}.app-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-muted);font-size:.9rem}.app-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 0;background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:color .2s ease;margin-bottom:8px}.app-back-btn:hover{color:var(--color-text-primary, #ffffff)}.app-delete-confirm{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f443360d;border:1px solid rgba(244,67,54,.2);border-radius:8px;margin-top:16px}.app-delete-confirm p{font-size:.9rem;color:var(--color-text-primary, #ffffff);margin:0}.app-delete-confirm-actions{display:flex;gap:8px}.app-filter-tabs{display:flex;gap:4px;margin-bottom:12px}.app-filter-tab{padding:6px 14px;border:1px solid var(--color-glass-border, rgba(255, 107, 0, .1));border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.app-filter-tab:hover{color:var(--color-text-primary, #ffffff);border-color:#ff6b0033}.app-filter-tab.active{background:var(--color-accent, #ff6b00);color:#000;border-color:var(--color-accent, #ff6b00);font-weight:600}.create-channel-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.create-channel-modal{background:var(--bg-secondary, #1a1a2e);border-radius:12px;width:100%;max-width:480px;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--glass-border, rgba(255, 107, 0, .2));box-shadow:0 8px 32px #00000080;animation:slideUp .2s ease}.create-channel-header{padding:20px 24px 16px;text-align:center}.create-channel-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.create-channel-subtitle{margin:8px 0 0;font-size:14px;color:var(--text-secondary)}.create-channel-body{padding:0 24px 16px;overflow-y:auto;flex:1;min-height:0}.create-channel-type-indicator{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;background:#ff6b001a;border:1px solid var(--accent, #ff6b00);border-radius:8px}.channel-type-indicator-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--accent, #ff6b00);font-size:16px;color:var(--text-primary);flex-shrink:0}.channel-type-indicator-name{font-size:15px;font-weight:600;color:var(--text-primary)}.create-channel-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px}.create-channel-form-group{margin-bottom:16px}.create-channel-input-wrapper{position:relative;display:flex;align-items:center}.create-channel-input-icon{position:absolute;left:12px;font-size:16px;color:var(--text-secondary);pointer-events:none}.create-channel-input{width:100%;padding:12px 12px 12px 38px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:15px;color:var(--text-primary);transition:border-color .15s ease}.create-channel-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.create-channel-input::placeholder{color:var(--text-secondary)}.create-channel-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.create-channel-select{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:15px;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.create-channel-select:focus{outline:none;border-color:var(--accent, #ff6b00)}.create-channel-select option{background:var(--bg-secondary, #1a1a2e);color:var(--text-primary)}.create-channel-error{padding:10px 12px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger, #f04747);font-size:13px}.create-channel-checkbox-label{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-modifier-hover);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-channel-checkbox-label:hover{background:var(--bg-modifier-selected)}.create-channel-checkbox-label:has(input:checked){background:#ff6b001a;border-color:var(--accent, #ff6b00)}.create-channel-checkbox-label input[type=checkbox]{display:none}.create-channel-checkbox-label .checkbox-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-modifier-selected);font-size:18px;flex-shrink:0;transition:all .15s ease}.create-channel-checkbox-label:has(input:checked) .checkbox-icon{background:var(--accent, #ff6b00)}.create-channel-checkbox-label .checkbox-info{display:flex;flex-direction:column;gap:2px}.create-channel-checkbox-label .checkbox-name{font-size:15px;font-weight:500;color:var(--text-primary)}.create-channel-checkbox-label .checkbox-desc{font-size:13px;color:var(--text-secondary)}.create-channel-role-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px}.create-channel-role-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease}.create-channel-role-item:hover{background:var(--bg-modifier-hover)}.create-channel-role-item input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent, #ff6b00);cursor:pointer}.create-channel-role-item .role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.create-channel-role-item .role-name{font-size:14px;color:var(--text-primary)}.create-channel-hint.warning{color:var(--color-warning, #faa61a)}.create-channel-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--card-bg)}.create-channel-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.create-channel-btn.cancel{background:transparent;color:var(--text-primary)}.create-channel-btn.cancel:hover{text-decoration:underline}.create-channel-btn.primary{background:var(--accent, #ff6b00);color:var(--text-primary)}.create-channel-btn.primary:hover:not(:disabled){background:var(--accent-hover, #ff8533)}.create-channel-btn.primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:520px){.create-channel-modal{margin:16px;max-width:calc(100% - 32px)}}.channel-invites-tab{padding:0 4px}.invites-header{margin-bottom:20px}.invites-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.invites-description{margin:0;font-size:13px;color:var(--text-muted);line-height:1.4}.invites-loading{padding:40px;text-align:center;color:var(--text-muted)}.invites-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger);font-size:13px}.error-icon{font-size:16px}.create-invite-section{margin-bottom:24px}.create-invite-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.create-invite-btn:hover{background:var(--accent-hover, #e05a00)}.btn-icon{font-size:18px;font-weight:600}.create-invite-form{padding:16px;background:var(--bg-tertiary);border-radius:8px}.create-invite-form h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-row select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer}.form-row select:focus{outline:none;border-color:var(--accent)}.checkbox-row label{display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:none;font-weight:500;font-size:14px;color:var(--text-primary)}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.form-hint{margin:6px 0 0 28px;font-size:12px;color:var(--text-muted);line-height:1.4}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.cancel-btn{padding:10px 20px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .15s ease}.create-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.invites-list-section{margin-top:24px}.invites-list-section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.no-invites{padding:32px;text-align:center;background:var(--bg-tertiary);border-radius:8px}.no-invites p{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.no-invites .hint{color:var(--text-muted);font-size:13px}.invites-list{display:flex;flex-direction:column;gap:8px}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:6px;transition:background .15s ease}.invite-item:hover{background:var(--bg-secondary)}.invite-info{flex:1;min-width:0}.invite-code-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.invite-code{font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px}.copy-btn{padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{background:#43b5811a;border-color:var(--color-success);color:var(--color-success)}.invite-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted)}.invite-creator{display:flex;align-items:center;gap:6px}.invite-temporary{padding:2px 6px;background:#faa61a33;border-radius:3px;color:var(--color-warning);font-size:10px;font-weight:600;text-transform:uppercase}.revoke-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.revoke-btn:hover{background:#ed42451a;color:var(--color-danger)}.channel-integrations-tab{padding:0 4px}.integrations-header{margin-bottom:20px}.integrations-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.integrations-description{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.integrations-loading{padding:40px;text-align:center;color:var(--text-muted)}.integrations-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger);font-size:13px}.integrations-error .dismiss-btn{margin-left:auto;padding:2px 8px;background:transparent;border:none;color:var(--color-danger);font-size:16px;cursor:pointer;opacity:.7}.integrations-error .dismiss-btn:hover{opacity:1}.create-webhook-section{margin-bottom:24px}.create-webhook-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.create-webhook-btn:hover{background:var(--accent-hover, #e05a00)}.create-webhook-btn .btn-icon{font-size:18px;font-weight:600}.create-webhook-form{padding:16px;background:var(--bg-tertiary);border-radius:8px}.create-webhook-form h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.create-webhook-form .form-row{margin-bottom:16px}.create-webhook-form .form-row label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.create-webhook-form .form-row input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px}.create-webhook-form .form-row input:focus{outline:none;border-color:var(--accent)}.create-webhook-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.cancel-btn{padding:10px 20px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer}.cancel-btn:hover{color:var(--text-primary)}.create-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.create-btn:hover:not(:disabled){background:var(--accent-hover, #e05a00)}.create-btn:disabled{opacity:.6;cursor:not-allowed}.webhooks-list-section{margin-top:24px}.webhooks-list-section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.no-webhooks{padding:32px;text-align:center;background:var(--bg-tertiary);border-radius:8px}.no-webhooks p{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.no-webhooks .hint{color:var(--text-muted);font-size:13px}.webhooks-list{display:flex;flex-direction:column;gap:12px}.webhook-item{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.webhook-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-secondary)}.webhook-avatar img{width:100%;height:100%;object-fit:cover}.webhook-avatar.clickable{cursor:pointer;position:relative}.webhook-avatar.clickable:hover{opacity:.8}.webhook-avatar.uploading{opacity:.6;pointer-events:none}.avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;opacity:0;transition:opacity .15s ease;color:#fff}.webhook-avatar.clickable:hover .avatar-overlay{opacity:1}.avatar-spinner{width:20px;height:20px;border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;animation:avatar-spin .6s linear infinite}@keyframes avatar-spin{to{transform:rotate(360deg)}}.webhook-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.webhook-info{flex:1;min-width:0}.webhook-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.webhook-meta{font-size:12px;color:var(--text-muted)}.webhook-edit-form{display:flex;flex-direction:column;gap:8px}.webhook-edit-form input{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px}.webhook-edit-form input:focus{outline:none;border-color:var(--accent)}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-edit-btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.save-btn{background:var(--accent);color:#fff}.save-btn:hover{background:var(--accent-hover, #e05a00)}.cancel-edit-btn{background:var(--bg-secondary);color:var(--text-secondary)}.cancel-edit-btn:hover{color:var(--text-primary)}.webhook-url-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.webhook-url-section label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.webhook-url-row{display:flex;gap:8px;align-items:stretch}.webhook-url{flex:1;padding:8px 12px;background:var(--bg-secondary);border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:11px;color:var(--text-secondary);word-break:break-all;line-height:1.4}.copy-url-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.copy-url-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-url-btn.copied{background:#43b5811a;border-color:var(--color-success);color:var(--color-success)}.url-warning{margin:8px 0 0;font-size:11px;color:var(--color-warning);line-height:1.4}.webhook-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.action-btn{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.action-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.action-btn.delete{color:var(--color-danger);border-color:#ed42454d}.action-btn.delete:hover{background:#ed42451a;border-color:var(--color-danger)}.edit-channel-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.edit-channel-modal{background:var(--bg-secondary, #1a1a2e);border-radius:12px;width:100%;max-width:600px;max-height:85dvh;display:flex;flex-direction:column;border:1px solid var(--glass-border, rgba(255, 107, 0, .2));box-shadow:0 8px 32px #00000080;animation:slideUp .2s ease;overflow:hidden}.edit-channel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.edit-channel-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary)}.edit-channel-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px}.edit-channel-icon svg{width:20px;height:20px}.edit-channel-name{color:var(--text-primary)}.edit-channel-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.edit-channel-close-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.edit-channel-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-tertiary, rgba(0, 0, 0, .2))}.edit-channel-tab{position:relative;display:flex;align-items:center;gap:6px;padding:14px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.edit-channel-tab:hover:not(.disabled){color:var(--text-primary);background:var(--bg-modifier-hover)}.edit-channel-tab.active{color:var(--text-primary);border-bottom-color:var(--accent, #ff6b00)}.edit-channel-tab.disabled{opacity:.5;cursor:not-allowed}.tab-coming-soon{font-size:10px;padding:2px 6px;background:var(--bg-modifier-selected);border-radius:4px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.edit-channel-content{flex:1;overflow-y:auto;padding:20px}.edit-channel-placeholder{text-align:center;padding:40px 20px}.edit-channel-placeholder h3{margin:0 0 12px;font-size:18px;color:var(--text-primary)}.edit-channel-placeholder p{margin:0;color:var(--text-secondary);font-size:14px}.placeholder-hint{margin-top:12px!important;font-size:13px!important;color:var(--text-muted)!important}.edit-channel-error{margin:0 20px 16px;padding:10px 12px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger, #f04747);font-size:13px}.edit-channel-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--card-bg, rgba(0, 0, 0, .2))}.edit-channel-unsaved{font-size:13px;color:var(--text-muted);font-style:italic}.edit-channel-footer-buttons{display:flex;gap:12px;margin-left:auto}.edit-channel-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.edit-channel-btn.cancel{background:transparent;color:var(--text-primary)}.edit-channel-btn.cancel:hover:not(:disabled){text-decoration:underline}.edit-channel-btn.primary{background:var(--accent, #ff6b00);color:var(--text-primary)}.edit-channel-btn.primary:hover:not(:disabled){background:var(--accent-hover, #ff8533)}.edit-channel-btn.primary:disabled{opacity:.5;cursor:not-allowed}.edit-channel-btn.danger{background:var(--color-danger, #f04747);color:#fff}.edit-channel-btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 85%,black)}.edit-channel-btn.danger:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.delete-confirm-dialog{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:24px;max-width:400px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 4px 16px #0000004d}.delete-confirm-dialog h3{margin:0 0 12px;font-size:18px;color:var(--text-primary)}.delete-confirm-dialog p{margin:0 0 20px;color:var(--text-secondary);font-size:14px;line-height:1.5}.delete-warning{color:var(--color-warning, #faa61a)}.delete-confirm-buttons{display:flex;justify-content:flex-end;gap:12px}.channel-overview-tab{display:flex;flex-direction:column;gap:20px}.channel-form-group{display:flex;flex-direction:column;gap:8px}.channel-form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.channel-form-label.required:after{content:" *";color:var(--color-danger, #f04747)}.channel-form-input{width:100%;padding:12px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:6px;font-size:15px;color:var(--text-primary);transition:border-color .15s ease}.channel-form-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.channel-form-input::placeholder{color:var(--text-muted)}.channel-form-input.with-icon{padding-left:36px}.channel-input-wrapper{position:relative}.channel-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:16px;pointer-events:none}.channel-form-textarea{width:100%;padding:12px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:6px;font-size:14px;color:var(--text-primary);resize:vertical;min-height:80px;font-family:inherit;transition:border-color .15s ease}.channel-form-textarea:focus{outline:none;border-color:var(--accent, #ff6b00)}.channel-form-textarea::placeholder{color:var(--text-muted)}.channel-form-hint{font-size:12px;color:var(--text-muted)}.channel-form-counter{text-align:right;font-size:12px;color:var(--text-muted)}.channel-form-counter.warning{color:var(--color-warning, #faa61a)}.channel-form-counter.error{color:var(--color-danger, #f04747)}.channel-form-select{width:100%;padding:12px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:6px;font-size:15px;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.channel-form-select:focus{outline:none;border-color:var(--accent, #ff6b00)}.channel-form-select option{background:var(--bg-secondary, #1a1a2e);color:var(--text-primary)}.channel-form-toggle{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-modifier-hover, rgba(255, 255, 255, .05));border-radius:8px;cursor:pointer;transition:background .15s ease}.channel-form-toggle:hover{background:var(--bg-modifier-selected, rgba(255, 255, 255, .08))}.channel-form-toggle input{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-tertiary, #333);border-radius:12px;flex-shrink:0;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .2s ease}.channel-form-toggle input:checked+.toggle-switch{background:var(--accent, #ff6b00)}.channel-form-toggle input:checked+.toggle-switch:after{left:23px;background:#fff}.toggle-content{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.channel-form-divider{height:1px;background:var(--border-color, rgba(255, 255, 255, .1));margin:8px 0}.channel-section-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.voice-settings-section{background:var(--bg-modifier-hover, rgba(255, 255, 255, .03));border-radius:8px;padding:16px}.voice-settings-section .channel-section-header{margin-top:0}.channel-form-slider-wrapper{display:flex;flex-direction:column;gap:8px}.channel-form-slider-header{display:flex;justify-content:space-between;align-items:center}.channel-form-slider-value{font-size:14px;color:var(--text-primary);font-weight:500}.channel-form-slider{width:100%;height:6px;-webkit-appearance:none;background:var(--bg-tertiary, #333);border-radius:3px;outline:none}.channel-form-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent, #ff6b00);border-radius:50%;cursor:pointer;transition:transform .15s ease}.channel-form-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.channel-form-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent, #ff6b00);border-radius:50%;cursor:pointer;border:none}.delete-channel-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.delete-channel-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--color-danger, #f04747);border-radius:6px;color:var(--color-danger, #f04747);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.delete-channel-btn:hover{background:var(--color-danger, #f04747);color:#fff}.delete-channel-btn svg{width:18px;height:18px}.channel-permissions-tab{display:flex;flex-direction:column;height:100%;min-height:400px}.channel-permissions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-secondary)}.channel-permissions-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--bg-modifier-selected);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite}.permissions-header{margin-bottom:16px}.permissions-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.permissions-error{margin-bottom:16px;padding:10px 12px;background:#ed424526;border:1px solid rgba(237,66,69,.3);border-radius:6px;color:var(--color-danger, #f04747);font-size:13px}.permissions-layout{display:flex;gap:16px;flex:1;min-height:0}.permissions-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-modifier-hover, rgba(255, 255, 255, .03));border-radius:8px;overflow:hidden}.permissions-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.permissions-sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.permissions-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.permissions-add-btn:hover{background:var(--bg-modifier-selected);color:var(--accent, #ff6b00)}.permissions-overwrites-list{flex:1;overflow-y:auto;padding:8px}.permissions-empty-sidebar{padding:16px 8px;text-align:center}.permissions-empty-sidebar p{margin:0;font-size:13px;color:var(--text-muted)}.permissions-empty-sidebar .hint{margin-top:8px;font-size:12px}.permissions-overwrite-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.permissions-overwrite-item:hover{background:var(--bg-modifier-hover)}.permissions-overwrite-item.selected{background:var(--bg-modifier-selected)}.permissions-overwrite-item.unsaved .overwrite-name{font-style:italic}.overwrite-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.overwrite-role-dot.large{width:16px;height:16px}.overwrite-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-dot{width:8px;height:8px;background:var(--accent, #ff6b00);border-radius:50%;flex-shrink:0}.permissions-editor{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-modifier-hover, rgba(255, 255, 255, .03));border-radius:8px;overflow:hidden}.permissions-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.editor-target-info{display:flex;align-items:center;gap:10px}.editor-target-name{font-size:15px;font-weight:500;color:var(--text-primary)}.editor-actions{display:flex;align-items:center;gap:8px}.permissions-save-btn{padding:6px 14px;background:var(--accent, #ff6b00);border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.permissions-save-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533)}.permissions-save-btn:disabled{opacity:.5;cursor:not-allowed}.permissions-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.permissions-delete-btn:hover:not(:disabled){background:#ed424526;color:var(--color-danger, #f04747)}.permissions-delete-btn:disabled{opacity:.5;cursor:not-allowed}.permissions-search{position:relative;padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.permissions-search .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.permissions-search-input{width:100%;padding:8px 12px 8px 36px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:4px;font-size:14px;color:var(--text-primary);transition:border-color .15s ease}.permissions-search-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.permissions-search-input::placeholder{color:var(--text-muted)}.permissions-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .15s ease}.permissions-search-clear:hover{background:var(--bg-modifier-selected);color:var(--text-primary)}.permissions-legend{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-tertiary, rgba(0, 0, 0, .2))}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.legend-box{width:14px;height:14px;border-radius:3px}.legend-box.allow{background:var(--color-success, #43b581)}.legend-box.inherit{background:var(--bg-modifier-selected, #4f545c)}.legend-box.deny{background:var(--color-danger, #f04747)}.permissions-categories{flex:1;overflow-y:auto;padding:8px}.permissions-category{margin-bottom:8px;background:var(--bg-secondary, rgba(0, 0, 0, .1));border-radius:6px;overflow:hidden}.permissions-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.permissions-category-header:hover{background:var(--bg-modifier-hover)}.category-header-left{display:flex;align-items:center;gap:8px}.category-expand-icon{width:18px;height:18px;color:var(--text-muted);transition:transform .2s ease}.category-expand-icon.expanded{transform:rotate(90deg)}.channel-permissions-tab .category-name{position:static;bottom:auto;left:auto;right:auto;padding:0;background:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-header-right{display:flex;align-items:center;gap:8px}.category-stat{font-size:11px;padding:2px 6px;border-radius:10px}.category-stat.allow{background:#43b58133;color:var(--color-success, #43b581)}.category-stat.deny{background:#f0474733;color:var(--color-danger, #f04747)}.permissions-list{padding:4px 8px 8px}.permission-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:4px;transition:background .15s ease}.permission-item:hover{background:var(--bg-modifier-hover)}.permission-item.dangerous{border-left:2px solid var(--color-warning, #faa61a)}.permission-info{flex:1;min-width:0}.permission-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-primary)}.permission-danger-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:var(--color-warning, #faa61a);border-radius:50%;color:#000;font-size:10px;font-weight:700}.permission-description{margin-top:4px;font-size:12px;color:var(--text-muted);line-height:1.4}.permission-state-toggle{display:flex;align-items:center;gap:2px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border-radius:4px;padding:2px;flex-shrink:0}.state-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.state-btn:hover{background:var(--bg-modifier-hover)}.state-btn.allow:hover,.state-btn.allow.active{background:var(--color-success, #43b581);color:#fff}.state-btn.inherit:hover,.state-btn.inherit.active{background:var(--bg-modifier-selected, #4f545c);color:var(--text-primary)}.state-btn.deny:hover,.state-btn.deny.active{background:var(--color-danger, #f04747);color:#fff}.permissions-empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;text-align:center}.permissions-empty-editor .empty-icon{font-size:48px;margin-bottom:16px}.permissions-empty-editor h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.permissions-empty-editor p{margin:0;font-size:14px;color:var(--text-secondary);max-width:280px;line-height:1.5}.permissions-add-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100}.permissions-add-modal{background:var(--bg-secondary, #1a1a2e);border-radius:8px;width:100%;max-width:400px;max-height:500px;display:flex;flex-direction:column;border:1px solid var(--glass-border, rgba(255, 107, 0, .2));box-shadow:0 8px 32px #00000080;animation:slideUp .2s ease}.add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.add-modal-header h3{margin:0;font-size:16px;color:var(--text-primary)}.add-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.add-modal-close:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.add-modal-search{padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.add-modal-search input{width:100%;padding:10px 12px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:4px;font-size:14px;color:var(--text-primary)}.add-modal-search input:focus{outline:none;border-color:var(--accent, #ff6b00)}.add-modal-search input::placeholder{color:var(--text-muted)}.add-modal-content{flex:1;overflow-y:auto;padding:8px}.add-modal-section{margin-bottom:8px}.add-modal-section-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.add-modal-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.add-modal-item:hover{background:var(--bg-modifier-hover)}.add-modal-role-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.add-modal-more{padding:8px 12px;font-size:12px;color:var(--text-muted);text-align:center}.add-modal-empty{padding:32px 16px;text-align:center}.add-modal-empty p{margin:0;font-size:14px;color:var(--text-muted)}@media(max-width:640px){.edit-channel-modal{margin:16px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.edit-channel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.edit-channel-tab{white-space:nowrap}.edit-channel-footer{flex-direction:column;gap:12px}.edit-channel-unsaved{text-align:center}.edit-channel-footer-buttons{width:100%;justify-content:flex-end}.permissions-layout{flex-direction:column}.permissions-sidebar{width:100%;max-height:150px}.permissions-add-modal{margin:16px;max-width:calc(100% - 32px)}.permission-item{flex-direction:column;gap:10px}.permission-state-toggle{align-self:flex-end}}.incoming-call-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.incoming-call-modal{background:var(--bg-secondary);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:300px;box-shadow:0 8px 32px #0006,0 0 0 1px var(--border),0 0 40px rgba(var(--accent-rgb),.2);animation:slideUp .3s ease-out}.incoming-call-avatar-container{position:relative;width:96px;height:96px}.incoming-call-ring{position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--accent);animation:callRing 1.5s ease-in-out infinite}.incoming-call-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--accent);animation:callRing 1.5s ease-in-out infinite .3s}.incoming-call-ring:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:3px solid var(--accent);animation:callRing 1.5s ease-in-out infinite .6s}.incoming-call-avatar{border:3px solid var(--bg-tertiary);border-radius:50%}.incoming-call-info{text-align:center}.incoming-call-title{color:var(--text-primary);font-size:14px;font-weight:500;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.incoming-call-caller{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.incoming-call-actions{display:flex;gap:24px;margin-top:8px}.incoming-call-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.incoming-call-btn:hover{transform:scale(1.1)}.incoming-call-btn:active{transform:scale(.95)}.incoming-call-btn.accept{background:var(--color-success, #43b581);color:var(--text-primary, white);box-shadow:0 4px 16px #43b58166}.incoming-call-btn.accept:hover{background:color-mix(in srgb,var(--color-success, #43b581) 85%,black);box-shadow:0 6px 24px #43b58180}.incoming-call-btn.accept:disabled{opacity:.7;cursor:not-allowed;transform:none}.incoming-call-btn.decline{background:var(--color-danger, #f04747);color:var(--text-primary, white);box-shadow:0 4px 16px #f0474766}.incoming-call-btn.decline:hover{background:color-mix(in srgb,var(--color-danger, #f04747) 85%,black);box-shadow:0 6px 24px #f0474780}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes callRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outgoing-call-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.outgoing-call-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px}.outgoing-call-avatar-container{position:relative;width:128px;height:128px}.outgoing-call-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:50%;background:rgba(var(--accent-rgb),.3);animation:callPulse 2s ease-in-out infinite}.outgoing-call-pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:rgba(var(--accent-rgb),.2);animation:callPulse 2s ease-in-out infinite .4s}.outgoing-call-avatar{position:relative;border:4px solid var(--bg-tertiary);border-radius:50%;z-index:1}.outgoing-call-group-icon{position:relative;width:128px;height:128px;border-radius:50%;background:var(--bg-tertiary);border:4px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:1}.outgoing-call-info{text-align:center}.outgoing-call-status{color:var(--text-muted);font-size:14px;font-weight:500;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.outgoing-call-name{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.outgoing-call-cancel{width:64px;height:64px;border-radius:50%;border:none;background:var(--color-danger, #f04747);color:var(--text-primary, white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 16px #f0474766;margin-top:16px}.outgoing-call-cancel:hover{transform:scale(1.1);background:color-mix(in srgb,var(--color-danger, #f04747) 85%,black);box-shadow:0 6px 24px #f0474780}.outgoing-call-cancel:active{transform:scale(.95)}@keyframes callPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.video-call-overlay{position:fixed;inset:0;z-index:10001;background:var(--bg-base);display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.video-call-remote{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.video-call-remote-video{width:100%;height:100%;object-fit:cover}.video-call-remote-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-primary)}.video-call-remote-name{font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-call-remote-status{font-size:14px;color:var(--text-muted)}.video-call-info{position:absolute;top:0;left:0;right:0;z-index:10;padding:60px 20px 20px;padding-top:calc(env(safe-area-inset-top,0) + 20px);transition:opacity .3s ease,transform .3s ease}.video-call-info.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.video-call-info.visible{opacity:1;transform:translateY(0)}.video-call-info-gradient{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 60%,transparent 100%);pointer-events:none}.video-call-info-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.video-call-minimize-btn{position:absolute;top:0;left:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .15s ease}.video-call-minimize-btn:hover{background:#ffffff40}.video-call-minimize-btn:active{transform:scale(.9)}.video-call-name{font-size:18px;font-weight:600;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5)}.video-call-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.video-call-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.video-call-indicator.connecting{background:var(--color-warning);animation:pulse-connecting 1.5s ease-in-out infinite}.video-call-indicator.connected{background:var(--color-success)}@keyframes pulse-connecting{0%,to{opacity:1}50%{opacity:.4}}.video-call-duration{font-variant-numeric:tabular-nums}.video-call-pip{position:absolute;width:120px;height:160px;border-radius:16px;overflow:hidden;background:var(--bg-tertiary);box-shadow:0 4px 20px #00000080;z-index:20;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.video-call-pip.dragging{cursor:grabbing;transform-origin:center;box-shadow:0 8px 30px #0009}.video-call-pip.dragging:after{content:"";position:absolute;inset:0;border:2px solid var(--color-primary, #ff6b00);border-radius:16px;pointer-events:none}.video-call-pip-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-call-pip-avatar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.video-call-pip-label{font-size:11px;color:var(--text-muted)}.video-call-controls{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,0) + 20px);transition:opacity .3s ease,transform .3s ease}.video-call-controls.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.video-call-controls.visible{opacity:1;transform:translateY(0)}.video-call-controls-gradient{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);pointer-events:none}.video-call-controls-buttons{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-width:100%;padding:0 8px}.video-call-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff26;border:none;border-radius:50%;width:56px;height:56px;padding:0;color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .15s ease;touch-action:manipulation;position:relative}.video-call-btn:active{transform:scale(.92)}.video-call-btn svg{width:24px;height:24px;margin-top:16px}.video-call-btn-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-secondary);white-space:nowrap}.video-call-btn.active{background:color-mix(in srgb,var(--color-danger) 80%,transparent)}.video-call-btn.active-green{background:color-mix(in srgb,var(--color-success) 80%,transparent)}.video-call-btn.disabled{opacity:.4;pointer-events:none}.video-call-btn.end-call{width:64px;height:64px;background:color-mix(in srgb,var(--color-danger) 90%,transparent)}.video-call-btn.end-call:active{background:var(--color-danger)}.video-call-btn.end-call svg{margin-top:18px}@media(max-width:480px){.video-call-controls{padding:12px 4px;padding-bottom:calc(env(safe-area-inset-bottom,0) + 12px)}.video-call-controls-buttons{gap:6px;padding:0 2px}.video-call-btn{width:48px;height:48px}.video-call-btn svg{width:22px;height:22px;margin-top:13px}.video-call-btn-label{font-size:9px;bottom:-16px}.video-call-btn.end-call{width:54px;height:54px}.video-call-btn.end-call svg{margin-top:16px}.video-call-pip{width:100px;height:130px;border-radius:12px}}@media(max-width:380px){.video-call-controls-buttons{gap:4px;padding:0}.video-call-btn{width:44px;height:44px}.video-call-btn svg{width:20px;height:20px;margin-top:12px}.video-call-btn-label{display:none}.video-call-btn.end-call{width:50px;height:50px}.video-call-btn.end-call svg{margin-top:15px}}@media(orientation:landscape)and (max-height:500px){.video-call-controls{padding-bottom:10px}.video-call-info{padding-top:10px}.video-call-btn{width:50px;height:50px}.video-call-btn svg{margin-top:11px}.video-call-btn.end-call{width:56px;height:56px}.video-call-pip{width:90px;height:120px}}@media(prefers-color-scheme:light){.video-call-overlay{background:var(--bg-base)}}.call-pip-overlay{position:fixed;top:0;left:0;width:300px;height:200px;z-index:9999;border-radius:16px;overflow:hidden;background:var(--bg-tertiary);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff14;cursor:grab;user-select:none;-webkit-user-select:none}.call-pip-overlay.dragging{cursor:grabbing;box-shadow:0 12px 48px #0009,0 0 0 2px var(--color-primary, #ff6b00)}.call-pip-background{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.call-pip-remote-video{width:100%;height:100%;object-fit:cover}.call-pip-avatar-bg{display:flex;align-items:center;justify-content:center}.call-pip-local-video{position:absolute;top:8px;right:8px;width:64px;height:86px;border-radius:8px;overflow:hidden;background:var(--bg-secondary);box-shadow:0 2px 8px #0006}.call-pip-local-video-el{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-pip-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;gap:8px}.call-pip-info-top{display:flex;flex-direction:column;gap:2px}.call-pip-name{font-size:13px;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-pip-duration-row{display:flex;align-items:center;gap:6px}.call-pip-indicator{width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.call-pip-indicator.connecting{background:var(--color-warning);animation:pip-pulse 1.5s ease-in-out infinite}@keyframes pip-pulse{0%,to{opacity:1}50%{opacity:.4}}.call-pip-duration{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.call-pip-controls{display:flex;gap:8px;justify-content:flex-end}.call-pip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .15s ease}.call-pip-btn:hover{background:#ffffff40}.call-pip-btn:active{transform:scale(.9)}.call-pip-btn.active{background:color-mix(in srgb,var(--color-danger) 80%,transparent)}.call-pip-btn.expand{background:#fff3}.call-pip-btn.expand:hover{background:#ffffff59}.call-pip-btn.end-call{background:color-mix(in srgb,var(--color-danger) 90%,transparent)}.call-pip-btn.end-call:hover{background:var(--color-danger)}@media(max-width:480px){.call-pip-overlay{width:240px;height:160px;border-radius:12px}.call-pip-local-video{width:52px;height:70px;border-radius:6px}.call-pip-name{font-size:12px}.call-pip-btn{width:28px;height:28px}.call-pip-btn svg{width:14px;height:14px}}.main-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 25% 75%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(255,90,0,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,60,0,.08) 0%,transparent 70%),linear-gradient(180deg,#0f0a05,#0a0805,#050402)}body.scanlines-enabled .main-layout:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}.app-layout{display:flex;gap:20px;padding:10px 10px 10px 80px;flex:1;overflow:hidden;position:relative;z-index:1;height:100%}.main-layout-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 75%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(255,90,0,.12) 0%,transparent 50%),linear-gradient(180deg,#0f0a05,#050402)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.loading-spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--accent, #ff6b00);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #ff6b004d}.guild-sidebar{position:fixed;left:0;top:20px;bottom:20px;width:84px;min-width:84px;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;overflow:visible;z-index:10001}.guild-sidebar-content{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:8px 6px;overflow-y:auto;height:100%;scrollbar-width:none}.guild-sidebar-content::-webkit-scrollbar{display:none}.guild-item-wrapper{width:72px;height:64px;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.guild-pill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--accent, #ff6b00);border-radius:0 4px 4px 0;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5));transition:all .15s cubic-bezier(.4,0,.2,1)}.guild-item-wrapper:hover .guild-pill{height:20px}.guild-pill.active{height:36px;box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .5)),0 0 40px #ff6b0026}.guild-pill.unread{height:8px}.guild-item{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b0033,#ff3c001a);border:2px solid var(--accent, #ff6b00);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-secondary);overflow:hidden;box-shadow:none;cursor:pointer;padding:0}.guild-item:hover{border-radius:16px;box-shadow:0 0 25px var(--accent-glow, rgba(255, 107, 0, .5));transform:scale(1.05)}.guild-item.active{border-radius:16px;background:var(--accent, #ff6b00);box-shadow:0 0 30px var(--accent-glow, rgba(255, 107, 0, .6));color:var(--text-on-accent, #000)}.guild-item.home-button{background:linear-gradient(135deg,#ff6b004d,#ff3c0033)}.guild-icon{width:100%;height:100%;object-fit:cover}.guild-initials{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text-secondary)}.guild-item:hover .guild-initials,.guild-item.active .guild-initials{color:var(--text-on-accent, #000)}.guild-icon-svg{width:28px;height:20px}.guild-badge{position:absolute;bottom:2px;right:4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-danger, #f04747);color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-base, #050510);box-sizing:content-box;z-index:1;pointer-events:none}.guild-separator{width:32px;height:2px;background:linear-gradient(90deg,transparent,var(--accent, #ff6b00),transparent);border-radius:1px;margin:8px 0;opacity:.4}.guild-list{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.guild-folder-wrapper{width:72px;position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.guild-item.guild-folder{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent, #ff6b00);background:linear-gradient(135deg,#ff6b001a,#ff3c000d);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:0;position:relative;overflow:hidden}.guild-item.guild-folder:hover{border-radius:16px;transform:scale(1.05)}.guild-item.guild-folder.active{border-radius:16px}.guild-folder-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:32px;height:32px}.guild-folder-mini-icon{width:14px;height:14px;border-radius:4px;object-fit:cover}.guild-folder-mini-initials{width:14px;height:14px;border-radius:4px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:var(--text-secondary);font-family:Orbitron,sans-serif}.guild-folder-expanded{width:56px;border-left:3px solid var(--accent, #ff6b00);border-radius:0 8px 8px 0;margin-left:8px;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000026}.guild-folder-header{width:100%;padding:4px 6px;background:none;border:none;cursor:pointer;text-align:center}.guild-folder-name{font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.guild-item-wrapper.in-folder{width:56px;height:48px}.guild-item-wrapper.in-folder .guild-item{width:40px;height:40px}.guild-item-wrapper.in-folder .guild-initials{font-size:.75rem}.guild-item-wrapper.dragging,.guild-folder-wrapper.dragging{opacity:.4}.guild-item-wrapper.drag-over-before:before,.guild-folder-wrapper.drag-over-before:before{content:"";position:absolute;top:-2px;left:16px;right:16px;height:3px;background:var(--accent, #ff6b00);border-radius:2px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .6));z-index:10}.guild-item-wrapper.drag-over-after:after,.guild-folder-wrapper.drag-over-after:after{content:"";position:absolute;bottom:-2px;left:16px;right:16px;height:3px;background:var(--accent, #ff6b00);border-radius:2px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .6));z-index:10}.guild-item-wrapper.drag-over-inside .guild-item,.guild-folder-wrapper.drag-over-inside .guild-item.guild-folder{box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .7)),inset 0 0 10px #ff6b0033;border-color:var(--accent, #ff6b00);border-radius:16px}.guild-extract-drop-zone{width:48px;height:32px;margin:4px auto;border:2px dashed rgba(255,107,0,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:default}.guild-extract-drop-zone .extract-drop-label{font-size:8px;color:#ff6b0099;text-align:center;line-height:1.1;-webkit-user-select:none;user-select:none;pointer-events:none}.guild-extract-drop-zone.drag-hover{border-color:var(--accent, #ff6b00);background:#ff6b0026;box-shadow:0 0 12px var(--accent-glow, rgba(255, 107, 0, .4))}.guild-extract-drop-zone.drag-hover .extract-drop-label{color:var(--accent, #ff6b00)}.guild-folder-edit-popover{z-index:9999;background:var(--bg-secondary, #1a1a2e);border:1px solid rgba(255,107,0,.3);border-radius:8px;padding:12px;min-width:220px;box-shadow:0 8px 32px #00000080,0 0 12px #ff6b0026}.folder-edit-section{margin-bottom:10px}.folder-edit-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.folder-edit-input{width:100%;padding:6px 8px;background:var(--bg-primary, #0d0d1a);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary, #fff);font-size:13px;outline:none;box-sizing:border-box}.folder-edit-input:focus{border-color:var(--accent, #ff6b00)}.folder-color-swatches{display:flex;gap:6px;flex-wrap:wrap}.folder-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.folder-color-swatch:hover{transform:scale(1.15)}.folder-color-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.folder-edit-actions{display:flex;gap:8px;margin-top:10px}.folder-edit-save{flex:1;padding:6px;background:var(--accent, #ff6b00);color:#000;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.folder-edit-save:hover{opacity:.9}.folder-edit-delete{flex:1;padding:6px;background:#f0474733;color:var(--color-danger, #f04747);border:1px solid rgba(240,71,71,.3);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.folder-edit-delete:hover{background:#f047474d}.add-server-button,.explore-button{font-size:24px;color:var(--neon-green, #05ffa1)}.add-server-button:hover,.explore-button:hover{background:var(--neon-green, #05ffa1);color:var(--text-on-accent, #000);box-shadow:0 0 20px #05ffa180}.guild-sidebar-spacer{flex:1;min-height:20px}.user-pill-wrapper{position:relative;width:72px;display:flex;justify-content:center;padding:8px 0;margin-top:auto}.user-pill-button{width:48px;height:48px;padding:0;overflow:hidden;border:2px solid var(--accent, #ff6b00);background:linear-gradient(135deg,#ff6b0033,#ff3c001a)}.user-pill-button>div{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:inherit!important;transition:border-radius .3s cubic-bezier(.4,0,.2,1)}.user-pill-button>div>div,.user-pill-button>div>img{width:100%!important;height:100%!important;font-size:1.2rem!important;border-radius:inherit!important}.user-pill-button:hover,.user-pill-button.active{border-radius:16px;box-shadow:0 0 25px var(--accent-glow, rgba(255, 107, 0, .5));transform:scale(1.05)}.user-pill-button:hover>div,.user-pill-button.active>div{border-radius:16px!important}.user-pill-button:hover>div>div,.user-pill-button:hover>div>img,.user-pill-button.active>div>div,.user-pill-button.active>div>img{border-radius:16px!important}.user-pill-status{position:absolute;bottom:6px;right:10px;width:14px;height:14px;border-radius:50%;border:3px solid var(--color-glass-bg);box-shadow:0 0 8px currentColor;pointer-events:none}.user-popup{position:fixed;width:280px;background:var(--color-glass-bg);border:1px solid var(--glass-border, rgba(255, 107, 0, .25));border-radius:16px;box-shadow:0 15px 50px #00000080,0 0 30px #ff6b001a;padding:16px;z-index:10000;animation:popupSlideIn .2s ease-out}.user-popup-action-bar{display:flex;gap:4px;padding:2px 0 4px}.user-popup-action-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;min-width:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-size:.6875rem;font-family:Orbitron,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden}.user-popup-action-bar-btn:hover{color:var(--accent, #ff6b00);background:#ff6b0014;border-color:var(--glass-border)}.user-popup-action-bar-btn.active{color:var(--accent, #ff6b00);background:#ff6b001a;border-color:var(--glass-border)}.user-popup-action-bar-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s ease}.user-popup-action-bar-btn:hover svg{transform:scale(1.1)}.user-popup-top-actions{display:flex;gap:4px}.user-popup-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.user-popup-action-btn:hover{color:var(--accent, #ff6b00);background:#ffffff0d}.user-popup-action-btn:hover svg{transform:scale(1.1)}.user-popup-action-btn.active{color:var(--accent, #ff6b00)}.user-popup-action-btn svg{width:20px;height:20px;transition:transform .15s ease}.user-popup-settings-cog{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.user-popup-settings-cog:hover{color:var(--accent, #ff6b00);transform:rotate(45deg)}.user-popup-settings-cog svg{width:20px;height:20px}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-popup-header{display:flex;align-items:center;gap:12px;padding-bottom:12px}.user-popup-info{display:flex;flex-direction:column;min-width:0}.user-popup-name{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popup-status{font-size:12px;color:var(--text-muted)}.user-popup-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border, rgba(255, 107, 0, .25)),transparent);margin:8px 0}.user-popup-actions{display:flex;gap:8px}.user-popup-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--bg-modifier-accent);border:1px solid transparent;border-radius:10px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.user-popup-btn:hover{border-color:var(--accent, #ff6b00);color:var(--accent, #ff6b00)}.popup-icon{font-size:16px}.user-popup-section{display:flex;flex-direction:column;gap:8px}.user-popup-section-title{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;color:var(--accent, #ff6b00);text-transform:uppercase;letter-spacing:.15em;padding-left:4px}.status-options{display:flex;flex-direction:column;gap:2px}.status-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease}.status-option:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.status-option.active{background:#ff6b001a;color:var(--text-primary)}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.custom-status-edit{display:flex;flex-direction:column;gap:8px}.custom-status-input{width:100%;padding:8px 12px;background:var(--input-bg, rgba(0, 0, 0, .3));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.custom-status-input:focus{border-color:var(--accent, #ff6b00)}.custom-status-input::placeholder{color:var(--text-muted)}.custom-status-actions{display:flex;gap:8px}.custom-status-save{flex:1;padding:6px 12px;background:var(--accent, #ff6b00);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.custom-status-save:hover{opacity:.9}.custom-status-cancel{flex:1;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.custom-status-cancel:hover{color:var(--text-primary);border-color:var(--text-muted)}.custom-status-display{display:flex;flex-direction:column}.custom-status-current{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-modifier-accent);border-radius:8px}.custom-status-text{flex:1;font-size:13px;color:var(--text-secondary);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-status-text:hover{color:var(--text-primary)}.custom-status-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:16px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.custom-status-clear:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.custom-status-set-btn{width:100%;padding:8px 12px;background:transparent;border:1px dashed var(--glass-border);border-radius:8px;color:var(--text-muted);font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease}.custom-status-set-btn:hover{border-color:var(--accent, #ff6b00);color:var(--text-secondary);background:var(--bg-modifier-hover)}.user-popup-btn.active-danger{border-color:var(--color-danger, #ed4245);color:var(--color-danger, #ed4245)}.user-popup-btn.active-danger:hover{border-color:var(--color-danger, #ed4245);color:var(--color-danger-hover, #ff6b6b)}.connected-content{flex:1;display:flex;background:var(--color-glass-bg);border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:20px;box-shadow:0 25px 80px #0009;overflow:hidden;position:relative;height:100%}.connected-content:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);z-index:1}.channel-sidebar{flex-shrink:0;background:var(--color-glass-dark);border-right:1px solid var(--glass-border, rgba(255, 107, 0, .15));display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.channel-sidebar-content{display:flex;flex-direction:column;height:100%}.channel-sidebar-content.empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.server-header{height:68px;min-height:68px;padding:0 20px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,rgba(20,20,50,.5) 0%,transparent 100%);border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15));cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.server-header:hover{background:#14143299;border-bottom-color:var(--accent, rgba(255, 107, 0, .3))}.server-header:hover .server-name{text-shadow:0 0 15px var(--accent-glow, rgba(255, 107, 0, .7))}.server-header:focus{outline:none;background:#14143299;border-bottom-color:var(--accent, rgba(255, 107, 0, .3))}.server-header:focus-visible{outline:2px solid var(--accent, #ff6b00);outline-offset:-2px}.server-name{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.server-overview-btn{position:absolute;right:12px;background:none;border:1px solid transparent;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease,border-color .15s ease;opacity:0}.server-header:hover .server-overview-btn{opacity:1}.server-overview-btn:hover{color:var(--accent, #ff6b00);background:#ff6b001a;border-color:#ff6b0033}.server-menu-btn{background:none;border:none;color:var(--text-primary);font-size:18px;cursor:pointer;padding:0;transition:all .15s ease}.server-menu-btn:hover{color:var(--accent, #ff6b00);text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5))}.group-tabs{display:flex;gap:2px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,107,0,.3) transparent;border-bottom:1px solid rgba(255,107,0,.1);background:#0a0a1e4d;flex-shrink:0}.group-tabs::-webkit-scrollbar{height:4px}.group-tabs::-webkit-scrollbar-track{background:transparent}.group-tabs::-webkit-scrollbar-thumb{background:#ff6b004d;border-radius:2px}.group-tabs::-webkit-scrollbar-thumb:hover{background:#ff6b0080}.group-tab{padding:4px 10px;font-size:.72rem;font-weight:600;color:var(--text-secondary, #8a8e99);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s ease;text-transform:uppercase;letter-spacing:.04em}.group-tab:hover{color:var(--text-primary, #e0e0e0);background:#ff6b0014}.group-tab.active{color:var(--accent, #ff6b00);background:#ff6b001f;border-color:#ff6b0040;text-shadow:0 0 8px rgba(255,107,0,.3)}.group-tab.drag-over{background:#ff6b0040;border-color:var(--accent, #ff6b00);color:var(--accent, #ff6b00);transform:scale(1.05)}.channel-list{flex:1;overflow-y:auto;padding:16px 12px}.channel-category{margin-bottom:16px}.category-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--accent, #ff6b00);cursor:pointer;border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.category-header:hover{background:#14143280;text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5))}.category-arrow{font-size:10px;transition:transform .2s ease}.channel-sidebar .category-name,.channel-sidebar-content .category-name{position:static;bottom:auto;left:auto;right:auto;padding:0;background:none;text-transform:uppercase;letter-spacing:.05em}.category-header.collapsed .category-arrow{transform:rotate(-90deg)}.category-muted-icon{margin-left:auto;display:flex;align-items:center;color:var(--text-muted, rgba(255, 255, 255, .4))}.category-channels{display:flex;flex-direction:column}.channel-list li[draggable=true],.channel-category[draggable=true]{cursor:grab}.channel-list li[draggable=true]:active,.channel-category[draggable=true]:active{cursor:grabbing}.channel-list li.dragging,.channel-category.dragging{opacity:.5}.channel-list li.drag-over-before:before,.channel-category.drag-over-before:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5));z-index:10}.channel-list li.drag-over-after:after,.channel-category.drag-over-after:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5));z-index:10}.channel-category.drag-over-inside{background:#ff6b001a;border-radius:8px}.channel-category.drag-over-inside .category-header{color:var(--accent, #ff6b00);text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5))}.uncategorized-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:8px;border:2px dashed var(--glass-border);border-radius:8px;background:#ff6b000d;color:var(--text-secondary);font-size:13px;transition:all .15s ease;cursor:default}.uncategorized-drop-zone .drop-zone-icon{font-size:16px}.uncategorized-drop-zone .drop-zone-text{font-weight:500}.uncategorized-drop-zone.drag-over{border-color:var(--accent, #ff6b00);background:#ff6b0026;color:var(--accent, #ff6b00);box-shadow:0 0 15px #ff6b0033}.channel-list li,.channel-category{position:relative}.channel-item{position:relative;display:flex;align-items:center;gap:10px;padding:6px 16px;margin:0;font-size:.9375rem;color:var(--text-secondary);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%;text-align:left}.channel-item:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.channel-item.selected{background:linear-gradient(90deg,var(--accent, #ff6b00),transparent);background-size:3px 100%;background-repeat:no-repeat;background-color:#ff6b001a;color:var(--text-primary);text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5))}.channel-item.unread{color:var(--text-primary);font-weight:600}.channel-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:10px;background-color:var(--text-primary);border-radius:2px;transition:height .15s ease}.channel-item.unread:hover:before{height:24px}.channel-item.unread .channel-name{font-weight:600}.channel-icon{font-size:18px;opacity:.7;color:var(--accent, #ff6b00)}.channel-name{flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-badge{min-width:16px;height:16px;padding:0 4px;background:var(--color-danger, #f04747);color:var(--text-primary, white);font-size:11px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #f0474780}.channel-edit-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:auto;padding:2px;color:var(--text-muted);border-radius:4px;opacity:0;cursor:pointer;transition:all .15s ease;flex-shrink:0}.channel-item:hover .channel-edit-btn{opacity:1}.channel-edit-btn:hover{background:var(--bg-modifier-selected, rgba(255, 255, 255, .1));color:var(--text-primary)}.channel-edit-btn:focus{opacity:1;outline:2px solid var(--accent, #ff6b00);outline-offset:1px}.channel-edit-btn svg{width:16px;height:16px}.channel-muted-icon{display:flex;align-items:center;flex-shrink:0;color:var(--accent, #ff6b00);opacity:.7}.channel-muted-icon svg{width:14px;height:14px}.channel-item.muted{opacity:.45}.channel-item.muted:hover{opacity:.7}.channel-item.muted.selected{opacity:.8}.dm-list{display:flex;flex-direction:column}.dm-header{padding:10px}.dm-search{width:100%;padding:10px 14px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .15s ease}.dm-search::placeholder{color:var(--text-muted)}.dm-search:focus{outline:none;border-color:var(--accent, #ff6b00);box-shadow:0 0 15px var(--accent-glow, rgba(255, 107, 0, .3))}.dm-navigation{padding:8px}.dm-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;background:none;border:none;border-radius:10px;color:var(--text-secondary);font-size:15px;cursor:pointer;text-align:left;transition:all .15s ease}.dm-nav-item:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.nav-icon{font-size:18px;color:var(--accent, #ff6b00)}.dm-section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 8px;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--accent, #ff6b00)}.dm-add-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;transition:all .15s ease}.dm-add-btn:hover{color:var(--accent, #ff6b00);text-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .5))}.dm-channel-list{flex:1;overflow-y:auto;padding:0 8px}.dm-channel-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:all .15s ease}.dm-channel-item:hover{background:var(--bg-modifier-hover)}.dm-channel-item.selected{background:#ff6b001a}.dm-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all .15s ease}.dm-channel-item:hover .dm-avatar{border-color:var(--accent, #ff6b00)}.dm-name{flex:1;font-size:15px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-channel-item:hover .dm-name,.dm-channel-item.selected .dm-name,.dm-channel-item.unread .dm-name{color:var(--text-primary)}.unread-badge{min-width:16px;height:16px;padding:0 4px;background:var(--accent, #ff6b00);color:var(--text-on-accent, #000);font-size:11px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5))}.dm-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.user-area{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,transparent,var(--color-glass-dark));border-top:1px solid var(--glass-border, rgba(255, 107, 0, .15));margin-top:auto}.user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--accent, #ff6b00);box-shadow:0 0 10px var(--accent-glow, rgba(255, 107, 0, .3))}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em}.user-status{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-actions{display:flex;gap:4px}.user-action-btn{width:32px;height:32px;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);transition:all .15s ease}.user-action-btn:hover{background:var(--bg-modifier-hover);color:var(--accent, #ff6b00)}.main-content{flex:1;display:flex;flex-direction:column;background:transparent;min-width:0;position:relative}.right-panel{flex-shrink:0;background:var(--sidebar-bg, var(--color-glass-dark, rgba(5, 5, 20, .6)));border-left:1px solid var(--glass-border, rgba(255, 107, 0, .15));overflow:hidden}.resize-handle{width:0;cursor:col-resize;flex-shrink:0;position:relative;z-index:5}.resize-handle:before{content:"";position:absolute;top:0;bottom:0;width:6px;left:-3px;transition:background .15s ease}.resize-handle:hover:before{background:var(--accent, rgba(255, 107, 0, .3))}.resize-handle.active:before{background:var(--accent, rgba(255, 107, 0, .5))}.connected-content.resizing *{pointer-events:none}.connected-content.resizing .resize-handle,.connected-content.resizing .resize-handle:before{pointer-events:auto}.panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px}.member-list{display:flex;flex-direction:column;height:100%}.member-list.empty,.member-list.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted)}.member-list-header{display:flex;align-items:center;height:56px;min-height:56px;padding:0 16px;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15))}.member-list-header h3{font-family:Orbitron,sans-serif;font-size:.875rem;font-weight:700;color:var(--color-text-primary, #e0e0e0);margin:0}.member-list-content{flex:1;overflow-y:auto;padding:8px 0}.member-group{margin-bottom:16px}.member-group-header{padding:12px 16px 6px;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.offline-group{opacity:.5}.member-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:8px;margin:2px 8px;transition:all .15s ease}.member-item:hover{background:var(--bg-modifier-hover)}.member-avatar-wrapper{position:relative;width:32px;height:32px}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--sidebar-bg, var(--color-glass-dark, rgba(5, 5, 20, .8)));box-shadow:0 0 6px currentColor}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-item:hover .member-name{color:var(--text-primary)}.member-name-row{display:flex;align-items:center;gap:4px;min-width:0}.member-name-row .member-name{flex:0 1 auto;min-width:0}.platform-icons{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.platform-icon{color:var(--text-muted);opacity:.7}.member-item:hover .platform-icon{opacity:1}.member-custom-status{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.right-panel,.resize-handle-right{display:none}}@media(max-width:768px){.guild-sidebar{display:none!important}.resize-handle{display:none}.dm-page-header{display:none!important}}.dm-nav-item.selected{background:#ff6b001a;color:var(--text-primary)}.pending-badge{min-width:16px;height:16px;padding:0 4px;background:var(--color-danger, #f04747);color:var(--text-primary, white);font-size:10px;font-weight:700;border-radius:8px;margin-left:auto;display:flex;align-items:center;justify-content:center}.dm-avatar-wrapper{position:relative;width:36px;height:36px;flex-shrink:0}.dm-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--color-glass-dark);box-shadow:0 0 4px currentColor}.group-dm-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6b004d,#ff3c0033);display:flex;align-items:center;justify-content:center;font-size:16px}.group-dm-avatar .group-icon-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-member-count{font-size:11px;color:var(--text-muted)}.dm-close-btn{width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.dm-channel-item:hover .dm-close-btn{opacity:1}.dm-close-btn:hover{background:#f0474733;color:var(--color-danger, #f04747)}.dm-channel-item.closing{opacity:.5;pointer-events:none}.home-page{display:flex;flex-direction:column;height:100%;width:100%}.friends-list{display:flex;flex-direction:column;height:100%;background:transparent}.friends-header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15));flex-wrap:wrap}.friends-title{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}.friends-icon{font-size:20px}.friends-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.friends-tab{padding:6px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.friends-tab:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.friends-tab.active{background:var(--bg-modifier-selected);color:var(--text-primary)}.friends-tab.add-friend-btn{background:var(--neon-green, #05ffa1);color:var(--text-on-accent, #000);font-weight:600}.friends-tab.add-friend-btn:hover{background:color-mix(in srgb,var(--neon-green, #05ffa1) 85%,black)}.friends-search-wrapper{position:relative;padding:16px 20px}.friends-search{width:100%;padding:10px 14px 10px 42px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:10px;color:var(--text-primary);font-size:14px}.friends-search:focus{outline:none;border-color:var(--accent, #ff6b00);box-shadow:0 0 15px var(--accent-glow, rgba(255, 107, 0, .3))}.friends-search-wrapper .search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.friends-count{padding:8px 20px;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.friends-content{flex:1;overflow-y:auto;padding:0 12px}.friend-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .15s ease;border-top:1px solid var(--glass-border, rgba(255, 107, 0, .08))}.friend-item:first-child{border-top:none}.friend-item:hover{background:var(--bg-modifier-hover)}.friend-avatar-wrapper{position:relative;width:40px;height:40px;flex-shrink:0}.friend-status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--color-glass-dark);box-shadow:0 0 6px currentColor}.friend-info{flex:1;min-width:0}.friend-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text-primary)}.friend-username{font-weight:400;color:var(--text-muted)}.friend-status-text{font-size:13px;color:var(--text-muted);margin-top:2px}.friend-actions{display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .15s ease}.friend-item:hover .friend-actions{opacity:1}.friend-action-btn{width:36px;height:36px;background:var(--bg-modifier-accent);border:none;border-radius:50%;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.friend-action-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.friend-action-btn.accept{background:#3ba55c33;color:var(--color-success)}.friend-action-btn.accept:hover{background:#3ba55c4d;color:var(--color-success)}.friend-action-btn.decline{background:#f0474733;color:var(--color-danger, #f04747)}.friend-action-btn.decline:hover{background:#f047474d;color:var(--color-danger)}.friend-action-btn.message{background:#ff6b0026;color:var(--accent, #ff6b00)}.friend-action-btn.message:hover{background:#ff6b0040}.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;opacity:.5}.empty-text{color:var(--text-muted);font-size:14px;max-width:320px}.add-friend{padding:32px 40px}.add-friend-header{margin-bottom:24px}.add-friend-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px}.add-friend-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.add-friend-form{margin-bottom:32px}.add-friend-input-wrapper{display:flex;gap:12px;padding:6px 6px 6px 16px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:12px;transition:all .15s ease}.add-friend-input-wrapper:focus-within{border-color:var(--accent, #ff6b00);box-shadow:0 0 15px var(--accent-glow, rgba(255, 107, 0, .3))}.add-friend-input-wrapper.success{border-color:var(--color-success, #3ba55c);box-shadow:0 0 15px #3ba55c4d}.add-friend-input-wrapper.error{border-color:var(--color-danger, #f04747);box-shadow:0 0 15px #f047474d}.add-friend-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:15px;outline:none}.add-friend-input::placeholder{color:var(--text-muted)}.add-friend-submit{padding:10px 20px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.add-friend-submit:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .5))}.add-friend-submit:disabled{opacity:.5;cursor:not-allowed}.add-friend-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:8px;font-size:14px}.add-friend-message.success{background:#3ba55c1a;color:var(--color-success, #3ba55c)}.add-friend-message.error{background:#f047471a;color:var(--color-danger, #f04747)}.message-icon{font-size:16px;font-weight:700}.add-friend-info{margin-top:40px}.info-title{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 20px}.info-section{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .08))}.info-section:last-child{border-bottom:none}.info-icon{width:40px;height:40px;border-radius:10px;background:#ff6b001a;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.info-content h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary)}.info-content p{margin:0;font-size:13px;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;width:90%;max-width:480px;animation:slideIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.group-dm-modal{width:440px;max-height:80dvh;background:var(--color-modal-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 80px #0009;display:flex;flex-direction:column;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{position:relative;padding:24px 24px 16px;text-align:center}.modal-header h2{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:.05em}.modal-subtitle{color:var(--text-muted);font-size:13px}.modal-close-btn{position:absolute;top:16px;right:16px;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.group-name-input-wrapper{padding:0 24px 12px}.group-name-input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--text-primary);font-size:14px}.group-name-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.friend-search-wrapper{padding:0 24px 12px}.friend-search-input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 107, 0, .15));border-radius:8px;color:var(--text-primary);font-size:14px}.friend-search-input:focus{outline:none;border-color:var(--accent, #ff6b00)}.selected-users{display:flex;flex-wrap:wrap;gap:6px;padding:0 24px 12px}.selected-user-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;background:#ff6b0033;border-radius:16px;color:var(--text-primary);font-size:13px}.remove-user-btn{width:18px;height:18px;background:transparent;border:none;border-radius:50%;color:var(--text-muted);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.remove-user-btn:hover{background:#f047474d;color:var(--color-danger, #f04747)}.friend-select-list{flex:1;overflow-y:auto;padding:0 12px;max-height:280px}.friend-select-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease}.friend-select-item:hover{background:var(--bg-modifier-hover)}.friend-select-item.selected{background:#ff6b001a}.friend-select-info{flex:1;min-width:0}.friend-select-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.friend-select-username{display:block;font-size:12px;color:var(--text-muted)}.friend-select-checkbox{width:20px;height:20px;border:2px solid var(--glass-border, rgba(255, 107, 0, .3));border-radius:4px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:12px;transition:all .15s ease}.friend-select-checkbox.checked{background:var(--accent, #ff6b00);border-color:var(--accent, #ff6b00);color:var(--text-on-accent, #000)}.no-friends-message{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.modal-error{margin:0 24px 12px;padding:10px 14px;background:#f047471a;border-radius:8px;color:var(--color-danger, #f04747);font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border, rgba(255, 107, 0, .15))}.cancel-btn{padding:10px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}.cancel-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.create-dm-btn{padding:10px 20px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.create-dm-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .5))}.create-dm-btn:disabled{opacity:.5;cursor:not-allowed}.dm-page{display:flex;flex-direction:column;height:100%}.dm-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--glass-border, rgba(255, 107, 0, .15));background:linear-gradient(180deg,rgba(20,20,50,.3) 0%,transparent 100%);gap:8px}.dm-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.group-dm-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff6b004d,#ff3c0033);display:flex;align-items:center;justify-content:center;font-size:14px}.group-dm-icon .group-icon-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-back-btn{width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:4px}.dm-back-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.dm-header-name{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.dm-header-username{font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.dm-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.dm-action-btn{width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-action-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.dm-page-error{display:flex;align-items:center;justify-content:center;height:100%}.error-content{text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.error-content h2{font-family:Orbitron,sans-serif;font-size:1.2rem;color:var(--text-primary);margin:0 0 8px}.error-content p{color:var(--text-muted);font-size:14px;margin:0 0 20px}.back-btn{padding:10px 20px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.back-btn:hover{background:var(--accent-hover, #ff8533);box-shadow:0 0 20px var(--accent-glow, rgba(255, 107, 0, .5))}.discovery-modal-overlay{position:fixed;inset:0;z-index:2000;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:discovery-overlay-fade-in .2s ease-out}@keyframes discovery-overlay-fade-in{0%{opacity:0}to{opacity:1}}.discovery-modal{width:90vw;max-width:1000px;height:85dvh;max-height:800px;display:flex;flex-direction:column;background:linear-gradient(145deg,#140f0afa,#0a0805fc);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 60px #ff6b0033,0 0 100px #ff6b001a,inset 0 1px #ffffff0d;overflow:hidden;animation:discovery-modal-slide-in .25s ease-out}@keyframes discovery-modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.discovery-modal-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--glass-border);background:#0006}.discovery-close-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ff8c001a;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.discovery-close-btn:hover{background:#ff646433;border-color:#ff646466;color:var(--color-danger-hover, #ff6b6b);box-shadow:0 0 15px #ff64644d}.discovery-close-btn svg{width:18px;height:18px}.discovery-modal-header h1{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px rgba(255,140,0,.4)}.discovery-page{display:flex;flex-direction:column;height:100%;background:linear-gradient(145deg,#140f0af2,#0a0805fa);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 30px #ff6b001a,inset 0 1px #ffffff0d;overflow:hidden}.discovery-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--glass-border);background:#0000004d}.discovery-header .back-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#ff8c001a;border:1px solid var(--glass-border);border-radius:50%;color:var(--accent, #ff8c00);font-size:18px;cursor:pointer;transition:all .2s ease}.discovery-header .back-btn:hover{background:#ff8c0033;box-shadow:0 0 15px #ff6b004d}.discovery-header h1{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px rgba(255,140,0,.4)}.discovery-search{position:relative;padding:0 24px;margin-top:16px}.discovery-search .search-input{width:100%;padding:14px 20px 14px 48px;background:#0006;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease}.discovery-search .search-input:focus{border-color:var(--glass-border);box-shadow:0 0 20px #ff6b0033}.discovery-search .search-input::placeholder{color:var(--text-muted)}.discovery-search .search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.5}.discovery-tabs{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--glass-border)}.discovery-tabs .tab{padding:10px 20px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.discovery-tabs .tab:hover{background:#ff8c001a;border-color:var(--glass-border);color:var(--text-primary)}.discovery-tabs .tab.active{background:#ff8c0033;border-color:var(--accent, #ff8c00);color:var(--text-primary);box-shadow:0 0 15px #ff6b0033}.discovery-content{flex:1;overflow-y:auto;padding:24px}.categories-section{margin-bottom:32px}.categories-section h2,.tags-section h2,.featured-servers h2,.templates-header h2{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.category-card{padding:16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;text-align:center;transition:all .2s ease}.category-card:hover{background:#ff8c001a;border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 4px 20px #ff6b0026}.tags-section{margin-bottom:32px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{padding:8px 16px;background:#ff8c001a;border:1px solid var(--glass-border);border-radius:20px;color:var(--accent, #ff8c00);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tag-btn:hover{background:#ff8c0033;border-color:var(--glass-border);box-shadow:0 0 15px #ff6b0033}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.server-grid.featured{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.server-card{background:#0006;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.server-card:hover{border-color:var(--glass-border);transform:translateY(-4px);box-shadow:0 8px 30px #ff6b0033}.server-card-banner{height:100px;position:relative;overflow:hidden}.server-card-banner .banner-img{width:100%;height:100%;object-fit:cover}.server-card-banner .banner-gradient{width:100%;height:100%;background:linear-gradient(135deg,#ff8c004d,#ff3c0033)}.server-card-banner .banner-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000c)}.server-card-content{padding:16px;position:relative}.server-card-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;margin-top:-36px;margin-bottom:12px;border:3px solid rgba(20,15,10,.9);background:#ff8c0033;display:flex;align-items:center;justify-content:center}.server-card-icon img{width:100%;height:100%;object-fit:cover}.server-card-icon-fallback{font-size:20px;font-weight:700;color:var(--accent, #ff8c00)}.server-card-icon.large{width:64px;height:64px;margin-top:-44px}.server-card-icon.large .server-card-icon-fallback{font-size:28px}.server-card-details{display:flex;flex-direction:column;gap:8px}.server-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-card-name{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.server-card-category{padding:4px 8px;background:#ff8c0026;border-radius:4px;font-size:11px;color:var(--accent, #ff8c00);font-weight:500}.verified-badge{color:var(--color-success);font-size:14px}.partner-badge{font-size:14px}.server-card-description{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.server-card-tags{display:flex;flex-wrap:wrap;gap:6px}.server-tag{padding:4px 10px;background:#ff8c001a;border-radius:12px;font-size:11px;color:var(--text-secondary)}.server-card-stats{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted)}.online-count,.member-count{display:flex;align-items:center;gap:6px}.online-dot{width:8px;height:8px;background:var(--color-success, #3ba55c);border-radius:50%}.member-dot{width:8px;height:8px;background:var(--text-muted);border-radius:50%}.server-card.compact{display:flex;align-items:center;gap:12px;padding:12px}.server-card.compact .server-card-icon{width:40px;height:40px;margin:0;border-radius:10px}.server-card.compact .server-card-info{flex:1;min-width:0}.server-card.compact .server-card-name{font-size:14px}.server-card.compact .server-card-stats{font-size:11px;margin-top:4px}.server-card.featured .server-card-banner{height:140px}.server-card.featured .server-card-content{display:flex;gap:16px}.server-card.featured .server-card-details{flex:1}.search-filters{display:flex;gap:16px;margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase}.filter-group select{padding:10px 14px;background:#0006;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;outline:none;min-width:160px}.filter-group select:focus{border-color:var(--glass-border)}.load-more-btn{display:block;width:100%;max-width:300px;margin:24px auto 0;padding:12px 24px;background:#ff8c0026;border:1px solid var(--glass-border);border-radius:8px;color:var(--accent, #ff8c00);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:#ff8c0040;box-shadow:0 0 20px #ff6b0033}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.templates-section{display:flex;flex-direction:column}.templates-header{margin-bottom:24px}.templates-header p{margin:8px 0 0;color:var(--text-muted);font-size:14px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.template-card{display:flex;gap:16px;padding:20px;background:#0006;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 8px 30px #ff6b0026}.template-card-icon{width:56px;height:56px;background:#ff8c0026;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.template-card-content{flex:1;min-width:0}.template-name{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary)}.template-description{margin:0 0 12px;font-size:13px;color:var(--text-secondary);line-height:1.4}.template-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.template-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.template-stats .stat-icon{font-size:12px}.template-usage{font-size:11px;color:var(--accent, #ff8c00);font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted);font-size:14px}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--accent, #ff8c00);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:48px;opacity:.5}.empty-state p{margin:0;font-size:16px;color:var(--text-secondary)}.empty-state .empty-hint{font-size:13px;color:var(--text-muted)}.join-server-modal{width:90%;max-width:480px;background:linear-gradient(145deg,#19140ffa,#0f0c08fa);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 60px #ff6b0033,inset 0 1px #ffffff0d;overflow:hidden}.join-modal-banner{height:120px;position:relative;overflow:hidden}.join-modal-banner .banner-img{width:100%;height:100%;object-fit:cover}.join-modal-banner .banner-gradient{width:100%;height:100%;background:linear-gradient(135deg,#ff8c0066,#ff3c004d)}.join-modal-banner .banner-overlay{position:absolute;inset:0;background:linear-gradient(transparent 30%,#19140ffa)}.join-modal-banner .modal-close-btn{position:absolute;top:12px;right:12px;z-index:10}.join-modal-content{padding:20px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.join-modal-icon{width:80px;height:80px;border-radius:16px;margin-top:-60px;margin-bottom:16px;border:4px solid rgba(25,20,15,.98);background:#ff8c0033;display:flex;align-items:center;justify-content:center;overflow:hidden}.join-modal-icon img{width:100%;height:100%;object-fit:cover}.join-modal-icon .icon-fallback{font-size:32px;font-weight:700;color:var(--accent, #ff8c00)}.join-modal-info{width:100%}.join-modal-info .server-name{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px}.join-modal-info .server-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.5}.join-modal-info .server-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.join-modal-info .server-stats .stat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.join-modal-info .server-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.join-modal-info .server-tags .tag{padding:6px 12px;background:#ff8c001a;border-radius:16px;font-size:12px;color:var(--text-secondary)}.join-modal-info .server-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.join-modal-info .server-features .feature{padding:4px 10px;background:var(--bg-modifier-accent);border-radius:4px;font-size:11px;color:var(--text-muted)}.join-error{width:100%;padding:12px;margin-top:16px;background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);border-radius:8px;color:var(--color-danger-hover, #ff6b6b);font-size:13px;text-align:center}.join-modal-actions{display:flex;gap:12px;margin-top:24px;width:100%}.join-modal-actions .cancel-btn{flex:1;padding:12px;background:transparent;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.join-modal-actions .cancel-btn:hover{background:var(--bg-modifier-hover);border-color:var(--card-border-hover)}.join-modal-actions .join-btn{flex:1;padding:12px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.join-modal-actions .join-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.join-modal-actions .join-btn:disabled{opacity:.6;cursor:not-allowed}.add-server-modal{width:90%;max-width:440px;background:linear-gradient(145deg,#19140ffa,#0f0c08fa);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 60px #ff6b0033,inset 0 1px #ffffff0d;position:relative;padding:24px}.add-server-modal .modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-modifier-accent);border:none;border-radius:50%;color:var(--text-secondary);font-size:16px;cursor:pointer;transition:all .2s ease}.add-server-modal .modal-close-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.add-server-header{text-align:center;margin-bottom:24px}.add-server-header h2{margin:0 0 8px;font-size:22px;font-weight:700;color:var(--text-primary)}.add-server-header p{margin:0;font-size:14px;color:var(--text-muted)}.add-server-header .back-btn{display:inline-block;margin-bottom:16px;padding:0;background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;transition:color .2s ease}.add-server-header .back-btn:hover{color:var(--accent)}.add-server-options{display:flex;flex-direction:column;gap:12px}.add-server-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:#0000004d;border:1px solid var(--card-border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.add-server-option:hover{background:#ff8c001a;border-color:var(--glass-border)}.add-server-option .option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ff8c0026;border-radius:50%;font-size:22px;flex-shrink:0}.add-server-option .option-icon.create-icon{color:var(--color-success);font-weight:700;font-size:28px}.add-server-option .option-icon.join-icon{color:var(--color-info)}.add-server-option .option-icon.browse-icon{color:var(--color-warning)}.add-server-option .option-info{flex:1}.add-server-option .option-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary)}.add-server-option .option-info p{margin:0;font-size:13px;color:var(--text-muted)}.add-server-option .option-arrow{font-size:20px;color:var(--text-muted);transition:color .2s ease}.add-server-option:hover .option-arrow{color:var(--accent)}.add-server-form{display:flex;flex-direction:column;gap:16px}.add-server-form .form-group{display:flex;flex-direction:column;gap:8px}.add-server-form .form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.add-server-form .form-group input{padding:12px 14px;background:#0006;border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.add-server-form .form-group input:focus{outline:none;border-color:var(--glass-border);box-shadow:0 0 0 2px #ff8c001a}.add-server-form .form-group input::placeholder{color:var(--text-muted)}.add-server-form .form-hint{font-size:12px;color:var(--text-muted)}.add-server-error{padding:12px;background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);border-radius:8px;color:var(--color-danger-hover, #ff6b6b);font-size:13px;text-align:center}.add-server-actions{display:flex;gap:12px;margin-top:8px}.add-server-actions .cancel-btn{flex:1;padding:12px;background:transparent;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-server-actions .cancel-btn:hover:not(:disabled){background:var(--bg-modifier-hover);border-color:var(--color-glass-border-hover)}.add-server-actions .submit-btn{flex:1;padding:12px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-server-actions .submit-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.add-server-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-template-modal{width:90%;max-width:480px;background:linear-gradient(145deg,#19140ffa,#0f0c08fa);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 60px #ff6b0033,inset 0 1px #ffffff0d}.create-template-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.create-template-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.create-template-modal .modal-content{padding:24px;display:flex;flex-direction:column;gap:24px}.create-template-modal .template-info{display:flex;gap:16px;padding:16px;background:#0000004d;border-radius:12px}.create-template-modal .template-icon{font-size:32px}.create-template-modal .template-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.create-template-modal .template-details p{margin:0 0 8px;font-size:13px;color:var(--text-secondary)}.create-template-modal .template-includes{font-size:12px;color:var(--accent, #ff8c00)}.server-icon-section{display:flex;flex-direction:column;align-items:center;gap:12px}.server-icon-picker{width:100px;height:100px;border-radius:50%;background:#0006;border:2px dashed var(--glass-border);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.server-icon-picker:hover{border-color:var(--glass-border);background:#ff8c001a}.server-icon-picker .icon-preview{width:100%;height:100%;object-fit:cover}.server-icon-picker .icon-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px}.server-icon-picker .upload-icon{font-size:24px;opacity:.6}.server-icon-picker .upload-text{font-size:12px;color:var(--text-muted)}.icon-hint{font-size:12px;color:var(--text-muted);text-align:center}.hidden-input{display:none}.server-name-section{display:flex;flex-direction:column;gap:8px}.server-name-section label{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase}.server-name-section input{padding:12px 16px;background:#0006;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease}.server-name-section input:focus{border-color:var(--glass-border);box-shadow:0 0 20px #ff6b0026}.server-name-section .name-hint{font-size:12px;color:var(--text-muted)}.create-template-modal .modal-footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--glass-border)}.create-template-modal .back-btn{padding:10px 24px;background:transparent;border:1px solid var(--color-glass-border);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.create-template-modal .back-btn:hover{background:var(--bg-modifier-hover)}.create-template-modal .create-btn{padding:10px 24px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-template-modal .create-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.create-template-modal .create-btn:disabled{opacity:.5;cursor:not-allowed}.invite-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px;background:radial-gradient(ellipse at 25% 75%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 25%,rgba(255,90,0,.12) 0%,transparent 50%),linear-gradient(180deg,#0f0a05,#050402)}.invite-card{width:100%;max-width:440px;padding:32px;background:linear-gradient(145deg,#19140ffa,#0f0c08fa);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 0 60px #ff6b0026,inset 0 1px #ffffff0d;text-align:center}.invite-inviter{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--glass-border)}.invite-inviter .inviter-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#ff8c0033;display:flex;align-items:center;justify-content:center}.invite-inviter .inviter-avatar img{width:100%;height:100%;object-fit:cover}.invite-inviter .avatar-fallback{font-size:14px;font-weight:600;color:var(--accent, #ff8c00)}.invite-inviter .inviter-text{font-size:14px;color:var(--text-secondary)}.invite-inviter .inviter-text strong{color:var(--text-primary)}.invite-server{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px}.invite-server .server-icon{width:80px;height:80px;border-radius:20px;overflow:hidden;background:#ff8c0033;display:flex;align-items:center;justify-content:center}.invite-server .server-icon img{width:100%;height:100%;object-fit:cover}.invite-server .server-icon .icon-fallback{font-size:32px;font-weight:700;color:var(--accent, #ff8c00)}.invite-server .server-info{text-align:center}.invite-server .server-name{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary)}.invite-server .server-description{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.invite-server .server-stats{display:flex;justify-content:center;gap:20px}.invite-server .server-stats .stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.invite-channel{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#0000004d;border-radius:8px;margin-bottom:24px}.invite-channel .channel-icon{color:var(--text-muted);font-size:16px}.invite-channel .channel-name{color:var(--text-primary);font-size:14px}.invite-error{padding:12px;margin-bottom:16px;background:#ff3c3c26;border:1px solid rgba(255,60,60,.3);border-radius:8px;color:var(--color-danger-hover, #ff6b6b);font-size:13px}.invite-actions{display:flex;flex-direction:column;gap:12px}.invite-actions .login-prompt{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.invite-actions .login-btn,.invite-actions .register-btn{width:100%;padding:14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invite-actions .login-btn{background:var(--accent, #ff6b00);border:none;color:var(--text-on-accent, #000)}.invite-actions .login-btn:hover{background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.invite-actions .register-btn{background:transparent;border:1px solid var(--color-glass-border);color:var(--text-primary)}.invite-actions .register-btn:hover{background:var(--bg-modifier-hover);border-color:var(--color-glass-border-hover)}.invite-actions .join-btn{width:100%;padding:14px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invite-actions .join-btn:hover:not(:disabled){background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.invite-actions .join-btn:disabled{opacity:.6;cursor:not-allowed}.invite-page.error .error-icon,.invite-page.loading .spinner{margin-bottom:16px}.invite-page.error .error-icon{font-size:48px}.invite-page.error h2{margin:0 0 8px;font-size:20px;color:var(--text-primary)}.invite-page.error p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.invite-page .home-btn{padding:12px 24px;background:var(--accent, #ff6b00);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.invite-page .home-btn:hover{background:var(--accent-hover, #ff8533);box-shadow:0 0 20px #ff6b0066}.settings-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;background:var(--bg-primary, #0a0a1e);animation:settings-fade-in .2s ease}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}.settings-sidebar{width:220px;flex-shrink:0;background:var(--bg-secondary, #12121f);display:flex;flex-direction:column;border-right:1px solid var(--glass-border)}.settings-sidebar-scroll{flex:1;overflow-y:auto;padding:60px 8px 20px 20px}.settings-category{margin-bottom:8px}.settings-category-title{padding:8px 10px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.settings-nav-item{width:100%;padding:8px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.settings-nav-item:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.settings-nav-item.active{background:#ff6b0026;color:var(--accent, #ff6b00)}.settings-nav-separator{height:1px;margin:8px 10px;background:#ff6b001a}.settings-nav-item.danger{color:var(--color-danger, #f04747)}.settings-nav-item.danger:hover{background:#f047471a;color:var(--color-danger, #f04747)}.settings-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;align-items:center}.settings-content-wrapper{flex:1;overflow-y:auto;padding:60px 40px 40px;width:100%;max-width:900px}.settings-section{animation:settings-section-in .2s ease}@keyframes settings-section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section-header{margin-bottom:24px}.settings-section-title{margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.settings-section-desc{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.settings-close-area{position:absolute;top:60px;right:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.settings-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-glass-border);border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.settings-close-btn:hover{border-color:var(--color-glass-border-hover);color:var(--text-primary)}.settings-close-hint{font-size:12px;color:var(--text-muted);font-weight:600}.settings-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:16px;margin-bottom:16px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.settings-channel-item,.settings-channel-row{transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.settings-channel-item[draggable=true],.settings-channel-item[draggable],.settings-channel-row[draggable=true],.settings-channel-row[draggable]{cursor:grab}.settings-channel-item[draggable=true]:active,.settings-channel-item[draggable]:active,.settings-channel-row[draggable=true]:active,.settings-channel-row[draggable]:active{cursor:grabbing}.settings-channel-item.dragging,.settings-channel-row.dragging{opacity:.5}.settings-channel-item.drag-over-before:before,.settings-channel-row.drag-over-before:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5))}.settings-channel-item.drag-over-after:after,.settings-channel-row.drag-over-after:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5))}.settings-channel-category,.settings-category-wrapper{-webkit-user-select:none;user-select:none}.settings-channel-category.dragging,.settings-category-wrapper.dragging{opacity:.5}.settings-channel-category.drag-over-before:before,.settings-category-wrapper.drag-over-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5))}.settings-channel-category.drag-over-after:after,.settings-category-wrapper.drag-over-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent, #ff6b00);border-radius:1px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .5))}.settings-channel-item.dragging,.settings-channel-row.dragging,.settings-channel-category.dragging,.settings-category-wrapper.dragging{opacity:.4;transform:scale(.98)}.settings-channel-category,.settings-category-wrapper{transition:all .15s ease}.settings-channel-item.drag-over-before:before,.settings-channel-item.drag-over-after:after,.settings-channel-row.drag-over-before:before,.settings-channel-row.drag-over-after:after,.settings-channel-category.drag-over-before:before,.settings-channel-category.drag-over-after:after,.settings-category-wrapper.drag-over-before:before,.settings-category-wrapper.drag-over-after:after{animation:drag-indicator-pulse .2s ease-out}@keyframes drag-indicator-pulse{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}.settings-channels-group-filter{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:thin;scrollbar-color:rgba(255,107,0,.3) transparent}.settings-channels-group-filter::-webkit-scrollbar{height:4px}.settings-channels-group-filter::-webkit-scrollbar-track{background:transparent}.settings-channels-group-filter::-webkit-scrollbar-thumb{background:#ff6b004d;border-radius:2px}.settings-channels-group-filter::-webkit-scrollbar-thumb:hover{background:#ff6b0080}.settings-group-tab{padding:4px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.settings-group-tab:hover{color:var(--text-primary);background:#ff6b0014}.settings-group-tab.active{color:var(--accent, #ff6b00);background:#ff6b001f;border-color:#ff6b0040}.settings-group-tab.drag-over{background:#ff6b0040;border-color:var(--accent, #ff6b00);color:var(--accent, #ff6b00)}.settings-channel-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:4px;margin-bottom:4px;cursor:grab;position:relative}.settings-channel-row--nested{margin-left:16px}.settings-channel-row-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.settings-channel-row-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.settings-channel-drag-handle{color:var(--text-secondary);cursor:grab}.settings-channel-icon{color:var(--text-secondary);flex-shrink:0}.settings-channel-group-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;background:#ff6b001f;color:var(--accent, #ff6b00);white-space:nowrap;flex-shrink:0}.settings-channel-group-select{padding:4px 8px;font-size:12px;width:auto;min-width:80px}.settings-category-wrapper{margin-top:16px;position:relative;padding:8px;border-radius:8px;background:transparent;transition:background .15s ease}.settings-category-wrapper--drag-inside{background:#ff6b001a}.settings-category-header{color:var(--accent, #ff6b00);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;cursor:grab}.settings-category-header-name{display:flex;align-items:center;gap:8px}.settings-category-actions{display:flex;gap:4px}.settings-uncategorized-header{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.settings-uncategorized-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:8px 0;border:2px dashed rgba(255,107,0,.4);border-radius:8px;background:#ff6b000d;color:var(--text-secondary);font-size:13px;transition:all .15s ease}.settings-uncategorized-drop-zone.drag-over{background:#ff6b0026;color:var(--accent, #ff6b00)}.settings-empty-category{padding:8px 12px;margin-left:16px;color:var(--text-secondary);font-size:13px;font-style:italic;display:flex;justify-content:space-between;align-items:center}.settings-empty-state{padding:24px;text-align:center;color:var(--text-secondary)}.settings-card-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-profile-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:20px}.settings-profile-avatar{position:relative}.settings-profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--accent, #ff6b00)}.settings-profile-avatar-fallback{width:80px;height:80px;border-radius:50%;background:var(--accent, #ff6b00);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--text-on-accent, #000);border:3px solid var(--accent, #ff6b00)}.settings-profile-avatar-edit{position:absolute;bottom:0;right:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent, #ff6b00);border:2px solid var(--bg-secondary, #12121f);border-radius:50%;cursor:pointer;transition:all .2s ease}.settings-profile-avatar-edit:hover{transform:scale(1.1)}.settings-profile-avatar-edit svg{width:14px;height:14px;color:var(--text-on-accent, #000)}.settings-profile-info{flex:1}.settings-profile-name{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text-primary)}.settings-profile-username{margin:0;font-size:14px;color:var(--text-muted)}.settings-form-group{margin-bottom:20px}.settings-label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.settings-input{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--accent, #ff6b00);box-shadow:0 0 0 2px #ff6b001a}.settings-input::placeholder{color:var(--text-muted)}.settings-textarea{width:100%;min-height:100px;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-primary);font-size:14px;resize:vertical;transition:all .2s ease}.settings-textarea:focus{outline:none;border-color:var(--accent, #ff6b00);box-shadow:0 0 0 2px #ff6b001a}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-glass-border)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{flex:1;margin-right:16px}.settings-toggle-title{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-primary)}.settings-toggle-desc{margin:0;font-size:13px;color:var(--text-muted)}.settings-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-modifier-accent);border-radius:24px;transition:all .2s ease}.settings-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s ease}.settings-toggle input:checked+.settings-toggle-slider{background:var(--accent, #ff6b00)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-btn{padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-btn-primary{background:var(--accent, #ff6b00);color:var(--text-on-accent, #000)}.settings-btn-primary:hover{background:var(--accent-hover, #ff8533);box-shadow:0 0 15px #ff6b0066}.settings-btn-secondary{background:var(--bg-modifier-accent);color:var(--text-primary)}.settings-btn-danger{background:#f047471a;color:var(--color-danger, #f04747);border:1px solid rgba(240,71,71,.3)}.settings-btn-danger:hover{background:#f0474733}.settings-btn-link{padding:0;background:none;border:none;color:var(--accent, #ff6b00);font-size:14px;cursor:pointer}.settings-btn-link:hover{text-decoration:underline}.settings-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px}.settings-theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--card-bg-solid);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-theme-option:hover{background:var(--card-bg-solid-hover)}.settings-theme-option.active{border-color:var(--accent, #ff6b00);background:#ff6b001a}.settings-theme-swatch{width:48px;height:48px;border-radius:50%;border:2px solid var(--card-border)}.settings-theme-name{font-size:12px;font-weight:500;color:var(--text-secondary)}.settings-theme-option.active .settings-theme-name{color:var(--accent, #ff6b00)}.settings-server-header{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:20px}.settings-server-icon{width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--accent, #ff6b00);display:flex;align-items:center;justify-content:center;position:relative}.settings-server-icon img{width:100%;height:100%;object-fit:cover}.settings-server-icon-fallback{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--text-on-accent, #000)}.settings-server-info{flex:1}.settings-server-name{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary)}.settings-server-id{margin:0;font-size:12px;color:var(--text-muted);font-family:Share Tech Mono,monospace}.settings-roles-list{display:flex;flex-direction:column;gap:4px}.settings-role-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg-solid);border:1px solid var(--card-border);border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;position:relative;-webkit-user-select:none;user-select:none}.settings-role-item:hover{background:var(--card-bg-solid-hover);border-color:var(--card-border-hover)}.settings-role-item[draggable=true]{cursor:grab;-webkit-user-drag:element}.settings-role-item[draggable=true]:active{cursor:grabbing}.settings-role-item.dragging{opacity:.4}.settings-role-item.drag-over-before:before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background:var(--accent, #ff6b00);border-radius:2px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .6));z-index:10}.settings-role-item.drag-over-after:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--accent, #ff6b00);border-radius:2px;box-shadow:0 0 8px var(--accent-glow, rgba(255, 107, 0, .6));z-index:10}.settings-role-drag-handle{color:var(--text-muted, #72767d);font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity .15s;flex-shrink:0}.settings-role-item:hover .settings-role-drag-handle{opacity:1}.settings-role-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.settings-role-name{flex:1;font-size:14px;color:var(--text-primary)}.settings-role-members{font-size:12px;color:var(--text-muted)}.settings-members-list{display:flex;flex-direction:column;gap:2px}.settings-member-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;transition:background .15s ease}.settings-member-item:hover{background:var(--bg-modifier-hover)}.settings-member-item.editing{background:#ff6b001a;border:1px solid var(--glass-border)}.settings-member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.settings-member-info{flex:1}.settings-member-name{font-size:14px;font-weight:500;color:var(--text-primary)}.settings-member-roles{display:flex;gap:4px;margin-top:2px}.settings-member-role-tag{padding:2px 6px;font-size:10px;border-radius:3px;background:var(--bg-modifier-accent);color:var(--text-secondary)}.settings-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.settings-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.settings-empty-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-empty-desc{margin:0;font-size:14px;color:var(--text-muted)}.settings-danger-zone{margin-top:32px;padding:16px;background:#f047470d;border:1px solid rgba(240,71,71,.2);border-radius:8px}.settings-danger-title{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-danger, #f04747);text-transform:uppercase;letter-spacing:.05em}.settings-danger-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(240,71,71,.1)}.settings-danger-row:last-child{border-bottom:none;padding-bottom:0}.settings-danger-info h4{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-primary)}.settings-danger-info p{margin:0;font-size:13px;color:var(--text-muted)}.settings-delete-confirm{margin-top:16px;padding:16px;background:#f047471a;border:1px solid rgba(240,71,71,.3);border-radius:8px}.settings-delete-warning{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px;background:#f0474726;border-radius:6px;color:var(--color-danger, #f04747);font-size:14px}.settings-delete-warning-icon{font-size:18px}.settings-delete-desc{margin:0 0 16px;font-size:13px;color:var(--text-secondary);line-height:1.5}.settings-delete-desc strong{color:var(--text-primary)}.settings-delete-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.settings-btn-secondary{background:var(--bg-modifier-accent);color:var(--text-primary);border:1px solid var(--color-glass-border)}.settings-btn-secondary:hover{background:var(--bg-modifier-hover)}.settings-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.support-ticket-status-badge{display:inline-block}.ticket-status-open{background:#3b82f626;color:#60a5fa}.ticket-status-awaiting-user{background:#f9731626;color:#fb923c}.ticket-status-awaiting-admin{background:#eab30826;color:#facc15}.ticket-status-onhold{background:#94a3b826;color:#94a3b8}.ticket-status-resolved{background:#22c55e26;color:#4ade80}.ticket-status-closed{background:#64748b26;color:#64748b}.settings-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.settings-layout-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#0003;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.settings-layout-option:hover{background:#0000004d;border-color:var(--glass-border)}.settings-layout-option.active{border-color:var(--accent, #ff6b00);background:#ff6b001a}.settings-layout-preview{width:100%;height:60px;background:#0000004d;border-radius:4px;padding:8px;display:flex;flex-direction:column;justify-content:center}.settings-layout-preview .preview-message{display:flex;gap:8px;align-items:flex-start}.settings-layout-preview .preview-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent, #ff6b00);flex-shrink:0}.settings-layout-preview .preview-content{flex:1;min-width:0}.settings-layout-preview .preview-name{width:40%;height:8px;background:var(--text-muted);border-radius:2px;margin-bottom:4px}.settings-layout-preview .preview-text{width:80%;height:6px;background:var(--bg-modifier-hover);border-radius:2px}.settings-layout-preview.layout-bubble .preview-message{flex-direction:column;align-items:flex-start}.settings-layout-preview.layout-bubble .preview-content{background:#ff6b0033;padding:6px 10px;border-radius:12px 12px 12px 4px;margin-left:28px}.settings-layout-preview.layout-bubble .preview-name{display:none}.settings-layout-preview.layout-bubble .preview-text{width:100%;background:var(--text-muted)}.settings-layout-preview.layout-irc .preview-message{flex-direction:row;align-items:center}.settings-layout-preview.layout-irc .preview-avatar{display:none}.settings-layout-preview.layout-irc .preview-name{width:auto;min-width:40px;background:var(--accent, #ff6b00);margin-bottom:0;margin-right:8px}.settings-layout-preview.layout-irc .preview-content{display:flex;flex-direction:row;align-items:center}.settings-layout-preview.layout-irc .preview-text{flex:1}.settings-layout-name{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-layout-desc{font-size:11px;color:var(--text-muted);line-height:1.3}.settings-theme-builder{padding-top:16px;border-top:1px solid var(--glass-border);margin-top:16px}.settings-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-color-field{display:flex;flex-direction:column;gap:6px}.settings-color-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.settings-color-input-wrapper{display:flex;gap:8px;align-items:center}.settings-color-picker{width:40px;height:32px;padding:0;border:none;border-radius:4px;cursor:pointer;background:transparent}.settings-color-picker::-webkit-color-swatch-wrapper{padding:0}.settings-color-picker::-webkit-color-swatch{border:2px solid var(--card-border);border-radius:4px}.settings-color-text{flex:1;padding:6px 10px;background:#0000004d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:Share Tech Mono,monospace}.settings-color-text:focus{outline:none;border-color:var(--accent, #ff6b00)}.color-help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);font-size:9px;font-weight:700;cursor:help;flex-shrink:0;transition:all .15s ease;line-height:1}.color-help-icon:hover{background:#ffffff26;border-color:var(--accent, #ff6b00);color:var(--text-secondary)}.color-help-tooltip{font-size:11px;color:var(--text-secondary);line-height:1.4;padding:6px 8px;background:#0006;border-radius:4px;border:1px solid rgba(255,255,255,.08);margin-top:-2px}.settings-css-editor{padding-top:16px;border-top:1px solid var(--glass-border);margin-top:16px}.settings-css-textarea{width:100%;min-height:200px;padding:12px;background:#0006;border:1px solid var(--glass-border);border-radius:4px;color:#05ffa1;font-family:Share Tech Mono,monospace;font-size:13px;line-height:1.5;resize:vertical;tab-size:2}.settings-css-textarea:focus{outline:none;border-color:var(--accent, #ff6b00);box-shadow:0 0 0 2px #ff6b001a}.settings-css-textarea::placeholder{color:var(--text-muted)}body.scanlines-enabled:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);animation:scanlines-flicker 8s infinite}@keyframes scanlines-flicker{0%{opacity:.9}50%{opacity:.95}to{opacity:.9}}@media(prefers-reduced-motion:reduce){body.scanlines-enabled:after{animation:none;opacity:.5}}[data-message-layout=bubble] .message-item{margin-bottom:3px;display:flex;flex-direction:column;align-items:flex-start;padding:0 16px}[data-message-layout=bubble] .message-item .message-row{display:flex;flex-direction:row;max-width:100%;justify-content:flex-start}[data-message-layout=bubble] .message-item .message-avatar,[data-message-layout=bubble] .message-item .message-avatar-placeholder{display:none}[data-message-layout=bubble] .message-item .message-content-wrapper{display:flex;flex-direction:column;width:auto;min-width:60px;max-width:min(70%,480px);background:#ff6b001f;border:1px solid var(--glass-border);border-radius:16px 16px 16px 4px;padding:8px 12px;position:relative;box-sizing:border-box}[data-message-layout=bubble] .message-item .message-header{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;flex-wrap:wrap}[data-message-layout=bubble] .message-item .message-author{font-size:.75rem;font-weight:600;color:var(--accent, #ff6b00);white-space:nowrap}[data-message-layout=bubble] .message-item .message-timestamp{font-size:.65rem;opacity:.5;white-space:nowrap}[data-message-layout=bubble] .message-item .message-content{font-size:.9rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}[data-message-layout=bubble] .message-item .message-text{word-wrap:break-word;overflow-wrap:break-word}[data-message-layout=bubble] .message-item .message-attachments{margin-top:6px;display:flex;flex-direction:column;gap:4px}[data-message-layout=bubble] .message-item .attachment{max-width:100%}[data-message-layout=bubble] .message-item .attachment.image{display:block}[data-message-layout=bubble] .message-item .attachment.image img{max-width:100%;max-height:300px;width:auto;height:auto;border-radius:8px;display:block;object-fit:contain}[data-message-layout=bubble] .message-item .attachment-image-btn{display:block;background:none;border:none;padding:0;cursor:pointer}[data-message-layout=bubble] .message-item .message-embeds{margin-top:6px}[data-message-layout=bubble] .message-item .embed{max-width:100%}[data-message-layout=bubble] .message-item>.message-reactions{margin-top:4px;margin-left:0;display:flex;flex-wrap:wrap;gap:4px}[data-message-layout=bubble] .message-item.own>.message-reactions{justify-content:flex-end}[data-message-layout=bubble] .message-item .reaction-btn{padding:2px 6px;font-size:.8rem}[data-message-layout=bubble] .message-item.own{align-items:flex-end}[data-message-layout=bubble] .message-item.own .message-row{justify-content:flex-end}[data-message-layout=bubble] .message-item.own .message-content-wrapper{background:#00b4dc1f;border-color:#00b4dc33;border-radius:16px 16px 4px}[data-message-layout=bubble] .message-item.own .message-author{color:#00c8ffe6}[data-message-layout=bubble] .message-item.own .message-header{flex-direction:row-reverse}[data-message-layout=bubble] .message-item .message-reply-reference{max-width:min(70%,480px);margin-bottom:4px;padding:4px 8px;background:var(--bg-modifier-hover);border-radius:8px;font-size:.75rem;opacity:.8}[data-message-layout=bubble] .message-item.own .message-reply-reference{margin-left:auto}[data-message-layout=bubble] .message-item.grouped{margin-bottom:2px}[data-message-layout=bubble] .message-item.grouped .message-header{display:none}[data-message-layout=bubble] .message-item.grouped .message-content-wrapper{border-radius:4px 16px 16px 4px;padding:6px 12px}[data-message-layout=bubble] .message-item.own.grouped .message-content-wrapper{border-radius:16px 4px 4px 16px}[data-message-layout=bubble] .message-item.system-message{align-items:center;padding:4px 16px}[data-message-layout=bubble] .message-item.system-message .system-message-content{background:var(--bg-modifier-hover);padding:4px 12px;border-radius:12px;font-size:.8rem}[data-message-layout=bubble] .message-item .message-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:2px;opacity:0;transition:opacity .15s ease;background:var(--bg-secondary, #1a1a2e);border-radius:6px;padding:4px;left:calc(70% + 12px);right:auto;box-shadow:0 2px 8px #0000004d;z-index:10}[data-message-layout=bubble] .message-item.own .message-actions{left:auto;right:calc(70% + 12px)}[data-message-layout=bubble] .message-item:hover .message-actions,[data-message-layout=bubble] .message-item.show-actions .message-actions{opacity:1}[data-message-layout=bubble] .message-item .message-actions .action-btn{padding:4px;font-size:.75rem}[data-message-layout=bubble] .message-item .attachment.file{background:#0003;border-radius:8px;padding:8px;margin-top:4px}[data-message-layout=bubble] .message-item .attachment.video video,[data-message-layout=bubble] .message-item .attachment.audio audio{max-width:100%;border-radius:8px}@media(max-width:1200px){[data-message-layout=bubble] .message-item .message-content-wrapper,[data-message-layout=bubble] .message-item .message-reply-reference{max-width:min(75%,420px)}}@media(max-width:768px){[data-message-layout=bubble] .message-item{padding:0 12px}[data-message-layout=bubble] .message-item .message-content-wrapper,[data-message-layout=bubble] .message-item .message-reply-reference{max-width:80%}[data-message-layout=bubble] .message-item .message-actions{position:static;transform:none;margin-top:4px;opacity:1}}@media(max-width:480px){[data-message-layout=bubble] .message-item{padding:0 8px}[data-message-layout=bubble] .message-item .message-content-wrapper{max-width:85%;padding:6px 10px;border-radius:12px 12px 12px 4px}[data-message-layout=bubble] .message-item.own .message-content-wrapper{border-radius:12px 12px 4px}[data-message-layout=bubble] .message-item .message-reply-reference{max-width:85%}[data-message-layout=bubble] .message-item .message-author{font-size:.7rem}[data-message-layout=bubble] .message-item .message-content{font-size:.85rem}[data-message-layout=bubble] .message-item .attachment.image img{max-height:200px}}[data-message-layout=irc] .message-item{display:flex;flex-direction:row;align-items:baseline;gap:8px;padding:2px 0;margin-bottom:0}[data-message-layout=irc] .message-item .message-avatar{display:none}[data-message-layout=irc] .message-item .message-header{display:inline;flex-shrink:0}[data-message-layout=irc] .message-item .message-author{color:var(--accent, #ff6b00);font-weight:600}[data-message-layout=irc] .message-item .message-author:after{content:":"}[data-message-layout=irc] .message-item .message-timestamp{display:none}[data-message-layout=irc] .message-item .message-content,[data-message-layout=irc] .message-item .message-content-wrapper{display:inline}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem;background:linear-gradient(180deg,#0f0a05,#050402)}.error-boundary-content{max-width:480px;text-align:center;padding:3rem 2rem;background:var(--bg-floating, rgba(20, 12, 5, .95));border-radius:16px;border:1px solid var(--accent-border, rgba(255, 140, 0, .3));box-shadow:0 0 40px #ff640026,0 20px 60px #00000080,inset 0 1px #ffffff0d}.error-boundary-icon{margin-bottom:1.5rem;color:var(--color-danger-hover, #ff6b6b);animation:pulse 2s ease-in-out infinite}.error-boundary-icon svg{filter:drop-shadow(0 0 10px rgba(255,107,107,.5))}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-boundary-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.error-boundary-message{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.error-boundary-details{text-align:left;margin-bottom:1.5rem;background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid var(--card-border)}.error-boundary-details summary{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:background .2s}.error-boundary-details summary:hover{background:var(--bg-modifier-hover)}.error-boundary-details pre{margin:0;padding:1rem;font-size:.75rem;color:var(--color-danger-hover, #ff6b6b);white-space:pre-wrap;word-break:break-word;border-top:1px solid var(--card-border);max-height:150px;overflow-y:auto}.error-boundary-actions{display:flex;gap:1rem;justify-content:center}.error-boundary-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.error-boundary-btn.primary{background:linear-gradient(135deg,var(--accent-primary, #ff8c00),var(--accent-secondary, #ff6a00));color:var(--text-primary);border-color:var(--card-border);box-shadow:0 0 20px #ff8c004d}.error-boundary-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff8c0080}.error-boundary-btn.secondary{background:var(--bg-modifier-selected);color:var(--text-secondary);border-color:var(--card-border)}.error-boundary-btn.secondary:hover{background:var(--bg-modifier-selected);color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{animation:skeleton-wave 1.5s linear infinite}.skeleton-none{animation:none}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-message{display:flex;gap:12px;padding:12px 16px}.skeleton-message-content{flex:1;display:flex;flex-direction:column}.skeleton-message-header{display:flex;gap:8px;align-items:center}.skeleton-member{display:flex;align-items:center;gap:10px;padding:6px 10px}.skeleton-channel{display:flex;align-items:center;gap:8px;padding:8px 12px}.skeleton-guild{display:flex;align-items:center;justify-content:center;padding:4px 0}.settings-roles-container{display:flex;gap:24px;min-height:400px}.settings-roles-sidebar{width:240px;flex-shrink:0}.settings-roles-editor{flex:1;min-width:0}.settings-role-item.active{background:#ff6b0033;border-color:var(--glass-border)}.settings-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.settings-emoji-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;position:relative;transition:all .2s ease}.settings-emoji-item:hover{background:#ff6b001a;border-color:var(--glass-border)}.settings-emoji-image{width:48px;height:48px;object-fit:contain;margin-bottom:8px}.settings-emoji-name{font-size:12px;color:var(--text-secondary);text-align:center;word-break:break-all}.settings-emoji-delete{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:#ff3c3c4d;color:var(--color-danger-hover, #ff6b6b);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s ease;font-size:12px;display:flex;align-items:center;justify-content:center}.settings-emoji-item:hover .settings-emoji-delete{opacity:1}.settings-emoji-delete:hover{background:#ff3c3c80}.settings-audit-log{display:flex;flex-direction:column;gap:8px}.settings-audit-entry{display:flex;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px}.settings-audit-icon{flex-shrink:0}.settings-audit-content{flex:1;min-width:0}.settings-audit-action{font-size:14px;color:var(--text-primary);margin-bottom:4px}.settings-audit-type{color:var(--accent-primary, #ff6b00)}.settings-audit-target{color:var(--text-muted)}.settings-audit-time{font-size:12px;color:var(--text-muted)}.settings-audit-reason{font-size:12px;color:var(--text-muted);margin-top:4px;font-style:italic}.settings-webhooks-list{display:flex;flex-direction:column;gap:12px}.settings-webhook-item{display:flex;flex-direction:column;padding:0;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;overflow:hidden}.settings-webhook-item.expanded{border-color:var(--glass-border)}.settings-webhook-header{display:flex;align-items:center;gap:16px;padding:16px}.settings-webhook-header:hover{background:#ffffff08}.settings-webhook-details{padding:0 16px 16px;border-top:1px solid var(--glass-border)}.settings-webhook-url-section{padding-top:12px}.settings-webhook-url-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-webhook-url-row{display:flex;gap:8px;align-items:center}.settings-webhook-url-input{flex:1;font-family:Consolas,Monaco,monospace;font-size:12px!important;background:#0006!important;cursor:text}.settings-webhook-url-loading{font-size:13px;color:var(--text-muted);padding:8px 0}.settings-webhook-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.settings-webhook-avatar img{width:100%;height:100%;object-fit:cover}.settings-webhook-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ff6b0033;color:var(--accent-primary, #ff6b00);font-weight:600;font-size:18px}.settings-webhook-info{flex:1;min-width:0}.settings-webhook-name{font-size:15px;font-weight:600;color:var(--text-primary)}.settings-webhook-channel{font-size:13px;color:var(--text-muted)}.settings-invites-list{display:flex;flex-direction:column;gap:12px}.settings-invite-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px}.settings-invite-code{display:flex;align-items:center;gap:8px}.settings-invite-link{font-family:monospace;font-size:13px;color:var(--accent-primary, #ff6b00)}.settings-invite-info{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.settings-bans-list{display:flex;flex-direction:column;gap:12px}.settings-ban-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px}.settings-ban-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.settings-ban-avatar img{width:100%;height:100%;object-fit:cover}.settings-ban-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ff3c3c33;color:var(--color-danger-hover, #ff6b6b);font-weight:600;font-size:16px}.settings-ban-info{flex:1;min-width:0}.settings-ban-name{font-size:15px;font-weight:500;color:var(--text-primary)}.settings-ban-reason{font-size:12px;color:var(--text-muted);margin-top:2px}.settings-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);font-size:14px}.settings-btn-icon{width:32px;height:32px;border:none;background:var(--bg-modifier-accent);border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-btn-icon:hover{background:#ff6b0033;color:var(--accent-primary, #ff6b00)}.settings-member-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.settings-member-item:hover .settings-member-actions{opacity:1}[data-theme=slate] .main-layout,[data-theme=light] .main-layout{color:var(--text-primary, #060607);background:var(--bg-base, #e3e5e8)}[data-theme=slate] .main-layout:before,[data-theme=light] .main-layout:before{display:none}[data-theme=slate] .connected-content{background:#ffffffbf;border-color:#00000014;box-shadow:0 25px 80px #0000001a}[data-theme=light] .connected-content{background:var(--color-glass-bg, rgba(255, 255, 255, .95));border-color:#00000014;box-shadow:0 25px 80px #00000026}[data-theme=slate] .connected-content:before,[data-theme=light] .connected-content:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent)}[data-theme=slate] .right-panel{background:#ebedefd9;border-left-color:#00000014}[data-theme=light] .right-panel{background:var(--bg-secondary, #ebedef);border-left-color:#00000014}[data-theme=slate] .panel-placeholder,[data-theme=light] .panel-placeholder{color:#06060780}[data-theme=slate] .main-content,[data-theme=light] .main-content,[data-theme=slate] .friends-list,[data-theme=light] .friends-list{background:var(--bg-primary, #f2f3f5)}[data-theme=slate] .friends-header,[data-theme=light] .friends-header{border-bottom-color:#00000014}[data-theme=slate] .friends-title,[data-theme=light] .friends-title{color:var(--text-primary, #060607)}[data-theme=slate] .friends-tab,[data-theme=light] .friends-tab{color:#060607b3}[data-theme=slate] .friends-tab:hover,[data-theme=light] .friends-tab:hover{background:#0000000a;color:var(--text-primary, #060607)}[data-theme=slate] .friends-tab.active,[data-theme=light] .friends-tab.active{background:#0000000f;color:var(--text-primary, #060607)}[data-theme=slate] .friends-search,[data-theme=light] .friends-search{background:#0000000a;border-color:#0000001a;color:var(--text-primary, #060607)}[data-theme=slate] .friends-search::placeholder,[data-theme=light] .friends-search::placeholder{color:#06060766}[data-theme=slate] .friends-count,[data-theme=light] .friends-count{color:#06060799}[data-theme=slate] .friend-name,[data-theme=light] .friend-name{color:var(--text-primary, #060607)}[data-theme=slate] .friend-status,[data-theme=light] .friend-status{color:#06060780}[data-theme=slate] .friend-actions button,[data-theme=light] .friend-actions button{background:#0000000a;color:#060607b3}[data-theme=slate] .friend-actions button:hover,[data-theme=light] .friend-actions button:hover{background:#00000014;color:var(--text-primary, #060607)}[data-theme=slate] .home-page,[data-theme=light] .home-page,[data-theme=slate] .dm-page,[data-theme=light] .dm-page{background:var(--bg-primary, #f2f3f5)}[data-theme=slate] .dm-page-header,[data-theme=light] .dm-page-header{border-bottom-color:#00000014}[data-theme=slate] .dm-recipient-name,[data-theme=light] .dm-recipient-name{color:var(--text-primary, #060607)}[data-theme=slate] .dm-recipient-status,[data-theme=light] .dm-recipient-status{color:#06060780}[data-theme=slate] .dm-sidebar,[data-theme=light] .dm-sidebar{background:var(--bg-secondary, #ebedef)}[data-theme=slate] .dm-item,[data-theme=light] .dm-item{color:#060607cc}[data-theme=slate] .dm-item:hover,[data-theme=light] .dm-item:hover{background:#0000000a}[data-theme=slate] .dm-item.active,[data-theme=light] .dm-item.active{background:#0000000f}[data-theme=slate] .dm-item-name,[data-theme=light] .dm-item-name{color:var(--text-primary, #060607)}[data-theme=slate] .dm-item-preview,[data-theme=light] .dm-item-preview{color:#06060780}[data-theme=slate] .guild-sidebar,[data-theme=light] .guild-sidebar{background:transparent;border-right-color:#00000014}[data-theme=slate] .guild-icon-wrapper,[data-theme=light] .guild-icon-wrapper{background:#ffffff4d}[data-theme=slate] .guild-icon-wrapper:hover,[data-theme=light] .guild-icon-wrapper:hover{background:var(--accent)}[data-theme=slate] .channel-sidebar{background:#ebedefd9;border-right-color:#00000014}[data-theme=light] .channel-sidebar{background:var(--bg-secondary, #ebedef);border-right-color:#00000014}[data-theme=slate] .server-header,[data-theme=light] .server-header{border-bottom-color:#00000014}[data-theme=slate] .server-name,[data-theme=light] .server-name{color:var(--text-primary, #060607)}[data-theme=slate] .channel-category-header,[data-theme=light] .channel-category-header{color:#06060799}[data-theme=slate] .channel-item,[data-theme=light] .channel-item{color:#060607b3}[data-theme=slate] .channel-item:hover,[data-theme=light] .channel-item:hover{background:#0000000a;color:var(--text-primary, #060607)}[data-theme=slate] .channel-item.active,[data-theme=light] .channel-item.active{background:#0000000f;color:var(--text-primary, #060607)}[data-theme=slate] .user-panel{background:#e3e5e8e6;border-top-color:#00000014}[data-theme=light] .user-panel{background:var(--bg-secondary-alt, #e3e5e8);border-top-color:#00000014}[data-theme=slate] .user-panel-name,[data-theme=light] .user-panel-name{color:var(--text-primary, #060607)}[data-theme=slate] .user-panel-status,[data-theme=light] .user-panel-status,[data-theme=slate] .user-panel-btn,[data-theme=light] .user-panel-btn{color:#06060799}[data-theme=slate] .user-panel-btn:hover,[data-theme=light] .user-panel-btn:hover{background:#0000000f;color:var(--text-primary, #060607)}[data-theme=slate] .chat-area{background:#f2f3f5e6}[data-theme=light] .chat-area{background:var(--bg-primary, #f2f3f5)}[data-theme=slate] .chat-header,[data-theme=light] .chat-header{background:var(--bg-primary, #f2f3f5);border-bottom-color:#00000014}[data-theme=slate] .chat-header-name,[data-theme=light] .chat-header-name{color:var(--text-primary, #060607)}[data-theme=slate] .chat-header-topic,[data-theme=light] .chat-header-topic{color:#06060799}[data-theme=slate] .message,[data-theme=light] .message{color:var(--text-primary, #060607)}[data-theme=slate] .message:hover,[data-theme=light] .message:hover{background:#00000005}[data-theme=slate] .message-author-name,[data-theme=light] .message-author-name{color:var(--text-primary, #060607)}[data-theme=slate] .message-timestamp,[data-theme=light] .message-timestamp{color:#06060780}[data-theme=slate] .message-content,[data-theme=light] .message-content{color:var(--text-primary, #060607)}[data-theme=slate] .message-input-wrapper,[data-theme=light] .message-input-wrapper{background:var(--bg-tertiary, #ffffff);border-color:#00000014}[data-theme=slate] .message-input,[data-theme=light] .message-input{color:var(--text-primary, #060607);background:transparent}[data-theme=slate] .message-input::placeholder,[data-theme=light] .message-input::placeholder{color:#06060766}[data-theme=slate] .member-sidebar{background:#ebedefd9;border-left-color:#00000014}[data-theme=light] .member-sidebar{background:var(--bg-secondary, #ebedef);border-left-color:#00000014}[data-theme=slate] .member-category-header,[data-theme=light] .member-category-header{color:#06060799}[data-theme=slate] .member-item,[data-theme=light] .member-item{color:#060607cc}[data-theme=slate] .member-item:hover,[data-theme=light] .member-item:hover{background:#0000000a}[data-theme=slate] .member-name,[data-theme=light] .member-name{color:#060607cc}[data-theme=slate] .member-status-text,[data-theme=light] .member-status-text{color:#06060780}[data-theme=slate] .discovery-modal,[data-theme=light] .discovery-modal{background:var(--bg-primary, #f2f3f5)}[data-theme=slate] .discovery-modal-header h1,[data-theme=light] .discovery-modal-header h1{color:var(--text-primary, #060607);text-shadow:none}[data-theme=slate] .discovery-page,[data-theme=light] .discovery-page{background:var(--bg-primary, #f2f3f5);border-color:#00000014}[data-theme=slate] .discovery-header,[data-theme=light] .discovery-header{border-bottom-color:#00000014}[data-theme=slate] .filter-group select,[data-theme=light] .filter-group select{background:#0000000d;border-color:#0000001a;color:var(--text-primary, #060607)}[data-theme=slate] .server-card,[data-theme=light] .server-card{background:var(--bg-tertiary, #ffffff);border-color:#00000014}[data-theme=slate] .server-card-name,[data-theme=light] .server-card-name{color:var(--text-primary, #060607)}[data-theme=slate] .server-card-description,[data-theme=light] .server-card-description{color:#060607b3}[data-theme=slate] .server-card-stats,[data-theme=light] .server-card-stats{color:#06060780}[data-theme=slate] .modal-overlay,[data-theme=light] .modal-overlay{background:#00000080}[data-theme=slate] .modal-content,[data-theme=light] .modal-content{background:var(--bg-tertiary, #ffffff);color:var(--text-primary, #060607)}[data-theme=slate] .modal-header,[data-theme=light] .modal-header{color:var(--text-primary, #060607);border-bottom-color:#00000014}[data-theme=slate] .modal-body,[data-theme=light] .modal-body{color:var(--text-primary, #060607)}[data-theme=slate] .modal-footer,[data-theme=light] .modal-footer{border-top-color:#00000014}[data-theme=slate] .dropdown-menu,[data-theme=slate] .context-menu,[data-theme=light] .dropdown-menu,[data-theme=light] .context-menu{background:var(--bg-tertiary, #ffffff);border-color:#00000014;box-shadow:0 8px 24px #00000026}[data-theme=slate] .dropdown-item,[data-theme=slate] .context-menu-item,[data-theme=light] .dropdown-item,[data-theme=light] .context-menu-item{color:#060607cc}[data-theme=slate] .dropdown-item:hover,[data-theme=slate] .context-menu-item:hover,[data-theme=light] .dropdown-item:hover,[data-theme=light] .context-menu-item:hover{background:#0000000a;color:var(--text-primary, #060607)}[data-theme=slate] .tooltip,[data-theme=light] .tooltip{background:var(--text-primary, #060607);color:var(--bg-tertiary, #ffffff)}[data-theme=slate] .voice-channel-item,[data-theme=light] .voice-channel-item{color:#060607b3}[data-theme=slate] .voice-user-name,[data-theme=light] .voice-user-name{color:#060607cc}[data-theme=slate] .voice-join-button,[data-theme=light] .voice-join-button{color:var(--text-primary, #060607);border-color:#0000001a}[data-theme=slate] .voice-control-button,[data-theme=light] .voice-control-button{color:#060607b3}[data-theme=slate] .voice-control-button:hover,[data-theme=light] .voice-control-button:hover{background:#0000000f;color:var(--text-primary, #060607)}[data-theme=slate] .form-label,[data-theme=light] .form-label{color:#060607cc}[data-theme=slate] .form-input,[data-theme=slate] .form-textarea,[data-theme=slate] .form-select,[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] .form-select{background:#0000000a;border-color:#0000001a;color:var(--text-primary, #060607)}[data-theme=slate] .form-input:focus,[data-theme=slate] .form-textarea:focus,[data-theme=slate] .form-select:focus,[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus,[data-theme=light] .form-select:focus{border-color:var(--accent)}[data-theme=slate] .profile-card,[data-theme=light] .profile-card{background:var(--bg-tertiary, #ffffff)}[data-theme=slate] .profile-username,[data-theme=light] .profile-username{color:var(--text-primary, #060607)}[data-theme=slate] .profile-discriminator,[data-theme=light] .profile-discriminator,[data-theme=slate] .profile-section-title,[data-theme=light] .profile-section-title{color:#06060799}[data-theme=slate] .profile-bio,[data-theme=light] .profile-bio{color:#060607cc}[data-theme=slate] .unread-badge,[data-theme=slate] .notification-badge,[data-theme=light] .unread-badge,[data-theme=light] .notification-badge{color:var(--text-primary, white)}[data-theme=slate] .group-dm-modal,[data-theme=light] .group-dm-modal{background:var(--bg-tertiary, #ffffff)}[data-theme=slate] .group-dm-modal-header,[data-theme=light] .group-dm-modal-header{color:var(--text-primary, #060607)}[data-theme=slate] .selected-user-chip,[data-theme=light] .selected-user-chip{background:#0000000f;color:var(--text-primary, #060607)}[data-theme=slate] .friend-item,[data-theme=light] .friend-item{color:#060607cc}[data-theme=slate] .friend-item:hover,[data-theme=light] .friend-item:hover{background:#0000000a}[data-theme=slate] .empty-state-title,[data-theme=light] .empty-state-title{color:var(--text-primary, #060607)}[data-theme=slate] .empty-state-description,[data-theme=light] .empty-state-description{color:#06060799}[data-theme=slate] .empty-state p,[data-theme=light] .empty-state p{color:#060607b3}[data-theme=slate] .empty-state .empty-hint,[data-theme=light] .empty-state .empty-hint{color:#06060780}[data-theme=slate] .friends-empty,[data-theme=light] .friends-empty,[data-theme=slate] .empty-text,[data-theme=light] .empty-text{color:#06060799}[data-theme=slate] .no-friends-message,[data-theme=light] .no-friends-message{color:#06060780}[data-theme=slate] .add-friend-title,[data-theme=light] .add-friend-title{color:var(--text-primary, #060607)}[data-theme=slate] .add-friend-subtitle,[data-theme=light] .add-friend-subtitle{color:#060607b3}[data-theme=slate] .add-friend-input-wrapper,[data-theme=light] .add-friend-input-wrapper{background:#0000000a;border-color:#0000001a}[data-theme=slate] .add-friend-input,[data-theme=light] .add-friend-input{color:var(--text-primary, #060607)}[data-theme=slate] .add-friend-input::placeholder,[data-theme=light] .add-friend-input::placeholder{color:#06060766}[data-theme=slate] .info-title,[data-theme=light] .info-title{color:#06060780}[data-theme=slate] .search-input,[data-theme=light] .search-input{background:#0000000a;border-color:#00000014;color:var(--text-primary, #060607)}[data-theme=slate] .search-input::placeholder,[data-theme=light] .search-input::placeholder{color:#06060766}[data-theme=slate] .tab-item,[data-theme=light] .tab-item{color:#06060799}[data-theme=slate] .tab-item:hover,[data-theme=light] .tab-item:hover{color:var(--text-primary, #060607)}[data-theme=slate] .tab-item.active,[data-theme=light] .tab-item.active{color:var(--accent)}[data-theme=slate] h1,[data-theme=slate] h2,[data-theme=slate] h3,[data-theme=slate] h4,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:var(--text-primary, #060607)}[data-theme=slate] .user-popup,[data-theme=light] .user-popup{background:#fffffff2;border-color:#0000001a;box-shadow:0 15px 50px #00000026,0 0 30px #0000000d}[data-theme=slate] .user-popup-name,[data-theme=light] .user-popup-name{color:var(--text-primary, #060607)}[data-theme=slate] .user-popup-status,[data-theme=light] .user-popup-status,[data-theme=slate] .user-popup-settings-cog,[data-theme=light] .user-popup-settings-cog,[data-theme=slate] .user-popup-action-btn,[data-theme=light] .user-popup-action-btn,[data-theme=slate] .user-popup-action-bar-btn,[data-theme=light] .user-popup-action-bar-btn{color:#06060780}[data-theme=slate] .user-popup-settings-cog:hover,[data-theme=light] .user-popup-settings-cog:hover,[data-theme=slate] .user-popup-action-btn:hover,[data-theme=light] .user-popup-action-btn:hover,[data-theme=slate] .user-popup-action-bar-btn:hover,[data-theme=light] .user-popup-action-bar-btn:hover,[data-theme=slate] .user-popup-action-btn.active,[data-theme=light] .user-popup-action-btn.active,[data-theme=slate] .user-popup-action-bar-btn.active,[data-theme=light] .user-popup-action-bar-btn.active{color:var(--accent)}[data-theme=slate] .user-popup-action-bar-btn,[data-theme=light] .user-popup-action-bar-btn{background:#0000000a;border-color:#00000014}[data-theme=slate] .user-popup-action-bar-btn:hover,[data-theme=light] .user-popup-action-bar-btn:hover{background:rgba(var(--accent-rgb, 255, 107, 0),.08);border-color:rgba(var(--accent-rgb, 255, 107, 0),.2)}[data-theme=slate] .user-popup-action-bar-btn.active,[data-theme=light] .user-popup-action-bar-btn.active{background:rgba(var(--accent-rgb, 255, 107, 0),.1);border-color:rgba(var(--accent-rgb, 255, 107, 0),.25)}[data-theme=slate] .user-popup-divider,[data-theme=light] .user-popup-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}[data-theme=slate] .user-popup-section-title,[data-theme=light] .user-popup-section-title{color:var(--accent)}[data-theme=slate] .user-popup-btn,[data-theme=light] .user-popup-btn{background:#0000000a;color:#060607cc}[data-theme=slate] .user-popup-btn:hover,[data-theme=light] .user-popup-btn:hover{border-color:var(--accent);color:var(--accent);background:#0000000f}[data-theme=slate] .status-option,[data-theme=light] .status-option{color:#060607cc}[data-theme=slate] .status-option:hover,[data-theme=light] .status-option:hover{background:#0000000a;color:var(--text-primary, #060607)}[data-theme=slate] .status-option.active,[data-theme=light] .status-option.active{background:rgba(var(--accent-rgb, 255, 107, 0),.1);color:var(--text-primary, #060607)}body.desktop-app .main-layout{height:100%}body.desktop-app .guild-sidebar{position:absolute;top:8px;bottom:8px}body.desktop-app .app-layout{padding-top:8px;padding-bottom:8px}[data-theme=fox] .main-layout{color:var(--text-primary, #373737);background:var(--bg-base, #bababa)}[data-theme=fox] .main-layout:before{opacity:.3}[data-theme=fox] .connected-content{background:#bababad9;border-color:#0000001a;box-shadow:0 25px 80px #00000026}[data-theme=fox] .connected-content:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent)}[data-theme=fox] .right-panel{background:#aaaaaae6;border-left-color:#0000001a}[data-theme=fox] .panel-placeholder{color:var(--text-muted, #335e71)}[data-theme=fox] .main-content{background:var(--bg-primary, rgba(186, 186, 186, .95))}[data-theme=fox] .friends-list{background:var(--bg-primary)}[data-theme=fox] .friends-header{border-bottom-color:#0000001a}[data-theme=fox] .friends-title{color:var(--text-primary, #373737)}[data-theme=fox] .friends-tab{color:var(--text-secondary)}[data-theme=fox] .friends-tab:hover{color:var(--text-primary);background:#0000000f}[data-theme=fox] .friends-tab.active{color:var(--accent, #c25100);background:#c251001f}[data-theme=fox] .friends-empty{color:var(--text-secondary)}[data-theme=fox] .friend-item{border-bottom-color:#0000000f}[data-theme=fox] .friend-item:hover{background:#0000000a}[data-theme=fox] .friend-name{color:var(--text-primary, #373737)}[data-theme=fox] .friend-status{color:var(--text-muted, #335e71)}[data-theme=fox] .friend-actions button{color:var(--text-secondary)}[data-theme=fox] .friend-actions button:hover{color:var(--text-primary);background:#00000014}[data-theme=fox] .discovery-modal{background:var(--bg-primary, rgba(186, 186, 186, .98))}[data-theme=fox] .discovery-modal-header h1{color:var(--text-primary, #373737);text-shadow:none}[data-theme=fox] .discovery-page{background:var(--bg-primary);border-color:#0000001a}[data-theme=fox] .discovery-header{border-bottom-color:#0000001a}[data-theme=fox] .filter-group select{background:#0000000f;border-color:#0000001f;color:var(--text-primary)}[data-theme=fox] .server-card{background:#c8c8c8e6;border-color:#0000001a}[data-theme=fox] .server-card:hover{border-color:var(--accent, #c25100);box-shadow:0 8px 24px #00000026}[data-theme=fox] .server-card-name{color:var(--text-primary, #373737)}[data-theme=fox] .server-card-description{color:var(--text-secondary)}[data-theme=fox] .server-card-stats{color:var(--text-muted, #335e71)}[data-theme=fox] .channel-sidebar{background:var(--bg-secondary, rgba(170, 170, 170, .9))}[data-theme=fox] .channel-category-header{color:var(--text-muted, #335e71)}[data-theme=fox] .channel-item{color:var(--text-secondary)}[data-theme=fox] .channel-item:hover{background:#0000000f;color:var(--text-primary)}[data-theme=fox] .channel-item.active{background:#c251001f;color:var(--text-primary)}[data-theme=fox] .guild-sidebar,[data-theme=fox] .guild-sidebar-content,[data-theme=fox] .guild-icon{background:transparent}[data-theme=fox] .guild-icon:hover{background:#00000014}[data-theme=fox] .guild-item-wrapper,[data-theme=fox] .home-icon{background:transparent}[data-theme=fox] .home-icon:hover{background:#00000014}[data-theme=fox] .add-server-btn{background:transparent}[data-theme=fox] .add-server-btn:hover{background:#c2510026}[data-theme=fox] .discover-btn{background:transparent}[data-theme=fox] .discover-btn:hover{background:#c2510026}[data-theme=fox] .member-list{background:var(--bg-secondary, rgba(170, 170, 170, .9))}[data-theme=fox] .member-category{color:var(--text-muted, #335e71)}[data-theme=fox] .member-item{color:var(--text-secondary)}[data-theme=fox] .member-item:hover{background:#0000000d}[data-theme=fox] .chat-area{background:var(--bg-primary)}[data-theme=fox] .chat-header{border-bottom-color:#0000001a}[data-theme=fox] .chat-header-title{color:var(--text-primary, #373737)}[data-theme=fox] .message-input-container{background:transparent;border-top-color:#00000014}[data-theme=fox] .message-input-wrapper{background:#c8c8c8e6;border-color:#0000001a}[data-theme=fox] .message-input{background:transparent;color:var(--text-primary, #373737);border:none}[data-theme=fox] .message-input::placeholder{color:var(--text-muted, #335e71)}[data-theme=fox] .message-input:focus{border:none;background:transparent}[data-theme=fox] .message{color:var(--text-primary, #373737)}[data-theme=fox] .message:hover{background:#00000008}[data-theme=fox] .message-author-name{color:var(--text-primary, #373737)}[data-theme=fox] .message-timestamp{color:var(--text-muted, #335e71)}[data-theme=fox] .dm-list{background:var(--bg-secondary)}[data-theme=fox] .dm-item{color:var(--text-secondary)}[data-theme=fox] .dm-item:hover{background:#0000000d}[data-theme=fox] .dm-item.active{background:#c251001f;color:var(--text-primary)}[data-theme=fox] .add-server-modal{background:#bababafa;border-color:#c2510033}[data-theme=fox] .add-server-header h2{color:var(--text-primary, #373737)}[data-theme=fox] .add-server-header p{color:var(--text-secondary)}[data-theme=fox] .add-server-option{background:#c8c8c8cc;border-color:#0000001a}[data-theme=fox] .add-server-option:hover{background:#d2d2d2e6;border-color:var(--accent, #c25100)}[data-theme=fox] .add-server-option h3{color:var(--text-primary, #373737)}[data-theme=fox] .add-server-option p{color:var(--text-secondary)}[data-theme=fox] .user-profile-modal{background:#bababafa;border-color:#0000001f}[data-theme=fox] .profile-username{color:var(--text-primary, #373737)}[data-theme=fox] .profile-discriminator{color:var(--text-muted, #335e71)}[data-theme=fox] .context-menu{background:#cacaca;border-color:#00000026;box-shadow:0 8px 24px #00000040}[data-theme=fox] .context-menu-item{color:var(--text-primary, #373737)}[data-theme=fox] .context-menu-item:hover{background:#c251001f}[data-theme=fox] .context-menu-separator{background:#0000001a}[data-theme=fox] .settings-modal-overlay{background:#bababa}[data-theme=fox] .settings-sidebar{background:#afafaf}[data-theme=fox] .settings-content{background:#bababa}[data-theme=fox] .tooltip{background:#373737f2;color:#fff}[data-theme=fox] .user-popup{background:#cbcbcb;border-color:#00000026;box-shadow:0 15px 50px #0003,0 0 30px #0000000d}[data-theme=fox] .user-popup-name{color:var(--text-primary, #373737)}[data-theme=fox] .user-popup-status,[data-theme=fox] .user-popup-settings-cog,[data-theme=fox] .user-popup-action-btn,[data-theme=fox] .user-popup-action-bar-btn{color:var(--text-muted, #335e71)}[data-theme=fox] .user-popup-settings-cog:hover,[data-theme=fox] .user-popup-action-btn:hover,[data-theme=fox] .user-popup-action-bar-btn:hover,[data-theme=fox] .user-popup-action-btn.active,[data-theme=fox] .user-popup-action-bar-btn.active{color:var(--accent, #c25100)}[data-theme=fox] .user-popup-action-bar-btn{background:#0000000a;border-color:#00000014}[data-theme=fox] .user-popup-action-bar-btn:hover{background:#c2510014;border-color:#c2510033}[data-theme=fox] .user-popup-action-bar-btn.active{background:#c251001a;border-color:#c2510040}[data-theme=fox] .user-popup-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent)}[data-theme=fox] .user-popup-section-title{color:var(--accent, #c25100)}[data-theme=fox] .user-popup-btn{background:#0000000f;color:var(--text-secondary, rgba(55, 55, 55, .85))}[data-theme=fox] .user-popup-btn:hover{border-color:var(--accent, #c25100);color:var(--accent, #c25100);background:#00000014}[data-theme=fox] .status-option{color:var(--text-secondary, rgba(55, 55, 55, .85))}[data-theme=fox] .status-option:hover{background:#0000000f;color:var(--text-primary, #373737)}[data-theme=fox] .status-option.active{background:#c251001f;color:var(--text-primary, #373737)}[data-theme=fox] .user-panel{background:#b4b4b4e6;border-top-color:#0000001a}[data-theme=fox] .user-panel-name{color:var(--text-primary, #373737)}[data-theme=fox] .user-panel-status,[data-theme=fox] .user-panel-btn{color:var(--text-muted, #335e71)}[data-theme=fox] .user-panel-btn:hover{background:#00000014;color:var(--text-primary, #373737)}.mobile-settings-overlay{position:fixed;inset:0;z-index:500;background:var(--bg-primary);overflow:hidden;animation:settingsSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes settingsSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-settings-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-settings-header{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:var(--color-glass-dark);border-bottom:1px solid var(--glass-border);min-height:56px}.settings-back-btn,.settings-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--card-bg-solid-hover);border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.settings-back-btn:active,.settings-close-btn:active{transform:scale(.95);background:#ffffff1a}.settings-title{flex:1;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0}.mobile-settings-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.settings-user-card,.settings-server-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:24px}.user-avatar,.server-icon{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.server-icon{border-radius:16px}.user-avatar img,.server-icon img{width:100%;height:100%;object-fit:cover}.avatar-placeholder,.icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover, #ff8533));color:var(--text-on-accent, #000);font-size:24px;font-weight:700}.avatar-placeholder.large,.icon-placeholder.large{font-size:32px}.user-info,.server-info{flex:1;min-width:0}.user-display-name,.server-name{display:block;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username,.server-member-count{display:block;font-size:13px;color:var(--text-muted);margin-top:2px}.user-edit-btn,.server-edit-btn{padding:8px 16px;background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.user-edit-btn:active,.server-edit-btn:active{transform:scale(.95);background:rgba(var(--accent-rgb),.25)}.settings-section{margin-bottom:24px}.section-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 4px}.section-title.danger{color:var(--color-danger, #f23f43)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header-row .section-title{margin-bottom:0}.settings-nav-list{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;background:var(--card-bg-solid);border:1px solid transparent;border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-item:active{transform:scale(.99);background:#ffffff0f}.settings-nav-item.danger{border-color:color-mix(in srgb,var(--color-danger) 30%,transparent)}.settings-nav-item.danger .nav-item-icon,.settings-nav-item.danger .nav-item-label{color:var(--color-danger, #f23f43)}.nav-item-icon{width:24px;height:24px;color:var(--accent);flex-shrink:0}.nav-item-content{flex:1;min-width:0}.nav-item-label{display:block;font-size:15px;font-weight:500;color:var(--text-primary)}.nav-item-description{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.nav-item-badge{padding:4px 8px;background:var(--accent);color:var(--text-on-accent, #000);font-size:11px;font-weight:700;border-radius:6px}.nav-item-arrow{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.mobile-setting-toggle{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg-solid);border-radius:12px;cursor:pointer;margin-bottom:8px}.mobile-setting-toggle.disabled{opacity:.5;pointer-events:none}.toggle-content{flex:1;min-width:0}.toggle-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-description{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.toggle-switch{position:relative;width:52px;height:32px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--input-bg);border-radius:16px;transition:background .2s ease}.toggle-switch.active .toggle-track{background:var(--accent)}.toggle-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--text-primary);border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-thumb{transform:translate(20px);background:var(--text-on-accent, #000)}.mobile-setting-select{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg-solid);border-radius:12px;margin-bottom:8px}.select-content{flex:1;min-width:0}.select-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.select-description{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.mobile-setting-select select{padding:8px 12px;background:var(--card-bg-solid-hover);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;min-width:120px}.mobile-setting-slider{padding:12px;background:var(--card-bg-solid);border-radius:12px;margin-bottom:8px}.slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.slider-label{font-size:14px;font-weight:500;color:var(--text-primary)}.slider-value{font-size:14px;color:var(--accent);font-weight:600}.mobile-setting-slider input[type=range]{width:100%;height:6px;background:var(--input-bg);border-radius:3px;-webkit-appearance:none;appearance:none}.mobile-setting-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--accent-glow)}.mobile-input{width:100%;padding:14px 16px;background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:15px;transition:border-color .2s ease}.mobile-input:focus{outline:none;border-color:var(--accent)}.mobile-textarea{width:100%;padding:14px 16px;background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:15px;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s ease}.mobile-textarea:focus{outline:none;border-color:var(--accent)}.char-counter{display:block;text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.mobile-save-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent),var(--accent-hover, #ff8533));border:none;border-radius:12px;color:var(--text-on-accent, #000);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:16px;text-transform:uppercase;letter-spacing:1px}.mobile-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-save-btn:not(:disabled):active{transform:scale(.98)}.mobile-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:12px;color:var(--color-danger, #f23f43);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-logout-btn:active{transform:scale(.98);background:color-mix(in srgb,var(--color-danger) 20%,transparent)}.settings-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--card-bg-solid);border:1px solid transparent;border-radius:12px;color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:8px}.settings-action-btn:active{transform:scale(.99);background:#ffffff0f}.settings-action-btn.danger{border-color:color-mix(in srgb,var(--color-danger) 30%,transparent);color:var(--color-danger, #f23f43)}.settings-action-btn svg{width:20px;height:20px;flex-shrink:0}.btn-secondary{padding:10px 20px;background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-secondary:active{transform:scale(.98);background:rgba(var(--accent-rgb),.25)}.btn-ghost{padding:10px 20px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost:active{background:#ffffff0d}.btn-primary{padding:10px 20px;background:var(--accent);border:none;border-radius:8px;color:var(--text-on-accent, #000);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:active{transform:scale(.98)}.btn-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;transition:all .2s ease}.btn-icon-small:active{transform:scale(.95)}.account-info-card{background:var(--card-bg-solid);border-radius:12px;overflow:hidden}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--text-muted)}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.avatar-editor,.server-icon-editor{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-preview,.server-icon-preview{width:96px;height:96px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:0 0 20px var(--accent-glow)}.avatar-preview.large,.server-icon-preview.large{width:96px;height:96px}.server-icon-preview.large{border-radius:20px}.avatar-preview img,.server-icon-preview img{width:100%;height:100%;object-fit:cover}.avatar-actions,.icon-actions,.banner-actions{display:flex;gap:12px}.banner-preview{width:100%;height:120px;border-radius:12px;overflow:hidden;margin-bottom:12px}.banner-preview img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--card-bg-solid);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.theme-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.theme-preview{width:48px;height:48px;border-radius:50%}.theme-option[data-theme=orange] .theme-preview{background:linear-gradient(135deg,#ff6b00,#ff8533)}.theme-option[data-theme=cyan] .theme-preview{background:linear-gradient(135deg,#00bcd4,#00e5ff)}.theme-option[data-theme=magenta] .theme-preview{background:linear-gradient(135deg,#e91e63,#ff4081)}.theme-option[data-theme=green] .theme-preview{background:linear-gradient(135deg,#4caf50,#8bc34a)}.theme-option[data-theme=purple] .theme-preview{background:linear-gradient(135deg,#9c27b0,#673ab7)}.theme-option[data-theme=gold] .theme-preview{background:linear-gradient(135deg,#ffc107,#ffeb3b)}.theme-option[data-theme=fox] .theme-preview{background:linear-gradient(135deg,#ff5722,#ff9800)}.theme-option[data-theme=slate] .theme-preview{background:linear-gradient(135deg,#607d8b,#78909c)}.theme-option[data-theme=light] .theme-preview{background:linear-gradient(135deg,#fff,#f5f5f5)}.theme-name{font-size:12px;color:var(--text-secondary);font-weight:500}.layout-options{display:flex;flex-direction:column;gap:8px}.layout-option{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px;background:var(--card-bg-solid);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.layout-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.layout-name{font-size:15px;font-weight:600;color:var(--text-primary)}.layout-description{font-size:13px;color:var(--text-muted);margin-top:2px}.time-range-picker{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg-solid);border-radius:12px;margin:12px 0}.time-input{flex:1;display:flex;flex-direction:column;gap:4px}.time-input label{font-size:12px;color:var(--text-muted)}.time-input input[type=time]{padding:8px 12px;background:var(--card-bg-solid-hover);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:14px}.time-separator{color:var(--text-muted);font-size:14px;padding-top:16px}.setting-note{font-size:13px;color:var(--text-muted);line-height:1.5;padding:8px 0}.danger-zone{background:color-mix(in srgb,var(--color-danger) 5%,transparent);border-radius:12px;padding:16px;border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent)}.danger-zone .section-title{margin-left:0}.mobile-settings-content .channels-list{display:flex;flex-direction:column;gap:4px}.mobile-settings-content .settings-channel-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--card-bg-solid);border-radius:10px}.mobile-settings-content .settings-channel-icon{color:var(--text-muted)}.mobile-settings-content .settings-channel-name{flex:1;font-size:14px;color:var(--text-primary)}.mobile-settings-content .channel-edit-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer}.mobile-settings-content .channel-edit-btn:active{background:#ffffff1a}.roles-list{display:flex;flex-direction:column;gap:4px}.role-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg-solid);border-radius:10px}.role-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.role-name{flex:1;font-size:14px;color:var(--text-primary)}.role-member-count{font-size:13px;color:var(--text-muted)}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card-bg-solid);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:12px}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{outline:none}.members-list{display:flex;flex-direction:column;gap:4px}.members-list .member-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card-bg-solid);border-radius:10px}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{flex:1;min-width:0}.member-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-username{display:block;font-size:12px;color:var(--text-muted)}.member-edit-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:14px}.devices-list{display:flex;flex-direction:column;gap:8px}.device-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card-bg-solid);border-radius:12px}.device-item.current{border:1px solid var(--accent);background:rgba(var(--accent-rgb),.05)}.device-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg-solid-hover);border-radius:10px;color:var(--text-secondary)}.device-info{flex:1;min-width:0}.device-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.device-details{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.device-badge{padding:4px 10px;background:var(--accent);color:var(--text-on-accent, #000);font-size:11px;font-weight:700;border-radius:6px}.pwa-settings .connection-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600}.connection-status.online{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.connection-status.offline{background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.status-indicator{width:10px;height:10px;border-radius:50%;background:currentColor;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.pwa-installed-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;background:color-mix(in srgb,var(--color-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius:16px}.installed-icon{color:var(--color-success);margin-bottom:12px}.installed-text{font-size:18px;font-weight:600;color:var(--color-success);margin-bottom:8px}.installed-description{font-size:14px;color:var(--text-secondary)}.pwa-install-card{padding:16px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:16px}.install-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.install-icon{color:var(--accent);flex-shrink:0}.install-text{flex:1}.install-title{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.install-description{display:block;font-size:13px;color:var(--text-secondary)}.pwa-install-btn{width:100%;padding:14px;background:var(--accent);border:none;border-radius:10px;color:var(--text-on-accent, #000);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.pwa-install-btn:disabled{opacity:.7;cursor:not-allowed}.pwa-install-btn:not(:disabled):active{transform:scale(.98)}.pwa-unavailable-card{padding:16px;background:var(--card-bg-solid);border-radius:12px}.unavailable-text{font-size:14px;color:var(--text-muted);line-height:1.5}.permission-denied-card,.permission-request-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card-bg-solid);border-radius:12px}.permission-denied-card{background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.permission-denied-card svg{color:var(--color-danger)}.request-info{display:flex;align-items:flex-start;gap:12px}.request-info svg{color:var(--accent);flex-shrink:0}.request-info span{font-size:14px;color:var(--text-secondary);line-height:1.5}.storage-usage-card{padding:16px;background:var(--card-bg-solid);border-radius:12px;margin-bottom:12px}.storage-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.storage-label{font-size:14px;color:var(--text-secondary)}.storage-value{font-size:14px;color:var(--text-primary);font-weight:500}.storage-bar{height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden;margin-bottom:8px}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover, #ff8533));border-radius:4px;transition:width .3s ease}.storage-percentage{font-size:12px;color:var(--text-muted)}.update-available-card{padding:16px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);border-radius:12px;margin-bottom:12px}.update-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.update-info svg{color:var(--accent);flex-shrink:0}.update-text{flex:1}.update-title{display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.update-description{display:block;font-size:13px;color:var(--text-secondary)}.service-worker-status{display:flex;align-items:center;gap:8px;padding:12px;background:var(--card-bg-solid);border-radius:10px;margin-bottom:8px}.service-worker-status .status-label{font-size:14px;color:var(--text-secondary)}.service-worker-status .status-value{font-size:14px;font-weight:600;margin-left:auto}.service-worker-status .status-value.activated{color:var(--color-success)}.service-worker-status .status-value.error{color:var(--color-danger)}.last-check{display:block;font-size:12px;color:var(--text-muted);padding:0 4px}.push-error-card{display:flex;align-items:flex-start;gap:10px;padding:12px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:10px;margin-bottom:12px}.push-error-card svg{color:var(--color-danger);flex-shrink:0}.push-error-card span{font-size:13px;color:var(--color-danger);line-height:1.4}.push-status-info{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(var(--accent-rgb),.1);border-radius:10px;margin-top:8px}.push-status-info span{font-size:13px;color:var(--accent)}.push-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:var(--accent);border-radius:50%;animation:pushSpin .8s linear infinite}@keyframes pushSpin{to{transform:rotate(360deg)}}.display-mode-info{display:flex;align-items:center;gap:8px;padding:12px;background:var(--card-bg-solid);border-radius:10px;margin-bottom:12px}.mode-label{font-size:14px;color:var(--text-secondary)}.mode-value{font-size:14px;font-weight:600;color:var(--accent);text-transform:capitalize;margin-left:auto}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:8px 0}@media(prefers-reduced-motion:reduce){.mobile-settings-overlay,.toggle-thumb,.storage-bar-fill,.status-indicator{animation:none!important;transition:none!important}}.debug-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.debug-actions .mobile-input{width:100%}.debug-buttons{display:flex;gap:8px}.debug-buttons button{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.debug-buttons .btn-secondary{background:var(--accent);color:var(--text-on-accent, #000);border:none}.debug-buttons .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.debug-buttons .btn-ghost.danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.debug-saved-notice{background:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success);padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.debug-log-viewer{background:var(--bg-base);border:1px solid var(--glass-border);border-radius:8px;max-height:400px;overflow-y:auto;font-family:Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;-webkit-overflow-scrolling:touch}.debug-empty{color:var(--text-muted);text-align:center;padding:40px 20px;font-style:italic}.debug-log-entry{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;border-left:3px solid;border-bottom:1px solid var(--glass-border);word-break:break-all}.debug-log-entry:last-child{border-bottom:none}.log-time{color:var(--text-muted);font-size:10px;white-space:nowrap}.log-level{font-weight:600;font-size:10px;white-space:nowrap}.log-message{color:var(--text-primary);flex:1;min-width:0}.version-info-card{background:var(--card-bg-solid);border-radius:12px;overflow:hidden;margin-bottom:12px}.version-info-card .info-row.update-available{background:rgba(var(--accent-rgb),.1)}.version-info-card .info-value.highlight{color:var(--accent);font-weight:600}.setting-note.success{color:var(--accent)}.btn-secondary.full-width{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;background:var(--card-bg-solid-hover);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-secondary.full-width:hover{background:var(--bg-modifier-hover)}.btn-secondary.full-width:active{transform:scale(.98)}.btn-secondary.full-width:disabled{opacity:.6;cursor:not-allowed}.mobile-save-btn.update-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent)}.mobile-save-btn.update-btn svg{flex-shrink:0}.download-progress{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--card-bg-solid);border-radius:10px}.progress-bar{height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-text{font-size:13px;color:var(--text-muted);text-align:center}.about-logo{display:flex;justify-content:center;margin:16px 0}.about-tagline{text-align:center;color:var(--text-muted);font-size:14px;margin:0}.settings-link-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--card-bg-solid);border:none;border-radius:10px;color:var(--text-primary);font-size:14px;text-decoration:none;cursor:pointer;transition:all .2s ease}.settings-link-btn:hover{background:#ffffff0f}.settings-link-btn:active{transform:scale(.98)}.settings-link-btn svg{color:var(--text-muted);flex-shrink:0}.fancy-mobile-layout{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;touch-action:pan-y;transform:translateZ(0);will-change:transform;z-index:1}.mobile-connection-banner{display:flex;align-items:center;justify-content:center;padding:6px 0;font-size:12px;font-weight:600;color:#fff;z-index:10;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.mobile-connection-banner.reconnecting{background:#f0a030}.mobile-connection-banner.offline{background:#e04040}.fancy-mobile-bg{position:absolute;inset:0;background:var(--bg-primary);z-index:-1}.fancy-mobile-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--bg-grid, rgba(255, 107, 0, .03)) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid, rgba(255, 107, 0, .03)) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.fancy-mobile-header{position:sticky;top:0;z-index:100;height:56px;padding:0 12px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:8px;background:#0a0a1ef2;border-bottom:1px solid var(--glass-border)}.header-btn{width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.header-btn:active{transform:scale(.95);background:#ffffff1a}.header-btn.menu-btn{color:var(--accent)}.header-btn.dm-btn{color:var(--text-secondary)}.header-btn.dm-btn.active{color:var(--accent);background:#ff6b0026;border-color:var(--accent)}.header-spacer{width:40px}.header-title{flex:1;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title .channel-hash{color:var(--accent);margin-right:4px}.header-actions{display:flex;align-items:center;gap:4px}.header-btn.call-btn{color:var(--text-secondary)}.header-btn.call-btn.active{color:var(--color-danger);background:#ff444426;border-color:var(--color-danger);animation:pulse-call 1.5s ease-in-out infinite}@keyframes pulse-call{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 8px #f440}}.mobile-drawer-overlay{position:fixed;inset:0;background:#0009;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer-overlay.visible{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;bottom:0;width:85vw;max-width:320px;background:#0a0a1efa;z-index:200;box-shadow:4px 0 30px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden;display:flex;flex-direction:column}.mobile-drawer.left{left:0;transform:translate(-100%);border-right:1px solid var(--glass-border)}.mobile-drawer.right{right:0;left:auto;transform:translate(100%);border-left:1px solid var(--glass-border)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer.gesturing{transition:none}.mobile-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top)}.right-drawer-content{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top)}.right-drawer-tabs{display:flex;padding:12px;gap:8px;border-bottom:1px solid var(--glass-border)}.drawer-tab{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.drawer-tab.active{background:#ff6b0026;border-color:var(--accent);color:var(--accent)}.right-drawer-panel{flex:1;overflow-y:auto}.quick-settings-panel{padding:12px;display:flex;flex-direction:column;gap:4px}.quick-setting-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:none;border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.quick-setting-item:hover,.quick-setting-item:active{background:#ffffff14;color:var(--text-primary)}.quick-setting-item svg{color:var(--accent);flex-shrink:0}.quick-setting-divider{height:1px;background:var(--glass-border);margin:8px 0}.fancy-mobile-content{flex:1;position:relative;overflow:hidden;margin-bottom:calc(64px + env(safe-area-inset-bottom))}.fancy-mobile-content.transitioning .mobile-view{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.mobile-view-container{position:absolute;inset:0;overflow:hidden}.mobile-view{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:transform,opacity;pointer-events:none}.mobile-view.active{pointer-events:auto;z-index:2}.servers-view{padding:0}.servers-split-layout{display:flex;height:100%;width:100%}.servers-guild-panel{width:72px;min-width:72px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;background:#0003;border-right:1px solid var(--glass-border)}.servers-guild-panel .guild-sidebar{width:72px;padding:8px 0}.servers-channel-panel{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.chat-view{display:flex;flex-direction:column}.mobile-chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-bottom-sheet-overlay{position:fixed;inset:0;background:#0009;z-index:299;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-bottom-sheet-overlay.visible{opacity:1;pointer-events:auto}.mobile-bottom-sheet{position:fixed;left:0;right:0;bottom:0;max-height:90dvh;background:#0f0f23fa;border-top:1px solid var(--glass-border);border-radius:24px 24px 0 0;z-index:300;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);will-change:transform;box-shadow:0 -10px 40px #00000080}.mobile-bottom-sheet.visible{transform:translateY(0)}.mobile-bottom-sheet.gesturing{transition:none}.mobile-bottom-sheet.snap-1{transform:translateY(calc(100% - 25dvh))}.mobile-bottom-sheet.snap-2{transform:translateY(calc(100% - 50dvh))}.mobile-bottom-sheet.snap-3{transform:translateY(calc(100% - 90dvh))}.bottom-sheet-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:12px auto;cursor:grab;transition:background .2s ease}.bottom-sheet-handle:active{cursor:grabbing;background:var(--accent)}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--glass-border)}.bottom-sheet-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.bottom-sheet-close{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bottom-sheet-close:hover{background:#ffffff1a;color:var(--text-primary)}.bottom-sheet-content{max-height:calc(90dvh - 80px);overflow-y:auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sheet-actions-list{display:flex;flex-direction:column;gap:4px}.sheet-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:none;border-radius:12px;color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sheet-action-item:active{transform:scale(.98);background:#ffffff14}.sheet-action-item.danger{color:var(--color-danger)}.sheet-action-item svg{width:20px;height:20px;flex-shrink:0}.mobile-fab-container{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:150;pointer-events:none}.mobile-fab-container.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.mobile-fab{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover, #ff8533));border:none;color:var(--text-on-accent, #000);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 4px 20px #0000004d,0 0 20px var(--accent-glow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.mobile-fab:active{transform:scale(.95)}.mobile-fab.expanded{transform:rotate(45deg);box-shadow:0 4px 20px #0000004d,0 0 30px var(--accent-glow)}.fab-icon{width:24px;height:24px;transition:transform .3s ease}.mobile-fab.expanded .fab-icon{transform:rotate(45deg)}.fab-actions{position:absolute;bottom:70px;right:4px;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transition:opacity .2s ease}.fab-actions.visible{opacity:1;pointer-events:auto}.fab-action{display:flex;align-items:center;gap:10px;animation:fabActionReveal .3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--index) * .05s);opacity:0;transform:translateY(10px)}@keyframes fabActionReveal{to{opacity:1;transform:translateY(0)}}.fab-action-btn{width:48px;height:48px;border-radius:50%;background:#1e1e3cf2;border:1px solid var(--glass-border);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 4px 15px #0000004d;transition:all .2s ease}.fab-action-btn:active{transform:scale(.95);background:#323250f2}.fab-action-label{padding:6px 12px;background:#1e1e3cf2;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 15px #0000004d}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0a1efa;border-top:1px solid var(--glass-border);display:flex;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s ease;position:relative;padding:8px 4px}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--accent);border-radius:0 0 3px 3px;box-shadow:0 0 10px var(--accent-glow)}.nav-icon{width:24px;height:24px;transition:transform .2s ease}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center}.pull-refresh-container{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);transition:transform .2s ease;z-index:10}.pull-refresh-container.pulling{transform:translate(-50%) translateY(calc(var(--pull-progress, 0) * 80px - 100%))}.pull-refresh-container.refreshing{transform:translate(-50%) translateY(20px)}.pull-refresh-indicator{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.refresh-spinner{width:32px;height:32px;border:3px solid transparent;border-top-color:var(--accent);border-radius:50%}.refresh-spinner.spinning{animation:refreshSpin .8s linear infinite}@keyframes refreshSpin{to{transform:rotate(360deg)}}.refresh-text{font-family:var(--font-display);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-top:8px;animation:glitchText .5s ease-in-out infinite}@keyframes glitchText{0%,to{text-shadow:.05em 0 0 var(--accent),-.025em -.05em 0 var(--accent-glow)}50%{text-shadow:-.05em -.025em 0 var(--accent),.025em .025em 0 var(--accent-glow)}}.message-swipe-wrapper{position:relative;overflow:hidden}.message-swipe-content{position:relative;z-index:2;transition:transform .2s ease;background:var(--bg-primary)}.message-swipe-content.swiping{transition:none}.message-swipe-actions{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 20px}.message-swipe-actions.left{left:0;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%);justify-content:flex-start}.message-swipe-actions.right{right:0;background:linear-gradient(-90deg,var(--color-info) 0%,transparent 100%);justify-content:flex-end}.swipe-action-icon{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.swipe-action-icon.visible{transform:scale(1)}.edge-glow{position:fixed;top:0;bottom:0;width:4px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:50}.edge-glow.left{left:0;background:linear-gradient(90deg,var(--accent-glow),transparent)}.edge-glow.right{right:0;background:linear-gradient(-90deg,var(--accent-glow),transparent)}.edge-glow.visible{opacity:1}.haptic-pulse{position:absolute;width:60px;height:60px;border-radius:50%;background:var(--accent);opacity:0;pointer-events:none;animation:hapticPulse .4s ease-out forwards}@keyframes hapticPulse{0%{transform:scale(0);opacity:.5}to{transform:scale(2);opacity:0}}@supports (padding-top: env(safe-area-inset-top)){.fancy-mobile-header{height:calc(56px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.fancy-mobile-content.transitioning .mobile-view,.mobile-drawer,.mobile-bottom-sheet,.mobile-fab,.fab-action,.swipe-action-icon,.refresh-spinner,.message-swipe-content{transition:none!important;animation:none!important}}@media(orientation:landscape)and (max-height:500px){.fancy-mobile-header{height:48px}.mobile-bottom-nav{height:56px}.nav-label{display:none}.mobile-fab{width:48px;height:48px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:not(:focus):not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after,[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion .app-background:before,.reduce-motion .app-background:after,[data-reduce-motion=true] .app-background:before,[data-reduce-motion=true] .app-background:after{animation:none!important}.reduce-motion .animate-pulse,.reduce-motion .animate-spin,.reduce-motion .animate-neon-pulse,[data-reduce-motion=true] .animate-pulse,[data-reduce-motion=true] .animate-spin,[data-reduce-motion=true] .animate-neon-pulse{animation:none!important}.reduce-motion .shimmer,[data-reduce-motion=true] .shimmer{animation:none!important;background:var(--color-glass-dark)!important}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.channel-item:focus-visible,.dm-channel-item:focus-visible,.guild-item:focus-visible,.member-item:focus-visible,.message-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--bg-modifier-hover)}.message-list:focus-within{outline:none}[data-keyboard-nav=true] *:focus{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:focus-visible,.btn-secondary:focus-visible{box-shadow:0 0 0 3px #ff6b0066}a:not([class]){color:var(--accent);text-decoration:underline;text-decoration-skip-ink:auto}a:not([class]):hover{text-decoration-thickness:2px}[role=log]{outline:none}[role=list]{list-style:none;padding:0;margin:0}[aria-disabled=true],[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-required=true]:after{content:" *";color:var(--color-danger)}[aria-invalid=true]{border-color:var(--color-danger)!important}[aria-current=page],[aria-current=true]{font-weight:600}[aria-selected=true],[aria-pressed=true]{background:var(--bg-modifier-selected)}[aria-busy=true]{cursor:wait}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio],[role=button]{min-height:44px;min-width:44px}}.readable-text{line-height:1.5;letter-spacing:.02em;word-spacing:.05em}@media print{.sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}a[href]:after{content:" (" attr(href) ")"}}[data-high-contrast=true],.high-contrast{--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #b0b0b0;--color-glass-bg: #0a0a1e;--color-glass-dark: #050510;--color-glass-light: #12121f;--glass-border: rgba(255, 255, 255, .3);--glass-border-hover: rgba(255, 255, 255, .5);--accent: #ff8c00;--accent-glow: rgba(255, 140, 0, .7)}@media(prefers-contrast:more){:root{--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #b0b0b0;--color-glass-bg: #0a0a1e;--color-glass-dark: #050510;--glass-border: rgba(255, 255, 255, .3);--glass-border-hover: rgba(255, 255, 255, .5)}}[data-high-contrast=true] :focus-visible,.high-contrast :focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #ff8c004d}@media(prefers-contrast:more){:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #ff8c004d}}[data-high-contrast=true] button,.high-contrast button{border:2px solid rgba(255,255,255,.2)}[data-high-contrast=true] button:hover,.high-contrast button:hover{border-color:var(--accent)}[data-high-contrast=true] a,.high-contrast a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}[data-high-contrast=true] input,[data-high-contrast=true] textarea,[data-high-contrast=true] select,.high-contrast input,.high-contrast textarea,.high-contrast select{border:2px solid rgba(255,255,255,.3)}[data-high-contrast=true] input:focus,[data-high-contrast=true] textarea:focus,[data-high-contrast=true] select:focus,.high-contrast input:focus,.high-contrast textarea:focus,.high-contrast select:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}[data-high-contrast=true] .message-item,.high-contrast .message-item{border-left:3px solid transparent}[data-high-contrast=true] .message-item:hover,.high-contrast .message-item:hover{border-left-color:var(--accent);background:#ffffff0d}[data-high-contrast=true] .message-item.highlighted,.high-contrast .message-item.highlighted{border-left-color:var(--accent);background:#ff8c0026}[data-high-contrast=true] .channel-item,.high-contrast .channel-item{border:1px solid transparent}[data-high-contrast=true] .channel-item:hover,.high-contrast .channel-item:hover{border-color:#fff3}[data-high-contrast=true] .channel-item.selected,.high-contrast .channel-item.selected{border-color:var(--accent);background:#ff8c0033}[data-high-contrast=true] .dm-channel-item,.high-contrast .dm-channel-item{border:1px solid transparent}[data-high-contrast=true] .dm-channel-item:hover,.high-contrast .dm-channel-item:hover{border-color:#fff3}[data-high-contrast=true] .dm-channel-item.selected,.high-contrast .dm-channel-item.selected{border-color:var(--accent)}[data-high-contrast=true] .unread-badge,[data-high-contrast=true] .mention-badge,.high-contrast .unread-badge,.high-contrast .mention-badge,[data-high-contrast=true] .status-dot,.high-contrast .status-dot{border:2px solid #ffffff}[data-high-contrast=true] .modal-overlay,.high-contrast .modal-overlay{background:#000000f2}[data-high-contrast=true] .modal-content,.high-contrast .modal-content{border:2px solid var(--accent)}[data-high-contrast=true] .error-message,[data-high-contrast=true] .form-field-error,.high-contrast .error-message,.high-contrast .form-field-error{border:2px solid var(--color-danger);font-weight:600}[data-high-contrast=true] .success-message,.high-contrast .success-message{border:2px solid var(--color-success);font-weight:600}[data-high-contrast=true],.high-contrast{--shadow-neon: none;--shadow-neon-strong: none;--text-glow: none}[data-high-contrast=true] .emoji,[data-high-contrast=true] .reaction-emoji,.high-contrast .emoji,.high-contrast .reaction-emoji{filter:contrast(1.2)}