:root{color:#f5f6ff;font-synthesis:none;text-rendering:optimizelegibility;--accent:#7c5cff;--bg:#080a12;--panel:#111422f5;--panel-strong:#151827;--panel-soft:#1f2338c2;--text:#f5f6ff;--muted:#979db5;--line:#ffffff13;--danger:#ff647c;--success:#4ed59b;--warning:#ffbd64;background:#080a12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color:#17182a;--bg:#eef0f8;--panel:#fffffff5;--panel-strong:#fff;--panel-soft:#e6e8f3db;--text:#17182a;--muted:#676d83;--line:#16182a1a;background:#eef0f8}@media (prefers-color-scheme:light){:root[data-theme=system]{color:#17182a;--bg:#eef0f8;--panel:#fffffff5;--panel-strong:#fff;--panel-soft:#e6e8f3db;--text:#17182a;--muted:#676d83;--line:#16182a1a;background:#eef0f8}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;border:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif}:root[data-background=midnight] body{background:radial-gradient(circle at 70% -10%,#4a46aa52,#0000 36%),#080a12}:root[data-background=aurora] body{background:radial-gradient(circle at 10% 0,#00d3b240,#0000 35%),radial-gradient(circle at 90% 10%,#7c5cff4d,#0000 40%),#071019}:root[data-background=sunset] body{background:radial-gradient(circle at 70% 0,#ff6a6d47,#0000 40%),radial-gradient(circle at 10% 100%,#854cff38,#0000 35%),#120b16}:root[data-background=forest] body{background:radial-gradient(circle at 70% 0,#35be8538,#0000 40%),#07110f}:root[data-background=plain] body{background:var(--bg)}.loading-screen{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28%), var(--bg);min-height:100vh;color:var(--muted);place-items:center;display:grid}.eyebrow{color:var(--muted);letter-spacing:.16em;margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.muted{color:var(--muted)}.pad{padding:10px 12px;font-size:13px}.break-text{overflow-wrap:anywhere}.line-copy{line-height:1.6}.error-text{color:#ff7f93}.success-text{color:var(--success)}.brand-mark{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 92%, white 8%), color-mix(in srgb, var(--accent) 64%, #151327 36%));color:#fff;width:46px;height:46px;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 30%, transparent);cursor:pointer;border-radius:15px;place-items:center;font:800 22px/1 Space Grotesk,sans-serif;transition:border-radius .18s,transform .18s;display:grid}.brand-mark:hover,.brand-mark.selected{border-radius:12px;transform:translateY(-1px)}.brand-mark.large{border-radius:22px;width:68px;height:68px;font-size:32px}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:700;transition:transform .18s,filter .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.06);text-decoration:none;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 22%, transparent)}.button.secondary{background:var(--panel-soft);border-color:var(--line);color:var(--text)}.button.danger{color:#ff8094;background:#ff647c1a;border-color:#ff647c40}.button.full{width:100%}.button.small{min-height:34px;padding:0 12px;font-size:12px}.icon-button{background:var(--panel-soft);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:11px;place-items:center;font-size:22px;display:grid}.icon-button:hover{color:var(--text)}input,textarea,select{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 13px;transition:border .18s,box-shadow .18s}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--accent) 65%, white 10%);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}input:disabled,textarea:disabled,select:disabled{opacity:.62;cursor:not-allowed}textarea{resize:vertical}label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.stack-form{gap:16px;display:grid}.two-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-alert{background:#ffffff09;border-radius:10px;margin:0;padding:11px 12px;font-size:12px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.toggle-row{border:1px solid var(--line);border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;min-height:64px;padding:12px;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}.compact-toggle{min-height:52px}.auth-page{background:radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34%), radial-gradient(circle at 90% 80%, #33cdbb1f, transparent 28%);grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid;overflow:auto}.auth-brand{flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);width:420px;height:420px;box-shadow:0 0 80px color-mix(in srgb, var(--accent) 10%, transparent) inset;border-radius:50%;position:absolute;bottom:-180px;left:-170px}.auth-brand .eyebrow{color:color-mix(in srgb, var(--accent) 70%, white 30%);margin-top:34px}.auth-brand h1{letter-spacing:-.055em;max-width:700px;margin:10px 0 22px;font-size:clamp(42px,5.3vw,78px);line-height:.98}.auth-brand>p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:17px;line-height:1.7}.feature-pills{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.feature-pills span{border:1px solid var(--line);color:color-mix(in srgb, var(--text) 80%, var(--muted));background:#ffffff09;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.auth-card-wrap{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#05070d57;place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, transparent);border-radius:24px;width:min(100%,460px);padding:34px;box-shadow:0 32px 80px #00000047}.auth-heading h2{margin-bottom:8px;font-size:30px}.auth-heading p{color:var(--muted);margin-bottom:26px;line-height:1.55}.auth-card form{gap:16px;display:grid}.auth-links{color:var(--muted);gap:10px;margin-top:21px;font-size:13px;display:grid}.status-panel{gap:18px;display:grid}.app-shell{grid-template-columns:74px 286px minmax(0,1fr);gap:9px;height:100vh;padding:9px;display:grid;overflow:hidden}.app-shell.with-members{grid-template-columns:74px 286px minmax(0,1fr) 235px}.rail,.sidebar,.main-panel,.member-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 70px #0000002e}.rail{border-radius:20px;flex-direction:column;align-items:center;padding:12px 9px;display:flex;overflow:hidden}.rail-divider{background:var(--line);width:34px;height:1px;margin:11px 0}.community-rail-list{scrollbar-width:none;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:0;display:flex;overflow-y:auto}.community-rail-list::-webkit-scrollbar{display:none}.community-rail-button{cursor:pointer;background:0 0;border-radius:16px;padding:0;position:relative}.community-rail-button:before{content:"";background:var(--text);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .16s;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.community-rail-button:hover:before{height:20px}.community-rail-button.selected:before{height:36px}.community-icon{color:#fff;object-fit:cover;border-radius:36%;place-items:center;font-weight:900;transition:border-radius .18s;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.community-rail-button:hover .community-icon,.community-rail-button.selected .community-icon{border-radius:14px}.rail-badge{border:3px solid var(--panel-strong);background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:8px;font-weight:900;display:grid;position:absolute;bottom:-5px;right:-5px}.rail-add,.rail-join{background:var(--panel-soft);width:46px;height:46px;color:var(--success);cursor:pointer;border-radius:16px;margin-top:8px;font-size:24px;font-weight:600}.rail-join{color:var(--accent);font-size:20px}.rail-add:hover,.rail-join:hover{background:color-mix(in srgb, var(--accent) 18%, var(--panel-soft));border-radius:13px}.rail-spacer{flex:1}.avatar-button{cursor:pointer;background:0 0;border-radius:50%;padding:0}.avatar{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 78%, #fff 4%), color-mix(in srgb, var(--accent) 34%, #141727 66%));color:#fff;-webkit-user-select:none;user-select:none;border-radius:38%;flex:none;place-items:center;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff1f}.sidebar{border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:17px 18px;display:flex}.sidebar-header h1{margin:0;font-size:21px}.connection-dot{background:#6e7284;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #6e72841a}.connection-dot.online{background:var(--success);box-shadow:0 0 0 4px #4ed59b1f}.nav-button{background:var(--panel-soft);width:calc(100% - 20px);min-height:44px;color:var(--text);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;margin:10px;padding:0 12px;font-weight:700;display:flex}.nav-button strong{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.sidebar-label{color:var(--muted);letter-spacing:.08em;justify-content:space-between;padding:15px 16px 8px;font-size:10px;font-weight:900;display:flex}.conversation-list{flex:1;min-height:0;padding:0 7px 7px;overflow-y:auto}.conversation-item{cursor:pointer;text-align:left;background:0 0;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.conversation-item:hover,.conversation-item.active{background:var(--panel-soft)}.conversation-copy{gap:3px;min-width:0;display:grid}.conversation-copy strong,.conversation-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-copy strong{font-size:13px}.conversation-copy small{color:var(--muted);font-size:10px}.conversation-item time{color:var(--muted);font-size:8px}.account-bar{border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 80%, transparent);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.account-bar>span{gap:2px;min-width:0;display:grid}.account-bar strong,.account-bar small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-bar strong{font-size:12px}.account-bar small{color:var(--muted);font-size:9px}.account-bar>button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px}.account-bar>button:hover{background:var(--panel-soft);color:var(--text)}.server-header{border-bottom:1px solid var(--line);background:linear-gradient(130deg, color-mix(in srgb, var(--server-accent) 26%, transparent), transparent);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;min-height:82px;padding:18px;display:grid;position:relative;overflow:hidden}.server-header>img{object-fit:cover;opacity:.28;width:100%;height:100%;position:absolute;inset:0}.server-header:after{content:"";background:linear-gradient(transparent, var(--panel));pointer-events:none;position:absolute;inset:0}.server-header>:not(img){z-index:1;position:relative}.server-header>div{gap:3px;min-width:0;display:grid}.server-header strong,.server-header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-header strong{font-size:16px}.server-header span{color:var(--muted);font-size:9px}.server-header>button{cursor:pointer;background:#0003;border-radius:10px;width:34px;height:34px}.channel-scroll{flex:1;min-height:0;padding:10px 7px;overflow-y:auto}.channel-category{margin-bottom:14px}.channel-category>header{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:6px 7px;font-size:9px;display:flex}.channel-category>header>span{gap:3px;display:flex}.channel-category>header button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px}.channel-category>header button:hover{background:var(--panel-soft);color:var(--text)}.channel-list{gap:2px;display:grid}.channel-row{border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.channel-row:hover,.channel-row.active{background:var(--panel-soft)}.channel-row.archived{opacity:.55}.channel-row>button{min-width:0;height:36px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;padding:0 7px;display:grid}.channel-row>button>span{font-size:20px;font-weight:300}.channel-row>button strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.channel-row.active>button{color:var(--text)}.channel-row>button em{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:8px;font-style:normal;display:grid}.channel-tools{padding-right:4px;display:none}.channel-row:hover .channel-tools{display:flex}.channel-tools button{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;font-size:10px}.channel-tools button:hover{color:var(--text);background:#ffffff0f}.sidebar-create-actions{grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.sidebar-create-actions button{border:1px dashed var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;font-size:10px}.sidebar-create-actions button:hover{color:var(--text);border-color:var(--accent)}.main-panel{border-radius:20px;min-width:0;position:relative;overflow:hidden}.global-notice{z-index:20;color:#ffb2bf;cursor:pointer;background:#311924;border:1px solid #ff647c40;border-radius:11px;max-width:80%;padding:10px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.global-notice span{margin-left:10px}.member-panel{border-radius:20px;overflow:hidden}.member-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex}.member-panel>header strong{font-size:12px}.member-panel>header span{color:var(--muted);font-size:10px}.member-panel>div{height:calc(100% - 58px);padding:8px;overflow-y:auto}.member-panel article{border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:7px;display:grid}.member-panel article>span{gap:2px;min-width:0;display:grid}.member-panel article strong,.member-panel article small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-panel article strong{font-size:11px}.member-panel article small{color:var(--muted);font-size:8px}.content-page{height:100%;padding:34px;overflow-y:auto}.content-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.content-header h2{margin:0;font-size:30px}.count-pill{background:var(--panel-soft);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.add-friend-card{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), #ffffff05);border-radius:17px;grid-template-columns:minmax(180px,.7fr) minmax(300px,1.3fr);align-items:center;gap:18px;margin-bottom:28px;padding:21px;display:grid}.add-friend-card h3{margin-bottom:5px}.add-friend-card p{color:var(--muted);margin:0;font-size:12px}.add-friend-card form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.add-friend-card>.error-text,.add-friend-card>.success-text{grid-column:1/-1;margin:0;font-size:11px}.friend-section{margin-bottom:22px}.friend-section>h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;display:flex}.friend-section>h3 span{background:var(--panel-soft);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.friend-list{border-top:1px solid var(--line)}.friend-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:68px;display:grid}.friend-copy{gap:3px;display:grid}.friend-copy strong{font-size:14px}.friend-copy span{color:var(--muted);font-size:11px}.friend-actions{align-items:center;gap:8px;display:flex}.round-action{background:var(--panel-soft);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:11px;font-weight:800}.round-action:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, var(--panel-soft))}.round-action.accept{color:var(--success)}.empty-state{text-align:center;color:var(--muted);place-items:center;padding:50px 20px;display:grid}.empty-state>div{background:var(--panel-soft);width:54px;height:54px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:14px;font-size:24px;display:grid}.empty-state h4{color:var(--text);margin-bottom:8px}.empty-state p{max-width:380px;font-size:13px;line-height:1.6}.welcome-panel{text-align:center;place-content:center;justify-items:center;height:100%;padding:30px;display:grid}.welcome-orb{border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);width:96px;height:96px;color:var(--accent);box-shadow:0 0 70px color-mix(in srgb, var(--accent) 15%, transparent);border-radius:34px;place-items:center;margin-bottom:28px;font:800 38px/1 Space Grotesk,sans-serif;display:grid}.welcome-panel h2{margin:6px 0 10px;font-size:38px}.welcome-panel>p:last-child{max-width:600px;color:var(--muted);line-height:1.6}.chat-page{grid-template-rows:66px minmax(0,1fr) auto auto auto;height:100%;display:grid}.chat-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);align-items:center;gap:12px;padding:11px 18px;display:flex}.chat-header>div{gap:3px;min-width:0;display:grid}.chat-header strong{font-size:13px}.chat-header span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.header-kind{background:var(--panel-soft);border-radius:9px;margin-left:auto;padding:7px 10px}.channel-hash{background:var(--panel-soft);width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;display:grid;font-size:25px!important}.mobile-back{background:var(--panel-soft);border-radius:10px;width:34px;height:34px;font-size:24px;display:none}.message-feed{scrollbar-width:thin;min-height:0;padding:24px 22px 16px;overflow-y:auto}.conversation-intro,.channel-intro{padding:44px 10px 30px}.conversation-intro h2,.channel-intro h2{margin:18px 0 8px;font-size:28px}.conversation-intro p,.channel-intro p{color:var(--muted)}.channel-intro>span{background:var(--panel-soft);width:72px;height:72px;color:var(--muted);border-radius:24px;place-items:center;font-size:43px;display:grid}.message{border-radius:10px;grid-template-columns:40px minmax(0,1fr);gap:12px;margin:0 -10px;padding:8px 10px;display:grid;position:relative}.message:hover{background:#ffffff06}.message.grouped{padding-top:2px;padding-bottom:2px}.message.grouped:before{content:""}.message-body{min-width:0}.message-meta{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.message-meta strong{font-size:13px}.message-meta time{color:var(--muted);font-size:9px}.message-body p{color:color-mix(in srgb, var(--text) 91%, var(--muted));white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.55}.message.deleted .message-body p{color:var(--muted);font-style:italic}.message-actions{border:1px solid var(--line);background:var(--panel-strong);border-radius:9px;display:none;position:absolute;top:-15px;right:8px;overflow:hidden;box-shadow:0 8px 20px #0000003d}.message:hover .message-actions{display:flex}.message-actions button{width:32px;height:30px;color:var(--muted);cursor:pointer;background:0 0;font-size:12px}.message-actions button:hover{background:var(--panel-soft);color:var(--text)}.quoted-message{border-left:2px solid var(--muted);color:var(--muted);align-items:center;gap:7px;margin:0 0 5px;padding-left:8px;font-size:10px;display:flex}.quoted-message strong{color:var(--text)}.quoted-message span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reactions{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.reactions button{border:1px solid var(--line);background:var(--panel-soft);cursor:pointer;border-radius:8px;min-height:25px;padding:0 8px;font-size:11px}.reactions button.mine{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--panel-soft))}.reactions span{color:var(--muted);font-size:9px}:root[data-compact=true] .message{padding-top:3px;padding-bottom:3px}:root[data-compact=true] .message-body p{line-height:1.35}.typing-line{min-height:21px;color:var(--muted);padding:2px 24px;font-size:10px}.typing-line strong{color:var(--text)}.reply-bar{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);border-bottom:0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:12px;margin:0 18px;padding:9px 12px;font-size:10px;display:flex}.reply-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply-bar button{background:var(--panel-strong);cursor:pointer;border-radius:7px;width:25px;height:25px}.composer{background:linear-gradient(transparent, color-mix(in srgb, var(--panel) 90%, transparent) 28%);padding:8px 18px 17px}.composer>div{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:9px;padding:8px;display:grid}.composer textarea{min-height:38px;max-height:140px;box-shadow:none;resize:none;background:0 0;border:0;padding:9px 7px;line-height:1.4}.attach-button{background:var(--panel-soft);width:38px;height:38px;color:var(--muted);border-radius:11px;font-size:20px}.send-button{background:var(--accent);color:#fff;cursor:pointer;border-radius:11px;min-height:38px;padding:0 14px;font-weight:800}.send-button:disabled{opacity:.45;cursor:not-allowed}.composer-error{color:var(--danger);margin:0 0 6px 8px;font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020308b8;justify-content:flex-end;padding:10px;display:flex;position:fixed;inset:0}.modal-backdrop.centered{justify-content:center;align-items:center;padding:18px}.dialog{border:1px solid var(--line);background:var(--panel-strong);border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(520px,100%);max-height:min(90vh,900px);display:grid;overflow:hidden;box-shadow:0 32px 100px #0006}.dialog.wide{width:min(1040px,100%)}.dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.dialog>header h2{margin:0;font-size:21px}.dialog-body{min-height:0;padding:22px;overflow-y:auto}.server-preview{--server-accent:var(--accent);border:1px solid var(--line);background:linear-gradient(130deg, color-mix(in srgb, var(--server-accent) 24%, transparent), var(--panel));border-radius:16px;align-items:center;gap:14px;min-height:90px;padding:18px;display:flex}.server-preview>span{background:var(--server-accent);color:#fff;border-radius:17px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.server-preview>div{gap:3px;display:grid}.server-preview small{color:var(--muted)}.permission-overwrites{border-top:1px solid var(--line);gap:7px;padding-top:12px;display:grid}.permission-overwrites>div h3{margin-bottom:4px}.permission-overwrites>div p{color:var(--muted);font-size:11px}.role-access-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;padding:8px 10px;display:grid}.role-access-row>span{color:var(--text);align-items:center;gap:8px;display:flex}.role-access-row i,.role-editor aside i{border-radius:50%;width:10px;height:10px}.settings-layout{grid-template-columns:190px minmax(0,1fr);gap:22px;min-height:590px;display:grid}.settings-tabs{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding-right:14px;display:flex}.settings-tabs button{min-height:39px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border-radius:9px;padding:0 12px;font-size:12px}.settings-tabs button:hover,.settings-tabs button.active{background:var(--panel-soft);color:var(--text)}.settings-content{min-width:0}.server-settings-preview{--server-accent:var(--accent);border:1px solid var(--line);background:linear-gradient(130deg, color-mix(in srgb, var(--server-accent) 35%, transparent), var(--panel));border-radius:16px;height:180px;margin-bottom:8px;padding:95px 18px 18px;position:relative;overflow:hidden}.server-settings-preview>img,.server-banner-fallback{object-fit:cover;background:linear-gradient(130deg, var(--server-accent), color-mix(in srgb, var(--server-accent) 20%, #0cb5a8));width:100%;height:115px;position:absolute;inset:0 0 auto}.server-settings-preview>span{border:5px solid var(--panel-strong);background:var(--server-accent);color:#fff;border-radius:20px;place-items:center;width:62px;height:62px;font-weight:900;display:grid;position:relative;overflow:hidden}.server-settings-preview>span img{object-fit:cover;width:100%;height:100%}.server-settings-preview>strong{font-size:20px;position:absolute;bottom:28px;left:92px}.danger-zone{background:#ff647c0d;border:1px solid #ff647c3d;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:17px;display:flex}.danger-zone p{color:var(--muted);margin:4px 0 0;font-size:10px}.role-editor{grid-template-columns:180px minmax(0,1fr);gap:18px;height:100%;display:grid}.role-editor>aside{border-right:1px solid var(--line);flex-direction:column;gap:4px;min-height:0;padding-right:12px;display:flex;overflow-y:auto}.role-editor>aside>button:not(.button){min-height:38px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.role-editor>aside>button:hover,.role-editor>aside>button.active{background:var(--panel-soft);color:var(--text)}.role-editor-main{align-content:start;gap:15px;min-width:0;display:grid}.permission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.permission-option{border:1px solid var(--line);border-radius:11px;flex-direction:row;justify-content:space-between;align-items:center;padding:11px;display:flex}.permission-option>span{gap:2px;display:grid}.permission-option strong{color:var(--text);font-size:11px}.permission-option small{font-size:8px}.permission-option input{width:18px;height:18px;accent-color:var(--accent)}.member-admin-list{gap:7px;display:grid}.member-admin-list article{border:1px solid var(--line);border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;display:grid}.member-admin-copy{gap:3px;min-width:0;display:grid}.member-admin-copy>strong{align-items:center;gap:8px;display:flex}.member-admin-copy em{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal}.member-admin-copy>span{color:var(--muted);font-size:9px}.role-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.role-chips button{cursor:pointer;background:0 0;border:1px solid;border-radius:999px;min-height:23px;padding:0 7px;font-size:8px}.member-admin-actions{justify-items:end;gap:7px;min-width:155px;display:grid}.member-admin-actions select{min-width:155px;padding:8px;font-size:10px}.member-admin-actions>div{gap:5px;display:flex}.invite-builder{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.data-list{gap:7px;display:grid}.data-list article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.data-list article>div{flex:1;gap:3px;min-width:0;display:grid}.data-list article span{color:var(--muted);font-size:9px}.timeline{display:grid}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px 0;display:grid}.timeline article>div{gap:3px;display:grid}.timeline span{color:var(--muted);font-size:9px}.timeline code{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;background:#0000002e;border-radius:7px;margin-top:4px;padding:7px;font-size:8px}.profile-preview{border:1px solid var(--line);background:#0000001f;border-radius:18px;min-height:200px;margin-bottom:8px;padding:80px 20px 20px;position:relative;overflow:hidden}.preview-banner{background:linear-gradient(120deg, var(--accent), color-mix(in srgb, var(--accent) 25%, #00c5b0 75%));height:105px;position:absolute;inset:0 0 auto}.profile-preview>.avatar{border:5px solid var(--panel-strong);position:relative}.profile-preview>div:last-child{margin-top:10px;display:grid}.profile-preview strong{font-size:20px}.profile-preview span,.profile-preview p{color:var(--muted);font-size:12px}.profile-preview p{margin:10px 0 0;line-height:1.5}.invite-page{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 20%, transparent), transparent 38%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid;overflow-y:auto}.invite-card{--server-accent:var(--accent);border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:24px;justify-items:center;gap:14px;width:min(460px,100%);padding:42px;display:grid;box-shadow:0 30px 90px #00000059}.invite-card .community-icon{margin-bottom:8px}.invite-card h1{margin:0;font-size:31px}.invite-card>p:not(.eyebrow):not(.form-alert){color:var(--muted);line-height:1.6}.member-count{color:var(--success);font-size:11px;font-weight:800}.invite-auth-actions{grid-template-columns:1fr 1fr;gap:9px;width:100%;display:grid}.invite-error{width:72px;height:72px;color:var(--danger);background:#ff647c1a;border-radius:24px;place-items:center;font-size:36px;display:grid}@media (width<=1180px){.app-shell.with-members{grid-template-columns:70px 270px minmax(0,1fr)}.member-panel{display:none}}@media (width<=900px){.app-shell,.app-shell.with-members{grid-template-columns:64px 245px minmax(0,1fr);gap:6px;padding:6px}.rail{border-radius:16px;padding:8px 6px}.sidebar,.main-panel{border-radius:16px}.add-friend-card{grid-template-columns:1fr}.settings-layout{grid-template-columns:150px minmax(0,1fr)}.permission-grid{grid-template-columns:1fr}}@media (width<=720px){body{overflow:hidden}.auth-page{grid-template-columns:1fr}.auth-brand{min-height:36vh;padding:36px 24px}.auth-brand h1{font-size:40px}.auth-brand>p:not(.eyebrow),.feature-pills{display:none}.auth-card-wrap{border-left:0;border-top:1px solid var(--line);padding:16px}.auth-card{padding:24px}.app-shell,.app-shell.with-members{grid-template-columns:54px minmax(0,1fr);gap:4px;padding:4px}.rail{grid-column:1}.sidebar{grid-column:2}.main-panel{grid-column:2;display:none}.app-shell.chat-open .sidebar{display:none}.app-shell.chat-open .main-panel,.mobile-back{display:block}.content-page{padding:22px 16px}.add-friend-card form{grid-template-columns:1fr}.friend-row{grid-template-columns:40px minmax(0,1fr) auto}.friend-row .avatar{width:40px!important;height:40px!important}.message-feed{padding:18px 13px}.composer{padding:7px 9px 11px}.header-kind{display:none}.dialog.wide{height:calc(100vh - 20px)}.settings-layout{grid-template-columns:1fr;min-height:0}.settings-tabs{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:0 0 10px;overflow-x:auto}.settings-tabs button{flex:none}.two-columns,.invite-builder,.role-editor{grid-template-columns:1fr}.role-editor>aside{border-right:0;border-bottom:1px solid var(--line);max-height:140px;padding:0 0 10px}.member-admin-list article{grid-template-columns:40px minmax(0,1fr)}.member-admin-actions{grid-column:1/-1;justify-items:stretch;width:100%}.member-admin-actions select{width:100%}.role-access-row{grid-template-columns:1fr;gap:8px}.danger-zone{flex-direction:column;align-items:stretch}}@media (width<=430px){.auth-brand{min-height:30vh}.auth-brand h1{font-size:32px}.auth-card-wrap{padding:9px}.auth-card{border-radius:18px;padding:20px}.app-shell,.app-shell.with-members{grid-template-columns:49px minmax(0,1fr)}.rail{padding:5px 3px}.brand-mark,.community-icon,.rail-add,.rail-join{border-radius:13px;width:40px!important;height:40px!important}.avatar-button .avatar{width:38px!important;height:38px!important}.friend-actions{gap:4px}.round-action{width:31px;height:31px}.send-button{width:40px;padding:0;font-size:0}.send-button:after{content:">";font-size:17px}.dialog-body{padding:16px}.invite-card{padding:30px 22px}.invite-auth-actions{grid-template-columns:1fr}}:root{--panel-opacity:.96;--custom-app-bg:none}body:before{content:"";z-index:-2;background-image:linear-gradient(#05070d59, #05070d8c), var(--custom-app-bg);pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}:root[data-font=inter]{font-family:Inter,system-ui,sans-serif}:root[data-font=poppins]{font-family:Poppins,Inter,system-ui,sans-serif}:root[data-font=montserrat]{font-family:Montserrat,Inter,system-ui,sans-serif}:root[data-font=orbitron]{font-family:Orbitron,Inter,system-ui,sans-serif}:root[data-font=nunito]{font-family:Nunito,Inter,system-ui,sans-serif}:root[data-font=jetbrains]{font-family:JetBrains Mono,monospace}.font-inter{font-family:Inter,system-ui,sans-serif!important}.font-poppins{font-family:Poppins,Inter,system-ui,sans-serif!important}.font-montserrat{font-family:Montserrat,Inter,system-ui,sans-serif!important}.font-orbitron{letter-spacing:.02em;font-family:Orbitron,Inter,system-ui,sans-serif!important}.font-nunito{font-family:Nunito,Inter,system-ui,sans-serif!important}.font-jetbrains{font-family:JetBrains Mono,monospace!important}.font-bebas{letter-spacing:.05em;font-family:Bebas Neue,Impact,sans-serif!important}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.rail,.sidebar,.main-panel,.member-panel,.dialog,.auth-card{background:color-mix(in srgb, var(--panel-strong) calc(var(--panel-opacity) * 100%), transparent)}.app-shell.server-custom-background:before{content:"";z-index:-1;background:linear-gradient(135deg, color-mix(in srgb, var(--server-accent) 18%, #05070dbd), color-mix(in srgb, var(--server-secondary) 13%, #05070de0)), var(--server-background) center/cover fixed;position:fixed;inset:0}.avatar-image{object-fit:cover;background:var(--panel-soft);border-radius:34%;display:block}.profile-trigger{cursor:pointer;background:0 0;border-radius:14px;flex:none;padding:0;display:inline-grid}.button.ghost{color:var(--muted);border-color:var(--line);background:0 0}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.channel-row.has-unread:before{content:"";background:var(--text);border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;left:3px}.channel-row{position:relative}.channel-row>button>em{background:var(--danger);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 3px color-mix(in srgb, var(--panel-strong) 80%, transparent);border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:10px;font-style:normal;font-weight:900;display:inline-grid}.context-menu{z-index:5000;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f111dfa;border-radius:12px;width:220px;padding:7px;position:fixed;box-shadow:0 18px 55px #0000007a}.context-menu button{width:100%;min-height:37px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.context-menu button:hover:not(:disabled){background:var(--accent);color:#fff}.context-menu button.danger{color:#ff8094}.context-menu button.danger:hover:not(:disabled){background:var(--danger);color:#fff}.context-menu button.separator{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:6px}.context-menu button:disabled{opacity:.38;cursor:default}.context-menu i{opacity:.75;font-style:normal}.media-upload-stack{gap:8px;display:grid}.media-upload-field{border:1px solid var(--line);background:#ffffff06;border-radius:13px;grid-template-columns:minmax(0,1fr) 56px auto auto;align-items:center;gap:9px;min-height:70px;padding:10px;display:grid}.media-upload-copy{gap:4px;min-width:0;display:grid}.media-upload-copy strong{color:var(--text);font-size:12px}.media-upload-copy small{color:var(--muted);font-size:9px}.media-upload-preview{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:56px;height:48px}.media-upload-field .error-text{grid-column:1/-1;margin:0;font-size:10px}.pending-attachments{gap:8px;padding:8px 10px 0;display:flex;overflow-x:auto}.pending-attachments>div{border:1px solid var(--line);background:var(--panel-soft);border-radius:10px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:8px;min-width:150px;max-width:230px;height:54px;padding:6px;display:grid;position:relative}.pending-attachments img{object-fit:cover;border-radius:7px;width:42px;height:42px}.pending-attachments>div>span{background:#ffffff0d;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.pending-attachments strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.pending-attachments button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:7px}.composer:has(.pending-attachments){border-top-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.attachment-grid{flex-wrap:wrap;gap:8px;max-width:780px;margin-top:8px;display:flex}.attachment-media{border:1px solid var(--line);background:#0000002e;border-radius:12px;gap:5px;max-width:min(560px,100%);padding:5px;display:grid;position:relative;overflow:hidden}.attachment-media.image img{object-fit:contain;border-radius:8px;max-width:100%;max-height:420px;display:block}.attachment-media span,.attachment-media a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:2px 5px 4px;font-size:9px;overflow:hidden}.attachment-media video{background:#000;border-radius:8px;width:min(560px,100%);max-height:420px}.attachment-file{border:1px solid var(--line);background:var(--panel-soft);min-width:240px;max-width:420px;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.attachment-file:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));text-decoration:none}.attachment-file-icon{background:color-mix(in srgb, var(--accent) 20%, transparent);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;font-size:20px;display:grid}.attachment-file>span:last-child{gap:3px;min-width:0;display:grid}.attachment-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attachment-file small{color:var(--muted);font-size:8px}.attachment-file.audio{display:grid}.attachment-file audio{width:min(360px,100%)}.profile-popover-backdrop{z-index:4000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0304098f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-card{--profile-a:var(--accent);--profile-b:#35c8ff;border:1px solid var(--line);background:var(--panel-strong);border-radius:24px;width:min(390px,100%);min-height:430px;position:relative;overflow:hidden;box-shadow:0 32px 100px #00000080}.profile-card-banner{background:linear-gradient(135deg, var(--profile-a), var(--profile-b));background-position:50%;background-size:cover;height:135px}.profile-card-background{object-fit:cover;opacity:.16;filter:saturate(.8);width:100%;height:calc(100% - 135px);position:absolute;inset:135px 0 0}.profile-card>.avatar{border:6px solid var(--panel-strong);position:absolute;top:91px;left:22px}.profile-card-body{gap:5px;padding:52px 22px 24px;display:grid;position:relative}.profile-card-body h3{margin:0;font-size:27px}.profile-card-body>span{color:var(--muted);font-size:12px}.profile-status{color:var(--success);margin:10px 0 2px;font-size:11px}.profile-card-section{border:1px solid var(--line);background:#00000029;border-radius:13px;margin-top:13px;padding:14px}.profile-card-section strong{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.profile-card-section p{color:var(--text);white-space:pre-wrap;margin:8px 0 0;font-size:12px;line-height:1.6}.profile-card-body>small{color:var(--muted);margin-top:8px;font-size:9px}.profile-preview.advanced{background-position:50%;background-size:cover}.profile-preview.advanced:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 30%,#04060cb8);position:absolute;inset:0}.profile-preview.advanced>*{z-index:1}.preview-banner,.server-settings-preview{background-position:50%;background-size:cover}.server-settings-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#05070db8);position:absolute;inset:0}.server-settings-preview>span,.server-settings-preview>strong{z-index:1}.server-settings-preview>img{z-index:0}.member-panel article{cursor:pointer;border-radius:9px}.member-panel article:hover{background:var(--panel-soft)}@media (width<=720px){.three-columns{grid-template-columns:1fr}.media-upload-field{grid-template-columns:minmax(0,1fr) 48px auto}.media-upload-field .button.ghost{grid-column:3}.media-upload-preview{width:48px;height:44px}.attachment-media.image img,.attachment-media video{max-height:300px}.attachment-file{min-width:min(260px,100%)}.context-menu{width:min(220px,100vw - 18px)}}.sidebar-unread-total{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;display:inline-grid}.conversation-tail{justify-items:end;gap:5px;display:grid}.dm-unread-badge{background:var(--danger);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 3px color-mix(in srgb, var(--panel-strong) 82%, transparent);border-radius:999px;place-items:center;padding:0 6px;font-size:9px;font-style:normal;font-weight:900;display:inline-grid}.conversation-item:has(.dm-unread-badge) .conversation-copy strong{color:var(--text)}.conversation-item:has(.dm-unread-badge) .conversation-copy small{color:color-mix(in srgb, var(--text) 76%, var(--muted));font-weight:700}.chat-call-actions{grid-auto-flow:column;margin-left:auto;gap:7px!important;display:flex!important}.chat-call-actions button{border:1px solid var(--line);background:var(--panel-soft);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:11px;font-size:16px}.chat-call-actions button:hover{border-color:color-mix(in srgb, var(--accent) 65%, var(--line));background:color-mix(in srgb, var(--accent) 18%, var(--panel-soft))}.incoming-call-card{z-index:7000;border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--panel-strong) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;grid-template-columns:72px minmax(0,1fr);gap:14px;width:min(360px,100vw - 28px);padding:18px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 90px #0000008c}.incoming-call-avatar{place-items:center;display:grid}.incoming-call-card>div:nth-child(2){align-content:center;gap:3px;min-width:0;display:grid}.incoming-call-card p{color:var(--accent);letter-spacing:.08em;margin:0;font-size:9px;font-weight:900}.incoming-call-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;overflow:hidden}.incoming-call-card span{color:var(--muted);font-size:10px}.incoming-call-card footer{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;display:grid}.incoming-call-card footer button{color:#fff;cursor:pointer;border-radius:11px;min-height:40px;font-weight:800}.call-decline{background:var(--danger)}.call-accept{background:var(--success)}.call-overlay{z-index:6500;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#070911f7;border-radius:24px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;inset:18px;overflow:hidden;box-shadow:0 30px 120px #000000a8}.call-header{border-bottom:1px solid var(--line);background:#ffffff06;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 22px;display:flex}.call-header>div{gap:3px;display:grid}.call-header span{color:var(--accent);letter-spacing:.1em;font-size:9px;font-weight:900}.call-header h2{margin:0;font-size:20px}.call-header>strong{color:var(--muted);font-size:10px}.call-header>strong.call-connected{color:var(--success)}.call-error{color:#ff91a2;cursor:pointer;text-align:left;background:#ff647c21;width:100%;min-height:34px;padding:0 18px}.call-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-auto-rows:minmax(220px,1fr);gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}.call-participant{background:radial-gradient(circle,#7c5cff26,#0d0f19f5 65%);border:2px solid #0000;border-radius:18px;place-items:center;min-height:220px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.call-participant.speaking{border-color:var(--success);box-shadow:0 0 0 3px #45d69e1f}.call-avatar{background:linear-gradient(135deg, var(--accent), #35c8ff);color:#fff;border-radius:34px;place-items:center;width:94px;height:94px;font-size:38px;font-weight:900;display:grid;box-shadow:0 18px 55px #00000059}.call-track{position:absolute;inset:0}.call-track video{object-fit:cover;background:#000;width:100%;height:100%}.call-track audio{opacity:0;width:1px;height:1px;position:absolute}.call-participant footer{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#04050ad1,#04050a75);border-radius:12px;justify-content:space-between;align-items:end;gap:12px;padding:10px 12px;display:flex;position:absolute;inset:auto 12px 12px}.call-participant footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.call-participant footer span{color:var(--muted);font-size:8px}.call-waiting{color:var(--muted);place-self:center}.call-controls{border-top:1px solid var(--line);background:#ffffff06;justify-content:center;gap:10px;padding:16px;display:flex}.call-controls button{border:1px solid var(--line);background:var(--panel-soft);min-width:72px;min-height:54px;color:var(--text);cursor:pointer;border-radius:15px;place-items:center;gap:2px;padding:7px 12px;font-size:18px;display:grid}.call-controls button span{font-size:8px}.call-controls button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--panel-soft))}.call-controls button.disabled{color:#ff8da0;background:#ff647c1f}.call-controls button.hangup{background:var(--danger);color:#fff;border-color:#0000}@media (width<=720px){.call-overlay{border-radius:18px;inset:4px}.call-header{min-height:64px;padding:12px 14px}.call-header h2{font-size:16px}.call-grid{grid-template-columns:1fr;grid-auto-rows:minmax(180px,44vh);padding:8px}.call-controls{gap:6px;padding:10px 6px}.call-controls button{min-width:58px;padding-inline:8px}.incoming-call-card{bottom:10px;right:10px}.chat-call-actions button{width:32px;height:32px}}.call-controls button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45)}:root{--corner-radius:14px;--interface-scale:1;--panel-blur:24px}.app-shell{font-size:calc(14px * var(--interface-scale))}.rail,.sidebar,.main-panel,.member-panel,.dialog,.auth-card{border-radius:var(--corner-radius);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur))}.button,input,textarea,select,.message,.composer>div,.friend-row,.channel-row{border-radius:min(var(--corner-radius), 18px)}.account-bar{grid-template-columns:38px minmax(0,1fr) minmax(98px,auto) auto}.account-presence-select{border-radius:10px;width:auto;min-width:98px;height:34px;padding:0 9px;font-size:10px}.presence-avatar{flex:none;display:inline-grid;position:relative}.presence-dot{border:3px solid var(--panel-strong);background:#6b7187;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.presence-dot.online{background:#4ed59b}.presence-dot.idle{background:#ffbd64}.presence-dot.dnd{background:#ff647c}.presence-dot.offline,.presence-dot.invisible{background:#656b7e}.presence-avatar[data-size="28"] .presence-dot{border-width:2px;width:10px;height:10px}.context-menu{z-index:2147483000;border-radius:min(var(--corner-radius), 14px);max-height:min(520px,100vh - 16px);overflow-y:auto}.message.ping-message{border-left:3px solid var(--warning);background:color-mix(in srgb, var(--warning) 13%, transparent);animation:.42s ease-out ping-arrival}@keyframes ping-arrival{0%{background:color-mix(in srgb, var(--warning) 30%, transparent);transform:translate(-3px)}to{background:color-mix(in srgb, var(--warning) 13%, transparent);transform:translate(0)}}.mention-token{background:color-mix(in srgb, var(--accent) 25%, transparent);color:color-mix(in srgb, var(--accent) 58%, white 42%);border-radius:5px;padding:1px 4px;font-weight:800;display:inline}.deleted-copy{color:var(--muted);font-style:italic}.chat-header-tools{grid-auto-flow:column;align-items:center;margin-left:auto;gap:7px!important;display:flex!important}.chat-header-tools button{border:1px solid var(--line);background:var(--panel-soft);min-width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:11px;padding:0 9px}.call-dev-button{opacity:.78;position:relative}.dev-badge{min-height:18px;color:var(--warning);letter-spacing:.05em;background:#ffbd6424;border-radius:999px;place-items:center;margin-left:5px;padding:0 6px;font-size:8px;font-style:normal;font-weight:900;display:inline-grid}.development-note{color:var(--warning);background:#ffbd6414;border:1px solid #ffbd644d;border-radius:12px;padding:13px 14px;line-height:1.55}.mention-picker{z-index:120;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 98%, transparent);border-radius:14px;max-height:250px;padding:7px;position:absolute;bottom:calc(100% - 5px);left:18px;right:18px;overflow-y:auto;box-shadow:0 18px 55px #0000006b}.mention-picker button{width:100%;min-height:42px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 9px;display:grid}.mention-picker button:hover,.mention-picker button.active{background:var(--panel-soft)}.mention-picker strong,.mention-picker small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-picker small{color:var(--muted)}.mention-picker em{color:var(--accent);font-size:10px;font-style:normal}.composer{position:relative}.typing-line{align-items:center;min-height:24px;display:flex}.typing-dots{gap:2px;margin-right:6px;display:inline-flex}.typing-dots i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite typing-dot}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes typing-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.message-tools-backdrop{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03040994;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.message-tools-dialog{border:1px solid var(--line);background:var(--panel-strong);border-radius:20px;grid-template-rows:auto auto minmax(0,1fr);width:min(680px,100%);max-height:min(720px,100vh - 36px);display:grid;overflow:hidden;box-shadow:0 30px 100px #0000008c}.message-tools-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.message-tools-dialog>header h3{margin:0}.message-tools-tabs{border-bottom:1px solid var(--line);gap:7px;padding:10px 16px;display:flex}.message-tools-tabs button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:0 12px}.message-tools-tabs button.active{background:var(--accent);color:#fff}.message-tools-body{min-height:0;padding:15px 17px;overflow-y:auto}.message-tools-search{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:14px;display:grid}.message-tools-list{gap:8px;display:grid}.message-tool-item{border:1px solid var(--line);background:#ffffff05;border-radius:12px;gap:5px;padding:12px;display:grid}.message-tool-item header{color:var(--muted);justify-content:space-between;gap:12px;font-size:10px;display:flex}.message-tool-item p{overflow-wrap:anywhere;margin:0;line-height:1.5}.settings-section-title{color:var(--text);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;margin:7px 0 -3px;font-size:11px}.settings-preview-shell{border:1px solid var(--line);border-radius:var(--corner-radius);background:var(--panel);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));overflow:hidden}:root[data-message-density=compact] .message{padding-top:2px;padding-bottom:2px}:root[data-message-density=compact] .message-meta{margin-bottom:0}:root[data-message-density=comfortable] .message{padding-top:11px;padding-bottom:11px}.notification-pulse{animation:.55s ease-out notification-pulse}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 58%, transparent)}to{box-shadow:0 0 0 12px #0000}}@media (width<=720px){.account-bar{grid-template-columns:34px minmax(0,1fr) auto}.account-presence-select{display:none}.message-tools-backdrop{padding:5px}.message-tools-dialog{border-radius:15px;max-height:calc(100vh - 10px)}.mention-picker{left:8px;right:8px}}.presence-select{border-radius:10px;width:auto;min-width:104px;height:34px;padding:0 9px;font-size:10px}.message-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0;display:grid}.message-tool-results{gap:8px;max-height:52vh;display:grid;overflow-y:auto}.message-tool-results article{border:1px solid var(--line);background:#ffffff05;border-radius:12px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;display:grid}.message-tool-results article>div{min-width:0}.message-tool-results header{align-items:center;gap:8px;margin-bottom:5px;display:flex}.message-tool-results header time{color:var(--muted);margin-left:auto;font-size:9px}.message-tool-results header em{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal}.message-tool-results p{overflow-wrap:anywhere;margin:0;line-height:1.5}.settings-preview-shell{--preview-accent:var(--accent);--preview-opacity:.92;--preview-blur:18px;--preview-radius:16px;--preview-scale:1;border:1px solid color-mix(in srgb, var(--preview-accent) 42%, var(--line));border-radius:var(--preview-radius);background:color-mix(in srgb, var(--panel-strong) calc(var(--preview-opacity) * 100%), transparent);-webkit-backdrop-filter:blur(var(--preview-blur));backdrop-filter:blur(var(--preview-blur));font-size:calc(1em * var(--preview-scale));grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.settings-preview-rail{border-radius:min(var(--preview-radius), 14px);background:var(--preview-accent);color:#fff;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.settings-preview-copy{min-width:0}.settings-preview-copy strong{margin-bottom:4px;display:block}.settings-preview-copy p{color:var(--muted);margin:0;line-height:1.45}.settings-preview-copy mark{background:color-mix(in srgb, var(--preview-accent) 24%, transparent);color:var(--preview-accent);border-radius:5px;padding:1px 4px}.settings-preview-shell>span{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:10px;font-weight:900;display:grid}@media (width<=720px){.presence-select{display:none}.message-search-row{grid-template-columns:1fr}}