/* Haven cloud bubble: soft white cloud, puffy bumps, subtle gold edge, puff tail toward Haven. Dark readable text. */
.bh-cloud{position:fixed!important;z-index:65;max-width:min(270px,calc(100vw - 32px));padding:16px 18px 14px;background:#fff;color:#1f2a44;font:500 16px/1.45 'BH Sans',Lexend,system-ui,sans-serif;border-radius:44% 48% 42% 46% / 52% 50% 48% 50%;border:1.5px solid #e2c67a;box-shadow:0 10px 28px -14px #1d255066,0 0 0 4px #fffaf0;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s ease,transform .45s ease;pointer-events:auto}
.bh-cloud.on{opacity:1;transform:none}
.bh-cloud::before,.bh-cloud::after{content:"";position:absolute;background:#fff;border:1.5px solid #e2c67a;border-bottom-color:transparent;border-right-color:transparent;border-radius:50%;z-index:-1}
.bh-cloud::before{width:56px;height:56px;top:-20px;left:22%;transform:rotate(45deg)}
.bh-cloud::after{width:44px;height:44px;top:-14px;left:52%;transform:rotate(45deg)}
.bh-cloud p{margin:0;position:relative}
.bh-cloud .puff{position:absolute;background:#fff;border:1.5px solid #e2c67a;border-radius:50%}
.bh-cloud .p1{width:16px;height:16px;right:30px;bottom:-20px}.bh-cloud .p2{width:9px;height:9px;right:16px;bottom:-34px}
.bh-cloud.left .p1{right:-18px;bottom:24px}.bh-cloud.left .p2{right:-32px;bottom:14px}
.bh-cloud .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}
.bh-cloud button{font:600 14px/1 'BH Sans',system-ui,sans-serif;background:none;border:0;color:#2f4a72;text-decoration:underline;min-height:32px;padding:4px 6px;cursor:pointer}
.bh-cloud button:focus-visible{outline:3px solid #c99a2e;outline-offset:2px;border-radius:8px}
.bh-cloud .x{font-size:22px;text-decoration:none;line-height:1}
.bh-hq{margin-left:10px;font:600 14px 'BH Sans',system-ui,sans-serif;background:#fffdf8;border:1px solid #e2c67a;color:#2f4a72;border-radius:999px;padding:8px 12px;min-height:36px}
@media (prefers-reduced-motion:reduce){.bh-cloud{transition:none;transform:none}}
.bh-calm .bh-cloud{transition:none;transform:none}
.bh-hq-float{position:fixed!important;left:12px;bottom:12px;z-index:9}
.bh-cloud{padding:14px 16px 10px}.bh-cloud::before{width:46px;height:46px;top:-16px}.bh-cloud::after{width:36px;height:36px;top:-11px}
/* v0.6.3: old "Next step" cue chip retired (cloud bubbles + gold next-step buttons replace it) */
#cue,#bh-peek{display:none!important}
/* v0.6.6 (Audra): Haven smaller, always inside the screen, corner, minimize; cloud text fits; stars stay behind content */
#helper{right:10px!important;bottom:10px!important;max-width:calc(100vw - 20px)}
#helper>button,#hbtn{width:76px;height:62px}
#haven{width:76px;height:60px;animation:hglow 3.6s ease-in-out infinite!important}
#hbtn:before,#hbtn:after{display:none!important}
#hpanel{bottom:70px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow:auto}
#helper.pbelow #hpanel{top:70px}
.bh-hmin{position:absolute;top:-6px;left:-6px;width:24px;height:24px;border-radius:50%;border:1px solid #e2c67a;background:#fffdf8;color:#2f4a72;font:700 15px/1 'BH Sans',system-ui,sans-serif;padding:0;cursor:pointer;z-index:2}
.bh-hmin:focus-visible{outline:3px solid #c99a2e;outline-offset:2px}
#helper.min>#hbtn,#helper.min>#hpanel{display:none!important}
#helper.min .bh-hmin{position:static;width:auto;height:34px;border-radius:999px;padding:0 12px;font-size:14px}
.bh-cloud{max-width:min(220px,calc(100vw - 24px));padding:12px 16px 8px!important;font:500 14px/1.35 'BH Sans',Lexend,system-ui,sans-serif;border-radius:28px 32px 26px 30px;overflow-wrap:anywhere;word-break:normal;hyphens:auto;overflow:hidden;box-sizing:border-box;transform:none!important;transition:opacity .35s ease}
.bh-cloud::before,.bh-cloud::after{display:none}
.bh-cloud{box-shadow:0 8px 22px -14px #1d255066,0 0 0 3px #fffaf0,-10px -8px 0 -4px #fff,-10px -8px 0 -2.5px #e2c67a,14px -9px 0 -5px #fff,14px -9px 0 -3.5px #e2c67a}
.bh-cloud .puff{display:none}
.bh-cloud p{overflow-wrap:anywhere}
.bh-cloud .row{margin-top:4px;flex-wrap:wrap}
.bh-cloud button{font-size:13px;min-height:28px;padding:2px 4px}
.bh-cloud .x{font-size:20px}
#bh-stars,#bh-twinkle,#bh-shoot,#bh-rays,#bh-sky{z-index:0!important;pointer-events:none!important}
body>*:not(#bh-sky):not(#bh-stars):not(#bh-twinkle):not(#bh-shoot):not(#bh-rays):not(#helper):not(.bh-cloud){position:relative;z-index:1}
#helper>button.bh-hmin{width:24px;height:24px;border-radius:50%;filter:none;background:#fffdf8;cursor:pointer;touch-action:auto}
#helper.min>button.bh-hmin{width:auto;height:34px;border-radius:999px}
@media (max-width:480px){#helper>button#hbtn{width:58px;height:48px}#haven{width:58px;height:46px}#helper{right:8px!important;bottom:8px!important}#hpanel{bottom:56px}body{padding-bottom:64px}}
/* v0.7.6.23.8.35-haven-btn-r2 (Audra 5:40 PM ET Oct 31: "Put it under haven and small"): phones only (<=480px). Site Editor CSS scales #helper to 75%.
   Haven button 64x59 before scaling = 48x44 on screen (r1 size). Haven sits 16px from the right and 58px up; the Quiet Haven pill sits centered
   right under it: 66px wide, 44px tap area (transparent), small visible pill (11px text, may wrap to 2 lines in ES). Above the cookie bar the pair
   moves up together. Text, ES strings and desktop unchanged. */
@media (max-width:480px){
html body #helper>button#hbtn{width:64px;height:59px}html body #helper #haven{width:64px;height:51px}
html body #helper{right:calc(max(10px,env(safe-area-inset-right)) + 6px)!important;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 48px)!important}
html body.bh-mpxb-open #helper{bottom:calc(var(--bh-ck-h,220px) + 60px)!important}
html body .bh-hq.bh-hq-float{left:auto!important;right:calc(max(10px,env(safe-area-inset-right)) - 3px)!important;bottom:max(6px,env(safe-area-inset-bottom))!important;margin:0;width:66px;min-width:44px;min-height:44px;height:44px;padding:0 5px;font-size:11px;line-height:1.05;text-align:center;white-space:normal;background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate}
html body .bh-hq.bh-hq-float::before{content:'';position:absolute;left:0;right:0;top:7px;bottom:7px;z-index:-1;background:#fffdf8;border:1px solid #e2c67a;border-radius:999px;box-shadow:0 2px 6px -4px #2f4a6d55}
html body.bh-mpxb-open .bh-hq.bh-hq-float{bottom:calc(var(--bh-ck-h,220px) + 8px)!important}
}