.scene-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;will-change:transform}
.scene-stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 24% 46%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 38% 14%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 56% 34%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 72% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 88% 44%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 46% 72%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 14% 78%,rgba(255,255,255,.4),transparent)}
.scene-orb{position:absolute;border-radius:50%;will-change:transform}
.scene-rings{position:absolute;border-radius:50%;border:1px solid currentColor;opacity:.25;will-change:transform}
html[data-theme="day"] .scene-layer{background:radial-gradient(900px 640px at 82% 14%,rgba(199,155,255,.28),transparent 62%),radial-gradient(800px 620px at 12% 76%,rgba(143,194,255,.22),transparent 64%),linear-gradient(180deg,#fdfbff,#f0f6ff 48%,#fff3fa)}
html[data-theme="day"] .scene-orb{right:2%;top:2%;width:46vw;max-width:640px;aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#fffaff,#ecd9ff 34%,#d3b4f4 58%,rgba(180,140,230,0) 78%);opacity:.5}
html[data-theme="day"] .scene-rings{right:6%;top:8%;width:34vw;max-width:520px;aspect-ratio:1;color:#b18ae0;transform:rotate(-14deg) scaleY(.4)}
html[data-theme="day"] .scene-rings.two{right:2%;top:13%;width:40vw;max-width:600px;color:#8fc2ff;opacity:.18}
html[data-theme="day"] .scene-stars{opacity:.28;filter:invert(0)}
html[data-theme="day"] .scene-rain{position:absolute;inset:0;overflow:hidden;opacity:.32}
html[data-theme="day"] .scene-rain i{position:absolute;top:-12vh;width:1px;height:9vh;background:linear-gradient(180deg,transparent,rgba(150,130,210,.55));animation:sceneFall linear infinite}
@keyframes sceneFall{to{transform:translate3d(-4vw,120vh,0)}}
html[data-theme="day"] .scene-flowers{position:absolute;left:0;right:0;bottom:0;height:24vh;opacity:.9}
html[data-theme="night"] .scene-layer{background:radial-gradient(circle at 50% 0%,#101a2e,#020205 70%)}
html[data-theme="night"] .scene-orb{left:-16%;bottom:-34%;width:62vw;max-width:820px;aspect-ratio:1;background:radial-gradient(circle at 66% 34%,#161a22,#090b11 44%,#04050a 64%,#020204 76%);box-shadow:inset 12px 0 60px rgba(185,215,245,.08)}
html[data-theme="night"] .scene-rings{left:-6%;bottom:-10%;width:54vw;max-width:720px;aspect-ratio:1;color:#9fc3e8;transform:rotate(-16deg) scaleY(.3);opacity:.2}
html[data-theme="night"] .scene-rings.two{left:-1%;bottom:-4%;width:46vw;color:#7fa8d8;opacity:.12}
html[data-theme="night"] .scene-stars{opacity:.8}
html[data-theme="night"] .scene-grid{position:absolute;left:-20%;right:-20%;bottom:-8%;height:42vh;opacity:.32;background-image:linear-gradient(rgba(170,200,230,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(170,200,230,.10) 1px,transparent 1px);background-size:100% 30px,68px 100%;transform:perspective(440px) rotateX(69deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%)}
html[data-theme="night"] .scene-beam{position:absolute;top:-20%;right:24%;width:1px;height:90%;background:linear-gradient(180deg,rgba(225,240,255,.5),transparent);opacity:.14;transform:rotate(-10deg)}
html[data-theme="night"] .scene-rain{display:none}
html[data-theme="night"] .scene-flowers{display:none}
@media (max-width:860px){html[data-theme="day"] .scene-orb{width:80vw;right:-24%;top:0;opacity:.4}html[data-theme="night"] .scene-orb{width:100vw;left:-40%}html[data-theme="day"] .scene-rings{display:none}}