:root{--w-bg: #ffffff;--w-text: #111115;--w-muted: #777a85;--w-line: #e9e9ee;--w-border: rgba(39, 39, 42, .1);--w-primary: #111115;--w-danger: #e74341;--w-shadow: 0 4px 16px rgba(0, 0, 0, .18);--w-radius: 16px;--w-header-bg: #ffed0d;--w-header-text: #000000;--w-chat-bg: #f5f5f5;--w-agent-bubble: #ffffff;--w-agent-text: #000000;--w-customer-bubble: #ffed0d;--w-customer-text: #000000;--w-chat-font: 14px;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,-apple-system,system-ui,Roboto,Helvetica Neue,Segoe UI,sans-serif;font-size:14px;line-height:1.45;color:var(--w-text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:transparent;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}img,video{max-width:100%;display:block}.muted{color:var(--w-muted)}.center{text-align:center}.chat-button-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px}.chat-button-wrap[data-position=left]{justify-content:flex-start}.chat-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;background:var(--w-header-bg);color:var(--w-header-text);box-shadow:var(--w-shadow);transition:transform .15s ease;position:relative;overflow:visible}.chat-button:hover{transform:translateY(-2px)}.chat-button.image{box-shadow:none;overflow:hidden}.chat-button img{width:100%;height:100%;object-fit:cover}.chat-button .label{font-size:10px;font-weight:700;letter-spacing:-.02em}.chat-button .badge,.nav-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--w-danger);color:#fff;font-size:11px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;box-sizing:content-box;line-height:1}.chat-window{position:fixed;top:10px;right:10px;left:10px;bottom:80px;display:flex;flex-direction:column;background:var(--w-bg);border-radius:var(--w-radius);box-shadow:var(--w-shadow);overflow:hidden;animation:pop .18s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.chat-window.mobile{top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:none;animation:none}.chat-window.inline{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:none;animation:none}.chat-header{background:var(--w-header-bg);color:var(--w-header-text);flex:0 0 auto}.chat-header.home{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:18px 14px 14px 20px;min-height:92px}.chat-header-main{flex:1;min-width:0}.chat-title{margin:0;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.02em;word-break:keep-all}.chat-subtitle{margin:2px 0 0;font-size:13px;opacity:.8}.worktime-wrap{position:relative;display:inline-block;margin-top:8px}.worktime{display:inline-flex;align-items:center;gap:5px;border:0;background:#ffffff8c;border-radius:999px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;color:inherit}.worktime .dot{width:7px;height:7px;border-radius:50%;background:#2ecc71}.worktime .dot.off{background:#b0b3bd}.worktime svg{transition:transform .15s}.worktime svg.rot{transform:rotate(180deg)}.worktime-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;margin:0;padding:8px 0;list-style:none;min-width:190px;background:#fff;color:var(--w-text);border-radius:10px;box-shadow:0 6px 20px #00000029;font-size:12.5px;text-align:left}.worktime-menu li{padding:6px 14px;white-space:nowrap}.icon-btn{width:36px;height:36px;border:0;background:transparent;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:inherit}.icon-btn:hover:not(:disabled){background:#00000014}.icon-btn.placeholder{pointer-events:none}.chat-header.room{display:flex;align-items:center;gap:4px;padding:8px;min-height:56px}.room-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}.room-title strong{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.room-title .muted{font-size:11px;color:inherit;opacity:.7}.chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;background:var(--w-chat-bg);display:flex;flex-direction:column}.chat-body.home,.chat-body.faq-detail{padding:12px 12px 16px;gap:12px}.chat-body.room{overflow:hidden}.card{background:#fff;border-radius:14px;padding:18px 16px;box-shadow:0 1px 2px #0000000d}.card h2{margin:0 0 10px;font-size:15px;font-weight:700}.site-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.site-name{font-size:15px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eee}.avatar.initial{display:inline-flex;align-items:center;justify-content:center;background:var(--w-header-bg);color:var(--w-header-text);font-weight:800;font-size:13px}.avatar.lg{width:36px;height:36px;font-size:15px}.guide{margin:0 0 14px;white-space:pre-line;font-size:14px;line-height:1.55;word-break:keep-all}.guide-image{width:100%;border-radius:10px;margin-bottom:12px}.btn-outline,.btn-primary,.btn-dark,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--w-line);background:#fff;color:var(--w-text);transition:filter .15s,background .15s}.btn-outline+.btn-primary,.btn-outline+.btn-outline{margin-top:8px}.btn-outline:hover,.btn-ghost:hover{background:#f7f7f9}.btn-outline.selected{border-color:var(--w-text)}.btn-primary{border:0;background:var(--w-header-bg);color:var(--w-header-text)}.btn-primary:hover{filter:brightness(.96)}.btn-dark{border:0;background:var(--w-primary);color:#fff}.btn-dark:disabled,.btn-primary:disabled{opacity:.5}.btn-ghost{border:0;background:#f1f1f4}.wait-info{margin:10px 0 0;font-size:12px;color:var(--w-muted);text-align:center}.notice-card p{margin:0}.faq-search{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:10px;background:#f3f3f6;color:var(--w-muted);margin-bottom:6px}.faq-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--w-text);outline:none}.faq-search input::placeholder{color:#a3a6b1}.faq-list{list-style:none;margin:0;padding:0}.faq-list li button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:12px 2px;border:0;border-bottom:1px solid var(--w-line);background:none;font-size:14px}.faq-list li button svg{color:#b0b3bd;flex:0 0 auto}.faq-list li:last-child button{border-bottom:0}.faq-list li button:hover{color:#000}.faq-empty{color:var(--w-muted);font-size:13px;padding:16px 4px;text-align:center}.faq-subject{margin:0 0 12px;font-size:16px;font-weight:800;line-height:1.4}.faq-contents{font-size:14px;line-height:1.65;word-break:keep-all}.faq-contents p{margin:0 0 10px}.faq-contents img{border-radius:8px}.faq-actions{display:flex;gap:8px;margin-top:18px}.faq-actions .btn-outline{margin:0;padding:10px 8px;font-size:13px}.card.skeleton{min-height:160px;background:linear-gradient(90deg,#fff 25%,#f3f3f6,#fff 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-footer{display:flex;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:11px;color:var(--w-muted);background:var(--w-chat-bg);flex:0 0 auto}.chat-footer .brand{font-weight:800;letter-spacing:-.02em;color:#333}.chat-nav{display:flex;border-top:1px solid var(--w-line);background:#fff;flex:0 0 auto}.chat-nav button{flex:1;height:56px;border:0;background:none;color:#a3a6b1;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.chat-nav button[aria-current=page]{color:var(--w-text)}.nav-icon{position:relative;display:inline-flex}.nav-badge{top:-6px;right:-12px;min-width:16px;height:16px;font-size:10px;border-width:1.5px}.msg-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;font-size:var(--w-chat-font);overscroll-behavior:contain}.date-divider{display:flex;justify-content:center;margin:4px 0 6px}.date-divider span{font-size:11px;color:var(--w-muted);background:#0000000d;border-radius:999px;padding:3px 10px}.msg{display:flex;gap:8px;max-width:100%}.msg.agent{align-items:flex-start}.msg-body{display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 44px);min-width:0}.msg-meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--w-muted)}.msg-meta .name{font-weight:700;color:var(--w-text);font-size:12px}.bubble{display:inline-block;max-width:100%;padding:10px 13px;border-radius:16px;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:inherit}.bubble a{color:inherit;text-decoration:underline}.bubble.agent{background:var(--w-agent-bubble);color:var(--w-agent-text);border-top-left-radius:4px;box-shadow:0 1px 2px #0000000f;align-self:flex-start}.bubble.customer{background:var(--w-customer-bubble);color:var(--w-customer-text);border-top-right-radius:4px}.msg.customer{justify-content:flex-end;align-items:flex-end;gap:6px}.msg.customer .bubble{max-width:76%}.msg-side{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:var(--w-muted);flex:0 0 auto;white-space:nowrap}.msg-side .status.fail{color:var(--w-danger);display:inline-flex;gap:4px;align-items:center}.msg-side .retry{border:1px solid var(--w-danger);background:#fff;color:var(--w-danger);border-radius:6px;padding:1px 6px;font-size:11px}.msg.system{justify-content:center;margin:6px 0}.msg.system span{font-size:12px;color:var(--w-muted);background:#0000000d;border-radius:999px;padding:5px 12px}.bubble.media{padding:0;overflow:hidden;border-radius:12px;background:#e9e9ee;max-width:220px}.bubble.media img{width:100%;max-height:260px;object-fit:cover}.file-card{min-width:200px;max-width:240px}.file-card video,.file-card audio{width:100%;border-radius:8px;margin-bottom:8px;background:#000}.file-card audio{background:transparent}.file-head{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:6px;word-break:break-all}.file-meta{font-size:11.5px;color:var(--w-muted);line-height:1.5;white-space:normal}.bubble.customer .file-meta{color:inherit;opacity:.75}.file-download{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--w-primary);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}.file-expired{display:inline-block;margin-top:6px;color:var(--w-danger);font-weight:700}.dots{display:inline-flex;gap:4px;align-items:center;height:14px}.dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:.9}}.room-loading{display:flex;justify-content:center;padding:24px;color:var(--w-muted)}.room-error{margin:12px;padding:14px;border-radius:10px;background:#fff;text-align:center;font-size:13px;color:var(--w-danger)}.room-error p{margin:0 0 10px}.room-error .btn-dark{width:auto;padding:8px 16px;font-size:13px}.composer{display:flex;align-items:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--w-line);background:#fff;flex:0 0 auto}.composer.finished{padding:12px}.btn-dark.wide{width:100%}.composer-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:#f3f3f6;border-radius:18px;padding:10px 14px;font:inherit;line-height:1.4;max-height:96px;color:var(--w-text)}.composer-input::placeholder{color:#a3a6b1}.composer-input:disabled{opacity:.6}.composer .icon-btn.plus{background:#f3f3f6;color:#555}.composer .icon-btn.send{background:#e4e5ea;color:#fff}.composer .icon-btn.send.active{background:var(--w-primary)}.conn-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff4e5;color:#8a5a00;font-size:12px;border-bottom:1px solid #ffe0b2;flex:0 0 auto}.conn-banner button{display:inline-flex;align-items:center;gap:4px;border:1px solid #e0a94a;background:#fff;color:#8a5a00;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;white-space:nowrap}.toast{position:absolute;left:50%;bottom:76px;transform:translate(-50%);max-width:calc(100% - 32px);background:#111115eb;color:#fff;font-size:12.5px;padding:10px 14px;border-radius:10px;z-index:20;animation:pop .18s ease-out;text-align:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:30;padding:24px}.modal{width:100%;max-width:280px;background:#fff;border-radius:14px;padding:24px 18px 16px;box-shadow:0 10px 30px #00000040}.modal-title{margin:0 0 18px;text-align:center;font-size:15px;font-weight:700}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;margin:0}.error-box{margin:12px;padding:12px;border-radius:8px;background:#fae3e3;color:#b11e1b;font-size:13px}.chat-window.dark{--w-bg: #1b1b1f;--w-text: #f2f2f5;--w-muted: #9a9ca8;--w-line: #2d2d33;--w-primary: #f2f2f5}.chat-window.dark .card,.chat-window.dark .chat-nav,.chat-window.dark .composer,.chat-window.dark .worktime-menu,.chat-window.dark .modal{background:#232328;color:var(--w-text)}.chat-window.dark .composer-input,.chat-window.dark .faq-search,.chat-window.dark .btn-ghost{background:#2d2d33}.chat-window.dark .btn-dark,.chat-window.dark .composer .icon-btn.send{color:#1b1b1f}