.f-scene{position:fixed;inset:var(--sp-8);z-index:-1;border-radius:20px;overflow:hidden;pointer-events:none;background-color:var(--bg)}.f-scene.calm{--scene-read:0.62}.f-scene.frame{position:absolute;inset:0;border-radius:inherit;--scene-read:0.6}:root:is(:not([data-scene]),[data-scene=day],[data-scene=dawn],[data-scene=sunset]) .f-scene{--scene-light:1}.f-scene-in{position:absolute;inset:-14px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.f-page>.f-scene .f-scene-in,.u-face-mid>.f-scene .f-scene-in{animation:f-scene-in 1.4s var(--ease-out) both}@keyframes f-scene-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.f-scene-in{animation:none}}.f-scene-l{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease-out);background-position:bottom;background-size:cover;background-repeat:no-repeat}:root:not([data-scene]) .f-scene-l[data-k=day],:root[data-scene=day] .f-scene-l[data-k=day]{opacity:1;background-image:url(/bg/scene-day.webp)}:root[data-scene=dawn] .f-scene-l[data-k=dawn]{opacity:1;background-image:url(/bg/scene-dawn.webp)}:root[data-scene=sunset] .f-scene-l[data-k=sunset]{opacity:1;background-image:url(/bg/scene-sunset.webp)}:root[data-scene=dusk] .f-scene-l[data-k=dusk]{opacity:1;background-image:url(/bg/scene-dusk.webp)}:root[data-scene=night] .f-scene-l[data-k=night]{opacity:1;background-image:url(/bg/scene-night.webp)}.f-scene canvas{position:absolute;inset:0;width:100%;height:100%}.f-scene-fx{z-index:3;-webkit-mask-image:url(/bg/scene-mask-sky.webp);mask-image:url(/bg/scene-mask-sky.webp);-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.f-scene-halo{-webkit-mask-image:url(/bg/scene-mask-halo.webp);mask-image:url(/bg/scene-mask-halo.webp);mix-blend-mode:screen}.f-scene .f-scene-flame{z-index:3;inset:auto;width:auto;height:auto;filter:blur(.4px) drop-shadow(0 0 7px rgb(var(--scene-fire)/.55))}.f-scene .f-scene-box{z-index:4;inset:auto}.f-scene:after{opacity:calc(1 - var(--scene-read, 0));background-image:radial-gradient(ellipse 52% 44% at 50% 30%,rgba(0,0,0,.4),rgba(0,0,0,.18) 60%,transparent),linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.1) 42%,transparent 62%)}.f-scene:after,.f-scene:before{content:"";position:absolute;inset:0;z-index:5}.f-scene:before{opacity:calc(var(--scene-light, 0) * (1 - var(--scene-read, 0)));transition:opacity 1.2s var(--ease-out);background-image:radial-gradient(ellipse 50% 42% at 50% 32%,rgba(0,0,0,.44),rgba(0,0,0,.22) 62%,transparent),linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.06) 55%,rgba(0,0,0,.04))}.f-scene-dim{position:absolute;inset:0;z-index:6;background-color:black;opacity:calc(var(--scene-read, 0) * (.52 + .14 * var(--scene-light, 0)))}.f-page:has(>.f-scene),.u-face.u-face-mid:has(>.f-scene){--glass-pos:50% 100%}.u-face.u-face-mid:has(>.f-scene){isolation:isolate;background-color:transparent;background-image:none}.u-face-mid:has(>.f-scene)>.u-card{background-position:0 0,var(--glass-pos)}.u-app>.u-main:has(>.f-scene):before{display:none}.u-app>.u-main:has(>.f-scene){--glass-pos:50% 100%}@media (max-width:720px){.f-scene{inset:var(--sp-6);border-radius:16px}.f-scene-l{background-position:66% bottom}.f-scene-fx{-webkit-mask-position:66% bottom;mask-position:66% bottom}.f-scene:after{background-image:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.36) 50%,transparent 76%)}.f-scene:before{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.24) 55%,rgba(0,0,0,.06))}.f-page:has(>.f-scene),.u-face.u-face-mid:has(>.f-scene){--glass-pos:66% 100%}}@media (max-width:720px),(pointer:coarse){.f-scene:not(.frame){bottom:auto;height:calc(100lvh - 2 * var(--sp-6))}.f-scene:not(.frame) .f-scene-in{transform:none;transition:none;animation:none}.f-scene:not(.frame) :is(.f-scene-fx,[data-c=flies]){visibility:hidden}.f-scene:not(.frame) .f-scene-flame{filter:none}}