*,: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%}@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}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.grid{display:grid}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto_1fr_auto_auto\]{grid-template-columns:auto 1fr auto auto}.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}.mx-auto{margin-left:auto;margin-right:auto}.my{margin-top:1rem;margin-bottom:1rem}.\!mb-0{margin-bottom:0!important}.\!mb-1{margin-bottom:.25rem!important}.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-5{margin-bottom:1.25rem}.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}.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}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.\!h-12{height:3rem!important}.\!w-auto{width:auto!important}.h-11{height:2.75rem}.h-12{height:3rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.h3{height:.75rem}.max-h-\[300px\]{max-height:300px}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-\[100px\]{width:100px}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-fit{width:fit-content}.w-full{width:100%}.w0{width:0}.flex{display:flex}.\!inline-flex{display:inline-flex!important}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;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))}.scale-\[2\.0\]{--un-scale-x:2;--un-scale-y:2;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))}.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-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-8>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(2rem * var(--un-space-y-reverse))}.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-0{border-width:0px}.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-black\/10{border-color:#0000001a}.border-white\/10{border-color:#ffffff1a}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:var(--radius-lg)!important}.rounded{border-radius:.25rem}.rounded-2xl,.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-transparent{background-color:transparent}.bg-white\/5{background-color:#ffffff0d}.hover\:\!bg-red-500\/10:hover{background-color:#ef44441a!important}.hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:hover{--un-bg-opacity:.05;background-color:rgba(255,255,255,var(--un-bg-opacity))}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.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-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py{padding-top:1rem;padding-bottom:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.\!pb-3{padding-bottom:.75rem!important}.\!pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pr-\[120px\]{padding-right:120px}.pr-2{padding-right:.5rem}.ps{padding-inline-start:1rem}.ps46cm{padding-inline-start:46cm}.pt{padding-top:1rem}.pt-8{padding-top:2rem}.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-sm{font-size:.875rem!important;line-height:1.25rem!important}.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-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[9px\]{font-size:9px}.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-red-400{--un-text-opacity:1 !important;color:rgb(248 113 113 / var(--un-text-opacity))!important}.text-\[var\(--text-dim\)\],.text-text-dim,.text-textDim{color:var(--text-dim)}.text-primary{color:var(--primary-color)}.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-tight{letter-spacing:-.025em}.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}.focus-within\:opacity-100:focus-within{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:opacity-80:hover{opacity:.8}.shadow-inner{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.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)}.blur{--un-blur:blur(8px);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)}.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:var(--public-page-bg, var(--page-ambient-bg))}.route-skeleton{min-height:100vh;width:100%;display:grid;grid-template-columns:72px minmax(220px,280px) minmax(0,1fr);overflow:hidden;color:var(--text-secondary)}.route-skeleton-rail,.route-skeleton-sidebar,.route-skeleton-main{min-width:0;background:var(--bg-primary, #111214)}.route-skeleton-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0;background:var(--bg-primary, #0f1012);border-right:1px solid var(--border-color, rgba(255, 255, 255, .08))}.route-skeleton-sidebar{padding:16px 14px;border-right:1px solid var(--border-color, rgba(255, 255, 255, .08));background:var(--bg-secondary, #17191d)}.route-skeleton-main{display:flex;flex-direction:column;background:var(--bg-primary, #111214)}.route-skeleton-dot,.route-skeleton-pill,.route-skeleton-section,.route-skeleton-line,.route-skeleton-topbar,.route-skeleton-avatar{background:linear-gradient(110deg,var(--bg-tertiary, #22252b) 0%,var(--bg-hover, #2c3038) 50%,var(--bg-tertiary, #22252b) 100%);background-size:200% 100%;animation:route-skeleton-shimmer 1.2s ease-in-out infinite}.route-skeleton-dot{width:44px;height:44px;border-radius:16px}.route-skeleton-pill{height:28px;border-radius:6px;margin-bottom:20px}.route-skeleton-pill--wide{width:72%}.route-skeleton-section{width:46%;height:10px;border-radius:4px;margin:8px 0 14px;opacity:.7}.route-skeleton-line{height:14px;border-radius:4px;margin-bottom:12px}.route-skeleton-line--0{width:84%}.route-skeleton-line--1{width:64%}.route-skeleton-line--2{width:42%}.route-skeleton-topbar{height:54px;border-radius:0;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));opacity:.7}.route-skeleton-messages{padding:28px clamp(18px,4vw,48px);display:flex;flex-direction:column;gap:22px}.route-skeleton-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}.route-skeleton-avatar{width:40px;height:40px;border-radius:50%}.route-skeleton-copy{min-width:0;max-width:720px;padding-top:4px}@keyframes route-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:760px){.route-skeleton{grid-template-columns:64px minmax(0,1fr)}.route-skeleton-sidebar{display:none}}@media(prefers-reduced-motion:reduce){.route-skeleton-dot,.route-skeleton-pill,.route-skeleton-section,.route-skeleton-line,.route-skeleton-topbar,.route-skeleton-avatar{animation:none}}.settings-layout{display:flex;height:100vh;height:100dvh;width:100vw;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.settings-standalone-page.settings-layout{width:100%;min-height:100dvh;background:transparent}.settings-standalone-page .settings-main-content{max-width:none}.settings-mobile-account-switch{display:none}.settings-sidebar{width:240px;min-width:240px;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-color);flex-shrink:0}.settings-sidebar-scroll{flex:1;overflow-y:auto;padding:20px 8px 16px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.settings-sidebar-scroll::-webkit-scrollbar{width:4px}.settings-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.settings-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.settings-sidebar-header{padding:20px 12px 8px;flex-shrink:0}.settings-sidebar-server-name{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-sidebar-channel-header{display:flex;align-items:center;gap:8px;padding:20px 12px 8px;color:var(--text-secondary);font-size:.9rem;font-weight:600;overflow:hidden}.settings-sidebar-channel-header svg{flex-shrink:0;opacity:.7}.settings-sidebar-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);padding:20px 8px 8px}.settings-nav-section{display:flex;flex-direction:column;gap:3px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast);min-height:36px}.nav-btn:hover{background:var(--surface-control);color:var(--text-primary)}.nav-btn.active{background:var(--surface-control-active);color:var(--text-primary);font-weight:500}.nav-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-btn.nav-btn--danger{color:var(--danger-color);opacity:.85}.nav-btn.nav-btn--danger:hover{background:var(--surface-danger-soft);color:var(--danger-color);opacity:1}.nav-btn.nav-btn--plan{color:var(--text-secondary);border:1px solid transparent}.nav-btn.nav-btn--plan svg{color:var(--text-secondary)}.nav-btn.nav-btn--plan:hover{background:var(--surface-control);color:var(--text-primary);border-color:var(--border-color)}.nav-btn.nav-btn--plan.active{background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-control));color:var(--text-primary);border-color:color-mix(in srgb,var(--primary-color) 22%,var(--border-color));font-weight:500}.nav-btn.nav-btn--plan span{color:inherit}.settings-billing-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:16px;margin-bottom:18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card)}.settings-billing-summary__main{display:flex;align-items:center;gap:12px;min-width:0}.settings-billing-summary__mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--primary-color) 28%,var(--border-color));color:color-mix(in srgb,var(--primary-color) 72%,white);background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-tertiary));font-size:1rem;font-weight:800}.settings-billing-summary__body{min-width:0}.settings-billing-summary__label{margin:0 0 3px;color:var(--text-secondary);font-size:.84rem}.settings-billing-summary__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.settings-billing-summary h3{margin:0;color:var(--text-primary);font-size:1.12rem;line-height:1.2}.settings-billing-summary__meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.settings-billing-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--border-color);color:var(--text-secondary);background:var(--surface-control);font-size:.82rem;font-weight:650}.settings-billing-status--paid{color:color-mix(in srgb,var(--success-color) 85%,white);border-color:color-mix(in srgb,var(--success-color) 38%,var(--border-color));background:color-mix(in srgb,var(--success-color) 12%,transparent)}.settings-billing-manage-btn{display:inline-flex;align-items:center;gap:8px}.settings-billing-summary__note{grid-column:1 / -1;margin:0;padding-top:12px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.86rem;line-height:1.45}@media(max-width:560px){.settings-billing-summary{grid-template-columns:minmax(0,1fr);align-items:stretch}.settings-billing-summary__meta,.settings-billing-manage-btn{width:100%}.settings-billing-manage-btn{justify-content:center}}.settings-plan-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:16px;margin-top:18px}.settings-plan-card{display:flex;flex-direction:column;min-height:320px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card)}.settings-plan-card--ensemble{min-height:370px;padding:22px;border-color:color-mix(in srgb,var(--primary-color) 34%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 9%,transparent),transparent 56%),var(--surface-card)}.settings-plan-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-plan-card__badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:var(--radius-pill);border:1px solid var(--border-color);color:var(--text-secondary);background:var(--surface-control);font-size:.76rem;font-weight:680}.settings-plan-card--ensemble .settings-plan-card__badge{color:color-mix(in srgb,var(--primary-color) 72%,white);border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 12%,transparent)}.settings-plan-card h3{margin:10px 0 0;color:var(--text-primary);font-size:1.35rem}.settings-plan-card--ensemble h3{font-size:1.65rem}.settings-plan-card__price{flex:0 0 auto;color:var(--text-primary);font-size:1rem;font-weight:760;text-align:right}.settings-plan-card__price--large{font-size:1.18rem}.settings-plan-card__desc{margin:16px 0 0;color:var(--text-secondary);line-height:1.5}.settings-plan-card__perks{display:flex;flex-direction:column;gap:9px;margin:18px 0 0;padding:0;list-style:none;color:var(--text-primary)}.settings-plan-card__perks li{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text-secondary);font-size:.92rem}.settings-plan-card__perks svg{flex:0 0 auto;color:color-mix(in srgb,var(--primary-color) 68%,var(--text-secondary))}.settings-plan-card__cta{width:100%;margin-top:auto}@media(max-width:760px){.settings-plan-grid{grid-template-columns:minmax(0,1fr)}.settings-plan-card,.settings-plan-card--ensemble{min-height:auto}}.settings-account-hero{margin-bottom:22px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card)}.settings-account-hero__banner{height:118px;background:var(--bg-tertiary);overflow:hidden}.settings-account-hero__banner img{width:100%;height:100%;object-fit:cover;display:block}.settings-account-hero__content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:16px;padding:0 18px 18px}.settings-account-hero__avatar{width:86px;height:86px;margin-top:-36px;border-width:5px;border-color:var(--surface-card);background:var(--bg-secondary)}.settings-account-hero__identity{min-width:0;padding-top:12px}.settings-account-hero__name{color:var(--text-primary);font-size:1.45rem;font-weight:760;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-hero__meta{margin-top:4px;color:var(--text-secondary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-account-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-account-hero__actions{justify-content:flex-end}.settings-account-redesign{display:block}.settings-account-main{min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}.settings-account-card{padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card)}.settings-account-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-account-card__head h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-primary);font-size:1rem;font-weight:650}.settings-account-card__head p{margin:6px 0 0;color:var(--text-secondary);line-height:1.45}.settings-account-card__badge{display:inline-flex;min-height:20px;align-items:center;padding:0 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary-color) 70%,#8b5cf6);color:#fff;font-size:.68rem;font-weight:700;line-height:1}.settings-account-profile-grid{display:flex;flex-direction:column;gap:16px}.settings-account-media-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px}.settings-account-media-copy{min-width:0}.settings-account-media-copy>span{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.92rem;font-weight:650}.settings-account-media-copy p{margin:4px 0 0;color:var(--text-secondary);font-size:.84rem;line-height:1.4}.settings-account-banner-panel{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:stretch;gap:14px;padding-top:16px;border-top:1px solid var(--border-color)}.settings-account-banner-panel__preview{min-height:104px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);overflow:hidden;position:relative}.settings-account-banner-panel__preview img{width:100%;height:100%;object-fit:cover;display:block}.settings-account-banner-tools{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.settings-account-inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-account-inline-form .btn,.settings-account-inline-form .btn-danger-outline,.settings-account-inline-form .account-banner-color-picker{min-height:42px}.settings-account-mfa-secret{display:block;width:fit-content;max-width:100%;margin-bottom:10px;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.86rem;overflow-wrap:anywhere}.settings-account-redesign+.settings-section-header.danger{margin-top:24px}@media(max-width:1040px){.settings-account-hero__content{grid-template-columns:auto minmax(0,1fr);align-items:end}.settings-account-hero__actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:640px){.settings-account-hero__content,.settings-account-media-row,.settings-account-banner-panel{grid-template-columns:minmax(0,1fr)}.settings-account-hero__avatar{margin-top:-42px}.settings-account-media-row .btn,.settings-account-inline-form .btn{width:100%;justify-content:center}}.settings-sidebar-footer{padding:12px 8px;border-top:1px solid var(--border-color);flex-shrink:0}.settings-nav-separator{height:1px;background:var(--border-color);margin:8px;opacity:.5}.settings-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg-primary);position:relative}.settings-main-scroll{flex:1;overflow-y:auto;padding:40px 40px 60px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.settings-main-scroll::-webkit-scrollbar{width:6px}.settings-main-scroll::-webkit-scrollbar-track{background:transparent}.settings-main-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-main-content{width:100%;max-width:740px}.settings-mobile-home,.settings-mobile-section-header{display:none}.settings-close-container{position:fixed;right:24px;top:24px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:var(--z-modal)}.settings-close-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-control);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.settings-close-container:hover .settings-close-btn{background:var(--surface-control-hover);color:var(--text-primary);border-color:var(--border-strong)}.settings-close-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings-close-hint{font-size:.7rem;color:var(--text-dim);font-weight:500;letter-spacing:.02em}.settings-page{animation:settings-fade-in .15s ease-out}@keyframes settings-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.settings-page{animation:none}}.settings-page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.settings-sub-nav-container{position:relative;margin-left:1.25rem;margin-top:.125rem;display:flex;flex-direction:column}.settings-sub-nav-line{position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:var(--border-color);opacity:.5}.server-settings-move-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-dim);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.server-settings-move-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.server-settings-move-btn:active:not(:disabled){opacity:.8}.server-settings-move-btn:disabled{opacity:.3;cursor:not-allowed}.server-settings-move-btn:disabled:hover{background:var(--bg-secondary);color:var(--text-dim);border-color:var(--border-color)}.server-settings-move-btn--danger{color:var(--danger-color)}.server-settings-move-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 12%,transparent);color:var(--danger-color)}.server-settings-move-btn--locked{color:var(--text-dim)}.settings-section-header{font-size:.7rem;text-transform:uppercase;font-weight:700;margin-bottom:1.25rem;margin-top:2.5rem;color:var(--text-dim);letter-spacing:.09em;border-bottom:1px solid var(--border-color);padding-bottom:10px}.settings-section-header.danger{color:var(--danger-color);border-bottom-color:color-mix(in srgb,var(--danger-color) 30%,var(--border-color))}.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-settings-panel{display:flex;flex-direction:column;gap:18px}.developer-settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.developer-settings-hero__copy{max-width:68ch}.developer-settings-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);flex-shrink:0}.developer-settings-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer;transition:background .16s ease,color .16s ease}.developer-settings-tabs button:hover{color:var(--text-primary);background:var(--bg-modifier-hover)}.developer-settings-tabs button.active{color:var(--text-primary);background:var(--bg-secondary)}.developer-settings-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.developer-settings-summary__item{min-width:0;padding:14px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color)}.developer-settings-summary__item span{display:block;color:var(--text-primary);font-size:22px;line-height:1;font-weight:760}.developer-settings-summary__item p{margin:6px 0 0;color:var(--text-muted);font-size:12px}.developer-settings-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}.developer-settings-panel-card,.developer-settings-list,.developer-settings-bot,.developer-settings-invite-panel{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)}.developer-settings-panel-card{display:flex;flex-direction:column;gap:14px;padding:16px;position:sticky;top:0}.developer-settings-panel-card__head{display:flex;gap:10px;align-items:flex-start}.developer-settings-panel-card__head>svg{color:var(--accent-color);flex-shrink:0;margin-top:2px}.developer-settings-panel-card h3,.developer-settings-list__head h3{margin:0;color:var(--text-primary);font-size:15px;font-weight:720}.developer-settings-panel-card p{margin:3px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.developer-settings-toggle-row{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary)}.developer-settings-list{min-width:0;padding:10px}.developer-settings-list__head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.developer-settings-list__head span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-tertiary);font-size:12px;font-weight:700}.developer-settings-row,.developer-settings-bot__top,.developer-settings-server-row,.developer-settings-token-row{display:flex;align-items:center;gap:10px}.developer-settings-row{padding:12px;border-radius:var(--radius-sm);background:var(--bg-primary)}.developer-settings-row+.developer-settings-row,.developer-settings-bot+.developer-settings-bot{margin-top:8px}.developer-settings-row__icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--accent-color);background:rgba(var(--accent-rgb),.12);flex-shrink:0}.developer-settings-row__body,.developer-settings-bot__body{min-width:0;flex:1}.developer-settings-row__title{color:var(--text-primary);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-settings-row__meta{margin-top:3px;color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-settings-row__meta--wrap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.4}.developer-settings-empty,.developer-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:170px;color:var(--text-muted);text-align:center}.developer-settings-loading{flex-direction:row;min-height:220px}.developer-settings-empty p{margin:0;color:var(--text-primary);font-size:14px;font-weight:700}.developer-settings-empty span{max-width:36ch;font-size:12px;line-height:1.45}.developer-settings-doc-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:10px}.developer-settings-doc-strip>div{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:12px;line-height:1.35}.developer-settings-doc-strip code{color:var(--text-primary);font-size:11px;white-space:nowrap}.developer-settings-bot{padding:12px;background:var(--bg-primary)}.developer-settings-bot__top{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.developer-settings-bot__profile{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0}.developer-settings-bot__avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-primary);font-weight:800;flex-shrink:0}.developer-settings-bot__details{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.developer-settings-bot__actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.developer-settings-bot__actions .btn{min-height:36px;padding:0 12px;font-size:13px}.developer-settings-bot__actions .btn:not(.developer-settings-icon-btn){flex:1 1 112px}.developer-settings-icon-btn{width:42px;flex:0 0 42px;padding:0;justify-content:center}.developer-settings-token-row,.developer-settings-server-row{justify-content:space-between;min-height:38px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px}.developer-settings-invite-panel{margin-bottom:10px;padding:12px;background:var(--bg-primary)}.developer-settings-invite-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.developer-settings-status{display:inline-flex;align-items:center;gap:6px;color:var(--success-color, #57f287);font-size:12px;font-weight:700}.server-integrations-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.server-integrations-status{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border-radius:var(--radius-pill);color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);font-size:12px;font-weight:700;white-space:nowrap}.server-integrations-status--linked{color:var(--success-color, #57f287);background:rgba(var(--success-rgb, 87, 242, 135),.08)}.server-integrations-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.server-integrations-card{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)}.server-integrations-card__head{display:flex;align-items:flex-start;gap:10px}.server-integrations-card__head>svg{flex-shrink:0;margin-top:2px;color:var(--accent-color)}.server-integrations-card__head h3{margin:0;color:var(--text-primary);font-size:15px;font-weight:730}.server-integrations-card__head p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.server-integrations-channel-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}.server-integrations-channel-form .settings-control:first-child,.server-integrations-channel-form .settings-control:nth-child(3){grid-column:1 / -1}.server-integrations-channel-form>.btn{min-height:38px}.server-integrations-links{display:flex;flex-direction:column;gap:8px}.server-integrations-link-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:var(--radius-sm);background:var(--bg-primary)}.server-integrations-link-row__body{min-width:0}.server-integrations-link-row__title{color:var(--text-primary);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-integrations-link-row__meta{margin-top:3px;color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-integrations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:8px;color:var(--text-muted);text-align:center;border-radius:var(--radius-sm);background:var(--bg-primary)}.server-integrations-empty p{margin:0;color:var(--text-primary);font-size:14px;font-weight:700}.server-integrations-empty span{max-width:32ch;font-size:12px;line-height:1.45}@media(max-width:980px){.developer-settings-hero{flex-direction:column}.developer-settings-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-settings-grid{grid-template-columns:1fr}.developer-settings-panel-card{position:static}.server-integrations-grid{grid-template-columns:1fr}}@media(max-width:620px){.developer-settings-summary,.developer-settings-doc-strip{grid-template-columns:1fr}.developer-settings-tabs{width:100%}.developer-settings-tabs button{flex:1;justify-content:center}.developer-settings-row,.developer-settings-bot__top,.developer-settings-bot__actions{align-items:stretch}.developer-settings-row>.btn,.developer-settings-bot__actions .btn:not(.developer-settings-icon-btn){flex:1 1 130px;justify-content:center}.server-integrations-head{flex-direction:column}.server-integrations-status{white-space:normal}.server-integrations-channel-form{grid-template-columns:1fr}}.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}.developer-bot-card:hover{border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color))}.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}.session-badge{background:var(--success-glow);color:var(--success-color);font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--success-color-rgb),.2)}.visualizer-segment.active{filter:brightness(1.2)}.visualizer-segment.threshold{position:relative;border-right:2px solid rgba(255,255,255,.3)}.mic-test-icon-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.mic-test-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary-color)}.mic-test-icon-btn.active{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.visualizer-segment{width:3px;height:4px;background:#ffffff0d;border-radius:2px;transition:background .1s ease,height .1s ease}.select-wrapper{position:relative;width:100%}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--text-secondary);mask: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='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask: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='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none;transition:background-color .2s ease,transform .2s ease}.select-wrapper:focus-within:after{background:var(--primary-color);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)}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{width:100%;padding:11px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;transition:background .15s ease,border-color .15s ease;font-family:inherit}.custom-select-trigger:hover:not(:disabled){background:var(--bg-hover);border-color:#ffffff2e}.custom-select-trigger.open,.custom-select-trigger:focus-visible{outline:2px solid var(--primary-glow);outline-offset:0;border-color:var(--primary-color)}.custom-select-trigger:disabled{opacity:.5;cursor:not-allowed}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{flex-shrink:0;color:var(--text-muted);transition:color .15s ease,transform .2s ease}.custom-select-trigger.open .custom-select-chevron{color:var(--primary-color);transform:rotate(180deg)}.custom-select-trigger:focus-visible .custom-select-chevron{color:var(--primary-color)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9000;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 8px 32px #00000073;overflow:hidden;max-height:240px;overflow-y:auto}.custom-select-option{width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .1s ease;text-align:left}.custom-select-option:hover:not(.disabled){background:var(--bg-modifier-hover, var(--bg-hover))}.custom-select-option.selected{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.custom-select-option.disabled{opacity:.4;cursor:not-allowed}.custom-select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-check{flex-shrink:0;color:var(--primary-color)}.server-settings-channel-parent-select .custom-select-trigger{height:36px;padding:0 12px;font-size:.85rem;border-radius:var(--radius-sm)}.session-name-input{flex:1;min-width:0;background:var(--bg-secondary);border:1px solid var(--input-border);color:var(--text-primary);border-radius:var(--radius-sm);padding:3px 10px;font-size:1rem;font-weight:600;font-family:inherit;outline:none}.session-name-input:focus,.session-name-input:focus-visible{border-color:var(--input-border-focus);background:var(--input-bg-focus);outline:none}.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:.75rem;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-preview.onyx{background:#000;border-color:#ffffff26}.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{display:none}.settings-mobile-home{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.settings-layout.mobile-in-section .settings-mobile-home{display:none}.settings-layout:not(.mobile-in-section) .settings-main{display:none}.settings-mobile-home-topbar{display:flex;align-items:center;padding:16px 20px 12px;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.settings-mobile-home-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.settings-mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s}.settings-mobile-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-mobile-home-scroll{flex:1;overflow-y:auto;padding:20px 16px 32px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-mobile-home-scroll::-webkit-scrollbar{display:none}.settings-mobile-group{margin-bottom:28px}.settings-mobile-group-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:0 4px;margin-bottom:8px}.settings-mobile-categories-card{display:flex;flex-direction:column;gap:8px;background:transparent;border-radius:0;border:0;overflow:visible}.settings-mobile-category-item{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);transition:background .12s;min-height:56px}.settings-mobile-category-item.no-border{border-bottom:1px solid color-mix(in srgb,var(--border-color) 75%,transparent)}.settings-mobile-category-item:active{background:var(--bg-hover)}.settings-mobile-category-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.settings-mobile-category-item:active .settings-mobile-category-icon{color:var(--text-primary)}.settings-mobile-category-label{flex:1;font-size:.95rem;font-weight:500}.settings-mobile-category-chevron{color:var(--text-dim);flex-shrink:0}.settings-mobile-section-header{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:transparent;flex-shrink:0;position:sticky;top:0;z-index:20}.settings-mobile-back-btn{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 4px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--primary-color);font-size:.9rem;font-weight:500;flex-shrink:0;transition:background .12s}.settings-mobile-back-btn:active{background:var(--bg-hover)}.settings-mobile-section-title{position:absolute;left:50%;transform:translate(-50%);max-width:55%;font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.settings-mobile-account-switch{display:flex}.settings-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0}.settings-main-scroll{flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;height:100%;padding:0;overflow:hidden;box-sizing:border-box}.settings-main-content{flex:1;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;padding:14px 14px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;box-sizing:border-box}.settings-main-content::-webkit-scrollbar{display:none}.settings-close-container,.settings-close-btn{display:none!important}.settings-page-title{display:none}.session-item{flex-wrap:wrap}.session-revoke{width:100%;margin-top:4px;justify-content:center}.settings-auth-field-row{flex-wrap:wrap}.settings-auth-field-row .btn{width:100%;justify-content:center}.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-control,.settings-toggle-rows,.settings-toggle-row,.settings-select,.custom-select-wrapper,.custom-select-trigger,.murmur-field,.murmur-input{min-width:0;max-width:100%;box-sizing:border-box}.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}.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}}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid var(--border-color)}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 1px 3px #0000002e}input:checked+.slider-round{background-color:var(--primary-color);border-color:var(--primary-color)}input:checked+.slider-round:before{transform:translate(20px);box-shadow:0 2px 6px #00000038}input:focus-visible+.slider-round{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary-color)}.switch:hover .slider-round:before{box-shadow:0 1px 4px #0000003d}.switch:hover input:checked+.slider-round:before{box-shadow:0 2px 8px #00000047}.switch input:disabled+.slider-round{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.server-settings-roles-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.server-settings-roles-full-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.server-settings-roles-editor-container{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.server-settings-roles-editor{max-width:680px}.nav-btn-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.nav-btn-group-header:hover{color:var(--text-primary)}.nav-btn-group-header .settings-sidebar-title{margin-bottom:0}.nav-btn-group-content{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;overflow:hidden}@media(max-width:768px){.server-settings-roles-editor-container{padding:0 12px}.server-role-toolbar{flex-direction:column;align-items:stretch;gap:12px}.server-role-toolbar .murmur-field{width:100%}.server-role-toolbar .btn{width:100%;justify-content:center}.server-role-toolbar+.grid{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:8px 0}.server-role-toolbar+.grid span:last-child{padding-right:0}.server-role-row{display:flex;align-items:center;gap:12px;padding:12px;grid-template-columns:none}.server-role-row>div:first-child{display:none!important}.server-role-row>div:nth-child(2){flex:1;min-width:0;display:flex;align-items:center;gap:10px}.server-role-row>div:nth-child(3){display:none}.server-role-row>div:last-child{display:flex;gap:8px;flex-shrink:0}.server-role-row .server-settings-move-btn{width:40px;height:40px}.server-role-tabs{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.server-role-tabs::-webkit-scrollbar{display:none}.server-role-tabs button{flex:0 0 auto;white-space:nowrap;padding:8px 16px;font-size:.85rem}.server-settings-roles-editor{max-width:100%}.server-settings-roles-editor .settings-control,.server-settings-roles-editor .murmur-field{min-width:0}.server-settings-roles-editor .settings-toggle-row{flex-wrap:wrap}.server-settings-roles-editor .settings-toggle-row-info{flex:1 1 calc(100% - 50px);min-width:0}}.server-settings-danger-card{margin-top:12px;margin-bottom:24px;border-radius:var(--radius-md);border:1px solid var(--danger-color, #ef4444);background:color-mix(in srgb,var(--bg-secondary) 94%,transparent)}.server-settings-danger-card-header{padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent)}.server-settings-danger-card-header h4{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--danger-color, #ef4444)}.server-settings-danger-card-header p{margin:0;font-size:.85rem;color:var(--text-muted)}.server-settings-danger-card-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--bg-primary) 50%,transparent);border-bottom-left-radius:calc(var(--radius-md) - 1px);border-bottom-right-radius:calc(var(--radius-md) - 1px)}.server-settings-transfer-ownership-select{flex:1 1 200px;min-width:0}.server-settings-transfer-ownership-submit{flex:0 0 auto}.server-settings-channels-desc{margin-bottom:10px}.server-settings-channels-list{display:flex;flex-direction:column;gap:8px}.server-settings-channels-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.server-settings-channels-toolbar-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);color:var(--text-secondary);font-size:.78rem;font-weight:700}.server-settings-channel-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);will-change:transform;transform:translateZ(0);transition:border-color .16s ease,background .16s ease}.server-settings-channel-row--nested{margin-left:16px;border-left:2px solid color-mix(in srgb,var(--primary-color) 28%,var(--border-color))}.server-settings-channel-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.server-settings-channel-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);flex:0 0 auto}.server-settings-channel-meta{display:inline-flex;align-items:center;gap:8px;min-width:0}.server-settings-channel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:600}.server-settings-channel-type-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);color:var(--text-dim);font-size:.7rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em}.server-settings-channel-parent{min-width:0;width:100%}.server-settings-channel-parent-select.settings-select{height:36px;padding:0 34px 0 11px;border-radius:var(--radius-sm);font-size:.85rem}.server-settings-channel-actions{display:inline-flex;align-items:center;gap:6px;padding:2px;width:fit-content;justify-self:end;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 72%,transparent)}.server-settings-channel-move-btn{min-width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.server-settings-channel-row--flip-animating .server-settings-channel-actions,.server-settings-channel-row--flip-animating .server-settings-channel-move-btn{pointer-events:none}.server-settings-channel-row--flip-animating .server-settings-channel-move-btn,.server-settings-channel-row--flip-animating .server-settings-channel-move-btn:hover:not(:disabled),.server-settings-channel-row--flip-animating .server-settings-channel-move-btn:active:not(:disabled){filter:none!important;transform:none!important}@media(max-width:860px){.server-settings-channel-row{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:8px}.server-settings-channel-parent{grid-column:1 / -1}.server-settings-channel-actions{justify-self:end}.server-settings-channel-meta{flex-wrap:wrap;row-gap:6px}}@media(max-width:520px){.server-settings-channel-row{padding:10px}.server-settings-channel-row--nested{margin-left:0}.server-settings-channel-main{align-items:flex-start}.server-settings-channel-meta{flex-direction:column;align-items:flex-start;gap:5px}.server-settings-channel-actions{gap:4px}}.server-settings-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.server-settings-member-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;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;flex-direction:column;align-items:center;text-align: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-status.is-dnd{color:var(--danger-color)}.server-settings-member-status.is-idle{color:var(--warning-color)}.server-settings-member-status.has-custom-status{color:var(--text-secondary);font-weight:500}.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-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.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;flex-wrap:wrap;align-items:stretch;gap:10px}.server-settings-role-color-reset{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.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:var(--surface-danger-soft);color:var(--danger-color);padding:16px;border-radius:var(--radius-md);font-size:.95rem;margin-bottom:24px;line-height:1.5;font-weight:500;border-left:4px solid var(--danger-color)}.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) 12%,transparent);color:var(--danger-color);cursor:pointer;transition:background .15s ease}.channel-perm-remove:hover{background:color-mix(in srgb,var(--danger-color) 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,var(--danger-color) 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)}.role-row--dragging{opacity:.45}.role-row--drag-over{outline:2px solid var(--primary-color);outline-offset:-2px;border-radius:var(--radius-sm);background:var(--bg-hover)}.role-drag-handle{cursor:grab;color:var(--text-dim, #888);display:flex;align-items:center;padding:0 4px;opacity:0;transition:opacity .15s;flex-shrink:0}.group:hover .role-drag-handle{opacity:1}.role-drag-handle:active{cursor:grabbing}.account-profile-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;margin-bottom:2rem;background:var(--bg-secondary)}.account-profile-banner{height:80px;position:relative;display:flex;align-items:flex-end;padding:0 20px;cursor:pointer}.account-profile-banner-color-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);background:#00000040;font-size:.8rem;color:#fff;font-weight:600;gap:6px;border-radius:0}.account-profile-banner:hover .account-profile-banner-color-hint{opacity:1}.account-profile-banner-color-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.account-profile-info-row{display:flex;align-items:flex-end;gap:16px;padding:0 20px;margin-top:-36px;margin-bottom:0}.account-profile-username-area{padding-bottom:6px;min-width:0}.account-profile-username{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile-subtitle{font-size:.8rem;color:var(--text-dim)}.account-profile-avatar-wrap{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.account-profile-avatar-circle{width:80px;height:80px;border-radius:50%;border:5px solid var(--bg-secondary);background:var(--bg-tertiary);overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.account-profile-avatar-circle img{width:100%;height:100%;object-fit:cover}.account-profile-avatar-circle .user-avatar-component{flex:0 0 auto}.avatar-remove-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--danger-color, #ed4245);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:var(--radius-xs);opacity:.8;transition:opacity .15s}.avatar-remove-btn:hover{opacity:1}.account-profile-body{padding:12px 20px 20px}.account-profile-bio-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;font-family:inherit;resize:none;min-height:80px;margin-top:12px;transition:border-color var(--transition-fast);line-height:1.5}.account-profile-bio-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.account-profile-bio-input::placeholder{color:var(--text-dim)}.account-profile-status-row{display:flex;align-items:center;gap:8px;margin-top:10px}.account-profile-status-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;font-size:.875rem;font-family:inherit;transition:border-color var(--transition-fast)}.account-profile-status-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.account-profile-status-input::placeholder{color:var(--text-dim)}.account-profile-save-row{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.settings-auth-fields-group{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.settings-auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:none;border-radius:0;border:none;border-bottom:1px solid var(--border-color)}.settings-auth-field-row:last-child{border-bottom:none}.settings-auth-field-label{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-auth-field-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.settings-auth-field-row .settings-desc{margin-top:0;font-size:.82rem}.password-strength-bar{height:4px;border-radius:2px;background:var(--bg-hover);margin-top:8px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width .25s ease,background .25s ease}.password-strength-label{font-size:.78rem;font-weight:600;margin-top:4px}.password-strength-fill.strength-weak{background:var(--danger-color)}.password-strength-fill.strength-fair{background:#f59e0b}.password-strength-fill.strength-good{background:#3b82f6}.password-strength-fill.strength-strong{background:#10b981}.password-strength-fill.strength-very-strong{background:#059669}.password-strength-label.strength-weak{color:var(--danger-color)}.password-strength-label.strength-fair{color:#f59e0b}.password-strength-label.strength-good{color:#3b82f6}.password-strength-label.strength-strong{color:#10b981}.password-strength-label.strength-very-strong{color:#059669}.settings-toggle-rows{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.settings-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-row-info{flex:1;min-width:0}.settings-toggle-row-label{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.settings-toggle-row-desc{font-size:.8rem;color:var(--text-dim);line-height:1.4;margin-top:3px}.sessions-list{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.session-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border-color);background:none;border-radius:0;transition:background var(--transition-fast)}.session-item:last-child{border-bottom:none}.session-item:hover{background:var(--bg-hover)}.session-item.session-item--current{background:color-mix(in srgb,var(--primary-color) 4%,transparent)}.session-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-accent-soft);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-info{flex:1;min-width:0}.session-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-name-text{font-weight:600;font-size:.9rem;color:var(--text-primary);cursor:pointer}.session-name-text:hover{text-decoration:underline;text-underline-offset:2px}.session-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-dim);margin-top:3px;flex-wrap:wrap;row-gap:2px}.session-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.session-badge{background:var(--success-glow);color:var(--success-color);font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--success-color-rgb),.2)}.session-revoke{background:transparent;border:1px solid var(--border-color);color:var(--text-dim);padding:6px 8px;min-height:unset;flex-shrink:0;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.session-revoke:hover:not(:disabled){background:var(--surface-danger-soft);color:var(--danger-color);border-color:var(--danger-color)}.appearance-live-preview{width:100%;height:140px;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;display:flex;margin-bottom:24px}.alp-sidebar{width:44px;height:100%;background:var(--bg-tertiary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:6px}.alp-server-dot{width:28px;height:28px;border-radius:50%;background:var(--surface-control);flex-shrink:0}.alp-server-dot.active{border-radius:var(--radius-sm);background:var(--primary-color)}.alp-channels{width:100px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:8px 6px;display:flex;flex-direction:column;gap:4px}.alp-channel-row{height:10px;border-radius:5px;background:var(--surface-control)}.alp-channel-row.active{background:var(--surface-control-active);width:80%}.alp-chat{flex:1;height:100%;background:var(--bg-primary);padding:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.alp-msg{display:flex;gap:6px;align-items:flex-start}.alp-avatar{width:16px;height:16px;border-radius:50%;background:var(--surface-control);flex-shrink:0;margin-top:2px}.alp-msg-lines{flex:1;display:flex;flex-direction:column;gap:3px}.alp-msg-name{height:6px;width:40%;border-radius:3px;background:var(--text-dim);opacity:.6}.alp-msg-text{height:7px;border-radius:3px;background:var(--surface-control)}.alp-msg-text.short{width:60%}.alp-input{height:18px;border-radius:var(--radius-sm);background:var(--surface-control);margin-top:4px;border:1px solid var(--border-color)}.settings-divider{height:1px;background:var(--border-color);margin:0 0 2rem}.server-overview-layout{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.server-overview-form{min-width:0}.server-overview-preview{position:sticky;top:0}.server-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.server-preview-banner{height:80px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden}.server-preview-banner-bg{width:100%;height:100%;object-fit:cover;opacity:.35;filter:blur(8px);transform:scale(1.1)}.server-preview-icon-row{padding:0 14px;margin-top:-28px;margin-bottom:8px;position:relative;z-index:1}.server-preview-body{padding:0 14px 16px}.server-preview-icon-wrap{margin-top:-28px;margin-bottom:8px}.server-preview-icon{width:56px;height:56px;border-radius:var(--radius-sm);border:3px solid var(--bg-secondary);object-fit:cover;display:block}.server-preview-icon-placeholder{width:56px;height:56px;border-radius:var(--radius-sm);border:3px solid var(--bg-secondary);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text-muted)}.server-preview-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-preview-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.server-preview-online{display:flex;align-items:center;gap:4px}.server-preview-dot{opacity:.4}.status-dot.online{width:8px;height:8px;border-radius:50%;background:var(--success-color, #3ba55c);flex-shrink:0}@media(max-width:720px){.server-overview-layout{grid-template-columns:1fr;gap:1rem}.server-overview-preview{position:static;order:-1;min-width:0}.server-preview-card,.banner-upload-preview{min-width:0;max-width:100%;box-sizing:border-box}.server-preview-meta{min-width:0;flex-wrap:wrap}}@media(max-width:520px){.settings-toggle-row{gap:12px;padding:13px 12px}.settings-footer{flex-wrap:wrap}.settings-footer .btn{flex:1 1 100%;justify-content:center}}.account-preview-avatar-wrap{margin-top:-28px;margin-bottom:8px;border-radius:50%;border:3px solid var(--bg-secondary);width:56px;height:56px;overflow:visible;line-height:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);box-sizing:content-box;position:relative;z-index:1}.account-preview-avatar-wrap>img,.account-preview-avatar-wrap .user-avatar-component{flex:0 0 auto}.account-preview-avatar-wrap>img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.account-banner-color-picker{display:inline-flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;position:relative;font-size:13px;color:var(--text-secondary);transition:border-color .15s}.account-banner-color-picker:hover{border-color:var(--text-dim)}.account-banner-color-picker input[type=color]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.account-banner-color-swatch{width:20px;height:20px;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.account-banner-color-value{font-family:monospace;font-size:12px;color:var(--text-muted)}.banner-upload-preview{width:100%;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden;position:relative}.banner-upload-preview-img{width:100%;height:100%;object-fit:cover;display:block}.banner-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.discover-category-chips{display:flex;flex-wrap:wrap;gap:6px}.discover-category-chip{display:inline-flex;align-items:center;padding:5px 13px;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .1s ease;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap}.discover-category-chip:hover{background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary-color) 60%,transparent);color:var(--text-primary)}.discover-category-chip--active{background:color-mix(in srgb,var(--primary-color) 16%,transparent);border-color:var(--primary-color);color:var(--primary-light);font-weight:600}.discover-category-chip--active:hover{background:color-mix(in srgb,var(--primary-color) 24%,transparent)}.discover-category-chip:active{transform:scale(.95)}.channel-perm-advanced{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}.channel-perm-targets{display:flex;flex-direction:column;gap:10px}.channel-perm-targets__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-perm-targets__title{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.channel-perm-targets__add{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.channel-perm-targets__add:hover,.channel-perm-targets__add.is-open{background:var(--bg-hover);color:var(--text-primary)}.channel-perm-add-pop{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.channel-perm-targets__list{display:flex;flex-direction:column;gap:2px}.channel-perm-targets__sep{height:1px;margin:8px 4px;background:var(--border-color)}.channel-perm-target{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.88rem;text-align:left;cursor:pointer;transition:background .15s,color .15s}.channel-perm-target:hover,.channel-perm-target.is-active{background:var(--bg-hover);color:var(--text-primary)}.channel-perm-target--member{padding:0}.channel-perm-target__main{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding:6px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.channel-perm-target__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-perm-target__name--everyone{font-family:ui-monospace,monospace;font-size:.86em}.channel-perm-target__remove{display:inline-flex;align-items:center;justify-content:center;width:26px;flex-shrink:0;border:none;background:transparent;color:var(--text-dim);cursor:pointer;opacity:0;transition:opacity .12s,color .15s}.channel-perm-target--member:hover .channel-perm-target__remove,.channel-perm-target--member.is-active .channel-perm-target__remove{opacity:1}.channel-perm-target__remove:hover{color:var(--danger-color)}.channel-perm-detail__title{margin:0 0 2px;font-size:.95rem;font-weight:700;color:var(--text-primary)}.channel-perm-detail__target{margin:0 0 14px;font-size:.82rem;color:var(--text-dim)}.channel-perm-rows{display:flex;flex-direction:column}.channel-perm-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--border-color)}.channel-perm-row:first-child{border-top:none}.channel-perm-row__text{display:flex;flex-direction:column;gap:4px;min-width:0}.channel-perm-row__label{font-size:.92rem;font-weight:500;color:var(--text-primary)}.channel-perm-row__desc{font-size:.82rem;line-height:1.4;color:var(--text-dim)}@media(max-width:720px){.channel-perm-advanced{grid-template-columns:1fr;gap:16px}.channel-perm-targets,.channel-perm-detail,.channel-perm-add-pop,.channel-perm-member-pick{min-width:0;max-width:100%;box-sizing:border-box}}@media(max-width:520px){.channel-perm-hero{padding:12px}.channel-perm-row{align-items:flex-start;gap:10px;padding:14px 0}.channel-perm-row__text{flex:1 1 auto}.channel-perm-tri{flex:0 0 auto}.channel-perm-tri__btn{width:30px}.channel-perm-footer{justify-content:stretch}.channel-perm-footer .btn{width:100%;justify-content:center}}.server-role-tabs{margin-bottom:1.5rem}.server-role-edit-sidebar{display:flex;flex-direction:column;min-height:0;height:100%}.server-role-edit-sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 20px 18px}.server-role-edit-sidebar__back,.server-role-edit-sidebar__create{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:color .15s ease,background .15s ease}.server-role-edit-sidebar__back{gap:10px;min-width:0;padding:8px 6px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700}.server-role-edit-sidebar__create{width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary)}.server-role-edit-sidebar__back:hover,.server-role-edit-sidebar__create:hover{background:var(--bg-hover);color:var(--text-primary)}.server-role-edit-sidebar__list{display:flex;flex-direction:column;gap:4px;padding:0 14px 18px}.server-role-edit-sidebar__item{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:0 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.server-role-edit-sidebar__item:hover,.server-role-edit-sidebar__item.active{background:var(--bg-hover);color:var(--text-primary)}.server-role-edit-sidebar__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid color-mix(in srgb,#000 12%,transparent)}.server-role-edit-sidebar__name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.server-role-edit-sidebar__lock{flex-shrink:0;color:var(--text-dim)}.server-role-toolbar .murmur-field,.server-role-toolbar .btn{min-height:40px}.server-role-members-list{max-height:none;overflow:visible}.settings-mfa-code-field{flex:1 1 160px;min-width:160px}.server-role-default-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.server-role-default-card:hover{background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color))}.server-role-default-card__icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary)}.server-role-default-card__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.server-role-default-card__title{font-weight:600;font-size:1.02rem}.server-role-default-card__sub{font-size:.84rem;color:var(--text-dim)}.server-role-default-card__chevron{flex-shrink:0;color:var(--text-dim)}.server-role-row:hover{background:var(--bg-hover)}.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-nav-logout{color:var(--danger-color)!important;opacity:.8}.settings-nav-logout:hover{opacity:1;background:color-mix(in srgb,var(--danger-color) 10%,transparent)!important}.settings-danger-zone{display:flex;flex-direction:column;gap:10px}.settings-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--surface-danger-soft);border:1px solid color-mix(in srgb,var(--danger-color) 42%,var(--border-color));border-radius:var(--radius-sm);color:var(--danger-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--control-transition)}.settings-logout-btn:hover{background:color-mix(in srgb,var(--danger-color) 18%,var(--surface-control));border-color:var(--danger-color)}.settings-change-account-btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.settings-change-account-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}:root{--chorus-gradient: linear-gradient(135deg, #5865f2, #a855f7);--bg-primary: #11131a;--bg-secondary: #1a1d28;--bg-tertiary: #242838;--bg-hover: #2e3244;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #64748b;--text-muted: #4b5563;--text-inverse: #ffffff;--primary-color: #851bff;--primary-color-rgb: 133, 27, 255;--primary-hover: #7016cc;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .15);--danger-color: #ff5555;--danger-color-rgb: 255, 85, 85;--danger-rgb: var(--danger-color-rgb);--success-color: #00a67e;--success-color-rgb: 0, 166, 126;--success-rgb: var(--success-color-rgb);--success-glow: rgba(0, 166, 126, .25);--presence-green: #22c55e;--warning-color: #fc8b4f;--warning-color-rgb: 252, 139, 79;--warning-rgb: var(--warning-color-rgb);--accent: var(--primary-color);--accent-color: var(--primary-color);--accent-primary: var(--primary-color);--accent-hover: var(--primary-hover);--accent-rgb: var(--primary-color-rgb);--error-color: var(--danger-color);--error-rgb: var(--danger-color-rgb);--text-normal: var(--text-primary);--text-color: var(--text-primary);--border-color: rgba(255, 255, 255, .08);--border-subtle: color-mix(in srgb, var(--border-color) 74%, transparent);--border-strong: color-mix(in srgb, var(--border-color) 68%, var(--text-secondary));--radius-lg: 16px;--radius-m: var(--radius-md);--radius-md: 12px;--radius-sm: 8px;--radius-xs: 4px;--radius-pill: 9999px;--surface-base: var(--bg-primary);--surface-panel: color-mix(in srgb, var(--bg-secondary) 94%, transparent);--surface-card: color-mix(in srgb, var(--bg-secondary) 88%, var(--bg-tertiary));--surface-card-hover: color-mix(in srgb, var(--bg-hover) 72%, var(--bg-secondary));--surface-control: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);--surface-control-hover: color-mix(in srgb, var(--bg-hover) 78%, var(--bg-tertiary));--surface-control-active: color-mix(in srgb, var(--primary-color) 18%, var(--bg-tertiary));--surface-accent-soft: color-mix(in srgb, var(--primary-color) 16%, transparent);--surface-danger-soft: rgba(var(--danger-color-rgb), .12);--surface-success-soft: rgba(var(--success-color-rgb), .14);--surface-warning-soft: rgba(var(--warning-color-rgb), .14);--bg-modifier-hover: var(--surface-control-hover);--bg-modifier-active: var(--surface-control-active);--elevation-1: 0 1px 0 color-mix(in srgb, var(--border-color) 55%, transparent);--elevation-2: 0 12px 32px color-mix(in srgb, #000 24%, transparent);--elevation-3: 0 16px 42px color-mix(in srgb, #000 32%, transparent);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: 0 20px 56px color-mix(in srgb, #000 38%, transparent);--murmur-sheet-ease: cubic-bezier(.32, .72, 0, 1);--murmur-sheet-duration: .26s;--murmur-sheet-backdrop-duration: .22s;--murmur-sheet-backdrop-ease: cubic-bezier(.2, .8, .2, 1);--murmur-sheet-backdrop: rgba(0, 0, 0, .55);--murmur-sheet-backdrop-blur: none;--murmur-sheet-max-h: min(92dvh, calc(100dvh - env(safe-area-inset-top, 0px)) );--murmur-sheet-radius: 28px;--murmur-panel-slide-duration: .22s;--murmur-panel-slide-ease: cubic-bezier(.2, .8, .2, 1);--murmur-right-panel-width: clamp(300px, 12vw + 180px, 450px);--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(--surface-base), 0 0 0 4px color-mix(in srgb, var(--primary-color) 78%, transparent);--focus-ring-danger: 0 0 0 2px var(--surface-base), 0 0 0 4px color-mix(in srgb, var(--danger-color) 78%, transparent);--btn-secondary-bg: var(--surface-control);--btn-secondary-bg-hover: var(--surface-control-hover);--btn-secondary-border: color-mix(in srgb, var(--border-color) 78%, transparent);--btn-secondary-border-hover: color-mix(in srgb, var(--btn-secondary-border) 72%, var(--primary-color));--btn-secondary-text: var(--text-primary);--input-bg: var(--surface-control);--input-bg-focus: color-mix(in srgb, var(--surface-control-hover) 74%, var(--primary-color) 6%);--input-border: color-mix(in srgb, var(--border-color) 78%, transparent);--input-border-focus: color-mix(in srgb, var(--primary-color) 70%, var(--border-color));--control-transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);--z-base: 0;--z-raise: 10;--z-dropdown: 200;--z-sticky: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800}html,body,*{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){:root{--murmur-sheet-duration: .01ms;--murmur-sheet-backdrop-duration: .01ms;--murmur-sheet-ease: linear;--murmur-sheet-backdrop-ease: linear;--murmur-panel-slide-duration: .01ms;--murmur-panel-slide-ease: linear}}:root[data-theme=onyx]{--landing-logo-filter: invert(0);--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-hover: #1a1a1a;--text-primary: #ededf0;--text-secondary: #9b9ba8;--text-dim: #606068;--text-muted: #48484f;--text-inverse: #ffffff;--border-color: rgba(255, 255, 255, .07);--glass-bg: rgba(10, 10, 10, .98);--glass-border: rgba(255, 255, 255, .07);--elevation-1: 0 1px 0 rgba(0, 0, 0, .6);--elevation-2: 0 12px 32px rgba(0, 0, 0, .7);--elevation-3: 0 24px 72px rgba(0, 0, 0, .85);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: 0 32px 96px rgba(0, 0, 0, .9);--public-page-bg: linear-gradient( 180deg, color-mix(in srgb, #000000 58%, var(--primary-color) 42%) 0%, color-mix(in srgb, #000000 82%, var(--primary-color) 18%) 24%, #000000 58%, #000000 100% );--page-ambient-bg: #000000}: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: 0 1px 0 rgba(15, 23, 42, .06);--elevation-2: 0 14px 34px rgba(15, 23, 42, .08);--elevation-3: 0 26px 76px rgba(15, 23, 42, .12);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-2);--shadow-lg: var(--elevation-3);--shadow-xl: 0 34px 98px rgba(15, 23, 42, .16);--state-content-hover: 10%;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .1);--landing-logo-filter: invert(0);--public-page-bg: linear-gradient( 180deg, color-mix(in srgb, var(--bg-primary) 78%, var(--primary-color) 22%) 0%, color-mix(in srgb, var(--bg-primary) 92%, var(--primary-color) 8%) 26%, var(--bg-primary) 58%, var(--bg-primary) 100% );--page-ambient-bg: var(--bg-primary)}:root[data-theme=dark]{--landing-logo-filter: invert(0);--public-page-bg: linear-gradient( 180deg, color-mix(in srgb, var(--bg-primary) 62%, var(--primary-color) 38%) 0%, color-mix(in srgb, var(--bg-primary) 86%, var(--primary-color) 14%) 24%, var(--bg-primary) 56%, var(--bg-primary) 100% );--page-ambient-bg: var(--bg-primary)}:root[data-theme=dark][data-background-preset=midnight]{--primary-color: #5865f2;--primary-color-rgb: 88, 101, 242;--primary-hover: #4752c4;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .2);--bg-primary: #17191f;--bg-secondary: #101217;--bg-tertiary: #090a0e;--bg-hover: #232733;--text-primary: #f0f2f5;--text-secondary: #b8bec8;--text-dim: #89909d;--text-muted: #68707d;--border-color: rgba(122, 136, 180, .18);--glass-bg: rgba(16, 18, 23, .98);--glass-border: rgba(122, 136, 180, .16)}:root[data-theme=light][data-background-preset=midnight]{--primary-color: #5865f2;--primary-color-rgb: 88, 101, 242;--primary-hover: #4752c4;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .18);--bg-primary: #f6f7fb;--bg-secondary: #ffffff;--bg-tertiary: #e9ecf4;--bg-hover: #dce1ec;--text-primary: #111318;--text-secondary: #424958;--text-dim: #5e6677;--text-muted: #737b8c;--border-color: rgba(55, 65, 92, .14);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(55, 65, 92, .11)}:root[data-theme=dark][data-background-preset=soft_glow]{--primary-color: #f0a35b;--primary-color-rgb: 240, 163, 91;--primary-hover: #d3843f;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .24);--bg-primary: #2a2018;--bg-secondary: #33261b;--bg-tertiary: #4a3524;--bg-hover: #60452d;--text-primary: #fff4e6;--text-secondary: #d6b996;--text-dim: #a98b6a;--text-muted: #84694f;--border-color: rgba(244, 180, 112, .24);--glass-bg: rgba(47, 34, 23, .94);--glass-border: rgba(255, 188, 112, .22)}:root[data-theme=light][data-background-preset=soft_glow]{--primary-color: #c7772f;--primary-color-rgb: 199, 119, 47;--primary-hover: #a75d20;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .18);--bg-primary: #fff4e4;--bg-secondary: #fffaf2;--bg-tertiary: #ead8bf;--bg-hover: #dec59f;--text-primary: #21170e;--text-secondary: #5b432a;--text-dim: #765a39;--text-muted: #8f7250;--border-color: rgba(170, 102, 40, .24);--glass-bg: rgba(255, 249, 238, .9);--glass-border: rgba(185, 113, 48, .18)}:root[data-theme=dark][data-background-preset=deep_space]{--primary-color: #8b5cf6;--primary-color-rgb: 139, 92, 246;--primary-hover: #7c3aed;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .22);--bg-primary: #0e1020;--bg-secondary: #15162a;--bg-tertiary: #211d3c;--bg-hover: #302958;--text-primary: #eeedff;--text-secondary: #b6b2d8;--text-dim: #8580aa;--text-muted: #686287;--border-color: rgba(146, 120, 255, .22);--glass-bg: rgba(16, 17, 32, .96);--glass-border: rgba(146, 120, 255, .2)}:root[data-theme=light][data-background-preset=deep_space]{--primary-color: #6d5dfc;--primary-color-rgb: 109, 93, 252;--primary-hover: #5b4de0;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .18);--bg-primary: #f1f0ff;--bg-secondary: #fbfbff;--bg-tertiary: #dfdef2;--bg-hover: #d0cdf0;--text-primary: #12111f;--text-secondary: #403d67;--text-dim: #595681;--text-muted: #706d92;--border-color: rgba(76, 64, 150, .18);--glass-bg: rgba(252, 252, 255, .92);--glass-border: rgba(76, 64, 150, .13)}:root[data-theme=onyx][data-background-preset=midnight]{--primary-color: #5865f2;--primary-color-rgb: 88, 101, 242;--primary-hover: #4752c4;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .22);--bg-primary: #050609;--bg-secondary: #030407;--bg-tertiary: #0b0d13;--bg-hover: #161923;--text-primary: #f2f4f8;--text-secondary: #b6bdc9;--text-dim: #848c9b;--text-muted: #636b7b;--border-color: rgba(100, 115, 170, .2);--glass-bg: rgba(3, 4, 7, .98);--glass-border: rgba(100, 115, 170, .16)}:root[data-theme=onyx][data-background-preset=soft_glow]{--primary-color: #f0a35b;--primary-color-rgb: 240, 163, 91;--primary-hover: #d3843f;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .24);--bg-primary: #120d09;--bg-secondary: #1b120b;--bg-tertiary: #2a1b10;--bg-hover: #3d2818;--text-primary: #fff3e2;--text-secondary: #d8b68e;--text-dim: #9f7f5d;--text-muted: #765b42;--border-color: rgba(240, 163, 91, .22);--glass-bg: rgba(20, 13, 8, .96);--glass-border: rgba(240, 163, 91, .18)}:root[data-theme=onyx][data-background-preset=deep_space]{--primary-color: #8b5cf6;--primary-color-rgb: 139, 92, 246;--primary-hover: #7c3aed;--primary-light: color-mix(in srgb, var(--primary-color) 68%, white);--primary-glow: rgba(var(--primary-color-rgb), .24);--bg-primary: #070712;--bg-secondary: #0c0b1d;--bg-tertiary: #15112e;--bg-hover: #21194a;--text-primary: #f1efff;--text-secondary: #b5afe1;--text-dim: #8179ad;--text-muted: #615983;--border-color: rgba(139, 92, 246, .24);--glass-bg: rgba(8, 8, 18, .96);--glass-border: rgba(139, 92, 246, .2)}*,*: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(--bg-primary);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:1px solid transparent;cursor:pointer;transition:var(--control-transition);white-space:nowrap;min-height:44px;line-height:1;font-family:inherit;text-decoration:none;-webkit-user-select:none;user-select:none}.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]),.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);border-color:var(--primary-color);color:var(--text-inverse, #fff)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:none;opacity:.92}.btn-danger{background:var(--danger-color);border-color:var(--danger-color);color:var(--text-inverse, #fff)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 82%,black);border-color:color-mix(in srgb,var(--danger-color) 82%,black)}.btn-danger:active:not(:disabled){transform:none;opacity:.92}.btn-danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--danger-color);color:var(--danger-color);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-danger-outline:hover:not(:disabled){background:var(--danger-color);color:var(--text-inverse, #fff)}.btn-danger-outline:active:not(:disabled){transform:none;opacity:.9}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn-danger:focus-visible,.btn-danger-outline:focus-visible{outline:2px solid color-mix(in srgb,var(--danger-color) 65%,transparent);outline-offset:2px}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;gap:10px}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);color:var(--text-primary)}.btn-secondary.active:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse, #fff)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.nav-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;transition:var(--control-transition)}.nav-btn:hover{background:var(--surface-control-hover)}.nav-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse);font-weight:500}.nav-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.glass-panel,.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.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:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:var(--control-transition);outline:none}.form-input:focus,.form-input:focus-visible{border-color:var(--input-border-focus);background:var(--input-bg-focus);outline:none}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s}:root[data-theme=light] .form-input{background:color-mix(in srgb,var(--surface-control) 72%,white);border-color:var(--input-border)}:root[data-theme=light] .form-input:-webkit-autofill,:root[data-theme=light] .form-input:-webkit-autofill:hover,:root[data-theme=light] .form-input:-webkit-autofill:focus,:root[data-theme=light] .form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--surface-control) 72%,white) inset!important;box-shadow:0 0 0 1000px color-mix(in srgb,var(--surface-control) 72%,white) inset!important}.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:var(--surface-danger-soft);border:1px solid color-mix(in srgb,var(--danger-color) 34%,var(--border-color));color:var(--danger-color)}.app{height:100vh;width:100vw;background:var(--public-page-bg);overflow:hidden;position:relative}.app .fade-in{animation:fadeInGlobal .8s cubic-bezier(.4,0,.2,1) both}.app.app--app-route{background:var(--bg-primary)}@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(max-width:768px){.app-content-wrapper{overscroll-behavior-x:contain;height:100%;min-height:0;transition:transform .2s var(--murmur-panel-slide-ease);will-change:transform;overflow:visible}}@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)}:root[data-shell-density=spaced] .right-panels-wrapper>.docked-chat-panel,:root[data-shell-density=spaced] .forum-thread-portal,:root[data-shell-density=spaced] .voice-chat-portal{border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:var(--radius-lg);overflow:hidden}.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}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video]),:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video]){border:none;border-radius:0;background:transparent;overflow:visible;gap:8px}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video])>.dm-topbar-shell,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video])>.dm-topbar-shell{border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);flex-shrink:0}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video])>.dm-topbar-shell .chat-header-unified,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video])>.dm-topbar-shell .chat-header-unified{border-bottom:none}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video])>.chat-area-container,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video])>.chat-area-container{background:transparent;overflow:visible;min-height:0}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video]) .chat-messages-column,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video]) .chat-messages-column{gap:8px}:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video]) .dm-main-chat{gap:8px}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video]) .chat-messages-body,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video]) .chat-messages-body{border:1px solid color-mix(in srgb,var(--border-color) 55%,transparent);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);min-height:0}:root[data-shell-density=spaced] .chat[data-view=server]:not([data-main-view=video]) .chat-input-area,:root[data-shell-density=spaced] .chat[data-view=dm]:not([data-main-view=video]) .chat-input-area{padding:0}}@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}:root[data-shell-density=flush] .mobile-nav-wrapper .server-selector{border:none;border-radius:0}:root[data-shell-density=flush] .mobile-nav-wrapper .sidebar{border:none;border-radius:0}:root[data-shell-density=flush] .chat{border:none;border-radius:0}:root[data-shell-density=flush] .chat-messages-column{border:none!important;border-radius:0!important}:root[data-shell-density=flush] .members-panel,:root[data-shell-density=flush] .side-panel{border:none;border-radius:0}:root[data-shell-density=flush] .right-panels-wrapper{gap:0;border-left:1px solid var(--border-color)}:root[data-shell-density=flush] .members-panel.closed,:root[data-shell-density=flush] .side-panel.closed{margin-left:0!important;margin-right:0!important}:root[data-shell-density=flush] .right-panels-wrapper>*+*{border-left:1px solid var(--border-color)}}:root[data-shell-density=flush] .server-selector{border:none;border-radius:0}:root[data-shell-density=flush] .sidebar{border-right:none;border-radius:0}:root[data-shell-density=flush] .video-grid-container{--vg-radius: 0}:root[data-shell-density=flush] .video-grid-ambient{border-radius:0}.join-screen{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:transparent;position:relative;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;transition:background .8s cubic-bezier(.4,0,.2,1)}.join-screen-scroll{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:stretch;justify-content:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-block:88px}.join-screen:before{content:none}@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:100%;height:100%;flex:1 1 auto;min-height:0;background:transparent;position:relative;z-index:1;overflow:hidden}.join-info-side{flex:1.2;background-image:url(/img/banner.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.join-logo-overlay{position:absolute;top:max(1rem,env(safe-area-inset-top) + .75rem);left:max(1rem,env(safe-area-inset-left) + .75rem);z-index:10;display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary)}.join-logo-overlay-text{font-size:1.1rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary)}.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:var(--surface-control);border-radius:var(--radius-lg);padding:6px;border:1px solid var(--input-border);margin-bottom:clamp(1.5rem,4vw,2.5rem)}.join-saved-accounts{display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px;margin-bottom:clamp(1rem,3vw,1.5rem)}.join-saved-accounts__label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-left:4px}.join-saved-account{display:flex;align-items:center;gap:4px}.join-saved-account__use{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-control);border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);-webkit-tap-highlight-color:transparent}.join-saved-account__use:hover:not(:disabled){border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-control))}.join-saved-account__use:disabled{opacity:.6;cursor:default}.join-saved-account__name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-saved-account__busy{margin-left:auto;font-size:.8rem;color:var(--text-dim)}.join-saved-account__remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.join-saved-account__remove:hover{color:var(--danger-color);background:rgba(var(--danger-rgb),.1)}.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 6px 18px color-mix(in srgb,var(--primary-color) 30%,transparent)}.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:var(--text-inverse)}.join-form-fields{width:100%;max-width:420px;gap:1.5rem}.join-steps{display:flex;align-items:center;gap:12px}.join-steps-back{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-left:-10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.85rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.join-steps-back:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.join-steps-back:disabled{opacity:0;pointer-events:none}.join-steps-track{display:flex;gap:6px;flex:1;justify-content:center}.join-steps-track i{width:22px;height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-primary) 14%,transparent);transition:background .25s ease}.join-steps-track i.is-done{background:var(--primary-color)}.join-steps-count{font-size:.8rem;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}@keyframes joinStepIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media(max-width:768px){.join-step-pane{animation:joinStepIn .22s cubic-bezier(.2,.8,.2,1) both}}@media(prefers-reduced-motion:reduce){.join-step-pane{animation:none}}.info-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:12px;transition:transform .3s ease;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.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:var(--text-inverse);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 22%,transparent)}.join-form-side{position:relative;flex:0 0 clamp(380px,38vw,520px);padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3.5vw,3rem);display:flex;flex-direction:column;justify-content:center;min-width:0;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-subtle);overflow-y:auto}@media(max-width:1024px){.join-screen{background:var(--bg-primary)}.join-logo-overlay{display:flex}.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,.join-mobile-brand{display:none}.join-form-side{padding:clamp(1rem,4vw,2rem);padding-top:clamp(3.25rem,9vw,4.5rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom));min-height:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:480px;margin-inline:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:none;overflow-y:visible}.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{max-width:none;margin-bottom:1.25rem}.join-form{gap:1.25rem}.join-form-fields{max-width:none;gap:1.1rem}.join-panel-header{margin-bottom:1rem}}@media(max-width:480px){.join-screen-scroll{align-items:flex-start}.join-screen{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:1rem}}.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:var(--murmur-sheet-backdrop, rgba(0, 0, 0, .55));overflow-y:auto;-webkit-overflow-scrolling:touch}.join-slide-viewport{position:relative;width:100%;overflow:hidden}.join-slide-track{display:flex;align-items:stretch;width:200%;transition:transform .44s cubic-bezier(.16,1,.3,1)}.join-slide-track--alt{transform:translate(-50%)}.join-slide-pane{flex:0 0 50%;min-width:0;display:flex;flex-direction:column;justify-content:center}@media(prefers-reduced-motion:reduce){.join-slide-track{transition-duration:.01ms}}.join-recovery-card{width:min(100%,480px);max-height:min(90vh,90dvh);overflow-y:auto;margin:auto;padding:clamp(1.5rem,4vw,2rem);box-sizing:border-box;background:var(--surface-card);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl)}:root[data-theme=light] .join-recovery-card{background:var(--surface-card);border-color:var(--glass-border);box-shadow:var(--shadow-lg)}.join-recovery-card__header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.join-recovery-card__icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(var(--primary-color-rgb),.12);border:1px solid rgba(var(--primary-color-rgb),.22);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.join-recovery-card__title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);margin:0;line-height:1.2}.join-recovery-card__desc{color:var(--text-dim);font-size:.9375rem;line-height:1.55;margin:0 0 1.25rem}.join-recovery-key-display{padding:1rem 1.125rem;border-radius:var(--radius-md);font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.9375rem;font-weight:600;letter-spacing:.06em;word-break:break-all;line-height:1.65;color:var(--primary-color);background:var(--bg-tertiary);border:1px solid color-mix(in srgb,var(--primary-color) 24%,var(--glass-border))}.join-recovery-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.join-recovery-actions .btn{flex:1 1 140px;min-height:48px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.join-recovery-back{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:0;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-dim);transition:color .15s ease}.join-recovery-back:hover{color:var(--text-primary)}.join-recovery-card__subtitle{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.join-recovery-success-msg{text-align:center;font-weight:600;color:var(--success-color);margin:0 0 1rem;font-size:.95rem}@media(max-width:480px){.join-recovery-actions{flex-direction:column-reverse;align-items:stretch}.join-recovery-actions .btn{flex:1 1 auto;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.fade-in{animation:fadeIn var(--transition-normal) forwards}.sidebar{width:260px;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);background:var(--bg-secondary);display:flex;flex-direction:column;height:100%;border-top-left-radius:12px;overflow:hidden}.sidebar .sidebar-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;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 12px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);border-radius:var(--radius-sm);margin:2px 8px;transition:all var(--transition-fast)}.user-item.same-account-other-session{opacity:.56}.voice-channel-users-list .user-item{margin-left:4px;padding-left:12px;gap:10px;overflow:visible!important;font-size:.82rem}.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)}.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: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-header--server{height:120px;padding:12px 16px 0;position:relative;overflow:hidden;background:transparent;transition:padding-bottom .25s ease;align-items:flex-start}.sidebar-header--server:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000000d1,#0000008c 60%,#00000040);pointer-events:none;z-index:1}.sidebar-header-banner-bg{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);object-fit:cover;object-position:center top;pointer-events:none;z-index:0}.sidebar-header--server:has(.sidebar-header-banner-bg):after{content:"";position:absolute;top:0;left:0;right:0;height:48px;background:#00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.18);z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.sidebar-header--server:has(.sidebar-header-banner-bg):has(.sidebar-header-main-row:hover):after{opacity:1}.sidebar-header--server>*:not(.sidebar-header-banner-bg){position:relative;z-index:3}.sidebar-header-main-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%}.sidebar-channel-info{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-server-member-count{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.sidebar-server-member-count--below{margin-left:6px}.sidebar-server-invite-btn{border:none;background:transparent;color:var(--text-secondary);width:24px;height:24px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-server-invite-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.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 var(--transition-fast)}.channel-section-header:hover .channel-section-header-toggle{color:#fff}.channel-section-header-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;color:var(--primary-color)}.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{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 var(--transition-fast)}.channel-section-header:hover .channel-add-btn{color:#fff}.channel-add-btn:focus-visible,.channel-row-action:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;color:var(--primary-color)}.channel-voice-block{display:flex;flex-direction:column;min-width:0}.channel-nested{padding-left:0}.channel-sortable-wrap{width:100%;min-width:0;box-sizing:border-box}.channel-row{position:relative;display:flex;align-items:center;width:100%;min-width:0;margin:1px 0;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.channel-sortable-wrap--hover-actions .channel-row.channel-row--active,.channel-sortable-wrap--hover-actions:hover .channel-row{background:var(--bg-hover)}.channel-sortable-wrap--hover-actions .channel-item{flex:1 1 auto;min-width:0;width:auto;max-width:100%;margin:0;background:transparent}.channel-sortable-wrap--hover-actions .channel-item:hover,.channel-sortable-wrap--hover-actions .channel-item.active{background:transparent}.channel-item--noninteractive{opacity:.45}.channel-row-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-shrink:0;gap:1px;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}.channel-sortable-wrap--hover-actions:hover .channel-row-actions,.channel-sortable-wrap--hover-actions .channel-row--active .channel-row-actions{opacity:1;visibility:visible}.channel-row-action{background:none;border:none;color:var(--text-dim);cursor:pointer;width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color .15s,background .15s}.channel-row-action:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-hover) 88%,transparent)}.channel-sortable-wrap--hover-actions:hover .channel-item{color:var(--text-primary);padding-right:58px}.channel-sortable-wrap--hover-actions:hover .channel-item .channel-icon{opacity:1}.channel-sortable-wrap--hover-actions:hover .channel-item.unread:not(.active){color:#fff}.channel-sortable-wrap--hover-actions:hover .channel-item.unread:not(.active) .channel-icon{color:#fff;opacity:1}.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:1px 0;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);text-align:left}.channel-unread-dot{width:4px;height:4px;background-color:#fff;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);flex-shrink:0}.channel-item:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;color:var(--primary-color)}.channel-item.active{background:var(--bg-hover);color:var(--text-primary);opacity:1;font-weight:500}.channel-item.unread{color:#fff}.channel-icon{flex-shrink:0;opacity:.6;color:inherit}.channel-item.unread .channel-icon,.channel-item.unread .channel-name{color:#fff;opacity:1}.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;min-width:0;height:20px;margin-left:6px;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.channel-sortable-wrap--hover-actions:hover .channel-item-badge-slot{visibility:hidden}.channel-item .mention-ping-badge{margin-left:0}.channel-sidebar-typing-dots{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;color:var(--primary-color)}.channel-sidebar-typing-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:typingBounce 1.4s infinite ease-in-out both}.channel-sidebar-typing-dots span:nth-child(2){animation-delay:.16s}.channel-sidebar-typing-dots span:nth-child(3){animation-delay:.32s}.voice-channel-users{padding:4px 12px 4px 32px;display:flex;flex-direction:column;gap:2px}.voice-channel-user{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-secondary);transition:background var(--transition-fast)}.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}.channel-modal{max-width:420px}.channel-type-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.channel-type-picker-three{gap:6px}.channel-type-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.channel-type-picker-grid .channel-type-option{padding:10px 12px;gap:10px}.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:color-mix(in srgb,var(--text-dim) 20%,var(--bg-tertiary));color:var(--text-primary);flex-shrink:0}.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;width:244px;box-sizing:border-box;padding:8px;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);transition:transform .3s cubic-bezier(.4,0,.2,1)}.voice-widget.dragging{cursor:grabbing;transition:none!important}.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-header{position:relative;display:flex;align-items:center;padding-right:32px;min-height:38px}.voice-widget-header .voice-status{flex:1;min-width:0}.voice-widget-fold-btn{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.voice-widget-fold-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-widget--folded{overflow:hidden}.voice-widget-separator{height:1px;width:100%;background:#ffffff0f;margin:4px 0}.voice-controls-row{display:flex;align-items:center;gap:4px;padding:2px 0}.voice-ctrl-btn{display:flex;align-items:center;justify-content:center;flex:1;height:34px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-tertiary) 60%,transparent);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.voice-ctrl-btn svg{transform:scale(1);transform-origin:center;transition:transform .12s cubic-bezier(.2,.8,.2,1)}.voice-ctrl-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 32%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--text-primary) 12%,transparent)}.voice-ctrl-btn:active:not(:disabled) svg{animation:none;transform:scale(.82);transition-duration:.06s}.voice-ctrl-btn:is(:hover,:focus-visible):not(:disabled) svg{animation:iconNavUsersWobble .42s cubic-bezier(.34,1.45,.64,1)}.voice-ctrl-btn--stream:is(:hover,:focus-visible):not(:disabled) svg{animation:iconNavCompassScan .5s cubic-bezier(.33,1,.68,1)}.voice-ctrl-btn.active{background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color));color:var(--primary-color)}.voice-ctrl-btn.active:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 20%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--primary-color) 68%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color) 24%,transparent)}.voice-ctrl-btn--stream.active{background:color-mix(in srgb,var(--success-color) 14%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--success-color) 40%,var(--border-color));color:var(--success-color)}.voice-ctrl-btn--stream.active:hover:not(:disabled){background:color-mix(in srgb,var(--success-color) 20%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--success-color) 68%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--success-color) 24%,transparent)}.voice-ctrl-btn.danger{background:color-mix(in srgb,var(--danger-color) 14%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--danger-color) 40%,var(--border-color));color:var(--danger-color)}.voice-ctrl-btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 20%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--danger-color) 68%,var(--border-color));box-shadow:0 0 0 1px color-mix(in srgb,var(--danger-color) 24%,transparent)}.voice-ctrl-btn--raise-hand{color:var(--text-secondary)}.voice-ctrl-btn--raise-hand.active{background:color-mix(in srgb,#fbbf24 14%,var(--bg-tertiary));border-color:color-mix(in srgb,#fbbf24 50%,var(--border-color));color:#fbbf24;box-shadow:0 0 0 1px color-mix(in srgb,#fbbf24 24%,transparent)}.voice-ctrl-btn--raise-hand.active:hover:not(:disabled){background:color-mix(in srgb,#fbbf24 22%,var(--bg-tertiary))}.voice-ctrl-btn--disconnect{background:color-mix(in srgb,var(--danger-color) 10%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--danger-color) 30%,var(--border-color));color:var(--danger-color)}.voice-ctrl-btn--disconnect:hover:not(:disabled){background:color-mix(in srgb,var(--danger-color) 22%,var(--bg-tertiary));border-color:color-mix(in srgb,var(--danger-color) 68%,var(--border-color));color:var(--danger-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger-color) 24%,transparent)}.voice-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.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:1rem 0 .5rem;scrollbar-gutter:stable;overflow-anchor:none;min-height:0;display:flex;flex-direction:column}.messages-scroll-inner{min-height:0;display:flex;flex-direction:column}.messages>.messages-scroll-inner{min-height:100%}.virtual-messages-list{flex:0 0 auto;width:100%;position:relative}.virtual-messages-list__sizer{min-height:0}.virtual-message-row{box-sizing:border-box;will-change:transform}.mobile-nav-wrapper{display:flex;height:100%}@media(min-width:769px){.mobile-nav-wrapper--grid-home{flex:0 0 auto}}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}@media(min-width:769px){.sidebar-wrapper{box-sizing:border-box;width:260px;flex:0 0 260px;flex-shrink:0;align-self:stretch;overflow:hidden;visibility:visible;transition:width var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),flex-basis var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),margin-right var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease)}.sidebar-wrapper .sidebar{width:100%;min-width:0;box-sizing:border-box}.sidebar-wrapper .sidebar .sidebar-main{opacity:1;transition:opacity var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease)}.sidebar-wrapper.closed .sidebar .sidebar-main{opacity:0}.sidebar-wrapper.closed .voice-widget{pointer-events:auto}.sidebar-wrapper.closed{width:0;flex:0 0 0;min-width:0;border:none;pointer-events:none;margin-right:-8px}:root[data-shell-density=flush] .mobile-nav-wrapper .sidebar-wrapper.closed{margin-right:0}.mobile-nav-wrapper .sidebar-wrapper.closed{background:transparent}}.server-selector{width:72px;background-color:var(--bg-secondary);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;min-height:0;z-index:20;transition:width var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),transform var(--murmur-panel-slide-duration) var(--murmur-panel-slide-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;min-height:0;overflow:hidden}.server-list>.server-icon-btn,.server-list>.server-separator{flex-shrink:0}.server-sortable-rail{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto}.server-sortable-wrap{flex-shrink:0;display:flex;justify-content:center;width:100%;isolation:isolate;position:relative}.server-sortable-wrap[draggable=true]{cursor:grab}.server-sortable-wrap--dragging{opacity:.58;cursor:grabbing}.server-sortable-wrap--drag-over .server-icon-btn{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:12px}.channel-sortable-wrap[draggable=true]{cursor:grab}.channel-sortable-wrap--dragging{opacity:.45;cursor:grabbing}.channel-sortable-wrap--drag-over>.channel-row,.channel-sortable-wrap--drag-over>.channel-section-header{outline:2px solid var(--primary-color);outline-offset:-2px;border-radius:var(--radius-xs);background:var(--bg-hover)}.channel-voice-block--drag-over{outline:2px solid var(--primary-color);outline-offset:-2px;border-radius:var(--radius-xs);background:var(--bg-hover)}.channel-sortable-root{display:flex;flex-direction:column;width:100%;min-width:0}.server-sortable-rail::-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,.server-icon-btn .user-avatar-content{border-radius:inherit!important;overflow:hidden;flex-shrink:0;transition:border-radius var(--transition-spring)}.server-icon-btn:hover{border-radius:var(--radius-lg);background:var(--bg-hover);color:var(--text-primary)}.server-icon-btn.active{border-radius:var(--radius-lg);background:var(--primary-color);color:#fff}.server-icon-btn.active:hover{background:var(--primary-hover);color:#fff}.server-sortable-wrap:before{content:"";position:absolute;left:calc(50% - var(--server-rail-icon-half, 24px) - 10px);top:50%;transform:translateY(-50%) scaleY(.2);width:4px;height:40px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-color);opacity:0;transform-origin:center;z-index:1;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.server-sortable-wrap:hover:not(.server-sortable-wrap--active-server):before{opacity:1;transform:translateY(-50%) scaleY(.5)}.server-sortable-wrap--hover:not(.server-sortable-wrap--active-server):before{opacity:1;transform:translateY(-50%) scaleY(.5)}.server-sortable-wrap--active-server:before{opacity:1;transform:translateY(-50%) scaleY(1)}.server-sortable-wrap--active-server:hover:before{opacity:1;transform:translateY(-50%) scaleY(1)}.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,.server-icon-btn.server-rail-nav:not(.active){background:transparent;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--text-primary) 22%,transparent)}.server-icon-btn.action:hover,.server-icon-btn.server-rail-nav:not(.active):hover{background:var(--bg-hover);color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 38%,transparent)}.server-list>.server-icon-btn.action:is(:hover,:focus-visible) svg{animation:iconQuarterTurn .35s cubic-bezier(.34,1.56,.64,1)}.server-footer .server-icon-btn.action:is(:hover,:focus-visible) svg{animation:iconGearSpin .6s cubic-bezier(.4,0,.2,1)}.server-sortable-wrap>.server-rail-plain-unread-dot{--server-rail-unread-pill-height: 10px;position:absolute;left:calc(50% - var(--server-rail-icon-half, 24px) - 10px);top:50%;transform:translateY(-50%);width:4px;height:var(--server-rail-unread-pill-height);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-color);box-sizing:border-box;box-shadow:0 1px 2px #00000059;z-index:2;pointer-events:none;opacity:1;transition:opacity .18s ease,transform .18s cubic-bezier(.4,0,.2,1)}.server-sortable-wrap:hover>.server-rail-plain-unread-dot,.server-sortable-wrap--hover>.server-rail-plain-unread-dot{opacity:0;transform:translateY(-50%) scaleY(.7)}.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:1px;right:1px;width:19px;height:19px;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:17px;top:1px}.server-voice-badge.has-voice-others{color:var(--text-muted)}.server-voice-badge.server-voice-badge--remote{background:color-mix(in srgb,var(--bg-tertiary) 88%,var(--text-dim) 12%);color:var(--text-muted);border-color:color-mix(in srgb,var(--border-color) 80%,transparent);box-shadow:none}.server-voice-badge.server-voice-badge--remote svg{color:var(--text-muted)}.server-voice-badge svg{width:12px;height:12px;transform-origin:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.server-icon-btn:hover .server-voice-badge svg,.server-icon-btn:focus-visible .server-voice-badge svg{transform:rotate(-14deg)}.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)}to{transform:rotate(90deg)}}@keyframes iconGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconNavUsersWobble{0%{transform:rotate(0)}35%{transform:rotate(-11deg)}65%{transform:rotate(9deg)}to{transform:rotate(0)}}@keyframes iconNavCompassScan{0%{transform:rotate(0)}35%{transform:rotate(-22deg)}65%{transform:rotate(16deg)}to{transform:rotate(0)}}.server-icon-btn.server-rail-nav--messages:is(:hover,:focus-visible) svg,.server-icon-btn.server-rail-nav--messages.active:is(:hover,:focus-visible) svg{animation:iconNavUsersWobble .42s cubic-bezier(.34,1.45,.64,1)}.server-icon-btn.server-rail-nav--home:is(:hover,:focus-visible) svg,.server-icon-btn.server-rail-nav--home.active:is(:hover,:focus-visible) svg{animation:iconNavCompassScan .5s cubic-bezier(.33,1,.68,1)}.server-footer{padding-top:12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;width:100%}.server-footer-account-cluster{display:flex;flex-direction:column;align-items:center;gap:6px;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}.dm-topbar-shell{overflow:hidden;transition:max-height .22s ease,opacity .18s ease,transform .22s ease;max-height:56px}.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-title-with-security{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}.dm-title-with-security>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-e2ee-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-color);font-size:.7rem;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0}.dm-e2ee-chip.is-active{color:var(--success-color);border-color:color-mix(in srgb,var(--success-color) 45%,var(--border-color));background:color-mix(in srgb,var(--success-color) 12%,transparent)}.dm-e2ee-chip.is-inactive{color:var(--text-dim);background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent)}.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)}.channel-header-topic-divider{width:1px;align-self:stretch;margin:4px 10px;background:var(--border-color);flex:0 0 auto}.channel-header-topic{min-width:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:13px;font-weight:400}.header-server-title-btn--members svg{transition:transform .16s ease}.header-server-title-btn--members[aria-pressed=true] svg{transform:rotate(90deg)}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-actions .murmur-field--collapsible:not(.expanded),.chat-header-actions .murmur-field--collapsible:not(.expanded):hover,.chat-header-actions .murmur-field--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-field--collapsible:not(.expanded):hover{background:var(--bg-hover)!important}.chat-header-actions .murmur-field--collapsible:not(.expanded) .murmur-search-icon{color:var(--text-secondary);cursor:pointer;stroke-width:2}.chat-header-actions .murmur-field--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,.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:var(--murmur-sheet-backdrop, rgba(0, 0, 0, .55));backdrop-filter:none;-webkit-backdrop-filter:none;position:fixed;top:0;right:0;bottom:0;left:0}.settings-modal-content{position:absolute;left:0;right:0;bottom:0;padding-top:48px;padding-bottom:env(safe-area-inset-bottom,0px);width:100%;height:var(--murmur-sheet-max-h, 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-primary);border-top:1px solid var(--border-subtle);box-shadow:0 12px 32px color-mix(in srgb,#000 28%,transparent);display:flex;flex-direction:column;box-sizing:border-box;transform:translate3d(0,100%,0);transition:transform var(--murmur-sheet-duration, .38s) var(--murmur-sheet-ease);will-change:transform;contain:layout paint style}.settings-modal-overlay.open .settings-modal-content{transform:translateZ(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-primary)}.settings-modal-content .settings-sidebar,.settings-modal-content .settings-layout.mobile-in-section .settings-mobile-home{display:none}.settings-modal-content .settings-layout:not(.mobile-in-section) .settings-main{display:none}.settings-modal-content .settings-main{min-height:0;background:var(--bg-primary)}.settings-modal-content .settings-close-container{display:none}.modal-swipe-handle{display:flex!important;position:absolute;top:0;left:0;right:0;width:100%;min-height:44px;z-index:40;margin:0;padding:13px 0 0;border:none;background:transparent;cursor:grab;touch-action:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;align-items:flex-start;justify-content:center;box-sizing:border-box}.modal-swipe-handle__pill{width:48px;height:5px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-primary) 42%,transparent);flex-shrink:0;pointer-events:none;transition:width var(--murmur-sheet-duration, .42s) var(--murmur-sheet-ease),background var(--murmur-sheet-duration, .42s) var(--murmur-sheet-ease),transform var(--murmur-sheet-duration, .42s) var(--murmur-sheet-ease)}.modal-content.sheet-dragging .modal-swipe-handle__pill,.settings-modal-content.sheet-dragging .modal-swipe-handle__pill{width:56px;background:color-mix(in srgb,var(--text-primary) 64%,transparent)}.modal-swipe-handle:active{cursor:grabbing}.modal-swipe-handle:active .modal-swipe-handle__pill{transform:scaleY(.82);background:color-mix(in srgb,var(--text-primary) 56%,transparent)}.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-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:transparent;z-index:999;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block;right:0;bottom:0}.mobile-nav-wrapper{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:1001;transform:translate(-100%);background:var(--bg-secondary);display:flex;box-shadow:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-nav-wrapper.mobile-nav-wrapper--swiping{transition:none!important}.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}.chat{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.app-layout-container{height:var(--murmur-mobile-vv-height, 100dvh);overflow:hidden}.app-content-wrapper[data-mobile-menu-open=true]{transform:translate(100vw)}.app-content-wrapper.app-content-wrapper--swiping{transition:none!important}.messages{padding-bottom:0}.mobile-search-inline-panel{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 64px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px + var(--murmur-mobile-kb, 0px));z-index:1700;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.mobile-search-inline-panel .side-panel-content{min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain}.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;overflow-y:auto;scroll-behavior:auto;scrollbar-gutter:stable;overflow-anchor:none}@media(max-width:768px){.messages,.messages-container{-ms-overflow-style:none;scrollbar-width:none}.messages::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:0;height:0;display:none}}.messages-container>.messages-scroll-inner{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.messages-container.messages-container--hydrating-cached>.messages-scroll-inner{visibility:hidden}.messages-container>.messages-scroll-inner>.message-item--stacked{margin-top:.125rem}.messages-container>.messages-scroll-inner>.message-item:not(.message-item--stacked){margin-top:.75rem}.messages-container>.messages-scroll-inner>.message-item:first-of-type{margin-top:0}.messages-spacer{flex:1}.messages-edge-sentinel{height:1px;width:100%;pointer-events:none}.messages-bottom-reserve{flex:0 0 32px;height:32px;min-height:32px;width:100%;background:transparent;pointer-events:none}.timeline-loading-older{display:flex;align-items:center;justify-content:center;min-height:24px;color:var(--text-dim);opacity:.8}.timeline-loading-older svg{animation:spin .85s linear infinite}.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:not(:has(>svg)){display:block}.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)}.context-menu-item.danger:hover:not(:disabled) svg,.context-menu-item.danger:focus-visible svg{color:var(--danger-color);opacity:1}: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))}.empty-chat-state,.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.server-channel-skeleton{flex:1;min-height:0;padding-top:16px;background:var(--bg-primary)}.server-channel-skeleton .messages-list{margin:0}.empty-chat-state--channel-welcome,.empty-chat-state--dm-welcome{margin-top:40px;margin-bottom:20px}.empty-state-dm-avatar{width:80px;height:80px;margin-bottom:16px}.empty-chat-state .empty-state-icon-wrapper{width:56px;height:56px;flex-shrink:0}.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)}.empty-state-icon-wrapper--server{background:transparent;overflow:hidden}.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%;transition:transform .12s ease}.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}.empty-state-text--welcome{min-height:3rem;transition:color .35s ease}.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:var(--msg-group-spacing, .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);touch-action:pan-y}.message-item.is-stacked{margin-top:.125rem}.message-item.swipe-reply-ready .message-item-motion-wrap{box-shadow:inset 3px 0 color-mix(in srgb,var(--primary-color) 80%,transparent)}.message-swipe-reply-indicator{position:absolute;right:14px;top:50%;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);background:color-mix(in srgb,var(--bg-tertiary) 88%,transparent);color:var(--text-secondary);pointer-events:none;z-index:0;will-change:transform,opacity;transition:color .12s ease,border-color .12s ease,background .12s ease}.message-swipe-reply-indicator.is-ready{color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 56%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 16%,var(--bg-tertiary))}.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}.message-item.system{justify-content:center;flex-direction:row;padding:.5rem 1rem;margin:12px 0;opacity:.7}.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}.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:var(--murmur-sheet-backdrop, rgba(0, 0, 0, .55));z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--murmur-sheet-backdrop-duration, .34s) var(--murmur-sheet-backdrop-ease, cubic-bezier(.32, .72, 0, 1)),visibility 0s linear var(--murmur-sheet-backdrop-duration, .34s)}.settings-modal-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}@media(min-width:769px){.settings-modal-content{position:relative;width:min(94vw,1440px);height:min(90dvh,920px);max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);border-radius:var(--radius-lg);background:var(--bg-primary);box-shadow:0 16px 44px color-mix(in srgb,#000 34%,transparent),0 0 0 1px color-mix(in srgb,#fff 4%,transparent);opacity:0;transform:translate3d(0,8px,0) scale(.94);transition:opacity var(--murmur-sheet-duration, .26s) var(--murmur-sheet-ease),transform var(--murmur-sheet-duration, .26s) var(--murmur-sheet-ease);will-change:opacity,transform;contain:layout paint style}.settings-modal-content .settings-layout{width:100%;height:100%;border-radius:inherit}.settings-modal-content .settings-close-container{position:absolute;top:18px;right:20px}.settings-modal-overlay.open .settings-modal-content{opacity:1;transform:translateZ(0) scale(1)}}.modal-swipe-handle{display:none}.message-username{font-size:1rem;font-weight:600;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:10px;min-width:0;max-width:100%;flex-wrap:wrap}.user-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-xs);vertical-align:middle;flex-shrink:0;line-height:1;cursor:default;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.02em}.user-badge--icon-only{padding:4px;border-radius:50%}.user-badge--bot{background:#5865f2;color:#fff}.user-badge--pioneer{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color);border:1px solid color-mix(in srgb,var(--primary-color) 20%,transparent)}.user-badge--compact{font-size:.62rem;padding:2.5px 6px;letter-spacing:.03em;gap:3.5px;margin-inline-start:2px}.user-badge-icon{flex-shrink:0}.user-badge-text{font-family:inherit}.profile-badges-category-container{display:flex;flex-wrap:wrap;gap:8px;padding:4px 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:10px;flex-wrap:nowrap;max-width:100%;min-width:0}.video-tile-bot-badge{flex-shrink:0}.message-timestamp{font-size:.7rem;color:var(--text-dim);font-weight:500;margin-left:.25rem;height:1.25rem;line-height:1.375rem;vertical-align:baseline;opacity:.6}.message-text{font-size:var(--msg-font-size, 15px);line-height:1.375rem;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;font-weight:400;display:block}: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.is-jumbo-emoji{font-size:2.75rem;line-height:1.15}.message-markdown{display:contents}.message-markdown>:first-child{margin-top:0}.message-markdown>:last-child{margin-bottom:0}.message-markdown p{margin:0}.message-markdown>p:only-child{display:inline}.message-markdown p+p,.message-markdown p+ul,.message-markdown p+ol,.message-markdown ul+p,.message-markdown ol+p,.message-markdown pre+p{margin-top:.55rem}.message-markdown ul,.message-markdown ol{margin:.45rem 0 .45rem 1.25rem;padding:0;white-space:normal}.message-markdown li{margin:0}.message-markdown li>p{margin:0}.message-markdown li+li{margin-top:.18rem}.message-markdown ul+ul,.message-markdown ol+ol,.message-markdown ul+ol,.message-markdown ol+ul{margin-top:.12rem}.message-markdown blockquote{margin:.5rem 0;padding:.15rem 0 .15rem .75rem;border-left:2px solid color-mix(in srgb,var(--primary-color) 38%,var(--border-color));color:var(--text-muted)}.message-markdown code{padding:.1rem .28rem;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--bg-primary) 78%,var(--bg-tertiary));color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em}.message-markdown pre{max-width:min(100%,720px);margin:.5rem 0;padding:.75rem .85rem;overflow-x:auto;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-primary) 86%,#000);border:1px solid color-mix(in srgb,var(--border-color) 75%,transparent)}.message-markdown pre code{padding:0;background:transparent}.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;border-radius:var(--radius-sm);width:fit-content;max-width:100%;transition:background .15s ease,color .15s ease}.message-reply-preview:hover{background:var(--bg-modifier-active);color:var(--text-primary)}.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(--surface-card);padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-muted)}.reply-banner.fade-in{animation:replyBannerRise var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease) forwards}@keyframes replyBannerRise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.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-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:8px 16px 18px;background:transparent;flex-shrink:0}.chat-input-container{position:relative;display:flex;flex-direction:column;gap:8px;background:transparent}.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:background-color var(--transition-fast),color var(--transition-fast)}.staged-file-remove:hover{background:var(--danger-color, #ff4d4d);color:#fff}.chat-upload-status{width:100%;max-width:min(100%,420px);padding:10px 12px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));background:color-mix(in srgb,var(--bg-tertiary) 92%,var(--primary-color) 8%);box-shadow:0 1px color-mix(in srgb,var(--primary-color) 12%,transparent)}.chat-upload-status__row{display:flex;align-items:center;gap:10px;min-height:22px}.chat-upload-status__spinner{flex-shrink:0;color:var(--primary-color);animation:chat-upload-spin .85s linear infinite}.chat-upload-status__label{flex:1;min-width:0;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:var(--text-primary)}.chat-upload-status__pct{flex-shrink:0;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-muted)}.chat-upload-status__track{margin-top:10px;height:5px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--border-color));overflow:hidden}.chat-upload-status__fill{height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--primary-color) 88%,transparent),var(--primary-color),color-mix(in srgb,var(--primary-hover, var(--primary-color)) 95%,white));background-size:140% 100%;transition:width .12s ease-out;box-shadow:0 0 12px color-mix(in srgb,var(--primary-color) 35%,transparent)}@keyframes chat-upload-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.chat-upload-status__spinner{animation:none;opacity:.85}.chat-upload-status__fill{transition:none}}.chat-input-form{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;padding:10px;gap:8px;transition:background-color .16s ease,border-color .16s ease;border:1px solid var(--border-color);position:relative;width:100%;box-shadow:none}.chat-input-form:focus-within{border-color:color-mix(in srgb,var(--text-muted) 34%,var(--border-color));background:color-mix(in srgb,var(--bg-secondary) 88%,var(--text-primary) 6%)}.chat-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;font-family:inherit;padding:7px 2px;outline:none;resize:none;overflow:hidden;line-height:1.4;min-height:34px;max-height:160px;scrollbar-width:none}.chat-input-field::-webkit-scrollbar{display: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:30px;height:30px;min-width:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;margin:0}@media(hover:hover){.chat-send-btn{display:none}}.chat-send-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.chat-send-btn:disabled{background:transparent;color:var(--text-dim);opacity:.45;cursor:default}.chat-upload-btn{width:30px;height:30px;min-width:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);flex-shrink:0;margin:0}.chat-upload-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);flex-shrink:0;border-color:transparent}.chat-send-btn:focus-visible,.chat-upload-btn:focus-visible,.chat-emoji-btn:focus-visible{outline:none;background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn:focus-visible,.reaction-chip:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:768px){.chat-send-btn,.chat-upload-btn,.chat-emoji-btn{width:44px;height:44px;min-width:44px}}.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-lg);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 8px 18px -16px #000000bf}.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-skeleton{pointer-events:none;opacity:.85}.message-skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.message-skeleton-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:2px 0}.message-skeleton-header{display:flex;align-items:center;gap:8px}.message-skeleton-name{width:120px;height:14px;border-radius:var(--radius-xs)}.message-skeleton-timestamp{width:60px;height:10px;border-radius:var(--radius-xs);opacity:.6}.message-skeleton-line{height:12px;border-radius:var(--radius-xs)}.shimmer{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.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.shimmer{animation:none}}.message-media-image{width:auto;max-width:min(100%,720px);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:transparent}.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:auto;max-width:min(100%,720px);max-height:400px;height:auto;display:block;outline:none;object-fit:contain;min-height:0;background:transparent;border-radius:var(--radius-md)}@media(max-width:768px){.message-media-image,.message-media-video{width:min(82vw,320px);max-width:320px;max-height:45vh}}.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)}@keyframes message-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.voice-status{padding:0;display:flex;flex-direction:column;gap:2px;width:100%;min-width:0}.voice-status-row{display:flex;align-items:center;gap:5px;width:100%}.voice-status-title{color:var(--success-color);font-weight:700;font-size:.78rem;line-height:1.2;letter-spacing:.4px;white-space:nowrap}.voice-status-title--connecting{color:var(--warning-color)}.voice-status-timer{color:var(--text-dim);font-size:.7rem;font-variant-numeric:tabular-nums;margin-left:auto;flex-shrink:0}.voice-status-channel{color:var(--text-secondary);font-size:.72rem;line-height:1.2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item.system:hover{background:transparent!important}.message-system-content{background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem 1rem;border-radius:100px;font-size:.8rem;color:var(--text-dim);max-width:85%;text-align:center;border:1px solid rgba(255,255,255,.08);margin:.5rem auto;display:flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;box-shadow:0 4px 15px #0000001a;word-break:break-word;line-height:1.4}.message-system-content:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--accent-color, #6366f1);box-shadow:0 0 8px var(--accent-color, #6366f1);opacity:.8}:root[data-theme=light] .message-system-content{background:#00000008;border-color:#00000014;color:var(--text-color);box-shadow:0 4px 15px #0000000d}:root[data-theme=light] .message-system-content:before{background:var(--accent-color, #4f46e5);box-shadow:0 0 8px var(--accent-color, #4f46e5)}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.8rem;color:var(--primary-color);opacity:.8;height:24px}.chat-typing-indicator{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:.5rem;min-height:40px;padding:10px 24px 7px;color:var(--text-muted);font-size:.8rem;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-primary) 72%,transparent) 42%,var(--bg-primary) 100%);transition:opacity .14s ease}.chat-typing-indicator--visible{opacity:1}.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);position:relative;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;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.video-grid-main{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;width:100%;overflow:hidden;align-items:stretch}.video-grid-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:var(--vg-radius, var(--radius-lg));isolation:isolate;--vg-ambient: .12;--vg-screen-mix: 0}.video-grid-ambient__base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--bg-primary)}.video-grid-ambient__blobs{position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;opacity:calc(.34 + var(--vg-ambient) * .48);transition:opacity .22s ease}.video-grid-ambient__blob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(48px);mix-blend-mode:plus-lighter;pointer-events:none}.video-grid-ambient__blob--primary{width:min(165%,132vmin);height:min(155%,118vmin);background:radial-gradient(ellipse 95% 88% at 44% 46%,color-mix(in srgb,var(--primary-color) 42%,transparent) 0%,color-mix(in srgb,var(--primary-color) 12%,transparent) 48%,transparent 62%);animation:vg-organic-a 32s ease-in-out infinite}.video-grid-ambient__blob--green{width:min(155%,124vmin);height:min(148%,112vmin);background:radial-gradient(ellipse 92% 90% at 56% 44%,color-mix(in srgb,var(--success-color) 36%,transparent) 0%,color-mix(in srgb,var(--success-color) 10%,transparent) 46%,transparent 60%);animation:vg-organic-b 38s ease-in-out infinite;animation-delay:-10s}.video-grid-ambient__blob--mist{width:min(190%,155vmin);height:min(185%,150vmin);filter:blur(56px);opacity:.48;mix-blend-mode:screen;background:radial-gradient(ellipse 100% 95% at 50% 50%,color-mix(in srgb,var(--primary-color) 16%,transparent) 0%,color-mix(in srgb,var(--success-color) 12%,transparent) 38%,color-mix(in srgb,var(--primary-color) 6%,transparent) 58%,transparent 72%);animation:vg-organic-mist 46s ease-in-out infinite;animation-delay:-5s}.video-grid-ambient__blob--screen{width:min(140%,118vmin);height:min(135%,112vmin);opacity:calc(.14 + var(--vg-screen-mix) * (.4 + var(--vg-ambient) * .36));background:radial-gradient(ellipse 94% 92% at 50% 52%,color-mix(in srgb,hsl(198 56% 54%) 38%,transparent) 0%,color-mix(in srgb,hsl(198 40% 46%) 10%,transparent) 50%,transparent 64%);animation:vg-organic-c 42s ease-in-out infinite;animation-delay:-18s}@keyframes vg-organic-a{0%,to{transform:translate(-50%,-50%) translate(0) scale(1)}25%{transform:translate(-50%,-50%) translate(4%,-5%) scale(1.05)}50%{transform:translate(-50%,-50%) translate(-3%,4%) scale(.97)}75%{transform:translate(-50%,-50%) translate(-5%,-2%) scale(1.03)}}@keyframes vg-organic-b{0%,to{transform:translate(-50%,-50%) translate(0) scale(1) rotate(0)}30%{transform:translate(-50%,-50%) translate(-4%,5%) scale(1.06) rotate(-1.2deg)}60%{transform:translate(-50%,-50%) translate(5%,-4%) scale(.96) rotate(1deg)}}@keyframes vg-organic-mist{0%,to{transform:translate(-50%,-50%) translate(0) scale(1)}33%{transform:translate(-50%,-50%) translate(3%,4%) scale(1.04)}66%{transform:translate(-50%,-50%) translate(-4%,-3%) scale(.98)}}@keyframes vg-organic-c{0%,to{transform:translate(-50%,-50%) translate(0) scale(1)}40%{transform:translate(-50%,-50%) translate(5%,3%) scale(1.06)}78%{transform:translate(-50%,-50%) translate(-4%,-5%) scale(.95)}}@media(prefers-reduced-motion:reduce){.video-grid-ambient__blobs{opacity:.22}.video-grid-ambient__blob--primary,.video-grid-ambient__blob--green,.video-grid-ambient__blob--mist,.video-grid-ambient__blob--screen{animation:none}}.video-grid-main__tiles{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;width:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}.video-grid-focus-fullscreen-btn{display:none}.video-grid-call-bar{position:relative;z-index:1;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:4px}.video-grid-call-bar__row .voice-ctrl-btn{flex:0 0 42px;width:42px;min-width:42px}.video-grid-container>.video-grid-call-bar:not(.video-grid-invite-bar){position:absolute;left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:20000;margin-left:0;margin-right:0;width:100%;padding:0}@media(hover:hover){.video-grid-container>.video-grid-call-bar:not(.video-grid-invite-bar){opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.video-grid-container:hover>.video-grid-call-bar:not(.video-grid-invite-bar),.video-grid-container:focus-within>.video-grid-call-bar:not(.video-grid-invite-bar){opacity:1;transform:translateY(0);pointer-events:auto}}.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);cursor:pointer;-webkit-tap-highlight-color:transparent}.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 var(--transition-fast),opacity var(--transition-fast);border:2px solid transparent;background:var(--bg-secondary)}.video-tile.camera-active{border-color:transparent;background:#000}.video-overlay{position:absolute;bottom:14px;left:14px;max-width:calc(100% - 24px);padding:6px 10px;background:color-mix(in srgb,rgba(7,11,18,.84) 88%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 68%,transparent);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%);display:flex;align-items:center;gap:8px;z-index:10;pointer-events:none;min-width:0}.video-grid-container.has-focus .video-overlay{bottom:18px;left:18px;max-width:calc(100% - 36px);z-index:12}.video-grid-container.has-focus.has-call-bar .video-grid-call-bar{position:absolute;left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:20000;margin-left:0;margin-right:0;width:100%;padding:0}.video-grid-container.has-focus.has-call-bar .video-grid-call-bar__inner{pointer-events:auto}.video-username{color:var(--text-primary);font-weight:600;font-size:.85rem;letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-overlay-statuses{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.status-icon.danger{color:var(--danger-color)}.status-icon--hand-raised{color:#fbbf24;animation:hand-pulse 1.4s ease-in-out infinite}@keyframes hand-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.15)}}.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}55%{opacity:1}to{opacity:1}}@keyframes videogrid-frame-focus-in{0%{opacity:.92}to{opacity:1}}@keyframes videogrid-frame-focus-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes videogrid-frame-fullscreen-in{0%{opacity:.96;transform:scale(.97)}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%;position:relative;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.focus-participant__tile-frame{position:relative;width:100%;max-width:100%;transition:none}.video-grid-container.mode-focus.has-focus .focus-participant__tile-frame{animation:none}.video-grid-container.mode-fullscreen.has-focus .focus-participant__tile-frame{animation:videogrid-frame-fullscreen-in .18s cubic-bezier(.22,1,.36,1) both}.video-grid-container.focus-exit.has-focus .focus-participant__tile-frame{animation:none}.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:none;opacity:1}@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.mode-focus.has-focus .focus-participant__tile-frame,.video-grid-container.mode-fullscreen.has-focus .focus-participant__tile-frame,.video-grid-container.focus-exit.has-focus .focus-participant__tile-frame{animation: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-grid-focus-exit-overlay{border-radius:var(--radius-md);overflow:hidden}.video-grid-focus-exit-overlay .video-tile{width:100%;height:100%}.video-grid-focus-enter-overlay{border-radius:var(--radius-md);overflow:hidden}.video-grid-focus-enter-overlay .video-tile{width:100%;height:100%}.focus-participant.is-enter-focus-target,.video-tile-wrapper.is-exit-focus-target,.video-tile-wrapper.is-enter-focus-source{opacity:0}.side-participants .video-tile-wrapper{aspect-ratio:16 / 9;flex-shrink:0}.video-element.is-screen{object-fit:contain;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{--modal-viewport-margin: clamp(8px, 3dvh, 20px);position:fixed;top:0;left:0;right:0;bottom:0;background:var(--murmur-sheet-backdrop, rgba(0, 0, 0, .55));backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--modal-viewport-margin);opacity:0;pointer-events:none;overflow:auto;overscroll-behavior:contain;transition:opacity var(--murmur-sheet-backdrop-duration, .34s) var(--murmur-sheet-backdrop-ease, cubic-bezier(.32, .72, 0, 1))}.modal-overlay.modal-overlay--open{opacity:1;pointer-events:auto}.modal-content{background:var(--surface-card);border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);max-width:calc(100vw - (2 * var(--modal-viewport-margin)));max-height:calc(100dvh - (2 * var(--modal-viewport-margin)));min-height:0;width:480px;position:relative;margin:auto;opacity:0;transform:scale(.92) translate3d(0,8px,0);transition:opacity .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;box-shadow:0 12px 36px color-mix(in srgb,#000 30%,transparent)}.modal-overlay--open .modal-content{opacity:1;transform:scale(1) translateZ(0)}.modal-content.notifications-modal-sheet{width:100%;min-height:0;padding:0}.modal-content.search-modal-sheet{width:min(760px,96vw);max-height:min(84vh,900px);min-height:0;padding:0;display:flex;flex-direction:column}.notifications-modal-sheet .side-panel-content{min-height:0}.modal-content.events-modal{width:min(720px,96vw);max-height:min(88vh,900px);min-height:0;padding:0;display:flex;flex-direction:column}.search-modal-sheet .side-panel-content{min-height:0;flex:1 1 auto;overflow:auto}@media(max-width:768px){.modal-overlay{align-items:flex-end;justify-content:center;padding:0;animation:none;overflow:clip}.modal-overlay .modal-content{width:100%;max-width:100%;max-height:calc(var(--murmur-sheet-max-h, 92dvh) - var(--murmur-mobile-kb, 0px));margin:0;border-radius:var(--murmur-sheet-radius, 28px) var(--murmur-sheet-radius, 28px) 0 0;animation:none!important;transform:translate3d(0,100%,0);transition:transform var(--murmur-sheet-duration, .26s) var(--murmur-sheet-ease);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.modal-overlay.modal-overlay--open .modal-content{transform:translateZ(0)}.modal-overlay .modal-content:has(>.modal-swipe-handle){padding-top:44px}.modal-overlay .modal-content:before{display:none}.modal-content.sheet-dragging{transition:none!important;animation:none!important;will-change:transform}[data-murmur-sheet].modal-sheet-touch-settled{animation:none!important}.modal-overlay .modal-content .modal-close-btn{display:none!important}.modal-overlay .modal-content>.modal-header{padding-top:0}.modal-overlay .modal-content:has(>.modal-swipe-handle)>.modal-header{padding-top:6px}.modal-overlay .modal-content .modal-footer{gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));background:transparent}.modal-overlay .modal-content .modal-footer .btn{min-height:56px;flex:1 1 0;font-size:1rem;border-radius:16px}.modal-overlay .modal-content .btn:active{transform:scale(.97);transition:transform .08s ease}}@media(max-width:768px){body.sheet-dragging .modal-overlay{transition:none}}.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;display:flex;flex-direction:column}.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-form-group{display:flex;flex-direction:column;gap:1rem}.modal-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);line-height:1.35;margin:0}.modal-footer{background:var(--surface-card);padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:none}.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}.join-voice-confirm-modal.modal-content{max-width:420px}.join-voice-confirm-modal__header{justify-content:center;align-items:center;position:relative;padding-right:24px}.join-voice-confirm-modal__header .modal-title{text-align:center;width:100%;padding:0 36px}.join-voice-confirm-modal__header .modal-close-btn{position:absolute;right:16px}.join-voice-confirm-modal__body{display:flex;flex-direction:column;gap:14px}.join-voice-confirm-modal__body .confirm-modal-message{text-align:center}.join-voice-confirm-modal__present-users{margin:0;padding:8px 10px;list-style:none;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);max-height:132px;overflow:auto}.join-voice-confirm-modal__present-user{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--text-primary)}.join-voice-confirm-modal__present-name{min-width:0;flex:1 1 auto;font-size:.9rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-voice-confirm-modal__present-meta{display:inline-flex;align-items:center;gap:6px}.join-voice-confirm-modal__present-speaking{width:8px;height:8px;border-radius:999px;background:var(--success-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--success-color) 22%,transparent)}.join-voice-confirm-modal__present-icon{width:20px;height:20px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.join-voice-confirm-modal__join-row{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px}.join-voice-confirm-modal__toggle-btn{width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);background:color-mix(in srgb,var(--bg-tertiary) 85%,transparent);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.join-voice-confirm-modal__toggle-btn.active{background:color-mix(in srgb,var(--danger-color) 18%,var(--bg-tertiary));color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 45%,transparent)}.join-voice-confirm-modal__toggle-btn:disabled{opacity:.55;cursor:not-allowed}.join-voice-confirm-modal__join-btn{min-width:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 solid var(--border-color);background:var(--bg-tertiary);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:var(--bg-secondary);border-color:var(--text-dim)}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-dim)}.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}.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}.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-footer.centered{justify-content:center}.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-icon--primary{background-color:var(--primary-color)}.modal-action-text{flex:1;margin-left:16px;font-weight:700;color:var(--text-primary);font-size:1rem}@keyframes modalAppear{0%{opacity:0;transform:scale(.92) translate3d(0,8px,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes pickerAppear{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) 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}.join-invite-modal{max-width:420px!important}.join-invite-modal-inner{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg)}.join-invite-banner{width:100%;height:140px;object-fit:cover;display:block}.join-invite-body{position:relative;padding:12px 20px 20px;display:flex;flex-direction:column;gap:20px;background:var(--bg-primary)}.join-invite-icon-row{display:flex;align-items:flex-end;gap:16px;margin-top:-44px}.join-invite-icon-row .user-avatar{border:4px solid var(--surface-card);border-radius:var(--radius-md);flex-shrink:0}.join-invite-server-info{display:flex;flex-direction:column;gap:6px;min-width:0;padding-bottom:2px}.join-invite-server-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.join-invite-meta-row{display:flex;align-items:center;gap:16px}.join-invite-meta{font-size:.82rem;color:var(--text-dim);display:flex;align-items:center;gap:5px}.join-invite-online-dot{color:var(--success-color)}.join-invite-actions{display:flex;justify-content:flex-end;gap:10px}.join-invite-actions .murmur-btn{min-height:40px;padding:0 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.join-invite-actions .murmur-btn:active{transform:scale(.97)}.join-invite-actions .murmur-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.join-invite-actions .murmur-btn-secondary:hover{background:var(--bg-hover)}.join-invite-actions .murmur-btn-primary{background:var(--primary-color);color:#fff}.join-invite-actions .murmur-btn-primary:hover{opacity:.9}.join-invite-actions .murmur-btn-primary:disabled{opacity:.4;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{width:80px;height:80px;aspect-ratio:1 / 1;max-width:80px;max-height:80px;border-radius:var(--radius-sm);float:right;margin-left:10px;object-fit:cover;background:var(--bg-tertiary)}.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;aspect-ratio:16 / 9;min-height:160px;background:var(--bg-tertiary)}.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:1px solid var(--border-color);max-width:520px}.link-preview-card--pending{min-height:80px;max-width:420px;opacity:.45}.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)}@media(max-width:768px){.dm-topbar-shell--hidden{max-height:0;opacity:0;transform:translateY(-10px);pointer-events:none}.video-grid-container{--vg-gap: 12px;--vg-pad: 10px;padding:var(--vg-pad);gap:var(--vg-gap);overflow-y:auto!important;display:flex;flex-direction:column}.video-grid-call-bar{position:fixed;left:0;right:0;bottom:0;z-index:20000;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;transition:transform .22s ease,opacity .18s ease}.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 .voice-ctrl-btn{flex-basis:44px;width:44px;min-width:44px;height:38px}.video-grid-call-bar__row .voice-ctrl-btn svg{width:24px;height:24px}.video-grid-container.has-call-bar{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));transition:padding-bottom .22s ease}.video-grid-container.has-call-bar.has-focus{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.video-grid-container.has-focus .video-grid-call-bar{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none;transition:none}.video-grid-container.mode-fullscreen .video-grid-call-bar{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none}.video-grid-container.mode-fullscreen.fullscreen-callbar-visible .video-grid-call-bar{transform:translateY(0);opacity:1;pointer-events:auto}.contents-default{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(42vw,210px),1fr))!important;justify-items:center!important;align-content:center!important;gap:var(--vg-gap, 12px)!important;width:100%!important;height:100%!important;max-width:none!important;overflow-y:auto!important;padding:10px 0 calc(var(--vg-gap, 12px) + env(safe-area-inset-bottom,0px))}.video-grid-container.grid-count-1 .contents-default{display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:1fr!important;justify-items:center!important;align-content:center!important;overflow:hidden!important}.video-grid-container.grid-count-2.mode-grid .contents-default{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;grid-template-columns:1fr!important;justify-items:center!important;align-content:center!important;gap:10px!important;overflow-y:auto!important;padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.video-grid-container.grid-count-1.mode-grid .video-grid-main__tiles,.video-grid-container.grid-count-2.mode-grid .video-grid-main__tiles{display:flex;align-items:center;justify-content:center;flex:1 1 0%;min-height:0}.video-grid-container .video-tile-wrapper{width:min(100%,360px);min-height:0;max-height:none;aspect-ratio:1 / 1;height:auto!important;flex:none;justify-self:center}.video-grid-container.mode-grid .video-tile.video-tile--grid{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;aspect-ratio:1 / 1;transition:transform .22s cubic-bezier(.22,1,.36,1)}.video-grid-container.mode-grid.grid-count-1 .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;margin:0}.video-grid-container.grid-count-1 .contents-default .video-tile-wrapper{width:min(calc(100vw - 28px),480px);max-width:min(calc(100dvh - 210px),calc(100vw - 28px));margin:0 auto}.video-grid-container.grid-count-2.mode-grid .contents-default .video-tile-wrapper{width:min(calc(100vw - 28px),360px);max-width:min(calc(100dvh - 250px),calc(100vw - 28px));aspect-ratio:1 / 1;height:auto!important;margin:0 auto}.video-grid-container.grid-count-2.mode-grid .contents-default>.video-tile-wrapper>.video-tile.video-tile--grid{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1!important;margin:0}.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.has-focus{display:flex!important;flex-direction:column!important}.video-grid-container.has-focus .focus-participant{flex:1;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;padding:10px 0}.video-grid-container.mode-fullscreen.has-focus .focus-participant{padding:0}.video-grid-container.has-focus .focus-participant .video-tile--grid{width:100%;max-width:100%;height:100%;max-height:100%;aspect-ratio:1 / 1;transform:none;transition:none}.video-grid-container.mode-fullscreen.has-focus .focus-participant .video-tile--grid{aspect-ratio:auto;transform:none}.video-grid-container.focus-exit.has-focus .focus-participant .video-tile--grid{animation:none}.video-grid-container.mode-fullscreen.has-focus .focus-participant .focus-participant__tile-frame .video-tile__media:not(.is-screen){object-fit:cover}.video-grid-container.has-focus .focus-participant__tile-frame{width:min(calc(100vw - 28px),480px);max-width:min(calc(100dvh - 210px),calc(100vw - 28px));aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.video-grid-container.mode-fullscreen.has-focus .focus-participant__tile-frame{width:100%;max-width:100%;height:100%;max-height:100%;aspect-ratio:auto}.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}.video-grid-focus-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:8;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-grid-container.mode-fullscreen .video-grid-focus-fullscreen-btn{opacity:0;pointer-events:none}}.waiting-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--bg-primary);z-index:10000;color:#fff;text-align:center;animation:fade-in .3s ease-out}.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-close-btn{position:absolute;top:8px;right:8px;z-index:120;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary) 78%,transparent);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.floating-call-widget-close-btn:hover{background:color-mix(in srgb,var(--danger-color) 20%,var(--bg-primary));border-color:color-mix(in srgb,var(--danger-color) 45%,var(--border-color));color:#fff}.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:var(--radius-md);overflow:hidden}}.message-media-container{margin-top:12px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:min(100%,720px);min-width:0}.message-media-card{display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-secondary) 94%,var(--bg-tertiary));border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;min-width:0;max-width:min(100%,460px);margin-top:0;overflow:hidden;box-shadow:0 8px 18px -16px #000000bf;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.message-media-card:hover{border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color));box-shadow:0 10px 24px -16px #000000e6}.message-media-card.message-media-lazy-wrap{min-height:180px;min-width:0;max-width:min(100%,460px);margin-top:0;background:var(--bg-tertiary)}.message-media-plain-wrap{position:relative;display:block;width:100%;max-width:min(100%,720px);min-width:0;min-height:180px;border:none;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.message-media-image-wrap{width:fit-content;max-width:100%}.media-body{padding:12px 16px}.media-info-bar{background:color-mix(in srgb,var(--bg-tertiary) 88%,var(--bg-secondary));padding:14px 18px;border-top:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);display:flex;align-items:center;gap:14px;min-height:66px;min-width:0}.file-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--border-color) 78%,transparent);background:color-mix(in srgb,var(--bg-secondary) 70%,transparent);color:var(--text-secondary);flex-shrink:0}.file-icon--audio{color:color-mix(in srgb,var(--primary-color) 75%,var(--text-secondary))}.file-icon--video,.file-icon--image{color:color-mix(in srgb,#67b8ff 78%,var(--text-secondary))}.file-icon--archive{color:color-mix(in srgb,#f4b35f 80%,var(--text-secondary))}.file-icon--text,.file-icon--code{color:color-mix(in srgb,#8cd8a7 80%,var(--text-secondary))}.file-details{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0}.file-name{font-size:1.03rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.84rem;color:var(--text-dim);font-weight:500}.custom-audio-player{width:100%;padding:14px 18px 16px;background:color-mix(in srgb,var(--bg-secondary) 92%,var(--bg-tertiary));border-top:1px solid color-mix(in srgb,var(--border-color) 74%,transparent)}.audio-controls-main{display:flex;align-items:flex-start;gap:16px}.audio-play-btn{width:48px;height:48px;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;min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:3px}.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:8px;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:16px;height:16px;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;margin-top:4px}.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:40px;height:40px;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)}@media(max-width:768px){.message-media-container{width:100%;max-width:100%}.message-media-card{width:100%;min-width:0;max-width:100%}.message-media-card.message-media-lazy-wrap{min-width:0;max-width:100%}.message-media-plain-wrap,.message-media-video{width:100%;max-width:100%}.message-media-image{width:auto;max-width:100%;min-width:0}.media-info-bar{padding:12px 14px;min-height:58px}.custom-audio-player{padding:12px 14px 14px}.audio-play-btn{width:44px;height:44px}}.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-immersive-mobile{min-height:0;flex:1;display:flex;flex-direction:column}.dm-mobile-video-immersive{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden;background:#0a0a0c}.dm-mobile-video-immersive__toolbar{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top,0px));border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-primary, #111) 92%,transparent);max-height:56px;overflow:hidden;transition:max-height .22s ease,padding .22s ease,opacity .18s ease,transform .22s ease,border-color .22s ease}.dm-mobile-video-immersive.is-video-focused .dm-mobile-video-immersive__toolbar{max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;transform:translateY(-10px);opacity:0;pointer-events:none}.dm-mobile-video-immersive__grid{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.dm-mobile-video-immersive__grid .video-grid-container{flex:1;min-height:0}.dm-mobile-video-immersive__grid .video-grid-main{flex:1 1 0%;min-height:0}.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(52vh,480px)}}.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(48px,28vmin,160px)!important;height:clamp(48px,28vmin,160px)!important;flex-shrink:0}.video-tile--grid.video-tile--avatar-only .user-avatar-content{border-radius:50%!important;width:100%!important;height:100%!important}.focus-participant .video-tile--grid.video-tile--avatar-only .user-avatar-component{width:clamp(48px,28vmin,160px)!important;height:clamp(48px,28vmin,160px)!important}@supports (container-type: size){@media(min-width:769px){.video-tile-wrapper{container-type:size}.video-tile-wrapper .video-tile--grid.video-tile--avatar-only .user-avatar-component{width:clamp(36px,40cqmin,160px)!important;height:clamp(36px,40cqmin,160px)!important}}}.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;position:relative}.right-dock-resizer{position:absolute;top:0;left:-8px;width:12px;height:100%;padding:0;border:0;background:transparent;cursor:col-resize;z-index:5;touch-action:none}.right-dock-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:transparent;border-radius:2px;transition:background var(--transition-fast)}.right-dock-resizer:hover:after,.right-dock-resizer:focus-visible:after,.right-dock-resizer:active:after{background:var(--primary-color)}@media(max-width:768px){.right-dock-resizer{display:none}}.members-panel{width:var(--murmur-right-panel-width);flex:0 0 var(--murmur-right-panel-width);background-color:var(--bg-secondary);background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto}@media(min-width:769px){.members-panel{min-width:0;transition:width var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),flex-basis var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),margin-right var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease)}.members-panel.closed{width:0;flex:0 0 0;margin-right:-12px;visibility:hidden;overflow:hidden;border-left:none;pointer-events:none;animation:none}}.side-panel{background-color:var(--bg-secondary);background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto}@media(min-width:769px){.side-panel{width:var(--murmur-right-panel-width);flex:0 0 var(--murmur-right-panel-width);min-width:0;transform:none;overflow:hidden;transition:width var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease),flex-basis var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease)}.side-panel.closed{width:0;flex:0 0 0;margin-left:-12px;visibility:hidden;overflow:hidden;border-left:none;pointer-events: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 var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.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 var(--murmur-panel-slide-duration) var(--murmur-panel-slide-ease);opacity:1!important;visibility:visible!important;margin:0!important;border-left:none;animation:none!important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.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-panel-header-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;margin-right:6px}.members-panel-close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--primary-color);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;margin-right:4px}@media(max-width:768px){.members-panel-close-btn{display:flex}}.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}.offline-members .member-item .member-avatar-wrapper{filter:grayscale(1)!important}.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;flex-shrink:0;overflow:visible!important}.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:#23a55a}.member-status-dot.idle{background:#f0b232;mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48 1.5C3.39822 1.5 0.9 3.99822 0.9 7.08C0.9 10.1618 3.39822 12.66 6.48 12.66C8.21203 12.66 9.75624 11.8741 10.7712 10.6416C11.1167 10.2222 10.7681 9.59372 10.2319 9.68411C7.88636 10.08 5.61002 8.35821 5.3732 5.9221C5.19702 4.10986 6.27555 2.50367 7.82869 1.77708C8.36186 1.52763 8.27303 0.727546 7.68902 0.783119C7.29177 0.820935 6.8856 0.840003 6.48 0.84V1.5Z' fill='black'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48 1.5C3.39822 1.5 0.9 3.99822 0.9 7.08C0.9 10.1618 3.39822 12.66 6.48 12.66C8.21203 12.66 9.75624 11.8741 10.7712 10.6416C11.1167 10.2222 10.7681 9.59372 10.2319 9.68411C7.88636 10.08 5.61002 8.35821 5.3732 5.9221C5.19702 4.10986 6.27555 2.50367 7.82869 1.77708C8.36186 1.52763 8.27303 0.727546 7.68902 0.783119C7.29177 0.820935 6.8856 0.840003 6.48 0.84V1.5Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.member-status-dot.dnd{background:#f23f43;display:flex!important;align-items:center;justify-content:center}.member-status-dot.dnd:after{content:"";display:block;width:50%;height:2px;background:var(--bg-primary);border-radius:1px}.presence-status-modal{width:min(94vw,420px);padding:0;overflow:visible;contain:none;background:color-mix(in srgb,var(--bg-secondary) 92%,var(--bg-primary));border-color:color-mix(in srgb,var(--border-color) 72%,var(--primary-color) 18%);box-shadow:none}.pm__shell{position:relative;display:flex;min-height:0;flex-direction:column;background:var(--surface-card);border-radius:inherit}.pm__banner{position:relative;height:112px;flex:0 0 auto;background-size:cover;background-position:center;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.pm__banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#0003),color-mix(in srgb,var(--bg-primary) 6%,transparent)}.pm__banner .modal-close-btn{position:absolute;background:color-mix(in srgb,var(--bg-primary) 44%,transparent);color:var(--text-primary)}.pm__profile{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 20px 16px}.pm__avatar-wrap{width:78px;height:78px;margin-top:-38px;border-radius:var(--radius-pill);background:var(--surface-card);padding:4px;z-index:1}.pm__avatar-wrap .user-avatar-component .member-status-dot{width:16px!important;height:16px!important;border-width:3px!important;bottom:2px!important;right:2px!important}.pm__identity{min-width:0;display:flex;flex-direction:column;gap:4px}.pm__name{font-size:1.34rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__subtitle{font-size:.92rem;line-height:1.25;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm__custom-status-row .profile-status-text{font-size:.92rem}.pm__custom-status-edit-row .profile-status-input{width:min(100%,280px);box-shadow:none;outline:none}.pm__custom-status-edit-row .profile-status-input:focus,.pm__custom-status-edit-row .profile-status-input:focus-visible{box-shadow:none;outline:none}.pm__menu-stack{display:flex;flex-direction:column;gap:14px;padding:0 14px 14px}.pm__empty{text-transform:none;letter-spacing:0;font-weight:500;line-height:1.35}.presence-status-modal .context-menu{position:static;width:auto;max-width:none;box-shadow:none}.presence-status-modal .context-menu-item{display:grid;grid-template-columns:var(--cm-lead-col) minmax(0,1fr) 18px}.presence-status-modal .context-menu-item.active{background:var(--bg-hover);color:var(--text-primary)}.presence-status-modal .context-menu-item.active svg{color:var(--text-primary)}.presence-status-modal .context-menu-item .member-status-dot{position:static;align-self:center;justify-self:start;width:14px;height:14px}.presence-status-modal .context-menu-item .user-avatar-component{align-self:center;justify-self:start}.pm__item-chevron{justify-self:end}.pm__flyout{position:absolute!important;top:204px;left:calc(100% + 8px);width:260px!important;background:color-mix(in srgb,var(--bg-primary) 52%,var(--bg-secondary));border-color:color-mix(in srgb,var(--border-color) 84%,transparent);z-index:2}.pm__flyout--accounts{top:272px}@media(min-width:980px){.presence-status-modal .pm__static-menu{position:relative}.presence-status-modal .pm__flyout{position:absolute!important;top:0;left:calc(100% + 22px);width:280px!important;margin-top:0;max-height:min(70vh,480px);overflow-y:auto;background:color-mix(in srgb,var(--bg-secondary) 96%,var(--bg-primary));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:10001}}@media(max-width:768px){.presence-status-modal{width:100%;overflow:hidden}.presence-status-modal .pm__shell{max-height:calc(var(--murmur-sheet-max-h, 92dvh) - 44px);overflow:auto}.pm__shell .pm__flyout{position:static!important;width:auto!important;max-width:none;margin-top:4px}.pm__banner{height:126px}}@media(max-width:380px){.pm__subtitle{white-space:normal}}.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;padding:0;overflow:hidden;display:flex;flex-direction:column;animation:pickerAppear .18s cubic-bezier(.32,.72,0,1);transform-origin:bottom center}.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__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(--primary-color)!important;box-shadow:0 0 0 2px var(--primary-glow)!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)}.murmur-reaction-picker__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;color:var(--text-dim);font-size:.85rem;text-align:center}.murmur-reaction-picker__empty-icon{font-size:1.8rem;line-height:1;opacity:.6}@keyframes reaction-picker-in{0%{opacity:0;transform:scale(.93) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.murmur-reaction-picker{animation:reaction-picker-in .14s cubic-bezier(.2,.8,.2,1)}.member-status-dot.offline{background:#80848e;border:2px solid var(--bg-primary)}.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;flex:1}.member-info.has-status{padding:2px 0}.member-status-text{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:-1px;display:flex;gap:4px;min-height:16px}.member-name{font-weight:500;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.friends-add-cta{white-space:nowrap}.friends-tabs-pending-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.friends-tabs-pending-add .friends-tab{flex:0 1 auto}.friends-add-cta--tab-adjacent{padding:8px 12px;font-size:.8125rem;font-weight:600;line-height:1.2;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;min-height:38px;box-sizing:border-box}.friends-add-cta--tab-adjacent svg{flex-shrink:0}@media(max-width:520px){.friends-add-cta--tab-adjacent .friends-add-cta-label{display:none}.friends-add-cta--tab-adjacent{padding:8px 10px;min-width:38px;justify-content:center}}.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-actions{width:auto;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.friends-tabs{flex-wrap:wrap;gap:6px}.friends-tab{min-height:40px}.friends-add-cta--tab-adjacent{flex:1;min-width:0;justify-content:center}}.friends-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.friends-header>.friends-tabs:first-child{margin-top:8px}.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}.murmur-field{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-field:focus-within{border-color:var(--primary-color);background:var(--bg-secondary)}.murmur-field:focus-within .murmur-search-icon{color:var(--primary-color)}.chat-header-actions .murmur-field.murmur-field--collapsible:not(.expanded):focus-within{border-color:transparent!important;background:transparent!important}.murmur-field--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-field--collapsible.expanded{width:240px;min-width:240px;max-width:240px;gap:8px;padding:6px;justify-content:flex-start}.murmur-field--collapsible:not(.expanded) .murmur-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-field--collapsible.expanded .murmur-input{flex:1 1 0%;min-width:0;max-width:none;opacity:1;pointer-events:auto;transition:opacity .15s ease .06s}.murmur-field--collapsible .murmur-search-clear{display:none}.murmur-field--collapsible.expanded .murmur-search-clear{display:flex}.murmur-search-icon{color:var(--text-secondary);flex-shrink:0;stroke-width:2}.murmur-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;width:100%}.murmur-input:focus,.murmur-input:focus-visible{outline:none;box-shadow:none}.murmur-input::placeholder{color:var(--text-muted)}.murmur-input::-webkit-search-cancel-button,.murmur-input::-webkit-search-decoration,.murmur-input::-webkit-search-results-button,.murmur-input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.murmur-reaction-picker__search-input::-webkit-search-cancel-button,.murmur-reaction-picker__search-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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);display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);transition:background .15s ease}.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}.friends-empty-search-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:420px}.friends-empty-search-cta p{margin:0;opacity:.85}.friends-empty-add-btn{display:inline-flex;align-items:center;gap:8px}.home-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.home-view--dashboard{flex:1;min-height:0;align-items:stretch;justify-content:flex-start;text-align:left;padding:0;overflow:hidden}.home-dashboard-toolbar{flex-wrap:wrap;margin-top:12px}.home-dashboard-toolbar-right{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.home-dashboard-sort{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer}.home-dashboard-sort:hover{background:var(--bg-hover)}.home-dashboard-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.home-dashboard-body--discover{flex:1;min-height:0;display:flex;flex-direction:column}.home-dashboard-empty--centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;gap:16px;min-height:min(60vh,420px)}.home-dashboard-empty--centered p{margin:0;max-width:360px;color:var(--text-secondary);line-height:1.5}.home-server-grid{flex:1;overflow-y:auto;padding:20px 24px 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-content:start}.home-server-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);color:inherit;transition:background .15s ease,border-color .15s ease}.home-server-card:hover{background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.home-server-card-icon{flex-shrink:0}.home-server-card-body{min-width:0;flex:1}.home-server-card-name{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:8px}.home-server-card-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.home-server-stat{display:inline-flex;align-items:center;gap:6px}.home-server-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.home-server-dot--online{background:var(--success-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--success-color) 25%,transparent)}.home-server-dot--members{background:var(--text-dim)}.home-server-card-meta{font-size:.75rem;color:var(--text-dim)}.home-dashboard-empty{padding:48px 24px;text-align:center;color:var(--text-secondary)}.home-dashboard-empty:not(.home-dashboard-empty--centered) p{margin:0 0 16px}.home-discover-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary);text-align:center;min-height:min(50vh,360px)}.home-discover-placeholder p{margin:0;font-size:1.1rem;font-weight:600}.home-discover-hint{margin-top:8px!important;font-weight:400!important;font-size:.95rem!important;opacity:.85}.home-discover-layout{width:100%;display:block}.home-discover-main{min-width:0}.home-discover-categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;margin-bottom:10px}.home-discover-category-tab{white-space:nowrap}.home-discover-load-more{margin-top:12px}.home-server-grid--discover{padding:20px 24px 32px}.home-discover-overview{display:flex;flex-direction:column;gap:0;padding:0 0 24px}.home-discover-overview-hero{position:relative;overflow:hidden;min-height:260px;background:var(--bg-secondary)}.home-discover-overview-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000000d 45%,#00000059);pointer-events:none}.home-discover-overview-hero-image{width:100%;height:280px;object-fit:cover;display:block}.home-discover-overview-hero-fallback{width:100%;height:280px;background:linear-gradient(to top,color-mix(in srgb,var(--primary-color) 78%,#000 22%) 0%,var(--primary-color) 100%)}.home-discover-overview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-42px 20px 0;position:relative;z-index:2;padding:0}.home-discover-overview-server-card{flex:1;min-width:0;border:1px solid var(--border-color);background:var(--bg-secondary);padding:12px 14px;box-shadow:0 6px 16px #0000002e;cursor:default}.home-discover-overview-server-card:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:none}.home-discover-overview-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.home-discover-overview-invite-btn{width:40px;min-width:40px;padding-left:0;padding-right:0;justify-content:center}.home-discover-overview-title{margin:0;font-size:2.1rem;font-weight:800;color:var(--text-primary)}.home-discover-overview-headline{margin:0;color:var(--text-secondary)}.home-discover-overview-back-fab{position:absolute;top:14px;left:14px;z-index:3}.home-discover-overview-body{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;margin:16px 20px 0}.home-discover-overview-main{display:flex;flex-direction:column;gap:12px}.home-discover-overview-preview{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);display:block;object-fit:cover;max-height:420px}.home-discover-overview-description{margin:0;color:var(--text-secondary);line-height:1.5}.home-discover-overview-description-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);padding:14px 16px}.home-discover-overview-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media(max-width:768px){.home-discover-overview-hero-image,.home-discover-overview-hero-fallback{height:180px}.home-discover-overview-top{margin:-24px 12px 0;flex-direction:column;align-items:stretch;gap:10px;padding:12px}.home-discover-overview-title{font-size:1.6rem}.home-discover-overview-body{grid-template-columns:1fr;margin:12px 12px 0}.home-discover-overview{padding:0 0 18px;gap:0}}@media(max-width:980px){.home-discover-categories{gap:6px}}.server-icon-btn.server-rail-nav,.server-icon-btn.server-rail-user{flex-shrink:0}.server-icon-btn.server-rail-nav:hover,.server-icon-btn.server-rail-user:hover{background:var(--bg-hover);color:var(--text-primary)}.server-icon-btn.server-rail-nav.active{border-radius:var(--radius-lg);background:var(--primary-color);color:#fff}.server-icon-btn.server-rail-nav.active:hover,.server-icon-btn.server-rail-nav.active:focus-visible{background:var(--primary-hover);color:#fff}.server-icon-btn.server-rail-user{border-radius:50%;padding:0;border:1px solid color-mix(in srgb,var(--primary-color) 40%,transparent);overflow:visible;transition:border-radius var(--transition-spring),background .2s ease,color .2s ease,transform .2s ease}.server-icon-btn.server-rail-user:hover{border-radius:50%!important;background:var(--bg-hover);border-color:var(--primary-color)}.server-icon-btn.server-rail-user.server-rail-user--status-open{border-radius:50%!important}.server-icon-btn.server-rail-user .user-avatar-component{border-radius:inherit;transition:border-radius .25s cubic-bezier(.4,0,.2,1)}.server-rail-user-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}.rail-user-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:inherit;opacity:0;transition:opacity .2s ease;pointer-events:none}.server-icon-btn.server-rail-user:hover .rail-user-overlay{opacity:1}.rail-user-chevron{position:absolute;top:-4px;right:-4px;background:var(--bg-primary);border-radius:50%;padding:2px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;z-index:2;opacity:0;transform:translateY(4px);transition:all .2s ease;pointer-events:none}@media(max-width:768px){.home-server-grid{padding:16px;grid-template-columns:1fr}}.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:var(--radius-xs);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}.group-avatar-stack{position:relative;flex-shrink:0}.group-avatar-bubble{position:absolute;border-radius:50%;overflow:hidden;border:1.5px solid var(--bg-secondary);background:var(--bg-tertiary);box-sizing:border-box;line-height:0}.group-avatar-bubble:nth-child(1):last-child{top:50%;left:50%;transform:translate(-50%,-50%)}.group-avatar-bubble:nth-child(1){top:0;left:0}.group-avatar-bubble:nth-child(2){bottom:0;right:0}.group-avatar-bubble:nth-child(1):nth-last-child(3),.group-avatar-bubble:nth-child(1):nth-last-child(3)~.group-avatar-bubble:nth-child(2),.group-avatar-bubble:nth-child(1):nth-last-child(3)~.group-avatar-bubble:nth-child(3){bottom:unset;right:unset}.group-avatar-bubble:nth-child(1):nth-last-child(3){top:0;left:0}.group-avatar-bubble:nth-child(1):nth-last-child(3)~.group-avatar-bubble:nth-child(2){top:0;right:0;left:unset}.group-avatar-bubble:nth-child(1):nth-last-child(3)~.group-avatar-bubble:nth-child(3){bottom:0;left:50%;transform:translate(-50%);top:unset}.dm-list-item-member-count{font-size:.72rem;color:var(--text-dim);opacity:.7}.dm-list-item--muted .dm-list-item-name{opacity:.55}.dm-list-item--muted .dm-list-item-preview{opacity:.4}.member-avatar-wrapper{position:relative;flex-shrink:0}.dm-muted-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-dim);border:1.5px solid var(--bg-secondary)}.dm-conversation{display:flex;flex-direction:row;flex:1;overflow:hidden;height:100%}.message-toolbar{position:absolute;top:-14px;right:16px;display:flex;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;opacity:0;pointer-events:none;transition:opacity .12s ease}.message-item:hover .message-toolbar,.message-toolbar.force-visible{opacity:1;pointer-events:auto}@media(max-width:768px){.message-toolbar,.message-item:hover .message-toolbar,.message-toolbar.force-visible{display:none!important}}.message-mobile-actions-modal{width:min(480px,calc(100vw - 24px));background:transparent;border:none;box-shadow:none}@media(max-width:768px){.message-mobile-actions-modal{background:var(--bg-primary);width:100%}}.message-mobile-actions-modal .modal-body{padding:0 12px 16px;display:flex;flex-direction:column;gap:12px}.message-mobile-actions-reactions{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:10px 12px}.message-mobile-actions-reaction-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;transition:background-color .15s ease,border-color .15s ease}.message-mobile-actions-reaction-btn:active{background:var(--bg-hover)}.message-mobile-actions-reaction-btn--picker{margin-left:auto}.message-mobile-actions-hint{margin:0;padding:4px 4px 0;font-size:.78rem;color:var(--text-secondary);line-height:1.35;text-align:center}.message-mobile-actions-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--bg-secondary)}.message-mobile-actions-item{width:100%;border:none;border-radius:0;background:transparent;color:var(--text-primary);padding:15px 16px;min-height:52px;display:flex;align-items:center;gap:14px;text-align:left;transition:background-color .12s ease;font-weight:500;font-size:.95rem}.message-mobile-actions-item svg{color:var(--text-secondary);transition:color .12s ease;flex-shrink:0}.message-mobile-actions-item+.message-mobile-actions-item{border-top:1px solid var(--border-color)}.message-mobile-actions-item:active{background:var(--bg-hover)}.message-mobile-actions-item.danger{color:var(--danger-color)}.message-mobile-actions-item.danger svg{color:var(--danger-color)}.message-mobile-actions-list--danger{background:transparent;border:none}.message-mobile-actions-list--danger .message-mobile-actions-item{border:1px solid color-mix(in srgb,var(--danger-color) 40%,var(--border-color));border-radius:14px;background:color-mix(in srgb,var(--danger-color) 6%,var(--bg-secondary))}.message-mobile-actions-list--danger .message-mobile-actions-item:active{background:color-mix(in srgb,var(--danger-color) 14%,var(--bg-secondary))}.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:background-color .1s ease,color .1s ease}.toolbar-btn:hover,.toolbar-btn.active{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.toolbar-btn.danger:hover{background-color:#ed424526;color:#ed4245}.toolbar-divider{width:1px;height:18px;background:var(--border-color);margin:0 2px;flex-shrink:0;align-self:center;opacity:.7}.message-media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:260px;min-height:180px;max-width:min(100%,720px);width:100%;padding:20px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-dim);font-size:.82rem}.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}.mention-autocomplete-popover{position:absolute;left:52px;right:52px;bottom:calc(100% - 6px);z-index:40;max-height:min(320px,42vh);overflow:auto;padding:6px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-secondary) 96%,black 4%);box-shadow:var(--shadow-lg);animation:mention-menu-in .13s cubic-bezier(.2,.8,.2,1)}.mention-autocomplete-virtual-sizer{position:relative;width:100%}.mention-autocomplete-item{position:absolute;top:0;left:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.mention-autocomplete-item:hover,.mention-autocomplete-item.active{background:var(--bg-hover)}.mention-autocomplete-special{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--primary-color);background:rgba(var(--primary-color-rgb),.12)}.mention-autocomplete-main{min-width:0;display:flex;flex-direction:column;gap:1px}.mention-autocomplete-label,.mention-autocomplete-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-autocomplete-label{font-size:.92rem;font-weight:650}.mention-autocomplete-subtitle{font-size:.75rem;color:var(--text-muted)}@keyframes mention-menu-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.mention-autocomplete-popover{left:10px;right:10px;max-height:38vh}}.message-item.deleted{opacity:.5}.message-item.pending:not(.system){opacity:.55}.message-item.pending:not(.system) .message-text,.message-item.pending:not(.system) .message-username,.message-item.pending:not(.system) .message-timestamp,.message-item.pending:not(.system) .message-timestamp-hover,.message-item.pending:not(.system) .reply-username,.message-item.pending:not(.system) .reply-text{color:var(--text-muted)}.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{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:4px;padding:2px 3px;background:#ffffff0d;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);font-size:.85rem;font-family:inherit;color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin-right:0}.reaction-chip:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.reaction-chip.me{background:rgba(var(--primary-color-rgb),.15);border-color:rgba(var(--primary-color-rgb),.4);color:var(--primary-color)}.reaction-chip.me:hover:not(:disabled){background:rgba(var(--primary-color-rgb),.25)}.reaction-count{font-weight:600;color:currentColor}.reaction-chip.me .reaction-count{color:var(--primary-color)}.reaction-chip:disabled{cursor:default;opacity:.65}.emoji-img{display:inline-block;width:1.375em;height:1.375em;vertical-align:-.3em;object-fit:contain;pointer-events:none}.message-content .emoji-img{width:1.25em;height:1.25em;vertical-align:-.25em}.message-content .emoji-img:only-child{width:2em;height:2em}.reaction-chip .emoji-img{width:18px;height:18px;vertical-align:middle}.murmur-reaction-picker__emoji-btn .emoji-img{width:28px;height:28px;vertical-align:middle}.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 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)}.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%;padding-left:2px}.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-header{padding:8px 16px;min-height:48px;box-sizing:border-box;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:8px;min-width:0}.side-panel-title{font-size:.9rem;font-weight:700;min-width:0;flex:1;text-transform:uppercase;letter-spacing:.5px}.side-panel-content{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:8px 16px 16px;box-sizing:border-box}.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{min-width:0;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;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:.8rem;color:var(--text-secondary);min-width:0}.search-result-user{font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-channel{display:inline-block;font-size:.78rem;font-weight:600;color:var(--accent-color, var(--text-secondary));margin:2px 0;opacity:.85}.notifications-tabs{display:inline-flex;gap:2px;background:var(--bg-tertiary, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);padding:2px}.notifications-tab{border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.notifications-tab:hover{color:var(--text-primary);background:#ffffff0a}.notifications-tab.active{background:var(--bg-surface, var(--bg-secondary));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;word-break:break-word;overflow-wrap:anywhere;min-width:0}.search-result-text a{color:#00b0f4;text-decoration:none}.search-result-text a:hover{text-decoration:underline}.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:4px;border-left:none;box-shadow:none;padding-left:0;margin-left:0;position:relative}.chat-gif-btn{height:30px;min-width:30px;padding:0 6px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.chat-gif-btn:hover,.chat-gif-btn[aria-expanded=true]{color:var(--text-primary);background:var(--bg-hover)}.gif-picker{display:flex;flex-direction:column;border:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 42%),var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);overflow:hidden;animation:pickerAppear .18s cubic-bezier(.32,.72,0,1);transform-origin:bottom center}.gif-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0}.gif-picker-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.gif-picker-grid{flex:1;overflow-y:auto;padding:8px;column-count:2;column-gap:8px}.gif-picker-item{display:block;width:100%;margin:0 0 8px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--bg-hover);cursor:pointer;overflow:hidden;break-inside:avoid;line-height:0;transition:outline var(--transition-fast);outline:2px solid transparent}.gif-picker-item:hover{outline:2px solid var(--accent-color, var(--primary-color))}.gif-picker-item img{width:100%;height:auto;display:block}.gif-picker-empty,.gif-picker-loading{column-span:all;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-muted);font-size:13px}.gif-picker-footer{flex-shrink:0;padding:6px 12px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:11px;text-align:right}.chat-emoji-btn{width:30px;height:30px;min-width:30px;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:background-color var(--transition-fast),color var(--transition-fast)}.chat-emoji-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.chat-gif-btn{width:auto;min-width:30px;height:30px;padding:0 6px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.chat-gif-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.chat-gif-btn:disabled{opacity:.4;pointer-events:none}.chat-gif-btn__label{font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1}.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{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(94vw,460px);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:112px;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 20px 18px;position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.profile-avatar-wrapper{margin-top:-38px;position:relative;width:86px;height:86px;border:4px solid var(--bg-secondary);border-radius:50%;background:var(--bg-secondary);margin-bottom:10px;overflow:visible}.profile-avatar-wrapper .user-avatar-component .member-status-dot{width:16px!important;height:16px!important;border-width:3px!important;bottom:2px!important;right:2px!important;z-index:10}.profile-header-info{margin-bottom:16px}.profile-username{font-size:1.34rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.profile-status-text{font-size:.95rem;color:var(--text-muted)}.profile-status-row,.profile-status-edit-row{display:flex;align-items:center;gap:6px;min-width:0;animation:profile-status-fade-in .15s ease}@keyframes profile-status-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.profile-status-row .profile-status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-status-edit-icon{flex-shrink:0}.profile-status-input{width:min(100%,260px);min-width:0;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);padding:7px 9px;font:inherit;font-size:.9rem;outline:none}.profile-status-input:focus{border-color:var(--primary-color)}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;width:100%}.profile-body{padding:20px;background:var(--bg-primary);flex:1;display:flex;flex-direction:column;gap:18px}.profile-section{display:flex;flex-direction:column;gap:10px}.profile-section-header{display:flex;justify-content:space-between;align-items:center}.profile-section-title{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;border-bottom:1px solid var(--border-color);width:100%}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.profile-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill, 999px);background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color));font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.profile-badge svg{color:var(--primary-color);flex-shrink:0}.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-row{display:flex;align-items:flex-start;gap:8px}.profile-bio-row .profile-bio-text{flex:1;min-width:0;margin:0}.profile-bio-edit-icon{flex-shrink:0;margin-top:2px}.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:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-bio-edit-actions .btn{width:100%;justify-content:center}.profile-info-grid{display:flex;flex-direction:column;gap:0;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.profile-info-grid .info-item{display:flex;align-items:center;gap:14px;padding:10px 14px;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--border-color);transition:background .15s ease;transform:none!important;color:var(--text-secondary)}.profile-info-grid .info-item:last-child{border-bottom:none}.profile-info-grid .info-item:hover{background:var(--bg-hover);transform:none!important;color:var(--text-primary)}.profile-info-grid .info-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;margin-top:0}.profile-info-grid .info-item:hover .info-icon{color:var(--text-primary)}.profile-info-grid .info-detail{display:flex;flex-direction:column;gap:1px;min-width:0}.profile-info-grid .info-label{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.profile-info-grid .info-value{font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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)}.profile-section .server-settings-member-roles{position:relative;border-top:none;padding-top:0}.profile-section .server-settings-role-pill{background:var(--bg-tertiary);font-size:.78rem;height:26px}.profile-section .server-settings-role-add-btn{background:transparent;border:none;color:var(--text-muted);width:26px;height:26px;padding:0;border-radius:var(--radius-sm);transition:all .2s ease}.profile-section .server-settings-role-add-btn:hover{background:var(--bg-hover);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)}.murmur-segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color)}.murmur-segmented--fill{display:grid;width:100%}.murmur-segmented--2{grid-template-columns:repeat(2,minmax(0,1fr))}.murmur-segmented--3{grid-template-columns:repeat(3,minmax(0,1fr))}.murmur-segmented--4{grid-template-columns:repeat(4,minmax(0,1fr))}.murmur-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:650;cursor:pointer;transition:background .16s ease,color .16s ease}.murmur-segmented button:hover{color:var(--text-primary);background:var(--bg-modifier-hover)}.murmur-segmented button.active{color:var(--text-primary);background:var(--bg-secondary)}.screen-share-body{display:flex;flex-direction:column;gap:14px;padding-top:4px}.screen-share-segmented{margin-top:8px}.soundboard-modal{width:min(440px,94vw);max-height:min(86dvh,620px);overflow:hidden}.soundboard-body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}.soundboard-state{display:flex;align-items:center;justify-content:center;padding:24px 8px;color:var(--text-secondary);font-size:.85rem;text-align:center}.soundboard-state--error{color:var(--danger-color)}.soundboard-spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--primary-color);animation:soundboard-spin .7s linear infinite}@keyframes soundboard-spin{to{transform:rotate(360deg)}}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.soundboard-clip{position:relative}.soundboard-clip-btn{width:100%;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;border-radius:var(--radius-md);background:var(--surface-control);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:var(--control-transition)}.soundboard-clip-btn:hover{background:var(--surface-control-hover);border-color:var(--border-strong)}.soundboard-clip-btn:active{transform:scale(.96)}.soundboard-clip-emoji{font-size:1.5rem;line-height:1}.soundboard-clip-name{max-width:100%;font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.soundboard-clip-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm, 6px);background:var(--surface-danger-soft);color:var(--danger-color);cursor:pointer;opacity:0;transition:opacity .15s ease}.soundboard-clip:hover .soundboard-clip-delete,.soundboard-clip-delete:focus-visible{opacity:1}.soundboard-add-btn{align-self:stretch;justify-content:center;gap:6px}.soundboard-add-form{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-subtle);padding-top:12px}.soundboard-file{font-size:.8rem;color:var(--text-secondary)}.soundboard-add-row{display:flex;gap:8px}.soundboard-name{flex:1;padding:8px 12px}.soundboard-emoji{width:56px;padding:8px;text-align:center}.soundboard-volume{display:flex;align-items:center;gap:10px}.soundboard-volume .slider{flex:1}.soundboard-form-actions{display:flex;gap:8px;justify-content:flex-end}.spatial-mixer-modal{width:min(560px,94vw);max-height:min(92dvh,760px);overflow:hidden}.spatial-mixer-body{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.spatial-unsupported{margin:8px 0}.spatial-row--toggle{display:flex;align-items:center;justify-content:space-between}.spatial-row-label{font-weight:700;color:var(--text-primary)}.spatial-segmented{margin-top:6px}.spatial-reset-btn{align-self:flex-start}.spatial-scene{position:relative;width:100%;height:clamp(240px,42dvh,380px);min-height:0;aspect-ratio:1 / 1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;touch-action:none}.spatial-scene--manual{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--primary-color) 10%,transparent),transparent 60%),var(--bg-tertiary)}.spatial-puck{position:absolute;transform:translate(-50%,-50%);border-radius:50%;z-index:2;transition:box-shadow .15s ease;touch-action:none;-webkit-user-select:none;user-select:none}.spatial-puck--draggable{cursor:grab}.spatial-puck--draggable:active{cursor:grabbing}.spatial-puck--focused{box-shadow:0 0 0 3px var(--primary-color);border-radius:50%}.spatial-you{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1;pointer-events:none}.spatial-you-dot{width:22px;height:22px;border-radius:50%;background:var(--success-color, #3ba55d);box-shadow:0 0 0 4px color-mix(in srgb,var(--success-color, #3ba55d) 25%,transparent)}.spatial-you-label{font-size:.72rem;font-weight:700;color:var(--text-secondary)}@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}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus-visible{outline:none!important;box-shadow:none!important}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),input[type=search]: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)}.profile-action-btn--pending{color:var(--warning-color);background:color-mix(in srgb,var(--warning-color) 16%,var(--bg-tertiary));border:1px solid color-mix(in srgb,var(--warning-color) 34%,transparent);cursor:default}.profile-action-btn--pending:hover{background:color-mix(in srgb,var(--warning-color) 16%,var(--bg-tertiary))}.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:var(--radius-md);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)}}.friend-status.status-dnd{color:var(--danger-color)}.friend-status.status-idle{color:var(--warning-color)}.chat-jump-bottom-btn-container{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;z-index:100;pointer-events:none;padding:0 16px}.chat-jump-bottom-btn{pointer-events:auto;height:32px;padding:0 16px;border-radius:999px;background:var(--primary-color);border:none;box-shadow:0 4px 12px #00000040;display:flex;align-items:center;gap:8px;color:#fff;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.chat-jump-bottom-btn:hover{transform:translateY(-2px);background:var(--primary-hover);box-shadow:0 6px 16px #0000004d}.chat-jump-bottom-btn:active{transform:translateY(0)}.rotate-270{transform:rotate(270deg)}.chat-messages-body--typing-visible .chat-jump-bottom-btn-container{bottom:54px}@media(max-width:768px){.video-grid-container.mobile-layout{--vg-gap: 10px;--vg-pad: 8px;overflow:hidden!important}.video-grid-container.mobile-layout .video-grid-main{overflow:hidden!important}.video-grid-container.mobile-layout .video-grid-main__tiles{overflow:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.video-grid-container.mobile-layout .contents-default{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-content:start!important;justify-items:stretch!important;align-items:stretch!important;overflow:visible!important;padding:4px 0 calc(10px + env(safe-area-inset-bottom,0px))!important}.video-grid-container.mobile-layout.grid-count-1 .contents-default{grid-template-columns:minmax(0,1fr)!important}.video-grid-container.mobile-layout .video-tile-wrapper{width:100%!important;max-width:none!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important}.video-grid-container.mobile-layout.mode-grid .video-tile.video-tile--grid{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;aspect-ratio:16 / 9!important;transform:none!important}.video-grid-container.mobile-layout.mode-grid .video-tile.video-tile--grid.video-tile--avatar-only{min-height:160px}}@media(max-width:560px){.video-grid-container.mobile-layout .contents-default{grid-template-columns:minmax(0,1fr)!important}}.premium-badge-stack{display:inline-flex;align-items:center;gap:5px;line-height:1;white-space:nowrap;vertical-align:middle;--premium-badge-size: 24px}.premium-plan-badge{width:var(--premium-badge-size);height:var(--premium-badge-size);display:inline-grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--premium-badge-accent) 52%,var(--border-color));color:var(--premium-badge-accent);background:radial-gradient(circle at 35% 24%,color-mix(in srgb,white 20%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--premium-badge-accent) 18%,transparent),transparent 62%),color-mix(in srgb,var(--bg-primary) 80%,var(--premium-badge-base));box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent),inset 0 -1px color-mix(in srgb,black 24%,transparent);position:relative}.premium-plan-badge--chorus{--premium-badge-accent: #63e6d4;--premium-badge-base: #063a42}.premium-plan-badge--ensemble{--premium-badge-accent: #b7a4ff;--premium-badge-base: #2b155f}.premium-plan-badge__svg{width:70%;height:70%;display:block;overflow:visible}.premium-plan-badge__svg path{fill:currentColor}.premium-plan-badge__shadow{opacity:.24;transform:translateY(1px)}.premium-plan-badge__cut{fill:color-mix(in srgb,white 30%,currentColor)!important;opacity:.62}.premium-plan-badge__line{fill:none!important;stroke:color-mix(in srgb,white 58%,currentColor);stroke-width:1.4;stroke-linecap:round;opacity:.7}.premium-plan-badge__text{margin-left:5px;color:var(--text-secondary);font-size:.72rem;font-weight:700}.premium-badge-stack:not(.premium-badge-stack--compact) .premium-plan-badge{width:auto;min-width:var(--premium-badge-size);padding:0 7px 0 3px;border-radius:999px;grid-auto-flow:column;grid-auto-columns:max-content;gap:2px}.premium-badge-stack--compact{gap:4px}.profile-username .premium-badge-stack{margin-left:2px}.modal-content.upgrade-modal{width:min(880px,calc(100vw - 32px))}.upgrade-modal__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}.upgrade-plan-card{min-width:0}.upgrade-plan-card__perks{flex:1}.upgrade-plan-card__check{color:var(--plan-accent, var(--primary-color))}.upgrade-modal__error{color:var(--error-color, #ed4245);text-align:center;margin-top:8px}@media(max-width:720px){.upgrade-modal__plans{grid-template-columns:minmax(0,1fr)}}.email-prompt-modal__label{display:block;margin-bottom:6px;font-weight:600;font-size:.85rem}.email-prompt-modal__sent{color:var(--success-color, #3ba55d);margin:0}.email-prompt-modal__error{color:var(--error-color, #ed4245);margin:.5rem 0 0}.admin-main{max-width:900px;margin:0 auto;padding:1.5rem}.admin-back-btn{margin-bottom:1rem}.admin-denied{padding:2rem;text-align:center}.admin-block{margin-bottom:2.5rem}.admin-block--tight{margin-bottom:1rem}.admin-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-row>.input{flex:1;min-width:180px}.admin-msg{margin-top:.5rem}.admin-msg--ok{color:var(--success-color, #3ba55d)}.admin-msg--err{color:var(--error-color, #ed4245)}.admin-empty{text-align:center;padding:1rem}.admin-tag-bot{margin-left:6px;opacity:.6;font-size:.75rem}.admin-tag-banned{margin-left:6px;color:var(--error-color, #ed4245);font-size:.7rem;font-weight:700}.verify-page{align-items:center;justify-content:center;text-align:center;padding:2rem}.verify-card{max-width:420px}.verify-cta{margin-top:1rem;display:inline-block}.billing-return-page{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:clamp(18px,5vw,40px);position:relative;background:var(--bg-primary)}.billing-return-page:before{content:"";position:absolute;inset:0 0 auto;height:min(38vh,320px);pointer-events:none;opacity:.34}.billing-return-page--success:before{background:linear-gradient(180deg,color-mix(in srgb,var(--success-color) 40%,transparent),transparent)}.billing-return-page--cancel:before{background:linear-gradient(180deg,color-mix(in srgb,var(--error-color, #ed4245) 38%,transparent),transparent)}.billing-return-brand{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1rem;font-weight:750;text-decoration:none}.billing-return-brand img{border-radius:9px;box-shadow:0 0 0 1px var(--border-color)}.billing-return-panel{width:min(100%,520px);position:relative;z-index:1;margin-left:clamp(0px,7vw,96px);padding:0}.billing-return-status{margin:0;font-size:.88rem;font-weight:760;color:var(--text-secondary)}.billing-return-panel h1{margin:18px 0 0;color:var(--text-primary);font-size:clamp(1.45rem,4vw,1.85rem);line-height:1.15;letter-spacing:0}.billing-return-copy{margin:12px 0 0;color:var(--text-secondary);line-height:1.55}.billing-return-loading{display:inline-flex;align-items:center;gap:8px}.billing-return-spinner{animation:spin 1s linear infinite}.billing-return-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.billing-return-cta{display:inline-flex;align-items:center;gap:8px}@media(max-width:560px){.billing-return-brand{top:18px;left:18px}.billing-return-page{align-items:center;justify-content:center;padding-top:88px}.billing-return-panel{width:100%;margin-left:0}.billing-return-actions .btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.billing-return-spinner{animation:none}}.forum-settings-block{display:flex;flex-direction:column;gap:0;margin:0 0 2rem;border-top:1px solid var(--border-color)}.forum-settings-section{position:relative;padding:28px 0;border-bottom:1px solid var(--border-color)}.forum-settings-section h3{margin:0 0 6px;font-size:1.05rem;line-height:1.25;color:var(--text-primary)}.forum-settings-section p,.forum-settings-copy p{margin:0 0 14px;max-width:720px;color:var(--text-secondary);line-height:1.45}.forum-settings-primary{gap:8px;min-height:44px}.forum-settings-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.forum-settings-tag{display:inline-flex;align-items:center;gap:7px;min-height:32px;max-width:260px;padding:5px 8px 5px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.forum-settings-tag>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-settings-tag-note{color:var(--text-dim);font-size:.7rem;font-weight:700;text-transform:uppercase}.forum-settings-tag button{display:inline-flex;border:0;background:transparent;color:var(--text-dim);cursor:pointer;padding:2px}.forum-settings-tag button:hover{color:var(--text-primary)}.forum-settings-check{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:var(--text-secondary);cursor:pointer}.forum-settings-radio-list input{width:22px;height:22px;accent-color:var(--primary-color)}.forum-settings-check .switch{flex-shrink:0}.forum-settings-reaction-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:28px;align-items:center}.forum-settings-preview{position:relative;min-height:150px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-secondary) 62%,transparent);padding:22px;overflow:hidden}.forum-settings-preview-lines{display:grid;gap:12px;width:calc(100% - 116px)}.forum-settings-preview-lines span{height:10px;border-radius:999px;background:var(--bg-hover)}.forum-settings-preview-lines span:nth-child(2){width:72%}.forum-settings-preview-lines span:nth-child(3){width:84%;margin-top:10px}.forum-settings-preview-lines span:nth-child(4){width:58%}.forum-settings-preview-media{position:absolute;top:22px;right:22px;width:88px;height:88px;border-radius:var(--radius-md);background:var(--bg-hover)}.forum-settings-preview-reaction{position:absolute;left:22px;bottom:18px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700}.forum-settings-emoji-popover{position:absolute;z-index:40;display:grid;grid-template-columns:repeat(8,34px);gap:6px;width:max-content;max-width:min(360px,calc(100vw - 48px));margin-top:10px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:0 16px 40px #00000057}.forum-settings-emoji-popover button{width:34px;height:34px;border:0;border-radius:var(--radius-sm);background:transparent;font-size:1.25rem;cursor:pointer}.forum-settings-emoji-popover button:hover{background:var(--bg-hover)}.forum-settings-emoji-clear{grid-column:1 / -1;width:auto!important;height:34px!important;color:var(--text-secondary);font-size:.85rem!important}.forum-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:24px}.forum-settings-grid .settings-control{margin:0}.forum-settings-radio-list{display:grid;gap:18px;margin-top:18px}.forum-settings-radio-list label{display:flex;align-items:flex-start;gap:14px;color:var(--text-primary);cursor:pointer}.forum-settings-radio-list strong{display:block;font-weight:600}.forum-settings-radio-list small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.88rem;line-height:1.4}.forum-tag-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000009e}.forum-tag-modal{position:relative;width:min(560px,100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:28px;box-shadow:0 24px 80px #00000080}.forum-tag-modal-close{position:absolute;top:18px;right:18px;display:inline-flex;border:0;background:transparent;color:var(--text-dim);cursor:pointer}.forum-tag-modal h3{margin:0 36px 10px 0;font-size:1.45rem}.forum-tag-modal p{margin:0 0 22px;color:var(--text-secondary);line-height:1.45}.forum-tag-modal-input{display:flex;align-items:center;min-height:52px;border:2px solid color-mix(in srgb,var(--primary-color) 72%,var(--border-color));border-radius:var(--radius-md);background:var(--bg-primary)}.forum-tag-modal-input>button{width:52px;height:48px;border:0;border-right:1px solid var(--border-color);background:transparent;font-size:1.2rem;cursor:pointer}.forum-tag-modal-input input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem;padding:0 14px}.forum-settings-check--modal{margin-top:20px}.forum-tag-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.forum-settings-emoji-popover--tag{position:relative;grid-template-columns:repeat(8,34px)}.forum-settings-emoji-search{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dim)}@media(max-width:860px){.forum-settings-reaction-row,.forum-settings-grid{grid-template-columns:1fr}}.forum-view{display:flex;min-height:0;height:100%;background:var(--bg-primary);color:var(--text-primary)}.forum-main-pane{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid transparent}.forum-toolbar{display:flex;flex-direction:column;gap:14px;padding:16px 16px 8px;flex-shrink:0}.forum-search{width:100%;align-items:center;gap:8px;padding:8px 12px}.forum-search .murmur-input{flex:1 1 auto;min-width:120px}.forum-new-post-btn{flex-shrink:0;gap:6px;white-space:nowrap;border-radius:var(--radius-md);min-height:44px}.forum-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.forum-sort{position:relative;align-self:flex-start;display:inline-flex;align-items:center}.forum-sort .forum-sort-select{min-width:200px}.forum-sort-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.forum-sort .custom-select-trigger{padding-left:34px}.forum-layout-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.forum-layout-toggle button{width:34px;height:30px;border:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-dim);cursor:pointer}.forum-layout-toggle button:hover,.forum-layout-toggle button.active{color:var(--text-primary);background:var(--bg-hover)}.forum-composer{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.forum-composer-close{position:absolute;top:14px;left:14px;background:none;border:none;color:var(--text-dim);cursor:pointer;display:inline-flex;padding:2px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.forum-composer-close:hover{color:var(--text-primary);background:var(--bg-hover)}.forum-composer-main{display:flex;align-items:flex-start;gap:14px;padding-left:36px}.forum-composer-fields{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.forum-composer-title{background:none;border:none;outline:none;color:var(--text-primary);font-size:1.25rem;font-weight:700}.forum-composer-title::placeholder{color:var(--text-dim)}.forum-composer-body{background:none;border:none;outline:none;resize:vertical;min-height:84px;color:var(--text-secondary);font-size:.95rem;line-height:1.45;font-family:inherit}.forum-composer-media{flex-shrink:0;width:96px;height:96px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s,border-color .15s}.forum-composer-media:hover{color:var(--text-primary);background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color))}.forum-staged-files{display:flex;flex-wrap:wrap;gap:8px;padding-left:36px}.forum-composer-tags,.forum-tag-filter,.forum-post-tags{display:flex;flex-wrap:wrap;gap:8px}.forum-composer-tags{padding-left:36px}.forum-composer-tags button,.forum-tag-filter button{min-height:30px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 10px;font:inherit;font-size:.82rem;cursor:pointer}.forum-composer-tags button:hover,.forum-tag-filter button:hover,.forum-composer-tags button.active,.forum-tag-filter button.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--primary-color) 50%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 18%,var(--bg-tertiary))}.forum-staged-file{display:inline-flex;align-items:center;gap:8px;max-width:240px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem}.forum-staged-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-staged-file button{display:inline-flex;flex-shrink:0;border:0;background:transparent;color:var(--text-dim);cursor:pointer}.forum-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-color);padding-top:12px}.forum-composer-hint{color:var(--text-dim);font-size:.8rem}.forum-composer-submit{gap:6px}.forum-composer-submit--blocked{opacity:.62}.forum-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 16px 24px}.forum-empty{margin:12px auto 0;max-width:680px;text-align:center;background:color-mix(in srgb,var(--bg-secondary) 82%,transparent);border-radius:var(--radius-lg);padding:44px 28px}.forum-empty-title{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.forum-empty-sub{margin:0 auto;max-width:520px;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.forum-empty-btn{margin-top:20px}.forum-post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.forum-post-list--gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.forum-post-list li{min-width:0}.forum-post-card{width:100%;min-height:116px;display:flex;gap:12px;padding:16px;text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.forum-post-list--gallery .forum-post-card{min-height:210px;align-items:flex-start}.forum-post-card:hover,.forum-post-card.active{background:var(--bg-hover);border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color))}.forum-post-card:hover{transform:translateY(-1px)}.forum-post-body{flex:1 1 auto;min-width:0}.forum-post-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.forum-post-title{font-weight:700;font-size:1.05rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-post-time{flex-shrink:0;font-size:.75rem;color:var(--text-dim)}.forum-post-author{margin-top:2px;color:var(--text-dim);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-post-tags{margin-top:8px}.forum-post-tag{display:inline-flex;align-items:center;gap:5px;min-height:24px;max-width:180px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 14%,var(--bg-tertiary));color:var(--text-secondary);font-size:.74rem;font-weight:700}.forum-post-excerpt{margin:8px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-post-list--gallery .forum-post-excerpt{-webkit-line-clamp:5}.forum-post-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.forum-post-meta-item{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:3px 7px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-tertiary) 82%,transparent);font-size:.78rem;color:var(--text-dim)}.forum-post-score{color:color-mix(in srgb,var(--primary-color) 82%,var(--text-primary))}.forum-post-default-reaction{cursor:pointer;font-size:.95rem}.forum-post-default-reaction:hover{color:var(--text-primary);background:color-mix(in srgb,var(--primary-color) 20%,var(--bg-tertiary))}.forum-thread-portal:empty{display:none}.forum-thread-portal{display:flex;flex-direction:column;width:var(--murmur-right-panel-width);flex:0 0 var(--murmur-right-panel-width);height:100%;border-left:1px solid var(--border-color);background:var(--bg-secondary)}.forum-thread-portal>div{display:contents}.docked-chat-panel{flex:1 1 0%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.right-panels-wrapper>.docked-chat-panel{width:var(--murmur-right-panel-width);flex:0 0 var(--murmur-right-panel-width);border-left:1px solid var(--border-color)}.docked-chat-panel__loading{flex:1 1 0%;min-height:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.forum-thread-header{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.forum-thread-title-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:8px}.forum-thread-title-wrap h2{margin:0;font-size:.95rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.forum-thread-title-wrap span{color:var(--text-dim);font-size:.8rem;white-space:nowrap;flex-shrink:0}@media(min-width:769px){.forum-thread-back{display:none}}@media(max-width:768px){.forum-thread-close{display:none}}.forum-thread-back,.forum-thread-close{width:28px;height:28px;border:0;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.forum-thread-back:hover,.forum-thread-close:hover{background:var(--bg-hover);color:var(--text-primary)}.forum-thread-messages{flex:1 1 0%;min-height:0;display:flex;overflow:hidden}.forum-thread-messages .chat-messages-body{flex:1 1 0%;min-height:0}.docked-chat-panel .chat-input-area{flex-shrink:0}@media(max-width:640px){.forum-search{flex-wrap:wrap}.forum-search .murmur-input{flex-basis:calc(100% - 40px)}.forum-new-post-btn{width:100%;justify-content:center}.forum-composer-main{flex-direction:column;padding-left:28px}.forum-composer-media{width:100%;height:74px}.forum-staged-files{padding-left:28px}.forum-post-list--gallery{display:flex}}.stage-view{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary);color:var(--text-primary)}.stage-waiting{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--primary-color) 40%,#0b1020),#0a0e1a 70%)}.stage-waiting-inner{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;text-align:center}.stage-waiting-title{margin:0;font-size:clamp(1.8rem,1rem + 3vw,3rem);font-weight:700;color:#fff}.stage-waiting-sub{margin:12px 0 32px;font-size:1.1rem;color:color-mix(in srgb,#fff 80%,transparent)}.stage-waiting-actions{width:100%;display:flex;flex-direction:column;gap:14px}.stage-action-card{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,#fff 12%,transparent);background:color-mix(in srgb,#0b1020 55%,transparent);color:#fff;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s}.stage-action-card:hover{background:color-mix(in srgb,var(--primary-color) 22%,#0b1020);border-color:color-mix(in srgb,var(--primary-color) 60%,transparent)}.stage-action-card:active{transform:translateY(1px)}.stage-action-icon{flex-shrink:0;color:#fff}.stage-action-text{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}.stage-action-title{font-weight:600;font-size:1.05rem}.stage-action-desc{font-size:.86rem;color:color-mix(in srgb,#fff 65%,transparent)}.stage-action-chevron{flex-shrink:0;color:color-mix(in srgb,#fff 55%,transparent)}.stage-waiting-presence{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,#fff 85%,transparent);font-size:.95rem}.stage-live{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary)}.stage-live-header{display:flex;align-items:center;gap:16px;padding:14px clamp(12px,3vw,28px);border-bottom:1px solid var(--border-color);flex-shrink:0}.stage-live-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}.stage-live-stats{display:inline-flex;align-items:center;gap:16px;color:var(--text-dim);font-size:.85rem}.stage-live-stats span{display:inline-flex;align-items:center;gap:5px}.stage-live-stats{margin-left:auto}.stage-live-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px clamp(12px,3vw,28px);display:flex;flex-direction:column;gap:24px}.stage-section-head{display:flex;align-items:center;gap:8px;width:100%;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--text-dim);padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.stage-empty-text{margin:0;color:var(--text-muted);font-size:.9rem}.stage-request-queue{padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-secondary) 82%,transparent)}.stage-request-list{display:grid;gap:8px}.stage-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}.stage-request-user{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text-primary);font-size:.92rem;font-weight:600}.stage-request-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-speaker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;justify-content:center}.stage-speaker-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary-color) 26%,var(--bg-secondary));min-height:150px}.stage-speaker-tile.is-speaking{outline:2px solid var(--primary-color);outline-offset:2px}.stage-speaker-badge{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center}.stage-speaker-name{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;background:color-mix(in srgb,#000 35%,transparent);color:#fff;font-size:.85rem;font-weight:500}.stage-inline-action{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,#000 22%,transparent);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer}.stage-inline-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-inline-action:hover{border-color:color-mix(in srgb,#fff 32%,transparent);background:color-mix(in srgb,#000 34%,transparent)}.stage-audience-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:18px 14px}.stage-audience-member{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.stage-audience-avatar{position:relative}.stage-hand-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.stage-audience-name{font-size:.82rem;color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-view{--vg-pad: 0px}.stage-callbar{padding-top:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.stage-callbar-dock{position:absolute;left:0;right:0;bottom:0;padding-bottom:8px}.stage-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,#000 55%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.stage-modal{position:relative;width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 18px 60px #00000080}.stage-modal--confirm{text-align:left}.stage-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-dim);font-size:1.6rem;line-height:1;cursor:pointer}.stage-modal-close:hover{color:var(--text-primary)}.stage-modal-art{align-self:center;width:88px;height:88px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--primary-color) 75%,#3a1d6e),color-mix(in srgb,var(--primary-color) 40%,#1a1030));margin-bottom:6px}.stage-modal-title{margin:0;text-align:center;font-size:1.3rem;font-weight:700}.stage-modal--confirm .stage-modal-title{text-align:left}.stage-modal-sub{margin:0 0 8px;text-align:center;color:var(--text-secondary);font-size:.92rem}.stage-modal--confirm .stage-modal-sub{text-align:left}.stage-modal-input{width:100%;padding:10px 12px}.stage-modal-checkbox{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;color:var(--text-secondary);font-size:.92rem;cursor:pointer}.stage-modal-checkbox .switch{flex-shrink:0}.stage-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.stage-modal-actions--stack{flex-direction:column}.stage-modal-actions--stack .btn{width:100%;justify-content:center}.voice-stage-split{display:flex;flex:1;min-height:0;height:100%;width:100%}.voice-stage-media{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.voice-chat-panel{flex:0 0 360px;max-width:360px;display:flex;flex-direction:column;min-height:0;height:100%;border-left:1px solid var(--border-color);background:var(--bg-primary)}.voice-chat-panel__head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:0 12px 0 16px;border-bottom:1px solid var(--border-color)}.voice-chat-panel__title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-chat-panel__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.voice-chat-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-chat-panel__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.voice-chat-panel{position:absolute;top:0;right:0;bottom:0;left:0;flex-basis:auto;max-width:none;z-index:6;border-left:none}}.voice-chat-portal:empty{display:none}.voice-chat-portal{display:flex;flex-direction:column;width:var(--murmur-right-panel-width);flex:0 0 var(--murmur-right-panel-width);height:100%;border-left:1px solid var(--border-color);background:var(--bg-secondary)}.voice-chat-portal>div{display:contents}.voice-chat-portal .voice-chat-panel{flex:1 1 0%;max-width:none;border-left:none}@media(max-width:768px){.voice-chat-portal{width:100%;flex-basis:auto;border-left:none}}:root[data-theme=dark],:root[data-theme=onyx]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}.chat-area-container{display:flex;flex-direction:row;min-height:0;flex:1 1 auto}.message-thread-preview{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 8px;border-radius:var(--radius-xs);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--primary-color);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.message-thread-preview:hover{background:var(--bg-hover);border-color:var(--primary-color)}.message-thread-preview__name{color:var(--text-primary);font-weight:600}.message-thread-preview__count{color:var(--text-secondary)}@media(max-width:600px){.right-panels-wrapper>.docked-chat-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;z-index:10;border-left:none}}.sidebar-events-entry{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:6px 8px 2px;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.sidebar-events-entry:hover{background:var(--bg-hover);color:var(--text-primary)}.events-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--bg-primary, var(--bg-secondary))}.events-view__header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;border-bottom:1px solid var(--border-color);flex-shrink:0}.events-view__title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.events-view__header-actions{display:flex;align-items:center;gap:10px}.events-view__create-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:filter var(--transition-fast)}.events-view__create-btn:hover{filter:brightness(1.08)}.events-view__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;border-radius:var(--radius-xs);transition:background var(--transition-fast),color var(--transition-fast)}.events-view__close:hover{background:var(--bg-hover);color:var(--text-primary)}.events-view__body{flex:1 1 auto;overflow-y:auto;padding:16px}.events-view__loading,.events-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary)}.events-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.spin{animation:spin .85s linear infinite}.event-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition-fast)}.event-card:hover{border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color))}.event-card--cancelled{opacity:.6}.event-card--past{opacity:.75}.event-card__cover{position:relative;aspect-ratio:16 / 7;background:var(--bg-tertiary)}.event-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.event-card__live{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-xs);background:#e02d2d;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em}.event-card__live--inline{position:static}.event-card__body{display:flex;flex-direction:column;gap:7px;padding:12px 14px 14px}.event-card__when{display:flex;align-items:center;gap:6px;color:var(--primary-color);font-size:.78rem;font-weight:600}.event-card__badge--cancelled{color:#e02d2d}.event-card__name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.event-card__desc{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__location{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.82rem}.event-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.event-card__rsvp{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.event-card__rsvp:hover:not(:disabled){border-color:var(--primary-color)}.event-card__rsvp.active{background:var(--primary-glow);border-color:var(--primary-color);color:var(--primary-color)}.event-card__rsvp:disabled{opacity:.5;cursor:not-allowed}.event-card__count{padding:1px 6px;border-radius:var(--radius-pill);background:var(--bg-hover);font-size:.74rem}.event-card__manage{display:flex;gap:4px}.event-card__icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-xs);transition:background var(--transition-fast),color var(--transition-fast)}.event-card__icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.event-card__icon-btn.danger:hover{color:#e02d2d}.event-form-modal{width:min(860px,96vw)!important;max-width:unset!important}.event-form-layout{display:grid;grid-template-rows:auto 1fr;gap:0;min-height:0}.event-form-cover{padding:0 24px 16px;display:flex;flex-direction:column;gap:12px}.event-form-fields{padding:0 24px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;align-content:start}.event-form-fields .form-group:last-of-type{margin-bottom:0}.event-form-fields .form-group{margin-bottom:16px}.event-form-fields>.form-group:nth-child(1),.event-form-fields>.form-group:nth-child(2),.event-form-fields>.form-group:nth-child(3){grid-column:1 / -1}.event-when-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1 / -1}.event-when-row .form-group{min-width:0;margin-bottom:0}.event-datetime-input{color-scheme:dark}:root[data-theme=light] .event-datetime-input{color-scheme:light}.event-cover-upload{display:block;cursor:pointer;position:relative;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.event-cover-upload__empty{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;aspect-ratio:16 / 5;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);background:var(--bg-tertiary)}.event-cover-upload__label{font-weight:600;font-size:.85rem}.event-cover-upload__hint{font-size:.75rem;color:var(--text-dim)}.event-cover-upload:hover .event-cover-upload__empty{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-glow)}.event-cover-upload:hover .event-cover-upload__hint{color:var(--primary-color);opacity:.7}.event-cover-upload__preview{width:100%;aspect-ratio:16 / 5;object-fit:cover;display:block}.event-cover-upload__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;background:#00000080;color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:opacity .15s}.event-cover-upload:hover .event-cover-upload__overlay{opacity:1}@media(max-width:640px){.event-form-fields{grid-template-columns:1fr}.event-cover-upload__empty,.event-cover-upload__preview{aspect-ratio:16 / 7}.events-view__grid{grid-template-columns:1fr}}.app-tooltip{position:fixed;top:0;left:0;z-index:5000;max-width:280px;padding:7px 11px;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);box-shadow:0 6px 22px #00000057;font-size:.84rem;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;will-change:transform;animation:app-tooltip-in .12s ease}.app-tooltip:after{content:"";position:absolute;width:9px;height:9px;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);transform:rotate(45deg)}.app-tooltip[data-placement=top]:after{bottom:-5px;left:var(--mtt-arrow);margin-left:-4px;border-top:none;border-left:none}.app-tooltip[data-placement=bottom]:after{top:-5px;left:var(--mtt-arrow);margin-left:-4px;border-bottom:none;border-right:none}.app-tooltip[data-placement=right]:after{left:-5px;top:var(--mtt-arrow);margin-top:-4px;border-right:none;border-top:none}.app-tooltip[data-placement=left]:after{right:-5px;top:var(--mtt-arrow);margin-top:-4px;border-left:none;border-bottom:none}@keyframes app-tooltip-in{0%{opacity:0}to{opacity:1}}.thread-new{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow-y:auto;padding:16px;gap:8px;justify-content:flex-end}.thread-new__hero{display:flex;justify-content:center;padding:8px 0 16px}.thread-new__label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.thread-new__name{width:100%;flex:0 0 auto;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s ease}.thread-new__name:focus{border-color:var(--primary-color)}.thread-new__name::placeholder{color:var(--text-dim)}.thread-new__root{display:flex;gap:12px;align-items:flex-start;padding:10px 2px 2px}.thread-new__root-body{min-width:0;flex:1 1 auto}.thread-new__root-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.thread-new__root-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.thread-new__root-time{color:var(--text-dim);font-size:.75rem}.thread-new__root-text{color:var(--text-secondary);font-size:.92rem;line-height:1.4;word-break:break-word}