@font-face{font-family:"Pretendard Variable";src:url("/assets/fonts/PretendardVariable.woff2") format("woff2");font-weight:45 920;font-style:normal;font-display:swap}
.site-chat{position:fixed;right:max(clamp(16px,3vw,32px),env(safe-area-inset-right));bottom:max(clamp(16px,3vw,32px),env(safe-area-inset-bottom));z-index:100;max-width:calc(100vw - 32px);font-family:"Pretendard Variable","Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-chat-toggle{box-sizing:border-box;max-width:100%;height:52px;padding:0 18px 0 8px;display:flex;align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#17171b;color:#fff;font:inherit;font-size:14px;font-weight:800;box-shadow:0 16px 42px rgba(35,32,58,.18);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.site-chat-toggle:hover{transform:translateY(-2px);background:#24242a;box-shadow:0 18px 48px rgba(35,32,58,.22)}
.site-chat-toggle:focus-visible,.site-chat-close:focus-visible,.site-chat-form :focus-visible{outline:3px solid #6450e8;outline-offset:3px}
.site-chat-toggle img{width:36px;height:36px;display:block;border-radius:50%;background:#fff}
.site-chat img[hidden]{display:none}
.site-chat[data-open="true"] .site-chat-toggle{width:52px;padding:0;justify-content:center}
.site-chat[data-open="true"] .site-chat-toggle img,.site-chat[data-open="true"] .site-chat-toggle span{display:none}
.site-chat[data-open="true"] .site-chat-toggle::after{content:"×";font-size:26px;line-height:1}
.site-chat-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:min(94vw,380px);height:min(75vh,560px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(18,18,22,.13);border-radius:20px;background:#fff;color:#121216;box-shadow:0 22px 64px rgba(42,38,73,.12)}
.site-chat-panel[hidden]{display:none}
.site-chat-head{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;border-bottom:1px solid rgba(18,18,22,.13)}
.site-chat-head img{width:38px;height:38px;border-radius:50%}
.site-chat-head div{flex:1;display:flex;flex-direction:column;gap:2px}
.site-chat-head strong{font-size:15px}
.site-chat-head small{color:#606068;font-size:11px}
.site-chat-close{width:44px;height:44px;border:0;border-radius:50%;background:#f4f4f2;color:#121216;font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.site-chat-messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#eeeef0}
.site-chat-msg{max-width:86%}
.site-chat-msg p{margin:0;padding:12px 15px;border-radius:18px;font-size:13.5px;line-height:1.6;white-space:pre-wrap}
.site-chat-msg.user{align-self:flex-end}
.site-chat-msg.user p{border-bottom-right-radius:5px;background:#ebe8ff;color:#121216}
.site-chat-msg.bot{align-self:flex-start}
.site-chat-msg.bot p{border-bottom-left-radius:5px;background:#17171b;color:#fff}
.site-chat-msg.error p{background:#fdeceb;color:#a82f27}
.site-chat-msg.pending p{display:flex;gap:4px;padding:14px 16px}
.site-chat-msg.pending span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.6;animation:site-chat-dot 1.1s infinite}
.site-chat-msg.pending span:nth-child(2){animation-delay:.15s}
.site-chat-msg.pending span:nth-child(3){animation-delay:.3s}
@keyframes site-chat-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.site-chat-form{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid rgba(18,18,22,.13);background:#fff}
.site-chat-form input{min-width:0;flex:1;height:44px;padding:0 15px;border:1px solid rgba(18,18,22,.22);border-radius:999px;background:#f4f4f2;color:#121216;font:inherit;font-size:16px}
.site-chat-form input:focus{outline:0;border-color:#6450e8;box-shadow:0 0 0 3px rgba(100,80,232,.13)}
.site-chat-form button{width:44px;height:44px;flex:0 0 auto;border:0;border-radius:50%;background:#121216;color:#fff;font:inherit;font-size:16px;cursor:pointer}
.site-chat-form button:hover{background:#523ed4}
.site-chat-form button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){.site-chat{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}.site-chat-toggle img{display:block;flex:0 0 auto}.site-chat:not([data-open="true"]) .site-chat-toggle::after{content:none;display:none}.site-chat-panel{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));bottom:calc(82px + env(safe-area-inset-bottom));width:auto;height:auto}}
@media(prefers-reduced-motion:reduce){.site-chat-toggle,.site-chat-msg.pending span{animation:none;transition:none}}