.depth-scene{position:absolute;inset:0;transform:translateZ(3px);transform-style:preserve-3d;pointer-events:none;z-index:7}
.depth-layer{position:absolute;inset:0;transform-origin:50% 100%;pointer-events:none;transform:translate3d(0,0,0);transition:transform .5s cubic-bezier(.4,0,.2,1);--lift:18px;--response:.5}
.depth-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 2px 2px #24152720)}
.depth-scene.raised .depth-layer{transform:translate3d(calc(var(--depth-x,0px)*var(--response)),calc(var(--depth-y,0px)*var(--response)),calc(var(--lift)*var(--pop,1)));transition:transform 1s cubic-bezier(.22,1,.36,1)}
.bed-left{--lift:22px;--response:.5}.bed-right{--lift:34px;--response:.8}
.scene-0 .bed-left .depth-art{clip-path:inset(0 41.5% 0 0 round 0 0 0 3.5cqw);transform:scale(.855);transform-origin:left bottom}
.scene-0 .bed-right .depth-art{clip-path:inset(0 0 0 59%);transform:scale(.96);transform-origin:96% 100%}
.scene-1 .bed-left .depth-art{clip-path:inset(0 43.5% 0 0 round 0 0 0 3.5cqw);transform:scale(.884);transform-origin:left bottom}
.scene-1 .bed-right .depth-art{clip-path:inset(0 0 0 56.5%);transform:scale(.92);transform-origin:96% 100%}
.sleeping-bed{--lift:18px;--response:.35}.sleeping-bed .depth-art{left:8%;top:24%;width:85%;height:74%}
.sleeping-friends{--lift:42px;--response:.8}.sleeping-friends .depth-art{left:22%;top:65%;width:34%;height:32%;object-fit:contain;object-position:center bottom}
.star-lamp{--lift:52px;--response:1}.star-lamp .depth-art{left:67%;top:75%;width:13%;height:21%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 8px #ffd08b55);transition:filter 1s}
.nightlight-on .star-lamp .depth-art{filter:drop-shadow(0 0 20px #ffe1a1cc) brightness(1.08)}
.depth-scene.raised .sleeping-friends .depth-art{animation:sleep-breathe 6s ease-in-out infinite;transform-origin:40% 95%}
@keyframes sleep-breathe{50%{scale:1.006 1.018}}
.depth-flat{position:absolute;top:0;width:200%;height:100%;pointer-events:none}.depth-flat.left{left:0}.depth-flat.right{left:-100%}
.depth-flat .depth-layer{transform:none!important;transition:none}.depth-flat .depth-art{filter:none}
.cover-inside>.page{width:100%;border-radius:inherit}
.depth-scene.raised .bed-right{transition-delay:.1s}.depth-scene.raised .sleeping-friends{transition-delay:.08s}.depth-scene.raised .star-lamp{transition-delay:.16s}
.depth-hit{position:absolute;pointer-events:auto;border:0;background:none;border-radius:25%;padding:0;cursor:pointer;transform:translateZ(65px)}
.hit-bed-left{left:13%;top:50%;width:25%;height:39%}.hit-bed-right{left:67%;top:57%;width:23%;height:34%}
.hit-sleeping-friends{left:26%;top:69%;width:27%;height:26%}.hit-star-lamp{left:67%;top:76%;width:13%;height:21%}
.depth-hit:focus-visible{outline:2px dashed #ffebc7;outline-offset:4px}
@media(max-width:700px){.depth-layer{--lift:10px}.bed-right,.sleeping-friends{--lift:18px}.star-lamp{--lift:22px}}
@media(prefers-reduced-motion:reduce){.depth-layer{transition:none!important}.depth-scene.raised .depth-layer{transform:translateZ(3px)}.depth-scene .depth-art{animation:none!important}}