/* Hidden social recording controls. Nothing is rendered unless demo mode is active. */
body.bb-demo-active{padding-bottom:max(110px,env(safe-area-inset-bottom))}
.bb-demo-cursor{position:fixed;z-index:10020;left:0;top:0;width:26px;height:34px;pointer-events:none;transform:translate3d(-60px,-60px,0);transition:transform .62s cubic-bezier(.22,.8,.28,1);filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}
.bb-demo-cursor svg{display:block;width:100%;height:100%}.bb-demo-cursor.is-clicking{animation:bbDemoTap .42s ease}
.bb-demo-pulse{position:fixed;z-index:10019;width:18px;height:18px;border:2px solid #f0b43c;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4)}
.bb-demo-pulse.is-active{animation:bbDemoPulse .55s ease-out}
.bb-demo-target{position:relative;z-index:1;outline:3px solid rgba(240,180,60,.8)!important;outline-offset:5px;box-shadow:0 0 0 9px rgba(240,180,60,.13)!important;transition:outline-color .2s,box-shadow .2s}
.bb-demo-active .next-result{animation:bbDemoReveal .55s cubic-bezier(.2,.8,.25,1)}
.bb-demo-active .bb-demo-premium-card{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);gap:18px;align-items:stretch;padding:14px}.bb-demo-result-food{margin:0;overflow:hidden;border-radius:15px;background:#092e22;animation:bbDemoReveal .65s .08s both}.bb-demo-result-food figure{width:100%!important;max-width:none!important;height:100%;min-height:245px;aspect-ratio:auto!important;margin:0}.bb-demo-result-food .bb-food-image{width:100%!important;max-width:none!important;height:100%!important;object-fit:cover;display:block}.bb-demo-result-food figcaption{padding:6px 10px;color:#dcebdd;background:#092e22;font-size:10px}.bb-demo-meal-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.bb-demo-active .bb-demo-meal-copy h2{font-size:clamp(20px,3.2vw,29px);margin-bottom:4px}.bb-demo-active .bb-demo-meal-copy h3{margin-top:7px;font-size:11px}.bb-demo-active .bb-demo-meal-copy p:not(.bb-eyebrow){font-size:12px;line-height:1.42}.bb-demo-sip-reason{margin:5px 0 0;color:#dcebdd;font-size:12px;line-height:1.4}.bb-demo-active .next-sip{grid-template-columns:minmax(0,1fr) 145px;padding:14px 18px;min-height:150px}.bb-demo-active .next-sip figure{max-width:none!important}.bb-demo-active .next-sip .bb-food-image{width:100%!important;max-width:none!important;height:100%!important;object-fit:cover}.bb-demo-final-hold .bb-demo-controller,.bb-demo-final-hold .bb-demo-caption{opacity:0;pointer-events:none}
.bb-demo-caption{position:fixed;z-index:10010;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 92px));width:min(86vw,520px);transform:translateX(-50%);padding:13px 18px;border:1px solid rgba(240,180,60,.65);border-radius:14px;background:rgba(5,39,29,.94);color:#fff;text-align:center;font:700 clamp(15px,2.2vw,19px)/1.35 Poppins,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.22);pointer-events:none;opacity:0;transition:opacity .22s,transform .22s}
.bb-demo-caption.is-visible{opacity:1;transform:translate(-50%,-5px)}
.bb-demo-controller{position:fixed;z-index:10030;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(240,180,60,.55);border-radius:13px;background:rgba(5,39,29,.96);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.bb-demo-controller button{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#fff;background:transparent;font:700 10px/1 Poppins,sans-serif;letter-spacing:.06em}.bb-demo-controller button:hover,.bb-demo-controller button:focus{background:#176747;outline:2px solid #f0b43c;outline-offset:1px}.bb-demo-controller .bb-demo-play{color:#ffd06e}
@keyframes bbDemoTap{50%{transform:scale(.8)}}
@keyframes bbDemoPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
@keyframes bbDemoReveal{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:500px){body.bb-demo-active{padding-bottom:88px}.bb-demo-controller{left:50%;right:auto;transform:translateX(-50%);width:max-content}.bb-demo-controller button{padding:0 8px}.bb-demo-caption{bottom:76px;width:calc(100vw - 28px);font-size:15px}.bb-demo-active .bb-demo-premium-card{grid-template-columns:42% 58%;gap:10px;padding:10px}.bb-demo-result-food figure{min-height:260px}.bb-demo-active .bb-demo-meal-copy h2{font-size:18px}.bb-demo-active .bb-demo-meal-copy h3{font-size:9px;margin-top:4px}.bb-demo-active .bb-demo-meal-copy p:not(.bb-eyebrow){font-size:10px;line-height:1.32}.bb-demo-active .next-sip{grid-template-columns:1fr 120px;gap:10px;min-height:130px}.bb-demo-active .next-sip figure{max-width:none;width:120px}.bb-demo-active .next-sip h2{font-size:20px}}
@media(min-aspect-ratio:8/15) and (max-width:700px){.bb-demo-caption{bottom:96px}.balanced-next{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.bb-demo-cursor{transition-duration:.15s}.bb-demo-cursor.is-clicking,.bb-demo-pulse.is-active{animation-duration:.2s}}
.bb-demo-playing .bb-demo-controller,.bb-demo-final-hold .bb-demo-controller,.bb-demo-final-hold .bb-demo-caption{opacity:0;pointer-events:none;visibility:hidden}
