.main.main-chats{--sky-soft:#e1ebf0;--violet:#6e5a93;--violet-soft:#eae5f1;grid-template-columns:330px 1fr;max-width:none;height:100dvh;padding:0;display:grid;position:sticky;top:0;overflow:hidden}.main-chats .tone-accent{background:var(--accent-soft);color:var(--accent)}.main-chats .tone-brick{background:var(--brick-soft);color:var(--brick)}.main-chats .tone-violet{background:var(--violet-soft);color:var(--violet)}.main-chats .tone-sky{background:var(--sky-soft);color:var(--sky)}.main-chats .tone-amber{background:var(--amber-soft);color:var(--amber)}.main-chats .av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.main-chats .av.lg{width:42px;height:42px;font-size:13px}.main-chats .av.md{width:36px;height:36px;font-size:12px}.main-chats .av.sm{width:28px;height:28px;font-size:10.5px}.main-chats .av.group{border-radius:11px}.main-chats .online{background:var(--accent);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.main-chats .list-pane{background:var(--paper-raised);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.main-chats .list-head{justify-content:space-between;align-items:center;padding:20px 18px 12px;display:flex}.main-chats .list-title{font-family:Fraunces,serif;font-size:22px;font-weight:500}.main-chats .icon-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.main-chats .icon-btn:hover{border-color:var(--ink-faint)}.main-chats .icon-btn svg{width:16px;height:16px}.main-chats .search{border:1px solid var(--line);color:var(--ink-faint);border-radius:20px;align-items:center;gap:7px;margin:0 18px 10px;padding:7px 12px;font-size:12.5px;display:flex}.main-chats .search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.main-chats .search:focus-within{border-color:var(--accent)}.main-chats .tabs{border-bottom:1px solid var(--line);gap:6px;padding:0 18px 12px;display:flex}.main-chats .tab{font:inherit;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:5px 12px;font-size:12.5px}.main-chats .tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.main-chats .rows{flex:1;min-height:0;overflow-y:auto}.main-chats .row{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;background:0 0;align-items:center;gap:12px;padding:12px 18px;display:flex}.main-chats .row:hover{background:var(--paper)}.main-chats .row.active{background:var(--accent-soft)}.main-chats .row-body{flex:1;min-width:0}.main-chats .row-top{justify-content:space-between;gap:8px;display:flex}.main-chats .row-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.main-chats .row-time{color:var(--ink-faint);flex-shrink:0;font-size:11px}.main-chats .row-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.main-chats .row-last{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.main-chats .row.unread .row-last{color:var(--ink)}.main-chats .badge{background:var(--accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:600;display:flex}.main-chats .empty{text-align:center;color:var(--ink-faint);padding:40px 16px;font-size:13px}.main-chats .chat-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.main-chats .chat-head{border-bottom:1px solid var(--line);background:var(--paper-raised);align-items:center;gap:12px;padding:12px 24px;display:flex}.main-chats .back{display:none}.main-chats .chat-name{font-size:14px;font-weight:600}.main-chats .chat-sub{color:var(--ink-faint);align-items:center;gap:5px;font-size:11.5px;display:flex}.main-chats .chat-sub .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.main-chats .head-actions{gap:8px;margin-left:auto;display:flex}.main-chats .chat-body{flex-direction:column;flex:1;gap:4px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.main-chats .day{color:var(--ink-faint);background:var(--paper-raised);border:1px solid var(--line);border-radius:20px;align-self:center;margin:4px 0 10px;padding:2px 12px;font-size:11px}.main-chats .msg{align-items:flex-end;gap:10px;max-width:72%;display:flex}.main-chats .msg.me{flex-direction:row-reverse;align-self:flex-end}.main-chats .msg.first{margin-top:10px}.main-chats .msg .av-slot{flex-shrink:0;width:28px}.main-chats .bubble{border-radius:var(--radius-m);overflow-wrap:anywhere;white-space:pre-wrap;padding:9px 13px;font-size:13.5px}.main-chats .msg.them .bubble{background:var(--paper-raised);border:1px solid var(--line)}.main-chats .msg.me .bubble{background:var(--ink);color:#fff}.main-chats .sender{margin-bottom:2px;font-size:11px;font-weight:600}.main-chats .m-time{color:var(--ink-faint);text-align:right;margin-top:3px;font-size:10.5px}.main-chats .msg.me .m-time{color:#9aa79f}.main-chats .composer{background:var(--paper-raised);border-top:1px solid var(--line);align-items:flex-end;gap:10px;padding:14px 24px 18px;display:flex}.main-chats .composer textarea{resize:none;border:1px solid var(--line);min-width:0;max-height:120px;font:inherit;color:var(--ink);background:#fff;border-radius:20px;flex:1;padding:10px 16px;font-size:13.5px;line-height:1.4}.main-chats .composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.main-chats .send{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.main-chats .send:disabled{opacity:.4;cursor:not-allowed}.main-chats .placeholder{text-align:center;color:var(--ink-faint);margin:auto;padding:20px}.main-chats .placeholder .t{color:var(--ink);margin-bottom:4px;font-family:Fraunces,serif;font-size:20px}@media (max-width:1023px){.main.main-chats{grid-template-columns:290px 1fr}.main-chats .msg{max-width:84%}}@media (max-width:767px){.main.main-chats{height:calc(100vh - 64px);height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));grid-template-columns:1fr;position:static}.main-chats .chat-pane,.main-chats.has-active .list-pane{display:none}.main-chats.has-active .chat-pane,.main-chats .back{display:flex}.main-chats .chat-head{gap:10px;padding:10px 12px}.main-chats .chat-body{padding:14px 12px}.main-chats .msg{max-width:90%}.main-chats .composer{padding:10px 12px}.main-chats .composer textarea,.main-chats .search input{font-size:16px}.main-chats .row{padding:13px 16px}}