:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf1ff;background:#090f1e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}input{outline:0}#root{height:100dvh}html[data-theme=light]{color:#14233f;background:#f1f5fc}html[data-theme=light] .app{--bg:#f7f9fd;--panel:#fff;--soft:#edf2fa;--border:#e1e7f2;--text:#14233f;--muted:#7b879a;--bubble:#eaf0f9}html[data-theme=dark] .app{--bg:#090f1e;--panel:#101a2d;--soft:#19263e;--border:#22324c;--text:#eef4ff;--muted:#91a0b8;--bubble:#1a2942}.app{height:100dvh;display:flex;background:var(--bg);color:var(--text);overflow:hidden}.sidebar{width:375px;max-width:100%;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.side-header,.chat-header{display:flex;align-items:center;gap:12px;padding:23px 22px;border-bottom:1px solid var(--border);min-height:84px}.side-header{justify-content:space-between}.brand{font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand.large{justify-content:center;font-size:34px}.logo{background:#008069;color:#fff;border-radius:14px;display:grid;place-items:center;width:40px;height:40px;box-shadow:0 8px 30px #1265ff50}.header-actions{display:flex;gap:8px}.header-actions button,.chat-header>button{color:var(--muted);padding:8px}.list-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 12px}.list-top h2{font-size:23px;margin:0}.new-button,.send,.primary{background:#008069!important;color:#fff!important;border-radius:13px;padding:11px 16px;font-weight:650}.new-button{padding:8px;display:grid;place-items:center}.search{margin:6px 18px 14px;display:flex;align-items:center;gap:10px;background:var(--soft);color:var(--muted);border-radius:12px;padding:12px}.search input{background:transparent;border:0;color:var(--text);min-width:0;flex:1}.chat-list{overflow-y:auto;flex:1}.chat-item{width:100%;display:flex;gap:12px;text-align:left;align-items:center;padding:15px 19px;transition:background .2s}.chat-item:hover,.chat-item.selected{background:var(--soft)}.avatar{width:48px;height:48px;flex-shrink:0;border-radius:17px;background:linear-gradient(135deg,#1565ff,#53b6ff);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:750}.chat-meta{flex:1;min-width:0}.chat-item b,.my-profile b{display:block;font-size:14px}.chat-item small,.my-profile small{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-profile{padding:16px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border)}.my-profile .avatar{width:40px;height:40px}.online-dot{width:10px;height:10px;border-radius:50%;background:#25d366;margin-left:auto}.main{display:flex;flex-direction:column;flex:1;min-width:0}.chat-header{background:var(--panel);padding:16px 22px;min-height:78px}.chat-header .avatar{width:43px;height:43px}.chat-heading{flex:1;min-width:0}.chat-heading b{display:block}.chat-heading small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.messages{flex:1;overflow-y:auto;padding:26px clamp(14px,6%,80px);display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 70% 20%,#0080690a,transparent 50%)}.message-line{display:flex;align-items:center;gap:7px;align-self:flex-start;max-width:min(85%,560px)}.message-line.mine{align-self:flex-end;flex-direction:row-reverse}.bubble{padding:11px 14px;border-radius:17px 17px 17px 4px;background:var(--bubble);min-width:85px;overflow-wrap:anywhere}.mine .bubble{background:#008069;color:#fff;border-radius:17px 17px 4px}.sender{font-weight:650;opacity:.7}.body-text{line-height:1.55;white-space:pre-wrap}.message-foot{display:flex;gap:4px;align-items:center;justify-content:flex-end;font-size:10px;opacity:.65;margin-top:6px}.message-actions{display:flex;opacity:0;transition:opacity .2s}.message-line:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button{color:var(--muted);padding:4px}.reaction{display:block;margin-top:5px}.quoted{border-left:2px solid #7db0ff;padding:4px 8px;font-size:12px;opacity:.75}.attachment-image{display:block;max-width:260px;max-height:260px;border-radius:10px;margin-top:6px}.composer{display:flex;align-items:center;gap:10px;padding:16px 22px max(16px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border)}.composer input{flex:1;min-width:0;background:var(--soft);color:var(--text);border:1px solid var(--border);padding:14px 17px;border-radius:14px}.composer>button{display:grid;place-items:center;color:var(--muted);padding:8px}.composer>button.send{color:#fff}.composer .recording{color:red}.reply-preview{padding:10px 20px;background:var(--soft);display:flex;justify-content:space-between}.welcome{margin:auto;text-align:center;color:var(--muted);padding:30px}.welcome h1{color:var(--text);font-size:30px}.welcome p{line-height:1.7}.welcome-logo{display:inline-grid;place-items:center;width:110px;height:110px;border-radius:35px;background:#008069;color:#fff;box-shadow:0 15px 50px #00806955}.welcome .primary{margin-top:16px}.auth-layout{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#123a80,#090f1e 55%);padding:20px}.auth-card{background:#111d32;border:1px solid #2a3b57;border-radius:24px;padding:40px;width:min(420px,100%);text-align:center;color:#eaf1ff;box-shadow:0 30px 80px #0006}.auth-card h1{margin:30px 0 8px}.auth-card p{color:#9faec4}.auth-card form{display:grid;gap:13px;margin-top:28px}.auth-card input,.settings input,.group-name{width:100%;padding:14px 16px;background:#1b2b46;color:#fff;border:1px solid #2d4262;border-radius:12px}.auth-card .primary{padding:14px}.link{margin-top:22px;color:#7cb0ff}.error{color:#ff889a!important}.settings{padding:15px;display:grid;gap:10px;border-bottom:1px solid var(--border)}.settings button,.new-options button{display:flex;align-items:center;gap:8px;padding:10px;color:var(--text)}.new-options{display:flex;justify-content:space-between;padding:10px}.group-name{width:calc(100% - 30px);margin:0 15px}.small-note,.empty-list{color:var(--muted);padding:18px;text-align:center}.chat-list>.primary{margin:8px 15px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#b51d40;color:#fff;padding:12px 20px;border-radius:10px;z-index:10}.back{display:none}@media(max-width:700px){.sidebar{width:100%;border-right:0}.main{width:100%}.mobile-hide{display:none}.back{display:block}.message-actions{opacity:1}.messages{padding:16px 10px}.message-line{max-width:94%}.message-actions{flex-wrap:wrap;max-width:70px}.composer{gap:4px;padding:10px}.composer>button{padding:6px}.composer input{padding:12px 10px}.chat-header{padding:12px}.chat-heading small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}html[data-theme=light] .app{--bg:#efeae2;--panel:#fff;--soft:#f0f2f5;--border:#e9edef;--text:#111b21;--muted:#667781;--bubble:#d9fdd3}html[data-theme=dark] .app{--bg:#0b141a;--panel:#111b21;--soft:#202c33;--border:#2a3942;--text:#e9edef;--muted:#8696a0;--bubble:#005c4b}.brand{color:#008069}.primary,.send,.new-button{background-color:#008069;color:#fff}.app button{transition:background-color .16s ease,transform .16s ease}.app button:active{transform:scale(.97)}.logo{object-fit:cover;box-shadow:none}html:not([data-theme=dark]){color:#111b21;background:#f0f2f5}html:not([data-theme=dark]) .auth-layout{background:linear-gradient(#00a884 0,#00a884 28%,#f0f2f5 28%)}html:not([data-theme=dark]) .auth-card{background:#fff;border-color:#e9edef;color:#111b21;box-shadow:0 12px 36px #111b211a}html:not([data-theme=dark]) .auth-card p{color:#52636c}html:not([data-theme=dark]) .auth-card input,html[data-theme=light] .settings input,html[data-theme=light] .group-name{background:#f0f2f5;color:#111b21;border-color:#e0e5e7}html:not([data-theme=dark]) .link{color:#00745e}.apk-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 10px;border:1px solid currentColor;border-radius:9px;color:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none}.auth-card .apk-link{color:#137453;margin:12px 0 4px}.apk-link:hover,.apk-link:focus-visible{text-decoration:underline}