:root{--bg:#f4f5f7;--panel:#fff;--panel-2:#f0f2f5;--text:#16181d;--muted:#6b7280;--border:#e3e5e9;--accent:#3b6cf6;--accent-text:#fff;--mine:#dbe6ff;--theirs:#fff;--danger:#d93a3a;--ok:#1f9d55;--radius:12px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--text:#e8eaf0;--muted:#8b93a3;--border:#2a2f3a;--accent:#5b84ff;--mine:#2a3c6e;--theirs:#232833}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;border-radius:8px;padding:9px 14px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);font-weight:600}button.ghost{background:var(--panel-2)}button.link{color:var(--accent);padding:4px 0}button.small{padding:5px 10px;font-size:13px}.danger{color:var(--danger)!important}input,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--panel);border-radius:8px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{width:auto}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error{color:var(--danger);margin:8px 0 0;font-size:14px}.info{color:var(--ok);margin:8px 0 0;font-size:14px}.hint{color:var(--muted);margin:0;font-size:13px}.placeholder{color:var(--muted);text-align:center;margin:0;padding:24px 16px}.splash{height:100%;color:var(--muted);place-items:center;font-size:22px;font-weight:700;display:grid}.auth{place-items:center;min-height:100%;padding:16px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:24px;display:flex}.auth-card form,.verify{flex-direction:column;gap:14px;display:flex}.auth-card h2,.verify p{margin:0}.auth-logo{text-align:center;margin:0;font-size:26px}.tabs{background:var(--panel-2);border-radius:10px;gap:4px;padding:4px;display:flex}.tabs button{flex:1;padding:7px}.tabs button.active{background:var(--panel);font-weight:600;box-shadow:0 1px 2px #0000001f}.layout{grid-template-columns:340px 1fr;height:100%;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;position:relative}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.me{align-items:center;gap:8px;min-width:0;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.dot.on{background:var(--ok)}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.empty{color:var(--muted);margin:auto}@media (width<=767px){.layout{grid-template-columns:1fr}.layout.chat-open .sidebar,.layout:not(.chat-open) .main{display:none}.sidebar{border-right:none}}@media (width>=768px){.back{display:none}}.list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar>.list{flex:1}.row{text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}button.row:hover,label.row:hover,.row.selected{background:var(--panel-2)}label.row{cursor:pointer;flex-direction:row;font-size:15px}.row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-top,.row-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-actions{gap:6px;display:flex}.badge{background:var(--accent);color:var(--accent-text);border-radius:10px;margin-left:4px;padding:1px 7px;font-size:12px;font-weight:700}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.group{border-radius:30%}.fab{background:var(--panel-2);margin-top:auto;font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 4px 6px;font-size:12px}.friends{flex:1;min-height:0;overflow-y:auto}.add-friend{gap:8px;display:flex}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-head{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-head-text{flex-direction:column;min-width:0;display:flex}.messages{flex-direction:column;flex:1;gap:4px;padding:12px 14px;display:flex;overflow-y:auto}.day{text-align:center;color:var(--muted);align-self:center;margin:10px 0 6px;font-size:12px}.bubble-row{margin:1px 0;display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{background:var(--theirs);border:1px solid var(--border);border-radius:14px;max-width:min(75%,560px);padding:7px 11px 5px}.mine .bubble{background:var(--mine);border-color:#0000}.bubble.sending{opacity:.7}.bubble.failed{border-color:var(--danger)}.bubble-name{color:var(--accent);margin-bottom:2px;font-size:13px;font-weight:600}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{text-align:right;color:var(--muted);margin-top:2px;font-size:11px}.composer{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;field-sizing:content;max-height:160px}.send{flex:none;width:46px;height:42px}.modal-backdrop{z-index:10;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:420px;max-height:90vh;padding:20px;display:flex}.modal h2{margin:0}.list.pick{max-height:50vh}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.auth{align-content:center;gap:16px}.download{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;justify-self:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.download:hover{border-color:var(--accent)}.download img{border-radius:5px}.download.compact{margin-left:auto;padding:6px 10px;font-size:12px}.download-box{flex-direction:column;align-items:center;gap:6px;display:flex}.download-alt{color:var(--muted);font-size:12px}