:root{color-scheme:dark;--bg:#1c1c24;--panel:#202029;--deep:#141419;--border:#ffffff0b;--text:#eeeef4;--muted:#898996;--accent:#a493ff;--green:#70ccac;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);font-size:14px;color:var(--text);background:var(--deep)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button,input,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #a493ff13}svg{flex-shrink:0;vertical-align:middle}button{transition:background .16s,color .16s,transform .16s}button:hover{color:#fff}::selection{background:#a493ff55}[hidden]{display:none!important}.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.muted{color:var(--muted)}.tiny-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.primary{background:var(--accent);color:#171323!important;border-radius:8px;padding:14px 20px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px}.primary:hover{background:#b6a8ff;transform:translateY(-1px)}.secondary{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px solid #ffffff19;border-radius:8px;width:100%;background:#ffffff04}.text-button{color:var(--accent);font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:8px;padding:5px}.text-button:hover{color:#c6baff}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:32px;height:32px;color:#9594a3;flex-shrink:0}.icon-button:hover{background:#ffffff0b;color:#ddd8f7}.avatar{--avatar:#a493ff;width:37px;height:37px;background:color-mix(in srgb,var(--avatar) 23%,#20202a);border:1px solid color-mix(in srgb,var(--avatar) 18%,transparent);color:var(--avatar);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;flex-shrink:0;letter-spacing:.3px}.form-error,.composer-error{color:#f29a9a;font-size:12px;line-height:1.5}.form-error:empty,.composer-error:empty{display:none}.form-error{margin:4px 0 15px}label{display:block;font-size:12px;font-weight:600;color:#c9c8d3;margin:0 0 19px}input,textarea{color:var(--text);border:1px solid #ffffff12;border-radius:7px;background:#18181f;padding:13px 14px;display:block;width:100%;margin-top:9px;transition:border-color .15s;resize:vertical}input::placeholder,textarea::placeholder{color:#656572}input{height:47px}.optional{font-weight:400;color:#777786;font-size:10px;margin-left:5px}.input-wrap{position:relative;display:block}.input-wrap input{padding-right:74px}.reveal{position:absolute;right:12px;top:0;height:47px;font-size:10px;color:#9391a4}.reveal:hover{color:var(--accent)}
/* Entry */
.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#1b1b23}.auth-story{padding:40px 54px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 68% 51%,#34304760,transparent 68%),#16161d;border-right:1px solid var(--border)}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:800;letter-spacing:-.6px;align-self:flex-start}.brand img{border-radius:11px}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.story-content{margin:auto 0;padding:75px 0 30px;max-width:530px}.story-content .eyebrow{color:#aaa0bf;margin-bottom:28px;font-size:9px;letter-spacing:2px}.story-content h1{font-size:clamp(38px,4.1vw,66px);line-height:1.13;letter-spacing:-2.5px;margin:0;font-weight:700}.story-content h1 em{color:#b2a0ff;font-style:normal}.story-content>p{color:#94919f;line-height:1.85;font-size:14px;margin-top:26px}.story-visual{height:210px;position:relative;margin-top:28px;max-width:445px}.orbit{width:260px;height:260px;border:1px solid #b4a0ff0e;border-radius:50%;position:absolute;left:105px;top:-18px}.orbit-two{width:335px;height:335px;left:68px;top:-55px}.floating-hash{position:absolute;right:20px;top:-10px;width:73px;height:73px;border:1px solid #a493ff20;border-radius:23px;background:linear-gradient(140deg,#353047,#242230);color:#b3a2f8;transform:rotate(12deg);font-size:50px;text-align:center;box-shadow:0 15px 40px #0003}.story-card{position:absolute;left:0;right:8px;top:69px;display:flex;align-items:center;gap:13px;padding:20px 19px;background:linear-gradient(115deg,#2b2836,#272531);border:1px solid #ffffff0a;border-radius:13px;box-shadow:0 15px 45px #0002;transform:rotate(-3deg)}.story-card-icon{background:#a493ff16;border:1px solid #a493ff12;border-radius:12px;color:#b7a8fc;padding:10px}.story-card strong{font-size:13px;display:block;margin-bottom:7px}.story-card span{color:#92909e;font-size:10px}.story-card-star{margin-left:auto;color:#af9be4;font-size:23px}.mini-tag{position:absolute;bottom:3px;right:40px;display:flex;align-items:center;gap:8px;font-size:10px;background:#25262c;border:1px solid #ffffff10;border-radius:20px;padding:10px 14px;color:#b8bbbc;transform:rotate(3deg)}.story-footer{display:flex;justify-content:space-between;color:#65626e;font-size:10px;gap:15px}.story-footer span:last-child{font-size:8px;letter-spacing:1.4px}.auth-form-panel{padding:35px 45px 24px;display:flex;flex-direction:column}.auth-top{font-size:11px;display:flex;gap:10px;align-items:center;justify-content:flex-end;color:#84828f}.auth-form-wrap{max-width:365px;width:100%;margin:auto; padding:52px 0}.auth-symbol{width:58px;height:58px;display:grid;place-items:center;border:1px solid #a493ff22;border-radius:19px;background:#a493ff0d;color:var(--accent);margin-bottom:32px}.auth-form-wrap .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:14px}.auth-form-wrap h2{font-size:28px;letter-spacing:-1px;margin:0 0 11px;font-weight:650}.form-subtitle{color:#8c899b;font-size:12px;line-height:1.8;margin-bottom:31px}.auth-submit{width:100%;margin-top:25px;justify-content:space-between;padding:15px 18px;font-size:12px}.auth-rule{display:flex;gap:12px;align-items:center;font-size:7px;letter-spacing:1.1px;white-space:nowrap;color:#6d697b;margin:34px 0 23px}.auth-rule span{height:1px;background:#ffffff0a;flex:1}.auth-note{display:flex;justify-content:center;align-items:flex-start;gap:10px;color:#8c879c;font-size:10px;line-height:1.8}.auth-note svg{margin-top:2px;color:#9186b0}.auth-note small{color:#696575;font-size:10px}.auth-bottom{display:flex;justify-content:space-between;gap:12px;color:#77717f;font-size:9px}.auth-bottom span{color:#575360}
/* Workspace */
.workspace{display:grid;grid-template-columns:74px 245px minmax(280px,1fr) 225px;height:100dvh;overflow:hidden;background:var(--bg)}.server-rail{background:#121217;padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #ffffff04;z-index:20}.rail-home{padding:0;width:44px;height:44px}.rail-home img{transition:transform .2s}.rail-home:hover img{transform:rotate(-6deg)}.rail-separator{width:27px;background:#ffffff0b;height:1px;margin:3px 0 5px}.server-list{display:flex;flex-direction:column;gap:12px;align-items:center;max-height:calc(100vh - 260px);overflow:auto;width:100%;scrollbar-width:none}.server-icon{position:relative;flex-shrink:0;width:45px;height:45px;border-radius:16px;background:#292830;color:#b3afc0;font-size:14px;font-weight:700;letter-spacing:-.5px}.server-icon:hover{background:#454052;border-radius:14px}.server-icon.selected{background:#a493ff;color:#1b152b}.server-icon.selected:before{content:"";width:3px;height:30px;background:#c7baff;position:absolute;left:-14px;top:8px;border-radius:0 4px 4px 0}.rail-add,.rail-join{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#83c8ac;background:#25312d66}.rail-add:hover{background:#34483d}.rail-join{color:#9f99b6;background:transparent}.rail-join:hover{background:#ffffff08}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:20px;padding-bottom:5px}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:3px;font-size:7px;color:#44414f}.rail-dot{background:#a493ff;width:4px;height:4px;border-radius:50%;opacity:.5}.channel-sidebar{display:flex;flex-direction:column;background:#19191f;border-right:1px solid #ffffff05;min-height:0}.server-heading{height:79px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);text-align:left;flex-shrink:0;font-size:15px;font-weight:650}.server-heading span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.server-heading small{font-size:7px;letter-spacing:1.8px;color:#706b7e;display:block;margin-top:7px;font-weight:650}.server-heading svg{color:#83808e}.server-heading:hover{background:#ffffff03}.sidebar-scroll{overflow-y:auto;flex:1;position:relative;padding-bottom:100px}.community-card{margin:22px 15px 27px;padding:15px 14px 13px;background:linear-gradient(125deg,#322c4555,#2c283366);border:1px solid #a493ff12;border-radius:9px;position:relative;overflow:hidden}.community-label{display:flex;align-items:center;gap:6px;letter-spacing:.9px;font-size:6px;color:#ada0d0;font-weight:700;margin-bottom:13px}.community-card strong{font-size:13px;line-height:1.6;display:block;font-weight:550;letter-spacing:-.1px;color:#d0c7e5}.community-card button{margin-top:14px;border-top:1px solid #a493ff13;padding:11px 0 0;display:flex;justify-content:space-between;width:100%;font-size:10px;color:#b7a4ee}.community-card button span{font-size:14px}.community-member{font-size:9px;color:#968ba8;display:block;margin-top:12px}.channel-section{display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 14px;color:#73707e;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:7px}.channel-section>span{display:flex;align-items:center;gap:5px}.channel-section .icon-button{width:22px;height:25px}.channel-section .icon-button svg{width:15px}.channel-list{padding:0 9px}.channel-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:6px;padding:11px 12px;color:#85808f;font-size:12px;margin-bottom:3px;min-height:39px}.channel-item>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item svg{color:#645f71;stroke-width:1.5}.channel-item:hover{background:#ffffff05}.channel-item.active{background:#a493ff12;color:#c5b6ff}.channel-item.active svg{color:#b29cf3}.unread-count{font-size:9px;color:#211b32;background:var(--accent);border-radius:6px;min-width:17px;text-align:center;padding:2px;margin-left:auto}.sidebar-footnote{position:absolute;bottom:24px;left:24px;display:flex;align-items:flex-start;gap:10px;color:#514c5e}.sidebar-footnote svg{margin-top:2px;width:14px}.sidebar-footnote p{font-size:9px;line-height:1.7;margin:0;color:#615b6c}.sidebar-empty{padding:32px 25px;color:#797183;font-size:16px;line-height:1.5}.user-bar{background:#15151b;display:flex;align-items:center;gap:10px;padding:16px 13px;border-top:1px solid #ffffff04;min-height:76px;flex-shrink:0}.user-bar .avatar{width:34px;height:34px;border-radius:12px}.user-info{min-width:0;flex:1}.user-info strong{font-size:11px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:5px;font-weight:600}.user-info>span{font-size:8px;color:#777080;display:flex;gap:5px;align-items:center}.user-info .live-dot{width:4px;height:4px}.user-bar .icon-button{width:27px;color:#7c7588}.user-bar .icon-button svg{width:17px}.conversation{min-width:0;display:flex;flex-direction:column;position:relative;background:#202029}.channel-heading{height:79px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 27px;flex-shrink:0;background:#202029}.channel-heading-name{display:flex;align-items:center;gap:12px;min-width:0}.channel-heading-name strong{font-weight:650;font-size:14px;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.channel-heading-name svg{color:#746d86;stroke-width:1.5}.heading-divider{height:18px;width:1px;background:#ffffff0c}.channel-topic{font-size:10px;color:#80798e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{margin-left:auto;display:flex;gap:10px}.header-actions .icon-button{color:#898193}.header-actions svg{width:18px}.mobile-menu{display:none}.conversation-body{flex:1;overflow:auto;position:relative;scrollbar-width:thin;scrollbar-color:#3b3546 transparent}.messages{padding:0 0 20px;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.channel-welcome{padding:45px 31px 20px}.welcome-hash{width:67px;height:67px;border-radius:23px;background:linear-gradient(135deg,#a493ff22,#a493ff0c);border:1px solid #a493ff15;display:grid;place-items:center;color:#b7a8e4;margin-bottom:24px}.channel-welcome .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:12px;color:#777080}.channel-welcome h1{font-size:25px;letter-spacing:-.8px;font-weight:650;line-height:1.3;margin:0 0 9px;overflow-wrap:anywhere}.channel-welcome h1 span{color:#b8a5ee}.channel-welcome p{font-size:11px;line-height:1.6;color:#8b8298;margin:0 0 15px}.welcome-invite{font-size:10px;color:#bdaaf1;padding:0;display:flex;gap:8px;align-items:center}.welcome-invite span{font-size:15px}.welcome-invite:hover{color:#d7c6ff}.date-separator{display:flex;align-items:center;gap:14px;color:#736b7e;font-size:8px;padding:18px 30px 17px}.date-separator:before,.date-separator:after{content:"";height:1px;background:#ffffff0b;flex:1}.date-separator span{white-space:nowrap;font-weight:550}.message{padding:9px 30px;display:flex;gap:13px;position:relative;min-height:56px;flex-shrink:0}.message:hover{background:#ffffff02}.message>.avatar{margin-top:1px}.message-content{min-width:0;flex:1}.message-meta{display:flex;gap:9px;align-items:center;min-height:18px;margin-bottom:4px;flex-wrap:wrap}.message-meta strong{font-size:12px;font-weight:650}.message-meta time{font-size:8px;color:#716979}.owner-label{font-size:6px;letter-spacing:.6px;color:#9c8abc;background:#a493ff0d;border:1px solid #a493ff0e;border-radius:3px;padding:2px 4px}.message-text{font-size:12px;line-height:1.8;color:#c8c2d0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.edited{font-size:8px;color:#6b6178}.message.grouped{min-height:29px;padding-top:1px;padding-bottom:1px}.compact-time{width:37px;flex-shrink:0;font-size:8px;color:#716979;opacity:0;text-align:right;padding-top:7px}.message:hover .compact-time{opacity:1}.message-actions{position:absolute;right:25px;top:-17px;display:flex;gap:2px;padding:2px;border:1px solid #ffffff0d;background:#26232d;border-radius:7px;opacity:0;pointer-events:none;box-shadow:0 3px 12px #0002;z-index:2}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.message-actions .icon-button{width:29px;height:28px}.message-actions svg{width:15px}.reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reaction{border:1px solid #ffffff0b;background:#ffffff04;border-radius:5px;padding:4px 7px;font-size:12px;line-height:1.2;display:flex;gap:6px;align-items:center}.reaction span{font-size:9px;color:#91879e}.reaction.mine{background:#a493ff15;border-color:#a493ff55}.reaction.mine span{color:#bba8e7}.reaction:hover{background:#a493ff20}.composer-area{padding:0 26px 16px;flex-shrink:0}.typing{font-size:9px;color:#8b7f9c;height:25px;padding:7px 3px}.composer-input-wrap{display:flex;align-items:center;border:1px solid #ffffff0b;border-radius:10px;background:#2b2834;padding:5px 9px;gap:8px;box-shadow:0 4px 20px #00000005}.composer-input-wrap:focus-within{border-color:#a493ff40}.composer-input-wrap .icon-button{color:#80748f}.composer-input-wrap textarea{margin:0;flex:1;min-width:0;border:none!important;box-shadow:none!important;background:none;resize:none;padding:11px 0;min-height:41px;max-height:160px;font-size:12px;line-height:1.65;scrollbar-width:thin}.composer-input-wrap textarea::placeholder{color:#776d85}.send-button{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:#bda9ef;background:#a493ff12}.send-button:hover{background:#a493ff;color:#20182f}.send-button svg{width:17px}.composer-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 3px 0;font-size:7px;color:#62596e}.composer-footer kbd{font:inherit;color:#81758d}.footer-dot{padding:0 5px}.connection-state{display:flex;align-items:center;gap:5px;white-space:nowrap}.connection-state .live-dot{width:4px;height:4px}.connection-state.disconnected{color:#c4a56e}.connection-state.disconnected .live-dot{background:#c4a56e}.connection-bar{background:#4a3725;color:#ecc48d;font-size:11px;text-align:center;padding:9px}.composer-error{margin-top:10px}.members-sidebar{border-left:1px solid #ffffff05;background:#1c1c24;display:flex;flex-direction:column;min-width:0;overflow-y:auto;scrollbar-width:thin}.members-heading{height:79px;display:flex;align-items:center;gap:9px;padding:0 23px;border-bottom:1px solid var(--border);font-size:8px;letter-spacing:1.3px;color:#9890a3;flex-shrink:0}.members-heading svg{color:#7e748e}.members-heading>span{margin-left:auto;letter-spacing:0;font-size:9px;background:#ffffff04;border:1px solid #ffffff05;border-radius:5px;padding:3px 5px;color:#7d738b}.member-groups{padding:8px 20px}.member-groups h3{font-size:7px;letter-spacing:1.4px;color:#756c81;margin:21px 0 17px;font-weight:650;display:flex;gap:6px}.member-groups h3 span{color:#5a5164;font-size:7px}.member{display:flex;gap:10px;align-items:center;margin-bottom:18px}.member-avatar{position:relative;flex-shrink:0}.member .avatar{width:31px;height:31px;font-size:9px;border-radius:11px}.presence-dot{position:absolute;width:8px;height:8px;border:2px solid #1c1c24;background:#6a6272;border-radius:50%;right:-1px;bottom:-1px}.presence-dot.online{background:#70bca4}.member strong{font-size:10px;font-weight:550;color:#bbb2c8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member>div:last-child{min-width:0}.member small{font-size:8px;color:#6c6279;display:block;margin-top:4px}.member.offline{opacity:.53}.owner-crown{font-size:13px;color:#b8a676;margin-left:3px}.members-bottom{margin:auto 23px 32px;padding-top:50px;color:#6f637e}.small-orbit{font-size:25px;display:block;color:#8b779e;margin-bottom:16px}.members-bottom strong{font-size:14px;line-height:1.6;font-weight:450;letter-spacing:-.2px;color:#8b7d9b}.members-bottom p{font-size:9px;line-height:1.8;color:#65576f;margin:12px 0 30px}.members-wordmark{font-size:12px;font-weight:700;color:#51455b;letter-spacing:-.3px}.workspace.hide-members{grid-template-columns:74px 245px minmax(280px,1fr)}.hide-members .members-sidebar{display:none}.search-panel{padding:12px 25px;background:#1b1922;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.search-panel label{display:flex;align-items:center;gap:10px;flex:1;margin:0;color:#827490}.search-panel input{margin:0;background:none;border:0;padding:4px;height:30px;font-size:12px;box-shadow:none}.search-result-label{padding:25px 30px 10px;color:#988ba8;font-size:11px}.no-results{text-align:center;padding:45px;color:#8e809e;font-size:12px}.load-older{color:#a99aba;font-size:10px;margin:20px auto 10px;padding:10px 15px;border:1px solid #ffffff0b;border-radius:6px}.load-older:hover{background:#ffffff07}.new-message-hint{position:sticky;bottom:15px;text-align:center;height:0}.new-message-hint button{position:relative;top:-25px;background:var(--accent);color:#21172e;box-shadow:0 3px 20px #0004;padding:9px 15px;border-radius:20px;font-size:11px}.mobile-backdrop{display:none}.space-empty{margin:auto;text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.empty-orb{width:102px;height:102px;border-radius:35px;background:radial-gradient(ellipse at top,#a493ff25,#a493ff06);border:1px solid #a493ff1a;color:#b5a3e8;display:grid;place-items:center;margin-bottom:33px;transform:rotate(-7deg)}.space-empty .eyebrow{font-size:7px;letter-spacing:1.8px}.space-empty h1{font-size:47px;letter-spacing:-1.8px;font-weight:600;line-height:1.08;margin:20px 0}.space-empty p{font-size:11px;line-height:1.9;color:#887b99;margin-bottom:26px}.space-empty .primary{font-size:11px;padding:13px 19px;gap:8px}.space-empty>.text-button{margin:15px 0;font-size:10px}.empty-features{display:flex;gap:20px;margin-top:38px;font-size:8px;color:#6f627f}.empty-features>span{display:flex;gap:5px;align-items:center}.empty-features svg{width:12px}
/* Dialogs */
dialog{padding:0;max-width:calc(100vw - 32px);width:440px;border:1px solid #ffffff12;border-radius:15px;background:#23212c;color:var(--text);box-shadow:0 25px 90px #0008}dialog::backdrop{background:#0c0b11bf;backdrop-filter:blur(5px)}.dialog-inner{padding:35px 31px 31px;position:relative}.dialog-close{position:absolute;top:12px;right:12px}.dialog-icon{height:52px;width:52px;border-radius:16px;display:grid;place-items:center;background:#a493ff12;color:#bba6ef;border:1px solid #a493ff17;margin-bottom:24px}.dialog-inner h2{font-size:24px;font-weight:600;letter-spacing:-.7px;line-height:1.25;margin:0 0 12px;overflow-wrap:anywhere}.dialog-subtitle{color:#9c8eac;font-size:12px;line-height:1.8;margin:0 0 27px}.dialog-inner .primary{width:100%;font-size:12px;margin-top:22px}.dialog-inner label{margin-bottom:18px}.dialog-inner input,.dialog-inner textarea{background:#19171f}.invite-details{display:flex;align-items:center;gap:8px;color:#8d7c9e;font-size:10px;margin-top:20px;line-height:1.6}.invite-details svg{color:#9179ab}.server-stats{display:flex;gap:30px;margin:30px 0}.server-stats strong{display:block;font-size:28px;color:#bca6ec;font-weight:500}.server-stats span{font-size:10px;color:#8e7d9f;display:block;margin-top:7px}.account-avatar{width:65px;height:65px;border-radius:22px;font-size:22px;margin-bottom:22px}.account-note{font-size:11px;line-height:1.8;color:#9986ac;margin-bottom:28px}.danger{color:#efa2ae!important;background:#ca667510;border-color:#d7798820}.danger:hover{background:#ca667525}.emoji-grid{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.emoji-grid button{flex:1;background:#ffffff05;border:1px solid #ffffff08;padding:16px 0;border-radius:10px;font-size:25px}.emoji-grid button:hover{background:#a493ff18;transform:translateY(-3px)}#toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);padding:13px 20px;background:#37303f;border:1px solid #a493ff30;color:#e3d6f3;border-radius:9px;font-size:12px;box-shadow:0 8px 40px #0004;opacity:0;transition:.2s;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.workspace{grid-template-columns:80px 265px minmax(300px,1fr) 250px}.server-heading,.channel-heading,.members-heading{height:84px}.channel-welcome{padding-top:60px}.message{padding-left:35px;padding-right:35px}.composer-area{padding-left:31px;padding-right:31px}.auth-story{padding-left:70px;padding-right:70px}}
@media(max-width:1180px){.workspace{grid-template-columns:67px 220px minmax(280px,1fr) 190px}.server-rail{padding-top:17px}.server-icon.selected:before{left:-11px}.channel-heading{padding:0 20px;gap:12px}.channel-heading-name strong{max-width:180px}.channel-topic{display:none}.heading-divider{display:none}.community-card{margin-left:12px;margin-right:12px}.community-label{font-size:5.5px}.members-heading{padding:0 18px}.member-groups{padding:8px 16px}.members-bottom{margin-left:20px}.workspace.hide-members{grid-template-columns:67px 220px minmax(280px,1fr)}.auth-story{padding-left:36px;padding-right:36px}.auth-form-panel{padding-left:32px;padding-right:32px}.story-content h1{font-size:49px}.story-card{right:0}.story-card strong{font-size:11px}.story-card span{font-size:8px}.story-card-star{display:none}.story-footer{font-size:8px}.story-footer span:last-child{font-size:6px}}
@media(max-width:940px){.workspace{grid-template-columns:67px 215px minmax(280px,1fr)}.members-sidebar{display:none}.workspace.hide-members{grid-template-columns:67px 215px minmax(280px,1fr)}.workspace.hide-members .members-sidebar{display:flex;position:absolute;right:0;top:79px;bottom:0;width:220px;z-index:15;box-shadow:-10px 0 40px #0004}.header-actions{gap:6px}.auth-story{padding:30px 28px}.story-content h1{font-size:39px;letter-spacing:-1.7px}.story-content>p{font-size:12px}.story-visual{height:190px}.story-card{padding:17px 12px;gap:10px}.story-card strong{font-size:10px}.story-card span{font-size:7px}.story-card-icon{padding:8px}.story-card-icon svg{width:19px}.story-footer span:last-child{display:none}.auth-form-panel{padding:27px 28px 23px}.auth-form-wrap h2{font-size:25px}.auth-top{font-size:9px}.auth-top .text-button{font-size:10px}.auth-bottom span{font-size:8px}}
@media(max-width:650px){.auth-page{display:block}.auth-story{min-height:auto;padding:22px 24px;border-right:none;border-bottom:1px solid var(--border)}.brand{font-size:19px}.brand img{width:30px;height:30px}.story-content{display:none}.story-footer{display:none}.auth-form-panel{min-height:calc(100dvh - 76px);padding:22px 26px}.auth-top{font-size:10px}.auth-form-wrap{padding:44px 0 35px;max-width:380px}.auth-form-wrap h2{font-size:27px}.auth-bottom{font-size:8px}.auth-symbol{margin-bottom:27px}.workspace,.workspace.hide-members{display:flex;position:relative}.server-rail{position:absolute;left:-300px;top:0;bottom:0;width:65px;transition:left .2s;z-index:32}.channel-sidebar{position:absolute;left:-235px;top:0;bottom:0;width:235px;transition:left .2s;z-index:31;box-shadow:10px 0 30px #0003}.conversation{width:100%;height:100dvh}.mobile-menu{display:flex;width:25px;margin-right:2px}.channel-heading{height:63px;padding:0 14px;gap:10px}.channel-heading-name{gap:8px;min-width:0}.channel-heading-name strong{font-size:13px;max-width:145px}.channel-heading-name>svg{width:20px}.header-actions{gap:0}.header-actions .icon-button{width:30px}.channel-welcome{padding:36px 20px 15px}.channel-welcome h1{font-size:25px}.channel-welcome .eyebrow{font-size:6px}.welcome-hash{width:60px;height:60px;border-radius:20px}.channel-welcome p{font-size:11px}.message{padding:10px 18px;gap:10px}.message>.avatar{width:32px;height:32px;border-radius:11px;font-size:10px}.compact-time{width:32px}.message-text{font-size:12px}.message-meta strong{font-size:11px}.message-actions{right:12px}.date-separator{padding:16px 18px;font-size:7px}.composer-area{padding:0 12px max(13px,env(safe-area-inset-bottom))}.composer-footer{font-size:6px}.composer-input-wrap textarea{font-size:12px}.workspace.mobile-open .server-rail{left:0}.workspace.mobile-open .channel-sidebar{left:65px}.workspace.mobile-open .mobile-backdrop{display:block;position:absolute;inset:0;background:#0008;z-index:30}.workspace.hide-members .members-sidebar{top:63px;width:210px}.space-empty h1{font-size:42px}.space-empty p{font-size:11px}.empty-features{flex-wrap:wrap;justify-content:center;gap:15px;font-size:7px}.dialog-inner{padding:32px 24px 26px}.dialog-inner h2{font-size:23px}.search-panel{padding:8px 15px}.auth-rule{font-size:6px}.members-toggle svg{width:17px}}
/* Keep conversation text comfortable at normal desktop and phone sizes. */
.channel-item{font-size:14px}.channel-heading-name strong{font-size:15px}.channel-topic{font-size:11px}.message-text{font-size:14px;line-height:1.7}.message-meta strong{font-size:13px}.message-meta time{font-size:10px}.owner-label{font-size:7px}.edited{font-size:10px}.date-separator{font-size:10px}.composer-input-wrap textarea{font-size:14px}.composer-footer{font-size:9px}.member strong{font-size:12px}.member small{font-size:10px}.member .avatar{width:34px;height:34px;font-size:10px}.member-groups h3{font-size:9px}.members-heading{font-size:9px}.user-info strong{font-size:12px}.user-info>span{font-size:10px}.channel-section{font-size:9px}.community-label{font-size:7px}.community-card button{font-size:12px}.community-card strong{font-size:14px}.channel-welcome p{font-size:13px}.welcome-invite{font-size:12px}.channel-welcome .eyebrow{font-size:9px}.sidebar-footnote p{font-size:10px}.typing{font-size:11px}.reaction span{font-size:11px}.reaction{font-size:14px}.server-heading small{font-size:8px}.search-result-label{font-size:13px}.space-empty p{font-size:13px}.empty-features{font-size:10px}
@media(max-width:1180px){.community-label{font-size:6px}.member strong{font-size:11px}}
@media(max-width:650px){.channel-heading-name strong{font-size:14px}.composer-footer{font-size:8px}.channel-welcome .eyebrow{font-size:8px}.space-empty p{font-size:12px}.empty-features{font-size:9px}.member strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}