*{box-sizing:border-box} :root{--blue:#3390ec;--bg:#fff;--soft:#f4f4f5;--line:#e7e8e9;--text:#1d2733;--muted:#79828c;--chat:#d9e7ef;--bubble:#fff;--out:#e3fec9}html,body{margin:0;height:100%;font:15px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#111827}button,input,textarea{font:inherit}.hidden{display:none!important}.app{height:100dvh;max-width:1600px;margin:auto;display:grid;grid-template-columns:76px minmax(290px,390px) minmax(0,1fr);overflow:hidden;background:var(--bg)}button{border:0}.account-rail{background:#202b36;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;color:white}.logo{font-size:24px;color:#fff;background:var(--blue);height:46px;width:46px;display:grid;place-items:center;border-radius:50%;transform:rotate(-25deg)}.account-switcher{display:flex;flex-direction:column;gap:9px;overflow:auto;flex:1;padding-top:8px}.account-bubble,.round{position:relative;width:46px;height:46px;border-radius:50%;background:#3d4a58;color:#fff;cursor:pointer}.account-bubble span{display:grid;place-items:center;height:100%;font-weight:700}.account-bubble i{position:absolute;right:-8px;top:12px;width:3px;height:22px;border-radius:3px;background:transparent}.account-bubble.active{background:var(--blue)}.account-bubble.active i{background:#fff}.round{font-size:22px}.round:hover{background:#506071}.add{background:#2b9e73}.dialogs-pane{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.dialogs-pane>header,.chat-header{height:64px;padding:10px 16px;display:flex;align-items:center;gap:12px;background:var(--bg);border-bottom:1px solid var(--line)}.dialogs-pane header div{display:flex;flex-direction:column;min-width:0}.dialogs-pane header small,.chat-header small{color:var(--muted)}#mobile-accounts{display:none;margin-left:auto;background:none;font-size:24px}.search{margin:8px 10px;display:flex;align-items:center;gap:8px;border-radius:22px;background:var(--soft);padding:9px 14px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.dialog-list{overflow:auto;flex:1}.dialog-row{width:100%;display:flex;gap:11px;padding:8px 12px;background:var(--bg);text-align:left;cursor:pointer;color:var(--text)}.dialog-row:hover,.dialog-row.active{background:#f0f4f7}.avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#54c7ec,#338de6);color:#fff;font-weight:700}.dialog-copy{min-width:0;flex:1;border-bottom:1px solid var(--line);padding:3px 0 10px}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;gap:8px}.dialog-top strong,.dialog-bottom span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-top time,.dialog-bottom{font-size:13px;color:var(--muted)}.dialog-bottom b{background:var(--blue);color:white;border-radius:12px;min-width:22px;padding:2px 6px;text-align:center}.chat-pane{min-width:0;display:flex;flex-direction:column;background:var(--chat);background-image:radial-gradient(#fff5 1px,transparent 1px);background-size:19px 19px}.chat-header{z-index:1}.chat-header div:nth-of-type(2){display:flex;flex-direction:column}.chat-header #back{display:none;background:none;font-size:34px;color:var(--blue)}.message-list{flex:1;overflow:auto;padding:24px clamp(16px,7vw,110px);display:flex;flex-direction:column;gap:7px}.message{max-width:min(72%,620px);padding:7px 11px 6px;border-radius:13px;background:var(--bubble);box-shadow:0 1px 1px #0002;white-space:pre-wrap;overflow-wrap:anywhere}.message.in{align-self:flex-start;border-bottom-left-radius:4px}.message.out{align-self:flex-end;background:var(--out);border-bottom-right-radius:4px}.message small{display:block;color:var(--blue);font-weight:600}.message time{float:right;margin:3px 0 -2px 12px;color:#778;font-size:11px}.composer{display:flex;gap:9px;align-items:flex-end;padding:10px clamp(12px,7vw,100px) 18px}.composer textarea{resize:none;min-height:48px;max-height:130px;flex:1;border:0;border-radius:22px;padding:14px 18px;outline:none;box-shadow:0 1px 3px #0002}.composer button{width:48px;height:48px;border-radius:50%;background:var(--blue);color:white;font-size:21px;cursor:pointer}.welcome{margin:auto;text-align:center;max-width:430px;background:#214b5ccc;color:white;padding:22px 28px;border-radius:16px;backdrop-filter:blur(8px)}.welcome-icon{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:28px}.welcome h2{margin-bottom:5px}.welcome p{margin:0;color:#dbeafe}.empty,.loader{margin:auto;padding:26px;text-align:center;color:var(--muted)}.dialog-list .empty,.dialog-list .loader{margin-top:40px}.login-screen{height:100dvh;display:grid;place-items:center;background:linear-gradient(150deg,#182431,#29485e);padding:20px}.auth-card,.modal-form{width:min(100%,420px);background:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 70px #0005}.auth-card{text-align:center}.brand-mark,.modal-icon{margin:auto;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:30px}.auth-card h1{margin-bottom:5px}.auth-card p,.modal-form p,.muted{color:var(--muted)}label{display:flex;flex-direction:column;text-align:left;gap:6px;margin:18px 0;font-weight:600}input,textarea{border:1px solid #d8dde3;border-radius:10px;padding:11px 12px;background:#fff;color:#1d2733}input:focus,textarea:focus{outline:2px solid #3390ec55;border-color:var(--blue)}.auth-card button,.primary{width:100%;padding:12px;border-radius:10px;background:var(--blue);color:white;font-weight:700;cursor:pointer}.error{color:#d84a4a;display:block;margin-top:9px}.warning{padding:11px;border-radius:9px;background:#fff5dc;color:#805d14;font-size:13px}.toast{position:fixed;z-index:20;top:16px;left:50%;transform:translate(-50%,-80px);padding:10px 18px;border-radius:20px;background:#16875e;color:#fff;transition:.2s}.toast.show{transform:translate(-50%,0)}.toast.bad{background:#bd3e3e}dialog{border:0;padding:0;border-radius:20px;background:transparent}dialog::backdrop{background:#101820b8;backdrop-filter:blur(4px)}.modal-form{position:relative;text-align:left}.modal-close{position:absolute;right:15px;top:12px;background:none;font-size:28px;color:var(--muted);cursor:pointer}.security{width:min(90vw,520px)}.security li{margin:12px 0}.security .modal-icon{margin-left:0}.primary:disabled{opacity:.6}.muted{font-size:13px}
@media(max-width:720px){body{background:var(--bg)}.app{grid-template-columns:1fr}.account-rail{display:none}.dialogs-pane{width:100vw}.chat-pane{position:fixed;inset:0;transform:translateX(100%);transition:transform .2s;z-index:3}.chat-open .chat-pane{transform:none}.chat-header #back{display:block}.dialogs-pane>header{padding-left:18px}#mobile-accounts{display:block}.message-list{padding:18px 10px}.message{max-width:86%}.composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.chat-header{padding-top:max(10px,env(safe-area-inset-top));height:auto;min-height:64px}}
@media(prefers-color-scheme:dark){:root{--bg:#17212b;--soft:#242f3d;--line:#273747;--text:#f4f7fa;--muted:#91a3b3;--chat:#0e1621;--bubble:#182533;--out:#2b5278}.dialog-row:hover,.dialog-row.active{background:#202b36}.auth-card,.modal-form{background:#17212b}.auth-card input,.modal-form input,.modal-form textarea,.composer textarea{background:#202b36;color:#fff;border-color:#364758}.warning{background:#54451f;color:#ffe9a3}}