:root{--font-scale:1;font-size:calc(16px * var(--font-scale));color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080d18;min-width:320px;min-height:100%}body{color:#f5f7ff;background:radial-gradient(circle at 20% 10%,#4f5ef61f,#0000 30%),#080d18;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.auth-page{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-showcase{background:radial-gradient(circle at 70% 30%,#4959ff2e,#0000 38%),linear-gradient(145deg,#0c1321,#090e18 72%);border-right:1px solid #1c2638;flex-direction:column;padding:32px 44px 48px;display:flex;position:relative;overflow:hidden}.auth-showcase:after{filter:blur(20px);content:"";background:#5061ff12;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-200px;right:-160px}.brand-row{z-index:1;font-size:calc(17px * var(--font-scale));align-items:center;gap:12px;font-weight:700;display:flex;position:relative}.brand-mark,.loader-logo,.workspace-logo{box-shadow:none;color:#0000;background:url(/collabspace-app-icon.png) 50%/cover no-repeat;place-items:center;font-size:0;display:grid;overflow:hidden}.brand-mark{border-radius:11px;flex:none;width:38px;height:38px}.showcase-content{z-index:1;width:min(720px,100%);margin:auto;position:relative}.showcase-badge,.auth-eyebrow,.dashboard-eyebrow{color:#8491ff;font-size:calc(12px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:700}.showcase-content>h1{max-width:620px;font-size:clamp(calc(42px * var(--font-scale)), calc(5vw * var(--font-scale)), calc(68px * var(--font-scale)));letter-spacing:-.045em;margin:20px 0 14px;line-height:1.02}.showcase-content>p{color:#9aa6bd;max-width:570px;font-size:calc(16px * var(--font-scale));margin:0;line-height:1.7}.workspace-preview{background:#0b111e;border:1px solid #253149;border-radius:18px;grid-template-columns:66px 190px minmax(260px,1fr);height:330px;margin-top:44px;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000061}.preview-rail{background:#090e18;border-right:1px solid #1c2638;flex-direction:column;align-items:center;gap:14px;padding:16px 10px;display:flex}.preview-workspace,.preview-add{color:#b9c3d8;width:40px;height:40px;font-size:calc(14px * var(--font-scale));background:#151e30;border:1px solid #29344a;border-radius:11px;place-items:center;font-weight:700;display:grid}.preview-workspace.active{color:#fff;background:linear-gradient(145deg,#6576ff,#4057f6);border-color:#6675ff}.preview-workspace.green{color:#fff;background:#139669}.preview-add{color:#9faccc}.preview-sidebar{background:#0e1523;border-right:1px solid #1c2638;padding:20px 15px}.preview-sidebar>strong{font-size:calc(14px * var(--font-scale));display:block}.preview-meta{color:#8793ab;font-size:calc(10px * var(--font-scale));align-items:center;gap:6px;margin-top:6px;display:flex}.preview-meta i{background:#4ade80;border-radius:50%;width:6px;height:6px}.preview-label{color:#6f7d96;font-size:calc(10px * var(--font-scale));text-transform:uppercase;margin:28px 6px 10px;font-weight:700}.preview-channel{color:#aab4ca;font-size:calc(12px * var(--font-scale));border-radius:7px;margin-bottom:4px;padding:8px 10px}.preview-channel.selected{color:#dce2ff;background:linear-gradient(90deg,#4057f66b,#4057f62e)}.preview-chat{background:linear-gradient(#101827,#0c1320);flex-direction:column;min-width:0;display:flex}.preview-chat-header{border-bottom:1px solid #202b3f;justify-content:space-between;align-items:center;min-height:70px;padding:16px 20px;display:flex}.preview-chat-header div{flex-direction:column;gap:5px;display:flex}.preview-chat-header strong{font-size:calc(15px * var(--font-scale))}.preview-chat-header span{color:#8d99af;font-size:calc(10px * var(--font-scale))}.preview-message{gap:12px;padding:18px 20px 0;display:flex}.avatar{width:34px;height:34px;font-size:calc(11px * var(--font-scale));background:#4259f5;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.alt{background:#15946c}.preview-message strong{font-size:calc(12px * var(--font-scale))}.preview-message p{color:#a4aec1;font-size:calc(11px * var(--font-scale));margin:4px 0 0;line-height:1.45}.preview-input{color:#69758e;font-size:calc(11px * var(--font-scale));border:1px solid #34405a;border-radius:10px;margin:auto 18px 18px;padding:12px 14px}.auth-panel{background:#0a101b;place-items:center;padding:48px;display:grid}.auth-card{width:min(440px,100%)}.auth-card-heading{margin-bottom:30px}.auth-card-heading h2{font-size:calc(32px * var(--font-scale));letter-spacing:-.035em;margin:10px 0}.auth-card-heading p{color:#8e9aaf;margin:0;line-height:1.6}.auth-form{gap:18px;display:grid}.form-field{gap:8px;display:grid}.form-field span{color:#cbd3e2;font-size:calc(13px * var(--font-scale));font-weight:600}.form-field input{color:#f5f7ff;background:#101827;border:1px solid #28344a;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.form-field input::placeholder{color:#58657c}.form-field input:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1f}.primary-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6374ff,#455cf5);border:0;border-radius:9px;height:48px;font-weight:700;transition:transform .15s,opacity .15s;box-shadow:0 10px 28px #4257f540}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.form-error{color:#fca5a5;font-size:calc(13px * var(--font-scale));background:#7f1d1d38;border:1px solid #f8717142;border-radius:8px;padding:11px 13px;line-height:1.5}.password-hint{color:#68758d;font-size:calc(12px * var(--font-scale));margin:-7px 0 0;line-height:1.5}.auth-divider{color:#647089;font-size:calc(11px * var(--font-scale));text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:25px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#202b3e;flex:1;height:1px}.social-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.social-button{color:#b9c3d6;cursor:pointer;background:#101827;border:1px solid #29354b;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:46px;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.social-button:hover{color:#f0f3ff;background:linear-gradient(145deg,#16213a,#121b2d);border-color:#5668df;transform:translateY(-2px);box-shadow:0 10px 26px #4154f529}.social-button:active{transform:translateY(0);box-shadow:0 5px 14px #4154f51a}.social-button:focus-visible{border-color:#6f7cff;outline:none;box-shadow:0 0 0 3px #6172ff29}.social-provider-logo{flex:none;width:22px;height:22px;display:block}.social-provider-logo.github{color:#e7ebf3;width:23px;height:23px}.social-button>span{line-height:1}.social-button small{color:#7785aa;font-size:calc(8px * var(--font-scale));text-transform:uppercase;background:#1a2440;border-radius:5px;padding:3px 5px}.auth-switch{color:#8793aa;text-align:center;font-size:calc(13px * var(--font-scale));margin:27px 0 0}.auth-switch a{color:#8390ff;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.dashboard-page{background:#0a101a;grid-template-columns:74px 270px minmax(0,1fr);min-height:100vh;display:grid}.workspace-rail{background:#080d16;border-right:1px solid #1d2738;flex-direction:column;align-items:center;gap:14px;padding:16px 10px;display:flex}.workspace-logo,.workspace-item,.workspace-add{border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.workspace-logo{z-index:2;background-size:125%;margin-bottom:10px;font-weight:800;transition:transform .14s,box-shadow .14s,filter .14s;position:relative;overflow:visible}.workspace-logo:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.04);box-shadow:0 8px 22px #4057f638}.workspace-logo:active{transform:translateY(0)scale(.98)}.workspace-logo:focus-visible{outline-offset:3px;outline:2px solid #6675ff}.workspace-item,.workspace-add{color:#adb8cc;cursor:pointer;background:#141d2d;border:1px solid #28344a}.workspace-item.active{color:#fff;background:#4057f6;border-color:#5c6fff}.workspace-add{font-size:calc(22px * var(--font-scale))}.dashboard-sidebar{background:#0d1421;border-right:1px solid #1d2738;flex-direction:column;min-width:0;padding:24px 18px;display:flex}.dashboard-brand{color:#f2f5fb;font-size:calc(18px * var(--font-scale));align-items:center;gap:8px;font-weight:750;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #4ade8099}.dashboard-user{background:#111a29;border:1px solid #222e42;border-radius:11px;gap:11px;margin-top:30px;padding:14px;display:flex}.dashboard-avatar{background:#4057f6;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.dashboard-user div:last-child{min-width:0}.dashboard-user-copy>strong,.dashboard-user-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-user strong{font-size:calc(13px * var(--font-scale));margin-top:2px}.dashboard-user-copy>span{color:#7d899f;font-size:calc(11px * var(--font-scale));margin-top:4px;display:block}.dashboard-nav{gap:5px;margin-top:25px;display:grid}.nav-item{color:#98a5bb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;padding:11px 13px}.nav-item.active{color:#d9dfff;background:#4257f533}.logout-button{color:#9ba7ba;cursor:pointer;background:0 0;border:1px solid #28344a;border-radius:8px;margin-top:auto;padding:10px 12px}.dashboard-content{background:radial-gradient(circle at 100% 0,#4959ff12,#0000 30%),#0b121f;min-width:0}.dashboard-topbar{border-bottom:1px solid #1e293c;justify-content:space-between;align-items:center;min-height:94px;padding:20px 30px;display:flex}.dashboard-topbar h1{font-size:calc(22px * var(--font-scale));letter-spacing:-.025em;margin:7px 0 0}.online-pill{color:#96a2b7;font-size:calc(12px * var(--font-scale));background:#111a29;border:1px solid #27334a;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;display:flex}.online-pill span{background:#4ade80;border-radius:50%;width:7px;height:7px}.dashboard-empty{text-align:center;justify-items:center;max-width:470px;margin:clamp(110px,18vh,220px) auto 0;padding:30px;display:grid}.empty-icon{color:#8491ff;width:70px;height:70px;font-size:calc(34px * var(--font-scale));background:linear-gradient(145deg,#1b2740,#11192a);border:1px solid #303d58;border-radius:18px;place-items:center;font-weight:700;display:grid}.dashboard-empty h2{font-size:calc(25px * var(--font-scale));margin:22px 0 9px}.dashboard-empty p{color:#8290a8;margin:0;line-height:1.7}.screen-loader{color:#8e9ab0;background:#080d18;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.loader-logo{color:#fff;border-radius:12px;width:42px;height:42px;font-weight:800}@media (width<=1000px){.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh}}@media (width<=720px){.auth-panel{padding:28px 20px}.dashboard-page{grid-template-columns:64px minmax(0,1fr)}.dashboard-sidebar{display:none}.dashboard-topbar{padding:18px 20px}}.workspace-rail-list{scrollbar-width:none;flex-direction:column;align-items:center;gap:12px;width:100%;max-height:calc(100vh - 170px);display:flex;overflow-y:auto}.workspace-rail-list::-webkit-scrollbar{display:none}.workspace-item{flex:none;font-weight:750;transition:border-radius .16s,transform .16s,border-color .16s,background .16s;position:relative}.workspace-item:hover{border-color:#465572;transform:translateY(-1px)}.workspace-item.active{border-radius:10px}.workspace-item.active:before{content:"";background:#7886ff;border-radius:0 4px 4px 0;width:4px;height:30px;position:absolute;left:-15px}.workspace-tone-0{background:#17213a}.workspace-tone-1{background:#17302e}.workspace-tone-2{background:#30203b}.workspace-tone-3{background:#30291b}.workspace-tone-4{background:#1d2939}.workspace-item.active.workspace-tone-0,.workspace-item.active.workspace-tone-1,.workspace-item.active.workspace-tone-2,.workspace-item.active.workspace-tone-3,.workspace-item.active.workspace-tone-4{background:linear-gradient(145deg,#6878ff,#4259f5)}.active-workspace-summary{background:#111a29;border:1px solid #222e42;border-radius:11px;gap:4px;margin-top:28px;padding:15px 14px;display:grid}.active-workspace-summary.muted{opacity:.65}.active-workspace-label{color:#69768d;font-size:calc(10px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-weight:700}.active-workspace-summary strong{color:#eef2fa;font-size:calc(14px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-workspace-summary>span:last-child{color:#78869e;font-size:calc(11px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-nav .nav-item:disabled{cursor:not-allowed;opacity:.42}.dashboard-user{margin-top:auto}.logout-button{margin-top:12px}.dashboard-topbar-actions{align-items:center;gap:10px;display:flex}.topbar-create-button{color:#d9deff;cursor:pointer;height:36px;font-size:calc(12px * var(--font-scale));background:#4154f52e;border:1px solid #4f61e9;border-radius:8px;padding:0 14px;font-weight:700;transition:background .15s,border-color .15s}.topbar-create-button:hover{background:#4154f547;border-color:#7482ff}.workspace-state{text-align:center;justify-items:center;width:min(520px,100%);margin:clamp(100px,17vh,190px) auto 0;padding:30px;display:grid}.workspace-state h2{font-size:calc(24px * var(--font-scale));letter-spacing:-.025em;margin:20px 0 9px}.workspace-state p{color:#8190a7;max-width:420px;font-size:calc(14px * var(--font-scale));margin:0;line-height:1.7}.state-icon{color:#8794ff;width:68px;height:68px;font-size:calc(27px * var(--font-scale));background:linear-gradient(145deg,#1a2640,#111928);border:1px solid #34415b;border-radius:19px;place-items:center;font-weight:800;display:grid}.state-icon.error{color:#fca5a5;background:#7f1d1d2e;border-color:#f871714d}.state-action{width:auto;min-width:170px;margin-top:24px;padding:0 22px}.state-spinner{border:3px solid #202b3d;border-top-color:#6374ff;border-radius:50%;width:44px;height:44px;animation:.75s linear infinite workspace-spin}@keyframes workspace-spin{to{transform:rotate(360deg)}}.workspace-overview{width:min(1080px,100% - 60px);margin:34px auto}.workspace-hero{background:linear-gradient(135deg,#182237f5,#0f1726f5);border:1px solid #232f44;border-radius:15px;align-items:center;gap:18px;padding:24px;display:flex;box-shadow:0 18px 50px #00000029}.workspace-hero-icon{width:58px;height:58px;font-size:calc(21px * var(--font-scale));background:linear-gradient(145deg,#6878ff,#4057f6);border-radius:15px;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:0 12px 30px #4057f640}.workspace-hero-copy{min-width:0}.workspace-hero-copy>span{color:#78869f;font-size:calc(11px * var(--font-scale));letter-spacing:.07em;text-transform:uppercase;font-weight:700}.workspace-hero-copy h2{font-size:calc(23px * var(--font-scale));letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;overflow:hidden}.workspace-hero-copy p{color:#77869d;font-size:calc(12px * var(--font-scale));margin:0}.workspace-open-button{width:auto;min-width:135px;margin-left:auto;padding:0 18px}.workspace-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.workspace-info-card{background:#101827;border:1px solid #202c40;border-radius:13px;gap:14px;min-height:150px;padding:20px;display:flex}.workspace-card-icon{color:#8492ff;width:40px;height:40px;font-size:calc(14px * var(--font-scale));background:#182238;border:1px solid #33415d;border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.workspace-info-card span{color:#6f7c93;font-size:calc(10px * var(--font-scale));letter-spacing:.07em;text-transform:uppercase;font-weight:700;display:block}.workspace-info-card strong{color:#e7ebf5;font-size:calc(14px * var(--font-scale));margin-top:5px;display:block}.workspace-info-card p{color:#7f8da3;font-size:calc(12px * var(--font-scale));margin:8px 0 0;line-height:1.6}.workspace-details-card{background:#0f1725;border:1px solid #202c40;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;display:grid;overflow:hidden}.workspace-details-card>div{gap:5px;padding:18px 20px;display:grid}.workspace-details-card>div+div{border-left:1px solid #202c40}.workspace-details-card span{color:#707e95;font-size:calc(10px * var(--font-scale));letter-spacing:.07em;text-transform:uppercase;font-weight:700}.workspace-details-card strong{color:#d8deea;font-size:calc(13px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070ebd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.workspace-modal{background:linear-gradient(155deg,#121b2b,#0d1421);border:1px solid #2a3750;border-radius:16px;width:min(480px,100%);overflow:hidden;box-shadow:0 30px 100px #0000008c}.workspace-modal-header{border-bottom:1px solid #212c3f;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 25px 20px;display:flex}.workspace-modal-eyebrow{color:#7f8cff;font-size:calc(10px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:700}.workspace-modal-header h2{font-size:calc(22px * var(--font-scale));letter-spacing:-.025em;margin:6px 0}.workspace-modal-header p{color:#7f8ca2;max-width:360px;font-size:calc(12px * var(--font-scale));margin:0;line-height:1.55}.modal-close{color:#8c98ac;cursor:pointer;width:32px;height:32px;font-size:calc(21px * var(--font-scale));background:#151e2e;border:1px solid #2b374d;border-radius:8px;flex:none;place-items:center;padding:0;line-height:1;display:grid}.modal-close:hover{color:#fff}.workspace-form{gap:18px;padding:24px 25px 25px;display:grid}.slug-field{background:#101827;border:1px solid #28344a;border-radius:9px;align-items:center;height:48px;display:flex;overflow:hidden}.slug-field:focus-within{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1f}.slug-field>span{color:#65728a;padding-left:14px}.slug-field input{height:100%;box-shadow:none;border:0}.slug-field input:focus{box-shadow:none;border:0}.workspace-form-hint{color:#68758b;font-size:calc(11px * var(--font-scale));margin:-8px 0 0;line-height:1.55}.workspace-modal-actions{justify-content:flex-end;gap:10px;margin-top:3px;display:flex}.secondary-button{color:#9ba7ba;cursor:pointer;background:#151e2d;border:1px solid #2c384e;border-radius:8px;height:44px;padding:0 17px;font-weight:650}.secondary-button:hover:not(:disabled){color:#fff}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.workspace-create-submit{width:auto;height:44px;padding:0 19px}@media (width<=980px){.workspace-card-grid{grid-template-columns:1fr}.workspace-overview{width:calc(100% - 36px)}}@media (width<=720px){.dashboard-topbar-actions .online-pill{display:none}.topbar-create-button{padding:0 10px}.workspace-details-card{grid-template-columns:1fr}.workspace-details-card>div+div{border-top:1px solid #202c40;border-left:0}.workspace-hero{flex-wrap:wrap;align-items:flex-start}.workspace-open-button{width:100%;margin-left:0}}.dashboard-page.channel-layout{grid-template-columns:74px 286px minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.channel-sidebar{background:linear-gradient(#0f1725,#0c131f);border-right:1px solid #1d2738;flex-direction:column;min-width:0;height:100vh;display:flex}.channel-sidebar-header{border-bottom:1px solid #1e293c;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:17px 16px;display:flex}.channel-workspace-heading{gap:3px;min-width:0;display:grid}.channel-workspace-heading>span{color:#68768e;font-size:calc(9px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.channel-workspace-heading strong{color:#f1f4fa;font-size:calc(15px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-workspace-heading small{color:#8390ff;width:fit-content;font-size:calc(8px * var(--font-scale));background:#5969ff1f;border-radius:5px;padding:2px 6px;font-weight:750}.channel-create-icon{color:#a8b3c7;cursor:pointer;width:30px;height:30px;font-size:calc(19px * var(--font-scale));background:#151f30;border:1px solid #2b3850;border-radius:8px;flex:none;place-items:center;transition:border-color .15s,background .15s,color .15s;display:grid}.channel-create-icon:hover{color:#fff;background:#4659f529;border-color:#5667ed}.channel-sidebar-body{scrollbar-width:thin;scrollbar-color:#273349 transparent;flex:1;min-height:0;padding:18px 11px;overflow-y:auto}.channel-sidebar-status{color:#748199;font-size:calc(12px * var(--font-scale));padding:15px 10px}.channel-sidebar-error{color:#f0a2a2;font-size:calc(11px * var(--font-scale));background:#7f1d1d24;border:1px solid #f8717133;border-radius:9px;gap:10px;padding:12px;line-height:1.5;display:grid}.channel-sidebar-error button{cursor:pointer;color:#f1b0b0;width:fit-content;font-size:calc(10px * var(--font-scale));background:0 0;border:1px solid #704247;border-radius:6px;padding:5px 9px}.channel-section+.channel-section{margin-top:23px}.channel-section-heading{justify-content:space-between;align-items:center;padding:0 8px 7px;display:flex}.channel-section-heading span{color:#69768d;font-size:calc(9px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.channel-section-heading button{color:#77859c;cursor:pointer;width:22px;height:22px;font-size:calc(16px * var(--font-scale));background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.channel-section-heading button:hover{color:#d8deeb;background:#182236}.channel-list{gap:2px;display:grid}.channel-list-item{color:#8693a9;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-width:0;height:36px;padding:0 9px;transition:background .13s,color .13s;display:flex}.channel-list-item:hover{color:#c0c8d7;background:#141e2f}.channel-list-item.active{color:#e3e7ff;background:linear-gradient(90deg,#4257f540,#4257f51a)}.channel-symbol{color:#6f7d94;width:17px;font-size:calc(14px * var(--font-scale));text-align:center;flex:none}.channel-symbol.private{font-size:calc(10px * var(--font-scale))}.channel-list-item.active .channel-symbol{color:#8b97ff}.channel-name{min-width:0;font-size:calc(12px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.channel-general-badge{color:#65738b;font-size:calc(7px * var(--font-scale));text-transform:uppercase;background:#1b263a;border-radius:4px;padding:2px 5px;font-weight:700}.channel-empty-copy{color:#536078;font-size:calc(10px * var(--font-scale));padding:7px 9px}.channel-sidebar-footer{background:#0b121d;border-top:1px solid #1d283a;flex-shrink:0;margin-top:auto;padding:12px}.channel-sidebar-footer .dashboard-user{margin:0}.channel-content{background:radial-gradient(circle at 100% 0,#4859f60e,#0000 28%),#0b121f;flex-direction:column;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.channel-content-header{background:#0b121feb;border-bottom:1px solid #1e293c;flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 24px;display:flex}.channel-heading-main{min-width:0}.channel-heading-title{align-items:center;gap:7px;display:flex}.channel-heading-title>span{color:#7d8aff;font-size:calc(16px * var(--font-scale))}.channel-heading-title h1{color:#f0f3f9;font-size:calc(17px * var(--font-scale));letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.channel-heading-main p{color:#737f94;font-size:calc(10px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0 24px;overflow:hidden}.channel-header-actions{flex:none;align-items:center;gap:8px;display:flex}.channel-visibility-pill{color:#8794aa;font-size:calc(9px * var(--font-scale));background:#121b2a;border:1px solid #29364c;border-radius:999px;padding:5px 8px;font-weight:700}.channel-more-button{color:#8b97aa;cursor:pointer;background:#121a29;border:1px solid #28354b;border-radius:8px;width:34px;height:32px;padding:0}.channel-more-button:hover{color:#fff}.channel-placeholder{text-align:center;flex:1;align-content:center;justify-items:center;width:min(620px,100%);margin:0 auto;padding:40px;display:grid}.channel-placeholder-icon{color:#8491ff;width:70px;height:70px;font-size:calc(28px * var(--font-scale));background:linear-gradient(145deg,#19243b,#11192a);border:1px solid #303d58;border-radius:20px;place-items:center;font-weight:800;display:grid}.channel-placeholder h2{font-size:calc(25px * var(--font-scale));letter-spacing:-.03em;margin:21px 0 8px}.channel-placeholder>p{color:#7d8aa1;max-width:460px;font-size:calc(13px * var(--font-scale));margin:0;line-height:1.7}.channel-placeholder-meta{text-align:left;background:#0f1725;border:1px solid #202c40;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:28px;display:grid;overflow:hidden}.channel-placeholder-meta>div{gap:5px;padding:13px 15px;display:grid}.channel-placeholder-meta>div+div{border-left:1px solid #202c40}.channel-placeholder-meta span{color:#69768d;font-size:calc(8px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:700}.channel-placeholder-meta strong{color:#d2d9e6;font-size:calc(11px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-composer-preview{color:#5f6d84;min-height:66px;font-size:calc(12px * var(--font-scale));background:#101827;border:1px solid #303d55;border-radius:11px;flex:none;align-items:center;gap:12px;margin:0 22px 18px;padding:9px 10px 9px 15px;display:flex}.message-composer-preview>div{flex:1}.message-composer-preview button{color:#6e7b91;background:#29344c;border:0;border-radius:7px;height:34px;padding:0 14px}.channel-modal{width:min(520px,100%)}.channel-name-field{background:#101827;border:1px solid #28344a;border-radius:9px;align-items:center;height:48px;display:flex;overflow:hidden}.channel-name-field:focus-within{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1f}.channel-name-field>span{color:#69778f;padding-left:14px}.channel-name-field input{min-width:0;height:100%;box-shadow:none;border:0;flex:1}.channel-name-field input:focus{box-shadow:none;border:0}.channel-description-input{resize:vertical;color:#f5f7ff;width:100%;min-height:92px;font:inherit;background:#101827;border:1px solid #28344a;border-radius:9px;outline:none;padding:12px 14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.channel-description-input::placeholder{color:#58657c}.channel-description-input:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1f}.channel-type-fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.channel-type-fieldset legend{color:#cbd3e2;font-size:calc(13px * var(--font-scale));margin-bottom:8px;font-weight:600}.channel-type-option{cursor:pointer;background:#101827;border:1px solid #28344a;border-radius:9px;align-items:center;gap:12px;min-height:64px;padding:11px 13px;display:flex}.channel-type-option.selected{background:#4357f51a;border-color:#5264ef}.channel-type-option input{opacity:0;pointer-events:none;position:absolute}.channel-type-icon{color:#8794ff;width:34px;height:34px;font-size:calc(13px * var(--font-scale));background:#182237;border:1px solid #303e57;border-radius:8px;flex:none;place-items:center;font-weight:750;display:grid}.channel-type-option>div:last-child{gap:3px;display:grid}.channel-type-option strong{color:#dfe4ee;font-size:calc(12px * var(--font-scale))}.channel-type-option span{color:#77849a;font-size:calc(10px * var(--font-scale))}@media (width<=820px){.dashboard-page.channel-layout{grid-template-columns:64px 230px minmax(0,1fr)}.channel-placeholder-meta{grid-template-columns:1fr}.channel-placeholder-meta>div+div{border-top:1px solid #202c40;border-left:0}}@media (width<=650px){.dashboard-page.channel-layout{grid-template-columns:64px minmax(0,1fr)}.channel-sidebar{display:none}.channel-content{grid-column:2}}.socket-status{color:#7f8ca2;font-size:calc(9px * var(--font-scale));background:#111a29;border:1px solid #29364c;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-weight:700;display:flex}.socket-status i{background:#69758a;border-radius:50%;width:6px;height:6px}.socket-status.connected i{background:#4ade80;box-shadow:0 0 8px #4ade8099}.socket-status.connecting i,.socket-status.reconnecting i{background:#fbbf24}.socket-status.error i{background:#f87171}.chat-body{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#29364b transparent;flex:1;min-height:0;position:relative;overflow-y:auto}.chat-loading{color:#7d8aa0;min-height:100%;font-size:calc(12px * var(--font-scale));justify-content:center;align-items:center;gap:13px;display:flex}.chat-loading .state-spinner{width:28px;height:28px}.chat-start{text-align:center;align-content:center;justify-items:center;min-height:100%;padding:50px;display:grid}.chat-start h2{font-size:calc(25px * var(--font-scale));letter-spacing:-.03em;margin:20px 0 8px}.chat-start p{color:#7d8aa1;max-width:430px;font-size:calc(13px * var(--font-scale));margin:0;line-height:1.7}.load-older-button{color:#8592a8;cursor:pointer;font-size:calc(10px * var(--font-scale));background:#111a29;border:1px solid #29364b;border-radius:7px;margin:14px auto 5px;padding:7px 12px;display:block}.load-older-button:hover:not(:disabled){color:#c4ccda;border-color:#455570}.load-older-button:disabled{cursor:not-allowed;opacity:.6}.message-list{width:100%;padding:28px 0 20px}.channel-intro{border-bottom:1px solid #1c2739;margin:28px 28px 34px;padding-bottom:28px}.channel-intro-icon{color:#8491ff;width:56px;height:56px;font-size:calc(22px * var(--font-scale));background:linear-gradient(145deg,#1a2540,#11192a);border:1px solid #34415a;border-radius:16px;place-items:center;font-weight:800;display:grid}.channel-intro h2{font-size:calc(24px * var(--font-scale));letter-spacing:-.03em;margin:15px 0 5px}.channel-intro p{color:#748198;font-size:calc(12px * var(--font-scale));margin:0;line-height:1.6}.chat-message{gap:11px;padding:8px 28px;transition:background .12s;display:flex}.chat-message:hover{background:#ffffff05}.message-avatar{color:#fff;width:38px;height:38px;font-size:calc(12px * var(--font-scale));border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.message-content{min-width:0;padding-top:1px}.message-meta{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.message-meta strong{color:#e5e9f2;font-size:calc(12px * var(--font-scale))}.message-author-button{color:#e5e9f2;cursor:pointer;font:inherit;font-size:calc(12px * var(--font-scale));background:0 0;border:0;padding:0;font-weight:700;transition:color .12s}.message-author-button:hover{color:#9aa6ff;text-decoration:underline}.message-author-button:focus-visible{color:#aab4ff;outline:none;text-decoration:underline}.message-you{color:#8794ff;font-size:calc(7px * var(--font-scale));text-transform:uppercase;background:#4c5ff629;border-radius:4px;padding:1px 4px;font-weight:700}.message-meta time{color:#58657b;font-size:calc(9px * var(--font-scale))}.message-edited{color:#59677d;font-size:calc(8px * var(--font-scale));font-style:italic}.message-text{color:#abb5c7;font-size:calc(13px * var(--font-scale));white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.55}.chat-message.own .message-text{color:#c5cdde}.chat-message.deleted{opacity:.72}.deleted-message-text{color:#657289;font-size:calc(12px * var(--font-scale));margin:4px 0 0;font-style:italic}.chat-error{color:#f0a2a2;font-size:calc(10px * var(--font-scale));background:#7f1d1d29;border:1px solid #f871713d;border-radius:8px;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 22px 8px;padding:9px 11px;display:flex}.chat-error button{color:#d68f8f;cursor:pointer;font-size:calc(17px * var(--font-scale));background:0 0;border:0;padding:0}.message-composer{background:#101827;border:1px solid #303d55;border-radius:11px;flex:none;margin:0 22px 18px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.message-composer:focus-within{border-color:#4d5fe2;box-shadow:0 0 0 3px #4b5eeb14}.message-composer textarea{resize:vertical;color:#e0e5ee;width:100%;min-height:56px;max-height:180px;font:inherit;font-size:calc(12px * var(--font-scale));background:0 0;border:0;outline:none;padding:14px 15px 8px;line-height:1.5;display:block}.message-composer textarea::placeholder{color:#58667d}.message-composer textarea:disabled{cursor:not-allowed;opacity:.6}.composer-footer{justify-content:space-between;align-items:center;gap:15px;min-height:42px;padding:6px 8px 8px 15px;display:flex}.composer-footer>span{color:#56647b;font-size:calc(9px * var(--font-scale))}.composer-footer button{color:#fff;cursor:pointer;min-width:68px;height:31px;font-size:calc(10px * var(--font-scale));background:linear-gradient(135deg,#6071ff,#4057f6);border:0;border-radius:7px;padding:0 13px;font-weight:700}.composer-footer button:disabled{cursor:not-allowed;color:#67748a;background:#29354a}@media (width<=700px){.chat-message{padding:8px 16px}.channel-intro{margin:22px 16px 28px}.message-composer{margin:0 12px 12px}.composer-footer>span,.channel-visibility-pill{display:none}}.workspace-inbox-button{color:#9ca8bd;cursor:pointer;background:#141d2d;border:1px solid #28344a;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.workspace-inbox-button:hover,.workspace-inbox-button.active{color:#dce1ff;background:#4057f633;border-color:#5d6ff7}.workspace-view-navigation{border-bottom:1px solid #1d293b;gap:3px;margin-bottom:22px;padding-bottom:14px;display:grid}.workspace-view-navigation button{color:#8290a6;cursor:pointer;width:100%;height:36px;font-size:calc(12px * var(--font-scale));text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;display:flex}.workspace-view-navigation button:hover{color:#bdc7d7;background:#141e2f}.workspace-view-navigation button.active{color:#dfe3ff;background:#4257f52e}.workspace-view-navigation button span{color:#7481a4;text-align:center;width:17px;font-weight:800}.members-page,.invitation-inbox-page{flex:1;min-height:0;padding:30px clamp(24px,4vw,54px) 50px;overflow-y:auto}.members-page-header{justify-content:space-between;align-items:center;gap:25px;max-width:1050px;margin:0 auto 28px;display:flex}.members-eyebrow{color:#8290ff;font-size:calc(10px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.members-page-header h1{font-size:calc(27px * var(--font-scale));letter-spacing:-.035em;margin:6px 0 5px}.members-page-header p{color:#7c899f;font-size:calc(12px * var(--font-scale));margin:0}.invite-member-button{width:auto;min-width:145px;padding:0 17px}.members-error{max-width:1050px;margin:0 auto 15px}.members-loading{color:#7f8ba0;min-height:320px;font-size:calc(12px * var(--font-scale));justify-content:center;align-items:center;gap:13px;display:flex}.members-loading .state-spinner{width:30px;height:30px}.members-card{background:#0f1725;border:1px solid #202c40;border-radius:13px;max-width:1050px;margin:0 auto 18px;overflow:hidden}.members-card-heading{border-bottom:1px solid #202c40;align-items:center;min-height:65px;padding:15px 20px;display:flex}.members-card-heading h2{font-size:calc(15px * var(--font-scale));margin:0}.members-card-heading span{color:#69768c;font-size:calc(9px * var(--font-scale));margin-top:4px;display:block}.member-list,.invitation-admin-list{display:grid}.member-row,.invitation-admin-row{grid-template-columns:42px minmax(150px,1fr) auto auto;align-items:center;gap:14px;min-height:70px;padding:10px 20px;display:grid}.member-row+.member-row,.invitation-admin-row+.invitation-admin-row{border-top:1px solid #1b2638}.member-avatar{color:#fff;width:38px;height:38px;font-size:calc(12px * var(--font-scale));border:1px solid #34425c;border-radius:10px;place-items:center;font-weight:800;display:grid;overflow:hidden}.invitation-email-icon{color:#cfd6e5;width:38px;height:38px;font-size:calc(12px * var(--font-scale));background:linear-gradient(145deg,#24324d,#172238);border:1px solid #34425c;border-radius:10px;place-items:center;font-weight:800;display:grid}.member-identity{min-width:0}.member-identity strong,.member-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-identity strong{color:#e1e6ef;font-size:calc(12px * var(--font-scale))}.member-identity strong small{color:#7f8cff;font-size:calc(8px * var(--font-scale));margin-left:6px;font-weight:700}.member-identity span{color:#6f7d93;font-size:calc(10px * var(--font-scale));margin-top:4px}.member-row time{color:#667389;font-size:calc(9px * var(--font-scale))}.member-role{color:#909db2;font-size:calc(8px * var(--font-scale));background:#151f30;border:1px solid #303d55;border-radius:6px;padding:4px 7px;font-weight:750}.member-role.owner{color:#f4c95d;border-color:#fbbf2440}.member-role.admin{color:#8996ff;border-color:#6374ff52}.member-role.guest{color:#8591a5}.members-empty{color:#69768c;font-size:calc(11px * var(--font-scale));padding:25px 20px}.invitation-admin-row{grid-template-columns:42px minmax(150px,1fr) auto auto auto}.invitation-admin-copy{min-width:0}.invitation-admin-copy strong{color:#dfe4ed;font-size:calc(11px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.invitation-admin-copy span{color:#69768d;font-size:calc(9px * var(--font-scale));margin-top:4px;display:block}.invitation-status{font-size:calc(8px * var(--font-scale));font-weight:750}.invitation-status.pending{color:#f3bd54}.invitation-status.accepted{color:#55d991}.invitation-status.cancelled,.invitation-status.expired{color:#7c889b}.cancel-invitation-button{color:#b18b96;cursor:pointer;font-size:calc(9px * var(--font-scale));background:0 0;border:1px solid #3b3441;border-radius:6px;padding:6px 9px}.cancel-invitation-button:hover{color:#eaa1b3;border-color:#744653}.member-row{grid-template-columns:42px minmax(150px,1fr) minmax(90px,auto) auto minmax(90px,auto)}.member-role-control{align-items:center;gap:7px;min-width:0;display:flex}.member-role-select{color:#909db2;cursor:pointer;min-width:96px;height:30px;font-size:calc(8px * var(--font-scale));background:#151f30;border:1px solid #303d55;border-radius:7px;outline:none;padding:0 28px 0 9px;font-weight:750;transition:border-color .13s,background .13s,box-shadow .13s}.member-role-select:hover:not(:disabled){background:#192538;border-color:#4a5a78}.member-role-select:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1a}.member-role-select.owner{color:#f4c95d;border-color:#fbbf2440}.member-role-select.admin{color:#8996ff;border-color:#6374ff52}.member-role-select.guest{color:#8591a5}.member-role-select:disabled{cursor:not-allowed;opacity:.55}.member-action-status{color:#68768c;font-size:calc(8px * var(--font-scale));white-space:nowrap}.member-actions{justify-content:flex-end;align-items:center;min-width:90px;display:flex}.member-remove-button{color:#bd8591;cursor:pointer;height:30px;font-size:calc(8px * var(--font-scale));background:0 0;border:1px solid #493440;border-radius:7px;padding:0 10px;font-weight:700;transition:border-color .13s,background .13s,color .13s}.member-remove-button:hover:not(:disabled){color:#efa0ad;background:#7f1d1d21;border-color:#7a4957}.member-remove-button:disabled{cursor:not-allowed;opacity:.5}.member-remove-confirmation{align-items:center;gap:5px;display:flex}.member-remove-confirmation>span{color:#b77f8a;font-size:calc(8px * var(--font-scale));margin-right:2px}.member-remove-confirmation button{cursor:pointer;width:28px;height:28px;font-size:calc(12px * var(--font-scale));background:0 0;border:1px solid #39465a;border-radius:6px;place-items:center;padding:0;font-weight:800;display:grid}.member-remove-confirmation button.confirm{color:#67d590}.member-remove-confirmation button.confirm:hover:not(:disabled){background:#22c55e1a;border-color:#4ade8061}.member-remove-confirmation button.cancel{color:#d88996}.member-remove-confirmation button.cancel:hover:not(:disabled){background:#ef44441a;border-color:#f8717159}.member-remove-confirmation button:disabled{cursor:not-allowed;opacity:.5}@media (width<=850px){.member-row{grid-template-columns:42px minmax(120px,1fr) auto}.member-role-control,.member-row time,.member-actions{grid-column:2/-1}.member-actions{justify-content:flex-start}}.workspace-role-select{color:#e4e8f0;background:#101827;border:1px solid #28344a;border-radius:9px;outline:none;width:100%;height:48px;padding:0 13px}.workspace-role-select:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1f}.role-help{min-height:34px;margin-top:-8px}.role-help p{color:#6f7d92;font-size:calc(10px * var(--font-scale));margin:0;line-height:1.55}.inbox-invitation-list{gap:12px;max-width:900px;margin:0 auto;display:grid}.inbox-invitation-card{background:linear-gradient(135deg,#111a2a,#0e1624);border:1px solid #223047;border-radius:13px;align-items:center;gap:17px;padding:19px;display:flex}.inbox-workspace-icon{color:#fff;width:52px;height:52px;font-size:calc(17px * var(--font-scale));background:linear-gradient(145deg,#6576ff,#4057f6);border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.inbox-invitation-copy{flex:1;min-width:0}.inbox-invitation-copy>span{color:#7481a0;font-size:calc(8px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:750}.inbox-invitation-copy h2{color:#e8ebf2;font-size:calc(16px * var(--font-scale));margin:4px 0}.inbox-invitation-copy p{color:#7d899e;font-size:calc(10px * var(--font-scale));margin:0}.inbox-invitation-copy p strong{color:#929eff}.invitation-accept-button{width:auto;min-width:90px;padding:0 15px}.invitation-empty-state{text-align:center;justify-items:center;max-width:460px;margin:130px auto 0;display:grid}.invitation-empty-state h2{font-size:calc(22px * var(--font-scale));margin:19px 0 7px}.invitation-empty-state p{color:#77859a;font-size:calc(12px * var(--font-scale));margin:0;line-height:1.6}@media (width<=820px){.member-row{grid-template-columns:42px minmax(0,1fr) auto}.member-row time{display:none}.invitation-admin-row{grid-template-columns:42px minmax(0,1fr) auto}.invitation-admin-row .invitation-status{display:none}.cancel-invitation-button{grid-column:2/-1;width:fit-content}}@media (width<=650px){.members-page,.invitation-inbox-page{padding:22px 16px 40px}.members-page-header{flex-direction:column;align-items:flex-start}.inbox-invitation-card{flex-wrap:wrap;align-items:flex-start}.invitation-accept-button{width:100%}}.typing-indicator-row{flex:none;min-height:25px;padding:0 28px}.typing-indicator{color:#69778e;font-size:calc(9px * var(--font-scale));align-items:center;gap:8px;display:flex}.typing-dots{align-items:center;gap:3px;height:13px;display:flex}.typing-dots i{background:#7d8aff;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite typing-dot}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-message{position:relative}.message-actions{opacity:0;pointer-events:none;background:#111a29;border:1px solid #2a374e;border-radius:7px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:4px;right:24px;overflow:hidden;transform:translateY(-3px);box-shadow:0 8px 24px #00000047}.chat-message:hover .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-actions button{color:#8794aa;cursor:pointer;height:28px;font-size:calc(9px * var(--font-scale));background:0 0;border:0;padding:0 9px}.message-actions button+button{border-left:1px solid #263249}.message-actions button:hover{color:#dce2ec;background:#172237}.message-actions button.danger:hover{color:#f39ca8;background:#7f1d1d33}.message-edit-box{background:#101827;border:1px solid #4556ce;border-radius:9px;width:min(640px,100%);margin-top:7px;overflow:hidden;box-shadow:0 0 0 3px #4959ff12}.message-edit-box textarea{resize:vertical;color:#dfe4ed;width:100%;min-height:62px;font:inherit;font-size:calc(12px * var(--font-scale));background:0 0;border:0;outline:none;padding:11px 12px;line-height:1.55;display:block}.message-edit-actions{border-top:1px solid #202c40;justify-content:flex-end;align-items:center;gap:7px;padding:6px 7px 7px 11px;display:flex}.message-edit-actions>span{color:#56647a;font-size:calc(8px * var(--font-scale));margin-right:auto}.message-edit-actions button{cursor:pointer;height:27px;font-size:calc(9px * var(--font-scale));border-radius:6px;padding:0 9px;font-weight:700}.message-action-cancel{color:#8e9aaf;background:#151e2d;border:1px solid #303c52}.message-action-save{color:#fff;background:#5064f3;border:0}.message-action-save:disabled{cursor:not-allowed;opacity:.45}.deleted-message-text{border-left:2px solid #394357;padding-left:8px}@media (width<=700px){.message-actions{opacity:1;pointer-events:auto;width:fit-content;margin-top:7px;position:static;transform:none}.typing-indicator-row{padding:0 16px}.message-edit-actions>span{display:none}}.typing-indicator{min-width:0}.typing-users-list{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.typing-user{color:#69778e;font-size:calc(9px * var(--font-scale));align-items:center;gap:4px;display:flex}.typing-user strong{color:#8592ad;font-weight:700}.typing-user b{color:#46536a;margin-left:2px;font-weight:400}.typing-more strong{color:#8491ff}.message-delete-confirm{align-items:center;display:flex}.message-delete-confirm button{cursor:pointer;width:30px;min-width:30px;height:28px;font-size:calc(14px * var(--font-scale));background:0 0;border:0;place-items:center;padding:0;font-weight:800;transition:background .12s,color .12s;display:grid}.message-delete-confirm button+button{border-left:1px solid #263249}.message-delete-confirm button.confirm,.message-delete-confirm button.cancel{color:#8491a5}.message-delete-confirm button.confirm:hover{color:#4ade80;background:#22c55e1f}.message-delete-confirm button.cancel:hover{color:#f87171;background:#ef44441f}.workspace-notification-button{color:#9ca8bd;cursor:pointer;width:46px;height:46px;font-size:calc(12px * var(--font-scale));background:#141d2d;border:1px solid #28344a;border-radius:13px;flex:none;place-items:center;font-weight:800;display:grid;position:relative}.workspace-notification-button:hover,.workspace-notification-button.active{color:#dce1ff;background:#4057f633;border-color:#5d6ff7}.notification-badge{color:#fff;min-width:19px;height:19px;font-size:calc(8px * var(--font-scale));background:#ef5b68;border:2px solid #080d16;border-radius:999px;place-items:center;padding:0 5px;font-weight:800;display:grid;position:absolute;top:-5px;right:-7px}.notifications-page{flex:1;min-height:0;padding:30px clamp(24px,4vw,54px) 50px;overflow-y:auto}.notifications-header{justify-content:space-between;align-items:center;gap:25px;max-width:950px;margin:0 auto 25px;display:flex}.notifications-header h1{font-size:calc(27px * var(--font-scale));letter-spacing:-.035em;margin:6px 0 5px}.notifications-header p{color:#7d899e;font-size:calc(12px * var(--font-scale));margin:0}.notifications-summary{align-items:center;gap:8px;display:flex}.notifications-summary>strong{color:#e6eaf2;font-size:calc(20px * var(--font-scale))}.notifications-summary>span:last-child{color:#6f7c92;font-size:calc(9px * var(--font-scale))}.notification-live-status{color:#7c899e;font-size:calc(8px * var(--font-scale));border:1px solid #29364c;border-radius:999px;align-items:center;gap:5px;margin-right:9px;padding:5px 8px;display:flex}.notification-live-status i{background:#657186;border-radius:50%;width:6px;height:6px}.notification-live-status.connected i{background:#4ade80}.notification-live-status.connecting i,.notification-live-status.reconnecting i{background:#fbbf24}.notification-live-status.error i{background:#f87171}.notifications-error{max-width:950px;margin:0 auto 15px}.notification-list{gap:8px;max-width:950px;margin:0 auto;display:grid}.notification-card{background:#0f1725;border:1px solid #202c40;border-radius:11px;align-items:stretch;display:flex;overflow:hidden}.notification-card.unread{background:linear-gradient(90deg,#4357f51a,#0f1725 30%);border-color:#334468}.notification-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:13px;min-width:0;padding:15px 17px;display:flex}.notification-main:hover{background:#ffffff05}.notification-icon{color:#8895ff;width:40px;height:40px;font-size:calc(13px * var(--font-scale));background:#182238;border:1px solid #34415a;border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.notification-copy{min-width:0}.notification-title-row{align-items:center;gap:7px;display:flex}.notification-title-row strong{color:#dde3ed;font-size:calc(12px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-unread-dot{background:#6577ff;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px #6577ff80}.notification-copy p{color:#7e8ba0;font-size:calc(10px * var(--font-scale));margin:5px 0 4px}.notification-copy time{color:#56647a;font-size:calc(8px * var(--font-scale))}.notification-actions{border-left:1px solid #1d293c;flex:none;align-items:center;padding:0 14px;display:flex}.notification-actions button{color:#79869b;cursor:pointer;font-size:calc(8px * var(--font-scale));background:0 0;border:1px solid #2d3a50;border-radius:6px;padding:6px 9px}.notification-actions button:hover{color:#bcc5df;border-color:#5061dd}.notification-empty-state{text-align:center;justify-items:center;max-width:450px;margin:130px auto 0;display:grid}.notification-empty-state h2{font-size:calc(22px * var(--font-scale));margin:19px 0 7px}.notification-empty-state p{color:#77859a;font-size:calc(12px * var(--font-scale));margin:0}@media (width<=700px){.notifications-page{padding:22px 16px 40px}.notifications-header{flex-direction:column;align-items:flex-start}.notification-card{flex-direction:column}.notification-actions{border-top:1px solid #1d293c;border-left:0;justify-content:flex-end;padding:8px 12px}}.header-activity-controls{align-items:center;gap:13px;display:flex}.header-activity-item{position:relative}.header-activity-button{color:#75849a;cursor:pointer;background:0 0;border:0;outline:0;place-items:center;width:28px;height:32px;padding:0;display:grid;position:relative}.header-activity-button:hover{color:#d2d9e6}.header-activity-button.invitation:hover{color:#f4c95d}.header-activity-button.notification:hover{color:#e7ebf4}.activity-badge{color:#fff;min-width:17px;height:17px;font-size:calc(7px * var(--font-scale));border:2px solid #0c1422;border-radius:999px;place-items:center;padding:0 4px;font-weight:800;line-height:1;display:grid;position:absolute;top:-2px;right:-6px}.activity-badge.notification{background:#ef5b68}.activity-badge.invitation{color:#111827;background:#e4ad36}.activity-popover{z-index:70;background:#111a29;border:1px solid #28364e;border-radius:12px;width:360px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 22px 60px #00000073}.activity-popover-header{border-bottom:1px solid #202c40;justify-content:space-between;align-items:center;min-height:58px;padding:12px 14px;display:flex}.activity-popover-header strong,.activity-popover-header span{display:block}.activity-popover-header strong{color:#e5e9f1;font-size:calc(12px * var(--font-scale))}.activity-popover-header span{color:#69778e;font-size:calc(8px * var(--font-scale));margin-top:3px}.activity-popover-header>button{color:#69778e;cursor:pointer;font-size:calc(18px * var(--font-scale));background:0 0;border:0}.activity-popover-list{max-height:390px;overflow-y:auto}.activity-popover-state,.activity-popover-empty{color:#748198;font-size:calc(10px * var(--font-scale));text-align:center;padding:35px 20px}.activity-popover-empty strong,.activity-popover-empty span{display:block}.activity-popover-empty strong{color:#b7c0d0;font-size:calc(11px * var(--font-scale))}.activity-popover-empty span{margin-top:6px}.activity-popover-error{color:#f3a5ae;font-size:calc(9px * var(--font-scale));background:#7f1d1d33;padding:8px 12px}.notification-popover-item{border-bottom:1px solid #1d293b;align-items:stretch;display:flex;position:relative}.notification-popover-item.unread{background:#4c5ee612}.notification-popover-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;min-width:0;padding:11px 9px 11px 12px;display:flex}.notification-popover-main:hover{background:#ffffff06}.activity-item-icon{color:#8794ff;width:34px;height:34px;font-size:calc(11px * var(--font-scale));background:#182339;border:1px solid #32415b;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.activity-item-icon.invitation{color:#e4b755}.activity-item-copy{flex:1;min-width:0}.activity-item-copy strong,.activity-item-copy span,.activity-item-copy time{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.activity-item-copy strong{color:#dce2ec;font-size:calc(10px * var(--font-scale))}.activity-item-copy span{color:#76849a;font-size:calc(9px * var(--font-scale));margin-top:3px}.activity-item-copy time{color:#536178;font-size:calc(7px * var(--font-scale));margin-top:4px}.activity-unread-dot{background:#697aff;border-radius:50%;flex:none;width:7px;height:7px}.activity-read-toggle{color:#68768c;cursor:pointer;font-size:calc(7px * var(--font-scale));background:0 0;border:1px solid #2c3950;border-radius:5px;align-self:center;margin-right:9px;padding:4px 6px}.activity-read-toggle:hover{color:#b9c3d4}.invitation-popover-item{border-bottom:1px solid #1d293b;align-items:center;gap:10px;min-height:63px;padding:10px 12px;display:flex}.activity-accept-button{color:#fff;cursor:pointer;height:28px;font-size:calc(8px * var(--font-scale));background:#4e63ee;border:0;border-radius:6px;flex:none;padding:0 9px;font-weight:700}.activity-accept-button:disabled{opacity:.5}.standalone-activity-controls{z-index:30;position:absolute;top:18px;right:24px}.message-composer{position:relative}.mention-suggestions{z-index:60;background:#111a29;border:1px solid #2b3a54;border-radius:10px;max-width:420px;max-height:245px;position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;overflow-y:auto;box-shadow:0 -15px 45px #00000061}.mention-suggestions-header{color:#607089;font-size:calc(7px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 6px;font-weight:800}.mention-suggestion{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;display:flex}.mention-suggestion:hover,.mention-suggestion.active{background:#5265f224}.mention-suggestion-avatar{color:#fff;width:30px;height:30px;font-size:calc(10px * var(--font-scale));border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.mention-suggestion-copy{min-width:0}.mention-suggestion-copy strong,.mention-suggestion-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mention-suggestion-copy strong{color:#dce2ec;font-size:calc(10px * var(--font-scale))}.mention-suggestion-copy span{color:#68778e;font-size:calc(8px * var(--font-scale));margin-top:3px}.mention-suggestions-empty{color:#68778e;font-size:calc(9px * var(--font-scale));padding:16px 12px}.message-mention{color:#8d9aff;cursor:pointer;font:inherit;background:#5369f629;border:0;border-radius:3px;margin:0;padding:1px 3px;font-weight:650;display:inline}.message-mention:hover{color:#bec6ff;background:#5369f647;text-decoration:underline}.member-profile-backdrop{z-index:150;background:#04080f4d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.member-profile-popover{background:#111a29;border:1px solid #2b3951;border-radius:14px;width:min(340px,100%);position:relative;overflow:hidden;box-shadow:0 25px 80px #00000080}.member-profile-close{z-index:2;color:#9ba7bb;cursor:pointer;width:28px;height:28px;font-size:calc(17px * var(--font-scale));background:#090e188c;border:0;border-radius:7px;position:absolute;top:9px;right:10px}.member-profile-banner{background:linear-gradient(135deg,#5065ee,#273c9c);height:82px}.member-profile-avatar{color:#fff;width:70px;height:70px;font-size:calc(22px * var(--font-scale));border:5px solid #111a29;border-radius:18px;place-items:center;margin:0;font-weight:800;display:grid}.member-profile-content{padding:12px 20px 22px}.member-profile-content h2{color:#edf0f6;font-size:calc(19px * var(--font-scale));margin:0}.member-profile-content>span{color:#7a879c;font-size:calc(10px * var(--font-scale));margin-top:3px;display:block}.member-profile-role{color:#8794ff;font-size:calc(8px * var(--font-scale));border:1px solid #34425c;border-radius:6px;margin-top:12px;padding:4px 7px;font-weight:750;display:inline-flex}.member-profile-divider{background:#243047;height:1px;margin:17px 0}.member-profile-content>strong{color:#cfd6e2;font-size:calc(9px * var(--font-scale));text-transform:uppercase}.member-profile-content p{color:#718097;font-size:calc(10px * var(--font-scale));margin:7px 0 0;line-height:1.55}@media (width<=600px){.activity-popover{width:auto;position:fixed;top:65px;left:12px;right:12px}.header-activity-controls{gap:7px}.standalone-activity-controls{right:14px}}.header-activity-controls{gap:18px}.header-activity-button{width:38px;height:38px}.header-activity-button svg{width:25px;height:25px}.activity-badge{min-width:20px;height:20px;font-size:calc(8px * var(--font-scale));border-width:2px;padding:0 5px;top:-3px;right:-5px}.activity-popover{border-radius:14px;width:430px}.activity-popover-header{min-height:70px;padding:15px 17px}.activity-popover-header strong{font-size:calc(15px * var(--font-scale))}.activity-popover-header span{font-size:calc(10px * var(--font-scale));margin-top:4px}.activity-popover-header>button{width:30px;height:30px;font-size:calc(20px * var(--font-scale))}.activity-popover-list{max-height:470px}.activity-popover-state,.activity-popover-empty{font-size:calc(12px * var(--font-scale));padding:45px 24px}.activity-popover-empty strong{font-size:calc(13px * var(--font-scale))}.activity-popover-empty span{margin-top:8px;line-height:1.5}.activity-popover-error{font-size:calc(11px * var(--font-scale));padding:10px 14px}.notification-popover-main{gap:13px;padding:14px 12px 14px 15px}.activity-item-icon{width:41px;height:41px;font-size:calc(13px * var(--font-scale));border-radius:10px}.activity-item-copy strong{font-size:calc(12px * var(--font-scale))}.activity-item-copy span{font-size:calc(10px * var(--font-scale));margin-top:4px}.activity-item-copy time{font-size:calc(9px * var(--font-scale));margin-top:5px}.activity-unread-dot{width:8px;height:8px}.activity-read-toggle{font-size:calc(9px * var(--font-scale));margin-right:11px;padding:6px 8px}.invitation-popover-item{gap:13px;min-height:77px;padding:13px 15px}.activity-accept-button{height:32px;font-size:calc(10px * var(--font-scale));padding:0 12px}.message-composer{overflow:visible}.mention-suggestions{border-radius:11px;max-width:460px;max-height:270px;bottom:calc(100% + 10px);left:0;right:0}.mention-suggestions-header{font-size:calc(9px * var(--font-scale));padding:10px 12px 8px}.mention-suggestion{gap:11px;min-height:52px;padding:8px 12px}.mention-suggestion-avatar{width:34px;height:34px;font-size:calc(11px * var(--font-scale))}.mention-suggestion-copy strong{font-size:calc(11px * var(--font-scale))}.mention-suggestion-copy span{font-size:calc(9px * var(--font-scale));margin-top:3px}.mention-suggestions-empty{font-size:calc(10px * var(--font-scale));padding:18px 13px}.message-reply-reference{color:#77859b;cursor:pointer;min-width:0;max-width:680px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 5px;padding:0;display:flex;position:relative}.message-reply-reference:hover .reply-reference-text{color:#aab5c8}.message-reply-reference:hover strong{text-decoration:underline}.reply-reference-line{border-top:2px solid #303c51;border-left:2px solid #303c51;border-radius:7px 0 0;width:22px;height:14px;position:absolute;bottom:7px;right:calc(100% + 7px)}.reply-reference-avatar{color:#fff;width:18px;height:18px;font-size:calc(7px * var(--font-scale));border-radius:5px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.message-reply-reference strong{color:#aab5c7;font-size:calc(9px * var(--font-scale));flex:none}.reply-reference-text{color:#68768c;font-size:calc(9px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;transition:color .12s;overflow:hidden}.chat-message.reply-highlight{background:linear-gradient(90deg,#5b6dff26,#5b6dff08 70%,#0000)}.chat-message.reply-highlight:before{content:"";background:#6577ff;width:3px;position:absolute;top:0;bottom:0;left:0}.composer-reply-preview{background:linear-gradient(90deg,#5064f317,#5064f305);border-bottom:1px solid #263249;border-radius:11px 11px 0 0;align-items:center;gap:10px;min-height:53px;padding:9px 11px 9px 13px;display:flex}.composer-reply-icon{color:#8491ff;width:27px;height:27px;font-size:calc(13px * var(--font-scale));background:#182238;border:1px solid #344260;border-radius:7px;flex:none;place-items:center;display:grid}.composer-reply-copy{flex:1;min-width:0}.composer-reply-copy span{color:#78869b;font-size:calc(9px * var(--font-scale));display:block}.composer-reply-copy strong{color:#aab5ff}.composer-reply-copy p{color:#9aa6b9;font-size:calc(10px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.composer-reply-close{color:#758298;cursor:pointer;width:28px;height:28px;font-size:calc(18px * var(--font-scale));background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.composer-reply-close:hover{color:#f18a95;background:#ef44441a}.message-reply-reference{margin-left:8px}.reply-reference-line{border:0;border-radius:7px 0 0;width:auto;height:auto;position:static;bottom:7px;right:calc(100% + 5px)}.reply-reference-line:before{content:"↳";color:#56647a;font-size:calc(12px * var(--font-scale));font-weight:700}.channel-actions-root{position:relative}.channel-actions-popover{z-index:90;background:#111a29;border:1px solid #2a384f;border-radius:13px;width:370px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 65px #0000007a}.channel-actions-heading{border-bottom:1px solid #202c40;align-items:center;gap:10px;min-height:66px;padding:13px 15px;display:flex}.channel-actions-heading>div{flex:1;min-width:0}.channel-actions-heading strong,.channel-actions-heading span{display:block}.channel-actions-heading strong{color:#e4e8f0;font-size:calc(13px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-actions-heading span{color:#728096;font-size:calc(9px * var(--font-scale));margin-top:4px}.channel-actions-heading>button{color:#758299;cursor:pointer;width:28px;height:28px;font-size:calc(18px * var(--font-scale));background:0 0;border:0;place-items:center;padding:0;display:grid}.channel-actions-back{flex:none;font-size:calc(14px * var(--font-scale))!important}.channel-actions-error{color:#f2a0aa;font-size:calc(9px * var(--font-scale));background:#7f1d1d26;border-bottom:1px solid #f8717126;padding:9px 13px}.channel-actions-menu{padding:7px;display:grid}.channel-actions-menu>button{color:#a2aec0;cursor:pointer;min-height:39px;font-size:calc(10px * var(--font-scale));text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.channel-actions-menu>button:hover{color:#d8deea;background:#182235}.channel-actions-menu>button small{color:#65738a;font-size:calc(8px * var(--font-scale))}.channel-actions-menu>button.danger{color:#d58b98}.channel-actions-menu>button.danger:hover{color:#f29eaa;background:#7f1d1d26}.channel-actions-menu>button:disabled{cursor:not-allowed;opacity:.5}.channel-actions-state{color:#758299;font-size:calc(10px * var(--font-scale));text-align:center;padding:35px 18px;line-height:1.5}.channel-member-list{max-height:390px;overflow-y:auto}.channel-member-row{border-bottom:1px solid #1d293b;align-items:center;gap:10px;min-height:62px;padding:9px 13px;display:flex}.channel-member-avatar{color:#fff;width:36px;height:36px;font-size:calc(11px * var(--font-scale));border:1px solid #34425d;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.channel-member-copy{flex:1;min-width:0}.channel-member-copy strong,.channel-member-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.channel-member-copy strong{color:#dce2eb;font-size:calc(10px * var(--font-scale))}.channel-member-copy strong small{color:#7f8dff;font-size:calc(7px * var(--font-scale));margin-left:5px}.channel-member-copy span{color:#68768c;font-size:calc(8px * var(--font-scale));margin-top:4px}.channel-member-add,.channel-member-remove{cursor:pointer;height:28px;font-size:calc(8px * var(--font-scale));border-radius:6px;flex:none;padding:0 9px}.channel-member-add{color:#fff;background:#4e63ee;border:0}.channel-member-remove{color:#c88794;background:0 0;border:1px solid #4b3540}.channel-member-remove:hover{color:#f0a0af;border-color:#80515d}.channel-member-add:disabled,.channel-member-remove:disabled{cursor:not-allowed;opacity:.5}.channel-header-actions>.channel-actions-root{display:none}.channel-list-row{align-items:center;min-width:0;display:flex;position:relative}.channel-list-row .channel-list-item{flex:1;padding-right:38px}.channel-list-row .channel-actions-root{z-index:25;opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.channel-list-row:hover .channel-actions-root,.channel-list-row .channel-actions-root.open,.channel-list-row .channel-actions-root:focus-within{opacity:1;pointer-events:auto}.channel-list-row .channel-more-button{color:#6e7c93;cursor:pointer;width:28px;height:26px;font-size:calc(12px * var(--font-scale));letter-spacing:1px;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.channel-list-row .channel-more-button:hover,.channel-list-row .channel-actions-root.open .channel-more-button{color:#d6dce8;background:#202b40}.channel-list-row .channel-general-badge{margin-right:2px}.channel-actions-popover{z-index:200;background:#111a29;border:1px solid #2a384f;border-radius:13px;width:370px;position:fixed;overflow:hidden;transform:none;box-shadow:0 24px 65px #0000007a}@media (width<=600px){.channel-actions-popover{width:auto;right:12px;left:12px!important}}.channel-actions-portal{z-index:9999;margin:0;position:fixed;bottom:auto;right:auto;transform:none}.channel-access-state{color:#75839a;font-size:calc(11px * var(--font-scale));flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.channel-join-view{flex:1;place-items:center;min-height:0;padding:40px;display:grid}.channel-join-card{text-align:center;background:linear-gradient(145deg,#1b273dbf,#0e1726eb);border:1px solid #25334a;border-radius:16px;flex-direction:column;align-items:center;width:min(470px,100%);padding:42px 40px;display:flex;box-shadow:0 22px 65px #0000002e}.channel-join-icon{color:#8896ff;width:62px;height:62px;font-size:calc(24px * var(--font-scale));background:#18243a;border:1px solid #344560;border-radius:16px;place-items:center;margin-bottom:19px;font-weight:800;display:grid}.channel-join-eyebrow{color:#68778e;font-size:calc(9px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.channel-join-card h2{color:#eef1f7;font-size:calc(25px * var(--font-scale));letter-spacing:-.025em;margin:7px 0 10px}.channel-join-card>p{color:#7e8ba0;max-width:360px;font-size:calc(11px * var(--font-scale));margin:0;line-height:1.65}.channel-join-button{color:#fff;cursor:pointer;min-width:130px;height:38px;font-size:calc(10px * var(--font-scale));background:linear-gradient(135deg,#596cf5,#4558df);border:0;border-radius:8px;margin-top:25px;padding:0 18px;font-weight:750}.channel-join-button:hover{filter:brightness(1.08)}.channel-join-button:disabled{cursor:not-allowed;opacity:.55}.channel-join-note{color:#59677d;max-width:330px;font-size:calc(8px * var(--font-scale));margin-top:12px;line-height:1.5}.channel-join-error{color:#efa0aa;width:100%;font-size:calc(9px * var(--font-scale));background:#7f1d1d1f;border:1px solid #f871712e;border-radius:7px;margin-top:18px;padding:9px 11px}.channel-join-restricted{color:#8290a5;max-width:350px;font-size:calc(9px * var(--font-scale));background:#131d2d;border:1px solid #303c51;border-radius:8px;margin-top:22px;padding:11px 13px;line-height:1.55}@media (width<=600px){.channel-join-view{padding:20px}.channel-join-card{padding:32px 22px}}.channel-edit-form{gap:16px;padding:16px;display:grid}.channel-edit-form label{gap:7px;display:grid}.channel-edit-form label>span{color:#7b899f;font-size:calc(9px * var(--font-scale));font-weight:700}.channel-edit-form input,.channel-edit-form textarea{color:#dfe4ed;width:100%;font:inherit;font-size:calc(10px * var(--font-scale));background:#0e1725;border:1px solid #2c3a52;border-radius:8px;outline:none}.channel-edit-form input{height:36px;padding:0 10px}.channel-edit-form textarea{resize:vertical;min-height:84px;padding:10px;line-height:1.5}.channel-edit-form input:focus,.channel-edit-form textarea:focus{border-color:#596bef;box-shadow:0 0 0 3px #596bef14}.channel-edit-note{color:#75839a;font-size:calc(9px * var(--font-scale));background:#151f2f;border:1px solid #303d54;border-radius:7px;padding:10px 11px;line-height:1.5}.channel-edit-actions{justify-content:flex-end;gap:8px;display:flex}.channel-edit-actions button{cursor:pointer;height:32px;font-size:calc(9px * var(--font-scale));border-radius:7px;padding:0 12px;font-weight:700}.channel-edit-actions button.secondary{color:#8a97aa;background:0 0;border:1px solid #303e56}.channel-edit-actions button.primary{color:#fff;background:#5266ef;border:0}.channel-edit-actions button:disabled{cursor:not-allowed;opacity:.5}.channel-delete-confirmation{background:#7f1d1d1f;border-radius:7px;justify-content:space-between;align-items:center;min-height:39px;padding:0 6px 0 10px;display:flex}.channel-delete-confirmation>span{color:#d894a0;font-size:calc(9px * var(--font-scale))}.channel-delete-confirmation>div{gap:4px;display:flex}.channel-delete-confirmation button{color:#8490a4;cursor:pointer;width:29px;height:29px;font-size:calc(13px * var(--font-scale));background:0 0;border:1px solid #3a4658;border-radius:6px;place-items:center;padding:0;font-weight:800;display:grid}.channel-delete-confirmation button.confirm:hover{color:#4ade80;background:#22c55e1f;border-color:#4ade8059}.channel-delete-confirmation button.cancel:hover{color:#f87171;background:#ef44441f;border-color:#f8717159}.channel-delete-confirmation button:disabled{cursor:not-allowed;opacity:.5}.account-connections-button{color:#9da9bc;cursor:pointer;width:100%;height:36px;font-size:calc(10px * var(--font-scale));background:#111a29;border:1px solid #29364d;border-radius:8px;margin-top:10px;font-weight:650;transition:border-color .14s,background .14s,color .14s,transform .14s}.account-connections-button:hover{color:#dce2ee;background:#172237;border-color:#4d5f87;transform:translateY(-1px)}.account-connections-backdrop{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03070db8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.account-connections-modal{background:linear-gradient(145deg,#111a29,#0d1522);border:1px solid #2a3850;border-radius:17px;width:min(650px,100%);max-height:min(760px,100vh - 44px);overflow-y:auto;box-shadow:0 32px 100px #00000094}.account-connections-header{border-bottom:1px solid #222f43;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 24px 21px;display:flex}.account-connections-header>div{min-width:0}.account-connections-header span{color:#8290ff;font-size:calc(9px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.account-connections-header h2{color:#eef2f8;font-size:calc(21px * var(--font-scale));letter-spacing:-.025em;margin:6px 0}.account-connections-header p{color:#78869b;max-width:470px;font-size:calc(10px * var(--font-scale));margin:0;line-height:1.6}.account-connections-header>button{color:#76849a;cursor:pointer;width:31px;height:31px;font-size:calc(20px * var(--font-scale));background:0 0;border:0;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.account-connections-header>button:hover{color:#d5dbe6;background:#1a2538}.account-connections-error{color:#efa0aa;font-size:calc(10px * var(--font-scale));background:#7f1d1d24;border:1px solid #f8717138;border-radius:8px;margin:15px 20px 0;padding:10px 12px;line-height:1.5}.account-connections-loading{color:#75839a;font-size:calc(11px * var(--font-scale));text-align:center;padding:45px 24px}.account-login-summary{background:#101927;border:1px solid #27354c;border-radius:10px;justify-content:space-between;align-items:center;margin:18px 20px 0;padding:13px 14px;display:flex}.account-login-summary>div:first-child{gap:3px;display:grid}.account-login-summary span:first-child{color:#6d7b91;font-size:calc(9px * var(--font-scale))}.account-login-summary strong{color:#cbd3e0;font-size:calc(11px * var(--font-scale))}.account-provider-list{gap:10px;padding:18px 20px 0;display:grid}.account-provider-row{background:linear-gradient(145deg,#131d2d,#101827);border:1px solid #27354b;border-radius:11px;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:12px 13px;display:grid}.account-provider-icon{background:#0d1624;border:1px solid #33415a;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.account-provider-icon .social-provider-logo{width:25px;height:25px}.account-provider-copy{min-width:0}.account-provider-copy strong,.account-provider-copy span{display:block}.account-provider-copy strong{color:#e0e5ee;font-size:calc(11px * var(--font-scale))}.account-provider-copy span{color:#718097;font-size:calc(9px * var(--font-scale));margin-top:4px;line-height:1.45}.connection-status{color:#77849a;font-size:calc(8px * var(--font-scale));white-space:nowrap;border:1px solid #354158;border-radius:999px;padding:5px 7px;font-weight:700}.connection-status.connected{color:#68d893;background:#22c55e14;border-color:#4ade803b}.connection-action{cursor:pointer;min-width:82px;height:32px;font-size:calc(9px * var(--font-scale));border-radius:7px;padding:0 11px;font-weight:700;transition:transform .13s,border-color .13s,background .13s}.connection-action:hover:not(:disabled){transform:translateY(-1px)}.connection-action.connect{color:#fff;background:linear-gradient(135deg,#596cf5,#4558df);border:0}.connection-action.disconnect{color:#d18d99;background:0 0;border:1px solid #4c3541}.connection-action.disconnect:hover{background:#7f1d1d1f;border-color:#81505d}.connection-action:disabled{cursor:not-allowed;opacity:.55}.connection-confirm{gap:5px;display:flex}.connection-confirm button{cursor:pointer;height:32px;font-size:calc(8px * var(--font-scale));border-radius:7px;padding:0 9px;font-weight:700}.connection-confirm .cancel{color:#8b98ab;background:0 0;border:1px solid #354259}.connection-confirm .confirm{color:#f19aa7;background:#7f1d1d2e;border:1px solid #f8717147}.connection-confirm button:disabled{cursor:not-allowed;opacity:.5}.account-connections-note{color:#69778e;font-size:calc(9px * var(--font-scale));background:#101927;border:1px solid #27364c;border-radius:9px;margin:18px 20px 20px;padding:11px 13px;line-height:1.55}@media (width<=680px){.account-provider-row{grid-template-columns:42px minmax(0,1fr)}.connection-status,.connection-action,.connection-confirm{grid-column:2;justify-self:start}}.account-connections-success{color:#75dda0;font-size:calc(10px * var(--font-scale));background:#22c55e17;border:1px solid #4ade8038;border-radius:8px;margin:15px 20px 0;padding:10px 12px;line-height:1.5}.account-login-summary .password-method-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.password-setup-trigger{color:#aab4ff;cursor:pointer;height:30px;font-size:calc(9px * var(--font-scale));background:#4f60e01f;border:1px solid #485a83;border-radius:7px;padding:0 10px;font-weight:700;transition:transform .13s,border-color .13s,background .13s}.password-setup-trigger:hover{background:#4f60e033;border-color:#697cff;transform:translateY(-1px)}.password-setup-form{background:linear-gradient(145deg,#131d2d,#101827);border:1px solid #2d3a53;border-radius:11px;gap:14px;margin:12px 20px 0;padding:16px;display:grid}.password-setup-heading{gap:5px;margin-bottom:2px;display:grid}.password-setup-heading strong{color:#dfe4ed;font-size:calc(11px * var(--font-scale))}.password-setup-heading span{color:#718097;max-width:480px;font-size:calc(9px * var(--font-scale));line-height:1.55}.password-setup-form label{gap:7px;display:grid}.password-setup-form label>span{color:#a6b0c0;font-size:calc(9px * var(--font-scale));font-weight:650}.password-setup-form input{color:#e9edf4;width:100%;height:39px;font:inherit;font-size:calc(10px * var(--font-scale));background:#0d1624;border:1px solid #2c3a52;border-radius:8px;outline:none;padding:0 11px;transition:border-color .13s,box-shadow .13s}.password-setup-form input::placeholder{color:#526078}.password-setup-form input:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1a}.password-setup-actions{justify-content:flex-end;gap:7px;margin-top:2px;display:flex}.password-setup-actions button{cursor:pointer;height:32px;font-size:calc(9px * var(--font-scale));border-radius:7px;padding:0 12px;font-weight:700}.password-setup-actions .secondary{color:#8996a9;background:0 0;border:1px solid #354259}.password-setup-actions .primary{color:#fff;background:linear-gradient(135deg,#596cf5,#4558df);border:0}.password-setup-actions button:disabled{cursor:not-allowed;opacity:.55}.password-method-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.password-connect-action{min-width:82px}.password-input-shell{width:100%;position:relative}.password-input-shell input{padding-right:44px}.password-visibility-button{color:#718097;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;transition:background .13s,color .13s;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-visibility-button:hover{color:#c6cedc;background:#182337}.password-visibility-button:focus-visible{color:#c6cedc;background:#182337;outline:none;box-shadow:0 0 0 2px #6172ff2e}.password-visibility-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.auth-showcase .brand-row{font-size:calc(21px * var(--font-scale));gap:14px;font-weight:750}.auth-showcase .brand-mark{background-size:125%;border-radius:14px;flex:0 0 52px;width:52px;height:52px}.workspace-actions-root{flex:none;position:relative}.workspace-more-button{color:#8996aa;cursor:pointer;width:30px;height:30px;font-size:calc(11px * var(--font-scale));letter-spacing:1px;background:#151f30;border:1px solid #2b3850;border-radius:8px;place-items:center;padding:0;font-weight:800;transition:border-color .14s,background .14s,color .14s;display:grid}.workspace-more-button:hover,.workspace-more-button[aria-expanded=true]{color:#e3e7ef;background:#4659f524;border-color:#5062df}.workspace-actions-popover{z-index:300;background:#111a29;border:1px solid #2a384f;border-radius:13px;width:310px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 24px 65px #00000080}.workspace-actions-heading{border-bottom:1px solid #202c40;align-items:center;gap:10px;min-height:64px;padding:13px 14px;display:flex}.workspace-actions-heading>div{flex:1;min-width:0}.workspace-actions-heading strong,.workspace-actions-heading span{display:block}.workspace-actions-heading strong{color:#e4e8f0;font-size:calc(12px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-actions-heading span{color:#728096;font-size:calc(8px * var(--font-scale));margin-top:4px}.workspace-actions-heading>button{color:#758299;cursor:pointer;width:28px;height:28px;font-size:calc(18px * var(--font-scale));background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.workspace-actions-heading>button:hover{color:#d6dce7;background:#1a2538}.workspace-actions-back{font-size:calc(14px * var(--font-scale))!important}.workspace-actions-error{color:#f2a0aa;font-size:calc(9px * var(--font-scale));background:#7f1d1d26;border-bottom:1px solid #f8717126;padding:9px 13px;line-height:1.5}.workspace-actions-menu{padding:7px;display:grid}.workspace-actions-menu>button{color:#a2aec0;cursor:pointer;min-height:40px;font-size:calc(10px * var(--font-scale));text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.workspace-actions-menu>button:hover:not(:disabled){color:#d8deea;background:#182235}.workspace-actions-menu>button small{color:#65738a;font-size:calc(8px * var(--font-scale));white-space:nowrap;margin-left:12px}.workspace-actions-menu>button.danger{color:#d58b98}.workspace-actions-menu>button.danger:hover:not(:disabled){color:#f29eaa;background:#7f1d1d26}.workspace-actions-menu>button:disabled{cursor:not-allowed;opacity:.45}.workspace-action-confirmation{background:#7f1d1d1a;border-radius:7px;justify-content:space-between;align-items:center;min-height:40px;padding:0 6px 0 10px;display:flex}.workspace-action-confirmation>span{color:#d495a0;font-size:calc(9px * var(--font-scale))}.workspace-action-confirmation>div{gap:4px;display:flex}.workspace-action-confirmation button{color:#8490a4;cursor:pointer;width:29px;height:29px;font-size:calc(13px * var(--font-scale));background:0 0;border:1px solid #3a4658;border-radius:6px;place-items:center;padding:0;font-weight:800;display:grid}.workspace-action-confirmation button.confirm:hover:not(:disabled){color:#4ade80;background:#22c55e1f;border-color:#4ade8059}.workspace-action-confirmation button.confirm-danger:hover:not(:disabled){color:#f87171;background:#ef444424;border-color:#f8717161}.workspace-action-confirmation button.cancel:hover:not(:disabled){color:#d5dce8;background:#1a2538;border-color:#59677c}.workspace-action-confirmation button:disabled{cursor:not-allowed;opacity:.5}.workspace-edit-form{gap:15px;padding:15px;display:grid}.workspace-edit-form label{gap:7px;display:grid}.workspace-edit-form label>span{color:#7b899f;font-size:calc(9px * var(--font-scale));font-weight:700}.workspace-edit-form input{color:#dfe4ed;width:100%;height:37px;font:inherit;font-size:calc(10px * var(--font-scale));background:#0e1725;border:1px solid #2c3a52;border-radius:8px;outline:none;padding:0 10px}.workspace-edit-form input:focus{border-color:#596bef;box-shadow:0 0 0 3px #596bef14}.workspace-edit-note{color:#75839a;font-size:calc(9px * var(--font-scale));background:#151f2f;border:1px solid #303d54;border-radius:7px;padding:10px 11px;line-height:1.5}.workspace-edit-actions{justify-content:flex-end;gap:8px;display:flex}.workspace-edit-actions button{cursor:pointer;height:32px;font-size:calc(9px * var(--font-scale));border-radius:7px;padding:0 12px;font-weight:700}.workspace-edit-actions button.secondary{color:#8a97aa;background:0 0;border:1px solid #303e56}.workspace-edit-actions button.primary{color:#fff;background:#5266ef;border:0}.workspace-edit-actions button:disabled{cursor:not-allowed;opacity:.5}@media (width<=600px){.workspace-actions-popover{width:auto;position:fixed;top:78px;left:12px;right:12px}}.workspace-settings-button{color:#ffffffeb;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;margin-top:auto;padding:0;transition:transform .14s,opacity .14s;display:grid}.workspace-settings-button svg{opacity:.9;width:32px;height:32px;transition:transform .18s,opacity .18s,filter .18s,color .18s}.workspace-settings-button:hover svg{opacity:1;filter:drop-shadow(0 0 10px #5c6fff73);transform:rotate(18deg)scale(1.06)}.workspace-settings-button:focus-visible{outline:none}.workspace-settings-button:focus-visible svg{opacity:1;filter:drop-shadow(0 0 0 2px #5c6fff40) drop-shadow(0 0 10px #5c6fff73)}.workspace-settings-button.active svg{opacity:1;filter:drop-shadow(0 0 12px #5c6fff99);transform:scale(1.04)}.settings-sidebar-header{background:linear-gradient(#4f60e00f,#0000)}.settings-sidebar-body{flex-direction:column;display:flex}.settings-navigation{gap:4px;display:grid}.settings-navigation-label{color:#59677d;font-size:calc(8px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;margin:0 8px 7px;font-weight:800;display:block}.settings-navigation-section{margin-top:18px}.settings-navigation>button{color:#8996aa;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 9px;transition:background .13s,color .13s;display:flex}.settings-navigation>button:hover{color:#c4cddd;background:#141e2f}.settings-navigation>button.active{color:#e0e4ff;background:#4257f52e}.settings-navigation>button>span{color:#8290ff;width:32px;height:32px;font-size:calc(9px * var(--font-scale));background:#111a29;border:1px solid #2b3950;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.settings-navigation>button.active>span{color:#aeb7ff;background:#4d5fe229;border-color:#6675ff73}.settings-navigation>button>div{min-width:0}.settings-navigation strong,.settings-navigation small{display:block}.settings-navigation strong{color:inherit;font-size:calc(10px * var(--font-scale))}.settings-navigation small{color:#59677d;font-size:calc(8px * var(--font-scale));margin-top:4px}.settings-sidebar-note{color:#536078;font-size:calc(8px * var(--font-scale));margin-top:auto;padding:14px 10px 2px;line-height:1.55}.settings-page{flex:1;min-height:0;padding:40px clamp(24px,5vw,70px) 60px;overflow-y:auto}.settings-page-inner{width:min(760px,100%);margin:0 auto}.settings-page-header{margin-bottom:28px}.settings-page-header>span{color:#8290ff;font-size:calc(9px * var(--font-scale));letter-spacing:.09em;text-transform:uppercase;font-weight:750}.settings-page-header h1{color:#eef1f7;font-size:calc(29px * var(--font-scale));letter-spacing:-.035em;margin:7px 0}.settings-page-header p{color:#7c899f;font-size:calc(11px * var(--font-scale));margin:0;line-height:1.6}.settings-card{background:linear-gradient(145deg,#131d2deb,#0e1726f2);border:1px solid #25334a;border-radius:14px;padding:22px;box-shadow:0 18px 50px #0000001f}.settings-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-card-heading h2{color:#dfe4ed;font-size:calc(15px * var(--font-scale));margin:0}.settings-card-heading p{color:#718097;font-size:calc(10px * var(--font-scale));margin:6px 0 0;line-height:1.55}.settings-coming-badge{color:#75839a;font-size:calc(7px * var(--font-scale));text-transform:uppercase;border:1px solid #35435c;border-radius:999px;flex:none;padding:4px 7px;font-weight:750}.settings-profile-preview{align-items:center;gap:14px;display:flex}.settings-profile-avatar{color:#fff;width:54px;height:54px;font-size:calc(18px * var(--font-scale));background:linear-gradient(145deg,#596cf5,#4057f6);border-radius:15px;flex:none;place-items:center;font-weight:800;display:grid}.settings-profile-preview strong,.settings-profile-preview span{display:block}.settings-profile-preview strong{color:#e7ebf2;font-size:calc(14px * var(--font-scale))}.settings-profile-preview span{color:#718097;font-size:calc(9px * var(--font-scale));margin-top:5px}.settings-card-divider{background:#243149;height:1px;margin:20px 0}.settings-preview-row{align-items:center;gap:14px;margin-top:24px;display:flex}.settings-preview-row>span{color:#67758b;font-size:calc(8px * var(--font-scale))}.settings-preview-track{background:#344159;flex:1;justify-content:space-between;align-items:center;height:2px;display:flex}.settings-preview-track i{background:#111a29;border:2px solid #344159;border-radius:50%;width:10px;height:10px;display:block}.settings-preview-track i.active{background:#5568f2;border-color:#6a7aff;width:13px;height:13px}.settings-info-box{color:#68768c;font-size:calc(9px * var(--font-scale));background:#101927;border:1px solid #2d3a51;border-radius:8px;margin-top:22px;padding:11px 12px;line-height:1.55}.settings-placeholder-list{gap:8px;margin-top:20px;display:grid}.settings-placeholder-list>div{background:#101927;border:1px solid #27354b;border-radius:9px;align-items:center;gap:11px;min-height:58px;padding:9px 11px;display:flex}.settings-placeholder-icon{color:#929fff;width:34px;height:34px;font-size:calc(8px * var(--font-scale));border:1px solid #33415a;border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.settings-placeholder-list strong,.settings-placeholder-list div>div>span{display:block}.settings-placeholder-list strong{color:#d6dce6;font-size:calc(10px * var(--font-scale))}.settings-placeholder-list div>div>span{color:#64728a;font-size:calc(8px * var(--font-scale));margin-top:4px}@media (width<=700px){.settings-page{padding:28px 20px 45px}.settings-card{padding:18px}}.settings-message{font-size:calc(9px * var(--font-scale));border-radius:8px;margin-bottom:14px;padding:10px 12px;line-height:1.5}.settings-message.error{color:#efa0aa;background:#7f1d1d24;border:1px solid #f8717133}.settings-message.success{color:#75dda0;background:#22c55e14;border:1px solid #4ade8033}.settings-profile-card{display:grid}.settings-profile-editor{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.settings-profile-avatar-large{background:#111a29;border:3px solid #2b3952;border-radius:22px;flex:none;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.settings-profile-avatar-large img,.settings-profile-avatar-large>span{width:100%;height:100%}.settings-profile-avatar-large img{object-fit:cover;display:block}.settings-profile-avatar-large>span{color:#fff;font-size:calc(25px * var(--font-scale));place-items:center;font-weight:800;display:grid}.settings-profile-summary{min-width:0}.settings-profile-summary strong,.settings-profile-summary span,.settings-profile-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.settings-profile-summary strong{color:#e8ecf3;font-size:calc(15px * var(--font-scale))}.settings-profile-summary span{color:#77859b;font-size:calc(10px * var(--font-scale));margin-top:5px}.settings-profile-summary small{color:#8592a7;width:fit-content;font-size:calc(7px * var(--font-scale));text-transform:uppercase;border:1px solid #334158;border-radius:5px;margin-top:9px;padding:3px 6px;font-weight:700}.settings-avatar-actions{align-items:center;gap:7px;display:flex}.settings-secondary-button,.settings-danger-button,.settings-primary-button{cursor:pointer;height:34px;font-size:calc(9px * var(--font-scale));border-radius:7px;padding:0 12px;font-weight:700;transition:border-color .13s,background .13s,color .13s,transform .13s}.settings-secondary-button{color:#a7b2c4;background:#131d2d;border:1px solid #35435b}.settings-secondary-button:hover:not(:disabled){color:#dbe1eb;background:#182337;border-color:#546686;transform:translateY(-1px)}.settings-danger-button{color:#cf8b97;background:0 0;border:1px solid #4c3541}.settings-danger-button:hover:not(:disabled){color:#f0a0ad;background:#7f1d1d1f;border-color:#80505d}.settings-primary-button{color:#fff;background:linear-gradient(135deg,#596cf5,#4558df);border:0}.settings-primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.settings-secondary-button:disabled,.settings-danger-button:disabled,.settings-primary-button:disabled{cursor:not-allowed;opacity:.5}.settings-avatar-help{color:#65738a;font-size:calc(8px * var(--font-scale));background:#101927;border:1px solid #29364c;border-radius:8px;margin-top:17px;padding:10px 11px;line-height:1.55}.settings-profile-form{gap:16px;display:grid}.settings-form-field{gap:7px;display:grid}.settings-form-field>span{color:#a3adbd;font-size:calc(9px * var(--font-scale));font-weight:700}.settings-form-field input{color:#e9edf4;width:100%;height:39px;font:inherit;font-size:calc(10px * var(--font-scale));background:#0d1624;border:1px solid #2c3a52;border-radius:8px;outline:none;padding:0 11px;transition:border-color .13s,box-shadow .13s}.settings-form-field input:focus{border-color:#6172ff;box-shadow:0 0 0 3px #6172ff1a}.settings-form-field input:disabled{cursor:not-allowed;color:#66748a;opacity:.72;background:#101722}.settings-form-field small{color:#59677d;font-size:calc(8px * var(--font-scale));line-height:1.5}.settings-form-actions{justify-content:flex-end;margin-top:2px;display:flex}@media (width<=760px){.settings-profile-editor{grid-template-columns:auto minmax(0,1fr)}.settings-avatar-actions{grid-column:1/-1}}.settings-signin-card{padding:0;overflow:hidden}.settings-signin-card .account-login-summary{margin:20px 20px 0}.settings-signin-card .account-provider-list{padding:18px 20px 0}.settings-signin-card .account-connections-note{margin:18px 20px 20px}.settings-signin-card .password-setup-form{margin:12px 20px 0}.settings-signin-card .account-connections-loading{place-items:center;min-height:180px;display:grid}.settings-password-form{animation:.14s ease-out settings-password-open}@keyframes settings-password-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.settings-appearance-card{display:grid}.settings-scale-value{color:#aeb8ff;min-width:58px;height:32px;font-size:calc(10px * var(--font-scale));background:#5366ef1a;border:1px solid #405077;border-radius:8px;flex:none;place-items:center;padding:0 9px;font-weight:800;display:grid}.settings-scale-control{margin-top:30px;padding:0 4px;position:relative}.settings-scale-labels{color:#65738a;font-size:calc(8px * var(--font-scale));grid-template-columns:1fr 1fr 1fr;margin-bottom:15px;display:grid}.settings-scale-labels span:nth-child(2){text-align:center}.settings-scale-labels span:last-child{text-align:right}.settings-scale-range{z-index:2;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:18px;margin:0;position:relative}.settings-scale-range::-webkit-slider-runnable-track{background:#344159;border-radius:999px;height:3px}.settings-scale-range::-webkit-slider-thumb{appearance:none;background:#6778ff;border:3px solid #111a29;border-radius:50%;width:17px;height:17px;margin-top:-7px;box-shadow:0 0 0 2px #6778ff73}.settings-scale-range::-moz-range-track{background:#344159;border-radius:999px;height:3px}.settings-scale-range::-moz-range-thumb{background:#6778ff;border:3px solid #111a29;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 2px #6778ff73}.settings-scale-range:disabled{cursor:wait;opacity:.7}.settings-scale-points{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:7px;left:7px;right:7px}.settings-scale-points span{background:#111a29;border:2px solid #344159;border-radius:50%;width:7px;height:7px;display:block}.settings-scale-points span.default{border-color:#59677d}.settings-scale-points span.active{background:#6778ff;border-color:#7786ff}.settings-appearance-preview{background:linear-gradient(145deg,#111b2a,#0e1724);border:1px solid #29374d;border-radius:11px;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:16px;margin-top:30px;padding:16px;display:grid}.settings-appearance-preview>div:first-child>span{color:#68778e;font-size:calc(8px * var(--font-scale));letter-spacing:.08em;text-transform:uppercase;font-weight:750}.settings-appearance-preview>div:first-child>strong{color:#e5e9f1;font-size:calc(15px * var(--font-scale));margin-top:8px;display:block}.settings-appearance-preview>div:first-child>p{color:#718097;max-width:280px;font-size:calc(9px * var(--font-scale));margin:7px 0 0;line-height:1.55}.settings-preview-message{background:#0c1522;border:1px solid #29374d;border-radius:9px;align-items:flex-start;gap:9px;padding:11px;display:flex}.settings-preview-message>span{color:#fff;width:31px;height:31px;font-size:calc(10px * var(--font-scale));background:#5367ef;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.settings-preview-message strong{color:#dce2ec;font-size:calc(9px * var(--font-scale))}.settings-preview-message p{color:#6f7d92;font-size:calc(8px * var(--font-scale));margin:4px 0 0;line-height:1.5}@media (width<=700px){.settings-appearance-preview{grid-template-columns:1fr}}.user-avatar{overflow:hidden}.user-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-fallback{width:100%;height:100%;color:inherit;font:inherit;font-weight:inherit;place-items:center;display:grid}.user-menu-root{width:100%;position:relative}.dashboard-user-button{width:100%;font:inherit;text-align:left;cursor:pointer;align-items:center;margin:0;padding:10px;transition:border-color .13s,background .13s;position:relative}.dashboard-user-button:hover,.dashboard-user-button.active{background:#151f30;border-color:#34445f}.dashboard-avatar-shell{flex:none;width:38px;height:38px;position:relative}.dashboard-avatar{width:38px;height:38px}.dashboard-user-status{border:2px solid #111a29;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.dashboard-user-status.online,.user-menu-status-dot.online,.user-status-option-dot.online{background:#4ade80}.dashboard-user-status.away,.user-menu-status-dot.away,.user-status-option-dot.away{background:#fbbf24}.dashboard-user-status.dnd,.user-menu-status-dot.dnd,.user-status-option-dot.dnd{background:#ef4444}.dashboard-user-copy{flex:1;min-width:0}.dashboard-user-copy strong,.dashboard-user-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-user-copy strong{color:#e5eaf2;font-size:calc(11px * var(--font-scale));margin-top:0}.dashboard-user-copy span{color:#6f7e94;font-size:calc(9px * var(--font-scale));margin-top:4px}.user-menu-popover{z-index:130;opacity:0;visibility:hidden;transform-origin:bottom;pointer-events:none;background:#111a29;border:1px solid #2a3850;border-radius:12px;padding:7px;transition:opacity .17s,transform .19s cubic-bezier(.2,.8,.2,1),visibility 0s linear .19s;position:absolute;bottom:calc(100% + 9px);left:0;right:0;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 18px 48px #0000006b}.user-menu-popover.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s,transform .19s cubic-bezier(.2,.8,.2,1),visibility linear;transform:translateY(0)scale(1)}.user-menu-heading{align-items:center;gap:10px;min-width:0;padding:9px;display:flex}.user-menu-heading-avatar{color:#fff;width:34px;height:34px;font-size:calc(10px * var(--font-scale));border-radius:9px;flex:none;font-weight:800}.user-menu-heading>div:last-child{min-width:0}.user-menu-heading>div:last-child strong,.user-menu-heading>div:last-child span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-menu-heading strong{color:#e3e8f1;font-size:calc(10px * var(--font-scale))}.user-menu-heading>div:last-child span{color:#68768d;font-size:calc(8px * var(--font-scale));margin-top:4px}.user-menu-divider{background:#202c40;height:1px;margin:5px 4px}.user-menu-action{color:#aeb8c8;width:100%;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 9px;transition:background .12s,color .12s;display:flex}.user-menu-action:hover{color:#edf1f7;background:#172235}.user-menu-action:disabled{cursor:default;opacity:.72}.user-menu-action:disabled:hover{background:0 0}.user-menu-action-icon{color:#8795ff;width:28px;height:28px;font-size:calc(9px * var(--font-scale));background:#151f30;border:1px solid #30405a;border-radius:7px;flex:none;place-items:center;font-weight:800;display:grid}.user-menu-action>div{flex:1;min-width:0}.user-menu-action strong,.user-menu-action small{display:block}.user-menu-action strong{color:inherit;font-size:calc(9px * var(--font-scale))}.user-menu-action small{color:#617087;font-size:calc(7px * var(--font-scale));margin-top:3px}.user-menu-status-dot{border-radius:50%;flex:none;width:10px;height:10px;margin:0 9px;box-shadow:0 0 8px #ffffff1f}.user-menu-next{color:#5f6e84;font-size:calc(14px * var(--font-scale));flex:none;transition:transform .15s}.user-menu-next.open{transform:rotate(90deg)}.user-menu-action.active{color:#edf1f7;background:#172235}.user-status-options{opacity:0;max-height:0;margin:0 4px;transition:max-height .18s,opacity .15s,transform .18s,margin .18s;display:grid;overflow:hidden;transform:translateY(-5px)}.user-status-options.open{opacity:1;max-height:150px;margin:4px 4px 7px;transform:translateY(0)}.user-status-option{color:#8795aa;cursor:pointer;width:100%;min-height:35px;font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:5px 8px;transition:background .12s,color .12s;display:flex}.user-status-option:hover{color:#dce2ec;background:#151f30}.user-status-option.selected{color:#e6eaf1}.user-status-option:disabled{cursor:wait;opacity:.55}.user-status-option-dot{border-radius:50%;flex:none;width:9px;height:9px}.user-status-option>span:nth-child(2){font-size:calc(9px * var(--font-scale));flex:1}.user-status-option>strong{color:#8592ff;font-size:calc(9px * var(--font-scale));flex:none}.user-status-error{color:#e99aa5;font-size:calc(7px * var(--font-scale));background:#7f1d1d1f;border:1px solid #f8717138;border-radius:6px;margin:5px 8px 7px;padding:7px 8px;line-height:1.45}.user-menu-action.danger{color:#d38b99}.user-menu-action.danger:hover{color:#f0a0ad;background:#7f1d1d24}.presence-avatar-shell{flex:none;position:relative}.presence-status-dot{z-index:3;pointer-events:none;border:2px solid #0f1725;border-radius:50%;width:10px;height:10px;transition:background .15s,box-shadow .15s;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 7px #00000059}.presence-status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8059}.presence-status-dot.away{background:#fbbf24;box-shadow:0 0 8px #fbbf244d}.presence-status-dot.dnd{background:#ef4444;box-shadow:0 0 8px #ef44444d}.message-avatar-shell,.member-avatar-shell{width:38px;height:38px}.channel-member-avatar-shell{width:36px;height:36px}.mention-suggestion-avatar-shell{width:30px;height:30px}.member-profile-avatar-shell{width:70px;height:70px;margin:-35px 0 0 20px}.member-profile-presence-dot{border-width:3px;border-color:#111a29;width:15px;height:15px;bottom:-3px;right:-3px}.message-reactions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.message-reaction{color:#8592a7;cursor:pointer;height:27px;font:inherit;background:#111a29;border:1px solid #2d3a50;border-radius:8px;align-items:center;gap:5px;padding:0 8px;transition:border-color .12s,background .12s,color .12s,transform .12s;display:inline-flex}.message-reaction:hover{color:#c8d0dd;background:#162033;border-color:#485777;transform:translateY(-1px)}.message-reaction.active{color:#c5ceff;background:#5265f624;border-color:#6577ff9e}.message-reaction span{font-size:calc(13px * var(--font-scale));line-height:1}.message-reaction strong{font-size:calc(8px * var(--font-scale));font-weight:750}.message-reaction-picker-root{display:inline-flex;position:relative}.message-reaction-add{color:#66758c;cursor:pointer;width:27px;height:27px;font-size:calc(15px * var(--font-scale));opacity:0;pointer-events:none;background:0 0;border:1px dashed #344158;border-radius:8px;place-items:center;padding:0;line-height:1;transition:border-color .12s,background .12s,color .12s,opacity .12s,transform .12s;display:grid;transform:translateY(-2px)}.chat-message:hover .message-reaction-add,.chat-message:focus-within .message-reaction-add{opacity:1;pointer-events:auto;transform:translateY(0)}.message-reaction-picker-root:has(.message-reaction-picker) .message-reaction-add{opacity:1;pointer-events:auto;transform:translateY(0)}.message-reaction-add:hover{color:#aab4ff;background:#5263df1a;border-color:#5263df}.message-reaction-picker{z-index:80;background:#111a29;border:1px solid #2d3b53;border-radius:10px;gap:2px;padding:5px;animation:.12s ease-out message-reaction-picker-open;display:flex;position:absolute;bottom:calc(100% + 7px);left:0;box-shadow:0 12px 32px #00000061}.message-reaction-picker button{cursor:pointer;width:34px;height:34px;font-size:calc(17px * var(--font-scale));background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:background .1s,transform .1s;display:grid}.message-reaction-picker button:hover{background:#1b263a;transform:scale(1.12)}@keyframes message-reaction-picker-open{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.message-reaction-add{opacity:1;pointer-events:auto;transform:none}}.direct-messages-state{color:#627087;font-size:calc(9px * var(--font-scale));padding:7px 10px}.direct-message-list{gap:2px;display:grid}.direct-message-list-item{color:#7e8ba0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:42px;padding:5px 9px;transition:background .12s,color .12s;display:flex}.direct-message-list-item:hover{color:#c5ccda;background:#151f2f}.direct-message-list-item.active{color:#dbe0ff;background:#5063f424}.direct-message-avatar-shell,.dm-member-avatar-shell{width:32px;height:32px}.direct-message-avatar,.dm-member-avatar{width:32px;height:32px;font-size:calc(10px * var(--font-scale));border-radius:9px}.direct-message-group-avatar{color:#aab4ff;width:32px;height:32px;font-size:calc(10px * var(--font-scale));background:linear-gradient(145deg,#28365a,#182138);border:1px solid #35425c;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.direct-message-list-copy{flex:auto;min-width:0;display:grid}.direct-message-list-copy strong{color:inherit;font-size:calc(10px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.direct-message-list-copy small{color:#56647a;font-size:calc(8px * var(--font-scale));margin-top:2px}.direct-message-list-item>span[aria-label$=unread\ messages]{flex:none;margin-left:auto}.direct-conversation-modal{width:min(540px,100vw - 32px)}.dm-type-switch{background:#0e1624;border:1px solid #29364b;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.dm-type-switch button{color:#76849a;cursor:pointer;background:0 0;border:0;border-radius:7px;height:38px;font-weight:700}.dm-type-switch button.active{color:#dce2ff;background:#1b2740;box-shadow:inset 0 0 0 1px #4051ad}.dm-member-picker{background:#0d1522;border:1px solid #29364a;border-radius:10px;max-height:310px;overflow-y:auto}.dm-member-picker-heading{z-index:2;color:#9aa7ba;min-height:39px;font-size:calc(9px * var(--font-scale));background:#111a29;border-bottom:1px solid #243146;justify-content:space-between;align-items:center;padding:0 11px;font-weight:700;display:flex;position:sticky;top:0}.dm-member-picker-heading small{color:#7887ff}.dm-member-picker-state{color:#657289;text-align:center;font-size:calc(9px * var(--font-scale));padding:24px 12px}.dm-member-option{color:#9ba7b9;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #192438;align-items:center;gap:10px;width:100%;min-height:50px;padding:7px 10px;display:flex}.dm-member-option:last-child{border-bottom:0}.dm-member-option:hover{background:#141f31}.dm-member-option.selected{background:#4e62f11c}.dm-member-copy{flex:1;min-width:0;display:grid}.dm-member-copy strong{color:#d3d9e4;font-size:calc(10px * var(--font-scale))}.dm-member-copy span{color:#67758a;font-size:calc(8px * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.dm-member-check{color:#8f9cff;width:23px;height:23px;font-size:calc(11px * var(--font-scale));border:1px solid #34425a;border-radius:6px;flex:none;place-items:center;display:grid}.channel-create-icon{padding:0;line-height:0}.channel-create-icon svg{width:16px;height:16px;display:block}.direct-chat-intro{padding-bottom:22px}.direct-chat-participants{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.direct-chat-participant{color:#9aa7b9;font-size:calc(9px * var(--font-scale));background:#111a29;border:1px solid #2b394f;border-radius:8px;align-items:center;gap:7px;padding:5px 8px;display:inline-flex}.direct-chat-participant-avatar-shell{width:26px;height:26px}.direct-chat-participant-avatar{width:26px;height:26px;font-size:calc(8px * var(--font-scale));border-radius:7px}
