*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{font-family:Inter,system-ui,sans-serif;overflow:hidden;background:#060618;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;overflow:hidden;--p: 0}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sky-0{opacity:1}.sky-1{opacity:clamp(0,calc(var(--p) / .3),1)}.sky-2{opacity:clamp(0,calc((var(--p) - .3) / .28),1)}.sky-3{opacity:clamp(0,calc((var(--p) - .58) / .22),1)}.sky-4{opacity:clamp(0,calc((var(--p) - .8) / .2),1)}.sun{position:absolute;left:50%;top:calc(30% + var(--p) * 52%);translate:-50% -50%;width:clamp(58px,17vw,96px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fffbe8,#ffe08a 45%,#ffb257);opacity:calc(1 - var(--p) * .75);z-index:2;pointer-events:none}.sun-glow{position:absolute;left:50%;top:calc(30% + var(--p) * 52%);translate:-50% -50%;width:clamp(220px,72vw,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,186,110,.45) 0%,rgba(255,150,90,.16) 42%,transparent 70%);opacity:calc(1 - var(--p) * .8);z-index:1;pointer-events:none;animation:glow-breathe 9s ease-in-out infinite}@keyframes glow-breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.moon{position:absolute;right:14%;top:calc(40% - var(--p) * 28%);width:clamp(48px,14vw,74px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 62% 38%,#fdf6d8,#f2e6b8 55%,#e2d296);box-shadow:0 0 26px 6px #fdf6d84d,0 0 70px 18px #fdf6d81a;opacity:calc((var(--p) - .42) * 2.4);z-index:2;pointer-events:none}.moon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 34%,rgba(0,0,0,.1) 0 7px,transparent 8px),radial-gradient(circle at 60% 62%,rgba(0,0,0,.08) 0 5px,transparent 6px)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #ffffff80;opacity:clamp(0,calc((var(--p) - var(--wake)) * 4),1);animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{filter:brightness(.5);transform:scale(.8)}50%{filter:brightness(1.3);transform:scale(1.15)}}.cloud{position:absolute;left:-40vw;width:96px;height:17px;border-radius:999px;background:#ffffffd9;box-shadow:22px -8px 0 2px #ffffffb3,48px -3px #ffffffbf;filter:blur(3px) brightness(calc(1 - var(--p) * .3)) sepia(calc(var(--p) * .4));opacity:calc(var(--op, .5) * (1 - var(--p) * .9));animation:drift linear infinite;z-index:4;pointer-events:none}@keyframes drift{0%{left:-30vw}to{left:112vw}}.flock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:calc(1 - var(--p) * 2.6);animation:flock-cross 60s linear infinite}.flock svg{position:absolute;animation:flap 1.1s ease-in-out infinite alternate}@keyframes flock-cross{0%{transform:translate(-15vw,4vh)}to{transform:translate(115vw,-6vh)}}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.hills{position:absolute;left:-12vw;right:-12vw;pointer-events:none;z-index:6}.hills-far{bottom:22vh;height:26vh;border-radius:50% 50% 0 0/46% 40% 0 0;background:#5c7d6a;filter:brightness(calc(1 - var(--p) * .58))}.hills-mid{bottom:12vh;height:26vh;border-radius:56% 44% 0 0/38% 44% 0 0;background:#3c5b4d;filter:brightness(calc(1 - var(--p) * .62));z-index:7}.hills-near{bottom:-6vh;height:28vh;border-radius:44% 56% 0 0/30% 26% 0 0;background:#1e3830;filter:brightness(calc(1 - var(--p) * .66));z-index:10}.treeline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.pine{position:absolute;bottom:20vh;width:0;translate:-50% 0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:30px solid #2f4c40;filter:brightness(calc(1 - var(--p) * .66))}.pine:after{content:"";position:absolute;left:-4px;bottom:-30px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:16px solid #2f4c40}.pine-near{bottom:17vh;border-left-width:9px;border-right-width:9px;border-bottom-color:#244137}.house{position:absolute;left:27%;bottom:13vh;width:clamp(62px,18vw,92px);z-index:11;pointer-events:none;filter:brightness(calc(1 - var(--p) * .42))}.roof{width:0;height:0;margin:0 auto;border-left:calc(clamp(62px,18vw,92px)/2) solid transparent;border-right:calc(clamp(62px,18vw,92px)/2) solid transparent;border-bottom:calc(clamp(62px,18vw,92px)*.42) solid #43303a}.walls{height:calc(clamp(62px,18vw,92px)*.56);background:#55404a;border-radius:2px}.window-lit{position:absolute;left:50%;bottom:22%;translate:-50% 0;width:28%;aspect-ratio:1;border-radius:2px;background:#ffd98a;opacity:calc(var(--p) * 1.6);box-shadow:0 0 calc(8px + var(--p) * 26px) calc(3px + var(--p) * 10px) #ffc86e99}.flowers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;pointer-events:none}.flowers-far{z-index:6;opacity:.7}.flowers-mid{z-index:9;opacity:.82}.flower{position:absolute;width:var(--flower-size);height:calc(var(--stem-height) + var(--flower-size));filter:brightness(calc(1 - var(--p) * .36))}.flower-stem{position:absolute;bottom:0;left:50%;width:2px;height:var(--stem-height);border-radius:999px;background:#557d5b;transform:translate(-50%) rotate(-5deg);transform-origin:bottom}.flower-head{position:absolute;bottom:calc(var(--stem-height) - var(--flower-size) * .16);left:50%;width:var(--flower-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 18%,var(--flower-color) 0 24%,transparent 27%),radial-gradient(circle at 82% 50%,var(--flower-color) 0 24%,transparent 27%),radial-gradient(circle at 50% 82%,var(--flower-color) 0 24%,transparent 27%),radial-gradient(circle at 18% 50%,var(--flower-color) 0 24%,transparent 27%),radial-gradient(circle at 50% 50%,#f5c75b 0 20%,transparent 23%);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--flower-color) 55%,transparent));transform:translate(-50%) rotate(-8deg)}.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff0a8;box-shadow:0 0 11px 3px #fde078bf;z-index:12;pointer-events:none;opacity:0;animation:firefly-drift ease-in-out infinite}@keyframes firefly-drift{0%,to{transform:translate(0);opacity:0}22%{opacity:calc(var(--p) * .9)}50%{transform:translate(5vw,-6vh);opacity:calc(var(--p) * .35)}78%{opacity:calc(var(--p) * .9)}}.message{position:absolute;left:0;right:0;padding:0 clamp(18px,6vw,30px);text-align:center;z-index:20;pointer-events:none;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(1.25rem,5.6vw,2.1rem);line-height:1.35;color:#fff;text-shadow:0 1px 4px rgba(20,16,40,.55),0 2px 16px rgba(20,16,40,.6),0 0 34px rgba(255,200,140,.45);animation:message-drift var(--message-duration, 3.5s) ease-in-out both}@keyframes message-drift{0%{opacity:0;transform:translateY(14px);filter:blur(7px)}18%{opacity:1;transform:translateY(0);filter:blur(0)}78%{opacity:1;transform:translateY(-6px);filter:blur(0)}to{opacity:0;transform:translateY(-16px);filter:blur(7px)}}.back-link{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:40;width:44px;height:44px;display:grid;place-items:center;font:600 1.15rem Inter,sans-serif;color:#fff;text-decoration:none;background:#14102d59;border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,transform .16s ease}.back-link:active{transform:scale(.93);background:#14102d94}.back-link:focus-visible{outline:3px solid rgba(255,232,166,.95);outline-offset:3px}.page-footer{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b}.countdown{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;font:600 .75rem Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#ffffff9e;text-shadow:0 1px 4px rgba(10,8,24,.5)}@media(max-width:360px){.message{padding-inline:16px;font-size:1.25rem;line-height:1.3}.moon{right:10%}.page-footer{font-size:.56rem}}@media(orientation:landscape)and (max-height:560px){.hills-far{bottom:17vh;height:22vh}.hills-mid{bottom:8vh;height:23vh}.hills-near{bottom:-8vh;height:24vh}.pine{bottom:14vh}.pine-near{bottom:12vh}.house{bottom:9vh;width:clamp(54px,13vw,82px)}.roof{border-left-width:calc(clamp(54px,13vw,82px)/2);border-right-width:calc(clamp(54px,13vw,82px)/2);border-bottom-width:calc(clamp(54px,13vw,82px)*.42)}.walls{height:calc(clamp(54px,13vw,82px)*.56)}.message{top:28%!important;font-size:clamp(1.15rem,3.8vw,1.75rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.message{animation:none;opacity:1;filter:none}}