.chat-page{width:min(1050px,92%);min-height:calc(100vh - 78px);margin:0 auto;display:grid;grid-template-columns:310px 1fr;border-left:1px solid #deded5;border-right:1px solid #deded5}.chat-page[hidden]{display:none}.chat-aside{padding:45px 29px;background:var(--ink);color:#fff}.chat-aside .eyebrow{color:#e5aaa4}.chat-person{display:flex;gap:12px;align-items:center;margin:26px 0}.chat-avatar{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#c0817c;color:white;font:27px var(--serif)}.chat-person h1{font:600 23px var(--serif);margin:0}.chat-person p{margin:2px 0;color:#cbd3cc;font-size:11px}.chat-safety{display:flex;gap:10px;margin-top:65px;padding:17px 0;border-top:1px solid #4a5c58;border-bottom:1px solid #4a5c58;color:#ced7d0;font-size:11px}.chat-safety span{color:#e5aaa4;font-size:21px}.chat-safety p{margin:0}.chat-safety strong{color:white}.block-chat{margin-top:20px;border:1px solid #db9e9a;background:transparent;color:#f0c6c1;padding:9px 12px;font:700 11px var(--sans);cursor:pointer}.block-chat:disabled{opacity:.55;cursor:wait}.chat-window{display:flex;flex-direction:column;min-height:calc(100vh - 78px);background:#f9f7f2}.chat-top{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #deded5;background:#fff}.chat-top .eyebrow{color:var(--rose);margin-bottom:2px}.chat-top h2{font:600 25px var(--serif);margin:0}.chat-top span{font-size:10px;color:#65716c;border:1px solid #d9ddd7;padding:4px 6px}.messages{flex:1;padding:30px;display:flex;flex-direction:column;gap:12px;overflow:auto}.message{max-width:72%;padding:11px 14px;font-size:13px;line-height:1.5}.theirs{align-self:flex-start;background:#fff;border:1px solid #deded5}.mine{align-self:flex-end;background:#dce9df;color:#27423b}.chat-empty{margin:auto;color:#65716c;font-size:13px;text-align:center}.message-form{display:flex;gap:10px;padding:18px 25px;border-top:1px solid #deded5;background:#fff}.message-form input{flex:1;border:1px solid #d6d9d2;padding:0 12px;font:13px var(--sans);height:43px}.message-form .button{padding:0 17px}.message-form .button:disabled{opacity:.6;cursor:wait}.chat-status{margin:0 25px 15px;color:var(--rose);font-size:12px;font-weight:700}.unlock-chat{align-self:flex-start;margin:0 25px 25px;padding:10px 15px;text-decoration:none;font-size:12px}@media(max-width:700px){.chat-page{display:block;width:100%;border:0}.chat-aside{padding:28px}.chat-safety{display:none}.chat-person{margin:14px 0}.chat-window{min-height:70vh}.messages{padding:20px}.message-form{padding:15px}.site-header{padding:0 22px}}
.chat-sharing-rule{margin:0 25px 15px;color:#6f7670;font-size:11px;line-height:1.5}