:root{--wine:#3d172c;--gold:#c89c4a;--paper:#fffaf6;--line:#decfd5;--muted:#6f5a64}
*{box-sizing:border-box}body{margin:0;background:#f5eef1;color:#24151d;font-family:Arial,sans-serif}.chat-shell{max-width:1380px;margin:auto;padding:28px}.chat-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.chat-head h1{margin:.2rem 0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem)}.chat-back,#newThread,.message-form button,.dialog-actions button{display:inline-flex;padding:12px 18px;border:0;border-radius:999px;background:var(--wine);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.chat-layout{display:grid;grid-template-columns:340px 1fr;min-height:680px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 22px 70px rgba(61,23,44,.12)}.chat-sidebar{padding:20px;border-right:1px solid var(--line);background:#fbf6f8}.thread-list{display:grid;gap:10px;margin-top:18px}.thread{width:100%;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.thread.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(200,156,74,.18)}.thread strong,.thread small,.thread span{display:block}.thread small,.thread span{color:var(--muted);margin-top:5px}.unread{display:inline-flex!important;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:var(--wine);color:#fff!important;float:right}.chat-main{padding:24px;min-width:0}.chat-empty{display:grid;place-content:center;min-height:560px;text-align:center;color:var(--muted)}.conversation-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.conversation-head h2{margin:.25rem 0;font-family:Georgia,serif}.secondary{background:#eee2e7!important;color:var(--wine)!important}.message-list{height:480px;overflow:auto;padding:22px 4px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:75%;padding:12px 14px;border-radius:16px;background:#f1e8ec;line-height:1.5}.bubble.mine{align-self:flex-end;background:var(--wine);color:#fff}.bubble small{display:block;margin-bottom:5px;opacity:.72}.message-form{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid var(--line);padding-top:16px}.message-form textarea,.dialog-form input,.dialog-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit}.message-form textarea{min-height:74px;resize:vertical}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(27,12,20,.62)}.dialog-form{width:min(520px,90vw);padding:26px;display:grid;gap:14px}.dialog-form label{display:grid;gap:6px;font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#chatStatus{color:#9b2d42;font-weight:700}@media(max-width:820px){.chat-shell{padding:12px}.chat-head{align-items:flex-start;flex-direction:column}.chat-layout{grid-template-columns:1fr}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line)}.message-list{height:420px}.message-form{grid-template-columns:1fr}.bubble{max-width:92%}}