:root{
  --bg:#030b12;--bg2:#07131e;--panel:#091722;--panel2:#0c1c28;--line:#173241;--line2:#215268;
  --text:#eaf8fb;--muted:#7893a1;--cyan:#12d7df;--cyan2:#0098b3;--green:#39d98a;--red:#ff6477;--amber:#f4c56a;
  --shadow:0 30px 80px rgba(0,0,0,.48);--radius:18px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.muted{color:var(--muted);font-size:.75rem;line-height:1.5}.ambient{position:fixed;inset:0;pointer-events:none}.ambient-grid{opacity:.16;background-image:linear-gradient(rgba(18,215,223,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,215,223,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 75% 35%,#000 0,transparent 72%)}.orb{width:520px;height:520px;border-radius:50%;filter:blur(100px);opacity:.15}.orb-a{background:#007da0;left:-180px;top:-180px}.orb-b{background:#00d4bc;right:-230px;bottom:-180px}.glass{background:linear-gradient(145deg,rgba(9,24,34,.94),rgba(3,12,19,.96));border:1px solid rgba(72,181,205,.23);box-shadow:var(--shadow);backdrop-filter:blur(16px)}

.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(390px,.72fr);gap:7vw;align-items:center;max-width:1360px;margin:auto;padding:6vh 6vw}.brand-panel{padding:20px}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-mark,.mini-logo,.profile-avatar,.shield-mark,.lock-shield{display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#0b6cff,#04e7d5 74%);color:#021018;box-shadow:0 0 35px rgba(18,215,223,.22)}.brand-mark{width:68px;height:68px;border-radius:20px 20px 28px 10px;font-size:40px}.brand-name{font-weight:900;font-size:27px;letter-spacing:.1em}.brand-sub{font-weight:700;letter-spacing:.28em;color:var(--cyan);margin-top:1px}.hero-copy{margin:8vh 0 6vh}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--cyan);font-weight:800;text-transform:uppercase}.hero-copy h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.92;letter-spacing:-.055em;margin:12px 0 24px}.hero-copy h1 span{color:var(--cyan)}.hero-copy>p:last-child{max-width:650px;font-size:1.15rem;color:#a9bec7;line-height:1.65}.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-stack article{display:flex;gap:13px;padding:14px 15px;border:1px solid rgba(59,164,189,.18);background:rgba(6,19,28,.5);border-radius:14px}.feature-stack article>span{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(18,215,223,.38);border-radius:11px;display:grid;place-items:center;color:var(--cyan);background:rgba(18,215,223,.05)}.feature-stack strong,.feature-stack small{display:block}.feature-stack strong{font-size:.93rem}.feature-stack small{margin-top:4px;color:var(--muted);line-height:1.35}.preview-badge{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:10px 13px;border:1px solid rgba(18,215,223,.28);border-radius:12px;color:#9edee4;background:rgba(6,24,33,.68)}.preview-badge i,.connection-pill i,.secure-dot i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(57,217,138,.8)}
.auth-card{border-radius:26px;padding:34px;max-width:520px;width:100%;justify-self:end}.auth-header{display:flex;gap:14px;align-items:center;margin-bottom:28px}.mini-logo{width:50px;height:50px;border-radius:15px;font-size:27px}.auth-header p{margin:0;color:var(--muted);font-size:.82rem}.auth-header h2{margin:2px 0 0;font-size:1.7rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#05111a;border:1px solid var(--line);margin-bottom:22px}.tab-btn{border:0;background:transparent;padding:10px 12px;border-radius:9px;color:var(--muted);cursor:pointer}.tab-btn.active{color:#eaffff;background:linear-gradient(180deg,#0e2f3c,#0a202b);box-shadow:inset 0 0 0 1px rgba(18,215,223,.22)}.auth-form{display:grid;gap:16px}.auth-form label,.setting-card label{display:grid;gap:7px;color:#b7c9cf;font-size:.82rem;font-weight:700}.auth-form label span,.setting-card label span{font-weight:500;color:var(--muted);margin-left:4px}input,select{width:100%;border:1px solid #1c3a48;background:#05121b;color:var(--text);outline:0;border-radius:11px;padding:12px 13px;transition:.16s border,.16s box-shadow}.auth-form input{padding:14px 15px}.auth-form input:focus,input:focus,select:focus{border-color:#1ba8bb;box-shadow:0 0 0 3px rgba(18,215,223,.08)}input::placeholder{color:#526b77}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.small-btn,.square-btn,.send-btn,.composer-icon,.icon-btn{border:0;cursor:pointer}.primary-btn{padding:13px 17px;border-radius:11px;font-weight:800;background:linear-gradient(135deg,#05a5bc,#0ccfc4);color:#02232a;box-shadow:0 10px 30px rgba(0,199,199,.15)}.primary-btn:hover{filter:brightness(1.06)}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.compact{padding:10px 14px}.secondary-btn{padding:10px 13px;border-radius:10px;background:#0d2a36;border:1px solid #185065;color:#c9faff}.ghost-btn{padding:10px 13px;border-radius:10px;background:#07131d;border:1px solid #213b49;color:#96abb4}.danger-btn{padding:11px 13px;border-radius:10px;background:#32131b;border:1px solid #6b2635;color:#ff9eaa}.wide{width:100%}.form-note,.hint{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.notice{border-radius:11px;padding:11px 13px;font-size:.82rem}.notice.danger{background:rgba(255,100,119,.09);border:1px solid rgba(255,100,119,.33);color:#ffb0ba}

.app-shell{position:relative;z-index:1;min-height:100vh;padding:20px}.app-window{width:min(1760px,calc(100vw - 40px));height:calc(100vh - 40px);min-height:700px;margin:auto;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.window-bar{height:54px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#06131d}.window-dots{display:flex;gap:7px}.window-dots span{width:9px;height:9px;border-radius:50%;background:#ff665d}.window-dots span:nth-child(2){background:#f6c858}.window-dots span:nth-child(3){background:#3bd77c}.window-title{font-size:.77rem;letter-spacing:.11em;font-weight:800;color:#b8c8ce}.window-title b{color:var(--cyan);font-size:.65rem;margin-left:7px}.window-actions{display:flex;align-items:center;gap:8px}.connection-pill{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;color:#a7dcbf;background:rgba(57,217,138,.06);font-size:.7rem;border:1px solid rgba(57,217,138,.12)}.icon-btn{width:36px;height:36px;border-radius:10px;background:#07141d;border:1px solid #17333f;color:#a9c5ce}.icon-btn:hover{border-color:#2d7184;color:#fff}
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:220px 340px minmax(430px,1fr) 285px}.sidebar,.roster-panel,.main-panel,.detail-panel{min-height:0}.sidebar{display:flex;flex-direction:column;padding:14px 12px;background:#06131c;border-right:1px solid var(--line)}.profile-card{display:flex;align-items:center;gap:11px;padding:10px 8px 18px}.profile-avatar{width:46px;height:46px;border-radius:50%;font-size:24px}.profile-meta{min-width:0}.profile-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-button{border:0;background:transparent;color:#88a6b1;padding:2px 0;margin-top:3px;cursor:pointer;font-size:.72rem}.id-button:hover{color:var(--cyan)}.username-line{display:block;color:var(--cyan);font-size:.7rem;margin-top:2px}.side-nav{display:grid;gap:5px}.nav-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:#8099a3;padding:10px;border-radius:11px;cursor:pointer}.nav-item span{color:#6d8c98}.nav-item em{font-style:normal}.nav-item:hover{background:#0a1d28;color:#d9edf2}.nav-item.active{background:linear-gradient(90deg,#0a2834,#08202b);border-color:#145069;color:#e7fbff}.nav-item.active span{color:var(--cyan)}.badge{min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#087f94;color:#e9feff;font-size:.67rem;font-weight:900}.sidebar-foot{margin-top:auto;border:1px solid #163541;border-radius:13px;padding:11px;background:#071820}.secure-dot{display:flex;gap:9px;align-items:center}.secure-dot strong,.secure-dot small{display:block}.secure-dot strong{font-size:.76rem}.secure-dot small{font-size:.64rem;color:var(--muted);margin-top:2px}.sidebar-foot p{font-size:.63rem;color:#5f7883;line-height:1.45;margin:9px 0 0}
.roster-panel{background:#081721;border-right:1px solid var(--line);display:flex;flex-direction:column}.roster-head{display:flex;justify-content:space-between;align-items:center;padding:18px 16px 12px}.roster-head p,.page-header p{margin:0;color:var(--cyan);font-weight:800;font-size:.63rem;letter-spacing:.16em}.roster-head h2{margin:3px 0 0;font-size:1.15rem}.square-btn{width:37px;height:37px;border-radius:10px;background:#0a202c;border:1px solid #1b495a;color:var(--cyan);font-size:1.2rem}.search-card{padding:0 13px 12px}.search-row{display:grid;grid-template-columns:1fr auto;gap:7px}.search-row input{padding:10px 11px;font-size:.78rem}.small-btn{padding:0 12px;border-radius:10px;background:#0b3745;color:#c6faff;border:1px solid #186275;font-size:.75rem}.lookup-result{margin-top:8px}.lookup-user{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #1b3946;background:#07131c;border-radius:12px}.lookup-user .avatar,.request-avatar,.chat-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#173346,#0a6471);font-weight:800;color:#d9ffff}.lookup-user .avatar{width:38px;height:38px}.lookup-user strong,.lookup-user small{display:block}.lookup-user small{color:var(--muted);font-size:.68rem;margin-top:2px}.chat-list{overflow:auto;padding:1px 8px 14px}.chat-item{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:inherit;padding:10px 9px;border-radius:12px;cursor:pointer}.chat-item:hover{background:#0a1d28}.chat-item.active{background:linear-gradient(90deg,#0b2530,#09202a);border-color:#175064}.chat-avatar{width:44px;height:44px}.chat-copy{min-width:0}.chat-copy strong{display:flex;align-items:center;gap:7px;font-size:.84rem}.chat-copy small{display:block;color:#66818c;font-size:.67rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item time{font-size:.62rem;color:#667f89;text-align:right}.presence-mini{width:7px;height:7px;border-radius:50%;background:#43555e;display:inline-block}.presence-mini.online{background:var(--green);box-shadow:0 0 7px rgba(57,217,138,.6)}.empty-state{text-align:center;margin:auto;padding:30px;color:#66808a}.empty-state>div{font-size:2.3rem;color:#235266}.empty-state strong{display:block;color:#b8cbd1;margin:8px}.empty-state p{font-size:.75rem;line-height:1.55}.main-panel{background:#06131d;position:relative;overflow:hidden}.page{height:100%}.active-page{display:block}.conversation-empty{height:100%;display:grid;place-content:center;text-align:center;padding:40px;max-width:680px;margin:auto}.shield-mark{width:86px;height:86px;border-radius:28px 28px 36px 13px;margin:0 auto 20px;font-size:44px}.conversation-empty h2{margin:5px 0 8px;font-size:2rem}.conversation-empty>p:not(.eyebrow){color:var(--muted);line-height:1.6}.privacy-note{display:flex;gap:11px;text-align:left;padding:13px 14px;border:1px solid #173946;border-radius:13px;background:#071922;margin-top:17px}.privacy-note strong,.privacy-note small{display:block}.privacy-note small{color:var(--muted);font-size:.73rem;line-height:1.45;margin-top:3px}.conversation{height:100%;display:flex;flex-direction:column}.conversation-header{height:68px;display:flex;align-items:center;gap:11px;padding:0 15px;border-bottom:1px solid var(--line);background:#071620}.contact-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#163544;color:#bffcff;font-weight:800}.conversation-contact{min-width:0;flex:1}.conversation-contact strong{display:block}.conversation-contact>span{display:flex;align-items:center;gap:5px;color:#6d8791;font-size:.68rem;margin-top:3px;white-space:nowrap}.conversation-contact b{font-weight:600;color:#7e9ba6}.presence-dot{width:7px;height:7px;border-radius:50%;background:#475b64}.presence-dot.online{background:var(--green);box-shadow:0 0 7px rgba(57,217,138,.6)}.security-chip{border:1px solid rgba(57,217,138,.2);background:rgba(57,217,138,.06);color:#7be7a8;border-radius:999px;padding:8px 10px;font-size:.66rem;cursor:pointer}.security-strip{padding:8px 14px;background:#071a20;border-bottom:1px solid #12333c;color:#6e9298;text-align:center;font-size:.65rem}.key-warning{padding:8px 12px;background:rgba(244,197,106,.1);border-bottom:1px solid rgba(244,197,106,.3);color:#f6d797;font-size:.7rem}.typing-bar{height:28px;display:flex;align-items:center;gap:4px;padding:0 18px;color:#698892;font-size:.67rem}.typing-bar span{width:5px;height:5px;border-radius:50%;background:var(--cyan);animation:bounce 1s infinite}.typing-bar span:nth-child(2){animation-delay:.14s}.typing-bar span:nth-child(3){animation-delay:.28s}.typing-bar b{font-weight:600;margin-left:4px}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.message-list{flex:1;overflow:auto;padding:22px 19px;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at 70% 0,rgba(0,169,185,.05),transparent 32%)}.message{max-width:min(72%,620px);align-self:flex-start;border:1px solid #18323d;background:#0a1a24;border-radius:14px 14px 14px 5px;padding:9px 11px;box-shadow:0 7px 22px rgba(0,0,0,.12);position:relative}.message.mine{align-self:flex-end;background:linear-gradient(145deg,#083441,#07515a);border-color:#12606e;border-radius:14px 14px 5px 14px}.message.deleted{opacity:.62;font-style:italic}.message.error{border-color:rgba(255,100,119,.35)}.message .reply-quote{border-left:2px solid var(--cyan);padding:5px 7px;margin-bottom:6px;background:rgba(0,0,0,.14);border-radius:5px;color:#8db6be;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.45}.message .meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:5px;font-size:.58rem;color:#69828c}.message .message-actions{position:absolute;top:-7px;right:-7px;opacity:0;display:flex;gap:3px;transition:opacity .12s}.message:hover .message-actions{opacity:1}.message-actions button{width:25px;height:25px;border-radius:8px;background:#07131d;border:1px solid #274653;color:#8fb2bb;cursor:pointer}.delivery{letter-spacing:-1px;color:#6f8992}.delivery.read{color:#61e4ed}.reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#09202a;border-top:1px solid #164353}.reply-bar small,.reply-bar strong{display:block}.reply-bar small{font-size:.6rem;color:var(--cyan)}.reply-bar strong{max-width:500px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar button{border:0;background:transparent;color:#9cb2ba;font-size:1.4rem;cursor:pointer}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:11px 13px;border-top:1px solid var(--line);background:#071620}.composer input{border-radius:12px;background:#06131c}.composer-icon,.send-btn{width:41px;height:41px;border-radius:11px;background:#0a2330;border:1px solid #1a4858;color:#8fc8d2}.send-btn{background:linear-gradient(135deg,#08a9bd,#0bd0c3);color:#02232a;font-size:1.05rem;font-weight:900}.mobile-back{border:0;background:#09202a;color:#b9d9df;border-radius:9px;width:34px;height:34px}.settings-page{overflow:auto;padding:24px 28px}.page-header{margin-bottom:20px}.page-header h2{font-size:2rem;margin:5px 0 7px}.page-header>span{color:var(--muted);font-size:.83rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting-card{border:1px solid #173541;background:#081821;border-radius:15px;padding:17px;display:grid;gap:12px;align-content:start}.setting-card h3{margin:0;font-size:.95rem}.setting-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}.setting-card code{color:#a8eff3;background:#071219;padding:2px 4px;border-radius:5px}.span-2{grid-column:1/-1}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.blocked-list,.request-list{display:grid;gap:8px}.blocked-row,.request-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #193743;background:#06141d;padding:10px;border-radius:11px}.request-user{display:flex;gap:9px;align-items:center;min-width:0}.request-avatar{width:37px;height:37px;flex:0 0 37px}.request-user strong,.request-user small{display:block}.request-user small{color:var(--muted);font-size:.65rem;margin-top:2px}.request-actions{display:flex;gap:6px}.request-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle-card{grid-template-columns:1fr auto;align-items:center}.switch{position:relative!important;display:block!important;width:46px;height:26px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:46px;height:26px;border-radius:999px;background:#18313c;transition:.16s;cursor:pointer;margin:0!important}.switch span:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#81939b;transform:translate(3px,3px);transition:.16s}.switch input:checked+span{background:#0c7885}.switch input:checked+span:after{background:#d7ffff;transform:translate(23px,3px)}.warning-card{border-color:#4a4327;background:#19170d}.settings-save{margin-top:16px}.button-row{display:flex;gap:7px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-weight:500!important}.check-row input{width:auto}.status-box{padding:12px;border:1px solid #1d424f;background:#06141c;border-radius:11px;color:#99b3bd;font-size:.75rem;line-height:1.5}.status-box.good{border-color:rgba(57,217,138,.25);color:#9be4b9}.status-box.warn{border-color:rgba(244,197,106,.3);color:#e9ca87}.device-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border-radius:11px;background:#06141d;border:1px solid #193744}.device-card>span{width:34px;height:34px;border-radius:9px;background:#0c2b37;display:grid;place-items:center;color:var(--cyan)}.device-card strong,.device-card small{display:block}.device-card small{color:var(--muted);font-size:.66rem;margin-top:2px}.device-card b{font-size:.57rem;color:var(--green)}.danger-zone{border-color:#4d2530;background:#160d11}
.detail-panel{background:#07151e;border-left:1px solid var(--line);padding:12px;overflow:auto}.detail-card{border:1px solid #173642;background:#081922;border-radius:14px;padding:14px;margin-bottom:10px}.detail-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#173747,#08717a);font-size:1.3rem;font-weight:900;color:#dcffff;margin:3px auto 8px}.detail-card>strong,.detail-card>span{display:block;text-align:center}.detail-card>span{color:var(--muted);font-size:.66rem;margin:4px 0 12px}.detail-card>button+button{margin-top:7px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-heading h3{font-size:.82rem;margin:0}.card-heading span{color:var(--cyan)}.qr-card p{color:var(--muted);font-size:.68rem;line-height:1.5}.qr-card img{display:block;width:min(170px,100%);aspect-ratio:1;margin:10px auto 12px;border-radius:10px;background:#06111b;border:1px solid #1d4653;padding:6px}.status-card>div:not(.card-heading){display:flex;align-items:center;justify-content:space-between;font-size:.67rem;padding:7px 0;border-bottom:1px solid #132c36}.status-card>div:last-child{border-bottom:0}.status-card span{color:var(--muted)}.status-card b{font-size:.64rem;color:#a6c0c8}.green{color:var(--green)!important}.danger-text{color:#ff9aa7!important}
.lock-overlay,.modal{position:fixed;inset:0;z-index:50;background:rgba(0,5,9,.86);backdrop-filter:blur(16px);display:grid;place-items:center;padding:20px}.lock-card,.modal-card{width:min(430px,100%);border-radius:22px;padding:28px;text-align:center;position:relative}.lock-shield{width:68px;height:68px;border-radius:23px 23px 28px 10px;margin:0 auto 15px;font-size:34px}.lock-card h2,.modal-card h2{margin:6px 0 8px}.lock-card>p:not(.eyebrow),.modal-card>p:not(.eyebrow){color:var(--muted);font-size:.8rem;line-height:1.5}.unlock-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #173846;background:#06131c;border-radius:11px;margin:17px 0 9px}.lock-card input{margin-bottom:9px}.lock-card .ghost-btn{margin-top:8px}.modal-close{position:absolute;right:12px;top:12px;border:0;background:#07151f;color:#9bb3bb;border-radius:9px;width:33px;height:33px;cursor:pointer}.large-qr{width:230px;max-width:70%;aspect-ratio:1;background:#06111b;border:1px solid #24505c;border-radius:13px;padding:8px;margin:13px auto;display:block}.safety-code{font:700 .9rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;line-height:1.75;color:#bcfbff;border:1px solid #1c4652;background:#06131c;border-radius:12px;padding:12px;margin:12px 0}.popover{position:fixed;z-index:45;min-width:220px;padding:6px;background:#07141d;border:1px solid #24434f;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.popover button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#abc1c8;padding:9px 10px;border-radius:8px;cursor:pointer}.popover button:hover{background:#0d2430}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translateX(-50%);background:#0b2530;border:1px solid #1c586a;box-shadow:0 15px 40px rgba(0,0,0,.4);border-radius:12px;padding:11px 15px;color:#d8fbff;font-size:.78rem}

@media(max-width:1250px){.workspace{grid-template-columns:190px 310px minmax(390px,1fr)}.detail-panel{display:none}.feature-stack{grid-template-columns:1fr}.sidebar{padding:12px 8px}.nav-item{padding:9px 7px}}
@media(max-width:900px){body{overflow:hidden}.app-shell{padding:0}.app-window{width:100vw;height:100vh;min-height:0;border-radius:0;border:0}.window-bar{height:50px;grid-template-columns:85px 1fr auto}.window-title{font-size:.66rem}.window-title b,.connection-pill{display:none}.workspace{grid-template-columns:62px 1fr}.sidebar{padding:8px 5px}.profile-card{padding:7px 4px 12px;justify-content:center}.profile-avatar{width:40px;height:40px}.profile-meta,.sidebar-foot{display:none}.nav-item{grid-template-columns:1fr;place-items:center;padding:10px 5px}.nav-item em,.nav-item .badge{display:none}.nav-item span{font-size:1.15rem}.roster-panel{grid-column:2}.main-panel{position:absolute;left:62px;right:0;top:50px;bottom:0;transform:translateX(100%);transition:transform .2s;z-index:3}.main-panel.mobile-show{transform:translateX(0)}.mobile-back{display:block!important}.settings-page{padding:18px}.settings-grid,.request-columns{grid-template-columns:1fr}.span-2{grid-column:auto}.security-chip{display:none}.conversation-header{padding:0 9px}.message{max-width:86%}.auth-shell{grid-template-columns:1fr;padding:25px;overflow:auto}.brand-panel{display:none}.auth-card{justify-self:center}.roster-head{padding-top:15px}}
@media(max-width:560px){.auth-shell{padding:14px}.auth-card{padding:23px;border-radius:18px}.window-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-actions .icon-btn{width:34px}.workspace{grid-template-columns:54px 1fr}.main-panel{left:54px}.sidebar{padding-left:3px;padding-right:3px}.roster-head{padding-left:12px;padding-right:12px}.search-card{padding-left:9px;padding-right:9px}.search-row{grid-template-columns:1fr}.small-btn{height:36px}.message-list{padding:16px 10px}.composer{padding:9px}.settings-page{padding:15px}.page-header h2{font-size:1.55rem}.lock-card,.modal-card{padding:22px}.request-item,.blocked-row{align-items:flex-start;flex-direction:column}.request-actions{width:100%}.request-actions button{flex:1}}