@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--chat-header-bg: #005aab}input,button,textarea,select{font-family:inherit}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif;background:#f5f5f5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;justify-content:center;height:100vh}.chat-container{width:460px;display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000001a}.chat-messages{flex:1;padding:20px;overflow-y:auto}.message-row{margin-bottom:10px}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:80%;padding:10px 15px;border-radius:15px;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:-.4px;overflow-wrap:anywhere;word-break:break-word;overflow-x:auto}.message-bubble a{color:#2563eb;text-decoration:underline;word-break:break-all}.message-row.user .message-bubble a{color:#cfe3ff}.message-bubble p{padding:0;margin:0}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble p>strong{font-weight:600;font-size:15px}.message-bubble ul{margin:5px 0 10px}.message-row.user .message-group{align-items:flex-end}.message-row.user .message-bubble{background:var(--chat-header-bg);color:#fff}.message-row.assistant .message-bubble{background:#f2f2f2;color:#222;border:1px solid #dadada}.message-bubble pre,.message-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.message-bubble table{width:100%;max-width:100%;border-collapse:collapse;display:table;table-layout:fixed;font-size:13px}.message-bubble th,.message-bubble td{border:1px solid #b9b9b9;padding:6px 8px;text-align:left;word-break:break-word}.message-bubble pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.message-bubble code{word-break:break-word;white-space:pre-wrap}.message-bubble ul,.message-bubble ol{margin:6px 0 10px;padding-left:18px}.message-bubble li{margin:2px 0}.message-bubble li>ul,.message-bubble li>ol{margin-top:4px;margin-bottom:4px}.message-bubble li p{margin:0}.chat-messages{overflow-x:hidden}.input-box{display:flex;padding:15px;border-top:1px solid #e5e7eb;background:#fff}.input-box input{flex:1;padding:14px 16px;border-radius:999px;border:1px solid #d1d5db;outline:none;font-size:14px;font-weight:400;background:#f9fafb}.input-box input:focus{border-color:var(--chat-header-bg);background:#fff}.input-box button{margin-left:10px;padding:0 22px;border-radius:999px;border:none;background:var(--chat-header-bg);color:#fff;font-weight:500;cursor:pointer}.input-box button:hover{background:#1d4ed8}.message-group{display:flex;flex-direction:column;align-items:flex-start}.assistant-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;margin-left:4px}.assistant-avatar{width:35px;height:35px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.assistant-avatar img{width:100%;height:100%;object-fit:cover}.assistant-name{font-size:14px;color:#666;font-weight:500}.bubble-with-time{display:flex;flex-direction:column;width:fit-content}.message-row.user .bubble-with-time{align-items:flex-end}.message-row.assistant .bubble-with-time{align-items:flex-start}.message-time{font-size:11px;color:#9ca3af;padding:6px;-webkit-user-select:none;user-select:none}.time-row{display:flex;align-items:center;justify-content:space-between;width:100%}.input-area-wrapper{border-top:1px solid #e5e7eb;background:#fff}.input-box{display:flex;padding:15px 15px 8px}.input-disclaimer{text-align:center;font-size:11px;color:#9ca3af;padding:0 0 10px;-webkit-user-select:none;user-select:none}.chat-header{height:60px;padding:0 16px;border-bottom:1px solid #e5e7eb;background:var(--chat-header-bg);color:#fff;display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:flex;align-items:center;gap:10px}.chat-header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.chat-header-title{color:#fff}.chat-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:background .15s ease}.chat-close-btn:hover{background:#ffffff26}.chat-dim{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.chat-widget{position:fixed;right:24px;bottom:24px;z-index:1000}.message-bubble.typing{display:flex;align-items:center;gap:4px;min-height:24px}.message-bubble.typing span{width:6px;height:6px;border-radius:50%;background:#9ca3af;display:inline-block;animation:typing-bounce 1.2s infinite ease-in-out}.message-bubble.typing span:nth-child(2){animation-delay:.2s}.message-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.like-button,.dislike-button{border:0;background:none;border:none;cursor:pointer;color:#888;padding:6px 2px}.like-button:hover,.dislike-button:hover{color:#555}.like-button.active,.dislike-button.active{opacity:.5;cursor:default;color:#888;animation:like-pop .25s ease}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.related-questions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.related-question-btn{padding:6px 12px;font-size:13px;border-radius:16px;border:1px solid var(--chat-header-bg);background-color:#fff;color:var(--chat-header-bg);cursor:pointer;transition:all .2s;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;max-width:100%;animation:rq-item .35s ease-out both}.related-question-btn:nth-child(1){animation-delay:.1s}.related-question-btn:nth-child(2){animation-delay:.2s}.related-question-btn:nth-child(3){animation-delay:.3s}.related-question-btn:nth-child(4){animation-delay:.4s}@keyframes rq-item{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.related-question-btn:hover{background-color:var(--chat-header-bg);color:#fff}.feedback-buttons{display:flex;gap:4px}.feedback-item{position:relative}.feedback-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(4px);background:#111;color:#fff;font-size:13px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltip-fade 1.2s ease forwards}@keyframes tooltip-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}