.chat-view{background:#f4f4ef}.chat-view .modal-card{padding:0;background:#f4f4ef}.chat-view .close{display:none}.chat-view #modalContent{width:100%;max-width:none}.chat-screen{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;width:min(920px,100%);margin:auto;background:#fbfaf6;border-left:1px solid #e3e6df;border-right:1px solid #e3e6df}.chat-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:rgba(251,250,246,.96);border-bottom:1px solid #e1e5df;position:sticky;top:0;z-index:3}.chat-person{display:flex;align-items:center;gap:14px;min-width:0}.chat-avatar{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--deep);color:#fff;font:24px Georgia,serif}.chat-person h2{font:28px/1 Georgia,serif;margin:0}.chat-person p{margin:7px 0 0;color:var(--muted);font-size:12px;white-space:nowrap}.chat-person i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5f896a;margin-right:5px}.end-chat{border:1px solid #dfc4bd;background:transparent;color:var(--warn);border-radius:999px;padding:10px 15px;cursor:pointer}.chat-thread{height:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:30px 28px 24px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,#f8f8f3 0,#fbfaf6 18%)}.joined-note{text-align:center;color:var(--muted);font-size:13px;margin:4px auto 26px}.joined-note span{display:inline-block;background:#e8ece6;border-radius:999px;padding:7px 12px;color:var(--ink);font-weight:700}.joined-note p{margin:9px 0}.message-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:min(76%,590px);margin-top:5px}.message-wrap.mine{align-self:flex-end;align-items:flex-end}.message-wrap .message{max-width:100%;background:#e5ebe5;color:var(--ink);border-radius:6px 18px 18px 18px;padding:12px 15px;line-height:1.5;overflow-wrap:anywhere}.message-wrap.mine .message{background:var(--deep);color:#fff;border-radius:18px 6px 18px 18px}.message-wrap time{font-size:10px;color:#849087;margin:5px 6px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#fbfaf6;border-top:1px solid #dde2dc;position:sticky;bottom:0}.chat-compose input{min-width:0;height:52px;border:1px solid #cfd7d0;border-radius:18px;padding:0 18px;background:#fff;color:var(--ink);font-size:16px;box-shadow:0 3px 12px rgba(38,51,45,.05)}.chat-compose input:focus{border-color:var(--sage);outline:3px solid rgba(120,144,126,.18)}.chat-compose button{height:52px;min-width:92px;border:0;border-radius:18px;background:var(--deep);color:#fff;font-weight:800;cursor:pointer;padding:0 18px}.chat-compose button b{display:none}.chat-privacy{text-align:center;color:#7d887f;font-size:10px;margin:0;padding:0 15px 10px;background:#fbfaf6}@media(max-width:600px){.chat-screen{height:100dvh;min-height:0;border:0}.chat-header{min-height:72px;padding:11px 14px}.chat-avatar{width:42px;height:42px;flex-basis:42px;font-size:21px}.chat-person h2{font-size:22px}.chat-person p{font-size:11px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.end-chat{font-size:12px;padding:9px 11px}.chat-thread{padding:22px 14px 16px}.message-wrap{max-width:86%}.message-wrap .message{font-size:15px;padding:10px 13px}.chat-compose{padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:8px}.chat-compose input{height:48px;border-radius:16px;padding:0 14px}.chat-compose button{width:48px;min-width:48px;height:48px;border-radius:16px;padding:0;font-size:20px}.chat-compose button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.chat-compose button b{display:inline;font-size:23px}.chat-privacy{display:none}}