*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.voice-widget{position:fixed;top:0;left:0;z-index:50;width:244px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;gap:.5rem;border-width:1px;border-color:var(--glass-border);border-radius:var(--radius-lg);background-color:var(--glass-bg);padding:.5rem;--un-backdrop-blur:blur(40px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.form-input{width:100%;border-width:1px;border-color:var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);padding:.75rem 1rem;font-size:.95rem;color:var(--text-primary);font-family:Inter,Outfit,sans-serif;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.nav-btn{width:100%;display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:var(--radius-md);border-style:none;background-color:transparent;padding:.625rem 1rem;color:var(--text-primary);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.alert{display:flex;align-items:center;gap:1rem;border-radius:var(--radius-md);padding:1rem}.alert-danger{display:flex;align-items:center;gap:1rem;border-width:1px;border-color:rgba(var(--danger-color-rgb),.2);border-radius:var(--radius-md);background-color:rgba(var(--danger-color-rgb),.05);padding:1rem;color:var(--danger-color)}.btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius-sm);border-style:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-danger{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius-sm);border-style:none;background-color:var(--danger-color);padding:.75rem 1.5rem;font-size:.95rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius-sm);border-style:none;background-color:transparent;padding:.75rem 1.5rem;font-size:.95rem;color:var(--text-secondary);font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius-sm);border-style:none;background-color:var(--primary-color);padding:.75rem 1.5rem;font-size:.95rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:600;--un-shadow:none;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-width:1px;border-color:var(--border-color);border-radius:var(--radius-sm);border-style:none;background-color:transparent;padding:.75rem 1.5rem;font-size:.95rem;color:var(--text-secondary);font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn:active,.btn-danger:active,.btn-ghost:active,.btn-primary:active,.btn-secondary:active,.nav-btn:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.btn:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-ghost:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;--un-grayscale:grayscale(.5);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.form-input:disabled{cursor:not-allowed;opacity:.6}.glass-card{border-width:1px;border-color:#ffffff14;border-radius:var(--radius-lg);background-color:#ffffff08;--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.form-input:focus{border-color:var(--primary-color);background-color:var(--bg-hover);--un-shadow:0 0 0 2px var(--un-shadow-color, var(--primary-glow));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.nav-btn.active{background-color:var(--primary-color);--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-btn:hover{background-color:var(--bg-hover)}.nav-btn:hover.active{background-color:var(--primary-color)}.voice-widget:hover{background-color:#ffffff1a}.btn-danger:hover{opacity:.9}.voice-widget.dragging{transition:none}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.m10{margin:2.5rem}.m10\.065{margin:2.51625rem}.m10\.344{margin:2.586rem}.m10\.5{margin:2.625rem}.m10\.586{margin:2.6465rem}.m10\.852{margin:2.713rem}.m11{margin:2.75rem}.m11\.5{margin:2.875rem}.m11\.8{margin:2.95rem}.m11\.9{margin:2.975rem}.m12{margin:3rem}.m12\.214{margin:3.0535rem}.m12\.4{margin:3.1rem}.m12\.474{margin:3.1185rem}.m12\.5{margin:3.125rem}.m12\.67{margin:3.1675rem}.m12\.829{margin:3.20725rem}.m12\.99{margin:3.2475rem}.m13{margin:3.25rem}.m13\.11{margin:3.2775rem}.m13\.148{margin:3.287rem}.m13\.378{margin:3.3445rem}.m13\.4{margin:3.35rem}.m13\.41{margin:3.3525rem}.m13\.5{margin:3.375rem}.m13\.53{margin:3.3825rem}.m13\.531{margin:3.38275rem}.m13\.56{margin:3.39rem}.m13\.75{margin:3.4375rem}.m14{margin:3.5rem}.m14\.162{margin:3.5405rem}.m14\.207{margin:3.55175rem}.m14\.28{margin:3.57rem}.m14\.3{margin:3.575rem}.m14\.305{margin:3.57625rem}.m14\.31{margin:3.5775rem}.m14\.45{margin:3.6125rem}.m14\.479{margin:3.61975rem}.m14\.5{margin:3.625rem}.m14\.622{margin:3.6555rem}.m14\.772{margin:3.693rem}.m14\.817{margin:3.70425rem}.m14\.83{margin:3.7075rem}.m14\.876{margin:3.719rem}.m15{margin:3.75rem}.m15\.1{margin:3.775rem}.m15\.194{margin:3.7985rem}.m15\.2{margin:3.8rem}.m15\.228{margin:3.807rem}.m15\.4{margin:3.85rem}.m15\.477{margin:3.86925rem}.m15\.5{margin:3.875rem}.m15\.55{margin:3.8875rem}.m15\.874{margin:3.9685rem}.m16{margin:4rem}.m16\.01{margin:4.0025rem}.m16\.13{margin:4.0325rem}.m16\.2{margin:4.05rem}.m16\.24{margin:4.06rem}.m16\.47{margin:4.1175rem}.m16\.5{margin:4.125rem}.m16\.6{margin:4.15rem}.m16\.62{margin:4.155rem}.m16\.71{margin:4.1775rem}.m16\.8{margin:4.2rem}.m16\.852{margin:4.213rem}.m16\.923{margin:4.23075rem}.m16\.967{margin:4.24175rem}.m17{margin:4.25rem}.m17\.4{margin:4.35rem}.m17\.5{margin:4.375rem}.m17\.586{margin:4.3965rem}.m17\.657{margin:4.41425rem}.m17\.66{margin:4.415rem}.m17\.92{margin:4.48rem}.m17\.945{margin:4.48625rem}.m18{margin:4.5rem}.m18\.226{margin:4.5565rem}.m18\.364{margin:4.591rem}.m18\.5{margin:4.625rem}.m18\.586{margin:4.6465rem}.m18\.822{margin:4.7055rem}.m18\.84{margin:4.71rem}.m18\.849{margin:4.71225rem}.m19{margin:4.75rem}.m19\.07{margin:4.7675rem}.m19\.1{margin:4.775rem}.m19\.148{margin:4.787rem}.m19\.53{margin:4.8825rem}.m19\.6{margin:4.9rem}.m2{margin:.5rem}.m2\.1{margin:.525rem}.m2\.3{margin:.575rem}.m2\.37{margin:.5925rem}.m2\.5{margin:.625rem}.m2\.978{margin:.7445rem}.m20{margin:5rem}.m20\.1{margin:5.025rem}.m20\.5{margin:5.125rem}.m20\.66{margin:5.165rem}.m20\.7{margin:5.175rem}.m20\.772{margin:5.193rem}.m20\.9{margin:5.225rem}.m21{margin:5.25rem}.m21\.12{margin:5.28rem}.m21\.5{margin:5.375rem}.m21\.64{margin:5.41rem}.m21\.7{margin:5.425rem}.m21\.73{margin:5.4325rem}.m21\.854{margin:5.4635rem}.m22{margin:5.5rem}.m3{margin:.75rem}.m3\.173{margin:.79325rem}.m3\.3{margin:.825rem}.m3\.305{margin:.82625rem}.m3\.34{margin:.835rem}.m3\.46{margin:.865rem}.m3\.5{margin:.875rem}.m3\.64{margin:.91rem}.m4{margin:1rem}.m4\.228{margin:1.057rem}.m4\.243{margin:1.06075rem}.m4\.34{margin:1.085rem}.m4\.9{margin:1.225rem}.m4\.929{margin:1.23225rem}.m4\.93{margin:1.2325rem}.m5{margin:1.25rem}.m5\.082{margin:1.2705rem}.m5\.1{margin:1.275rem}.m5\.136{margin:1.284rem}.m5\.17{margin:1.2925rem}.m5\.2{margin:1.3rem}.m5\.594{margin:1.3985rem}.m5\.636{margin:1.409rem}.m5\.852{margin:1.463rem}.m6{margin:1.5rem}.m6\.158{margin:1.5395rem}.m6\.163{margin:1.54075rem}.m6\.2{margin:1.55rem}.m6\.34{margin:1.585rem}.m6\.343{margin:1.58575rem}.m6\.41{margin:1.6025rem}.m6\.49{margin:1.6225rem}.m6\.5{margin:1.625rem}.m6\.67{margin:1.6675rem}.m6\.7{margin:1.675rem}.m6\.707{margin:1.67675rem}.m6\.8{margin:1.7rem}.m6\.804{margin:1.701rem}.m6\.816{margin:1.704rem}.m7{margin:1.75rem}.m7\.2{margin:1.8rem}.m7\.38{margin:1.845rem}.m7\.5{margin:1.875rem}.m7\.69{margin:1.9225rem}.m7\.83{margin:1.9575rem}.m7\.88{margin:1.97rem}.m7\.9{margin:1.975rem}.m8{margin:2rem}.m8\.102{margin:2.0255rem}.m8\.148{margin:2.037rem}.m8\.29{margin:2.0725rem}.m8\.5{margin:2.125rem}.m8\.53{margin:2.1325rem}.m8\.66{margin:2.165rem}.m8\.86{margin:2.215rem}.m8\.9{margin:2.225rem}.m9{margin:2.25rem}.m9\.086{margin:2.2715rem}.m9\.17{margin:2.2925rem}.m9\.2{margin:2.3rem}.m9\.228{margin:2.307rem}.m9\.344{margin:2.336rem}.m9\.4{margin:2.35rem}.m9\.5{margin:2.375rem}.m9\.6{margin:2.4rem}.m9\.773{margin:2.44325rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me{margin-inline-end:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr{margin-right:1rem}.ms{margin-inline-start:1rem}.mt,.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-5{height:1.25rem}.max-h-\[300px\]{max-height:300px}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-5{width:1.25rem}.w-fit{width:fit-content}.w-full{width:100%}.w0{width:0}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.b,.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--border-color\)\],.border-borderColor\/30{border-color:var(--border-color)}.border-white\/10{border-color:#ffffff1a}.\!rounded-md{border-radius:var(--radius-md)!important}.rounded{border-radius:.25rem}.rounded-2xl,.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border-none{border-style:none}.bg-bg-primary{background-color:var(--bg-primary)}.bg-transparent{background-color:transparent}.bg-white\/5{background-color:#ffffff0d}.hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:hover{--un-bg-opacity:.05;background-color:rgba(255,255,255,var(--un-bg-opacity))}.p-0{padding:0}.p-1{padding:.25rem}.p-2,.p2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.\!pb-3{padding-bottom:.75rem!important}.\!pt-2{padding-top:.5rem!important}.ps{padding-inline-start:1rem}.ps46cm{padding-inline-start:46cm}.pt{padding-top:1rem}.text-align-center,.text-center{text-align:center}.text-left{text-align:left}.text-align-justify{text-align:justify}.text-align-start{text-align:start}.text-align-end{text-align:end}.text-wrap{text-wrap:wrap}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.85rem\]{font-size:.85rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[12px\]{font-size:12px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-primary{color:var(--primary-color)}.text-text-dim,.text-textDim{color:var(--text-dim)}.text-text-primary,.text-textPrimary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\/50{color:#ffffff80}.text-initial{color:initial}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-normal{letter-spacing:0em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.case-upper,.uppercase{text-transform:uppercase}.case-lower{text-transform:lowercase}.normal-case{text-transform:none}.italic{font-style:italic}.underline{text-decoration-line:underline}.no-underline{text-decoration:none}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:opacity-80:hover{opacity:.8}.outline{outline-style:solid}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.route-fallback{background-color:#0b0b0d}html[data-theme=light] .route-fallback{background-color:#f8f9fa}.settings-layout{display:flex;height:100vh;width:100vw;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.settings-standalone-page.settings-layout{width:100%;max-width:100%;box-sizing:border-box;min-height:100vh;min-height:100dvh}.settings-standalone-page .settings-main-content{max-width:none}.settings-sidebar{width:280px;background:var(--bg-secondary);display:flex;flex-direction:column;padding:60px 10px 10px 20px;transition:width var(--transition-normal);border-right:1px solid var(--border-color)}.settings-sidebar-header{padding:0 10px 16px}.settings-sidebar-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-dim)}.settings-nav-section{display:flex;flex-direction:column;gap:4px}.settings-nav-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);padding:12px 16px 8px;letter-spacing:.05em;opacity:.8}.settings-main{flex:1;background:var(--bg-primary);padding:60px 80px;overflow-y:auto;position:relative}.settings-main-content{width:100%;max-width:920px;margin:0}.settings-close-container{position:fixed;right:40px;top:40px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100}.settings-close-btn{position:static;top:auto;right:auto;width:32px;height:32px}.settings-close-container:hover .settings-close-btn{color:var(--text-primary)}.settings-page-title{font-size:2rem;font-weight:800;margin-bottom:2.5rem;color:var(--text-primary);letter-spacing:-.025em}.settings-section-header{font-size:.8rem;text-transform:uppercase;font-weight:700;margin-bottom:1.5rem;color:var(--text-dim);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:12px}.settings-group-dual{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.settings-control{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.settings-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:flex;justify-content:space-between}.settings-value-badge{font-weight:400;color:var(--text-primary);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.8rem}.settings-desc{font-size:.85rem;color:var(--text-dim);margin-top:.5rem;line-height:1.4}.developer-bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:1rem;align-items:start}.developer-bot-card{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.15rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0;transition:border-color .15s ease,box-shadow .15s ease}.developer-bot-card:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color));box-shadow:0 4px 18px #0000001a}.developer-bot-card-profile{display:flex;align-items:center;gap:.85rem;min-width:0}.developer-bot-card-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border-color)}.developer-bot-card-avatar-fallback{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary-color) 20%,var(--bg-tertiary));color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 30%,var(--border-color));font-weight:700;font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none}.developer-bot-card-title-block{min-width:0;flex:1}.developer-bot-card-name{font-weight:700;font-size:1.05rem;color:var(--text-primary);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-bot-card-meta{font-size:.78rem;color:var(--text-dim);margin-top:3px}.developer-bot-card-id{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--text-dim);word-break:break-all;line-height:1.35;padding:.45rem .55rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--border-color) 80%,transparent)}.developer-bot-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.developer-bot-card-actions .btn{flex:1 1 auto;min-height:36px;justify-content:center}.developer-bot-card-tokens{margin-top:.15rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.developer-bot-card-token-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.45rem}.developer-bot-card-token-row:last-child{margin-bottom:0}@media(max-width:768px){.developer-bot-grid{grid-template-columns:1fr}.developer-bot-card-actions .btn{flex:1 1 calc(50% - .25rem);min-width:6.5rem}}.mic-test-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-top:10px}.mic-test-layout{display:flex;align-items:center;gap:24px}.mic-visualizer{flex:1;display:flex;gap:3px;height:32px;align-items:center}.visualizer-segment{flex:1;height:100%;border-radius:var(--radius-xs);background:var(--bg-hover);transition:all .05s ease;min-width:4px}.visualizer-segment.active{filter:brightness(1.2)}.visualizer-segment.threshold{position:relative;border-right:2px solid rgba(255,255,255,.3)}.mic-test-btn{padding:.75rem 1.5rem;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px;font-size:.95rem}.mic-test-btn:hover{background:var(--primary-hover)}.mic-test-btn.active{background:var(--danger-color)}.mic-test-btn.active:hover{opacity:.9}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;transition:transform .2s ease}.select-wrapper:focus-within:after{transform:translateY(-50%) rotate(180deg)}.settings-select{width:100%;padding:12px 36px 12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-weight:500}.settings-select:hover{background:var(--bg-hover);border-color:#fff3}.settings-select:focus{outline:2px solid var(--primary-glow);outline-offset:0;border-color:var(--primary-color)}.separator{height:1px;background:var(--border-color);margin:2.5rem 0;opacity:.5}.slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:transparent;height:24px;cursor:pointer;margin:0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--bg-tertiary);border-radius:var(--radius-sm);background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--percent, 0%),var(--bg-tertiary) var(--percent, 0%),var(--bg-tertiary) 100%);border:none}.slider::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;border:3px solid var(--primary-color);margin-top:-6px;transition:transform .15s ease,background-color .15s ease;box-shadow:none}.slider::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:none}.slider::-moz-range-progress{background-color:var(--primary-color);height:6px;border-radius:var(--radius-sm)}.slider::-moz-range-thumb{height:12px;width:12px;border:3px solid var(--primary-color);border-radius:50%;background:#fff;cursor:pointer;box-shadow:none;transition:transform .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);background-color:var(--primary-color)}.slider:active::-webkit-slider-thumb{transform:scale(1);background-color:#fff}.slider-container{display:flex;flex-direction:column;gap:5px}.slider-ticks{display:flex;justify-content:space-between;padding:0 2px}.tick-label{font-size:.7rem;color:var(--text-dim);font-weight:500}.theme-cards{display:flex;gap:1rem}.theme-card{flex:1;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px}.theme-preview{height:80px;border-radius:var(--radius-sm);border:4px solid transparent;transition:all .2s}.theme-preview.dark{background:#1e2332}.theme-preview.light{background:#fff}.theme-card.active .theme-preview{border-color:var(--primary-color)}.theme-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);font-weight:500}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-secondary);display:flex;align-items:center;justify-content:center}.theme-card.active .radio-circle{border-color:var(--primary-color);background:var(--primary-color)}.radio-dot{width:8px;height:8px;background:#fff;border-radius:50%}.appearance-reset-defaults{gap:10px}.appearance-reset-defaults .settings-desc{margin-bottom:0}.appearance-reset-defaults-btn{align-self:flex-start}.appearance-accent-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.appearance-color-input{width:48px;height:40px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-secondary);flex-shrink:0}.appearance-accent-reset{min-height:40px}.radius-preview{height:80px;border:4px solid transparent;transition:all .2s;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-hover) 100%)}.theme-card.active .radius-preview{border-color:var(--primary-color)}.theme-cards.theme-cards--wrap{flex-wrap:wrap}.theme-cards.theme-cards--wrap .theme-card{flex:1 1 140px;min-width:120px}.appearance-bg-preview{height:72px;border-radius:var(--radius-sm);border:4px solid transparent;transition:border-color .2s;background-position:center;background-repeat:no-repeat;background-size:cover}.theme-card.active .appearance-bg-preview{border-color:var(--primary-color)}.shell-preview{height:72px;border-radius:var(--radius-sm);border:4px solid transparent;transition:border-color .2s;background:var(--bg-tertiary);position:relative;overflow:hidden}.shell-preview:before,.shell-preview:after{content:"";position:absolute;background:color-mix(in srgb,var(--text-secondary) 35%,var(--bg-secondary));border-radius:2px}.shell-preview--spaced:before{top:10px;right:12px;bottom:10px;left:10px;width:22%}.shell-preview--spaced:after{inset:10px 10px 10px calc(18px + 22%)}.theme-card.active .shell-preview{border-color:var(--primary-color)}.shell-preview--flush:before{top:0;right:0;bottom:0;left:0;width:26%;border-radius:0}.shell-preview--flush:after{top:0;right:0;bottom:0;left:26%;border-radius:0}.appearance-custom-gradient{padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:14px}.appearance-custom-hint{font-size:.82rem;color:var(--text-dim);line-height:1.45;margin:-4px 0 0}.appearance-custom-preview-large{height:88px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-size:cover}.appearance-custom-stops{display:flex;flex-direction:column;gap:10px}.appearance-custom-stop-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.appearance-custom-color-input{width:44px;height:40px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-tertiary);flex-shrink:0}.appearance-custom-hex-readout{font-size:.85rem;font-family:ui-monospace,monospace;color:var(--text-secondary);padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);flex:1;min-width:6.5rem}.appearance-custom-remove-stop{padding:8px 10px;min-height:40px;flex-shrink:0}.appearance-custom-add-stop{display:inline-flex;align-items:center;justify-content:center;gap:8px}.appearance-custom-slider-block{margin-bottom:0!important}.appearance-custom-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.appearance-custom-surprise{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:center;min-height:42px}.appearance-custom-reset{flex:0 0 auto;min-height:42px}@media(max-width:768px){.settings-layout{flex-direction:column;height:100dvh;width:100%;overflow:hidden}.settings-sidebar{width:100%;padding:10px 12px 8px;border-right:none;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0;z-index:20}.settings-sidebar-header{display:none}.settings-nav{width:100%}.settings-nav-section{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-ms-overflow-style:none}.settings-nav-section::-webkit-scrollbar{display:none}.settings-sidebar .nav-btn{white-space:nowrap;min-height:38px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:.85rem}.settings-sidebar .nav-btn.active{background:color-mix(in srgb,var(--primary-color) 18%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));color:var(--text-primary)}.settings-sidebar-footer{display:none}.settings-app-page .settings-sidebar-footer{display:block;padding:10px 12px 8px;margin-top:0}.settings-main{flex:1;min-height:0;padding:14px 14px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-main::-webkit-scrollbar{display:none}.settings-main-content{max-width:100%}.settings-close-container{position:sticky;top:0;right:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;background:var(--bg-primary);padding:4px 0 10px;z-index:15;border-bottom:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);box-shadow:none}.settings-mobile-logout-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--danger-color) 45%,var(--border-color));background:color-mix(in srgb,var(--danger-color) 12%,var(--bg-tertiary));color:var(--text-primary);border-radius:var(--radius-md);padding:8px 12px;font-size:.82rem;font-weight:600}.settings-close-btn,.close-label{display:none}.settings-page-title{font-size:1.2rem;margin-bottom:1.25rem}.settings-group-dual{grid-template-columns:1fr;gap:.8rem}.settings-account-grid{grid-template-columns:1fr!important;gap:12px!important}.settings-profile-row{flex-direction:column;align-items:flex-start!important;gap:14px!important}.settings-inline-actions{flex-direction:column;align-items:stretch!important;gap:12px!important;padding:14px!important}.settings-inline-actions .btn{width:100%;min-height:42px}.settings-passkey-row{flex-direction:column;gap:10px!important}.settings-passkey-row .btn{width:100%;min-height:42px;justify-content:center}.mic-test-layout{flex-direction:column;align-items:stretch;gap:12px}.mic-test-btn{width:100%;min-height:42px}.theme-cards{flex-direction:column;gap:12px}.settings-standalone-page.settings-layout{height:100vh;height:100dvh;max-height:100dvh}.settings-standalone-page .settings-main{width:100%;min-width:0;box-sizing:border-box;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.settings-standalone-page .settings-main-content,.settings-standalone-page .settings-page{width:100%;min-width:0;box-sizing:border-box}.settings-standalone-page .settings-sidebar{box-sizing:border-box;width:100%;min-width:0;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-top:max(10px,env(safe-area-inset-top,0px))}.settings-standalone-page .settings-sidebar-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 2px 10px}.settings-standalone-page .settings-main{padding-top:12px}}.settings-mobile-logout-btn{display:none}@media(max-width:768px){.settings-mobile-logout-btn{display:none}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.4s;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.slider-round:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-round{background-color:var(--primary-color);border-color:var(--primary-color)}input:focus+.slider-round{outline:2px solid var(--primary-glow);outline-offset:2px}input:checked+.slider-round:before{left:auto;right:3px;transform:none}.switch input:disabled+.slider-round{opacity:.45;cursor:not-allowed}.server-settings-roles-page-desc{margin-top:-1.25rem;margin-bottom:1.25rem;max-width:42rem}.server-settings-roles-grid{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:0;align-items:start}.server-settings-roles-panel{min-width:0;padding:0 12px 0 0}.server-settings-roles-panel-head{margin-bottom:10px}.server-settings-roles-panel-head .settings-sidebar-title{display:block}.server-settings-role-list-wrap{display:flex;flex-direction:column;gap:2px;max-height:min(50vh,380px);overflow-y:auto;padding-right:4px}.server-settings-roles-panel .server-settings-role-sortable{margin-bottom:0}.server-settings-roles-add{margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.server-settings-roles-add-row{display:flex;align-items:stretch;gap:8px}.server-settings-roles-field{flex:1;min-width:0;box-sizing:border-box;padding:9px 11px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color) 80%,transparent);background:var(--bg-tertiary);color:var(--text-primary);font:inherit;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease}.server-settings-roles-field:focus{outline:none;border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 18%,transparent)}.server-settings-roles-add-btn{flex-shrink:0}.server-settings-roles-add--mobile{margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.server-settings-roles-add-mobile-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--border-color) 90%,transparent);background:color-mix(in srgb,var(--bg-tertiary) 70%,transparent);font-size:.9rem;font-weight:600;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.server-settings-roles-add-mobile-summary::-webkit-details-marker{display:none}.server-settings-roles-add--mobile[open] .server-settings-roles-add-mobile-summary{margin-bottom:10px;border-style:solid;color:var(--text-primary);background:color-mix(in srgb,var(--bg-tertiary) 92%,transparent)}.server-settings-roles-add-mobile-body{padding-top:2px}.server-settings-roles-detail{min-width:0;padding-left:20px;border-left:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}.server-settings-roles-editor.settings-control{margin-bottom:0;gap:0;border:none;background:transparent;padding:0}.server-settings-roles-editor>.settings-label{margin-top:18px;margin-bottom:8px}.server-settings-roles-editor>.settings-label:first-child{margin-top:0}.server-settings-roles-editor>.server-settings-color-row{margin-top:0}.server-settings-roles-editor>.murmur-search-bar{border-color:color-mix(in srgb,var(--border-color) 80%,transparent);background:var(--bg-tertiary)}.server-settings-roles-editor .server-settings-hoist-row{margin-top:16px;border:none;background:transparent;padding:10px 0;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.server-settings-roles-empty{display:flex;align-items:center;justify-content:center;min-height:min(220px,42vh);padding:16px 8px;text-align:center}.server-settings-roles-empty .settings-desc{margin:0;max-width:17rem}.server-settings-perm-stack{border:none;border-radius:0;overflow:visible;background:transparent}.server-settings-perm-stack .server-settings-toggle-row{margin-bottom:0;border-radius:0;border:none;border-bottom:1px solid color-mix(in srgb,var(--border-color) 45%,transparent);background:transparent;padding:10px 0}.server-settings-perm-stack .server-settings-toggle-row:last-child{border-bottom:none}.server-settings-role-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--border-color) 45%,transparent)}.server-settings-role-sortable{margin-bottom:8px}.server-settings-role-sortable .server-settings-role-item{margin-bottom:0}.server-settings-role-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);padding:10px 12px;text-align:left;font:inherit;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.server-settings-role-item:hover:not(:disabled){background:var(--bg-hover);border-color:color-mix(in srgb,var(--border-color) 115%,transparent)}.server-settings-role-item:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 45%,transparent);outline-offset:0;border-color:color-mix(in srgb,var(--primary-color) 55%,transparent)}.server-settings-role-grip{flex-shrink:0;color:var(--text-muted);cursor:grab}.server-settings-role-grip:active{cursor:grabbing}.server-settings-role-item-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.server-settings-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}.server-settings-role-item.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-secondary));color:var(--text-primary)}.server-settings-role-item.active:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 20%,var(--bg-secondary));border-color:color-mix(in srgb,var(--primary-color) 85%,var(--border-color))}.server-settings-roles-panel .server-settings-role-item{margin-bottom:0;border:none;background:transparent}.server-settings-roles-panel .server-settings-role-item:hover:not(:disabled){background:var(--bg-hover)}.server-settings-roles-panel .server-settings-role-item.active{border:none;background:color-mix(in srgb,var(--primary-color) 12%,transparent)}.server-settings-roles-panel .server-settings-role-item.active:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 16%,transparent);border-color:transparent}.server-settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:6px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent)}.server-settings-toggle-row .switch{flex-shrink:0}.server-settings-perm-label{flex:1;min-width:0;font-size:.9rem;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.server-settings-roles-grid{grid-template-columns:1fr;gap:0;width:100%;min-width:0;box-sizing:border-box}.server-settings-roles-panel{padding-right:0;min-width:0;box-sizing:border-box}.server-settings-roles-detail{padding-left:0;min-width:0;box-sizing:border-box;border-left:none}.server-settings-roles-grid--mobile-list .server-settings-roles-detail,.server-settings-roles-grid--mobile-editor .server-settings-roles-panel{display:none}.server-settings-roles-grid--mobile-editor .server-settings-roles-detail{border-top:none;margin-top:0;padding-top:0}.server-settings-roles-page--mobile-editor .settings-page-title,.server-settings-roles-page--mobile-editor .server-settings-roles-page-desc{display:none}.server-settings-roles-mobile-back{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 14px;padding:0 0 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.server-settings-roles-mobile-back-label{margin-bottom:0;padding:0 2px}.server-settings-roles-mobile-back-btn.btn-secondary{width:100%;justify-content:flex-start;min-height:40px;padding:8px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;white-space:normal;text-align:left;gap:8px;-webkit-tap-highlight-color:transparent}.server-settings-roles-mobile-back-btn.btn-secondary svg{flex-shrink:0;opacity:.9;color:var(--text-secondary)}.server-settings-roles-page-desc{max-width:none}.server-settings-roles-grid--mobile-list .server-settings-role-list-wrap{max-height:min(58vh,480px)}.server-settings-roles-empty{min-height:min(160px,28vh)}.server-settings-roles-empty .settings-desc{max-width:none}.server-settings-role-actions{flex-direction:column;align-items:stretch}.server-settings-role-actions .btn{width:100%;justify-content:center}.server-settings-roles-editor .server-settings-hoist-row,.server-settings-perm-stack .server-settings-toggle-row{align-items:flex-start}.server-settings-roles-editor .server-settings-perm-label,.server-settings-perm-stack .server-settings-perm-label{padding-right:8px;line-height:1.35}}.server-settings-transfer-ownership{margin-bottom:12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);overflow:hidden}.server-settings-transfer-ownership-summary{list-style:none;cursor:pointer;padding:10px 14px;font-size:.9rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.server-settings-transfer-ownership-summary::-webkit-details-marker{display:none}.server-settings-transfer-ownership-summary:after{content:"";float:right;width:.5rem;height:.5rem;margin-top:.28em;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:rotate(45deg);transition:transform .15s ease}.server-settings-transfer-ownership[open] .server-settings-transfer-ownership-summary:after{margin-top:.45em;transform:rotate(-135deg)}.server-settings-transfer-ownership-body{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--border-color)}.server-settings-transfer-ownership-select{flex:1 1 180px;min-width:0}.server-settings-transfer-ownership-submit{flex:0 0 auto}.server-settings-member-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent)}.server-settings-member-head{display:flex;align-items:center;gap:12px;min-width:0}.server-settings-member-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.server-settings-member-name{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-settings-member-status{font-size:.8rem;font-weight:600;color:var(--text-muted)}.server-settings-member-status.is-online{color:var(--success-color)}.server-settings-member-roles{position:relative;padding-top:8px;border-top:1px solid var(--border-color)}.server-settings-role-pills-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.server-settings-role-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;min-width:0}.server-settings-role-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 6px 4px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);font-size:.8rem;font-weight:700;color:var(--text-primary)}.server-settings-role-pill--more{padding:4px 10px;color:var(--text-muted);font-weight:800}.server-settings-role-pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.server-settings-role-pill-remove{display:flex;align-items:center;justify-content:center;padding:2px;margin:0 -2px 0 0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.server-settings-role-pill-remove:hover{color:var(--text-primary);background:color-mix(in srgb,var(--danger-color) 18%,transparent)}.server-settings-role-add-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);border:1px dashed var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 70%,transparent);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.server-settings-role-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-tertiary))}.server-settings-role-popover{position:absolute;z-index:5000;left:0;right:0;top:calc(100% + 6px);min-width:min(280px,100%);max-height:260px;display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.server-settings-role-popover-search{flex-shrink:0;border-radius:0;border:none;border-bottom:1px solid var(--border-color)}.server-settings-role-popover-list{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1}.server-settings-role-popover-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .12s ease}.server-settings-role-popover-item:hover{background:var(--bg-hover)}.server-settings-role-popover-empty{list-style:none;padding:12px 14px;font-size:.85rem;font-weight:600;color:var(--text-muted);line-height:1.4}.server-settings-color-row{display:flex;align-items:stretch;gap:10px}.server-settings-color-native{flex-shrink:0;width:48px;min-height:42px;padding:3px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer}.server-settings-color-native:disabled{opacity:.5;cursor:not-allowed}.server-settings-color-native::-webkit-color-swatch-wrapper{padding:0}.server-settings-color-native::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.server-settings-color-native::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .15s ease;z-index:3}.password-toggle-btn:hover{color:var(--text-primary)}.danger-text{background:#f43f5e1a;color:#fb7185;padding:16px;border-radius:var(--radius-md);font-size:.95rem;margin-bottom:24px;line-height:1.5;font-weight:500;border-left:4px solid #f43f5e}.channel-settings-permissions .settings-page-title{margin-bottom:.35rem}.channel-settings-perm-lead{margin-bottom:1.25rem;color:var(--text-dim);font-size:.92rem;line-height:1.45}.channel-perm-panel{max-width:100%}.channel-perm-hero{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;margin-bottom:12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.channel-perm-hero__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-color, #6366f1) 18%,var(--bg-secondary));color:var(--text-primary)}.channel-perm-hero__type{margin:0 0 4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.channel-perm-hero__desc{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-secondary)}.channel-perm-legend{margin:0 0 16px;font-size:.82rem;line-height:1.45;color:var(--text-dim);padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-tertiary) 50%,transparent);border-left:3px solid color-mix(in srgb,var(--border-color) 80%,transparent)}.channel-perm-loading{display:flex;align-items:center;gap:10px;padding:20px;color:var(--text-dim);font-size:.9rem}.channel-perm-section{margin-bottom:1.5rem}.channel-perm-section__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.channel-perm-section__icon{color:var(--text-dim);margin-top:2px;flex-shrink:0}.channel-perm-section__title{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.channel-perm-section__hint{margin:0;font-size:.82rem;line-height:1.4;color:var(--text-dim)}.channel-perm-section--members .channel-perm-section__head{margin-bottom:14px}.channel-perm-matrix-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent);background:var(--bg-secondary)}.channel-perm-matrix{width:100%;min-width:520px;border-collapse:collapse;font-size:.86rem}.channel-perm-matrix thead th{position:sticky;top:0;z-index:1;background:color-mix(in srgb,var(--bg-tertiary) 65%,var(--bg-secondary));border-bottom:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)}.channel-perm-matrix__corner{text-align:left;padding:.65rem .85rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.channel-perm-matrix__col{padding:.5rem .35rem;text-align:center;font-weight:600;color:var(--text-secondary);min-width:112px}.channel-perm-matrix__col-inner{display:block;line-height:1.25;max-width:7.5rem;margin:0 auto}.channel-perm-matrix tbody tr:nth-child(2n){background:color-mix(in srgb,var(--bg-tertiary) 35%,transparent)}.channel-perm-matrix__role{padding:.5rem .85rem;vertical-align:middle;border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);white-space:nowrap}.channel-perm-matrix__role-name{font-weight:500;color:var(--text-primary)}.channel-perm-matrix__role-name--everyone{font-family:ui-monospace,monospace;font-size:.88em}.channel-perm-matrix__cell{padding:.35rem .4rem;text-align:center;vertical-align:middle;border-top:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}.channel-perm-member-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.server-settings-member-card.channel-perm-member-card{margin-bottom:0}.channel-perm-member-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.channel-perm-member-card__perms{padding-top:10px}.channel-perm-member-perm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border-color)}.channel-perm-member-perm-row:first-of-type{border-top:none;padding-top:0}.channel-perm-member-perm-label{font-size:.88rem;font-weight:600;color:var(--text-secondary);min-width:0}.channel-perm-member-add-block{margin-top:16px}.channel-perm-member-add-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.channel-perm-member-add-empty{margin-top:10px;margin-bottom:0}.channel-perm-member-pick-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:220px;overflow-y:auto}.channel-perm-member-pick{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.channel-perm-member-pick:hover{background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);border-color:color-mix(in srgb,var(--border-color) 120%,transparent)}.channel-perm-member-pick__name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-perm-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger-color, #f43f5e) 12%,transparent);color:var(--danger-color, #f43f5e);cursor:pointer;transition:background .15s ease}.channel-perm-remove:hover{background:color-mix(in srgb,var(--danger-color, #f43f5e) 22%,transparent)}.channel-perm-tri{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent);background:var(--bg-primary)}.channel-perm-tri__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .12s ease,color .12s ease}.channel-perm-tri__btn:hover{background:color-mix(in srgb,var(--bg-tertiary) 80%,transparent);color:var(--text-primary)}.channel-perm-tri__btn.is-active{background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);color:var(--text-primary)}.channel-perm-tri__btn--allow.is-active{background:color-mix(in srgb,#22c55e 22%,var(--bg-tertiary));color:#86efac}.channel-perm-tri__btn--deny.is-active{background:color-mix(in srgb,#f43f5e 22%,var(--bg-tertiary));color:#fda4af}.channel-perm-footer{display:flex;justify-content:flex-end;padding-top:1.25rem;margin-top:.5rem;border-top:1px solid var(--border-color)}.settings-sidebar{display:flex;flex-direction:column}.settings-nav{flex:1}.settings-sidebar-footer{padding:16px;border-top:1px solid var(--border-color);margin-top:auto}.settings-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--danger-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-logout-btn:hover{background:#ef44441a;border-color:var(--danger-color)}:root{--bg-primary: #1a1f2e;--bg-secondary: #212637;--bg-tertiary: #282e41;--bg-hover: #32384e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #64748b;--text-muted: #4b5563;--primary-color: #7251bc;--primary-color-rgb: 114, 81, 188;--primary-hover: #5e38a1;--primary-glow: rgba(var(--primary-color-rgb), .15);--danger-color: #ff5555;--danger-color-rgb: 255, 85, 85;--success-color: #00a67e;--success-glow: rgba(0, 166, 126, .25);--warning-color: #fc8b4f;--border-color: rgba(255, 255, 255, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 4px;--radius-pill: 9999px;--elevation-1: none;--elevation-2: none;--elevation-3: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--state-content-hover: 8%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(33, 38, 55, .95);--glass-border: rgba(255, 255, 255, .08);--focus-ring: 0 0 0 2px var(--bg-primary), 0 0 0 4px var(--primary-color)}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #54617a;--text-muted: #64748b;--primary-color: #a14eff;--primary-color-rgb: 161, 78, 255;--primary-hover: #9038e6;--border-color: #cbd5e1;--elevation-1: none;--elevation-2: none;--elevation-3: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--state-content-hover: 10%;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .1);--landing-logo-filter: invert(0);--page-ambient-bg: radial-gradient(1200px 700px at 14% 12%, color-mix(in srgb, var(--primary-color) 38%, transparent), transparent 60%), radial-gradient(900px 600px at 86% 22%, color-mix(in srgb, var(--primary-hover) 28%, transparent), transparent 55%), radial-gradient(800px 520px at 48% 88%, color-mix(in srgb, #22d3ee 14%, transparent), transparent 52%), linear-gradient(145deg, var(--bg-primary) 0%, color-mix(in srgb, var(--bg-secondary) 90%, var(--primary-color) 10%) 44%, color-mix(in srgb, var(--bg-tertiary) 88%, var(--primary-color) 12%) 100%)}:root[data-theme=dark]{--landing-logo-filter: invert(0);--page-ambient-bg: radial-gradient(1200px 800px at 18% 10%, color-mix(in srgb, var(--primary-color) 42%, transparent), transparent 58%), radial-gradient(900px 700px at 88% 26%, color-mix(in srgb, var(--primary-hover) 32%, transparent), transparent 56%), radial-gradient(720px 560px at 52% 92%, color-mix(in srgb, #06b6d4 12%, transparent), transparent 50%), linear-gradient(145deg, var(--bg-primary) 0%, color-mix(in srgb, var(--bg-secondary) 78%, var(--primary-color) 22%) 42%, color-mix(in srgb, var(--bg-primary) 88%, var(--primary-color) 12%) 100%)}:root[data-theme=dark][data-background-preset=midnight]{--bg-primary: #1a1b1f;--bg-secondary: #131418;--bg-tertiary: #0b0c0f;--bg-hover: #23252b;--text-primary: #eceef1;--text-secondary: #aeb4bc;--text-dim: #858b94;--text-muted: #656b75;--border-color: rgba(0, 0, 0, .55);--glass-bg: rgba(19, 20, 24, .98);--glass-border: rgba(0, 0, 0, .45)}:root[data-theme=light][data-background-preset=midnight]{--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #e6e7ea;--bg-hover: #d8dade;--text-primary: #111214;--text-secondary: #4e5058;--text-dim: #5c5f66;--text-muted: #6d7078;--border-color: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1)}:root[data-theme=dark][data-background-preset=soft_glow]{--bg-primary: #1e2229;--bg-secondary: #262b35;--bg-tertiary: #303845;--bg-hover: #3d4654;--text-primary: #f4f1eb;--text-secondary: #b8b2a8;--text-dim: #8a857c;--text-muted: #6d6860;--border-color: rgba(232, 180, 140, .16);--glass-bg: rgba(32, 36, 44, .94);--glass-border: rgba(245, 190, 150, .14)}:root[data-theme=light][data-background-preset=soft_glow]{--bg-primary: #faf6f2;--bg-secondary: #ffffff;--bg-tertiary: #f2ebe4;--bg-hover: #e8dfd6;--text-primary: #1c1916;--text-secondary: #524a42;--text-dim: #6b6258;--text-muted: #7d746a;--border-color: rgba(200, 140, 100, .18);--glass-bg: rgba(255, 252, 248, .9);--glass-border: rgba(210, 150, 110, .14)}:root[data-theme=dark][data-background-preset=deep_space]{--bg-primary: #12141a;--bg-secondary: #171923;--bg-tertiary: #1d202c;--bg-hover: #282c3a;--text-primary: #e6e8ef;--text-secondary: #9aa3b8;--text-dim: #6c7588;--text-muted: #555c6e;--border-color: rgba(114, 129, 188, .15);--glass-bg: rgba(18, 20, 26, .96);--glass-border: rgba(99, 120, 200, .18)}:root[data-theme=light][data-background-preset=deep_space]{--bg-primary: #f4f5f8;--bg-secondary: #ffffff;--bg-tertiary: #e7e9f0;--bg-hover: #d9dce6;--text-primary: #101218;--text-secondary: #3d4556;--text-dim: #505868;--text-muted: #636b7c;--border-color: rgba(45, 60, 100, .12);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(45, 60, 100, .1)}*{text-decoration:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;width:100%;font-family:Inter,Outfit,sans-serif;background:var(--page-ambient-bg);background-position:center;background-repeat:no-repeat;color:var(--text-primary);transition:background var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color-rgb),.4)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn:active:not(:disabled){transform:none;opacity:.9}button:disabled:active,button[disabled]:active,button[aria-disabled=true]:active,[role=button][aria-disabled=true]:active{transform:none!important}button:disabled:active svg,button[aria-disabled=true]:active svg{transform:none!important}.btn-save-spinner-trail{flex-shrink:0}@media(max-width:768px){.btn:active:not(:disabled),.stream-tile-btn:active:not(:disabled):not([aria-disabled=true]),.control-btn:active:not(:disabled):not([aria-disabled=true]),.add-friend-submit:active:not(:disabled):not([aria-disabled=true]){transform:none}.toolbar-btn:active:not(:disabled):not([aria-disabled=true]) svg{transform:none}.context-menu-item:active:not(:disabled):not([aria-disabled=true]){transform:none;opacity:.92}}.btn-primary{background:var(--primary-color);color:#fff;transition:background .2s ease,opacity .12s ease}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:none;opacity:.92}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background:#e11d48}.btn-secondary{background:#1e222966;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px}.btn-secondary:hover:not(:disabled){background:#1e222999;border-color:#ffffff26}:root[data-theme=light] .btn-secondary{background:#fff6;border-color:#0f172a1a;color:var(--text-secondary)}:root[data-theme=light] .btn-secondary:hover:not(:disabled){background:#fff9;color:var(--text-primary);border-color:#0f172a33}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em}.form-input{width:100%;padding:14px 18px;background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);color:var(--text-primary);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.form-input:focus,.form-input:focus-visible{border-color:var(--primary-color);background:#ffffff0d;outline:2px solid color-mix(in srgb,var(--primary-color) 42%,transparent);outline-offset:0}.form-input:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=light] .form-input{background:color-mix(in srgb,var(--bg-tertiary) 35%,#ffffff);border-color:color-mix(in srgb,var(--border-color) 85%,transparent)}.input-with-icon{position:relative;width:100%;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-dim);pointer-events:none;transition:color .2s ease;display:flex;align-items:center;justify-content:center;z-index:2}.input-with-icon .form-input{padding-left:44px}.input-with-icon.has-right-icon .form-input{padding-right:40px}.form-input:focus~.input-icon{color:var(--primary-color)}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem}@media(max-width:640px){.alert{flex-direction:column;align-items:stretch;gap:1.5rem;text-align:center}.alert .danger-info{text-align:center}.alert button{width:100%;justify-content:center}}.alert-danger{background:rgba(var(--danger-rgb, 239, 68, 68),.05);border:1px solid rgba(var(--danger-rgb, 239, 68, 68),.2);color:var(--danger-color)}.app{height:100vh;width:100vw;background:var(--bg-primary);overflow:hidden;position:relative}.app .fade-in{animation:fadeInGlobal .8s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInGlobal{0%{opacity:0}to{opacity:1}}.app-content-wrapper{display:flex;height:100%;height:100dvh;width:100%;position:relative;overflow-x:hidden;touch-action:pan-y}@media(min-width:769px){.app-content-wrapper{padding:8px;gap:8px}.mobile-nav-wrapper{gap:8px;border:none;border-radius:0;overflow:visible;background:transparent}.mobile-nav-wrapper .server-selector{border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:var(--radius-lg);overflow:hidden}.mobile-nav-wrapper .sidebar-wrapper{background:transparent}.mobile-nav-wrapper .sidebar{border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:var(--radius-lg);overflow:hidden}.chat{border-radius:var(--radius-lg);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);background:var(--bg-primary)}.chat-area-container{gap:8px;padding:0;overflow:visible;background:var(--bg-primary)}.chat-messages-column{border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.members-panel,.side-panel{border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.members-panel.closed,.side-panel.closed{border:none}.chat[data-view=server] .chat-messages-column,.chat[data-view=dm] .chat-messages-column{border:none;border-radius:0;background:transparent}}@media(min-width:769px){:root[data-shell-density=flush] .app-content-wrapper{padding:0;gap:0}:root[data-shell-density=flush] .mobile-nav-wrapper{gap:0}:root[data-shell-density=flush] .chat-area-container{gap:0}}.join-screen{width:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;background:var(--page-ambient-bg);background-position:center;background-repeat:no-repeat;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));box-sizing:border-box;transition:background .8s cubic-bezier(.4,0,.2,1)}.join-screen:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:inherit;filter:blur(10px) brightness(.9);z-index:0;animation:backgroundDistort 25s ease-in-out infinite alternate}@keyframes backgroundDistort{0%{transform:scale(1.1) rotate(0) skew(0)}50%{transform:scale(1.2) rotate(3deg) skew(3deg)}to{transform:scale(1.15) rotate(-2deg) skew(-1deg)}}.join-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:480px}.join-card{display:flex;width:min(1100px,100%);max-width:min(1100px,100vw - 1.5rem);min-height:min(600px,85vh);background:#16181c73;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0009;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .join-card{background:#ffffffb3;border-color:#0f172a1a;box-shadow:0 24px 60px #0000000d}.join-info-side{flex:1;padding:clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1) 0%,transparent 100%);border-right:1px solid rgba(255,255,255,.05)}.join-info-logo{width:clamp(48px,10vw,64px);height:auto;margin-bottom:clamp(1rem,3vw,2rem)}.join-info-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--text-primary);letter-spacing:-.05em;line-height:1;margin:0 0 1rem}.join-info-tagline{margin:0;color:var(--text-dim);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;max-width:320px;line-height:1.4}.join-mobile-brand{display:none;align-items:center;gap:.75rem;margin-bottom:1.25rem}.join-mobile-brand-text{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;letter-spacing:-.04em;color:var(--text-primary)}.join-panel-header{text-align:left;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.join-panel-title{font-size:clamp(1.35rem,5vw,2.5rem);font-weight:900;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.04em;line-height:1.15}.join-panel-sub{margin:0;color:var(--text-dim);font-size:clamp(.875rem,2.8vw,1rem);font-weight:400;line-height:1.45}.join-tabs{position:relative;display:flex;width:100%;max-width:420px;background:#ffffff08;border-radius:var(--radius-lg);padding:6px;border:1px solid rgba(255,255,255,.08);margin-bottom:clamp(1.5rem,4vw,2.5rem)}.join-tabs-pill{position:absolute;top:6px;bottom:6px;left:6px;background:var(--primary-color);border-radius:var(--radius-md);transition:transform .4s cubic-bezier(.4,0,.2,1),width .3s ease;pointer-events:none;z-index:0;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.join-tab-btn{flex:1;min-width:0;padding:.65rem .25rem;font-size:clamp(.8rem,2.2vw,.95rem);font-weight:600;color:var(--text-secondary);background:transparent;border:none;position:relative;z-index:1;cursor:pointer;transition:color var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.join-tab-btn--active{color:#fff}.join-form-fields{width:100%;max-width:420px}.info-item{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:.5rem 0;transition:transform .3s ease}.info-item:hover{transform:translate(4px);color:var(--text-primary)}.info-icon-wrapper{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(var(--primary-color-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.2);transition:all .3s ease}.info-item:hover .info-icon-wrapper{background:var(--primary-color);color:#fff;box-shadow:0 0 15px rgba(var(--primary-color-rgb),.4)}.join-form-side{flex:1.1;padding:clamp(1.25rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;min-width:0}@media(max-width:1024px){.join-card{flex-direction:column;min-height:min(100vh,100dvh);min-height:-webkit-fill-available;width:100%;max-width:none;margin:0;border-radius:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.join-info-side{display:none}.join-mobile-brand{display:flex}.join-form-side{padding:clamp(1rem,4vw,2rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom));min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:480px;margin-inline:auto;background:transparent}.join-form{max-width:none;width:100%;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.join-tabs,.join-form-fields{max-width:none}}@media(max-width:480px){.join-screen{align-items:flex-start;padding-top:max(.5rem,env(safe-area-inset-top))}.join-card{min-height:min(100vh,100dvh)}.join-form-side{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.join-panel-header{margin-bottom:1.25rem}}.join-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));box-sizing:border-box;background:#000000b3;overflow-y:auto;-webkit-overflow-scrolling:touch}.join-modal-overlay .oauth-card{width:min(100%,500px);max-height:min(90vh,90dvh);overflow-y:auto;margin:auto;box-shadow:0 8px 32px #0006}.join-modal-overlay .oauth-btn-allow:hover:not(:disabled){box-shadow:0 4px 12px #7c5cff4d}@media(max-width:480px){.join-modal-overlay .oauth-card{padding:1.25rem}.join-modal-overlay .oauth-actions{flex-direction:column-reverse;align-items:stretch;gap:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1) forwards}.page-loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:9999;color:var(--text-secondary)}.spinner-large{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-in-up{animation:slideInUp var(--transition-normal) forwards}.sidebar{width:260px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;border-top-left-radius:12px;overflow:hidden}.sidebar-title{padding:1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.user-list{list-style:none;width:100%;padding-bottom:1rem}.user-item{display:flex;align-items:center;gap:10px;padding:6px 10px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);border-radius:var(--radius-sm);margin:2px 8px;transition:all var(--transition-fast)}.user-item.user-item--draggable-move{cursor:grab}.user-item.user-item--draggable-move:active{cursor:grabbing}.user-item-drag-ghost{background:transparent!important;background-color:transparent!important;box-shadow:none!important}.user-item-drag-ghost .user-details,.user-item-drag-ghost .user-icons{background:transparent!important}.voice-channel-users-list .user-item{margin-left:2px;padding-left:8px;gap:10px;overflow:visible!important}.voice-channel-users-list .user-item>div:first-child{overflow:visible!important}.user-details{flex:1;display:flex;align-items:center;min-width:0;gap:8px}.user-item .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;color:var(--text-primary)}.user-icons{display:flex;align-items:center;gap:6px;margin-left:auto}.status-icon{color:var(--text-secondary)}.participant-name{font-weight:600;color:var(--text-primary);font-size:1.1rem}.participant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:transparent;border-radius:var(--radius-md);transition:all .2s;position:relative;border:3px solid transparent}.participant-tile.speaking .user-avatar-component,.user-item.speaking .user-avatar-component,.user-avatar-component.speaking{outline:2.5px solid var(--success-color);outline-offset:2px;border-radius:50%!important;overflow:visible!important;z-index:10;transition:outline-color .2s ease,transform .2s ease}.user-avatar-component.speaking.speaking-playback{outline-color:var(--primary-color)}.user-avatar{width:32px;height:32px;border-radius:38%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85em;color:var(--text-primary);flex-shrink:0;position:relative;text-transform:uppercase;transition:border-radius .3s ease,transform .2s ease}.user-item:hover .user-avatar{border-radius:30%;background:var(--primary-color)}.user-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;transition:background .2s;position:absolute;bottom:-2px;right:-2px}.live-badge{background:#f55;color:#fff;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;height:18px;border:1px solid rgba(255,255,255,.1)}.sidebar-header{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary);z-index:10}.sidebar-channel-info{display:flex;align-items:center;gap:8px}.sidebar-server-title-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-primary);font-weight:700;font-size:.95rem;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.sidebar-server-title-btn:hover{background:var(--bg-hover)}.sidebar-server-title-static{display:inline-flex;align-items:center;padding:2px 6px;cursor:default;-webkit-user-select:none;user-select:none}.sidebar-channel{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.sidebar-users{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.users-header{padding:16px 16px 8px;font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.sidebar-reconnecting-banner{margin:8px 12px;padding:8px 12px;background:#fc8b4f26;border:1px solid var(--warning-color);border-radius:var(--radius-sm);color:var(--warning-color);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease-out}.channel-list{flex:1;overflow-y:auto;min-height:0;padding:6px 8px 10px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.channel-section{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-section-header{display:flex;flex-direction:row;align-items:center;gap:4px;padding:6px 4px 4px;min-height:30px;box-sizing:border-box}.channel-section-header-toggle{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px;margin:0;font-size:.68rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:none;border:none;text-align:left;border-radius:var(--radius-sm);transition:color .15s,background .15s}.channel-section-header-toggle:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--bg-hover) 60%,transparent)}.channel-section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-section-chevron{flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.channel-section-header-actions{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.channel-add-btn-spacer{display:block;width:28px;height:28px;flex-shrink:0}.channel-add-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.channel-add-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.channel-voice-block{display:flex;flex-direction:column;min-width:0}.channel-sortable-wrap{width:100%;min-width:0;box-sizing:border-box}.channel-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px;width:100%;max-width:100%;box-sizing:border-box;background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);margin:0;transition:background .15s,color .15s,opacity .15s;text-align:left}.channel-unread-dot{width:4px;height:4px;background-color:#fff;border-radius:50%;position:absolute;left:3px;top:50%;transform:translateY(-50%);flex-shrink:0}.channel-item:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-item.active{background:var(--bg-hover);color:var(--text-primary);opacity:1;font-weight:500}.channel-icon{flex-shrink:0;opacity:.6;color:inherit}.channel-item.active .channel-icon{opacity:1;color:var(--text-primary)}.channel-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.mention-ping-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--danger-color);color:#fff;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--bg-secondary) 85%,transparent);box-sizing:border-box}.channel-item-badge-slot{flex-shrink:0;width:28px;min-width:28px;height:20px;display:inline-flex;align-items:center;justify-content:flex-end}.channel-item .mention-ping-badge{margin-left:0}.channel-create-input{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;margin:2px 0;color:var(--text-dim)}.channel-create-input input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px;font-size:.8rem;font-family:inherit;outline:none}.channel-create-input input:focus{border-color:var(--primary-color)}.voice-channel-users{padding:2px 12px 4px 32px;display:flex;flex-direction:column;gap:2px}.voice-channel-user{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-secondary)}.voice-channel-user:hover{background:var(--bg-hover)}.voice-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-users-list{padding-left:0;margin-top:2px;margin-bottom:2px}.voice-channel-users-list .user-list{padding:0;margin:0}.voice-channel-users-list .user-item{padding-left:12px;margin-left:4px;font-size:.82rem}.channel-modal{max-width:420px}.channel-type-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.channel-type-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,background .2s;text-align:left;color:var(--text-primary);font-family:inherit}.channel-type-option:hover{background:var(--bg-hover)}.channel-type-option.active{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.08)}.channel-type-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;flex-shrink:0}.channel-type-icon.voice{background:var(--success-color, #22c55e)}.channel-type-info{display:flex;flex-direction:column;gap:2px}.channel-type-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.channel-type-desc{font-size:.72rem;color:var(--text-dim)}.channel-name-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0 12px;transition:border-color .2s}.channel-name-input-wrapper:focus-within{border-color:var(--primary-color)}.channel-name-prefix{color:var(--text-dim);display:flex;align-items:center;flex-shrink:0}.channel-name-input-wrapper input{flex:1;background:none;border:none;color:var(--text-primary);padding:10px 0;font-size:.9rem;font-family:inherit;outline:none}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.sidebar-footer{flex-shrink:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10}.voice-widget{position:fixed;top:0;left:0;z-index:2000;will-change:transform;overflow:hidden;isolation:isolate;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:color-mix(in srgb,var(--bg-secondary) 72%,transparent);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1)}.voice-widget:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300%;height:300%;background:radial-gradient(circle,var(--bg-hover) 0%,transparent 100%);transition:opacity .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:0;filter:blur(14px);opacity:0;border-radius:50%;pointer-events:none}.voice-widget>*{position:relative;z-index:1}.voice-widget:hover:before{opacity:1}.sidebar-connection-status{padding:12px;background:color-mix(in srgb,var(--bg-tertiary) 70%,transparent);border-bottom:1px solid var(--border-color)}.voice-widget-separator{height:1px;width:100%;background:#ffffff0f;margin:4px 0}.stream-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.stream-tile-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 2px;background:color-mix(in srgb,var(--bg-tertiary) 65%,transparent);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);height:auto;min-height:40px}.stream-tile-btn:hover{background:color-mix(in srgb,var(--bg-hover) 70%,transparent);color:var(--text-primary)}.stream-tile-btn:active:not(:disabled):not([aria-disabled=true]){transform:none;opacity:.9}.stream-tile-btn--live.active{background:color-mix(in srgb,var(--success-color) 18%,transparent);border-color:color-mix(in srgb,var(--success-color) 58%,var(--border-color));color:var(--success-color)}.stream-tile-btn--live.active .tile-label{color:var(--success-color);opacity:1}.stream-tile-btn--live.active svg{color:var(--success-color);stroke:var(--success-color)}.tile-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.user-controls-panel{position:relative;padding:4px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border-top:none;z-index:1}.voice-widget .control-btn{background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent);border-color:color-mix(in srgb,var(--border-color) 80%,transparent)}.voice-widget .control-btn:hover{background:color-mix(in srgb,var(--bg-hover) 70%,transparent)}.sidebar-connection-status:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:300%;height:300%;background:radial-gradient(circle,var(--bg-hover) 0%,transparent 100%);transition:opacity .6s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:-1;opacity:0}.sidebar-connection-status:hover:before{opacity:1}.control-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-btn:hover{color:var(--text-primary)}.control-btn:active:not(:disabled):not([aria-disabled=true]){transform:none;opacity:.88}.control-btn.active{background:#ffffff0d;border-color:var(--border-color)}.control-btn.danger{color:var(--danger-color);background:rgba(var(--danger-color-rgb),.1);border-color:rgba(var(--danger-color-rgb),.2)}.control-btn:disabled,.control-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.join-voice-container{padding:12px;background:var(--bg-secondary)}.join-voice-btn{width:100%;background:var(--success-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.join-voice-btn:hover{background:#43b581;filter:brightness(1.1)}.join-voice-btn:active:not(:disabled):not([aria-disabled=true]){background:#3ca374}.sidebar-user-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.user-name-summary{display:flex;flex-direction:column;overflow:hidden;text-align:left}.user-display-name{font-weight:700;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-status-text{font-size:.7rem;color:var(--success-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.chat{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);min-width:0}.messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-gutter:stable}.mobile-nav-wrapper{display:flex;height:100%}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.server-selector{width:72px;background:var(--bg-secondary);border-right:1px solid var(--border-color);border-top-right-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:12px 0;flex-shrink:0;z-index:20;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease}.sidebar-content-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.sidebar-content-wrapper-home{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.server-list{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:1;overflow-y:auto}.server-sortable-wrap{flex-shrink:0;display:flex;justify-content:center;width:100%}.server-list::-webkit-scrollbar{display:none}.server-icon-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700;font-size:1.1rem;transition:border-radius var(--transition-spring),background .2s ease,color .2s ease,transform .2s ease;position:relative}.server-icon-btn>.user-avatar-component{border-radius:inherit!important;overflow:hidden;flex-shrink:0}.server-icon-btn:hover{background:var(--primary-color);color:#fff}.server-icon-btn.active{border-radius:var(--radius-lg);background:var(--primary-color);color:#fff}.server-icon-btn:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:8px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.server-icon-btn.active:before{opacity:1;height:40px}.server-icon-btn:hover:before{opacity:1;height:20px;transform:translateY(-50%)}.server-icon-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;overflow:hidden}.server-separator{width:32px;height:2px;background:var(--border-color);border-radius:var(--radius-xs);margin:4px 0}.server-icon-btn.action{background:transparent;color:var(--primary-color);border:1px solid var(--border-color)}.server-icon-btn.action:hover{background:color-mix(in srgb,var(--primary-color) 18%,transparent);color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.server-icon-btn.action:hover svg{animation:iconQuarterTurn .35s cubic-bezier(.34,1.56,.64,1)}.server-footer .server-icon-btn.action:hover svg{animation:iconGearSpin .6s cubic-bezier(.4,0,.2,1)}.server-notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;line-height:1;border:1px solid var(--bg-secondary)}.server-voice-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--success-color);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);box-shadow:0 2px 4px #0003;z-index:2;transition:all .2s ease}.server-voice-badge.has-notifications{right:16px;top:-4px}.server-voice-badge.has-voice-others{color:var(--text-muted)}.server-voice-badge svg{width:12px;height:12px}.app-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--danger-color);color:#fff;font-size:.68rem;font-weight:700;line-height:1;border:1px solid color-mix(in srgb,var(--bg-secondary) 85%,transparent);box-sizing:border-box}.app-unread-badge--compact{min-width:16px;height:16px;padding:0 4px;font-size:.62rem}.nav-badge{position:absolute;top:-2px;right:-2px;background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);pointer-events:none}.nav-badge-inline{background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-left:auto}.tab-badge{background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px}@keyframes iconQuarterTurn{0%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.15)}to{transform:rotate(90deg) scale(1)}}@keyframes iconGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.server-footer{padding-top:12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%}.chat-header-unified{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);flex-shrink:0;height:48px}.chat-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 0}.chat-header-unified>.chat-header-actions{flex-shrink:0}.chat-header-left .top-bar-title{display:block;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-group-title-btn{display:inline-block;width:auto;max-width:100%;vertical-align:bottom;border:none;background:transparent;color:inherit;font:inherit;font-weight:inherit;font-size:inherit;cursor:pointer;padding:2px 4px;margin:0;border-radius:var(--radius-sm);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-group-title-btn:hover{background:var(--bg-hover)}.dm-group-title-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.top-bar-title .header-server-title-btn{min-width:0;max-width:100%}.top-bar-title .header-server-title-btn>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-name-unified{font-weight:600;font-size:.95rem;color:var(--text-primary)}.header-server-title-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--text-primary);font:inherit;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm)}.header-server-title-btn:hover{background:var(--bg-hover)}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-actions .murmur-search-bar--collapsible:not(.expanded),.chat-header-actions .murmur-search-bar--collapsible:not(.expanded):hover,.chat-header-actions .murmur-search-bar--collapsible:not(.expanded):focus-within{background:transparent!important;border:none!important;box-shadow:none!important;box-sizing:border-box;padding:6px;width:32px;min-width:32px;max-width:32px;gap:0;justify-content:center;align-items:center;border-radius:var(--radius-sm);transition:width .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1),padding .2s ease,gap .2s ease,background .2s ease,border-color .2s ease}.chat-header-actions .murmur-search-bar--collapsible:not(.expanded):hover{background:var(--bg-hover)!important}.chat-header-actions .murmur-search-bar--collapsible:not(.expanded) .murmur-search-icon{color:var(--text-secondary);cursor:pointer;stroke-width:2}.chat-header-actions .murmur-search-bar--collapsible:not(.expanded):hover .murmur-search-icon{color:var(--text-primary)}.members-toggle-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.members-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.members-toggle-btn.active{color:var(--primary-color)}.chat-header-unified .hamburger-btn,.mobile-sidebar-overlay,.home-swipe-chevron-hint,.mobile-edge-hint{display:none}@media(max-width:768px){.app{position:relative;overflow:hidden;height:100vh;height:100dvh}.chat-header-unified{background:var(--bg-secondary);height:60px;padding:12px 16px}.chat-header-unified .hamburger-btn{display:flex}.hamburger-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;margin-right:12px;display:flex;align-items:center;gap:16px;padding:4px;border-radius:var(--radius-sm)}.hamburger-btn:active{background:var(--bg-hover)}.mobile-edge-hint{display:block;position:fixed;top:50%;left:10px;width:4px;height:36px;border-radius:var(--radius-pill);background:#ffffff8c;z-index:1200;pointer-events:none;transform:translateY(-50%) translate(-6px);animation:edgePeek 1.65s ease-in-out .35s both}@keyframes edgePeek{0%{opacity:0;transform:translateY(-50%) translate(-14px)}18%{opacity:.85;transform:translateY(-50%) translate(4px)}38%{opacity:.9;transform:translateY(-50%) translate(14px)}58%{opacity:.55;transform:translateY(-50%) translate(4px)}78%{opacity:.35;transform:translateY(-50%) translate(10px)}to{opacity:0;transform:translateY(-50%) translate(-6px)}}.settings-modal-overlay{align-items:stretch;justify-content:flex-end;padding:0;min-height:100dvh;height:100dvh;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:fixed;top:0;right:0;bottom:0;left:0}.settings-modal-content{position:absolute;left:0;right:0;bottom:0;padding-top:22px;padding-bottom:env(safe-area-inset-bottom,0px);width:100%;height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px)));max-height:calc(100dvh - env(safe-area-inset-top,0px));margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:clip;background:var(--bg-secondary);display:flex;flex-direction:column;box-sizing:border-box;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.settings-modal-overlay.open .settings-modal-content{transform:translateY(0)}.settings-modal-content.sheet-dragging{transition:none!important}.settings-modal-content .settings-layout{flex:1 1 auto;height:100%;max-height:100%;min-height:0;width:100%;border-radius:inherit;overflow:hidden;background:var(--bg-secondary)}.settings-modal-content .settings-sidebar{border-bottom:none}.settings-modal-content .settings-main{min-height:0;background:var(--bg-secondary)}.settings-modal-content .settings-close-container{display:none}.modal-swipe-handle{display:block!important;position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:40;width:36px;height:4px;margin:0;padding:0;border:none;border-radius:var(--radius-pill);background:#ffffff8c;cursor:grab;touch-action:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.modal-swipe-handle:active{cursor:grabbing}.mobile-camera-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.mobile-camera-btn.active{background:var(--success-color);color:#fff;border-color:var(--success-color)}.mobile-camera-btn:active{transform:none}.server-name-mobile{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.mobile-nav-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary);display:flex;box-shadow:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-nav-wrapper.open{transform:translate(0)}.sidebar-wrapper{width:calc(100vw - 72px);height:100%;background:var(--bg-secondary)}.sidebar{width:100%;height:100%;border-right:none;padding-bottom:env(safe-area-inset-bottom);position:relative}.sidebar-controls{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.voice-widget{position:absolute;left:10px;right:10px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:auto;transform:none!important;z-index:12;cursor:default!important}.voice-widget:before{display:none}.mobile-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat{width:100%;height:100%;display:flex;flex-direction:column}.messages{padding-bottom:0}.input-container{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,20px));background:var(--bg-secondary);border-top:1px solid var(--border-color)}.input{font-size:16px}}.messages-container{display:flex;flex-direction:column;height:100%;padding:0 24px 64px;gap:24px;overflow-y:auto;scroll-behavior:auto;scrollbar-gutter:stable}.messages-spacer{flex:1}.context-menu{--cm-edge: 4px;--cm-row-pad-x: 8px;--cm-lead-col: 28px;--cm-gap: 6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--cm-edge);min-width:196px;max-width:min(320px,calc(100vw - 20px));box-sizing:border-box;backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12);box-shadow:0 10px 38px color-mix(in srgb,#000 34%,transparent),0 0 0 1px color-mix(in srgb,var(--primary-color) 12%,transparent);z-index:10000;display:flex;flex-direction:column;align-items:stretch;gap:2px;transition:none}.context-menu-label{padding:6px var(--cm-row-pad-x);margin-bottom:1px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-sizing:border-box;min-width:0;align-self:stretch}.context-menu-label.flex.items-center{text-transform:none;letter-spacing:normal;font-weight:600;display:grid;grid-template-columns:var(--cm-lead-col) minmax(0,1fr);gap:var(--cm-gap);align-items:center;background:color-mix(in srgb,var(--bg-tertiary) 52%,transparent);color:var(--text-primary)}.context-menu-label.flex.items-center>.user-avatar-component{justify-self:start}.context-menu-label.flex.items-center>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-label.flex.items-center>span.flex{text-overflow:unset;white-space:normal;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem}.context-menu-label.flex.items-center>span.flex>span:first-of-type{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-label.flex.items-center>span.flex>*:not(span:first-of-type){flex-shrink:0}.context-menu-volume-block{box-sizing:border-box;min-width:0;padding:8px var(--cm-row-pad-x) 8px calc(var(--cm-row-pad-x) + var(--cm-lead-col) + var(--cm-gap))}.context-menu-item{width:100%;display:grid;grid-template-columns:var(--cm-lead-col) minmax(0,1fr);gap:var(--cm-gap);align-items:center;min-height:34px;padding:7px var(--cm-row-pad-x);box-sizing:border-box;border:none;border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--text-primary);font:inherit;font-weight:500;line-height:1.25;font-size:.875rem;cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast),transform .08s ease;min-width:0}.context-menu-item svg{flex-shrink:0;opacity:.88;color:var(--text-secondary);justify-self:start}.context-menu-item span{display:block;min-width:0;text-align:start}.context-menu-item:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.context-menu-item:focus-visible{outline:none;box-shadow:var(--focus-ring);background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-tertiary))}.context-menu-item:focus-visible svg{color:var(--text-primary)}.context-menu-item.danger:focus-visible{background:color-mix(in srgb,var(--danger-color) 12%,var(--bg-tertiary));box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--danger-color)}.context-menu-item:disabled,.context-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;color:var(--text-muted)}.context-menu-item:disabled svg,.context-menu-item[aria-disabled=true] svg{opacity:.55}.context-menu-separator{height:0;margin:5px var(--cm-row-pad-x);border:none;border-top:1px solid var(--border-color);background:none;flex-shrink:0;opacity:1}.moderation-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.moderation-btn:hover,.context-menu-item:hover:not(:disabled){background:var(--bg-hover)}.context-menu-item:hover:not(:disabled) svg{color:var(--text-primary);opacity:.95}.moderation-btn.danger,.context-menu-item.danger{color:var(--danger-color)}.moderation-btn.danger svg,.context-menu-item.danger svg{color:var(--danger-color);opacity:1}.moderation-btn.danger:hover,.context-menu-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 14%,var(--bg-hover));color:var(--danger-color)}:root[data-theme=light] .context-menu{box-shadow:0 8px 30px #0f172a1a,0 0 0 1px color-mix(in srgb,var(--primary-color) 10%,var(--glass-border))}.messages{flex:1;min-height:0;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.empty-chat-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state-icon-wrapper{background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--primary-color)}.participant-tile .status-indicator{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--danger-color);color:#fff;display:flex;align-items:center;justify-content:center;z-index:20;border:2px solid var(--bg-tertiary)}.participant-tile .status-indicator.muted{background:var(--danger-color)}.empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideUpEnter{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}.message-item-motion-wrap{display:flex;flex-direction:row;align-items:flex-start;flex:1 1 auto;min-width:0;width:100%}.message-item-motion-wrap--system{justify-content:center}.message-item-motion-wrap.message-item--enter{animation:messageSlideUpEnter .4s cubic-bezier(.33,.86,.25,1) both}.empty-state-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-text{max-width:400px;line-height:1.5;margin-bottom:2rem;color:var(--text-dim);font-size:1rem}.invite-cta-modern{display:flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.invite-cta-modern:hover{background:var(--primary-hover)}.invite-cta-modern:active:not(:disabled):not([aria-disabled=true]){background:var(--primary-color);opacity:.9}.message-item{display:flex;position:relative;margin-top:.5rem;padding:2px 16px;word-wrap:break-word;-webkit-user-select:text;user-select:text;flex:0 0 auto;min-height:2.25rem;transition:background-color var(--transition-fast)}.messages-container.instant .message-item-motion-wrap:not(.message-item--enter),.messages.instant .message-item-motion-wrap:not(.message-item--enter),.messages-container.instant .fade-in,.messages.instant .fade-in{animation:none!important;transition:none!important}.messages-container{gap:0!important}.messages-container>*:not(.message-item--stacked){margin-top:1.5rem}.messages-container>.message-item--stacked{margin-top:4px}.message-item.system{justify-content:center;flex-direction:row}.messages-container>*:first-child{margin-top:0}[diff_block_start] .portal-picker .picmo__picker{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.portal-picker .picmo__search-container{padding:12px!important;background-color:transparent!important}.portal-picker .picmo__search-row{background-color:var(--bg-tertiary)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-color)!important}.portal-picker .picmo__search-input{color:var(--text-primary)!important;background-color:transparent!important}.portal-picker .picmo__search-input::placeholder{color:var(--text-muted)!important}.portal-picker .picmo__search-icon,.portal-picker .picmo__search-icon svg,.portal-picker .lucide-search,.portal-picker [class*=search-icon]{color:var(--text-muted)!important;stroke:var(--text-muted)!important;fill:none!important;opacity:1!important}[diff_block_end] .message-item:hover{background-color:#04040512}:root[data-theme=dark] .message-item:hover{background-color:#ffffff05}.message-item--stacked{padding:0 16px;min-height:auto;display:flex;align-items:flex-start}.message-left-col{width:50px;min-width:50px;margin-right:6px;display:flex;justify-content:flex-start;flex-shrink:0;padding-top:.125rem}.message-left-col .user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:opacity .2s}.message-content{border-radius:var(--radius-md);padding:4px 8px;display:inline-block;max-width:min(100%,calc(100vw - 120px));min-width:0}.message-item--stacked .message-content{margin-top:2px;border-radius:var(--radius-md)}.message-left-col .user-avatar:hover{opacity:.8;box-shadow:none}.message-item--stacked .message-left-col{padding:0;display:flex;align-items:flex-start;justify-content:flex-end;height:auto}.message-right-col{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:0;line-height:1.375rem}.settings-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000005c;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:hidden;transition:visibility .25s cubic-bezier(.4,0,.2,1)}.settings-modal-overlay.open{visibility:visible}@media(min-width:769px){.settings-modal-content{width:100%;height:100%;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.settings-modal-overlay.open .settings-modal-content{transform:translateY(0)}}.modal-swipe-handle{display:none}.home-content{text-align:center;max-width:480px}.welcome-hero{margin-bottom:2.5rem}.welcome-icon{font-size:3.5rem;margin-bottom:1rem;animation:wave 1.5s ease-in-out infinite alternate}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.welcome-hero h2{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.welcome-hero p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.home-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-card{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:var(--radius-md);padding:1.5rem;text-align:left;transition:all .2s ease}.feature-card:hover{border-color:var(--primary-color)}.feature-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.feature-card p{font-size:.85rem;color:var(--text-secondary);opacity:.7}.server-icon-btn.home:hover{background:var(--primary-hover)}.server-icon-btn.home:hover svg{color:#fff}.home-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px}.home-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.home-nav-item:hover{background:var(--bg-hover)}.home-nav-item.active{background:var(--primary-color);color:#fff}.home-sidebar-section{padding:16px 8px 8px;flex:1}.section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;margin-bottom:4px}.section-header span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.section-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.section-add-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.section-empty{padding:16px 12px;text-align:center}.section-empty p{font-size:.85rem;color:var(--text-muted);opacity:.6}.message-username{font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;line-height:1.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-username:hover{text-decoration:underline}.message-header-name{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;flex-wrap:wrap}.message-author-bot-badge{flex-shrink:0}.user-bot-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#5865f247;color:#b4b9ff;vertical-align:middle;flex-shrink:0;line-height:1;border:1px solid rgba(88,101,242,.35)}.user-bot-badge--compact{font-size:.58rem;padding:1px 5px;letter-spacing:.04em}.member-row-bot-badge{margin-left:2px}.profile-username-with-badge{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.profile-bot-badge{flex-shrink:0}.server-settings-member-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.video-username-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%}.video-tile-bot-badge{flex-shrink:0}.message-timestamp{font-size:.75rem;color:var(--text-dim);font-weight:400;margin-left:.25rem;height:1.25rem;line-height:1.375rem;vertical-align:baseline}.message-text{font-size:1rem;line-height:1.25rem;color:#dcddde;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;font-weight:400;display:flex;align-items:center}:root[data-theme=light] .message-text{color:var(--text-secondary)}.message-text a{color:#00b0f4;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text p{margin:0;padding:0;display:inline}.message-reply-preview{display:flex;align-items:center;font-size:.85rem;color:var(--text-dim);margin-bottom:6px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;background:var(--bg-hover);padding:4px 10px 4px 6px;border-radius:var(--radius-sm);border-left:3px solid var(--primary-color);width:fit-content;max-width:100%;transition:all .2s ease}.message-reply-preview:hover{background:var(--bg-modifier-active);color:var(--text-primary);border-left-color:var(--primary-hover)}.reply-spine{display:none}.reply-avatar-min{width:16px;height:16px;border-radius:50%;margin-right:8px;object-fit:cover}.reply-username{font-weight:500;margin-right:6px;opacity:.9;color:var(--text-primary)}.message-reply-preview:hover .reply-username{text-decoration:underline;opacity:1}.reply-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;opacity:.8}.highlight-reply{background-color:#00b0f426;transition:background-color .3s ease}.reply-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);padding:8px 12px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid var(--border-color);font-size:.85rem;color:var(--text-muted)}.reply-banner-content{display:flex;align-items:center;gap:6px}.reply-banner-label{font-weight:500}.reply-banner-user{font-weight:600;color:var(--text-primary)}.reply-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm)}.reply-banner-close:hover{color:var(--text-primary);background:var(--bg-hover)}.message-edit-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.message-edit-input{width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:10px 14px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:44px;max-height:50vh;outline:none}.message-edit-input:focus{background:var(--bg-secondary)}.message-edit-actions{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-dim)}.edit-btn{background:none;border:none;font-size:.75rem;cursor:pointer;padding:0;font-family:inherit;font-weight:500}.edit-btn.ghost,.edit-btn.primary{color:#00b0f4}.edit-btn.ghost:hover,.edit-btn.primary:hover{text-decoration:underline}.message-edited-tag{font-size:.65rem;color:var(--text-dim);margin-left:6px;-webkit-user-select:none;user-select:none}.message-timestamp-hover{display:block;font-size:.65rem;color:var(--text-dim);line-height:1.25rem;width:100%;text-align:right;padding-right:8px;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.message-item:hover .message-timestamp-hover{opacity:1;visibility:visible}.message-date-separator{display:flex;align-items:center;margin:1.5rem 16px .5rem;-webkit-user-select:none;user-select:none;pointer-events:none}.date-separator-line{height:1px;flex:1;background-color:var(--border-color)}.date-separator-label{padding:0 8px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.chat-input-area{padding:16px 16px 20px;background:transparent;flex-shrink:0}.chat-input-container{display:flex;flex-direction:column;gap:12px}.staged-files-list{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 8px;max-width:100%}.staged-files-list::-webkit-scrollbar{height:4px}.staged-files-list::-webkit-scrollbar-track{background:transparent}.staged-files-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}.staged-file-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);width:fit-content;min-width:200px;max-width:300px;flex-shrink:0}.staged-file-image{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;background:#000;flex-shrink:0}.staged-file-image img{width:100%;height:100%;object-fit:cover}.staged-file-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.staged-file-info{flex:1;min-width:0}.staged-file-name{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staged-file-remove{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.staged-file-remove:hover{background:var(--danger-color, #ff4d4d);color:#fff;transform:scale(1.1)}.chat-input-form{background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;padding:10px 14px;gap:12px;transition:border-color .2s;border:1px solid var(--border-color);position:relative;width:100%}.chat-input-form:focus-within{border-color:var(--primary-color)}.chat-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:4px 0;outline:none}.chat-input-field:focus,.chat-input-field:focus-visible{outline:none;box-shadow:none}.chat-input-field::placeholder{color:var(--text-dim)}.chat-send-btn{width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);border:none;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0;margin-right:2px}.chat-send-btn:hover:not(:disabled){background:var(--primary-hover)}.chat-send-btn:disabled{background:var(--bg-hover);color:var(--text-dim);opacity:.5;cursor:default}.chat-upload-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-bottom:2px}.chat-upload-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.1);flex-shrink:0;border:1px solid var(--border-color)}.drag-drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--primary-color-rgb),.1);z-index:1000;display:flex;align-items:center;justify-content:center;border:2px dashed var(--primary-color);border-radius:var(--radius-sm);margin:12px;pointer-events:none;animation:fade-in .2s ease-out}.drag-drop-content{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--primary-color);transform:translateY(0);animation:slide-up .3s ease-out;border:1px solid var(--border-color)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.messages{padding:1rem 0 .5rem}.message-username{font-weight:600;color:var(--text-primary)}.message-timestamp{font-size:.7rem;font-weight:500;opacity:.6}.message-text{color:var(--text-secondary);line-height:1.375rem;word-break:break-word}.message-media-content{margin-top:8px;max-width:100%;display:inline-block;vertical-align:top}.message-media-lazy-wrap{position:relative;display:inline-block;max-width:min(100%,420px);vertical-align:top;min-height:180px;min-width:260px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary)}.message-media-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:var(--radius-md);min-height:180px;min-width:260px;background:linear-gradient(110deg,var(--bg-tertiary) 0%,color-mix(in srgb,var(--bg-hover) 75%,var(--bg-tertiary)) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:message-media-shimmer 1.1s ease-in-out infinite;pointer-events:none;aspect-ratio:16 / 10}@keyframes message-media-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.message-media-image{width:auto;max-width:min(100%,420px);max-height:400px;height:auto;min-height:180px;min-width:260px;display:block;cursor:zoom-in;transition:opacity .3s ease;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-tertiary)}.message-media-image:hover{opacity:.9}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));box-sizing:border-box;background:#000000e0;cursor:zoom-out;animation:fadeIn .15s ease-out}.image-lightbox-img{max-width:min(96vw,100%);max-height:min(92dvh,92vh);width:auto;height:auto;object-fit:contain;cursor:default;border-radius:var(--radius-sm)}.image-lightbox-close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease}.image-lightbox-close:hover{background:#ffffff38}.message-text .markdown-image-link img{cursor:zoom-in;max-width:min(100%,420px);max-height:400px;height:auto;border-radius:var(--radius-sm);vertical-align:middle}.message-media-video{width:min(100%,420px);max-width:420px;max-height:400px;height:auto;display:block;outline:none;object-fit:contain}@media(max-width:768px){.message-media-image,.message-media-video{width:min(82vw,320px);max-width:320px;max-height:45vh}}.message-file-card{display:flex;align-items:center;padding:12px 16px;gap:12px;min-width:0;width:min(100%,420px);max-width:450px;background:var(--bg-secondary)}@media(max-width:768px){.message-content{max-width:min(100%,calc(100vw - 88px))}.message-file-card{width:min(82vw,320px);max-width:320px}}.file-icon{color:var(--primary-color);display:flex;align-items:center}.file-info{flex:1;min-width:0}.stream-viewer-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;background:var(--bg-secondary);padding:8px;border-radius:var(--radius-md);z-index:20;opacity:0;pointer-events:none;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.video-tile:hover .stream-viewer-controls,.floating-call-widget .stream-viewer-controls{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.floating-call-widget .tile-corner-btn{opacity:1;transform:scale(1)}@media(hover:none){.video-tile .stream-viewer-controls{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.video-tile .tile-corner-btn{opacity:1;transform:scale(1)}}.stream-control-btn{background:transparent;color:var(--text-primary);border:none;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stream-control-btn:hover{background:var(--bg-hover)}.stream-control-btn.danger:hover{background:var(--danger-color);color:#fff}.stream-control-btn.active{color:var(--danger-color)}.tile-corner-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}.video-tile:hover .tile-corner-btn,.floating-call-widget:hover .tile-corner-btn{opacity:1;transform:scale(1)}.tile-corner-btn.close-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:scale(1.1)}.file-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--text-dim);margin-top:2px}.file-download-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;text-decoration:none}.file-download-btn:hover{background:var(--primary-color);color:#fff}.fade-in{animation:message-fade-in .3s ease-out}@keyframes message-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lan-icon{font-size:1.1em}.connection-status{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.8rem;min-width:200px;margin:.5rem}.connection-mode{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.mode-icon{font-size:1.2em}.connection-details{display:flex;justify-content:space-between;align-items:center;gap:1rem}.user-breakdown{display:flex;gap:.5rem;align-items:center}.local-users{color:var(--success-color);font-weight:500}.remote-users{color:var(--primary-color);font-weight:500}.total-users{color:var(--text-secondary);font-weight:500}.latency-info{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.latency-value{font-weight:600;font-size:.9em;color:var(--text-primary)}.latency-label{font-size:.7em;color:var(--text-dim)}.voice-status{padding:0;display:flex;flex-direction:column;gap:2px;width:100%}.voice-status-header{display:flex;align-items:center;gap:6px;color:var(--success-color);margin-bottom:0}.voice-status-title{color:var(--success-color);font-weight:700;font-size:.8rem;line-height:1.2;letter-spacing:.5px}.voice-status-info{display:flex;justify-content:space-between;align-items:center;width:100%}.voice-status-server{color:var(--text-secondary);font-size:.75rem;line-height:1.2;font-weight:500}.voice-status-timer{color:var(--text-dim);font-size:.7rem;margin-top:0}.loading-wrapper{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.message-item.system{justify-content:center;padding:.5rem 1rem;margin:12px 0;opacity:.7}.message-item.system:hover{background:transparent!important}.message-system-content{background:var(--bg-tertiary);padding:.2rem .8rem;border-radius:var(--radius-md);font-size:.85rem;font-style:italic;color:var(--text-dim);max-width:80%;text-align:center;border:1px solid rgba(255,255,255,.05)}:root[data-theme=light] .message-system-content{background:var(--bg-tertiary);color:var(--text-color);border-color:#0000000d}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.8rem;color:var(--primary-color);opacity:.8;height:24px}.typing-anchored-slot{position:absolute;left:0;right:0;bottom:0;z-index:4;overflow:hidden;pointer-events:none;transform:translateY(100%);opacity:0;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .28s ease;will-change:transform,opacity}.typing-anchored-slot--visible{transform:translateY(0);opacity:1}.typing-indicator.typing-indicator--anchored{height:auto;min-height:26px;padding:4px 16px 6px;margin:0;background:transparent;border:none;box-shadow:none}.chat-messages-body>.messages{transition:padding-bottom .32s cubic-bezier(.32,.72,0,1)}.chat-messages-body:has(.typing-anchored-slot--visible)>.messages{padding-bottom:calc(1rem + 30px)}.chat-messages-body>.messages-container{transition:padding-bottom .32s cubic-bezier(.32,.72,0,1)}.chat-messages-body:has(.typing-anchored-slot--visible)>.messages-container{padding-bottom:92px}.dm-main-chat .chat-messages-body:has(.typing-anchored-slot--visible)>.messages-container{padding-bottom:48px}.jump-to-latest-btn{position:sticky;bottom:14px;margin:0 auto;z-index:9;border:1px solid color-mix(in srgb,var(--primary-color) 45%,transparent);background:color-mix(in srgb,var(--bg-tertiary) 65%,var(--primary-color) 35%);color:var(--text-primary);border-radius:var(--radius-pill);padding:8px 14px;font-size:.8rem;font-weight:700;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease}.jump-to-latest-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary-color) 60%,transparent)}.typing-dots{display:flex;gap:2px}.typing-dots span{width:5px;height:5px;background-color:var(--primary-color);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.video-grid-container{--vg-gap: 10px;--vg-pad: 8px;--vg-radius: var(--radius-lg);background:var(--bg-primary);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;flex:1;min-height:0;overflow:hidden;padding:var(--vg-pad);box-sizing:border-box}.video-grid-main{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;overflow:hidden;align-items:stretch}.video-grid-call-bar{flex-shrink:0;margin-left:calc(-1 * var(--vg-pad));margin-right:calc(-1 * var(--vg-pad));width:calc(100% + 2 * var(--vg-pad));max-width:none;padding:0 0 calc(4px + env(safe-area-inset-bottom,0px));box-sizing:border-box;display:flex;justify-content:center}.video-grid-call-bar__inner{width:fit-content;max-width:min(100%,calc(100vw - 24px));margin-inline:auto;display:flex;flex-direction:row;justify-content:center;padding:10px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.video-grid-call-bar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.video-grid-call-bar__row .control-btn{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent)}.video-grid-call-bar__row .control-btn--live.active{color:var(--success-color);background:color-mix(in srgb,var(--success-color) 22%,transparent);border:1px solid color-mix(in srgb,var(--success-color) 50%,transparent)}.video-grid-call-bar__row .control-btn--live.active:hover:not(:disabled){background:color-mix(in srgb,var(--success-color) 30%,transparent);border-color:color-mix(in srgb,var(--success-color) 62%,transparent)}.video-grid-call-bar__row .control-btn--live.active svg{color:var(--success-color);stroke:var(--success-color)}.video-element-wrap.mirror-local .video-element{transform:scaleX(-1)}.video-tile .video-element-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.video-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}.video-tile__rejoin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:6}.video-tile .video-tile__media{position:absolute;top:0;left:0;width:100%;height:100%}.video-tile--grid .video-tile__media,.video-tile--grid .video-element{object-fit:contain;background:#000}.video-tile:not(.video-tile--grid) .video-tile__media:not(.is-screen){object-fit:cover}.video-tile:not(.video-tile--grid) .video-tile__media.is-screen{object-fit:contain}.contents-default{display:grid;gap:var(--vg-gap, 10px);width:100%;height:100%;min-height:0;align-content:stretch;justify-items:stretch;align-items:stretch;max-width:none;margin-inline:0;box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:minmax(0,1fr)}.video-grid-container.multi-participant:not(.grid-count-1):not(.grid-count-2):not(.grid-count-3):not(.grid-count-4) .contents-default{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:center}.video-tile-wrapper{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1)}.video-grid-container .video-tile{border-radius:var(--vg-radius, var(--radius-lg))}.video-tile{background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border-color .2s ease;border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent)}.video-tile.camera-active{border-color:transparent}.video-overlay{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:#000000b3;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;z-index:10;pointer-events:none}.video-username{color:#fff;font-weight:600;font-size:.85rem}.mute-icon-small{display:flex;align-items:center;justify-content:center;color:var(--danger-color)}.video-grid-container.grid-count-1 .contents-default{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;max-width:none;margin-inline:auto;grid-template-columns:none;grid-auto-rows:unset;align-content:unset;justify-items:unset}.video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.video-grid-container.grid-count-1 .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-container.grid-count-2 .contents-default{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset;max-width:100%;width:100%;margin:0 auto;align-content:stretch;justify-items:stretch;align-items:stretch}.video-grid-container.grid-count-2 .contents-default>.video-tile-wrapper{min-width:0;align-self:stretch;justify-self:stretch}.video-grid-container.grid-count-2 .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-container.grid-count-3 .contents-default{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset;max-width:100%;width:100%;margin:0 auto;align-content:stretch;justify-items:stretch;align-items:stretch}.video-grid-container.grid-count-3 .contents-default>.video-tile-wrapper{min-width:0;align-self:stretch;justify-self:stretch}.video-grid-container.grid-count-3 .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-container.grid-count-4 .contents-default{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);max-width:100%;width:100%;margin:0 auto;align-content:center;justify-items:stretch;align-items:stretch}.video-grid-container.grid-count-4 .contents-default>.video-tile-wrapper{min-width:0;align-self:stretch;justify-self:stretch}.video-grid-container.grid-count-4 .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-container.multi-participant:not(.grid-count-1):not(.grid-count-2):not(.grid-count-3):not(.grid-count-4) .contents-default>.video-tile-wrapper{min-width:0;align-self:stretch;justify-self:stretch}.video-grid-container.multi-participant:not(.grid-count-1):not(.grid-count-2):not(.grid-count-3):not(.grid-count-4) .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-main .contents-default .video-tile-wrapper{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}.video-tile--grid{min-width:0;min-height:0;flex-shrink:1;box-sizing:border-box;position:relative;overflow:hidden;aspect-ratio:16 / 9;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}.video-tile--grid.video-tile--avatar-only{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.video-grid-container.has-focus .side-participants .video-tile-wrapper{align-items:center;justify-content:center}@keyframes videogrid-focus-zoom-in{0%{opacity:0;transform:scale(.94)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.video-grid-container.has-focus{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0;overflow:hidden}.video-grid-container.has-focus .focus-participant{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-grid-container.has-focus .focus-participant .video-tile--grid{border-radius:0;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;max-height:100%;margin:0;flex-shrink:0}.video-grid-container.has-focus .focus-participant .video-tile--grid:not(.video-tile--avatar-only){transform-origin:center center;animation:videogrid-focus-zoom-in .42s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.video-grid-container.has-focus .focus-participant .video-tile--grid:not(.video-tile--avatar-only){animation:none;opacity:1;transform:none}}.video-grid-container.has-focus .side-participants{grid-column:2;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;background:var(--bg-secondary);border-left:1px solid var(--border-color)}.video-tile-wrapper{cursor:pointer;width:100%;height:100%}.side-participants .video-tile-wrapper{aspect-ratio:16 / 9;flex-shrink:0}.video-element.is-screen{object-fit:contain;background:#000}.video-tile{position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color var(--transition-fast),opacity var(--transition-fast)}.video-tile.camera-active{background:#000}.video-tile.video-tile--grid{min-width:0;min-height:0;flex-shrink:1;box-sizing:border-box;position:relative;overflow:hidden;aspect-ratio:16 / 9;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}.screen-share-modal{width:480px;max-width:95vw;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;padding:32px 24px 24px}.setting-group{margin-bottom:28px}.setting-group:last-of-type{margin-bottom:12px}.setting-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;letter-spacing:.5px}.quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-md)}.quality-options button{background:transparent;border:none;color:var(--text-secondary);padding:12px 8px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-fast)}.quality-options button:hover{background:#ffffff0d;color:var(--text-primary)}.quality-options button.active{background:var(--bg-secondary);color:var(--primary-color);box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .15s ease-out}@keyframes incoming-call-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.incoming-call-pulse{animation:incoming-call-pulse 1.35s ease-in-out infinite}.call-modal-overlay{z-index:12000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.incoming-call-overlay{z-index:50000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.call-modal-card{max-width:380px;text-align:center;padding:28px 24px 24px;border-radius:var(--radius-md, 12px);background:var(--bg-secondary, #1e1f22);border:1px solid color-mix(in srgb,var(--border-color, rgba(255, 255, 255, .08)) 70%,transparent)}.call-modal-body{display:flex;flex-direction:column;align-items:center;gap:12px}.call-modal-avatar-ring{padding:8px;border-radius:50%;background:#5865f226}.call-modal-title{margin:8px 0 0;font-size:1.15rem}.call-modal-status{margin:0;color:var(--text-secondary);font-size:.95rem}.incoming-call-timer{margin:4px 0 0;font-size:.85rem;font-weight:600;color:var(--text-dim)}.incoming-call-timer.danger{color:var(--danger-color, #ed4245)}.call-modal-actions{display:flex;justify-content:center;gap:20px;margin-top:20px}.call-modal-action-btn{border-radius:50%;width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center}.incoming-call-accept{background:var(--success-color, #3ba55d);border-color:transparent}.call-modal-type-indicator{width:56px;height:56px;display:flex;align-items:center;justify-content:center;opacity:.35}.modal-content{background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);max-width:100%;width:480px;position:relative;animation:modalAppear .2s cubic-bezier(.1,.9,.2,1);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.modal-overlay{align-items:flex-end;justify-content:center;padding:0}.modal-content{width:100%;max-width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:modalSlideUp .22s cubic-bezier(.4,0,.2,1)}.modal-overlay .modal-content:before{display:none}.modal-content.sheet-dragging{transition:none!important;animation:none!important}.modal-overlay .modal-content .modal-close-btn{display:none!important}.modal-overlay .modal-content>.modal-header{padding-top:28px}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-header{padding:24px 56px 16px 24px;display:flex;flex-direction:column;gap:8px}.modal-header.centered{align-items:center;padding-right:24px;text-align:center}.modal-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.modal-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.4}.modal-body{padding:0 24px 24px;display:flex;flex-direction:column}.modal-footer{background:var(--bg-tertiary);padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.confirm-modal-content.modal-content{max-width:400px}.confirm-modal-title-row{display:flex;align-items:center;gap:12px}.confirm-modal-danger-icon{background:#ff44441a;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--danger-color)}.confirm-modal-body{padding:20px 24px}.confirm-modal-message{margin:0;color:var(--text-secondary);line-height:1.5}.create-server-setup{display:flex;flex-direction:column;align-items:center;gap:24px;padding:8px 0}.avatar-upload-container{position:relative;display:flex;justify-content:center}.avatar-upload-circle{width:80px;height:80px;border-radius:50%;border:2px dashed var(--primary-color);background:rgba(var(--primary-color-rgb),.05);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.1,.9,.2,1);position:relative}.avatar-upload-circle:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-light)}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--primary-color)}.avatar-upload-placeholder .upload-text{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.avatar-preview-img{width:100%;height:100%;object-fit:cover;animation:fadeIn .3s ease-out}.avatar-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.avatar-upload-circle:hover .avatar-hover-overlay{opacity:1}.settings-profile-card{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px}.profile-avatar-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.avatar-upload-circle.large{width:120px;height:120px}.profile-info-area.full-width{width:100%;display:flex;flex-direction:column;gap:16px}.avatar-uploading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-upload-circle.uploading{pointer-events:none;opacity:.8}.hidden-file-input{display:none}.create-server-setup .form-group{width:100%;display:flex;flex-direction:column;gap:10px}.create-server-setup label{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.tos-note{font-size:12px;line-height:1.4;color:var(--text-dim);margin:0}.modal-header.centered{text-align:center;align-items:center;display:flex;flex-direction:column}.modal-footer.centered{justify-content:center}.modal-ghost-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 12px}.modal-ghost-btn:hover{text-decoration:underline;color:var(--text-primary)}.modal-action-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease;width:100%;text-align:left}.modal-action-card:hover{background:var(--bg-hover);border-color:var(--text-dim)}.modal-action-card:disabled{opacity:.5;cursor:not-allowed}.modal-action-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-action-text{flex:1;margin-left:16px;font-weight:700;color:var(--text-primary);font-size:1rem}.danger-modal{width:440px}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.invite-embed-card{display:flex;align-items:center;gap:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;margin-top:8px;max-width:420px;transition:border-color .2s ease}.invite-embed-card:hover{border-color:var(--primary-color)}.invite-embed-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.invite-embed-label{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:var(--primary-color)}.invite-embed-name{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-embed-meta{font-size:.78rem;color:var(--text-dim);display:flex;align-items:center;gap:4px}.invite-embed-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);flex-shrink:0}.invite-embed-cta{background:var(--primary-color);color:#fff;border:none;padding:8px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s ease;white-space:nowrap;flex-shrink:0}.invite-embed-cta:hover{background:var(--primary-hover)}.invite-embed-cta.joined{background:#ffffff0d;color:var(--text-secondary);cursor:not-allowed}.message-rich-embed-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:520px}.message-rich-embed{background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:4px solid var(--border-subtle);padding:10px 12px;font-size:.9rem;line-height:1.45}.message-rich-embed a{color:var(--primary-color)}.message-rich-embed-author{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.message-rich-embed-author-icon{width:22px;height:22px;border-radius:50%;object-fit:cover}.message-rich-embed-title{font-weight:700;font-size:.95rem;margin-bottom:6px}.message-rich-embed-desc{color:var(--text-primary);opacity:.95;margin-bottom:8px;word-break:break-word}.message-rich-embed-desc p{margin:.35em 0}.message-rich-embed-thumb{max-width:80px;max-height:80px;border-radius:var(--radius-sm);float:right;margin-left:10px;object-fit:cover}.message-rich-embed-fields{display:flex;flex-wrap:wrap;gap:10px 16px;margin:8px 0}.message-rich-embed-field{flex:1 1 100%;min-width:120px}.message-rich-embed-field--inline{flex:1 1 calc(50% - 12px)}.message-rich-embed-field-name{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);margin-bottom:2px}.message-rich-embed-field-value{font-size:.85rem;word-break:break-word}.message-rich-embed-image{max-width:100%;max-height:280px;border-radius:var(--radius-sm);margin-top:8px;object-fit:cover;display:block}.message-rich-embed-footer{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;color:var(--text-secondary)}.message-rich-embed-footer-icon{width:16px;height:16px;border-radius:2px;object-fit:cover}.link-preview-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-top:8px;border-left:4px solid var(--primary-color);max-width:520px}.link-preview-image{width:100%;max-height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-content{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.link-preview-site{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.link-preview-title{font-size:1rem;font-weight:700;color:var(--primary-color);text-decoration:none;line-height:1.4}.link-preview-title:hover{text-decoration:underline}.link-preview-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media(max-width:768px){.invite-embed-card{flex-direction:column;align-items:stretch;text-align:center;max-width:100%}.invite-embed-info{align-items:center}.invite-embed-cta{width:100%}}.video-tile.speaking{border-color:var(--success-color)}.video-tile.speaking.speaking-playback{border-color:var(--primary-color)}.video-element{width:100%;height:100%;display:block;animation:fadeIn .5s ease-out forwards}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-tertiary)}.video-overlay{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#000000b3;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;z-index:5}.video-username{color:#fff;font-size:.8rem;font-weight:600}@media(max-width:768px){.video-grid-container{--vg-gap: 12px;--vg-pad: 10px;padding:var(--vg-pad);gap:var(--vg-gap);overflow-y:auto!important;display:block}.video-grid-call-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;margin-left:0;margin-right:0;width:100%;max-width:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,color-mix(in srgb,var(--bg-primary) 92%,transparent) 0%,transparent 100%);pointer-events:none;display:flex;justify-content:center;align-items:center}.video-grid-call-bar__inner{pointer-events:auto;width:fit-content;max-width:calc(100vw - 16px);margin-inline:auto;padding:10px 12px}.video-grid-call-bar__row{gap:8px}.video-grid-call-bar__row .control-btn{width:50px;height:50px}.video-grid-call-bar__row .control-btn svg{width:24px;height:24px}.video-grid-container.has-call-bar{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.contents-default{display:flex!important;flex-direction:column!important;gap:var(--vg-gap, 12px)!important;width:100%!important;height:auto!important;max-width:none!important;padding-bottom:var(--vg-gap, 12px)}.video-grid-container.grid-count-2 .contents-default{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}.video-grid-container .video-tile-wrapper{width:100%;min-height:min(42vh,320px);max-height:46vh;aspect-ratio:16 / 9;height:auto;flex:none}.video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{min-height:min(48vh,420px);max-height:56vh}.video-grid-container .video-tile{border-radius:var(--radius-lg);border-width:2px}.video-grid-container .video-tile.speaking{border-color:var(--success-color)}.video-grid-container .video-tile.speaking.speaking-playback{border-color:var(--primary-color)}.video-grid-container.grid-count-1 .contents-default{padding:10px}.video-grid-container.has-focus{display:flex!important;flex-direction:column!important}.video-grid-container.has-focus .focus-participant{flex:1;min-height:50vh;max-height:70vh}.video-grid-container.has-focus .side-participants{display:flex!important;flex-direction:row!important;width:100%!important;height:120px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;background:var(--bg-primary);border-left:none!important;border-top:1px solid var(--border-color);flex:none}.video-grid-container.has-focus .side-participants .video-tile-wrapper{width:160px!important;height:90px!important;aspect-ratio:16 / 9}}.waiting-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:10000;color:#fff;text-align:center;animation:fade-in .3s ease-out}.waiting-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.waiting-content h2{font-size:2rem;letter-spacing:.2rem;margin:0;background:linear-gradient(45deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.waiting-content p{font-size:1.1rem;opacity:.8;margin:0}.waiting-sub{font-size:.85rem;opacity:.5;line-height:1.4}.spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.game-view-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;background:var(--bg-primary);z-index:100}.game-grid{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:40px;gap:24px;overflow-y:auto}.participant-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative}.participant-tile.speaking .user-avatar-component{outline:2px solid var(--success-color);outline-offset:2px}.participant-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-indicator{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);color:var(--danger-color)}.floating-controls-wrapper{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000}.floating-controls{pointer-events:auto;background:var(--bg-secondary);opacity:.98;padding:12px 24px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;border:1px solid var(--border-color)}.control-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover:not(:disabled){background:#ffffff26}.control-btn.active{background:#ffffff1a}.control-btn.danger{background:var(--danger-color);color:#fff}.control-btn.danger:hover{background:#ef4444}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-separator{width:1px;height:24px;background:var(--border-color);margin:0 4px}.floating-call-widget{position:fixed;width:440px;z-index:10000;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;cursor:grab;border-radius:var(--radius-md);border:1px solid var(--border-color)}.floating-call-widget.dragging{cursor:grabbing;opacity:.9;transition:none!important}.widget-content{flex:1;aspect-ratio:16 / 9;position:relative;background:var(--bg-secondary);min-height:0}.floating-call-widget--square .widget-content{aspect-ratio:1 / 1;flex:1;min-height:0}.resize-handle{position:absolute;bottom:0;width:20px;height:20px;z-index:101;opacity:0;transition:opacity .2s}.resize-handle.right{right:0;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.2) 50%);border-bottom-right-radius:12px}.resize-handle.left{left:0;cursor:nesw-resize;background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,.2) 50%);border-bottom-left-radius:12px}.floating-call-widget:hover .resize-handle{opacity:1}.widget-content .video-tile-wrapper{width:100%;height:100%}.widget-content .video-tile{border:none;border-radius:0}@media(max-width:768px){.floating-call-widget{cursor:default;border-radius:10px;overflow:hidden}}.landing-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-primary) 42%,color-mix(in srgb,var(--bg-primary) 90%,var(--primary-color) 10%) 70%,color-mix(in srgb,var(--bg-primary) 68%,var(--primary-color) 32%) 100%);background-color:var(--bg-primary);isolation:isolate;transition:background .45s cubic-bezier(.4,0,.2,1);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}:root[data-theme=light] .landing-container{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-primary) 48%,color-mix(in srgb,var(--bg-primary) 92%,var(--primary-color) 8%) 78%,color-mix(in srgb,var(--bg-primary) 78%,var(--primary-color) 22%) 100%);background-color:var(--bg-primary)}.landing-header{position:sticky;top:0;z-index:20;width:100%;padding:.5rem clamp(.5rem,2.5vw,1rem);box-sizing:border-box;background:transparent;pointer-events:none}.landing-header-inner{pointer-events:auto;width:100%;max-width:100%;margin-inline:auto;position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(.6rem,1.8vw,1.1rem);padding:.65rem clamp(1rem,3.5vw,2.25rem);border-radius:0;box-sizing:border-box;border:1px solid transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),backdrop-filter .45s cubic-bezier(.4,0,.2,1),border-radius .45s cubic-bezier(.4,0,.2,1),max-width .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] .landing-header-inner{background:transparent;border-color:transparent;box-shadow:none}.landing-header--scrolled .landing-header-inner{max-width:min(52rem,calc(100% - .5rem));padding:.48rem clamp(.8rem,2.2vw,1.3rem);border-radius:9999px;border-color:color-mix(in srgb,var(--border-color) 65%,transparent);background:color-mix(in srgb,var(--bg-secondary) 72%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 40px #00000026}:root[data-theme=light] .landing-header--scrolled .landing-header-inner{background:color-mix(in srgb,#fff 86%,var(--bg-secondary));border-color:color-mix(in srgb,var(--border-color) 68%,transparent);box-shadow:0 10px 40px #0f172a1a}@media(prefers-reduced-motion:reduce){.landing-header-inner{transition:none}}.landing-header-brand{flex:1 1 0;display:flex;justify-content:flex-start;align-items:center;min-width:0}.landing-header-tools{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0}.landing-header-tools .landing-header-lang-trigger.dropdown-trigger{height:40px;min-height:40px;padding:0 12px;box-sizing:border-box}.landing-header-tools .theme-toggle{flex-shrink:0}.landing-header-lang-label{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.landing-header-lang-label{display:none}.landing-header-tools .landing-header-lang-trigger.dropdown-trigger{padding:0 10px;min-width:40px;width:auto}}.landing-header-nav.landing-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 9.5rem);margin:0;pointer-events:auto;justify-content:center}.landing-header-nav .nav-links{display:flex;align-items:center;gap:clamp(.9rem,2.4vw,1.35rem)}.landing-header .landing-logo{font-size:clamp(1.1rem,2.4vw,1.4rem);letter-spacing:-.04em;gap:.65rem}.landing-header .landing-logo img{height:clamp(1.85rem,4.2vw,2.2rem);width:clamp(1.85rem,4.2vw,2.2rem)}.landing-header .landing-link{font-size:.93rem}.landing-nav{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.landing-cta-btn{padding:.8rem 1.5rem!important;font-size:.95rem!important;text-decoration:none!important}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--bg-hover)}.dropdown-container{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 14px;border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.85rem}.dropdown-trigger:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--bg-hover)}.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000004d;min-width:160px;padding:6px;z-index:100}.dropdown-item{width:100%;border:none;background:transparent;display:flex;align-items:center;padding:10px 14px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--primary-color);color:#fff}.animate-scale-in{animation:scale-in .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.desktop-only{display:none}}.landing-logo{display:flex;align-items:center;gap:16px;font-weight:800;font-size:1.75rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px}.landing-logo img{height:48px;width:48px;border-radius:var(--radius-md)}.landing-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-link:hover{color:var(--primary-color)}.landing-hero{width:100%;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(5.25rem,11vh,7rem) clamp(1.5rem,4vw,2rem);box-sizing:border-box;position:relative;z-index:1}.landing-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:clamp(1.75rem,4vh,2.5rem);max-width:min(52rem,100%);width:100%;margin-left:auto;margin-right:auto;transform:none}.landing-scroll-reveal{--landing-in-view: 0;--reveal-y: clamp(.85rem, 2.8vh, 2rem);opacity:calc(.08 + .92 * var(--landing-in-view));transform:translate3d(0,calc((1 - var(--landing-in-view)) * var(--reveal-y)),0);transition:none}.landing-scroll-reveal.landing-feature-slide{opacity:1;transform:none}.landing-feature-slide .landing-feature-copy{opacity:calc(.06 + .94 * var(--landing-in-view, 0));transform:translate3d(calc((1 - var(--landing-in-view, 0)) * -1.85rem),calc((1 - var(--landing-in-view, 0)) * .75rem),0);transition:none}.landing-feature-inner--flip .landing-feature-copy{transform:translate3d(calc((1 - var(--landing-in-view, 0)) * 1.85rem),calc((1 - var(--landing-in-view, 0)) * .75rem),0)}.landing-feature-slide .landing-feature-visual{opacity:calc(.08 + .92 * var(--landing-in-view, 0));transform:translate3d(0,calc((1 - var(--landing-in-view, 0)) * 2rem),0) scale(calc(.91 + .09 * var(--landing-in-view, 0)));transform-origin:center center;transition:border-color .45s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.landing-scroll-reveal,.landing-feature-slide .landing-feature-copy,.landing-feature-inner--flip .landing-feature-copy,.landing-feature-slide .landing-feature-visual{opacity:1;transform:none}}.hero-title{font-size:5rem;font-weight:900;line-height:1.05;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-2px}.hero-title span{color:var(--primary-color)}.hero-subtitle{font-size:1.75rem;color:var(--text-secondary);max-width:900px;line-height:1.6;font-weight:400}.hero-cta{display:flex;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.landing-hero .btn-primary,.landing-hero .btn-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;z-index:1}.landing-hero .btn-primary{padding:1.2rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-sm)}.landing-hero .btn-secondary{padding:1.2rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.landing-hero .btn-secondary:hover{border-color:var(--primary-color);background:var(--bg-hover)}.landing-features-slider{--landing-features-rail-top: clamp(5.1rem, 12.5vh, 6.85rem);counter-reset:landing-feat;width:100%;position:relative;z-index:1;outline:none;display:flex;flex-direction:row;align-items:flex-start;gap:clamp(.75rem,2.5vw,1.5rem)}.landing-features-slider-stack{flex:1;min-width:0;width:100%}.landing-feature-slide{counter-increment:landing-feat;--landing-reveal-delay: 0ms;box-sizing:border-box;min-height:min(100vh,920px);min-height:min(100dvh,920px);scroll-margin-top:clamp(4.15rem,10vh,6.25rem);display:flex;align-items:center;justify-content:center;padding:clamp(3rem,8vh,6rem) clamp(1.5rem,5vw,3.5rem)}.landing-features-slider-controls{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:calc(100dvh - var(--landing-features-rail-top) - env(safe-area-inset-bottom,0px) - clamp(.75rem,2.5vh,1.75rem));height:calc(100svh - var(--landing-features-rail-top) - env(safe-area-inset-bottom,0px) - clamp(.75rem,2.5vh,1.75rem));min-height:14rem;padding-inline:clamp(.75rem,2vw,1.25rem);padding-block:0;position:sticky;top:var(--landing-features-rail-top);align-self:flex-start;z-index:2}.landing-features-slider-dots{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.65rem;margin-inline:auto;transform:translateY(calc(-1*clamp(.85rem,2.4vh,2rem)))}.landing-features-slider-dot{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer}.landing-features-slider-dot:before{content:"";display:block;width:.6rem;height:.6rem;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 42%,transparent);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.landing-features-slider-dot:hover:before{background:color-mix(in srgb,var(--primary-color) 55%,var(--text-secondary));transform:scale(1.12)}.landing-features-slider-dot[aria-current=true]:before,.landing-features-slider-dot.is-active:before{background:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 28%,transparent)}.landing-features-slider-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-feature-inner{width:100%;max-width:min(1680px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,6vw,5rem);align-items:center}.landing-feature-inner--flip .landing-feature-copy{order:2}.landing-feature-inner--flip .landing-feature-visual{order:1}.landing-feature-copy:before{content:counter(landing-feat,decimal-leading-zero);display:block;width:max-content;font-size:.8rem;font-weight:700;letter-spacing:.2em;color:var(--primary-color);margin-bottom:1.25rem;opacity:.9}.landing-feature-title{font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:800;margin:0;color:var(--text-primary);letter-spacing:-.03em;line-height:1.08}.landing-feature-desc{margin:1.35rem 0 0;color:var(--text-secondary);line-height:1.65;font-size:clamp(1.1rem,1.35vw,1.45rem);font-weight:450;max-width:38rem}.landing-feature-install-cta{margin-top:1.75rem}.landing-feature-install-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1rem 2rem;font-size:1.05rem;border-radius:var(--radius-sm);text-decoration:none;position:relative;overflow:hidden}.landing-feature-hint{margin:1.35rem 0 0;font-size:.92rem;color:var(--text-dim);line-height:1.55;max-width:36rem}.landing-feature-visual{position:relative;min-height:min(52vh,420px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#16181c59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .45s cubic-bezier(.4,0,.2,1);color:var(--primary-color)}.landing-feature-chart{position:absolute;top:8%;right:6%;bottom:8%;left:6%;width:auto;height:auto;max-width:88%;max-height:84%;margin:auto;opacity:.26;color:inherit;pointer-events:none;z-index:0}.landing-feature-mockup{position:relative;z-index:1;width:min(100%,24rem);margin-inline:auto;padding:1rem 1.1rem 1.1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-primary) 72%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);box-shadow:0 1px color-mix(in srgb,var(--primary-color) 8%,transparent) inset,0 18px 44px #0000002e;color:var(--text-primary);font-size:.82rem;line-height:1.45}:root[data-theme=light] .landing-feature-mockup{background:color-mix(in srgb,var(--bg-primary) 88%,white);box-shadow:0 1px #ffffffb3 inset,0 16px 40px #0f172a14}.landing-feature-mockup-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.landing-feature-mockup-kicker{font-size:.7rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.landing-feature-mockup-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent)}.landing-feature-mockup-chip svg{flex-shrink:0}.landing-feature-mockup-stats{display:flex;flex-direction:column;gap:.65rem;margin-top:.85rem}.landing-feature-mockup-stat{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-secondary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}.landing-feature-mockup-stat-label{color:var(--text-secondary);font-size:.8rem}.landing-feature-mockup-stat-value{font-size:1.05rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.02em}.landing-feature-mockup-note{margin:.85rem 0 0;font-size:.78rem;color:var(--text-dim);line-height:1.5}.landing-feature-mockup-live{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;background:color-mix(in srgb,#22c55e 22%,transparent);color:color-mix(in srgb,#22c55e 95%,var(--text-primary));border:1px solid color-mix(in srgb,#22c55e 35%,transparent)}:root[data-theme=light] .landing-feature-mockup-live{color:#15803d}.landing-feature-mockup-wave{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:3.25rem;margin:1rem 0 .85rem;padding:0 .25rem}.landing-feature-mockup-wave span{display:block;width:5px;border-radius:99px;background:color-mix(in srgb,var(--primary-color) 75%,var(--text-secondary));opacity:.85}.landing-feature-mockup-wave span:nth-child(1){height:28%}.landing-feature-mockup-wave span:nth-child(2){height:55%}.landing-feature-mockup-wave span:nth-child(3){height:38%}.landing-feature-mockup-wave span:nth-child(4){height:72%}.landing-feature-mockup-wave span:nth-child(5){height:100%}.landing-feature-mockup-wave span:nth-child(6){height:48%}.landing-feature-mockup-wave span:nth-child(7){height:62%}.landing-feature-mockup-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;font-size:.74rem;color:var(--text-secondary)}.landing-feature-mockup-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--text-dim);opacity:.6}.landing-feature-mockup-chrome{display:flex;align-items:center;gap:.65rem;padding:.45rem .6rem;margin:-1rem -1.1rem .75rem;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);background:color-mix(in srgb,var(--bg-secondary) 70%,transparent)}.landing-feature-mockup-dots{display:flex;gap:5px;flex-shrink:0}.landing-feature-mockup-dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--text-dim) 45%,transparent)}.landing-feature-mockup-dots span:nth-child(1){background:#ef4444}.landing-feature-mockup-dots span:nth-child(2){background:#eab308}.landing-feature-mockup-dots span:nth-child(3){background:#22c55e}.landing-feature-mockup-titlebar{font-size:.72rem;font-weight:650;color:var(--text-dim);letter-spacing:.04em}.landing-feature-mockup-url{flex:1;min-width:0;font-size:.7rem;color:var(--text-secondary);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-feature-mockup-app{display:grid;grid-template-columns:6.25rem minmax(0,1fr);gap:.65rem;margin-top:.15rem;min-height:7.5rem}.landing-feature-mockup-rail{display:flex;flex-direction:column;gap:.35rem;padding:.45rem .4rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent)}.landing-feature-mockup-rail-head{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.15rem}.landing-feature-mockup-rail-item{font-size:.74rem;color:var(--text-secondary);padding:.28rem .35rem;border-radius:4px}.landing-feature-mockup-rail-item.is-active{color:var(--text-primary);background:color-mix(in srgb,var(--primary-color) 14%,transparent);border-left:2px solid var(--primary-color);padding-left:.45rem}.landing-feature-mockup-main{display:flex;flex-direction:column;justify-content:flex-end;padding:.35rem 0 .15rem}.landing-feature-mockup-voicecard{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.55rem .65rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-secondary) 58%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);font-size:.78rem;font-weight:600}.landing-feature-mockup-voice-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 22%,transparent);flex-shrink:0}.landing-feature-mockup-voice-meta{margin-left:auto;font-size:.72rem;font-weight:500;color:var(--text-dim)}.landing-feature-mockup-install-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1rem .5rem .35rem}.landing-feature-mockup-globe{color:var(--primary-color);opacity:.92}.landing-feature-mockup-install-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text-primary)}.landing-feature-mockup-install-sub{margin:0;font-size:.76rem;color:var(--text-secondary);line-height:1.5;max-width:16rem}.landing-feature-mockup--install .landing-feature-mockup-chrome{margin-bottom:.35rem}:root[data-theme=light] .landing-feature-visual{background:#ffffff8c;border-color:#0000000f;box-shadow:0 24px 56px #0f172a0f}.landing-feature-visual:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:280%;height:280%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 18%,transparent) 0%,transparent 55%);transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1);pointer-events:none}.landing-feature-visual:hover{border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color))}.landing-feature-visual:hover:before{opacity:1}@media(max-width:900px){.landing-features-slider{flex-direction:column;gap:.5rem}.landing-features-slider-controls{position:relative;top:auto;align-self:stretch;height:auto;min-height:0;max-height:none;flex-direction:row;padding:1rem 1.25rem .35rem;justify-content:center;align-items:center}.landing-features-slider-dots{flex-direction:row;flex-wrap:wrap;gap:.55rem;margin-inline:unset;transform:none}.landing-feature-inner,.landing-feature-inner--flip{grid-template-columns:1fr;gap:2.5rem}.landing-feature-inner--flip .landing-feature-copy,.landing-feature-inner--flip .landing-feature-visual{order:unset}.landing-feature-visual{min-height:240px;order:-1}.landing-feature-mockup-app{grid-template-columns:5.5rem minmax(0,1fr);min-height:6.5rem}.landing-feature-desc{max-width:none}.landing-feature-slide{min-height:auto;padding:3.5rem 1.5rem}}.code-block{background:#0d1117;padding:1.5rem 2rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;color:#c9d1d9;overflow-x:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid var(--border-color);margin-top:2rem;scrollbar-width:none;-ms-overflow-style:none}.code-block::-webkit-scrollbar{display:none}.code-text{font-size:.95rem}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.copy-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.landing-footer{background:var(--bg-secondary);color:var(--text-primary);padding:6rem 2rem 4rem;font-family:Inter,sans-serif;margin-top:8rem;position:relative;z-index:1;border-top:1px solid var(--border-color)}:root[data-theme=dark] .landing-footer{background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:4rem;padding-bottom:4rem}.footer-brand-section{flex:0 0 300px;display:flex;flex-direction:column;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:800;color:var(--text-primary)}.footer-logo img{width:40px;height:40px}.footer-tagline{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.footer-socials{display:flex;gap:1.5rem;margin-top:1rem}.footer-social-link{color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-social-link:hover{color:var(--primary-color)}.footer-nav-grid{display:flex;gap:6rem}.footer-nav-col{display:flex;flex-direction:column;gap:.75rem}.footer-col-title{color:var(--primary-color);font-size:.85rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.5px}.footer-nav-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-nav-link:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;max-width:1400px;margin:0 auto}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-bottom-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem}.footer-bottom-logo img{width:24px;height:24px}.footer-copy{color:var(--text-dim);font-size:.85rem}.btn-sm{padding:.6rem 1.2rem;font-size:.9rem}@media(max-width:1024px){.footer-container{flex-direction:column;gap:3rem}.footer-nav-grid{gap:4rem;flex-wrap:wrap}}@media(max-width:768px){.footer-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.hero-title{font-size:3.5rem}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.landing-header{padding:.45rem .5rem}.landing-header-inner{padding:.55rem .85rem;border-radius:0}.landing-header--scrolled .landing-header-inner{max-width:calc(100% - .35rem);border-radius:var(--radius-lg);padding:.4rem .65rem}.landing-header .landing-logo{font-size:1.2rem}.landing-hero{padding:clamp(4.75rem,12vw,6rem) 1.5rem;min-height:100dvh;min-height:100svh}.feature-card{padding:1.5rem}.code-block{flex-direction:column;align-items:stretch;padding:1.25rem 1rem;gap:1rem}.code-text{font-size:.9rem;white-space:nowrap;overflow-x:auto;display:block;width:100%;text-align:center;padding-bottom:4px}.copy-btn{width:100%;display:flex;justify-content:center}}.message-media-card{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:fit-content;min-width:320px;max-width:500px;margin-top:4px;overflow:hidden;transition:border-color var(--transition-fast)}.message-media-card:hover{border-color:var(--text-dim)}.media-body{padding:12px 16px}.media-info-bar{background:var(--bg-tertiary);padding:10px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;min-height:52px}.media-info-bar .file-icon{color:var(--primary-color);display:flex;align-items:center;opacity:.9}.media-info-bar .file-details{display:flex;flex-direction:column;flex-grow:1;min-width:0}.media-info-bar .file-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info-bar .file-meta{font-size:11px;color:var(--text-dim);font-weight:500}.message-media-video{width:100%;max-height:400px;display:block;object-fit:contain}.custom-audio-player{width:100%}.audio-controls-main{display:flex;align-items:center;gap:16px}.audio-play-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-color);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.audio-play-btn:hover{background:var(--primary-hover)}.audio-content-right{flex-grow:1;display:flex;flex-direction:column;gap:4px}.audio-slider-wrapper{position:relative;height:14px;display:flex;align-items:center}.audio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-hover);border-radius:var(--radius-sm);outline:none;cursor:pointer;position:relative}.audio-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--primary-color);border-radius:var(--radius-sm);pointer-events:none;z-index:1}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid var(--primary-color);position:relative;z-index:5}.audio-info-row{display:flex;justify-content:space-between;align-items:center}.audio-meta{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-secondary);font-family:Outfit,sans-serif}.audio-divider{color:var(--text-dim);opacity:.5}.audio-volume-indicator{color:var(--text-dim);opacity:.6}.file-download-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-hover);transition:all var(--transition-fast);border:1px solid var(--border-color)}.file-download-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.chat-area-container{display:flex;flex:1;width:100%;height:100%;overflow:hidden}.chat-messages-column{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.chat-messages-column--dm-split{min-height:0}.dm-split-view{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.dm-split-view--chat-only .dm-split-view__chat{flex:1;min-height:0}.dm-split-view__video{display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border-color);background:#0a0a0c}.dm-split-view__video .video-grid-container{flex:1;min-height:0;min-width:0;width:100%;background:transparent;--vg-pad: 8px;padding:var(--vg-pad) 10px}.dm-split-view__video .video-grid-main{flex:1 1 0%;min-height:0;min-width:0}.dm-split-view__video .video-grid-container.grid-count-2 .contents-default{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset;grid-auto-flow:row;align-content:stretch;justify-items:stretch;align-items:stretch;max-width:none;width:100%}.dm-split-view__video .video-grid-container.grid-count-3 .contents-default{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset}.dm-split-view__video .video-grid-container.grid-count-4 .contents-default{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-rows:unset;align-content:center}.dm-split-view__video .video-grid-container.grid-count-1 .contents-default{width:100%;height:100%;min-height:0}.dm-split-view__video .video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0}.dm-split-view__video .video-grid-container.has-call-bar{gap:.875rem}@media(min-width:769px){.dm-split-view__video .video-grid-call-bar{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}}.dm-split-view__resizer{flex:0 0 6px;width:100%;border:none;padding:0;margin:0;cursor:ns-resize;background:transparent;position:relative;z-index:2}.dm-split-view__resizer:hover,.dm-split-view__resizer:focus-visible{background:color-mix(in srgb,var(--primary-color) 35%,transparent)}.dm-split-view__resizer:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;border-radius:99px;background:color-mix(in srgb,var(--text-primary) 18%,transparent);pointer-events:none}.dm-split-view__chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dm-split-view__chat .dm-conversation{flex:1;min-height:0;height:100%;overflow:hidden}.dm-split-view__chat .dm-main-chat{min-height:0}@media(max-width:768px){.dm-split-view:not(.dm-split-view--chat-only){min-height:0;flex:1}.dm-split-view__video .video-grid-container{flex:1;min-height:0;width:100%}.dm-split-view__video .video-grid-main{min-height:min(36vh,280px)}}.video-grid-container--dm-split .contents-default{display:grid;width:100%;height:100%;min-height:0;gap:var(--vg-gap, 10px);padding:0;box-sizing:border-box;align-content:stretch;justify-items:stretch;align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:minmax(0,1fr)}.video-grid-container--dm-split.grid-count-1 .contents-default{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr);grid-auto-rows:unset;max-width:none;margin-inline:auto}.video-grid-container--dm-split.grid-count-2 .contents-default{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset}.video-grid-container--dm-split.grid-count-3 .contents-default{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);grid-auto-rows:unset}.video-grid-container--dm-split.grid-count-4 .contents-default{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);grid-auto-rows:unset;align-content:center}.video-grid-container--dm-split.multi-participant:not(.grid-count-1):not(.grid-count-2):not(.grid-count-3):not(.grid-count-4) .contents-default{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:unset;grid-auto-rows:auto;align-content:center}@media(min-width:769px){.video-grid-container.video-grid-container--dm-split .contents-default{display:grid!important;align-items:stretch!important;justify-items:stretch!important;align-content:center!important}.video-grid-container.video-grid-container--dm-split.grid-count-1 .contents-default .video-tile-wrapper.video-tile-wrapper--avatar-only{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;min-height:0!important}}.video-grid-container--dm-split .video-tile-wrapper{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;align-self:stretch;justify-self:stretch}.video-grid-container--dm-split .video-tile-wrapper--avatar-only{position:relative;overflow:hidden}.video-grid-container--dm-split.video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{max-width:none;margin:0}.video-grid-container--dm-split .video-tile--grid.video-tile--avatar-only{background:color-mix(in srgb,var(--bg-secondary) 92%,#000)!important;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent)!important}.video-grid-container--dm-split .video-tile--grid.video-tile--avatar-only.speaking{border-color:var(--success-color)!important}.video-grid-container--dm-split .video-tile--grid.video-tile--avatar-only.speaking.speaking-playback{border-color:var(--primary-color)!important}.video-tile--grid.video-tile--avatar-only .user-avatar-component{width:clamp(72px,min(40%,28vmin),200px)!important;height:auto!important;aspect-ratio:1!important;max-width:min(100%,200px);flex-shrink:0}.video-overlay.video-overlay--avatar-chip{position:absolute;left:12px;bottom:12px;right:auto;top:auto;margin-top:0;padding:6px 12px;background:#000000b8;border-radius:var(--radius-sm);pointer-events:none}.video-overlay.video-overlay--avatar-chip .video-username{font-size:.85rem}.focus-participant.focus-participant--avatar-only{padding:0;width:100%;height:100%}.focus-participant.focus-participant--avatar-only .video-tile--grid.video-tile--avatar-only{position:relative;margin:0}.chat-messages-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-messages-body>.messages,.chat-messages-body>.messages-container{flex:1;min-height:0;height:auto!important;overflow-y:auto}.right-panels-wrapper{display:flex;height:100%;flex-shrink:0;gap:12px}.members-panel{width:240px;flex:0 0 240px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease,width .3s cubic-bezier(.4,0,.2,1),flex-basis .3s cubic-bezier(.4,0,.2,1),margin-right .3s cubic-bezier(.4,0,.2,1);opacity:1}.members-panel.closed{width:0;flex:0 0 0;transform:translate(100%);margin-right:-12px;opacity:0;visibility:hidden;overflow:hidden;border-left:none;animation:none}@media(max-width:768px){.chat-area-container{position:relative;overflow:hidden}.right-panels-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;pointer-events:none}.members-panel{position:absolute;top:0;right:0;bottom:0;width:100%!important;max-width:100%;z-index:50;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none}.right-panels-wrapper .members-panel,.right-panels-wrapper .side-panel{pointer-events:auto}.members-panel.closed{width:100%!important;transform:translate(100%);opacity:1!important;visibility:visible!important}.side-panel{position:absolute;top:0;right:0;bottom:0;width:100%!important;max-width:100%;z-index:51;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none;animation:none!important}.side-panel.closed{width:100%!important;transform:translate(100%);opacity:1!important;visibility:visible!important}}.members-panel-header{padding:8px 16px;min-height:48px;box-sizing:border-box;font-weight:700;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.5px}.members-list{padding:8px 16px 16px;display:flex;flex-direction:column;gap:20px}.members-section-title{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0}.members-section-title--role{color:var(--text-dim)}.member-name--role-hoist{font-weight:600}.member-item.is-offline .member-name--role-hoist{opacity:.72}.member-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:default}.member-item:hover{background:var(--bg-hover)}.member-avatar-wrapper{position:relative}.member-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary);z-index:2}.member-status-dot.online{background:var(--success-color)}.portal-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex!important;flex-direction:column}.portal-picker>*{flex:1;width:100%!important;max-width:100%!important}.portal-picker .picmo__search-icon,.portal-picker [class*=search-icon],.portal-picker svg[class*=search]{color:var(--text-muted)!important;fill:var(--text-muted)!important}.portal-picker .picmo__search-input,.portal-picker [class*=search-input]{color:var(--text-primary)!important;background-color:transparent!important}.portal-picker .picmo__search-input::placeholder,.portal-picker [class*=search-input]::placeholder{color:var(--text-muted)!important}.portal-picker .picmo__emoji-area{overflow-x:hidden!important}body.murmur-reaction-picker-open .messages,body.murmur-reaction-picker-open .messages-container{overflow-y:hidden!important}.murmur-reaction-picker{border:1px solid var(--glass-border)!important;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--bg-secondary)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg)!important}.murmur-reaction-picker .picmo__picker{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.murmur-reaction-picker .picmo__search-container,.murmur-reaction-picker [class*=search-container]{padding:12px 12px 10px!important}.murmur-reaction-picker .picmo__search-row,.murmur-reaction-picker [class*=search-row]{min-height:44px;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background:var(--bg-tertiary)!important}.murmur-reaction-picker .picmo__search-row:focus-within,.murmur-reaction-picker [class*=search-row]:focus-within{border-color:var(--primary-color)!important;outline:2px solid var(--primary-glow);outline-offset:0}.murmur-reaction-picker .picmo__search-input,.murmur-reaction-picker [class*=search-input]{font-size:1.02rem;color:var(--text-primary)!important}.murmur-reaction-picker .picmo__search-icon,.murmur-reaction-picker .picmo__search-icon svg,.murmur-reaction-picker .picmo__search-icon svg *,.murmur-reaction-picker [class*=search-icon],.murmur-reaction-picker [class*=search-icon] svg,.murmur-reaction-picker [class*=search-icon] svg *{color:var(--text-dim)!important;stroke:var(--text-dim)!important;fill:none!important;opacity:1!important}.murmur-reaction-picker .picmo__category-tabs,.murmur-reaction-picker [class*=category-tabs]{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 78%,transparent)}.murmur-reaction-picker .picmo__category-button,.murmur-reaction-picker [class*=category-button]{border-radius:var(--radius-md)!important;transition:background .15s ease,color .15s ease,transform .12s ease}.murmur-reaction-picker .picmo__category-button:hover,.murmur-reaction-picker [class*=category-button]:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.murmur-reaction-picker .picmo__category-button[aria-selected=true],.murmur-reaction-picker [class*=category-button][aria-selected=true]{background:color-mix(in srgb,var(--primary-color) 16%,transparent)!important;color:var(--primary-color)!important}.murmur-reaction-picker .picmo__emoji,.murmur-reaction-picker [class*=emoji-button]{border-radius:var(--radius-md)!important;transition:transform .12s ease,background .14s ease}.murmur-reaction-picker .picmo__emoji:hover,.murmur-reaction-picker [class*=emoji-button]:hover{background:var(--bg-hover)!important;transform:translateY(-1px)}.murmur-reaction-picker{padding:0;overflow:hidden;display:flex;flex-direction:column}.murmur-reaction-picker__search{position:relative;display:flex;align-items:center;margin:8px;border-radius:var(--radius-md);border:1px solid var(--border-color)!important;background:var(--bg-tertiary)!important}.murmur-reaction-picker__search:focus-within{border-color:var(--border-color)!important;box-shadow:none!important;outline:none!important}.murmur-reaction-picker__search-input{width:100%;border:none!important;outline:none!important;background:transparent;color:var(--text-primary);font-size:.98rem;padding:10px 40px 10px 12px}.murmur-reaction-picker__search-input:focus{outline:none!important;box-shadow:none!important;border:none!important}.murmur-reaction-picker__search-input::placeholder{color:var(--text-dim)}.murmur-reaction-picker__search-icon{position:absolute;right:12px;color:var(--text-dim)!important;stroke:var(--text-dim)!important;pointer-events:none;background:transparent!important}.murmur-reaction-picker__tabs{display:flex;align-items:center;gap:2px;padding:0 8px 8px;border-bottom:1px solid var(--border-color)}.murmur-reaction-picker__tab{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease;font-size:1rem}.murmur-reaction-picker__tab:hover{background:var(--bg-hover);transform:translateY(-1px)}.murmur-reaction-picker__tab.active{background:color-mix(in srgb,var(--primary-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 42%,transparent)}.murmur-reaction-picker__grid{padding:8px;height:calc(100% - 98px);overflow-y:auto;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;align-content:start}.murmur-reaction-picker__emoji-btn{border:none;background:transparent;border-radius:var(--radius-md);min-height:34px;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s ease,transform .12s ease}.murmur-reaction-picker__emoji-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.member-status-dot.offline{background:#3f4147}.member-item.speaking .member-avatar-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid var(--success-color)}.member-info{display:flex;flex-direction:column;overflow:hidden}.member-name{font-weight:500;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-name.is-local{color:var(--primary-color)}.member-status-text{font-size:.8rem;color:var(--text-secondary);display:flex;gap:4px;min-height:16px}.members-empty{padding:20px 8px;text-align:center;color:var(--text-dim);font-size:.9rem}.app-layout-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background:var(--page-ambient-bg);background-position:center;background-repeat:no-repeat}.friends-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.friends-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.friends-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.friends-header-top .friends-title{margin:0}.friends-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.friends-group-cta,.friends-add-cta{white-space:nowrap}.friends-add-cta.is-open{outline:2px solid color-mix(in srgb,var(--primary-color) 40%,transparent);outline-offset:0}.friends-toolbar{display:flex;align-items:stretch;gap:10px;margin-top:12px;width:100%}.friends-toolbar-search{flex:1;min-width:0;width:auto!important;max-width:none!important;margin-left:0!important}@media(max-width:768px){.friends-header{padding:12px 16px}.friends-header-top{flex-direction:column;align-items:stretch;gap:10px}.friends-header-top .friends-title{margin-bottom:0}.friends-header-actions{width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}.friends-header-actions .friends-group-cta,.friends-header-actions .friends-add-cta{width:100%;box-sizing:border-box;justify-content:center;flex:none;min-width:0}.friends-tabs{flex-wrap:wrap;gap:6px}.friends-tab{min-height:40px}}.friends-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.friends-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.friends-tab{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.friends-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.friends-tab.active{background:var(--primary-color);color:#fff}.friends-tab .badge{border-radius:9999px}.add-friend-form{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-color);animation:fadeIn .15s ease-out}.friends-header .friends-add-panel.add-friend-form{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);border:1px solid var(--border-color);border-bottom:none}.friends-add-panel-input{flex:1;min-width:0}.add-friend-input{flex:1;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s,background .2s}.add-friend-input:focus{border-color:var(--primary-color);background:var(--bg-secondary)}.add-friend-submit{padding:8px 16px;border-radius:var(--radius-sm);border:none;background:var(--primary-color);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:filter .2s,transform .1s}.add-friend-submit:active:not(:disabled):not([aria-disabled=true]){transform:none;filter:brightness(.92)}.add-friend-submit:hover{filter:brightness(1.1)}.murmur-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:border-color .2s,background .2s}.murmur-search-bar:focus-within{border-color:var(--primary-color);background:var(--bg-secondary)}.chat-header-actions .murmur-search-bar.murmur-search-bar--collapsible:not(.expanded):focus-within{border-color:transparent!important;background:transparent!important}.murmur-search-bar--collapsible{width:32px;min-width:32px;max-width:32px;gap:0;padding:6px;justify-content:center;align-items:center;box-sizing:border-box;transition:width .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1),padding .2s ease,gap .2s ease;overflow:hidden}.murmur-search-bar--collapsible.expanded{width:240px;min-width:240px;max-width:240px;gap:8px;padding:6px;justify-content:flex-start}.murmur-search-bar--collapsible:not(.expanded) .murmur-search-input{flex:0 0 0;width:0;min-width:0;max-width:0;opacity:0;padding:0;pointer-events:none;transition:opacity .12s ease}.murmur-search-bar--collapsible.expanded .murmur-search-input{flex:1 1 0%;min-width:0;max-width:none;opacity:1;pointer-events:auto;transition:opacity .15s ease .06s}.murmur-search-bar--collapsible .murmur-search-clear{display:none}.murmur-search-bar--collapsible.expanded .murmur-search-clear{display:flex}.murmur-search-icon{color:var(--text-secondary);flex-shrink:0;stroke-width:2}.murmur-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;width:100%}.murmur-search-input:focus,.murmur-search-input:focus-visible{outline:none;box-shadow:none}.murmur-search-input::placeholder{color:var(--text-muted)}.murmur-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:color .15s}.murmur-search-clear:hover{color:var(--text-primary)}.friends-section-header{padding:12px 20px 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.friend-item{border-top:1px solid var(--border-color)}.friend-item:first-child{border-top:none}.friends-list{flex:1;overflow-y:auto;padding:8px}.friends-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-dim);text-align:center}.friends-empty p{font-size:1rem;font-weight:400;max-width:400px;line-height:1.5;opacity:.7}.home-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.home-content{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:24px}.home-icon-container{width:80px;height:80px;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:8px}.home-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0}.home-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:0}.home-actions{display:flex;gap:12px;margin-top:8px}.friend-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);transition:background .15s ease}.friend-item:hover{background:var(--bg-hover)}.friend-info{display:flex;align-items:center;gap:12px;min-width:0}.friend-details{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-username{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:.8rem;color:var(--text-muted)}.friend-status.online{color:var(--success-color)}.friend-status.offline{color:var(--text-muted)}.friend-status.pending{color:var(--warning-color);font-style:italic}.friend-status.outgoing{color:var(--text-dim);font-style:italic}.friend-actions{display:flex;gap:4px}.friend-action-btn{width:34px;height:34px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.friend-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.friend-action-btn.accept{color:var(--success-color)}.friend-action-btn.accept:hover{background:#43b58126}.friend-action-btn.reject,.friend-action-btn.danger{color:var(--danger-color)}.friend-action-btn.reject:hover,.friend-action-btn.danger:hover{background:#f0474726}.friend-action-btn.message{color:var(--text-secondary)}.friend-action-btn.message:hover{color:var(--primary-color)}.sidebar .dm-section{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow:hidden}.sidebar .dm-section .dm-header{border-bottom:none;flex-shrink:0}.add-dm-btn{background:transparent;border:none;color:var(--text-dim);opacity:.7;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-dm-btn:hover{background:var(--bg-modifier-hover);color:var(--text-primary);opacity:1}.sidebar-content-wrapper-home .sidebar-footer{border-top:none}.dm-list{display:flex;flex-direction:column;gap:0;padding:0;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.dm-list-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:0;border:none!important;border-top:none!important;border-bottom:none!important;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.dm-list-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-list-item.active{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.dm-list-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dm-list-item-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-item-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-list-item-typing{display:flex;align-items:center;gap:6px;color:var(--primary-color);font-style:italic;opacity:.95}.dm-sidebar-typing-dots{display:inline-flex;gap:2px;flex-shrink:0}.dm-sidebar-typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--primary-color);animation:typingBounce 1.4s infinite ease-in-out both}.dm-sidebar-typing-dots span:nth-child(2){animation-delay:.16s}.dm-sidebar-typing-dots span:nth-child(3){animation-delay:.32s}.dm-sidebar-typing-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-unread-dot{flex-shrink:0}.member-avatar-wrapper{position:relative;flex-shrink:0;overflow:visible!important}.dm-conversation{display:flex;flex-direction:column;flex:1;overflow:hidden}.dm-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.dm-header-username{font-weight:700;font-size:1rem;color:var(--text-primary)}.dm-messages{flex:1;overflow-y:auto;padding:1rem 0}.dm-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);font-size:.9rem}.message-toolbar{position:absolute;top:-14px;right:16px;display:none;gap:2px;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:var(--radius-sm);padding:2px;z-index:10}.message-item:hover .message-toolbar,.message-toolbar.force-visible{display:flex}.toolbar-btn{width:30px;height:30px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .1s ease}.toolbar-btn:hover,.toolbar-btn.active{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{color:var(--accent-primary)}.toolbar-btn.danger:hover{background-color:#ed424526;color:#ed4245}.seen-indicator{display:inline-flex;align-items:center;margin-left:6px;color:var(--text-muted);opacity:.5;transition:all .2s ease;vertical-align:middle}.seen-indicator.seen{color:#3ba55c;opacity:1}.mention{background:#5865f24d;color:#dee0fc;padding:0 2px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background .2s}.mention:hover{background:#5865f280}.message-item.mention-highlight{background:#faa61a0d!important;border-left:2px solid #faa61a!important}.message-item.deleted{opacity:.5}.deleted-text{color:var(--text-muted)!important;font-style:italic}.guest-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;padding:8px 48px;min-height:48px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;overflow:hidden;opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.guest-banner.closed{transform:translateY(-100%);opacity:0;box-shadow:none;pointer-events:none}:root[data-theme=light] .guest-banner{background:rgba(var(--primary-color-rgb),.9);border-bottom-color:#fff3}:root[data-theme=light] .guest-banner.closed{border-bottom-width:0!important}.guest-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.95rem;flex:1;text-align:center}:root[data-theme=light] .guest-banner-action{background:#ffffffe6;color:var(--primary-color)}:root[data-theme=light] .guest-banner-action:hover{background:#fff}.guest-banner-icon{flex-shrink:0;animation:pulse 2s infinite ease-in-out}.guest-banner-action{background:#fff;color:var(--primary-color);border:none;padding:4px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;margin-left:12px}.guest-banner-action:hover{background:var(--bg-hover)}.guest-banner-close{background:transparent;color:#fffc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-sm);transition:all .2s;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.guest-banner-close:hover{color:#fff;background:#fff3}.message-reactions{display:flex;flex-wrap:wrap;column-gap:4px;row-gap:4px;margin-top:6px;margin-bottom:6px;padding-left:0}.reaction-chip{display:flex;align-items:center;gap:4px;padding:2px 3px;background:#ffffff0d;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:.85rem;-webkit-user-select:none;user-select:none;margin-right:0}.reaction-chip:hover{background:#ffffff1a;border-color:#fff3}.reaction-chip.me{background:rgba(var(--primary-color-rgb),.15);border-color:rgba(var(--primary-color-rgb),.4)}.reaction-chip.me:hover{background:rgba(var(--primary-color-rgb),.25)}.reaction-count{font-weight:600;color:var(--text-secondary)}.reaction-chip.me .reaction-count{color:var(--primary-color)}.reaction-picker-overlay{position:absolute;position:fixed;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;display:flex;flex-wrap:wrap;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;max-width:300px}.picker-emoji{font-size:1.4rem;padding:4px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .1s ease,background .2s ease}.picker-emoji:hover{background:#ffffff1a}.pinned-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--warning-color);margin-bottom:2px;font-weight:600}.encrypted-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:#3ba55c;margin-bottom:2px;opacity:.8}.message-item.is-pinned{background:#fc8b4f08}.toolbar-btn.active{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.toolbar-btn svg{transition:opacity .1s ease}.toolbar-btn:active:not(:disabled):not([aria-disabled=true]){opacity:.85}.toolbar-btn:active:not(:disabled):not([aria-disabled=true]) svg{transform:none}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dm-header-left{display:flex;align-items:center;gap:12px}.dm-header-actions{display:flex;gap:8px}.header-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-icon-btn svg{color:inherit!important;stroke:currentColor!important}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-btn.active{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.notification-item{cursor:default}.notification-item--clickable{cursor:pointer}.notification-item--clickable:hover{background:var(--bg-hover)}.notification-feed-row{display:flex;align-items:flex-start;gap:12px;width:100%}.notification-feed-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.notification-feed-fallback-icon{color:var(--text-dim);opacity:.85}.notification-feed-main{flex:1;display:flex;flex-direction:column;gap:4px}.notification-feed-title{font-weight:600;color:var(--text-primary)}.notification-feed-time{flex-shrink:0;font-size:.7rem}.notification-feed-desc{font-size:.85rem;line-height:1.35;color:var(--text-dim);word-break:break-word}.side-panel{width:350px;flex:0 0 350px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility .2s ease,width .3s cubic-bezier(.4,0,.2,1),flex-basis .3s cubic-bezier(.4,0,.2,1);opacity:1}.side-panel.closed{transform:translate(100%);width:0;flex:0 0 0;margin-left:-12px;opacity:0;visibility:hidden;overflow:hidden;border-left:none}.side-panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.side-panel-title{font-size:1rem;font-weight:700}.side-panel-content{flex:1;overflow-y:auto;padding:12px}.dm-conversation{display:flex;flex-direction:row;height:100%}.dm-main-chat{flex:1;display:flex;flex-direction:column;min-width:0}.dm-main-chat .messages-container{padding-bottom:20px;scroll-behavior:auto}.dm-main-chat .chat-input-area{padding-top:8px}.search-results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.search-result-item:hover{background:var(--bg-hover)}.search-result-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.8rem;color:var(--text-secondary)}.search-result-user{font-weight:600;color:var(--text-primary)}.search-result-text{font-size:.9rem;line-height:1.4;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.search-input-wrapper{position:relative;width:100%}.search-suggestions-popout{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:8px;z-index:100;padding:8px}.suggestion-section-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding:8px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-item-icon{color:var(--text-muted)}.suggestion-item-text{font-size:.85rem;font-weight:500}.suggestion-item-subtext{font-size:.75rem;color:var(--text-muted);margin-left:auto}.chat-input-actions{display:flex;align-items:center;gap:8px}.chat-emoji-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-emoji-btn:hover{color:var(--warning-color);background:var(--bg-hover)}.input-emoji-picker-container{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;width:352px;max-height:420px;overflow-y:auto;overflow-x:hidden;animation:fadeIn .15s ease-out}.unpin-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.unpin-btn:hover{background:#f0474726;color:var(--danger-color)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box}.search-input:focus{background-color:var(--bg-secondary);border-color:var(--primary-color);outline:none;box-shadow:none}.search-input:focus-visible{outline:none;box-shadow:none}.search-input::placeholder{color:var(--text-muted);font-weight:500}.quick-switcher{width:580px;max-width:100%}.quick-switcher-body{gap:12px;padding-top:12px}.quick-switcher-results{max-height:420px;overflow-y:auto;margin:0 -8px -8px;padding:0 8px 8px}.switcher-section{padding-bottom:10px}.switcher-section-title{padding:8px 8px 6px;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.switcher-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.switcher-item:hover{background:var(--bg-modifier-hover)}.switcher-item-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:50%;background:color-mix(in srgb,var(--bg-tertiary) 80%,transparent)}.switcher-item-icon.avatar{background:transparent}.switcher-item-icon.mention{color:var(--primary-color);background:#ffffff14}.switcher-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.switcher-item-name{font-size:.93rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-item-preview{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-item-header{display:flex;align-items:center;gap:6px;min-width:0}.switcher-item-context{font-size:.72rem;color:var(--text-muted);font-weight:500;opacity:.8;flex-shrink:0}.switcher-item-time{font-size:.72rem;color:var(--text-muted);margin-left:auto;flex-shrink:0}.switcher-no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.modal-content.user-profile-modal{width:min(600px,100%);max-height:min(92dvh,900px);background:var(--bg-primary);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.profile-banner{height:120px;width:100%;position:relative}.profile-banner .modal-close-btn{background:#0003;color:#fff;top:12px;right:12px}.profile-banner .modal-close-btn:hover{background:#0006}.profile-header{padding:0 32px 24px;position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.profile-avatar-wrapper{margin-top:-60px;position:relative;width:128px;height:128px;border:4px solid var(--bg-secondary);border-radius:50%;background:var(--bg-secondary);margin-bottom:16px;overflow:visible}.profile-avatar-wrapper .user-avatar-component .member-status-dot{width:24px!important;height:24px!important;border-width:4px!important;bottom:8px!important;right:8px!important;z-index:10}.profile-header-info{margin-bottom:24px}.profile-username{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.profile-status-text{font-size:.95rem;color:var(--text-muted)}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;width:100%}.profile-body{padding:32px;background:var(--bg-primary);flex:1;display:flex;flex-direction:column;gap:24px}.profile-section{display:flex;flex-direction:column;gap:12px}.profile-section-header{display:flex;justify-content:space-between;align-items:center}.profile-section-title{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-edit-inline{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease}.profile-edit-inline:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-bio-text{font-size:.95rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.profile-bio-edit-wrapper{display:flex;flex-direction:column;gap:12px}.profile-bio-textarea{min-height:100px;max-height:220px;resize:none;overflow-y:auto;background:transparent!important;border:none!important;outline:none!important}.profile-bio-edit-actions{display:flex;justify-content:flex-end;gap:12px}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.info-icon{color:var(--text-muted);margin-top:2px}.info-detail{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}.info-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.options-toggle-group{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-sm);overflow:hidden;margin-top:8px}.toggle-indicator{position:absolute;top:4px;bottom:4px;background:var(--primary-color);border-radius:var(--radius-sm);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.toggle-btn{position:relative;z-index:1;padding:10px 12px;border:none;background:transparent!important;color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toggle-btn:hover:not(.active){background:var(--bg-hover)!important;color:var(--text-primary)}.toggle-btn.active{color:#fff!important}.screen-share-modal-v2{width:min(560px,94vw)}.screen-share-body{display:flex;flex-direction:column;gap:18px;padding-top:6px}.screen-share-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screen-share-summary-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 85%,transparent)}.screen-share-summary-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.screen-share-summary-value{font-size:.98rem;font-weight:700;color:var(--text-primary)}.screen-share-segmented{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px}.screen-share-segment-btn{border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);padding:10px 8px;color:var(--text-secondary);font-weight:700;font-size:.86rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.screen-share-segment-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.screen-share-segment-btn.active{background:color-mix(in srgb,var(--primary-color) 18%,transparent);border-color:color-mix(in srgb,var(--primary-color) 45%,transparent);color:var(--primary-color)}@media(max-width:640px){.screen-share-summary{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.message-item-motion-wrap.message-item--enter{animation:messageSlideUpEnter .2s cubic-bezier(.25,.8,.25,1) both!important;animation-duration:.2s!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),.home-nav-item:focus-visible,.add-friend-input:focus-visible{outline:none}@media(max-width:768px),(hover:none){:focus-visible{outline:none}}.profile-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;padding:10px 16px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.profile-action-btn--inline{flex:0 1 auto;align-self:flex-start;width:auto}.profile-action-btn.primary{background:var(--primary-color);color:#fff}.profile-action-btn.primary:hover{background:var(--primary-hover)}.profile-action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.profile-action-btn.secondary:hover{background:var(--bg-hover)}.friends-group-modal{max-width:440px;width:100%}.friends-group-modal .modal-body{gap:1rem}.friends-group-modal__members-section{display:flex;flex-direction:column;gap:12px}.friends-group-modal__section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.friends-group-modal__badge{min-width:28px;text-align:center;font-size:.75rem;font-weight:800;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,transparent);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--primary-color) 28%,transparent)}.friends-group-modal__search{flex:1;width:100%}.friends-group-member-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto;padding:8px;border-radius:12px;background:var(--bg-tertiary);border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent);scrollbar-gutter:stable}.friends-group-modal__empty{padding:16px 12px;color:var(--text-dim);font-size:.9rem;line-height:1.45;text-align:center}.friends-group-member-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;box-sizing:border-box;border-radius:10px;cursor:pointer;transition:background .15s ease;border:none}.friends-group-member-row:hover{background:var(--bg-hover)}.friends-group-member-row.is-selected{background:color-mix(in srgb,var(--primary-color) 11%,transparent)}.friends-group-member-row.is-selected:hover{background:color-mix(in srgb,var(--primary-color) 16%,transparent)}button.friends-group-member-row{width:100%;margin:0;font:inherit;color:inherit;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;box-sizing:border-box}button.friends-group-member-row:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 55%,transparent);outline-offset:1px}button.friends-group-member-row:disabled{opacity:.65;cursor:not-allowed}.friends-group-member-row__tick{flex-shrink:0;margin-left:auto;color:var(--primary-color)}.friends-group-member-row__name{flex:1;min-width:0;font-weight:600;font-size:.95rem;color:var(--text-primary)}@media(max-width:768px){.friends-group-modal.modal-content{max-height:min(92dvh,640px)}}