:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#20354b;background:#f2f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:800px;margin:30px auto;padding:24px;background:#fff;border:1px solid #dbe4ed;border-radius:20px}h1{font-size:28px}p{line-height:1.7}a{color:#225f94}#chatStatus{padding:12px;background:#eef5fb;border-radius:10px}#messages{max-height:55vh;min-height:160px;overflow:auto;padding:16px;background:#eef3f8;display:flex;flex-direction:column;gap:12px;border-radius:12px}.message{max-width:85%;padding:13px 16px;background:white;border-radius:14px;align-self:flex-start;overflow-wrap:anywhere}.message.customer{align-self:flex-end;background:#dbeaf7}.message p{white-space:pre-wrap;margin:7px 0}.message small,.hint{font-size:13px;color:#536a80}label{display:block;margin:16px 0 8px;font-weight:700}textarea{width:100%;font:inherit;padding:12px;border:1px solid #bdcddd;border-radius:10px;resize:vertical}button,.button{display:inline-block;border:0;border-radius:9px;padding:12px 18px;margin:8px 8px 8px 0;font:inherit;cursor:pointer;background:#e8eef4;color:#20354b;text-decoration:none}button[type=submit],.button{background:#193e60;color:white}button:disabled{opacity:.5;cursor:default}footer{margin-top:24px}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;padding:18px;border:0;border-radius:0}h1{font-size:24px}.message{max-width:95%}}