:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152036;background:#eef2f8}*{box-sizing:border-box}body{margin:0;min-width:320px}.chat-page{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#e2e7ff 0,transparent 35%),radial-gradient(circle at 100% 100%,#dff3ec 0,transparent 32%),#f1f4f9}.chat-window{width:min(920px,100%);height:min(820px,calc(100vh - 56px));min-height:600px;background:#fff;border:1px solid #dfe4ec;border-radius:24px;box-shadow:0 24px 70px #25344f1a;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.chat-header{padding:20px 26px;border-bottom:1px solid #e9ecf1;display:flex;align-items:center;gap:13px}.support-avatar,.mini-avatar{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#7173ee,#5355d7);color:#fff;font-weight:900}.support-avatar{width:46px;height:46px;font-size:18px}.mini-avatar{width:30px;height:30px;border-radius:10px;font-size:11px}.chat-header h1{font-size:17px;margin:0 0 4px}.chat-header p{font-size:12px;color:#7e899a;margin:0}.chat-header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dbb84;margin-right:5px}.chat-body{background:#f8f9fc;padding:28px clamp(18px,5vw,70px);overflow:auto}.date-label{text-align:center;color:#9aa3b1;font-size:11px;margin-bottom:28px}.message-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:24px}.message-row>div:last-child{display:grid;gap:5px}.bubble{background:#fff;border:1px solid #e5e9ef;border-radius:5px 16px 16px 16px;padding:14px 17px;line-height:1.55;box-shadow:0 3px 10px #29374d0a;max-width:520px}.message-row time{font-size:10px;color:#a0a8b5}.message-row.user{justify-content:flex-end}.message-row.user .bubble{background:#6264e8;color:#fff;border:0;border-radius:16px 5px 16px 16px}.message-row.user time{text-align:right}.welcome-form{background:#fff;border:1px solid #e1e5ec;border-radius:16px;padding:22px 24px;margin:0 40px;box-shadow:0 8px 24px #27344b0b}.welcome-form h2{font-size:15px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.welcome-form label{display:grid;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;color:#4b5668}.welcome-form label small{font-weight:400;color:#9ba3af}.welcome-form input,.welcome-form textarea{font:inherit;font-weight:400;color:#172033;border:1px solid #d8dee8;border-radius:9px;padding:11px 12px;outline:0}.welcome-form input:focus,.welcome-form textarea:focus{border-color:#6668e7;box-shadow:0 0 0 3px #6264e817}.welcome-form textarea{min-height:92px;resize:vertical}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.form-footer span{font-size:10px;color:#9aa3b0}.form-footer button{border:0;border-radius:9px;background:#6264e8;color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.form-footer button:disabled{opacity:.6}.form-footer b{margin-left:8px}.form-error{color:#ba3440;font-size:12px;margin:10px 0 0;min-height:15px}.chat-footer{padding:12px 22px;text-align:center;color:#a0a8b5;font-size:10px;border-top:1px solid #eef0f4;position:relative}.chat-footer strong{color:#7476df}.chat-footer a{position:absolute;right:22px;color:#8b94a2;text-decoration:none}@media(max-width:700px){.chat-page{padding:0}.chat-window{height:100vh;min-height:0;border:0;border-radius:0}.chat-body{padding:20px 14px}.welcome-form{margin:0;padding:18px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%}.chat-footer a{position:static;display:block;margin-top:5px}}