:root{color-scheme:dark;--bg:#141b24;--text:#e5edf5;--muted:#8292a8;--accent:#79dfb7;--line:#2a3340;--hover:#2d3745}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;background:none}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important}button{transition:background .15s,color .15s,transform .15s}strong{font-weight:600}p{line-height:1.65}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--hover);color:var(--text)}.small-icon{display:flex;align-items:center;padding:3px;color:var(--muted)}.small-icon .icon{width:17px;height:17px}.small-icon:hover{color:var(--accent)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 20px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4}.button.primary{background:var(--accent);color:#11271f;box-shadow:0 3px 12px #72e3bb0c}.button.primary:hover{background:#96edce}.button.secondary{background:#232b36;color:#d7e1eb;border:1px solid #36414f}.button.secondary:hover{background:#2c3745}.button.full{width:100%}.button.compact{padding:9px 14px;font-size:12px}.button .icon{width:18px;height:18px}.danger-text{color:#f18f98!important}.text-link{color:var(--accent);display:inline-flex;align-items:center;gap:10px;font-size:13px;padding:0}.tiny-label,.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.status-dot.muted{background:#717a8c}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:hsl(var(--hue),23%,29%);color:hsl(var(--hue),70%,85%);font-size:13px;font-weight:650;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:32px;height:32px;border-radius:11px;font-size:11px}.avatar.xs{width:23px;height:23px;border-radius:8px;font-size:9px}.avatar.large{width:66px;height:66px;border-radius:22px;font-size:22px}label{display:block;font-weight:550;font-size:12px;color:#d7deea}input:not([type=checkbox]):not([type=range]),select{width:100%;border:1px solid #323b49;background:#151b25;color:var(--text);padding:13px 14px;border-radius:7px;margin-top:9px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#697588}select{color-scheme:dark}label+label{margin-top:21px}form>small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:8px}form>small+label{margin-top:20px}.form-error{font-size:12px;color:#ff9aa7;line-height:1.5;min-height:18px;margin:12px 0}.form-error:empty{min-height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#343e4c;border:1px solid transparent;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.auth-layout{height:100%;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{position:relative;padding:43px 54px;background:radial-gradient(ellipse at 20% 50%,#203c385e,transparent 65%),#121c22;display:flex;flex-direction:column;border-right:1px solid #2d3a3f;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.5px}.brand>.icon{width:33px;height:33px;background:var(--accent);padding:5px;color:#13291f;border-radius:10px}.brand-light{font-weight:400;color:#c5d1d6}.story-copy{margin:auto 0;padding:65px 0 40px}.story-copy h1{font-size:clamp(36px,4.3vw,67px);letter-spacing:-2.6px;line-height:1.14;margin:24px 0;font-weight:630}.story-copy h1 em{font-style:normal;color:var(--accent)}.story-copy>p{color:#9bafb4;font-size:15px;line-height:1.8}.sound-card{position:relative;margin:38px 0 27px;max-width:440px;border:1px solid #3b595653;background:linear-gradient(140deg,#2a464740,#1c303342);border-radius:17px;overflow:hidden}.sound-wave{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:131px;padding:18px 30px}.sound-wave span{height:var(--bar);width:5px;max-height:86px;background:var(--accent);border-radius:4px;opacity:.8;animation:breathe 2.8s var(--delay) ease-in-out infinite}.sound-wave span:nth-child(3n){opacity:.4}.sound-caption{display:flex;align-items:center;padding:16px 20px;border-top:1px solid #3b595653;font-size:11px;gap:9px;color:#bdd0d0}.sound-caption>.icon{width:16px;height:16px;color:var(--accent)}.sound-caption>span{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#7faaa2}.story-features{display:flex;gap:25px;color:#95abae;font-size:10px}.story-features>span{display:flex;align-items:center;gap:7px}.story-features .icon{width:15px;height:15px;color:#72bba6}.story-bottom{display:flex;justify-content:space-between;gap:15px;color:#75898d;font-size:10px}.story-bottom>span{font-size:8px;letter-spacing:1.2px}.auth-form-side{padding:48px;display:flex;justify-content:center;align-items:center;position:relative;background:#171d27;overflow:auto}.auth-card{width:100%;max-width:352px}.auth-card>.tiny-label{font-size:9px;color:#8896a9;letter-spacing:1.8px}.auth-card h2{font-size:28px;letter-spacing:-1px;margin:16px 0 9px;font-weight:620}.auth-card>p{color:#8d9aad;font-size:12px;margin-bottom:25px}.segmented{display:flex;background:#111721;padding:5px;border:1px solid #2b3441;border-radius:9px;margin:29px 0}.segmented button{width:50%;border-radius:6px;padding:9px;font-size:12px;color:#8694a7}.segmented .active{background:#2a3442;color:#e1e9f2;box-shadow:0 2px 5px #0002}.auth-card .button{margin-top:10px;justify-content:space-between}.auth-card .auth-note{text-align:center;font-size:11px;color:#7e8b9e;line-height:1.8;margin-top:23px}.endpoint{margin-top:20px}.endpoint summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;color:#7d8b9e;font-size:11px}.endpoint summary .icon{width:13px;height:13px}.endpoint label{margin-top:15px}.endpoint input{font-size:11px;padding:10px!important}.auth-foot{position:absolute;bottom:25px;left:48px;right:48px;display:flex;align-items:center;gap:8px;font-size:10px;color:#6c798d}.auth-foot>span:last-child{margin-left:auto}@keyframes breathe{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1)}}.desktop{display:flex;flex-direction:column;height:100%}.titlebar{height:45px;min-height:45px;background:#11151d;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px}.titlebar>span{font-size:11px;font-weight:550;display:flex;gap:10px;align-items:center;color:#b9c4d2}.titlebar .icon{width:20px;height:20px;color:var(--accent)}.titlebar>div{display:flex;align-items:center;gap:20px}.titlebar .tiny-label{font-size:8px;letter-spacing:1.4px;color:#5e6d81}.version{font-size:8px;letter-spacing:1px;background:#202932;color:#85a197;padding:4px 7px;border:1px solid #2c3c3c;border-radius:4px}.workspace{display:flex;min-height:0;flex:1}.server-rail{background:#11151d;width:76px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:12px;padding:22px 0 15px;border-right:1px solid #202733;overflow-y:auto;overflow-x:hidden}.rail-home,.server-icon{width:46px;height:46px;min-height:46px;display:flex;align-items:center;justify-content:center;background:#252d39;color:#a7b2c5;border-radius:16px;font-weight:650;font-size:14px;position:relative}.rail-home{background:#203b34;color:var(--accent);border-radius:16px}.rail-home .icon{width:28px;height:28px}.server-icon:hover{background:#344237;color:var(--accent);border-radius:14px}.server-icon.selected,.rail-home.selected{background:var(--accent);color:#13251d;border-radius:14px}.selected:before{content:"";position:absolute;left:-15px;height:29px;background:var(--accent);width:4px;border-radius:0 4px 4px 0}.rail-divider{height:1px;width:26px;background:#303745;margin:1px 0}.add-server{background:#1a2b28;color:var(--accent);border:1px dashed #365c4e}.join-server{background:none;border:1px solid #2d3541;color:#75869a}.rail-bottom{margin-top:auto;padding-top:40px;color:#40505f}.rail-bottom .icon{width:19px;height:19px}.server-icon.unread:after{content:"";position:absolute;left:-15px;width:4px;height:7px;border-radius:4px;background:#e0e9f1}.sidebar{width:247px;flex-shrink:0;display:flex;flex-direction:column;background:#181e28;border-right:1px solid var(--line)}#sidebar-head{min-height:83px;border-bottom:1px solid var(--line)}.sidebar-title{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:600;font-size:14px;gap:7px}.sidebar-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-badge{font-size:7px;color:#64778a;letter-spacing:1px;border:1px solid #303c49;padding:4px 5px;border-radius:4px}.server-label{font-size:8px;letter-spacing:1.2px;color:#718a87;padding:0 22px;display:flex;gap:7px;align-items:center;margin-top:-1px}.server-label .status-dot{width:4px;height:4px}#sidebar-content{padding:18px 12px;overflow-y:auto;flex:1}.sidebar-home{display:flex;align-items:center;width:100%;padding:12px;border-radius:7px;color:#a2b0c3;gap:12px;font-size:13px;margin-bottom:28px}.sidebar-home.active{background:#2a343f;color:#e6edf4}.sidebar-home>.icon{color:var(--accent)}.count{font-size:9px;padding:2px 6px;background:var(--accent);color:#142a21;border-radius:4px;margin-left:auto}.group-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;font-weight:650;color:#738197;padding:0 8px;margin:12px 0 10px}.group-heading>span{display:flex;align-items:center;gap:5px}.group-heading .icon{width:13px;height:13px}.channel-group{margin-top:29px}.channel-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;color:#8a99af;font-size:13px;margin:3px 0;text-align:left}.channel-item .icon{width:19px;height:19px;color:#64748b}.channel-item.active{background:#2a343f;color:#e5edf4}.channel-item.active .icon{color:#cbd6e2}.channel-item:hover{background:#242d39}.channel-item>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-item>small{margin-left:auto;font-size:10px;background:#2c3943;padding:2px 5px;border-radius:4px}.channel-item.in-voice,.channel-item.in-voice .icon{color:var(--accent)}.voice-person{display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 11px 5px 39px;color:#a8b4c3}.voice-person>.icon{width:13px;height:13px;margin-left:auto;color:#bd7981}.server-welcome{border:1px solid #334339;background:linear-gradient(140deg,#273f353b,#20333710);border-radius:9px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.server-welcome>.icon{color:#81b59e;width:23px;height:23px;margin-bottom:3px}.server-welcome>strong{font-size:12px;color:#c8d9d1}.server-welcome>small{font-size:10px;color:#81988c;line-height:1.65}.server-welcome>button{font-size:10px;color:var(--accent);padding:4px 0 0;display:flex;align-items:center;gap:9px}.server-welcome>button>.icon{width:13px;height:13px}.dm-item{width:100%;display:flex;align-items:center;gap:11px;padding:9px;border-radius:8px;text-align:left;margin:3px 0}.dm-item:hover,.dm-item.active{background:#252f3b}.dm-item>span:nth-child(2){display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}.dm-item small{font-size:10px;color:#6f7f93}.sidebar-empty{font-size:11px;color:#67798f;padding:4px 12px;line-height:1.85}.sidebar-tip{display:flex;gap:11px;margin:38px 8px 0;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#7f8da0}.sidebar-tip>.icon{width:17px;height:17px;color:#63778b}.sidebar-tip>span{line-height:1.7}.sidebar-tip button{display:flex;gap:5px;align-items:center;color:#a1b4c8;padding:4px 0;font-size:9px}.sidebar-tip button>.icon{width:13px;height:13px}#profile{display:flex;align-items:center;border-top:1px solid var(--line);background:#141a23;gap:3px;padding:14px 9px;min-height:76px}.profile-user{display:flex;align-items:center;gap:8px;text-align:left;flex:1;min-width:0;padding:0}.profile-user>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:0}.profile-user strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.profile-user small{color:#7f8fa2;font-size:9px;display:flex;align-items:center;gap:5px}.profile-user small .status-dot{width:4px;height:4px}.profile-controls{display:flex;gap:0}.profile-controls .icon-button{width:27px;height:29px}.profile-controls .icon{width:15px;height:15px}.voice-status{border-top:1px solid #34473f;background:#1a2c267a;padding:14px 12px 10px}.voice-status>div{display:flex;align-items:center;gap:9px}.voice-status>div>.icon{color:var(--accent);width:18px;height:18px}.voice-status>div>span{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.voice-status strong{font-size:11px;color:var(--accent)}.voice-status small{font-size:9px;color:#8aab9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-codec{display:block;font-size:7px!important;letter-spacing:1px;margin-top:11px;color:#588775!important}.main{display:flex;flex-direction:column;min-width:0;flex:1;background:#1b222d}#content-head{height:83px;min-height:83px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:#1a212b}.content-title{display:flex;align-items:center;gap:12px;min-width:0}.content-title>.icon{color:#7e8da1}.content-title>strong{font-size:14px;white-space:nowrap}.head-divider{height:20px;width:1px;background:#37404d;margin:0 3px}.head-description{font-size:11px;color:#748296;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-meta{display:flex;gap:8px;align-items:center;color:#7c8ca2;font-size:10px;white-space:nowrap}.header-meta>.icon{width:15px;height:15px}#main-content{flex:1;min-height:0;overflow:hidden}.conversation{height:100%;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding:28px 29px 18px;scroll-behavior:auto}.conversation-intro{margin:24px 0 32px}.intro-icon{display:inline-flex;width:59px;height:59px;align-items:center;justify-content:center;background:#2b3743;color:#9eafc3;border:1px solid #3d4b5a;border-radius:19px}.intro-icon>.icon{width:32px;height:32px}.conversation-intro h2{font-size:25px;font-weight:600;letter-spacing:-.7px;margin:17px 0 9px}.conversation-intro p{font-size:12px;color:#8796aa;margin:0}.date-divider{display:flex;align-items:center;gap:13px;margin:24px 0;color:#7b899d;font-size:9px}.date-divider:before,.date-divider:after{content:"";height:1px;flex:1;background:#2d3745}.message{display:flex;gap:13px;padding:10px 0}.message-content{min-width:0;flex:1}.message-content>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:1px 0 5px}.message-content strong{font-size:12px;color:#d9e2ed}.message-content time{font-size:9px;color:#68778d}.message-content p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;color:#b4c0d1;margin:0}.role-tag{font-size:7px;padding:2px 5px;border-radius:4px;background:#2c3943;color:#8fa8b6}.role-tag.owner{background:#2c3c35;color:#8fc5a4}.role-tag.admin{background:#37344c;color:#b5a4e0}.load-older{display:block;font-size:10px;color:var(--accent);margin:0 auto;padding:8px 15px;background:#243630;border-radius:7px}.compose-area{padding:0 26px 15px}.composer{display:flex;align-items:center;border:1px solid #354151;background:#252f3d;border-radius:10px;padding:12px 13px;gap:12px}.composer>.icon{width:19px;height:19px;color:#71839b}.composer textarea{flex:1;resize:none;border:0!important;background:transparent;color:#d4deec;font-size:12px;line-height:1.7;min-height:25px;max-height:160px;padding:2px 0;overflow-y:auto}.composer>button{background:#385c4e;border-radius:7px;width:32px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.composer>button>.icon{width:16px;height:16px}.composer>button:hover{background:#477762}.compose-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5e7088;font-size:8px;margin:10px 2px 0}.compose-hint kbd{font-family:inherit;color:#8492a5;font-size:8px}.unread-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;margin-left:auto;flex-shrink:0}.members{width:235px;flex-shrink:0;background:#171e28;border-left:1px solid var(--line);padding:29px 17px;overflow:auto}.members-heading{font-size:9px;letter-spacing:1.1px;font-weight:650;color:#8190a4;display:flex;align-items:center;justify-content:space-between;margin:5px 3px 26px}.members-heading>span{font-size:9px;color:#6d7d91;background:#25303c;padding:3px 7px;border-radius:5px}.member-group-title{font-size:8px;letter-spacing:1.2px;color:#5d728a;margin:22px 5px 10px;font-weight:650}.member-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 5px;border-radius:7px;text-align:left}.member-row:hover{background:#222c39}.member-row>span{font-size:11px;color:#acb9cb;display:flex;flex-direction:column;gap:3px;overflow:hidden;text-overflow:ellipsis}.member-row small{color:#63758a;font-size:9px}.avatar-status{position:relative}.avatar-status i{position:absolute;width:9px;height:9px;bottom:-1px;right:-2px;background:#616e81;border:2px solid #171e28;border-radius:4px}.avatar-status i.online{background:var(--accent)}.owner-icon{width:13px;height:13px;color:#b8aa70;margin-left:auto}.invite-members{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:#7e91a6;border:1px dashed #344151;border-radius:7px;padding:10px;font-size:10px;margin-top:25px}.invite-members .icon{width:15px;height:15px}.activity-empty{text-align:center;margin-top:47px}.activity-empty>span{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;background:#24342f;border:1px solid #354e42;border-radius:18px;color:#77a88e}.activity-empty>span .icon{width:25px;height:25px}.activity-empty h3{font-size:13px;font-weight:550;margin-top:21px}.activity-empty p{font-size:10px;color:#7e8da2;line-height:1.9;margin:12px 5px 20px}.activity-empty .button{font-size:10px;padding:10px}.activity-note{border-top:1px solid #2b3542;margin-top:36px;padding-top:20px;display:flex;gap:11px;color:#8091a6;font-size:10px}.activity-note>.icon{width:18px;height:18px;color:#658273}.activity-note>span{display:flex;flex-direction:column;gap:6px}.activity-note small{font-size:9px;color:#566d84}.friend-tabs{display:flex;gap:4px}.friend-tabs>button{padding:7px 10px;border-radius:6px;font-size:11px;color:#8797ad;white-space:nowrap}.friend-tabs>button.active{background:#2e3846;color:#d8e2ef}.friends-page{padding:31px;overflow-y:auto;height:100%}.friends-hero{display:flex;align-items:center;justify-content:space-between;padding:30px;background:linear-gradient(115deg,#223b3550,#25344320);border:1px solid #354740;border-radius:12px;position:relative;overflow:hidden;min-height:218px;gap:12px}.friends-hero .eyebrow{font-size:8px;letter-spacing:1.6px;color:#88b5a4}.friends-hero h1{font-size:28px;font-weight:600;letter-spacing:-1px;margin:14px 0 11px;line-height:1.2}.friends-hero p{font-size:11px;color:#8baba1;margin:0 0 17px}.friends-hero .text-link{font-size:10px}.friends-hero .text-link .icon{width:14px;height:14px}.hero-art{position:relative;min-width:132px;height:143px;display:flex;align-items:center;justify-content:center;margin:0 12px}.hero-art>.icon{width:94px;height:94px;fill:#34594d;stroke:#78aa94;stroke-width:.8;transform:rotate(-12deg)}.hero-bubble{position:absolute;right:0;bottom:8px;width:74px;height:62px;display:flex;align-items:center;justify-content:center;background:#243e36;border:1px solid #618d76;border-radius:19px;transform:rotate(10deg);box-shadow:0 9px 30px #0003;color:#8dd3ad}.hero-bubble>.icon{width:36px;height:36px}.spark{position:absolute;color:#97c6ac;font-size:20px}.s1{top:12px;right:0;transform:rotate(12deg)}.s2{left:-6px;bottom:8px;font-size:16px}.s3{top:0;left:24px;font-size:32px}.section-label{color:#72839a;font-size:9px;letter-spacing:1.2px;margin:31px 3px 17px;font-weight:650}.friend-row{display:flex;align-items:center;gap:13px;padding:16px 6px;border-top:1px solid #2b3543}.friend-name{display:flex;flex-direction:column;gap:7px}.friend-name strong{font-size:12px}.friend-name small{font-size:10px;color:#7e8fa5;display:flex;align-items:center;gap:5px}.friend-name small .status-dot{width:5px;height:5px}.row-actions{margin-left:auto;display:flex;gap:8px}.circle-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#242f3d;border-radius:10px;color:#859ab0}.circle-button>.icon{width:16px;height:16px}.circle-button:hover{background:#354354;color:#d1dfeb}.circle-button.accept{color:var(--accent)}.empty-friends{text-align:center;max-width:340px;margin:58px auto 25px}.empty-friends>div{display:inline-flex;align-items:center;justify-content:center;border:1px solid #384657;background:#252f3c;width:64px;height:64px;border-radius:21px;color:#8298b0}.empty-friends>div>.icon{width:30px;height:30px}.empty-friends h3{font-size:15px;font-weight:550;margin-top:22px}.empty-friends p{font-size:11px;color:#7c90a8;margin:12px 0 23px;line-height:1.9}.empty-friends>.button{font-size:11px;padding:10px 17px}dialog{color:var(--text);background:#1c2530;border:1px solid #3e4c5c;border-radius:17px;padding:33px;width:450px;max-width:calc(100vw - 30px);max-height:calc(100vh - 40px);box-shadow:0 30px 140px #0007;overflow-y:auto}dialog::backdrop{background:#070c14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-close{position:absolute;right:15px;top:15px}.modal-symbol{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;background:#2c443b;color:var(--accent);border:1px solid #425e4f;border-radius:13px;margin-bottom:10px}.modal-symbol>.icon{width:27px;height:27px}dialog h2{font-size:24px;letter-spacing:-.8px;margin:12px 0 8px;font-weight:600}.modal-description{font-size:12px;color:#90a1b6;line-height:1.8;margin:0 0 25px}dialog form>.button{margin-top:16px}dialog .form-error{margin-bottom:0}.modal-inline{font-size:11px;color:#88a597;display:block;margin:20px 0 0;padding:0}.member-profile{margin:0 0 24px}.settings-profile{display:flex;gap:17px;align-items:center;margin-bottom:24px}.settings-profile>div{display:flex;flex-direction:column;gap:9px}.settings-profile strong{font-size:15px}.upload-label{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;cursor:pointer}.upload-label .icon{width:13px;height:13px}.settings-profile small{color:#758aa2;font-size:8px}.settings-divider{height:1px;background:#354151;margin:20px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.settings-grid label{margin:0}.settings-grid label>select{font-size:11px;padding:12px 10px}.settings-grid label>input{width:100%;margin:23px 0 0;accent-color:var(--accent)}.checkbox-label{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px;font-weight:400;color:#aabbd0}.checkbox-label input{accent-color:var(--accent)}.settings-server{border-top:1px solid #354151;margin:24px 0 19px;padding-top:19px;display:flex;gap:11px;color:#7f9a8c;font-size:11px}.settings-server>.icon{width:20px;height:20px}.settings-server>span{display:flex;flex-direction:column;gap:7px}.settings-server small{font-size:9px;color:#718599;word-break:break-all}.logout-button{display:flex;align-items:center;gap:9px;color:#d38c93;padding:4px 0;font-size:11px}.logout-button .icon{width:15px;height:15px}#toasts{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;z-index:1000;max-width:600px;width:max-content;pointer-events:none}.toast{background:#392b34;border:1px solid #80505f;color:#f2c7cd;box-shadow:0 10px 40px #0004;border-radius:9px;padding:14px 19px;max-width:min(600px,90vw);font-size:12px;line-height:1.6;animation:toast-in .2s ease-out}.toast.success{background:#243e32;border-color:#42745b;color:#b4e6ca}.loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8194ac;font-size:12px}.loading>.icon{width:45px;height:45px;color:var(--accent);animation:breathe 1.2s infinite}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.sidebar{width:270px}.members{width:264px}.friends-page{padding:40px}.friends-hero{padding:38px}.friends-hero h1{font-size:34px}.hero-art{margin-right:40px;transform:scale(1.15)}}@media(max-width:1200px){.members{width:195px;padding:29px 12px}.sidebar{width:222px}.header-meta,.head-description{display:none}#content-head{padding:0 20px}.friend-tabs>button{font-size:10px;padding:7px}.friends-page{padding:24px}.friends-hero{padding:23px}.friends-hero h1{font-size:24px}.hero-art{min-width:100px;transform:scale(.9);margin:0}.profile-controls .icon-button{width:23px}.profile-user{gap:6px}.profile-user strong{max-width:65px}.auth-story{padding:35px}.story-bottom{flex-direction:column;gap:10px}.story-features{flex-direction:column;gap:13px}}@media(max-width:1000px){.members{display:none}.auth-story{padding:30px}.auth-form-side{padding:35px}.story-copy h1{font-size:44px}.story-copy{padding-top:40px}.story-features{flex-direction:row;font-size:8px;gap:15px}.sound-wave{gap:5px}.auth-foot{left:35px;right:35px}.titlebar .tiny-label{display:none}}@media(max-width:700px){.auth-layout{display:block;overflow:auto}.auth-story{display:none}.auth-form-side{height:100%;min-height:650px}.auth-card h2{font-size:27px}.server-rail{width:59px}.rail-home,.server-icon{width:38px;height:38px;min-height:38px;border-radius:12px}.selected:before{left:-11px}.sidebar{width:182px}.sidebar-title{padding:0 13px;font-size:12px}.small-badge{display:none}.server-welcome{padding:12px}.server-welcome>small{font-size:9px}.profile-controls .icon-button{width:21px}.profile-user .avatar{display:none}.profile-user strong{max-width:68px}.friend-tabs>button{font-size:9px;padding:6px}.friend-tabs{gap:0}.content-title{gap:8px}.head-divider{display:none}#content-head{padding:0 14px}.content-title>strong{font-size:12px}#content-head>.button{font-size:9px;padding:9px;white-space:nowrap}#content-head>.button>.icon{display:none}.friends-page{padding:17px}.friends-hero{padding:20px}.friends-hero h1{font-size:23px}.hero-art{display:none}.messages{padding:20px 17px}.conversation-intro h2{font-size:22px}.compose-area{padding:0 15px 15px}.compose-hint>span:last-child{display:none}.titlebar{padding:0 15px}.group-heading{letter-spacing:.5px;font-size:8px}.sidebar-tip{display:none}.channel-item{font-size:12px;padding:8px}.auth-foot{position:static;margin-top:35px}.auth-form-side{flex-direction:column;align-items:center}.auth-foot>span:last-child{margin-left:25px}.toast{font-size:11px}}.auth-connection{display:flex;align-items:center;gap:12px;font-size:10px;color:#8292a8;line-height:1.6;margin-top:18px}.auth-connection.ready{color:var(--accent)}.auth-connection.unavailable{color:#f0a0aa}.auth-connection button{font-size:9px;color:#aab8ca;margin-left:auto;padding:3px;flex-shrink:0}.auth-connection.ready button{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}