/* Keep chat typography independent from the website's display headings. */
#ec-chat{font-family:Arial,Helvetica,sans-serif;color:#f5f4f0;position:fixed;right:24px;bottom:24px;z-index:10000;font-size:16px;line-height:1.5;letter-spacing:normal;text-shadow:none}
#ec-chat *{box-sizing:border-box}
#ec-chat button,#ec-chat textarea{font:inherit;letter-spacing:normal;text-shadow:none}
#ec-chat button{cursor:pointer}
#ec-chat [hidden]{display:none!important}
#ec-chat button:focus-visible,#ec-chat a:focus-visible{outline:2px solid #efc46e;outline-offset:3px}
.ec-launch{border:1px solid #efc46e;background:#efc46e;color:#15120c;border-radius:40px;padding:14px 20px;font-weight:700!important;box-shadow:0 8px 32px #0006;display:flex;gap:12px;align-items:center}
.ec-mark{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.ec-panel{width:420px;height:620px;max-height:calc(100dvh - 112px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #635238;border-radius:20px;background:#111216;box-shadow:0 20px 64px #0008;margin-bottom:12px}
.ec-head{display:flex;align-items:center;gap:12px;padding:22px 20px;border-bottom:1px solid #333238;background:#191a1e;flex-shrink:0}
.ec-heading{flex:1;min-width:0}
#ec-chat .ec-title{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:normal;word-spacing:normal;text-transform:none;text-shadow:none;filter:none;margin:0;color:#fff;overflow-wrap:normal}
.ec-sub{font-size:12px;line-height:1.5;color:#e6c482;margin-top:5px}
.ec-close{margin-left:auto;flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;padding:0;background:transparent;color:#d2d3d6;border:1px solid #48494d;border-radius:50%;font-size:24px!important;line-height:1!important}
.ec-close:hover{background:#303137;color:#fff}
.ec-log{flex:1;min-height:0;overflow-y:auto;padding:22px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 #111216}
.ec-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#24262c;color:#f5f4f0;padding:14px 16px;border:1px solid #32343b;border-radius:14px 14px 14px 4px;max-width:94%;margin:0 0 16px;font-size:15px;line-height:1.65}
.ec-user{margin-left:auto;background:#efc46e;border-color:#efc46e;color:#17140c;border-radius:14px 14px 4px 14px}
.ec-options{display:flex;flex-wrap:wrap;gap:8px}
.ec-options button{border:1px solid #75613b;color:#f3ce86;background:#191a1e;border-radius:10px;padding:10px 13px;font-size:13px!important;line-height:1.5}
.ec-options button:hover{background:#30291d;border-color:#efc46e}
.ec-status{color:#dfc79a;font-size:13px;padding:0 20px;min-height:20px}
.ec-compose{display:flex;align-items:stretch;gap:10px;padding:12px 18px 10px;margin:0}
.ec-compose textarea{resize:none;flex:1;min-width:0;background:#1d1f24;color:#fff;border:1px solid #55575f;border-radius:12px;padding:12px;font-size:16px!important;line-height:1.5;outline:none}
.ec-compose textarea::placeholder{color:#b8bbc4;opacity:1}
#ec-chat textarea:focus{border-color:#efc46e;box-shadow:0 0 0 1px #efc46e;outline:none}
.ec-send{background:#efc46e;border:0;color:#17140c;border-radius:12px;padding:12px 16px;font-weight:700!important}
.ec-send:hover{background:#f7d694}
.ec-send:disabled{opacity:.5;cursor:wait!important}
.ec-bottom{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 16px;font-size:12px;gap:10px}
.ec-bottom a{color:#efc46e;text-decoration:underline;text-underline-offset:3px}
.ec-reset{background:none;border:0;color:#c7c9d0;padding:6px;font-size:12px!important}
.ec-notice{font-size:11px;line-height:1.5;color:#b5b7c0;padding:0 20px 8px;margin:0}
@media(max-width:480px){
#ec-chat{right:12px;bottom:12px}
.ec-panel{width:calc(100vw - 24px);height:600px;max-height:calc(100dvh - 100px)}
#ec-chat .ec-title{font-size:17px}
.ec-head{padding:18px 14px;gap:10px}
.ec-launch{padding:12px 18px}
.ec-mark{width:30px;height:30px}
.ec-sub{font-size:11px}
.ec-compose{padding-left:14px;padding-right:14px}
}