@import url('/static/css/boot-critical.css');
@import url('/static/css/apple-redesign.css');
@import url('/static/css/viewer-apple-override.css');
@import url('/static/css/article-reading.css');

.messages-page,.chat-page{max-width:1100px;margin:3rem auto}.messages-head{margin-bottom:2rem}.messages-head h1,.chat-header h1{margin:.5rem 0 .25rem;font-size:2rem}.messages-head p,.chat-header p{margin:0;color:var(--text-2)}.messages-section{margin-top:2rem}.messages-section-title{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.messages-section-title h2{margin:0;font-size:1.1rem}.messages-muted{color:var(--text-3);font-size:.78rem}.conversation-list,.user-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.message-card,.user-chip{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:rgba(9,17,31,.72);text-decoration:none;color:inherit;transition:.18s ease}.message-card:hover,.user-chip:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.45);background:rgba(14,25,44,.9)}.message-card strong,.user-chip b{display:block}.message-card span,.user-chip small{display:block;color:var(--text-2);font-size:.78rem;margin-top:.25rem}.group-card{border-color:rgba(34,211,238,.32);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.06));margin-bottom:1.2rem}.message-card-icon{font-size:1.5rem}.message-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);color:#67e8f9;font-weight:800}.empty-state{border:1px dashed var(--line);border-radius:14px;padding:1.5rem;color:var(--text-2);text-align:center}.chat-header{position:relative;margin-bottom:1rem;display:grid;gap:.8rem}.chat-back{justify-self:start;text-decoration:none;color:var(--text-2)}.chat-shell{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(5,10,20,.72);box-shadow:0 20px 70px rgba(0,0,0,.22)}.chat-messages{height:min(66vh,650px);min-height:360px;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.7rem;scroll-behavior:smooth}.message-row{display:flex;justify-content:flex-start}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:min(78%,680px);padding:.7rem .9rem;border:1px solid var(--line);border-radius:16px 16px 16px 5px;background:#0b1424}.message-row.mine .message-bubble{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.08);border-radius:16px 16px 5px 16px}.message-sender{font-size:.74rem;color:var(--accent);font-weight:700;margin-bottom:.25rem}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:.9rem}.message-bubble time{display:block;color:var(--text-3);font-size:.67rem;margin-top:.35rem}.chat-form{display:flex;gap:.7rem;padding:.8rem;border-top:1px solid var(--line);background:rgba(7,13,25,.92)}.chat-form textarea{resize:none;min-height:44px;max-height:180px;flex:1;line-height:1.6;padding:.7rem .8rem}.chat-form .btn{align-self:flex-end;white-space:nowrap}@media(max-width:700px){.messages-page,.chat-page{margin:1.3rem auto}.message-bubble{max-width:88%}.chat-messages{height:62vh;min-height:300px}.chat-form{position:sticky;bottom:0}.messages-section-title{align-items:start;flex-direction:column}}