/* Noticeable movement kept inside the illustrated windows and real light sources. */
.life-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.scene:not([data-chapter="home"]):not([data-chapter="demo"]) .life-layer{visibility:hidden}
.window-life{position:absolute;inset:0;clip-path:ellipse(34% 24% at 51% 34%)}
[data-room="bedroom"] .window-life{clip-path:ellipse(23% 15% at 50% 28%)}
[data-room="kitchen"] .window-life{clip-path:ellipse(24% 16% at 50% 37%)}
[data-room="bathroom"] .window-life{clip-path:ellipse(25% 17% at 50% 36%)}
[data-room="workshop"] .window-life{clip-path:polygon(26% 26%,35% 22%,49% 21%,63% 23%,74% 29%,75% 42%,67% 48%,66% 38%,34% 38%,34% 48%,26% 44%,24% 35%)}
.cloud-bank{position:absolute;width:48%;height:11%;left:18%;top:39%;opacity:.62;background:radial-gradient(ellipse at 15% 55%,#fffdfd80,transparent 46%),radial-gradient(ellipse at 50% 37%,#f9fdff9c,transparent 55%),radial-gradient(ellipse at 85% 60%,#fff6fca3,transparent 47%);filter:blur(2px);animation:cloud-sail 13s ease-in-out infinite alternate}
.cloud-two{width:37%;height:9%;left:42%;top:25%;opacity:.4;animation-duration:19s;animation-delay:-6s}
[data-room="bedroom"] .cloud-bank{top:33%;opacity:.36}[data-room="bedroom"] .cloud-two{top:19%}
[data-room="kitchen"] .cloud-bank,[data-room="bathroom"] .cloud-bank{top:43%}
[data-room="kitchen"] .cloud-two,[data-room="bathroom"] .cloud-two{top:29%}
[data-room="workshop"] .cloud-bank{top:29%}
.sky-glimmer{position:absolute;left:40%;top:28%;color:#fff1c8;font-size:15px;text-shadow:0 0 9px #fff8d5;animation:sky-twinkle 4s ease-in-out infinite}
.glimmer-two{left:65%;top:38%;font-size:10px;animation-delay:-2s}
.shooting-star{position:absolute;width:17%;height:2px;left:33%;top:25%;border-radius:50%;background:linear-gradient(90deg,transparent,#edfaff);transform:rotate(-25deg);animation:sky-wish 16s ease-out infinite}
.room-sunbeam{position:absolute;left:20%;top:54%;width:60%;height:39%;background:linear-gradient(120deg,transparent 20%,#fff1bf42 43%,#c7f3ff25 49%,transparent 70%);clip-path:polygon(24% 0,49% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:sun-breathe 6s ease-in-out infinite alternate}
.room-warm-glow,.room-blue-glow{position:absolute;left:3%;top:41%;width:23%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#ffe0a950,transparent 68%);mix-blend-mode:screen;animation:lamp-soul 3.8s ease-in-out infinite alternate}
.room-blue-glow{left:77%;top:38%;background:radial-gradient(ellipse,#a2edff55,transparent 68%);animation-delay:-2s}
[data-room="bedroom"] .room-warm-glow{left:0;top:38%}[data-room="bedroom"] .room-blue-glow{left:68%;top:25%}
[data-room="bedroom"] .room-sunbeam{opacity:.3;background:linear-gradient(115deg,transparent,#bad9ff4a,transparent)}
.room-mote{position:absolute;left:16%;top:63%;width:4px;height:4px;border-radius:50%;background:#fff6d2;box-shadow:0 0 8px #e7fbff;animation:room-float 7s ease-in-out infinite}
.mote-two{left:79%;top:60%;animation-delay:-2s}.mote-three{left:60%;top:80%;width:3px;height:3px;animation-delay:-4s}
.kitchen-aroma,.bath-warm-steam{display:none;position:absolute;left:16%;top:52%;width:10%;height:11%}
.kitchen-aroma i,.bath-warm-steam i,.meal-steam i{position:absolute;left:20%;bottom:0;width:30%;height:80%;border-left:2px solid #fff7ebac;border-radius:50%;filter:blur(.5px);animation:aroma-rise 3.6s ease-out infinite}
.kitchen-aroma i:nth-child(2),.bath-warm-steam i:nth-child(2),.meal-steam i:nth-child(2){left:49%;animation-delay:-1.2s}.kitchen-aroma i:nth-child(3),.bath-warm-steam i:nth-child(3),.meal-steam i:nth-child(3){left:70%;animation-delay:-2.4s}
[data-room="kitchen"] .kitchen-aroma{display:block}
.bath-calm-water{display:none;position:absolute;left:18%;top:58%;width:64%;height:10%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 12px,#d9ffff70 13px 15px,transparent 17px 27px);mix-blend-mode:screen;animation:water-sway 4.5s ease-in-out infinite alternate}
[data-room="bathroom"] .bath-calm-water,[data-room="bathroom"] .bath-warm-steam{display:block}
.bath-warm-steam{left:37%;top:48%;width:29%;height:15%;opacity:.7}
.tap-glint{display:none;position:absolute;left:74%;top:51%;height:10%;width:1%;background:linear-gradient(transparent,#e9ffffc9,transparent);animation:tap-flow 1.6s ease-in-out infinite}
[data-room="bathroom"] .tap-glint{display:block}
.workshop-led{display:none;position:absolute;left:37%;top:44%;width:26%;height:10%;border-radius:12px;box-shadow:0 0 17px #6fe6ff96,inset 0 0 10px #b6edff55;animation:lamp-soul 3s ease-in-out infinite alternate}
[data-room="workshop"] .workshop-led{display:block}
@keyframes cloud-sail{from{transform:translate(-16%,3px)}to{transform:translate(22%,-5px)}}
@keyframes sky-twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes sky-wish{0%,68%,100%{opacity:0;translate:-30px 20px}72%{opacity:.9}82%{opacity:0;translate:110px -45px}}
@keyframes sun-breathe{from{opacity:.3;transform:translateX(-7px)}to{opacity:.85;transform:translateX(9px)}}
@keyframes lamp-soul{from{opacity:.4;scale:.92}to{opacity:1;scale:1.1}}
@keyframes room-float{0%,100%{opacity:0;translate:0 8px}35%,65%{opacity:.85}70%{translate:12px -22px}}
@keyframes aroma-rise{from{opacity:0;transform:translateY(8px) scale(.8)}40%{opacity:.75}to{opacity:0;transform:translateY(-18px) scale(1.3)}}
@keyframes water-sway{from{transform:scaleX(.92) translateX(-4px);opacity:.45}to{transform:scaleX(1.06) translateX(5px);opacity:.8}}
@keyframes tap-flow{from{opacity:.3;transform:translateY(-3px)}50%{opacity:.9}to{opacity:.3;transform:translateY(3px)}}

/* Small habits affect the established character, never replace it. */
.personality-effects{position:absolute;inset:0;pointer-events:none}
.friend-heart,.curious-spark,.dry-drop{position:absolute;opacity:0;pointer-events:none}
.friend-heart{left:74%;top:28%;font-size:30px;color:#ffe6fa;text-shadow:0 0 10px #ff9fe2}
.curious-spark{left:77%;top:26%;font-size:26px;color:#fff2b0}
.dry-drop{left:20%;top:45%;width:8px;height:12px;border-radius:60% 50% 60% 50%;background:#b7f2ff}.dry-two{left:75%;top:39%}.dry-three{left:83%;top:52%}
[data-habit="wave"] .breath{animation:friend-wave 2s ease-in-out both}
[data-habit="curious"] .breath{animation:curious-look 2s ease-in-out both}
[data-habit="stretch"] .breath{animation:happy-stretch 2s ease-in-out both}
[data-habit="yawn"] .breath{animation:sleepy-yawn 2s ease-in-out both}
[data-habit="dry"] .breath{animation:shake-dry 1.5s ease-in-out both}
[data-habit="celebrate"] .breath{animation:tiny-celebration 1.7s ease-in-out both}
[data-habit="wave"] .friend-heart,[data-habit="celebrate"] .friend-heart{animation:friend-heart 2s ease-out both}
[data-habit="curious"] .curious-spark{animation:friend-heart 2s ease-out both}
[data-habit="dry"] .dry-drop{animation:dry-spray 1.5s ease-out both}
[data-habit="dry"] .dry-two{animation-delay:.13s}[data-habit="dry"] .dry-three{animation-delay:.26s}
@keyframes friend-wave{0%,100%{transform:none}25%{transform:rotate(-7deg) translateY(-3px)}50%{transform:rotate(5deg) translateY(-5px)}75%{transform:rotate(-3deg)}}
@keyframes curious-look{0%,100%{transform:none}30%,65%{transform:rotate(6deg) translate(4px,-2px)}}
@keyframes happy-stretch{0%,100%{transform:none}45%,65%{transform:scale(.96,1.08) translateY(-5px)}}
@keyframes sleepy-yawn{0%,100%{transform:none}40%,65%{transform:rotate(-4deg) scale(1.03,.95) translateY(3px)}}
@keyframes shake-dry{0%,100%{transform:none}15%,45%{transform:rotate(-5deg)}30%,60%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}
@keyframes tiny-celebration{0%,100%{transform:none}25%,65%{transform:translateY(-10px) rotate(-4deg)}45%,80%{transform:translateY(-2px) rotate(4deg)}}
@keyframes friend-heart{0%{opacity:0;transform:translateY(5px) scale(.4)}30%,65%{opacity:1}100%{opacity:0;transform:translateY(-26px) scale(1.1)}}
@keyframes dry-spray{0%,15%{opacity:0;transform:translate(0,0) scale(.7)}40%{opacity:1}to{opacity:0;transform:translate(-20px,-30px) scale(.25)}}

/* Five food stories: readable silhouettes, successive bites and face-sized effects. */
.scene.is-feeding .berry{width:39px;height:47px;z-index:8;display:block;animation:meal-to-mouth 6s ease-in-out both;font-size:32px}
.scene.is-feeding .berry img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.scene.is-feeding .food-whole{animation:meal-whole 6s linear both}
.scene.is-feeding .food-nibbled{animation:meal-second 6s linear both;mask-image:radial-gradient(circle at 90% 22%,transparent 0 25%,#000 27%)}
.food-last-bite{opacity:0;mask-image:radial-gradient(ellipse at 90% 20%,transparent 0 43%,#000 45%)}
.scene.is-feeding .food-last-bite{animation:meal-last 6s linear both}
[data-food="soup"].is-feeding .berry{width:53px;height:42px;animation:soup-to-mouth 6s ease-in-out both}
[data-food="cake"].is-feeding .berry{width:45px;height:54px}
.taste-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.taste-cheek{opacity:0}.taste-mouth>*{opacity:0}
.scene.is-feeding .taste-cheek{animation:cheek-yummy 6s ease-in-out both}
[data-food="strawberry"].is-feeding .taste-tongue{animation:berry-lick 6s ease-in-out both;transform-origin:0 5px}
[data-food="icecream"].is-feeding .cream-smile{animation:cream-moustache 6s ease-in-out both}
.pet:not(.has-baby-art) .taste-face{display:none}
[data-food="apple"].is-feeding .breath{animation:apple-chew 6s ease-in-out both}
[data-food="icecream"].is-feeding .breath{animation:icecream-shiver 6s ease-in-out both}
[data-food="soup"].is-feeding .breath{animation:soup-comfort 6s ease-in-out both}
[data-food="cake"].is-feeding .breath{animation:cake-wish 6s ease-in-out both}
.meal-bits{position:absolute;inset:0;pointer-events:none;z-index:9}
.meal-bits>span,.meal-confetti,.meal-steam{position:absolute;left:var(--meal-x,50%);top:var(--meal-y,50%);opacity:0}
.meal-snow{color:#e5faff;font-size:22px;text-shadow:0 0 9px #89dfff}.meal-snow.snow-two{margin-left:30px;margin-top:-20px}.meal-snow.snow-three{margin-left:-30px;margin-top:-12px;font-size:15px}
[data-food="icecream"].is-feeding .meal-snow{animation:tasty-snow 6s ease-out both}.meal-snow.snow-two{animation-delay:.1s!important}.meal-snow.snow-three{animation-delay:.25s!important}
.meal-crumb{width:4px;height:5px;background:#ffdf98;border-radius:2px}.crumb-two{margin-left:20px}.crumb-three{margin-left:-10px}
[data-food="apple"].is-feeding .meal-crumb{animation:tasty-crumb 6s ease-out both}
.meal-steam{width:35px;height:40px;translate:-8px -27px}
[data-food="soup"].is-feeding .meal-steam{opacity:1}
.cake-flame{width:8px;height:13px;border-radius:80% 25% 65% 35%;background:radial-gradient(ellipse at 50% 65%,#fff9c3,#ffd16b 55%,#ffb761);box-shadow:0 0 12px #ffe1a3;translate:15px -5px}
[data-food="cake"].is-feeding .cake-flame{animation:candle-wish 6s ease-in-out both}
.blown-wish{font-size:24px;color:#fff5b6}
[data-food="cake"].is-feeding .blown-wish{animation:wish-fly 6s ease-out both}
.meal-confetti{width:1px;height:1px}
.meal-confetti i{position:absolute;width:5px;height:9px;border-radius:2px;background:#b2edff}
.meal-confetti i:nth-child(2){background:#f5bddf;--confetti-x:36px;--confetti-r:90deg}.meal-confetti i:nth-child(3){background:#ffe3a8;--confetti-x:-35px;--confetti-r:-80deg}.meal-confetti i:nth-child(4){--confetti-x:55px;--confetti-r:160deg}.meal-confetti i:nth-child(5){background:#e0cbff;--confetti-x:-55px;--confetti-r:-160deg}.meal-confetti i:nth-child(6){background:#ffdda6;--confetti-x:15px;--confetti-r:200deg}
[data-food="cake"].is-feeding .meal-confetti{opacity:1}[data-food="cake"].is-feeding .meal-confetti i{animation:tasty-confetti 6s ease-out both}
@keyframes meal-to-mouth{0%{opacity:0;transform:translate(18px,45px) rotate(10deg) scale(.7)}15%,28%{opacity:1;transform:translate(9px,7px) rotate(-7deg)}35%,46%{transform:translate(3px,-4px) rotate(5deg) scale(.96)}54%,65%{transform:translate(12px,8px) rotate(-6deg) scale(.83)}75%{opacity:1;transform:translate(4px,-4px) scale(.65)}90%,100%{opacity:0;transform:translate(8px,3px) scale(.3)}}
@keyframes soup-to-mouth{0%{opacity:0;transform:translate(12px,40px) scale(.8)}18%,40%{opacity:1;transform:translate(4px,20px)}50%,68%{opacity:1;transform:translate(0,6px) rotate(-7deg)}90%,100%{opacity:0;transform:translate(8px,30px) scale(.8)}}
@keyframes meal-whole{0%,33%{opacity:1}34%,100%{opacity:0}}
@keyframes meal-second{0%,33%{opacity:0}34%,60%{opacity:1}61%,100%{opacity:0}}
@keyframes meal-last{0%,60%{opacity:0}61%,85%{opacity:1}100%{opacity:0}}
@keyframes cheek-yummy{0%,22%,100%{opacity:0}40%,78%{opacity:.9}}
@keyframes berry-lick{0%,57%,100%{opacity:0;transform:scaleY(.3)}65%,80%{opacity:1;transform:translate(3px,0) scaleY(1)}73%{transform:translate(-4px,-2px) rotate(15deg)}}
@keyframes cream-moustache{0%,45%,100%{opacity:0}55%,88%{opacity:1}}
@keyframes apple-chew{0%,100%{transform:none}30%,53%,72%{transform:scale(1.065,.97) rotate(-2deg)}41%,64%,83%{transform:scale(.99,1.015) rotate(2deg)}}
@keyframes icecream-shiver{0%,30%,75%,100%{transform:none}39%,49%,59%{transform:translateX(-3px) rotate(-2deg)}44%,54%,64%{transform:translateX(3px) rotate(2deg)}}
@keyframes soup-comfort{0%,100%{transform:none}25%,60%{transform:rotate(-3deg) scale(1.025,.98)}80%{transform:translateY(-4px) rotate(2deg)}}
@keyframes cake-wish{0%,100%{transform:none}20%,35%{transform:scale(.98,1.035) rotate(-4deg)}45%{transform:translateY(-9px) rotate(4deg)}68%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes tasty-snow{0%,27%,100%{opacity:0;transform:translateY(0) scale(.7)}42%{opacity:1}80%{opacity:0;transform:translateY(-36px) rotate(25deg) scale(1.1)}}
@keyframes tasty-crumb{0%,30%,100%{opacity:0}40%{opacity:1;transform:translate(12px,15px)}64%{opacity:0;transform:translate(20px,43px) rotate(90deg)}}
@keyframes candle-wish{0%,8%,100%{opacity:0}15%,27%{opacity:1;transform:scale(1)}33%{opacity:0;transform:translate(10px,-4px) scale(.2)}}
@keyframes wish-fly{0%,28%,100%{opacity:0;transform:translate(5px,0) scale(.4)}38%{opacity:1}58%{opacity:0;transform:translate(45px,-45px) scale(1)}}
@keyframes tasty-confetti{0%,37%,100%{opacity:0;transform:translate(0,0)}48%{opacity:1}80%{opacity:0;transform:translate(var(--confetti-x,-15px),-40px) rotate(var(--confetti-r,100deg))}}

/* Motion lies in the existing central printer chamber; the room is not replaced. */
.printer-motion{position:absolute;left:40.7%;top:43.2%;width:18.6%;height:9.4%;z-index:2;pointer-events:none;overflow:hidden;border-radius:5px}
.printer-motion[hidden]{display:none}.printer-motion svg{width:100%;height:100%;display:block}
.nozzle-light{opacity:.4}.workshop-printing .nozzle-light{animation:sky-twinkle 1s ease-in-out infinite}
.print-panel{margin:12px 0 3px;padding:14px;border:1px solid #9cddff3d;border-radius:17px;background:linear-gradient(120deg,#aadfff16,#d8b9ff0b);color:#d3eafb}
.print-panel[hidden]{display:none}.print-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.print-heading strong{font-size:13px}.print-percent{color:#a5dfff;font-size:11px;white-space:nowrap}.print-panel progress{width:100%;height:6px;margin:11px 0 4px;accent-color:#91e5ff}.print-panel p{font-size:12px;line-height:1.5;margin:7px 0}.print-panel small{display:block;font-size:9px;color:#90a8bd;line-height:1.5;margin-top:9px}.print-panel button{width:100%;margin:5px 0}
.keepsake-duck{position:absolute;left:77%;bottom:27%;width:12%;aspect-ratio:1;z-index:4;border:0;background:none;padding:0;cursor:pointer;min-height:36px;min-width:36px}.keepsake-duck[hidden]{display:none}.keepsake-duck img{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 2px #1c3c663a)}.keepsake-duck:focus-visible{outline:2px solid #def8ff;border-radius:12px;outline-offset:3px}.toy-wiggle{animation:friend-wave 1s ease-in-out both}
.life-paused .life-layer *{animation-play-state:paused!important}
.reduced .life-layer *,.reduced .scene[data-habit] .breath,.reduced .personality-effects *,.reduced .is-feeding .breath,.reduced .is-feeding .berry,.reduced .is-feeding .berry img,.reduced .meal-bits *,.reduced .taste-face *,.reduced .toy-wiggle,.reduced .nozzle-light{animation:none!important;transition:none!important}
.reduced .life-layer .room-mote,.reduced .life-layer .shooting-star{opacity:0}.reduced .is-feeding .berry{opacity:1;transform:translate(8px,15px)}.reduced .is-feeding .food-whole{opacity:1}.reduced .is-feeding .food-nibbled,.reduced .is-feeding .food-last-bite{display:none}
@media(prefers-reduced-motion:reduce){.life-layer *,.scene[data-habit] .breath,.personality-effects *,.is-feeding .breath,.is-feeding .berry,.is-feeding .berry img,.meal-bits *,.taste-face *,.toy-wiggle,.nozzle-light{animation:none!important;transition:none!important}.is-feeding .berry{opacity:1;transform:translate(8px,15px)}.is-feeding .food-whole{opacity:1}.is-feeding .food-nibbled,.is-feeding .food-last-bite{display:none}}

/* Follow the mouth while the character moves into the kitchen. */
.scene.is-feeding .berry{translate:-20px -20px}

[data-food="soup"].is-feeding .food-whole{animation:soup-bowl 6s ease-in-out both}
[data-food="soup"].is-feeding .food-nibbled,[data-food="soup"].is-feeding .food-last-bite{display:none}
@keyframes soup-bowl{0%,80%{opacity:1}100%{opacity:0}}

/* Move only the photographed sky inside the window, leaving frame and printer still. */
.workshop-sky-window{display:none;position:absolute;inset:0;overflow:hidden;clip-path:polygon(26% 27%,35% 23%,49% 22%,63% 24%,73% 30%,74% 42%,68% 47%,67% 34%,33% 34%,33% 47%,27% 43%,25% 35%);mask-image:radial-gradient(ellipse 34% 24% at 50% 33%,#000 75%,transparent 100%)}
[data-room="workshop"] .workshop-sky-window{display:block}.workshop-sky-pan{position:absolute;inset:0;background:url('assets/rooms/workshop.webp') center/100% 100% no-repeat;transform-origin:51% 33%;animation:island-drift 14s ease-in-out infinite alternate;will-change:transform}
@keyframes island-drift{from{transform:translate(-5px,3px) scale(1.035)}to{transform:translate(5px,-4px) scale(1.035)}}
[data-room="workshop"] .cloud-one{opacity:.64;animation-duration:12s}[data-room="workshop"] .cloud-two{top:24%;opacity:.46;animation-duration:18s}

/* Persistent active foam, fitted to the waterline of the approved bathroom. */
.bath-foam-life{display:none;position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.scene[data-room="bathroom"][data-chapter="home"] .bath-foam-life,.scene[data-room="bathroom"][data-chapter="demo"] .bath-foam-life{display:block}
.foam-puff,.foam-live-bubble{position:absolute;left:var(--foam-x);top:var(--foam-y);width:var(--foam-size);height:var(--foam-size);border-radius:50%;transform-origin:50% 80%;pointer-events:none}
.foam-puff{background:radial-gradient(circle at 33% 22%,#fff 0 18%,#f3feff 40%,#d5f6fa 72%,#acdfe98a 100%);border:1px solid #f9ffffd9;box-shadow:inset -2px -2px 3px #9bd6e64d,0 2px 3px #5daccf30;animation:foam-live-roll var(--foam-time) ease-in-out var(--foam-delay) infinite}
.foam-front{opacity:.9}.foam-live-bubble{border:1px solid #f5ffffdf;background:radial-gradient(circle at 28% 24%,#fff 0 9%,#f6ffff77 12%,transparent 35%),radial-gradient(circle at 70% 80%,#adefff66,transparent 60%);box-shadow:inset 0 0 3px #d7ffff77;animation:foam-live-pop var(--foam-time) ease-out var(--foam-delay) infinite;opacity:0}
.foam-live-bubble::after{content:"";position:absolute;left:20%;top:15%;width:30%;height:18%;border-radius:50%;background:#fff;opacity:.8}
@keyframes foam-live-roll{0%,100%{transform:translate(-2px,1px) scale(.84,.9);opacity:.75}40%{transform:translate(2px,-3px) scale(1.18,1.08);opacity:1}72%{transform:translate(1px,-1px) scale(.98,1.12);opacity:.9}}
@keyframes foam-live-pop{0%{opacity:0;transform:translate(0,3px) scale(.4)}18%{opacity:.9}72%{opacity:.75;transform:translate(var(--foam-drift),-15px) scale(1)}83%{opacity:.85;transform:translate(var(--foam-drift),-18px) scale(1.3)}90%,100%{opacity:0;transform:translate(var(--foam-drift),-20px) scale(1.45)}}
.scene.is-bathing .foam-puff{animation-duration:1.1s}.scene.is-bathing .foam-live-bubble{animation-duration:1.5s}
.life-paused .bath-foam-life *{animation-play-state:paused!important}.reduced .bath-foam-life *{animation:none!important}.reduced .foam-live-bubble{display:none}
@media(prefers-reduced-motion:reduce){.bath-foam-life *{animation:none!important}.foam-live-bubble{display:none}}