#hmong-root{--hm-green:#3f8f55;--hm-ink:#182019;--hm-sub:#727b74;--hm-line:rgba(54,82,61,.11);--hm-glass:rgba(255,255,255,.88);--hm-shadow:0 18px 50px rgba(23,45,29,.14);--hm-vvh:100dvh;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hm-ink)}
#hmong-root *{box-sizing:border-box}
#hmong-root .hmong-launcher-wrap{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2147483000;display:flex;flex-direction:column;align-items:flex-end;gap:7px;transition:opacity .18s ease,transform .18s ease}
#hmong-root.hmong-scrolling:not(.hmong-open) .hmong-launcher-wrap{opacity:0;transform:translateY(8px);pointer-events:none}
#hmong-root.hmong-site-ui-open .hmong-launcher-wrap,#hmong-root.hmong-site-ui-open .hmong-popover{opacity:0!important;pointer-events:none!important}
#hmong-root .hmong-nudge{max-width:170px;padding:7px 10px;border-radius:15px 15px 4px 15px;background:rgba(255,255,255,.9);border:1px solid rgba(68,95,74,.08);box-shadow:0 9px 26px rgba(24,51,31,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:11px;line-height:1.35;color:#526057;animation:hmongNudgeIn .28s ease both}
#hmong-root .hmong-launcher{width:112px;height:112px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0;cursor:pointer;overflow:visible}
#hmong-root .hmong-launcher img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0!important;filter:drop-shadow(0 7px 9px rgba(35,61,39,.15));animation:hmongFloat 3.8s ease-in-out infinite;-webkit-user-drag:none}
#hmong-root .hmong-launcher:hover img{animation:hmongWave .68s ease-in-out}
#hmong-root .hmong-launcher:focus-visible{outline:3px solid rgba(63,143,85,.22);outline-offset:4px;border-radius:18px!important}

