:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#060b1c;--navy:#0b1430;--panel:#101c3b;--panel2:#132345;--line:#25345a;--muted:#95a8cf;--text:#f4f7ff;--violet:#6775ef;--cyan:#75d8f7;--mine:#3949a0;--other:#182c51}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 15% 10%,#1a2d61 0%,transparent 38%),radial-gradient(ellipse at 90% 95%,#10204b 0%,transparent 35%),var(--bg);color:var(--text);padding:24px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{height:min(880px,calc(100dvh - 48px));min-height:570px;max-width:1340px;margin:auto;display:flex;flex-direction:column;border:1px solid #344576;border-radius:25px;background:linear-gradient(135deg,rgba(24,39,78,.93),rgba(9,19,44,.97));box-shadow:0 24px 85px #0008;overflow:hidden}.topbar{padding:19px 26px 14px;background:linear-gradient(130deg,#152750,#0e1936);border-bottom:1px solid var(--line)}.headerline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#5478ed,#213267);box-shadow:inset 0 0 0 1px #8eb3ff80;font-weight:900;font-size:22px;letter-spacing:-2px;direction:ltr;color:white}.brandname{font-size:20px;font-weight:800;letter-spacing:1px}.branddesc{font-size:11px;color:var(--muted);margin-top:6px}.stage{display:flex;align-items:center;gap:8px;border:1px solid #496293;background:#1b315a70;border-radius:50px;padding:7px 12px;color:#bdd9fa;font-size:12px}.stage .dot{width:7px;height:7px;background:#78d7b5;border-radius:50%;box-shadow:0 0 9px #6efbd2}.nav{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.tab{white-space:nowrap;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:transparent;color:#a2b4d9;transition:.2s}.tab:hover{background:#ffffff0b;color:white}.tab.active{color:white;background:linear-gradient(120deg,#4d62d5,#334795);border-color:#9bb2ff57;box-shadow:0 4px 20px #4254a855}.tab svg{width:17px;height:17px}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:300px;flex:none;border-left:1px solid var(--line);background:#0d1a38ad;display:flex;flex-direction:column}.side-heading{padding:24px 21px 14px}.side-heading .ttl{font-size:18px;font-weight:800}.sub{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}.search{margin:2px 16px 15px;display:flex;align-items:center;border:1px solid #324775;background:#07142e;border-radius:12px;padding:12px;gap:9px;color:#839dc9}.search input{background:transparent;border:0;outline:0;color:white;min-width:0;width:100%;font-size:12px}.profile-card{margin:0 13px;padding:13px;border-radius:16px;background:linear-gradient(110deg,#2a3a75,#172750);border:1px solid #5365a35c;display:flex;gap:12px;align-items:center;cursor:pointer}.avatar{height:47px;width:47px;border-radius:16px;background:linear-gradient(130deg,#596ed4,#7ca3ee);display:grid;place-items:center;font-weight:800;flex:none;color:white;font-size:16px;box-shadow:0 4px 14px #10204f}.profile-text{min-width:0;flex:1}.profile-text strong{font-size:14px}.profile-text small{display:block;margin-top:7px;font-size:11px;color:#adcaee}.profile-card .count{background:#6a86e5;border-radius:7px;padding:4px 7px;font-size:10px}.sidelabel{margin:28px 21px 11px;color:#879dc4;font-size:11px}.feature-card{display:flex;align-items:flex-start;gap:11px;margin:0 13px;padding:13px;border-radius:14px;border:1px dashed #3f5589;background:#10234866}.tiny-mark{width:28px;height:28px;flex:none;border-radius:8px;background:#425ab460;display:grid;place-items:center;color:var(--cyan)}.feature-card strong{font-size:12px}.feature-card p{margin:6px 0 0;color:#94a8cc;font-size:11px;line-height:1.8}.sidebar-bottom{margin-top:auto;padding:20px;color:#7289b5;font-size:11px;line-height:1.8}.chat{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 80%,#1e2d5e25,transparent 50%),#0b1733;position:relative}.chat-head{height:78px;padding:15px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#122247d8;z-index:2}.chat-person{display:flex;gap:12px;align-items:center;min-width:0}.chat-person .avatar{width:45px;height:45px;border-radius:50%}.chat-person strong{font-size:15px;display:block}.status{font-size:11px;color:#90b5e2;margin-top:5px}.actions{display:flex;align-items:center;gap:7px}.icon-btn{background:#23345e90;border:1px solid #324775;display:grid;place-items:center;min-width:37px;height:37px;border-radius:11px;transition:.15s}.icon-btn:hover{background:#3b4f86}.icon-btn svg{width:18px;height:18px;stroke-width:1.8}.invite{font-size:12px;padding:0 12px;display:flex;gap:7px;align-items:center;white-space:nowrap}.invite svg{width:16px;height:16px}.selection{display:none;padding:9px 17px;align-items:center;gap:9px;border-bottom:1px solid #4f6097;background:#263c6b;color:#dceaff;font-size:12px;z-index:2}.selection.on{display:flex}.selection .spacer{flex:1}.small-btn{border:1px solid #6176af;padding:7px 11px;background:#334b83;border-radius:8px;font-size:12px}.small-btn.danger{background:#a74357;border-color:#b65e71}.watermark{pointer-events:none;position:absolute;top:52%;left:45%;transform:translate(-50%,-50%) rotate(-12deg);font-family:Arial,sans-serif;font-size:clamp(140px,26vw,310px);font-weight:900;letter-spacing:-20px;color:#92a9fe08;user-select:none;line-height:1}.messages{position:relative;flex:1;min-height:0;overflow:auto;padding:28px clamp(16px,4%,46px);display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;z-index:1}.date-label{align-self:center;font-size:10px;border:1px solid #ffffff17;background:#14274bba;padding:7px 16px;border-radius:18px;color:#94aedb;margin-bottom:6px}.msg{max-width:min(77%,490px);min-width:90px;padding:12px 14px 8px;border-radius:18px;line-height:1.9;font-size:13px;box-shadow:0 8px 20px #0002;position:relative;white-space:pre-wrap;overflow-wrap:anywhere}.msg.me{background:linear-gradient(130deg,#344b9b,#293f88);align-self:flex-start;border-bottom-left-radius:5px}.msg.bot{background:#1a3157;align-self:flex-end;border-bottom-right-radius:5px;border:1px solid #355384a0}.msg .sender{color:#95e0fb;font-weight:700;font-size:11px;margin-bottom:5px}.msg.me .sender{color:#d3ddff}.msg .meta{text-align:left;direction:ltr;font-size:10px;color:#a6b8db;margin-top:3px}.msg.selected{outline:2px solid #a4e9ff;box-shadow:0 0 0 6px #81d8ff17}.message-media{max-width:100%;max-height:240px;border-radius:12px;display:block;margin:5px 0}.message-media.video{max-width:240px}.message-audio{max-width:230px;margin:6px 0 0}.hint{align-self:center;color:#8ea7d4;font-size:11px;text-align:center;line-height:2;border-radius:11px;background:#0e2345b0;padding:8px 16px}.composer-wrap{border-top:1px solid var(--line);padding:15px 22px max(15px,env(safe-area-inset-bottom));background:#111f40;z-index:2}.composer{display:flex;align-items:center;gap:10px;border-radius:17px;border:1px solid #425a91;background:#0b1935;padding:8px}.compose-buttons{display:flex;gap:5px}.compose-btn{border:0;border-radius:10px;width:38px;height:38px;background:transparent;display:grid;place-items:center;color:#9bc2f1}.compose-btn:hover{background:#243968;color:white}.compose-btn svg{width:20px;height:20px}.compose-input{border:0;outline:0;flex:1;min-width:0;resize:none;height:37px;max-height:110px;background:transparent;color:white;padding:10px 8px;line-height:1.5;font-size:13px}.compose-input::placeholder{color:#7490c1}.send{width:43px;height:40px;border:0;background:linear-gradient(145deg,#557bef,#4156c0);border-radius:12px;display:grid;place-items:center;box-shadow:0 5px 20px #5068dc55}.send svg{width:20px;height:20px;transform:rotate(180deg)}.composer-note{font-size:10px;color:#8095ba;text-align:center;padding-top:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#dfeaff;color:#102349;padding:12px 18px;border-radius:12px;box-shadow:0 13px 40px #0009;z-index:5;max-width:min(90vw,560px);text-align:center;opacity:0;pointer-events:none;transition:.2s;font-size:12px;line-height:1.7}.toast.show{opacity:1;transform:translate(-50%,0)}.recording{color:#ff9ea9!important;background:#682f4970!important;animation:pulse 1s infinite}.empty{color:#90a6d0;font-size:12px;margin:auto;text-align:center;line-height:2}.hidden{display:none!important}@keyframes pulse{50%{opacity:.48}}@media(max-width:950px){body{padding:10px}.shell{height:calc(100dvh - 20px);min-height:0;border-radius:18px}.sidebar{width:230px}.topbar{padding:14px}.tab{padding:9px 11px;font-size:11px}.brandname{font-size:17px}.headerline{margin-bottom:12px}.chat-head{padding:12px}.invite{padding:0 9px}.msg{max-width:88%}}@media(max-width:670px){body{padding:0}.shell{height:100dvh;min-height:0;border:0;border-radius:0}.topbar{padding:14px 13px 11px}.brand-mark{width:39px;height:39px;border-radius:12px;font-size:19px}.brandname{font-size:16px}.branddesc{font-size:10px}.stage{padding:6px 9px;font-size:10px}.nav{gap:5px}.tab{padding:9px 12px;border-radius:10px}.tab svg{width:16px;height:16px}.sidebar{display:none}.chat-head{height:69px}.chat-person .avatar{width:38px;height:38px;font-size:12px}.chat-person strong{font-size:13px}.status{font-size:10px}.icon-btn{min-width:33px;height:33px;border-radius:9px}.icon-btn svg{width:17px;height:17px}.invite{font-size:0;padding:0;width:33px;display:grid;place-items:center}.invite svg{width:17px}.actions{gap:5px}.messages{padding:22px 16px}.msg{font-size:12px;max-width:87%}.composer-wrap{padding:10px 9px max(10px,env(safe-area-inset-bottom))}.composer{padding:6px;gap:4px}.compose-buttons{gap:0}.compose-btn{width:34px;height:37px}.compose-btn svg{width:18px;height:18px}.send{width:37px;height:37px}.composer-note{font-size:9px}.watermark{left:48%;font-size:48vw}}
 .header-tools{display:flex;align-items:center;gap:9px}.admin-shortcut{display:flex;align-items:center;justify-content:center;border:1px solid #647fbb;color:#d7e8ff;background:#233970;border-radius:11px;padding:9px 12px;font-size:11px;white-space:nowrap}.admin-shortcut:hover{background:#334c91}@media(max-width:670px){.header-tools .stage{display:none}.admin-shortcut{font-size:10px;padding:8px}}

[hidden]{display:none!important}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.brand-fa{font-weight:400;color:#8db4ff;font-size:13px}.admin-shortcut{text-decoration:none}.account-action{background:transparent;color:#b7c8ea;border:1px solid #496293;border-radius:10px;padding:8px 10px;font-size:11px}.stage.offline{color:#ffb9ba;border-color:#a35765}.stage.offline .dot{background:#f4a0a7;box-shadow:none}.stage.demo .dot{background:#f3cd84;box-shadow:none}button:disabled{opacity:.42;cursor:not-allowed}.thread-list{overflow-y:auto;max-height:40%;min-height:65px;display:flex;flex-direction:column;gap:7px}.thread-list .profile-card{width:calc(100% - 26px);text-align:right;color:inherit;font:inherit}.thread-list .profile-card:not(.current){border-color:transparent;background:#122348}.thread-list .avatar{font-size:13px}.profile-text strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.new-chat{margin:12px 14px 0;padding:10px;background:transparent;color:#aac9f8;border:1px solid #3f5589;border-radius:10px;font-size:12px}.thread-empty{font-size:11px;line-height:1.8;color:#95a8cf;padding:14px 20px}.mobile-threads{display:none}.messages .msg{cursor:default}.messages.select-mode .msg{cursor:pointer}.msg:focus-visible{outline:2px solid #a4e9ff}.msg .body{white-space:pre-wrap}.msg .meta{white-space:normal}.msg.job-note{font-size:11px;color:#c4d5f3;align-self:center;text-align:center;background:#20355d;border:1px solid #415c86}.media-policy{font-size:9px;color:#8a9fc1;text-align:center;line-height:1.8;margin-top:4px}.media-preview{border:1px dashed #536b9b;background:#17294b;border-radius:13px;margin-bottom:10px;padding:10px;display:flex;align-items:center;gap:12px}.media-preview img{max-height:110px;max-width:150px;border-radius:9px}.media-preview audio{max-width:100%;height:36px}.media-description{font-size:10px;color:#b1c7ec;line-height:1.8;flex:1}.media-remove{padding:6px 8px;border-radius:8px;background:#314975;color:white;border:1px solid #536b9b;font-size:10px}.login-dialog{width:min(420px,calc(100vw - 32px));background:linear-gradient(140deg,#1c2f59,#0c1730);color:#f4f7ff;border:1px solid #52669d;border-radius:20px;padding:28px;box-shadow:0 25px 90px #000b}.login-dialog::backdrop{background:#060b1ce8;backdrop-filter:blur(6px)}.login-dialog .brand-mark{margin:auto}.login-dialog h1{font-size:20px;text-align:center;margin:20px 0 10px}.login-dialog p{font-size:12px;color:#a2b6db;line-height:1.9}.login-dialog label{font-size:12px;display:block;margin-top:17px}.login-dialog input{display:block;width:100%;margin-top:8px;padding:12px;border-radius:11px;border:1px solid #405887;background:#0a1833;color:white}.login-submit{margin-top:10px;width:100%;padding:12px;border:1px solid #8ca3ef75;border-radius:11px;background:#425bc1}.login-dialog .form-error{color:#ffb7bf;min-height:18px}.drawer-shade{display:none}.send.busy{opacity:.6}.toast{z-index:30}.chat-person strong{overflow-wrap:anywhere}.sidebar-bottom{padding-top:10px;padding-bottom:14px}.sidelabel{margin-top:19px}.nav{flex-shrink:0}.tab[aria-selected=true]{color:white}.status{max-width:270px}.login-dialog input:focus-visible{outline-color:#75d8f7}.messages:focus-visible{outline:2px solid #75d8f7;outline-offset:-4px}
@media(max-width:670px){.mobile-threads{display:grid;flex:none}.chat-head{gap:7px}.chat-person{flex:1;gap:7px}.chat-person .avatar{display:none}.chat-person strong{font-size:12px}.header-tools{gap:6px}.account-action{font-size:10px;padding:7px}.sidebar{display:flex;position:fixed;right:0;top:0;bottom:0;width:min(300px,85vw);z-index:21;transform:translateX(105%);transition:transform .2s ease;background:#101e3d;box-shadow:-12px 0 45px #0005;padding-top:env(safe-area-inset-top)}.sidebar.drawer-open{transform:translateX(0)}.drawer-shade:not(.hidden){display:block;position:fixed;inset:0;background:#0008;z-index:20}.topbar{padding-top:max(14px,env(safe-area-inset-top))}.media-preview{flex-wrap:wrap}.media-preview img{max-height:85px;max-width:100px}.media-description{font-size:9px}.messages{padding:18px 13px}.actions{gap:4px}.invite{display:none}.chat-status{max-width:170px}.composer-note{line-height:1.7}.media-policy{font-size:8px}.thread-list{max-height:55%}.chat-head .icon-btn{min-width:29px;height:32px}.branddesc{font-size:9px}.brand-fa{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.legacy-shortcut{margin:11px 14px 0;padding:11px 12px;border:1px solid #617bad;border-radius:11px;color:#d4e8ff;background:#1d355c;text-decoration:none;display:grid;gap:7px;line-height:1.8}.legacy-shortcut strong{font-size:12px}.legacy-shortcut span{font-size:10px;color:#a9c6e9}.legacy-shortcut:hover{background:#294577}.stage.connected .dot{background:#a8c5e7;box-shadow:none}