.scene-wrap{position:fixed;inset:0;pointer-events:none}#scene{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s ease}@media(prefers-reduced-motion:reduce){#scene{transition:none}.moon{animation:none}.weather{transition:none}}.sky{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.layer-in{animation:layer-fade 1.1s ease both}@keyframes layer-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.layer-in{animation:none}}.sky-day,.sky-night{position:absolute;inset:0}html[data-theme=dark] .sky-day,html[data-theme=light] .sky-night{display:none}.bird{position:absolute;top:var(--top);left:0;width:26px;height:auto;color:var(--tree-stroke);opacity:.45;transform:translate(var(--x1));animation:fly var(--dur) ease-in-out var(--delay) infinite}.bird.sm{width:18px;opacity:.35}.bird path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@keyframes fly{0%{transform:translate(var(--x1))}25%{transform:translate(calc((var(--x1) + var(--x2)) / 2),-12px)}50%{transform:translate(var(--x2),2px)}75%{transform:translate(calc((var(--x1) + var(--x2)) / 2),-9px)}to{transform:translate(var(--x1))}}.satellite{position:absolute;top:12%;left:0;width:42px;height:auto;color:var(--accent);opacity:.7;animation:orbit 72s linear infinite}@keyframes orbit{0%{transform:translate(-8vw,7vh) rotate(10deg)}to{transform:translate(108vw,-3vh) rotate(10deg)}}.sat-blink{animation:satblink 2.2s steps(1) infinite}@keyframes satblink{0%,60%{opacity:1}60.01%,to{opacity:.15}}.satellite2{position:absolute;top:24%;right:0;width:40px;height:auto;color:var(--paper);opacity:.55;animation:orbit2 96s linear infinite}@keyframes orbit2{0%{transform:translate(12vw,-2vh) rotate(-6deg)}to{transform:translate(-118vw,6vh) rotate(-6deg)}}.sat2-blink{animation:satblink 3s steps(1) infinite}.stars{position:absolute;inset:0}.star{position:absolute;border-radius:50%;background:var(--paper);opacity:.4}@media(prefers-reduced-motion:no-preference){.star{animation:twinkle var(--tw, 4s) ease-in-out infinite}}@keyframes twinkle{0%,to{opacity:.22}50%{opacity:.85}}.moon{position:absolute;top:12%;right:7%;width:64px;text-align:center;animation:skyfade 1.2s ease both}@keyframes skyfade{0%{opacity:0}to{opacity:1}}.moon-svg{width:64px;height:64px;display:block;filter:drop-shadow(0 0 8px rgba(232,245,239,.18))}.moon-disc{fill:none;stroke:color-mix(in srgb,var(--paper) 26%,transparent);stroke-width:1}.moon-lit{fill:var(--paper);opacity:.92}.moon-label{display:block;margin-top:7px;font-size:9px;letter-spacing:.14em;color:var(--soft)}.weather{position:absolute;top:12%;left:7%;font-family:var(--font-body);font-size:.72rem;letter-spacing:.08em;color:var(--ui-fg);opacity:0;white-space:nowrap;transition:opacity .9s ease}.weather.ready{opacity:.72}.wx{position:absolute;inset:0;overflow:hidden}.wx-yours{position:absolute;inset:0 50% 0 0;overflow:hidden;display:none}.sky.split .wx-yours{display:block}.sky.split .wx{clip-path:inset(0 0 0 50%)}.sky.split:after{content:"";position:absolute;top:8%;bottom:20%;left:50%;width:1px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--page-fg) 22%,transparent),transparent)}.sky-split-labels{position:absolute;top:12%;left:0;right:0;z-index:3;display:flex;justify-content:space-around;pointer-events:none;font-family:var(--font-body);font-size:.66rem;letter-spacing:.12em;color:var(--ui-fg);opacity:.6}.sky-split-labels [lang=ja]{font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif}.sky-share{position:absolute;left:7%;top:calc(12% + 1.6rem);z-index:5;pointer-events:auto;background:none;border:0;cursor:pointer;padding:0;font-family:var(--font-body);font-size:.64rem;letter-spacing:.08em;color:var(--ui-fg);opacity:.45;text-decoration:underline dotted;transition:opacity .2s ease}.sky-share:hover{opacity:.8}.sky-share:disabled{text-decoration:none;opacity:.55;cursor:default}.wx-drop{position:absolute;top:-8%;width:1.4px;height:18px;background:linear-gradient(to bottom,transparent,var(--page-fg));opacity:.4;animation:wx-rain linear infinite}.wx-word{position:absolute;top:-8%;font-family:"Hiragino Sans","Yu Gothic","Noto Sans JP",var(--font-body),sans-serif;font-size:.7rem;letter-spacing:.05em;color:var(--page-fg);opacity:.32;white-space:nowrap;animation:wx-rain linear infinite}@keyframes wx-rain{0%{transform:translateY(-10vh)}to{transform:translateY(115vh)}}.wx-flake{position:absolute;top:-6%;width:4px;height:4px;border-radius:50%;background:var(--page-fg);opacity:.5;animation:wx-snow linear infinite}@keyframes wx-snow{0%{transform:translateY(-8vh)}to{transform:translate(14px,115vh)}}.wx-cloud{position:absolute;width:90px;height:26px;border-radius:26px;background:var(--soft);opacity:.4;animation:wx-drift linear infinite}.wx-cloud:before,.wx-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.wx-cloud:before{width:42px;height:42px;top:-18px;left:14px}.wx-cloud:after{width:30px;height:30px;top:-11px;right:16px}@keyframes wx-drift{0%{transform:translate(-25vw)}to{transform:translate(125vw)}}.wx-band{position:absolute;left:-20vw;width:140vw;height:56px;background:var(--page-fg);opacity:.05;filter:blur(9px);animation:wx-mist ease-in-out infinite alternate}@keyframes wx-mist{0%{transform:translate(-6vw)}to{transform:translate(6vw)}}.wx-sun{position:absolute;top:9%;right:8%;width:70px;height:70px;display:none;color:#c2863a;fill:#c2863a}.wx-sun .rays{animation:wx-spin 60s linear infinite;transform-origin:50px 50px}@keyframes wx-spin{to{transform:rotate(360deg)}}html[data-theme=light][data-wx=clear] .wx-sun,html[data-theme=light][data-wx=fair] .wx-sun{display:block}.fireflies{position:absolute;inset:0}.firefly{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe23a;box-shadow:0 0 6px 1.5px #ffe23acc;opacity:0;animation:ff-drift var(--d, 12s) ease-in-out infinite,ff-glow var(--g, 4s) ease-in-out infinite}.firefly.lantern{width:5px;height:5px;background:#ffb04a;box-shadow:0 0 10px 3px #ffb04abf}.cursor-ff{position:fixed;width:4px;height:4px;border-radius:50%;z-index:4;margin:-2px 0 0 -2px;pointer-events:none;background:#ffe23a;box-shadow:0 0 8px 2px #ffe23ab3;animation:ff-fade 1.1s ease forwards}.cursor-ff.big{width:6px;height:6px;margin:-3px 0 0 -3px;background:#ffcf6a;box-shadow:0 0 14px 4px #ffcf6abf;animation:ff-fade 3.2s ease forwards}@keyframes ff-fade{0%{opacity:.9}to{opacity:0;transform:translateY(-14px)}}html.dream #scene{filter:hue-rotate(22deg) saturate(1.3) brightness(1.05)}html.dream .star{animation:twinkle var(--tw, 4s) ease-in-out infinite,loose-drift 22s ease-in-out infinite alternate}@keyframes loose-drift{0%{transform:translate(0)}to{transform:translate(6px,10px)}}.tree-reflection{opacity:.1;filter:blur(2px);pointer-events:none}.dream-line{position:fixed;left:50%;bottom:12%;transform:translate(-50%);z-index:5;margin:0;pointer-events:none;text-align:center;font-family:var(--font-body);font-size:.72rem;letter-spacing:.14em;color:var(--paper);opacity:.55;font-style:italic;animation:dream-breathe 7s ease-in-out infinite}@keyframes dream-breathe{0%,to{opacity:.3}50%{opacity:.62}}@media(prefers-reduced-motion:reduce){html.dream .star,.dream-line{animation:none}}.constellations{position:absolute;inset:0}.constellation-star{position:absolute;overflow:visible;animation:cst-tw var(--twk, 6s) ease-in-out infinite}.constellation-star .cst-lines line{stroke:var(--paper);stroke-width:.4;opacity:.35}.constellation-star .cst-dots circle{fill:var(--paper);opacity:.85}@keyframes cst-tw{0%,to{opacity:.85}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.constellation-star{animation:none}}.saplings{position:absolute;inset:0;pointer-events:none}.sapling{position:absolute;bottom:27%;width:auto;stroke:var(--tree-stroke);stroke-width:1;fill:none;stroke-linecap:round;overflow:visible;animation:sap-sway 6s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes sap-sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.sapling{animation:none}}@keyframes ff-drift{0%{transform:translate(0)}25%{transform:translate(14px,-12px)}50%{transform:translate(-8px,-22px)}75%{transform:translate(10px,-10px)}to{transform:translate(0)}}@keyframes ff-glow{0%,to{opacity:0}30%,70%{opacity:.85}}.petals{position:absolute;inset:0}.petal{position:absolute;top:-6%;opacity:.75;animation:petal-fall var(--d, 9s) linear infinite}.petal.spring{background:#e7b8c6;border-radius:50% 0 50% 50%}.petal.autumn{background:#c2863a;border-radius:50% 0}@keyframes petal-fall{0%{transform:translateY(-8vh) rotate(0)}to{transform:translate(var(--sway, 20px),112vh) rotate(360deg)}}.shooting{position:absolute;top:0;left:0;width:110px;height:2px;background:linear-gradient(90deg,transparent,var(--paper));border-radius:2px;opacity:0;transform-origin:right center;filter:drop-shadow(0 0 3px rgba(232,245,239,.5))}.shooting.s1{animation:shoot1 16s ease-in infinite}.shooting.s2{animation:shoot2 23s ease-in infinite;animation-delay:9s}@keyframes shoot1{0%{opacity:0;transform:translate(8vw,8vh) rotate(24deg) scaleX(.25)}2%{opacity:1}11%{opacity:0;transform:translate(52vw,33vh) rotate(24deg) scaleX(1)}to{opacity:0;transform:translate(52vw,33vh) rotate(24deg) scaleX(1)}}@keyframes shoot2{0%{opacity:0;transform:translate(46vw,5vh) rotate(29deg) scaleX(.25)}2%{opacity:1}10%{opacity:0;transform:translate(86vw,30vh) rotate(29deg) scaleX(1)}to{opacity:0;transform:translate(86vw,30vh) rotate(29deg) scaleX(1)}}.constellation{position:absolute;top:15%;left:9%;width:84px;height:90px;color:var(--paper);animation:con-pulse 6s ease-in-out infinite}@keyframes con-pulse{0%,to{opacity:.32}50%{opacity:.6}}.ground-mist{position:absolute;left:-10vw;right:-10vw;top:63%;height:100px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--page-fg) 9%,transparent),transparent 70%);filter:blur(11px);opacity:.6;animation:gmist 26s ease-in-out infinite alternate}@keyframes gmist{0%{transform:translate(-3vw)}to{transform:translate(3vw)}}.dusk-glow{position:absolute;left:0;right:0;bottom:0;height:62%;pointer-events:none;opacity:var(--dusk, 0);transition:opacity 3s linear;background:linear-gradient(to top,color-mix(in srgb,#ff9e5a 55%,transparent),color-mix(in srgb,#ffbe7a 20%,transparent) 34%,transparent 72%);mix-blend-mode:soft-light}@media(prefers-reduced-motion:reduce){.dusk-glow{transition:none}}.day-scrubber{position:fixed;left:50%;bottom:2.2rem;transform:translate(-50%);z-index:60;display:none;align-items:center;gap:.7rem;padding:.5rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--page-bg) 82%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);backdrop-filter:blur(6px);font-family:var(--font-body);font-size:.68rem;color:var(--soft);letter-spacing:.08em}.day-scrubber.on{display:flex}.day-scrubber input{width:42vw;max-width:320px;accent-color:var(--accent)}.day-scrubber .ds-h{min-width:3.4em;text-align:right;color:var(--accent)}.sky.tsuyu .ground-mist{opacity:.95;height:150px;top:60%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--page-fg) 13%,transparent),transparent 74%)}.sky.winter .steam{width:84px;filter:blur(8px)}#gtrees{transform-origin:50% 100%;transform-box:fill-box}#scene.typhoon #gtrees{animation:ty-sway 2.6s ease-in-out infinite alternate}@keyframes ty-sway{0%{transform:skew(-.8deg)}to{transform:skew(1.4deg)}}@media(prefers-reduced-motion:reduce){#scene.typhoon #gtrees{animation:none}}.steam-field{position:absolute;inset:0}.steam{position:absolute;bottom:24%;left:var(--x);width:64px;height:40vh;background:radial-gradient(ellipse 55% 65% at 50% 100%,color-mix(in srgb,var(--page-fg) 10%,transparent),transparent 72%);filter:blur(9px);opacity:0;transform-origin:bottom center;animation:steam-rise var(--d, 15s) ease-in var(--delay, 0s) infinite}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleX(.8)}25%{opacity:.5}65%{opacity:.28}to{opacity:0;transform:translateY(-32vh) translate(2.5vw) scaleX(1.7)}}.dfly{position:absolute;top:0;left:0;width:24px;height:auto;color:var(--tree-stroke);opacity:.45}.dfly g ellipse{opacity:.5}.dfly.a{animation:dfly-a 17s ease-in-out infinite}.dfly.b{animation:dfly-b 21s ease-in-out infinite;animation-delay:-7s}@keyframes dfly-a{0%{transform:translate(16vw,66vh) rotate(-8deg)}22%{transform:translate(31vw,60vh) rotate(7deg)}48%{transform:translate(23vw,73vh) rotate(-5deg)}72%{transform:translate(41vw,64vh) rotate(10deg)}to{transform:translate(16vw,66vh) rotate(-8deg)}}@keyframes dfly-b{0%{transform:translate(72vw,70vh) rotate(6deg)}26%{transform:translate(58vw,62vh) rotate(-9deg)}54%{transform:translate(82vw,68vh) rotate(4deg)}80%{transform:translate(65vw,74vh) rotate(-6deg)}to{transform:translate(72vw,70vh) rotate(6deg)}}.shore-glow{position:absolute;left:0;right:0;bottom:0;height:28vh;pointer-events:none;background:radial-gradient(ellipse 60% 100% at 50% 100%,color-mix(in srgb,#ffce8c 24%,transparent),transparent 75%);opacity:.5}@media(prefers-reduced-motion:reduce){.bird{animation:none}.satellite{animation:none;transform:translate(52vw,9vh) rotate(10deg)}.satellite2{animation:none;transform:translate(-32vw,2vh) rotate(-6deg)}.sat-blink,.sat2-blink{animation:none}.wx-drop,.wx-flake{display:none}.wx-cloud,.wx-band,.wx-sun .rays{animation:none}.firefly,.petal,.shooting,.steam,.dfly{display:none}.ground-mist,.constellation{animation:none}}.intro{position:fixed;inset:0;z-index:280;display:none;flex-direction:column;align-items:center;justify-content:center;background:var(--page-bg);padding:2rem}.intro.show{display:flex}.intro.hide{opacity:0;transition:opacity .9s ease;pointer-events:none}.intro-type{font-family:var(--font-body);font-size:clamp(.62rem,1.6vw,.74rem);line-height:1.75;letter-spacing:.01em;color:var(--page-fg);max-width:90vw;text-align:center}.il{min-height:1.75em}.il-dim{color:var(--soft)}.il-break{margin-top:1.05em}.ich{color:transparent}.ich.on{color:inherit}.icaret{color:var(--accent);animation:intro-blink 1.05s steps(1) infinite}@keyframes intro-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.icaret{animation:none}}