#hmong-root .hmong-popover{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:136px;width:min(326px,calc(100vw - 24px));z-index:2147482999;padding:0;background:var(--hm-glass);border:1px solid rgba(70,97,76,.10);border-radius:22px 22px 6px 22px;box-shadow:var(--hm-shadow);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);opacity:0;transform:translateY(10px) scale(.975);transform-origin:bottom right;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
#hmong-root .hmong-popover:after{content:"";position:absolute;right:28px;bottom:-8px;width:16px;height:16px;background:rgba(255,255,255,.88);border-right:1px solid rgba(70,97,76,.08);border-bottom:1px solid rgba(70,97,76,.08);transform:rotate(45deg);border-radius:0 0 3px 0;backdrop-filter:blur(20px)}
#hmong-root .hmong-popover.open{opacity:1;transform:none;pointer-events:auto}
#hmong-root .hmong-close{position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;border:0;background:transparent;border-radius:9px;color:#7a837c;font-size:18px;line-height:1;cursor:pointer}
#hmong-root .hmong-close:hover{background:rgba(63,143,85,.07);color:#435046}
#hmong-root .hmong-core{padding:17px 42px 0 16px}
#hmong-root .hmong-intro{margin:0;font-size:16px;font-weight:800;letter-spacing:-.025em;color:#1e2921}
#hmong-root .hmong-quote{display:flex;align-items:flex-start;gap:7px;padding:7px 0 0;color:#6e786f}
#hmong-root .hmong-quote i{font-style:normal;font-size:12px;line-height:1.45;opacity:.9}
#hmong-root .hmong-quote p{margin:0;font-size:11px;line-height:1.45;color:#6e786f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hmong-root .hmong-quick{display:flex;flex-wrap:wrap;gap:0;padding:13px 12px 7px}
#hmong-root .hmong-chip{position:relative;border:0;background:transparent;color:#4f5c52;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer;border-radius:8px}
#hmong-root .hmong-chip:hover{background:rgba(63,143,85,.07);color:#2f7040}
#hmong-root .hmong-chip:not(:last-child):after{content:"";position:absolute;right:-1px;top:9px;width:1px;height:10px;background:rgba(68,91,72,.11)}
#hmong-root .hmong-thread{display:none;max-height:250px;overflow:auto;padding:4px 12px 5px;border-top:1px solid rgba(67,92,72,.07);overscroll-behavior:contain}
#hmong-root .hmong-popover.has-chat .hmong-thread{display:block}
#hmong-root .hmong-popover.has-chat .hmong-core{padding-top:14px}
#hmong-root .hmong-msg{display:flex;gap:6px;margin:8px 0;align-items:flex-end}
#hmong-root .hmong-msg.user{justify-content:flex-end}
#hmong-root .hmong-mini{width:24px;height:24px;flex:0 0 auto}
#hmong-root .hmong-mini img{width:100%;height:100%;object-fit:contain}
#hmong-root .hmong-bubble{max-width:84%;padding:8px 10px;border-radius:13px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
#hmong-root .hmong-msg.bot .hmong-bubble{background:rgba(236,245,236,.92);border-bottom-left-radius:4px}
#hmong-root .hmong-msg.user .hmong-bubble{background:#3f8f55;color:#fff;border-bottom-right-radius:4px}
#hmong-root .hmong-bubble a{color:#2f7040;font-weight:800;text-decoration:none}
#hmong-root .hmong-action{display:inline-flex;margin-top:6px;background:#fff;border:1px solid rgba(63,143,85,.22);padding:6px 9px;border-radius:8px;color:#2f7040!important;font-weight:800;text-decoration:none}
#hmong-root .hmong-typing{display:none;align-items:center;gap:4px;margin:7px 0 8px 30px}
#hmong-root .hmong-typing.show{display:flex}
#hmong-root .hmong-typing span{width:5px;height:5px;border-radius:50%;background:#9bb7a0;animation:hmongTyping 1s infinite ease-in-out}
#hmong-root .hmong-typing span:nth-child(2){animation-delay:.12s}#hmong-root .hmong-typing span:nth-child(3){animation-delay:.24s}
#hmong-root .hmong-foot{padding:7px 9px 10px;border-top:1px solid rgba(67,92,72,.07)}
#hmong-root .hmong-input-wrap{display:flex;align-items:center;gap:5px;padding:3px 3px 3px 10px;background:rgba(248,250,248,.94);border:1px solid rgba(68,94,73,.10);border-radius:12px}
#hmong-root .hmong-input{flex:1;resize:none;border:0!important;outline:0!important;min-height:32px;max-height:74px;padding:7px 0;background:transparent!important;box-shadow:none!important;font:inherit;font-size:12px;color:#253027}
#hmong-root .hmong-input::placeholder{color:#9aa29c}
#hmong-root .hmong-send{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:9px;background:#3f8f55;color:#fff;font-size:15px;cursor:pointer;box-shadow:0 4px 12px rgba(63,143,85,.18)}
@keyframes hmongFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes hmongWave{0%{transform:rotate(0)}25%{transform:rotate(-7deg) translateY(-2px)}50%{transform:rotate(6deg) translateY(-4px)}75%{transform:rotate(-4deg) translateY(-2px)}100%{transform:rotate(0)}}
@keyframes hmongTyping{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-2px);opacity:1}}
@keyframes hmongNudgeIn{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:720px){
  #hmong-root .hmong-launcher-wrap{right:12px;bottom:calc(88px + env(safe-area-inset-bottom))}
  #hmong-root .hmong-launcher{width:72px;height:72px}
  #hmong-root .hmong-nudge{display:none}
  #hmong-root .hmong-popover{left:auto;right:12px;bottom:calc(166px + env(safe-area-inset-bottom));width:min(304px,calc(100vw - 24px));border-radius:20px 20px 6px 20px}
  #hmong-root .hmong-popover:after{right:22px}
  #hmong-root .hmong-core{padding:15px 38px 0 14px}
  #hmong-root .hmong-intro{font-size:15px}
  #hmong-root .hmong-quick{padding:11px 10px 6px}
  #hmong-root .hmong-chip{font-size:10.5px;padding:5px 7px}
  #hmong-root .hmong-thread{max-height:175px;padding-left:10px;padding-right:10px}
  #hmong-root .hmong-foot{padding:7px 8px 8px}
  #hmong-root.hmong-keyboard .hmong-launcher-wrap{display:none}
  #hmong-root.hmong-keyboard .hmong-popover.open{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(var(--hm-vvh) - 16px);border-radius:18px}
  #hmong-root.hmong-keyboard .hmong-popover.open:after{display:none}
  #hmong-root.hmong-keyboard .hmong-thread{max-height:min(170px,calc(var(--hm-vvh) - 205px))}
}
@media(max-width:390px){
  #hmong-root .hmong-launcher-wrap{bottom:calc(86px + env(safe-area-inset-bottom))}
  #hmong-root .hmong-launcher{width:68px;height:68px}
  #hmong-root .hmong-popover{right:8px;bottom:calc(158px + env(safe-area-inset-bottom));width:min(296px,calc(100vw - 16px))}
}
@media(prefers-reduced-motion:reduce){#hmong-root *,#hmong-root *::before,#hmong-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}