:root{--bg1:#2b0141;--bg2:#0dd;--other:#fff;--mine:#6df08a;--ink:#10222b;--muted:#6b7f88;--input:#e9f3f5;--panel:#fff;--side:#fff;--hover:#0000000d;--active:#3390ec;--accent:#0bb;--name:#5a52d6;--line:#c9d6db;--send:#3390ec;--bad:#e5484d;--chip:#0001}
[data-theme=dark]{--bg1:#0a0d12;--bg2:#103038;--other:#1f2a33;--mine:#175c4c;--ink:#e6eef2;--muted:#8fa4ae;--input:#16252d;--panel:#1b262e;--side:#17212b;--hover:#ffffff0d;--active:#2b5278;--accent:#118a8a;--name:#9a93ff;--line:#3a5360;--send:#4da3f5;--chip:#fff1;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;max-width:100vw}
body{font-family:"Koodak","Vazirmatn",Tahoma,sans-serif;color:var(--ink);background:var(--side)}
button,textarea,input{font:inherit;color:inherit}
[hidden]{display:none!important}

.hb{flex:none;background:#8883;border:0;border-radius:99px;padding:4px 11px;cursor:pointer;white-space:nowrap}
.hb.bad{background:var(--bad);color:#fff}
.ib{flex:none;width:40px;height:44px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.ib:hover:not(:disabled){color:var(--ink)}
.ib:disabled{opacity:.4;cursor:not-allowed}
#dot{flex:none;width:9px;height:9px;border-radius:50%;background:#f66}
#dot.on{background:#5f5}

#toast{position:fixed;top:14px;inset-inline:0;margin:auto;width:max-content;max-width:90vw;background:#000c;color:#fff;border-radius:99px;padding:6px 18px;z-index:99;display:none;text-align:center}
.btn{height:46px;border:0;border-radius:15px;background:var(--accent);font-size:18px;padding:0 14px;cursor:pointer;color:#fff}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.gray{background:#5558}
.btn.bad{background:var(--bad)}
.av{width:22px;height:22px;border-radius:50%;flex:none;display:inline-grid;place-items:center;overflow:hidden;color:#fff;font:600 12px Tahoma,sans-serif;background:#889}
.av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.av.grp{font-size:15px}
@media (pointer:coarse){.msg,#chat,#clist{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}