body{background:#0a1026;min-height:100dvh}#backdrop{position:fixed;inset:0;background-position:center;background-size:cover;z-index:-2;animation:landscape-in 1.3s ease both}body::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#070d2380,transparent 33%,#070d2320 53%,#070d23db);z-index:-1;pointer-events:none}.app{background:none;max-width:none;min-height:100dvh;isolation:auto;overflow:hidden;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.app header{width:min(100%,520px);margin:0 auto}.scene{width:min(100%,520px);margin:auto;min-height:0;justify-content:flex-end;flex:1;padding:20px 0 10px;gap:0}.scene>.eyebrow{margin:8px 0 auto}.art{flex:1;min-height:210px;max-height:42vh;width:100%;margin:14px 0;align-items:flex-end;padding-bottom:12px}.art>.fire{width:185px;height:210px}.art>.sun{width:210px;height:210px}.pair{width:100%;height:100%;min-height:230px;position:relative;display:block}.pair .fire{position:absolute;bottom:0;left:12%;width:155px;height:185px;object-fit:contain}.pair .sun{position:absolute;right:3%;top:0;width:190px;height:190px;object-fit:contain;transform:none}.scene h1{font-size:clamp(30px,7vw,42px);margin:12px 0;line-height:1.15}.scene>p{margin-bottom:20px;line-height:1.65}.scene>.primary{width:min(100%,350px);flex-shrink:0}footer{padding-top:12px;font-size:9px}.steps{margin-bottom:10px}.letter{border:0;background:none;backdrop-filter:none;padding:0 8px;margin:6px 0 20px}.letter p{font-family:inherit;font-size:16px;line-height:1.65;color:#fff2e1;text-shadow:0 2px 10px #42213a}.board{width:calc(100% + 40px);height:auto;min-height:260px;flex:1;max-height:52vh;background:none;border:0;border-radius:0;box-shadow:none;margin:0}.app[data-scene="3"] .eyebrow{margin-bottom:8px}.app[data-scene="3"] h1{font-size:30px}.app[data-scene="3"] .scene{min-height:calc(100dvh - 130px)}.phrase{min-height:48px;margin-bottom:12px!important}.count{background:#0a112455;border:0}.app[data-scene="4"] .art{min-height:175px;max-height:28vh}.app[data-scene="5"] .scene{justify-content:center}.app[data-scene="5"] .eyebrow{margin-bottom:30px;flex:0}.app[data-scene="5"] .gift{margin:50px 0}.app[data-scene="6"] .art{min-height:160px;max-height:25vh}.app[data-scene="6"] .art>.sun{height:160px}body[data-scene="2"]::before{background:linear-gradient(180deg,#fff0cf45,transparent 38%,#fbe1b02b 57%,#5d332658)}body[data-scene="2"] #backdrop{animation:dawn-in 2.8s ease both}body[data-scene="2"] .scene h1,body[data-scene="2"] .scene p,body[data-scene="2"] .eyebrow,body[data-scene="2"] header,body[data-scene="2"] footer{color:#523324;text-shadow:0 1px 12px #fff3cf}body[data-scene="2"] .sky{display:none}body[data-scene="2"] .pair .sun{animation:sunrise 2.8s ease both,float 4s 2.8s ease-in-out infinite}body[data-scene="2"] .icon{background:#fff5da80;color:#633b29;border-color:#8b623844}@keyframes landscape-in{from{opacity:.2}to{opacity:1}}@keyframes dawn-in{from{filter:brightness(.5) saturate(.6)}to{filter:brightness(1) saturate(1)}}@keyframes sunrise{from{opacity:0;translate:20px 55px}to{opacity:1;translate:0 0}}@media(min-width:750px){#backdrop{background-position:center 65%}.scene{max-width:480px}.art{max-height:38vh}}@media(max-height:700px){.scene h1{font-size:29px}.scene>p,.letter p{font-size:14px}.art{min-height:155px;margin:4px 0}.pair{min-height:175px}.pair .sun{width:145px;height:145px}.pair .fire{width:130px;height:155px}.art>.fire{height:160px}.app[data-scene="4"] .art{min-height:150px}.board{min-height:230px}.scene{padding-top:10px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){#backdrop,body[data-scene="2"] #backdrop,body[data-scene="2"] .pair .sun{animation:none}}
#backdrop{z-index:0}body::before{z-index:1}.app{position:relative;z-index:2}