@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-3{padding:calc(var(--spacing) * 3)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{color:#dedfe7;font-synthesis:none;color-scheme:dark;background:#121318;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a393ff}input{color:#eee;background:#181920;border:1px solid #34353f;border-radius:8px;outline:none;width:100%;padding:13px 14px}input:focus{border-color:#9482ff}label{color:#aeb0be;gap:8px;font-size:12px;font-weight:600;display:grid}form{gap:18px;display:grid}.primary{color:#171127;background:#a593ff;border-radius:8px;padding:13px 18px;font-weight:700}.primary:hover{background:#baadff}.secondary{border:1px solid #44414f;border-radius:8px;padding:13px 18px}.eyebrow{letter-spacing:1.8px;color:#aaa0d6;font-size:10px;font-weight:700}.login{background:#191a21;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.intro{background:radial-gradient(at 10% 85%,#34265b 0,#0000 65%),#141419;flex-direction:column;justify-content:center;padding:48px 10%;display:flex;position:relative;overflow:hidden}.brand{letter-spacing:3px;align-items:center;gap:12px;font-size:16px;font-weight:800;display:flex;position:absolute;top:42px}.brand svg{color:#b6a3ff}.intro h1{letter-spacing:-5px;z-index:1;margin:24px 0 32px;font-size:clamp(60px,7vw,102px);font-weight:800;line-height:1.03}.intro em{color:#b19aff;font-style:normal}.intro p{color:#a9a5b8;z-index:1;line-height:1.8}.privacy{color:#a09bac;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:40px}.orb{border:1px solid #8970d32b;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-40px;right:-320px}.orb-two{width:650px;height:650px;bottom:-110px;right:-400px}.login-form{width:100%;max-width:430px;margin:auto;padding:50px 24px}.login-form h2{letter-spacing:-.9px;margin:24px 0 7px;font-size:27px}.login-form>p{color:#8f919f;margin:0 0 28px;font-size:13px}.beta{letter-spacing:1.4px;color:#aaa0d6;border:1px solid #514564;border-radius:20px;padding:6px 10px;font-size:9px;display:inline-block}.login-form .switch{text-align:center;margin:22px 0;font-size:12px}.switch button{color:#b5a3ff;font-weight:600}.login-form>small{text-align:center;color:#666978;font-size:10px;display:block}.notice{color:#ffc3d0;background:#482e3a;border:1px solid #794153;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:12px;padding:12px 15px;font-size:12px;display:flex}.notice button{font-size:21px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{grid-template-columns:74px 248px minmax(300px,1fr) 230px;height:100dvh;display:grid;overflow:hidden}.rail{background:#111217;flex-direction:column;align-items:center;gap:12px;padding:19px 0;display:flex}.logo,.server-icon,.add-server,.join-server{border-radius:15px;width:46px;height:46px}.logo{color:#201736;background:#a797ff;place-items:center;display:grid}.server-icon{color:#c4c1d4;background:#282933;font-size:13px;font-weight:700;position:relative}.server-icon.active{color:#eee1ff;background:#65528f}.server-icon.active:before{content:"";background:#bba5ff;border-radius:4px;width:3px;height:30px;position:absolute;left:-14px}.divider{border-top:1px solid #30313a;width:27px;margin:2px 0}.add-server{color:#b4a0fc;background:#24212f}.join-server{color:#89908d}.rail-bottom{color:#5d6070;margin-top:auto}.channels{background:#1b1c24;border-right:1px solid #2a2b34;flex-direction:column;min-height:0;display:flex}.channels>header{border-bottom:1px solid #2c2d35;justify-content:space-between;align-items:center;height:68px;padding:0 21px;font-size:15px;display:flex}.community-card{background:linear-gradient(135deg,#342b49,#252332);border:1px solid #494057;border-radius:11px;margin:24px 15px;padding:17px}.community-card .eyebrow{font-size:8px}.community-card h3{margin:12px 0 7px;font-size:14px}.community-card p{color:#a7a1b6;font-size:11px;line-height:1.7}.community-card button{color:#241b36;background:#b39bed;border-radius:5px;justify-content:space-between;width:100%;margin-top:10px;padding:9px;font-size:11px;font-weight:600}.category{letter-spacing:1px;color:#838291;justify-content:space-between;align-items:center;margin:8px 21px 12px;font-size:9px;font-weight:700;display:flex}.channel-list{padding:0 11px;overflow:auto}.channel-list>button{color:#9594a6;border-radius:6px;justify-content:flex-start;gap:11px;width:100%;margin-bottom:4px;padding:10px 12px;font-size:13px}.channel-list>button.selected{color:#ded0fc;background:#373041}.channel-dot{margin-left:auto}.selected .channel-dot{background:#bda3fc;border-radius:50%;width:5px;height:5px}.side-foot{color:#696d7e;align-items:center;gap:9px;margin-top:auto;padding:20px 15px;font-size:9px;display:flex}.profile{background:#17181f;align-items:center;gap:9px;padding:14px 12px;display:flex}.avatar{color:#c9bbff;background:#3e3b56;border-radius:13px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:grid}.own{color:#f3e9ff;background:#605181}.profile strong{font-size:11px;display:block}.profile small{color:#888697;font-size:9px}.profile button{color:#777787;margin-left:auto}main{background:#22232c;flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid #34343e;flex-shrink:0;align-items:center;gap:13px;height:68px;padding:0 25px;display:flex}.chat-header>svg{color:#83818e}.chat-header strong{font-size:14px}.header-separator{background:#44424f;width:1px;height:18px;margin:0 2px}.topic{color:#848390;font-size:11px}.connection{white-space:nowrap;color:#d0a980;margin-left:auto;font-size:9px}.connection.on{color:#9bc6ab}.connection:before{content:"●";margin-right:6px;font-size:8px}.messages{scrollbar-width:thin;scrollbar-color:#42414d transparent;flex:1;min-height:0;padding-bottom:20px;overflow:auto}.welcome{padding:45px 30px 28px}.welcome-icon{color:#c8afff;background:#393143;border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:22px;display:grid}.welcome .eyebrow{font-size:9px}.welcome h1{letter-spacing:-.8px;margin:10px 0;font-size:27px}.welcome p{color:#92909f;font-size:12px;line-height:1.7}.date-line{border-top:1px solid #3a3945;justify-content:center;margin:15px 28px 22px;display:flex}.date-line span{color:#888592;background:#22232c;margin-top:-7px;padding:0 13px;font-size:9px}.message{gap:13px;padding:11px 28px;display:flex;position:relative}.message:hover{background:#20212a}.message-body{min-width:0}.message-body strong{font-size:12px;font-weight:650}.message-body strong.mine{color:#bea8f4}.message time{color:#7d798c;margin-left:10px;font-size:9px}.message p{color:#bcbac9;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.8}.message-tools{background:#191a22;border:1px solid #43404c;border-radius:5px;padding:5px;display:none;position:absolute;top:-7px;right:20px}.message:hover .message-tools,.message:focus-within .message-tools{display:flex}.message-tools button{color:#a49db4;padding:5px}.first-message{color:#827d92;padding:25px 30px;font-size:12px}.composer-wrap{padding:14px 25px 17px}.composer{background:#2c2d38;border:1px solid #41404f;border-radius:10px;align-items:center;gap:13px;padding:5px 15px;display:flex}.composer>svg{color:#797487}.composer input{background:0 0;border:0;padding:13px 0;font-size:12px}.composer button{color:#b6a0ee}.composer-hint{color:#716d80;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.composer-hint b{color:#9690a4}.members{background:#1d1e26;border-left:1px solid #2b2c35;flex-direction:column;padding:0 17px;display:flex}.members header{letter-spacing:1px;color:#aaa7b7;border-bottom:1px solid #30303b;align-items:center;gap:9px;height:68px;font-size:10px;display:flex}.members header span{background:#32303e;border-radius:5px;margin-left:auto;padding:4px 6px;font-size:9px}.member-heading{color:#797486;letter-spacing:.9px;margin:29px 0 19px;font-size:9px;font-weight:700}.member{align-items:center;gap:10px;margin:0 0 21px;display:flex}.member strong{font-size:11px;display:block}.member small{color:#797386;margin-top:5px;font-size:9px;display:block}.member-note{color:#8c819f;border:1px solid #38323f;border-radius:10px;margin-top:auto;margin-bottom:20px;padding:16px}.member-note h4{color:#b4a8c6;margin:10px 0;font-size:11px}.member-note p,.member-note small{font-size:10px;line-height:1.8}.member-note small{color:#746c82;display:block}.empty{padding:70px 40px}.empty h1{letter-spacing:-1px;font-size:30px}.empty p{color:#9993aa;font-size:13px;line-height:1.9}.empty-actions{gap:12px;margin-top:25px;font-size:12px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#090910bd;place-items:center;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#22232d;border:1px solid #4b415c;border-radius:17px;width:min(430px,90vw);padding:34px;position:relative}.modal>svg{color:#bca5ff}.modal h2{font-size:23px}.modal p{color:#aaa0b9;font-size:12px}.modal code{overflow-wrap:anywhere;color:#c7b3ff;background:#16171e;border-radius:7px;margin:20px 0;padding:16px;display:block}.modal>.primary{width:100%}.close{color:#968b9d;font-size:26px;position:absolute;top:13px;right:18px}.load-more{color:#b59fe7;margin:15px auto;font-size:11px;display:flex}@media(max-width:1150px){.app{grid-template-columns:66px 220px minmax(300px,1fr)}.members,.topic,.header-separator{display:none}}@media(max-width:700px){.login{grid-template-columns:1fr}.intro{display:none}.login-form{padding:40px 25px}.app{grid-template-columns:54px 150px minmax(200px,1fr);overflow:auto}.rail{gap:9px}.logo,.server-icon,.add-server,.join-server{border-radius:12px;width:37px;height:37px}.community-card,.side-foot{display:none}.category{margin:23px 12px 12px;font-size:8px}.channels>header{padding:0 12px;font-size:12px}.channel-list{padding:0 5px}.channel-list>button{gap:6px;padding:10px 6px;font-size:11px}.profile{gap:6px;padding:12px 6px}.profile .avatar{display:none}.welcome,.empty{padding:25px 18px}.welcome h1{font-size:22px}.chat-header{padding:0 15px}.connection{font-size:8px}.message{padding:10px 15px}.composer-wrap{padding:12px}.empty-actions{flex-direction:column}.profile button{padding:0}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{font-family:DM Sans,Segoe UI,sans-serif;color:#eeeaf4;background:#0d1019;font-synthesis:none;color-scheme:dark}body{background:#0d1019}h1,h2,h3,h4,strong{font-family:Outfit,Segoe UI,sans-serif}button{transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:2px solid #d8b9ff;outline-offset:3px}input{border:1px solid #3b3b50;background:#171a28;border-radius:11px;color:#f3edf7}input:focus{border-color:#b69ce6;box-shadow:0 0 0 3px #a87de823}label{color:#b5aebf;font-size:11px;letter-spacing:.025em}.primary{border:1px solid #d7b6ff;background:linear-gradient(135deg,#e1c1ff,#bd9cff);color:#241731;box-shadow:0 8px 28px #b08ad724;border-radius:10px}.primary:hover{background:linear-gradient(135deg,#f0d9ff,#c6a7ff);box-shadow:0 12px 32px #b08ad73b}.secondary{border-color:#635772;color:#dfd2ed}.eyebrow{color:#d8b9ed}.notice{background:#402b3d;border:1px solid #78465e;color:#fbd8e7;position:relative;z-index:4}.login{background:#111420;grid-template-columns:minmax(530px,1.12fr) minmax(440px,.88fr);min-height:100vh}.intro{padding:7% 8% 11%;background:radial-gradient(circle at 58% 42%,#473259 0,#271f37 26%,transparent 57%),linear-gradient(155deg,#111521,#201a2a 75%,#151621);border-right:1px solid #554266;justify-content:flex-end;isolation:isolate}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent 25%,black);mask-image:linear-gradient(to bottom,transparent 25%,black)}.intro:after{content:"";position:absolute;width:70%;aspect-ratio:1;left:18%;top:12%;border:1px solid #d9bafb23;border-radius:50%;box-shadow:0 0 0 90px #d9bafb08,0 0 0 185px #d9bafb05;z-index:-1}.brand{position:absolute;top:40px;left:8%;font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-1px;font-size:21px;gap:10px;text-transform:lowercase}.brand b{color:#d1afe9;font-weight:600}.brand-glyph,.logo{display:grid;place-items:center;background:#f2e6d5!important;color:#292133!important;font-family:Outfit,sans-serif;font-weight:800;font-size:24px;letter-spacing:-3px;line-height:1}.brand-glyph{width:36px;height:36px;border-radius:12px;box-shadow:0 6px 20px #edd4b336}.hero-eyebrow{position:relative;z-index:3;font-size:10px;letter-spacing:2.2px;color:#e1c2ec}.intro h1{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(52px,5.4vw,82px);line-height:1.03;letter-spacing:-3.8px;margin:23px 0 24px;position:relative;z-index:3;text-shadow:0 2px 20px #10121cb3}.intro h1 em{color:#e6c2ff}.intro p{font-size:14px;color:#c9bfd1;line-height:1.8;margin:0;position:relative;z-index:3}.privacy{color:#dacfe0;bottom:27px;font-size:10px;z-index:3}.privacy svg{color:#c9e5d7}.hero-mumu{position:absolute;width:min(62%,560px);height:auto;object-fit:contain;top:7%;right:5%;filter:drop-shadow(0 30px 50px #07081478);z-index:1;animation:mumuFloat 6s ease-in-out infinite}@keyframes mumuFloat{50%{transform:translateY(-10px)}}.orb{opacity:.25;z-index:-1}.login-form{max-width:420px;padding:60px 24px}.login-form h2{font-family:Outfit,sans-serif;font-size:34px;letter-spacing:-1.6px;font-weight:600;margin:26px 0 5px}.login-form>p{font-size:13px;color:#a4a1b3;margin-bottom:30px}.beta{border:1px solid #52465f;background:#30283b;color:#d6bced;font-size:9px;padding:8px 11px}.login-form form{gap:18px}.login-form input{height:45px}.login-form .primary{height:48px;font-size:13px;margin-top:5px}.login-form>small{color:#8b8499;line-height:1.6}.switch button{color:#e0baf8}.app{grid-template-columns:74px 278px minmax(320px,1fr) 236px;background:#111420}.rail{background:#0c0f18;border-right:1px solid #252535;padding:19px 0;gap:11px}.logo{width:47px;height:47px;border-radius:15px;cursor:pointer;box-shadow:0 6px 20px #edd4b327}.divider{border-color:#343040;margin:5px 0}.rail-link{width:43px;height:43px;color:#9a93aa;border-radius:12px}.rail-link:hover,.rail-link.active{color:#f0dafa;background:#3b2c4f}.rail-link.active:before{content:"";position:absolute;left:0;width:3px;height:27px;border-radius:0 3px 3px 0;background:#dcbaef}.rail-caption{font-size:7px;letter-spacing:1.4px;color:#777084;margin:15px 0 2px;font-weight:800}.server-icon{border-radius:15px;background:#292935;border:1px solid #393744;color:#e3d6e6}.server-icon.active{background:#75578d;color:#fff}.add-server{background:#2b2137;border:1px solid #5c446e;color:#d9b5f2}.join-server{border:1px solid #303141}.rail-bottom{margin-top:auto}.channels{background:#171a26;border-right:1px solid #34303f}.channels>header{height:74px;border-bottom:1px solid #33303e;padding:0 20px}.channels>header>div{display:flex;flex-direction:column;gap:5px}.channels>header strong{font-size:16px;font-weight:600;letter-spacing:-.3px}.aside-overline{font-size:8px;letter-spacing:1.3px;color:#ad92c1;font-weight:700}.community-card{border:1px solid #5f476a;background:radial-gradient(circle at 90% 0,#72528770,transparent 45%),linear-gradient(135deg,#382c49,#251f31);border-radius:16px;margin:19px 13px 24px;padding:18px;box-shadow:0 12px 24px #090b142c}.community-card h3{font-size:17px;letter-spacing:-.5px}.community-card p{color:#c0b3ca}.community-card button{background:#e4ccf4;color:#2b1c32;border-radius:8px}.category{font-size:9px;letter-spacing:1.4px;color:#a799b5;margin:23px 20px 12px}.category button{color:#bda6ce}.conversation-list{display:flex;flex-direction:column;gap:2px;padding:0 10px;max-height:220px;overflow:auto}.conversation-list>button{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:10px;padding:8px;border-radius:9px;color:#c0b8cc;font-size:12px;overflow:hidden}.conversation-list>button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list>button.selected,.conversation-list>button:hover{background:#393044;color:#fff}.conversation-list i{font-style:normal;margin-left:auto;min-width:17px;height:17px;border-radius:50%;background:#cfabed;color:#25152f;display:grid;place-items:center;font-size:9px;font-weight:800}.dm-avatar{width:30px;height:30px;flex-shrink:0;border-radius:10px;background:#604b6a;display:grid;place-items:center;color:#f8e7ff;font-weight:700}.channel-list>button{font-size:12px;border-radius:8px;margin-bottom:3px}.channel-list>button:hover{background:#282633}.channel-list>button.selected{background:#3d304c;color:#f0dafc}.side-foot{padding:14px 18px;color:#9987a9;gap:8px}.side-foot img{width:23px;height:23px;object-fit:contain}.profile{background:#121520;border-top:1px solid #302c3a;padding:15px 12px}.avatar{border-radius:12px;background:#725782;color:#fff}.own{background:#b994cd;color:#2c1c36}.profile strong{font-size:12px}.profile small{font-size:10px}.profile button:hover{color:#e9c4f2}main{background:#1d202e;position:relative}.chat-header{height:74px;border-bottom:1px solid #393846;background:#202331;padding:0 24px}.chat-header>svg{color:#c9a6db}.chat-header strong{font-size:16px;font-weight:600}.topic{color:#9692a5;font-size:11px}.connection{background:#292b38;border:1px solid #42404e;border-radius:18px;padding:7px 11px;color:#c9ab9b}.connection.on{border-color:#456453;color:#b9dfc7;background:#25362e}.connection.on:before{color:#85d7a8}.attention{font-size:11px;color:#e9c7f6;background:#49354e;border:1px solid #765773;border-radius:8px;padding:8px 10px}.messages{background:radial-gradient(circle at 80% 2%,#332a3b78,transparent 32%),#1d202e}.welcome{padding:43px 32px 22px}.welcome-icon{width:78px;height:78px;border-radius:23px;background:#3c3147;border:1px solid #69516f;overflow:hidden;box-shadow:0 9px 25px #09091444}.welcome-icon img{width:100%;height:100%;object-fit:contain}.welcome h1{font-size:31px;letter-spacing:-1.1px;font-weight:600}.welcome p{color:#aaa3b7}.date-line{border-color:#3d3b49}.date-line span{background:#1d202e;color:#9e94a8}.message:hover{background:#282835}.message-body strong{font-size:13px}.message-body strong.mine{color:#e0b8f6}.message p{color:#e3dfe9;font-size:13px}.message time{color:#9c94a6}.message-tools{border-color:#5d4d67;background:#2a2635}.composer-wrap{background:#1d202e;padding:16px 26px 18px}.composer{background:#2a2a39;border:1px solid #50475a;border-radius:13px;box-shadow:0 8px 24px #0b0b1433}.composer:focus-within{border-color:#b592d3}.composer>svg{color:#c2a9cf}.composer input{font-size:13px}.composer button{background:#d1abe6;color:#2f1d39;border-radius:8px;width:33px;height:33px}.composer button:hover{background:#edcbff}.composer-hint{font-size:9px;color:#9993a8}.members{background:#191b28;border-left:1px solid #34323f}.members header{height:74px;color:#d4c7dc}.member-heading{color:#a796b1}.member strong{font-size:12px}.member small{color:#9d90a9}.member-note{background:#2c2638;border-color:#56435f;color:#d1bddc}.member-note h4{color:#f1dcf5}.member-note small{color:#bfa5c7}.empty{padding:60px 38px}.empty h1{font-size:34px;font-weight:600}.empty p{color:#afa5ba}.modal{background:#252432;border:1px solid #765b80;box-shadow:0 30px 80px #06050dc9}.modal h2{font-weight:600}.modal code{background:#151722}.mumu-toast{position:absolute;right:25px;top:83px;z-index:8;padding:12px 15px;background:#e7d1f1;color:#31243b;border-radius:12px;box-shadow:0 10px 30px #120e2077;font-size:12px;display:flex;align-items:center;gap:13px}.mumu-toast button{font-size:19px;color:#493652}.friends-view,.settings-view{height:100%;overflow:auto;padding:55px clamp(26px,6%,75px);background:radial-gradient(circle at top right,#3b2b4866,transparent 35%),#1d202e}.view-eyebrow{font-size:10px;letter-spacing:2.2px;color:#d2ace6;font-weight:800}.friends-view h1,.settings-view h1{font-size:clamp(32px,3.3vw,48px);line-height:1.08;letter-spacing:-1.5px;font-weight:600;margin:15px 0 11px}.friends-view>p,.settings-view>p{font-size:13px;color:#aaa2b5;margin-bottom:31px}.friend-search{display:flex;align-items:center;gap:12px;max-width:640px;border:1px solid #62566c;border-radius:11px;padding:0 16px;background:#292736;color:#bb9bcc}.friend-search input{background:none;border:0;box-shadow:none;height:47px;padding-left:0;font-size:12px}.friends-list{margin-top:34px;max-width:760px;background:#252733;border:1px solid #454252;border-radius:17px;overflow:hidden;box-shadow:0 14px 30px #0c0b172b}.friends-list-title{padding:17px 22px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#b7a0c7;border-bottom:1px solid #444151}.friend-row{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid #383743}.friend-row:last-child{border-bottom:0}.friend-avatar{width:40px;height:40px;flex-shrink:0;border-radius:13px;background:#715480;display:grid;place-items:center;font-size:16px;color:#fff;font-weight:700}.friend-row>span:nth-child(2){flex:1;min-width:0}.friend-row strong{display:block;font-size:13px;font-weight:600}.friend-row small{display:block;color:#aaa0b1;font-size:10px;margin-top:3px}.friend-row button{width:34px;height:34px;border-radius:9px;border:1px solid #62556e;color:#dbbfe9;background:#372c41}.friend-row button:hover{background:#4c3957}.friends-empty{text-align:center;padding:20px 20px 38px}.friends-empty img{width:150px;height:145px;object-fit:contain}.friends-empty h3{font-size:18px;margin:0 0 7px}.friends-empty p{color:#aaa0b6;font-size:12px}.settings-card{max-width:630px;margin-top:36px;padding:25px;background:#292934;border:1px solid #52475a;border-radius:18px;box-shadow:0 14px 30px #0b0a1429}.settings-id{display:flex;align-items:center;gap:13px}.settings-id>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ab87bd;color:#25162b;font-size:21px;font-weight:700}.settings-id>div{flex:1}.settings-id strong{display:block;font-size:15px}.settings-id small{color:#ab9db2;font-size:10px}.settings-id button{color:#cba9da}.settings-card p{font-size:12px;color:#b1a7bb;margin:22px 0}.settings-card .secondary{font-size:12px}.app .members{display:flex}@media(max-width:1150px){.app{grid-template-columns:66px 250px minmax(300px,1fr)}.members{display:none!important}.hero-mumu{width:65%;top:16%}.intro h1{font-size:58px}}@media(max-width:800px){.login{grid-template-columns:1fr}.intro{min-height:420px;padding:110px 32px 40px}.hero-mumu{width:300px;right:1%;top:40px}.intro h1{font-size:46px}.intro p{font-size:12px}.privacy{display:none}.login-form{padding:42px 25px}.app{grid-template-columns:58px 195px minmax(320px,1fr)}.community-card{display:none}.channels>header{height:65px}.category{margin-top:22px}.topic{display:none}}@media(max-width:620px){.app{grid-template-columns:53px minmax(310px,1fr)}.channels{display:none}.hero-mumu{width:210px;top:65px;opacity:.68}.intro{min-height:380px}.intro h1{font-size:42px}.intro p{max-width:270px}.chat-header{padding:0 12px}.connection{font-size:0;padding:8px}.connection:before{font-size:11px}.friends-view,.settings-view{padding:35px 20px}.message{padding:10px 14px}.composer-wrap{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app:has(.friends-view),.app:has(.settings-view){grid-template-columns:74px 278px minmax(320px,1fr)}.app:has(.friends-view) .members,.app:has(.settings-view) .members{display:none}.friends-view{position:relative;isolation:isolate}.friends-view:after{content:"";position:absolute;right:4%;top:12%;width:24%;aspect-ratio:1;background:url(../brand/mumu-mascot.png) center/contain no-repeat;opacity:.13;pointer-events:none;z-index:-1}.app:has(.friends-view) .conversation-list>button.selected,.app:has(.settings-view) .conversation-list>button.selected{background:transparent;color:#c0b8cc}.settings-card{display:grid;gap:17px}.settings-card p{margin:0}.settings-card label{display:grid;gap:7px}.settings-card textarea,.settings-card select{width:100%;background:#171a28;border:1px solid #4a4254;border-radius:10px;color:#eeeaf4;padding:12px;font:inherit;font-size:12px;resize:vertical}.settings-card input{height:42px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-card .primary{justify-self:start}.session-list{border-top:1px solid #504658;padding-top:17px;display:grid;gap:9px}.session-list>strong{font-size:12px}.session-list>div{display:flex;align-items:center;justify-content:space-between;color:#bcb1c4;font-size:11px}.session-list button{color:#dec4ed;font-size:11px}.settings-card .secondary{justify-self:start}.welcome-icon{width:92px;height:92px;overflow:visible;background:radial-gradient(circle,#685075,#352b3c);border-color:#82638b}.welcome-icon img{width:114%;height:114%;object-fit:contain;filter:drop-shadow(0 8px 14px #09071388)}.composer{position:relative}.composer .compose-plus,.composer .compose-emoji{background:transparent;color:#c2a6cf;box-shadow:none;width:30px;height:30px;padding:0;flex-shrink:0}.composer .compose-plus:hover,.composer .compose-emoji:hover{color:#edccff;background:#41344b}.composer input[type=file]{display:none}.emoji-row{display:flex;gap:7px;padding:8px 4px}.emoji-row[hidden]{display:none}.emoji-row button{font-size:20px;padding:5px;border-radius:8px;background:#2d2938}.emoji-row button:hover{background:#4b3a57}.attached{display:flex;align-items:center;gap:8px;color:#d8bce8;font-size:11px;padding:6px}.attached button{font-size:18px;color:#e3c3f0}.reaction-list{display:flex;gap:6px;margin-top:7px}.reaction-list button{background:#3a3046;border:1px solid #786288;border-radius:8px;padding:4px 9px;font-size:11px;color:#e5cfef}.reaction-list button:hover{background:#5a3f6d}.attachment-chip{display:block;background:#3b3446;border:1px solid #6b5c77;border-radius:8px;padding:8px 11px;color:#dfc4ed;font-size:11px;margin:7px 0}.attachment-chip:hover{background:#53425f}.message-tools button:hover{color:#e8c8fa}@media(max-width:1150px){.app:has(.friends-view),.app:has(.settings-view){grid-template-columns:66px 250px minmax(300px,1fr)}}@media(max-width:800px){.app:has(.friends-view),.app:has(.settings-view){grid-template-columns:58px 195px minmax(320px,1fr)}}@media(max-width:620px){.app:has(.friends-view),.app:has(.settings-view){grid-template-columns:53px minmax(310px,1fr)}.settings-grid{grid-template-columns:1fr}}.brand-glyph{background:none!important;box-shadow:none}.brand-glyph img,.logo img{width:100%;height:100%;display:block;border-radius:inherit}.logo{background:none!important;box-shadow:0 8px 20px #a078bf33}.logo:hover{box-shadow:0 10px 24px #ae8acd66}.voice-list{flex-shrink:0}.voice-list>button{color:#b8acc3}.voice-list>button svg{color:#c9a6db}.voice-list>button.selected{background:linear-gradient(90deg,#4c3859,#342b42);color:#fff;box-shadow:inset 3px 0 #d7b5ed}.voice-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.voice-actions+.connection{margin-left:0}.voice-button,.voice-control{height:34px;padding:0 12px;border:1px solid #6d537a;border-radius:10px;background:#3d3049;color:#ebd5f5;font-size:10px;font-weight:700;white-space:nowrap}.voice-button:hover,.voice-control:hover{background:#533c60}.voice-button.live{border-color:#4f7f69;background:#284438;color:#c9f4df}.voice-control.danger{border-color:#78505c;background:#482d38;color:#ffd6df}.voice-count{font-size:10px;color:#c9b4d1;white-space:nowrap}.voice-lobby{margin:0 30px 26px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border:1px solid #71577d;border-radius:20px;background:radial-gradient(circle at 92% 5%,#9f73bb55,transparent 38%),linear-gradient(145deg,#35293f,#252632);box-shadow:0 18px 45px #0908134f}.voice-lobby-copy{display:flex;align-items:center;gap:16px}.voice-lobby-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#e1c3f5,#a883c1);color:#2c1d35;display:grid;place-items:center;box-shadow:0 10px 28px #bf91d53d}.voice-lobby h3{margin:0 0 5px;font-size:18px}.voice-lobby p{margin:0;color:#b8adbf;font-size:11px;line-height:1.6}.voice-lobby .voice-button{height:43px;padding:0 17px}.voice-live-panel{display:flex;align-items:center;gap:9px}.voice-live-panel .voice-count{padding:8px 10px;border-radius:9px;background:#1c2824;color:#bfe8d3}.voice-pulse{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#7cd6a6;box-shadow:0 0 0 5px #7cd6a61e;animation:voicePulse 1.8s ease-in-out infinite}@keyframes voicePulse{50%{box-shadow:0 0 0 9px #7cd6a600}}audio[data-mumu-voice]{display:none}@media(max-width:900px){.voice-actions .voice-count,.voice-actions .voice-control span{display:none}.voice-control{width:34px;padding:0}.voice-lobby{grid-template-columns:1fr}.voice-lobby>.voice-button,.voice-live-panel{justify-self:start}}.incoming-call{margin:12px 20px 0;padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid #8b6997;border-radius:15px;background:linear-gradient(115deg,#3f2e49,#282634);box-shadow:0 16px 38px #0807105c;position:relative;z-index:6;animation:callIn .28s ease-out}.incoming-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#d8b4e9;color:#2c1c34;font:700 16px Outfit,sans-serif}.incoming-call>div{display:grid;gap:2px;flex:1}.incoming-call small{color:#cdaee0;font-size:8px;letter-spacing:1.3px;font-weight:800}.incoming-call strong{font-size:13px}.call-accept,.call-decline{height:35px;padding:0 13px;border-radius:10px;font-size:10px;font-weight:700}.call-accept{background:#3e7359;color:#daf9e8;border:1px solid #629a79}.call-decline{background:#56323e;color:#ffdce4;border:1px solid #855264}@keyframes callIn{0%{opacity:0;transform:translateY(-8px)}}.voice-control.live{border-color:#5b8b74;background:#29483b;color:#caf6df}.call-dock{margin:14px 20px 0;border:1px solid #5c4a69;border-radius:16px;background:linear-gradient(145deg,#2a2736,#211f2c);overflow:hidden;box-shadow:0 12px 30px #0909143b;flex-shrink:0}.call-dock-head{min-height:60px;display:flex;align-items:center;gap:12px;padding:11px 14px}.call-dock-head>div{display:grid;gap:2px;min-width:0;flex:1}.call-dock-head strong{font-size:12px}.call-dock-head small{font-size:9px;color:#a89bad}.call-live{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#bfe8d2;border:1px solid #456857;background:#24372f;padding:7px 9px;border-radius:9px;white-space:nowrap}.share-stage{height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;background:#11131c;transition:height .25s ease;overflow:hidden}.call-dock.sharing .share-stage,.share-stage:has(video){height:min(43vh,390px);padding:8px}.share-stage video{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:11px;background:#080a10;border:1px solid #383342}.share-stage video[data-mumu-share=local]{transform:scaleX(1)}.share-placeholder{display:grid;place-items:center;align-content:center;gap:10px;color:#807789;font-size:10px;min-height:160px}.share-stage:has(video) .share-placeholder{display:none}@media(max-width:800px){.call-dock{margin:10px 10px 0}.call-dock-head .voice-control{width:auto}.call-dock.sharing .share-stage,.share-stage:has(video){height:300px}}
