.chat-page{width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 170px);margin:auto;padding:48px 0 65px}.chat-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.chat-heading span{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.15em}.chat-heading h1{margin:6px 0;font-size:42px}.chat-heading p{margin:0;color:var(--muted)}.chat-heading>b{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.chat-heading>b i{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--primary-soft)}.chat-shell{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card)}.chat-messages{height:min(600px,62vh);overflow:auto;padding:20px}.chat-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:11px}.chat-message>img{width:40px;height:40px;border-radius:10px;object-fit:cover}.chat-message header{display:flex;align-items:center;gap:10px}.chat-message header b{font-size:12px}.chat-message time{color:var(--muted);font-size:9px}.chat-message p{width:fit-content;max-width:min(720px,100%);margin:5px 0 0;padding:9px 11px;border-radius:4px 11px 11px;background:var(--bg);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.chat-form{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--line);background:var(--bg)}.chat-form>img{width:40px;height:40px;border-radius:10px;object-fit:cover}.chat-form textarea{height:46px;min-height:46px;max-height:130px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit}.chat-form button,.chat-login button{height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--primary);color:var(--primary-text);font-weight:850}.chat-form>small{grid-column:2/-1;color:var(--muted)}.chat-login{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border-top:1px solid var(--line)}.chat-skeleton{padding:60px;color:var(--muted);text-align:center}@media(max-width:600px){.chat-page{width:calc(100% - 24px);padding-top:32px}.chat-heading{align-items:flex-start;flex-direction:column}.chat-messages{padding:9px}.chat-form{grid-template-columns:1fr auto}.chat-form>img{display:none}.chat-form>small{grid-column:1/-1}}