/* NANA_CUSTOMER_CHAT_UI_V1 */*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#30103c,#09050e 46%,#030204);color:#fff8ed;font:14px/1.5 system-ui}main{width:min(1180px,calc(100% - 28px));margin:auto;padding:24px 0 80px}nav{display:flex;gap:18px;align-items:center}nav a{color:#efd58d;text-decoration:none}nav a:first-child{margin-right:auto;font:600 19px Georgia}header{padding:72px 0 30px}header>span{color:#ce8cef;font-size:10px;letter-spacing:.2em}h1{margin:9px 0 16px;font:500 clamp(38px,6vw,76px)/1 Georgia}header p{max-width:620px;color:#baa4c3}input,textarea{width:100%;border:1px solid #654873;border-radius:15px;background:#120918;color:#fff;padding:14px 16px;font:inherit}#chat-search{max-width:560px;height:52px}#chat-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}button{border:1px solid #704b7c;border-radius:13px;background:#1a0c22;color:#fff8ed;padding:11px 16px;cursor:pointer}button[aria-pressed=true],form button{background:#762a94}#chat-count{color:#a990b4}#chat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:11px}.chat-card{display:block;min-height:165px;padding:19px;border:1px solid #432c4c;border-radius:20px;background:linear-gradient(145deg,#170b1e,#0b0610);color:#fff8ed;text-decoration:none}.chat-card small{color:#ca91e8}.chat-card h2{margin:12px 0 7px;font:500 23px Georgia}.chat-card p{margin:0;color:#aa92b4}.room{max-width:860px}.room header{padding-bottom:22px}.room h1{font-size:clamp(38px,7vw,68px)}#messages{display:flex;flex-direction:column;gap:10px;min-height:290px;padding:18px;border:1px solid #422d4b;border-radius:22px;background:#09050d}.message{max-width:82%;padding:13px 15px;border-radius:16px;background:#1c1023}.message.user{align-self:flex-end;background:#61227a}.message.assistant{align-self:flex-start}.message time{display:block;margin-top:5px;color:#ad94b8;font-size:10px}form{margin-top:12px}form label{display:block;margin:0 0 7px;color:#bda8c5}form>div{display:flex;gap:8px;align-items:stretch}textarea{resize:vertical;min-height:58px}.privacy{color:#8e7898;font-size:12px}@media(max-width:620px){header{padding-top:52px}#chat-grid{grid-template-columns:1fr 1fr}.chat-card{min-height:145px;padding:14px}form>div{flex-direction:column}.message{max-width:92%}}