.chat-container{width:420px;height:85vh;margin:20px auto;background:linear-gradient(145deg,#fff7f2,#ffe1cf 45%,#fff);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;position:relative;border:2px solid #ff8552;box-shadow:0 18px 45px #00000047}.chat-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(255,133,82,.18),transparent 55%),radial-gradient(circle at bottom left,rgba(255,200,170,.25),transparent 60%);pointer-events:none}.chat-header{background:linear-gradient(135deg,#ff9a5c,#ff7a3d);padding:15px;text-align:center;color:#fff;font-size:18px;font-weight:600;position:relative;display:flex;justify-content:center;align-items:center}.clear-btn{position:absolute;right:15px;background:transparent;border:none;font-size:18px;cursor:pointer;opacity:.85;transition:.2s ease;color:#fff}.clear-btn:hover{opacity:1;transform:scale(1.1)}.chat-messages{flex:1;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.msg-row{display:flex;align-items:flex-start;gap:8px}.msg-row.user{justify-content:flex-end}.avatar{font-size:24px;-webkit-user-select:none;user-select:none}.chat-bubble{max-width:72%;padding:12px 16px;border-radius:14px;line-height:1.45;font-size:15px;animation:fadeIn .25s ease-in-out;box-shadow:0 4px 12px #0000001f}.chat-bubble.bot{background:#fff;color:#333;border-bottom-left-radius:4px}.chat-bubble.user{background:#ff8552;color:#fff;border-bottom-right-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-input{padding:12px;display:flex;background:#fff;gap:10px;border-top:1px solid #e0e0e0}.chat-input input{flex:1;padding:12px;border-radius:10px;border:1px solid #ccc;outline:none;font-size:15px}.chat-input input:focus{border-color:#ff8552}.chat-input button{background:#ff8552;border:none;padding:12px 18px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.2s ease}.chat-input button:hover{background:#ff7433;transform:scale(1.05)}.chat-input button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 500px){.chat-container{width:95%;height:90vh}}:root{--yk-coral: #ff8a5c;--yk-coral-light: #ffb28c;--yk-dark: #1a1a1a;--yk-gray: #e8e8e8;--yk-white: #ffffff}