.blog-chatbot-root{position:fixed;inset:auto 20px 20px auto;z-index:999999;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.blog-chatbot-hidden{display:none!important}.blog-chatbot-toggle{width:56px;height:56px;border-radius:999px;border:none;background:var(--chatbot-primary,#22c55e);color:#fff;box-shadow:0 10px 25px rgb(15 23 42 / .35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.blog-chatbot-toggle:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgb(15 23 42 / .45)}.blog-chatbot-toggle-icon{width:26px;height:26px}.blog-chatbot-window{width:min(360px, 100vw - 24px);max-height:min(540px, 80vh);background:rgb(15 23 42 / .96);color:#e5e7eb;border-radius:18px;box-shadow:0 20px 50px rgb(15 23 42 / .7);display:flex;flex-direction:column;overflow:hidden;position:fixed;right:20px;bottom:88px;transform-origin:bottom right;transform:scale(.85);opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}.blog-chatbot-window.blog-chatbot-open{opacity:1;transform:scale(1);pointer-events:auto}.blog-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:radial-gradient(circle at top left,var(--chatbot-primary,#22c55e),#020617);border-bottom:1px solid rgb(148 163 184 / .15)}.blog-chatbot-header-left{display:flex;align-items:center;gap:8px}.blog-chatbot-avatar{width:32px;height:32px;border-radius:999px;background:rgb(15 23 42 / .2);display:flex;align-items:center;justify-content:center;color:#bbf7d0;font-size:18px}.blog-chatbot-title{display:flex;flex-direction:column}.blog-chatbot-title-main{font-size:14px;font-weight:600}.blog-chatbot-title-sub{font-size:11px;color:#e5f2ff}.blog-chatbot-header-actions{display:flex;align-items:center;gap:4px}.blog-chatbot-icon-button{width:26px;height:26px;border-radius:999px;border:none;background:rgb(15 23 42 / .4);color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,transform 0.15s ease}.blog-chatbot-icon-button:hover{background:rgb(148 163 184 / .5);transform:translateY(-1px)}.blog-chatbot-body{padding:10px 12px 8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scroll-behavior:smooth}.blog-chatbot-message-row{display:flex;gap:8px}.blog-chatbot-message-row.user{justify-content:flex-end}.blog-chatbot-message-bubble{max-width:82%;padding:8px 10px;border-radius:16px;font-size:13px;line-height:1.4}.blog-chatbot-message-bubble.bot{background:rgb(15 23 42 / .9);border:1px solid rgb(148 163 184 / .35)}.blog-chatbot-message-bubble.user{background:var(--chatbot-primary-soft,rgb(34 197 94 / .15));border:1px solid var(--chatbot-primary,#22c55e)}.blog-chatbot-message-meta{font-size:10px;color:#9ca3af;margin-top:2px}.blog-chatbot-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.blog-chatbot-suggestion{padding:6px 9px;border-radius:999px;border:1px solid rgb(148 163 184 / .35);background:rgb(15 23 42 / .7);font-size:11px;color:#e5e7eb;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease;white-space:nowrap}.blog-chatbot-suggestion:hover{background:var(--chatbot-primary,#22c55e);border-color:#fff0}.blog-chatbot-result-card{border-radius:12px;border:1px solid rgb(148 163 184 / .35);background:rgb(15 23 42 / .85);padding:8px 9px;margin-top:5px}.blog-chatbot-result-title{font-size:12px;font-weight:600;color:#e5e7eb;margin-bottom:4px}.blog-chatbot-result-excerpt{font-size:11px;color:#9ca3af;margin-bottom:6px}.blog-chatbot-result-link{font-size:11px;color:#bbf7d0;text-decoration:none}.blog-chatbot-result-link:hover{text-decoration:underline}.blog-chatbot-booking-wrap{margin-top:4px}.blog-chatbot-booking-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.blog-chatbot-booking-form input,.blog-chatbot-booking-form textarea{border-radius:8px;border:1px solid rgb(148 163 184 / .5);background:rgb(15 23 42 / .75);color:#e5e7eb;padding:8px;font-size:12px}.blog-chatbot-booking-form input::placeholder,.blog-chatbot-booking-form textarea::placeholder{color:#94a3b8}.blog-chatbot-booking-submit{border:none;border-radius:8px;background:var(--chatbot-primary,#22c55e);color:#052e16;font-weight:600;font-size:12px;cursor:pointer;padding:8px}.blog-chatbot-booking-submit:disabled{opacity:.75;cursor:default}.blog-chatbot-booking-note{font-size:11px;color:#9ca3af;margin-top:6px}.blog-chatbot-typing{display:inline-flex;gap:4px;align-items:center}.blog-chatbot-dot{width:4px;height:4px;border-radius:999px;background:#9ca3af;animation:blogChatbotBounce 1s infinite ease-in-out}.blog-chatbot-dot:nth-child(2){animation-delay:0.2s}.blog-chatbot-dot:nth-child(3){animation-delay:0.4s}@keyframes blogChatbotBounce{0%,80%,100%{transform:translateY(0);opacity:.6}40%{transform:translateY(-3px);opacity:1}}.blog-chatbot-footer{padding:8px 10px 10px;border-top:1px solid rgb(148 163 184 / .25);background:radial-gradient(circle at top,rgb(34 197 94 / .16),#020617);display:flex;flex-direction:column;gap:6px}.blog-chatbot-input-wrapper{display:flex;align-items:center;gap:6px;background:rgb(15 23 42 / .85);border-radius:999px;padding:6px 8px;border:1px solid rgb(148 163 184 / .4)}.blog-chatbot-input{flex:1;background:#fff0;border:none;outline:none;color:#e5e7eb;font-size:13px}.blog-chatbot-input::placeholder{color:#6b7280}.blog-chatbot-send-btn{width:28px;height:28px;border-radius:999px;border:none;background:var(--chatbot-primary,#22c55e);color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;box-shadow:0 6px 14px rgb(22 163 74 / .45)}.blog-chatbot-send-btn:hover{background:#16a34a;transform:translateY(-1px)}.blog-chatbot-send-btn:disabled{background:#4b5563;box-shadow:none;cursor:default;transform:none}.blog-chatbot-footer-hint{font-size:10px;color:#6b7280;display:flex;justify-content:space-between}.blog-chatbot-suggest-dropdown{position:absolute;bottom:52px;left:14px;right:14px;background:#020617;border-radius:12px;border:1px solid rgb(148 163 184 / .5);box-shadow:0 16px 40px rgb(15 23 42 / .8);max-height:150px;overflow-y:auto;padding:4px;font-size:12px;z-index:10}.blog-chatbot-suggest-item{padding:6px 8px;border-radius:8px;cursor:pointer;color:#e5e7eb}.blog-chatbot-suggest-item:hover{background:rgb(34 197 94 / .5)}@media (max-width:480px){.blog-chatbot-window{right:12px;bottom:80px;width:calc(100vw - 24px);max-height:70vh}.blog-chatbot-root{inset:auto 12px 16px auto}}