/* HyprOnline Chatbot - isolated from the site theme, Arial only */
#hypr-cb-btn,#hypr-cb-tip,#hypr-cb-win,#hypr-cb-win *{font-family:Arial,Helvetica,sans-serif!important;box-sizing:border-box!important;text-transform:none!important;letter-spacing:normal!important;text-shadow:none!important;font-style:normal;}
#hypr-cb-btn{position:fixed!important;right:22px!important;bottom:70px!important;width:68px!important;height:68px!important;min-height:0!important;border-radius:50%!important;border:0!important;margin:0!important;padding:0!important;background:radial-gradient(circle at 30% 25%,#7b2dff,var(--hc,#4102A9) 70%)!important;cursor:pointer!important;z-index:999998!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(65,2,169,.55),0 0 0 0 rgba(123,45,255,.6)!important;animation:hcPulse 2.4s infinite;transition:transform .2s;outline:none}
#hypr-cb-btn:hover{transform:scale(1.08)}
#hypr-cb-btn svg{width:46px;height:46px;display:block;pointer-events:none}
@keyframes hcPulse{0%{box-shadow:0 8px 26px rgba(65,2,169,.55),0 0 0 0 rgba(123,45,255,.55)}70%{box-shadow:0 8px 26px rgba(65,2,169,.55),0 0 0 18px rgba(123,45,255,0)}100%{box-shadow:0 8px 26px rgba(65,2,169,.55),0 0 0 0 rgba(123,45,255,0)}}
.hc-eye{transition:transform .08s linear}
.hc-lid{transform-box:fill-box;transform-origin:center;animation:hcBlink 5s infinite}
@keyframes hcBlink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
.hc-ant{animation:hcAnt 1.6s ease-in-out infinite}
@keyframes hcAnt{0%,100%{opacity:1}50%{opacity:.25}}
#hypr-cb-tip{position:fixed!important;right:100px!important;bottom:84px!important;background:#fff!important;color:#222!important;font-size:13px!important;line-height:1.3!important;padding:9px 13px!important;border-radius:14px 14px 4px 14px!important;box-shadow:0 4px 18px rgba(0,0,0,.2)!important;z-index:999997!important;display:none;max-width:200px}
#hypr-cb-tip.show{display:block!important;animation:hcIn .3s}
@keyframes hcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#hypr-cb-win{position:fixed!important;right:22px!important;bottom:150px!important;width:380px!important;max-width:calc(100vw - 24px)!important;height:540px!important;max-height:calc(100vh - 170px)!important;background:#fff!important;border-radius:18px!important;box-shadow:0 14px 44px rgba(0,0,0,.28)!important;z-index:999999!important;display:none;flex-direction:column;overflow:hidden;font-size:14px!important;line-height:1.4!important;color:#222!important}
#hypr-cb-win.open{display:flex!important}
#hypr-cb-win .hc-head{background:linear-gradient(135deg,#6a1bff,var(--hc,#4102A9))!important;color:#fff!important;padding:14px 16px!important;display:flex;align-items:center;justify-content:space-between;margin:0!important}
#hypr-cb-win .hc-head b{font-size:16px!important;font-weight:bold!important;color:#fff!important;display:block}
#hypr-cb-win .hc-head small{display:block;opacity:.9;font-size:12px!important;color:#fff!important}
#hypr-cb-win .hc-x{background:none!important;border:0!important;color:#fff!important;font-size:26px!important;cursor:pointer;line-height:1!important;padding:0 4px!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:auto!important}
#hypr-cb-win .hc-body{flex:1;overflow-y:auto;padding:14px!important;background:#f6f4fb!important;margin:0!important}
#hypr-cb-win .hc-body:after{content:"";display:block;clear:both}
#hypr-cb-win .hc-m{max-width:85%;padding:10px 13px!important;border-radius:14px!important;margin:0 0 10px!important;line-height:1.45!important;white-space:pre-wrap;word-wrap:break-word;clear:both;font-size:14px!important;font-weight:normal!important}
#hypr-cb-win .hc-bot{background:#fff!important;color:#222!important;border-bottom-left-radius:4px!important;float:left;box-shadow:0 1px 3px rgba(0,0,0,.1)}
#hypr-cb-win .hc-usr{background:var(--hc,#4102A9)!important;color:#fff!important;border-bottom-right-radius:4px!important;float:right}
#hypr-cb-win .hc-opts{clear:both;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px!important}
#hypr-cb-win .hc-opt{background:#fff!important;color:var(--hc,#4102A9)!important;border:1px solid var(--hc,#4102A9)!important;border-radius:18px!important;padding:7px 13px!important;cursor:pointer;font-size:13px!important;font-weight:normal!important;margin:0!important;min-height:0!important;width:auto!important;box-shadow:none!important;line-height:1.3!important}
#hypr-cb-win .hc-opt:hover{background:var(--hc,#4102A9)!important;color:#fff!important}
#hypr-cb-win .hc-link{display:inline-block;margin:6px 6px 0 0!important;padding:8px 14px!important;border-radius:18px!important;background:var(--hc,#4102A9)!important;color:#fff!important;text-decoration:none!important;font-size:13px!important}
#hypr-cb-win .hc-foot{display:flex;gap:8px;padding:10px!important;border-top:1px solid #eee!important;background:#fff!important;margin:0!important}
#hypr-cb-win .hc-foot input{flex:1;border:1px solid #ddd!important;border-radius:20px!important;padding:10px 14px!important;font-size:14px!important;outline:none;min-width:0;background:#fff!important;color:#222!important;height:auto!important;margin:0!important;box-shadow:none!important}
#hypr-cb-win .hc-foot input:focus{border-color:var(--hc,#4102A9)!important}
#hypr-cb-win .hc-foot button{background:var(--hc,#4102A9)!important;color:#fff!important;border:0!important;border-radius:20px!important;padding:0 18px!important;cursor:pointer;font-size:14px!important;margin:0!important;min-height:0!important;width:auto!important;box-shadow:none!important}
@media(max-width:480px){
#hypr-cb-btn{width:54px!important;height:54px!important;right:14px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
#hypr-cb-btn svg{width:36px;height:36px}
#hypr-cb-tip{right:76px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;font-size:12px!important;max-width:170px}
#hypr-cb-win{right:10px!important;left:auto!important;width:min(320px,calc(100vw - 20px))!important;height:min(430px,calc(100vh - 220px))!important;max-height:none!important;bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;border-radius:16px!important}
#hypr-cb-win .hc-head{padding:10px 12px!important}
#hypr-cb-win .hc-head b{font-size:14px!important}
#hypr-cb-win .hc-body{padding:10px!important}
#hypr-cb-win .hc-m{font-size:13px!important;padding:8px 11px!important}
#hypr-cb-win .hc-opt{font-size:12px!important;padding:6px 11px!important}
#hypr-cb-win .hc-foot input{font-size:16px!important;padding:8px 12px!important}
}
