.bd{pointer-events:none;contain:strict;--bd-1:var(--sky,#4a86cc);--bd-2:var(--color-accent);--bd-3:var(--color-now,#f2a65a);--bd-4:#6b3f86;--bd-strength:1;--bd-star:#fff;--bd-grid:color-mix(in oklab, var(--color-fg) 7%, transparent);position:absolute;inset:0;overflow:hidden;container-type:size}html[data-appearance=day] .bd{--bd-strength:.6;--bd-4:#b9a6e6;--bd-star:#5b6180}html[data-appearance=black] .bd{--bd-1:#3a3a3a;--bd-2:#2c2c2c;--bd-4:#202020;--bd-strength:.8;--bd-grid:#ffffff0f}.bd>span,.bd>svg,.bd>canvas{position:absolute}.bd-dusk .bd-sky{background:linear-gradient(180deg, color-mix(in oklab, var(--bd-1) calc(60% * var(--bd-strength)), var(--color-ink)) 0%, color-mix(in oklab, var(--bd-4) calc(35% * var(--bd-strength)), var(--color-ink)) 55%, var(--color-ink) 100%);inset:0}.bd-dusk .bd-sun{background:radial-gradient(closest-side, color-mix(in oklab, var(--bd-3) calc(55% * var(--bd-strength)), transparent), color-mix(in oklab, var(--bd-3) calc(18% * var(--bd-strength)), transparent) 45%, transparent 100%);border-radius:50%;width:90cqmin;height:90cqmin;margin:-45cqmin 0 0 -45cqmin;animation:16s ease-in-out infinite alternate bd-breathe;top:74%;left:50%}.bd-dusk .bd-line{background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--bd-3) 70%, white) 50%, transparent 100%);height:1px;opacity:calc(.55 * var(--bd-strength));background-repeat:no-repeat;background-size:50% 100%;animation:11s ease-in-out infinite bd-shimmer;top:74%;left:0;right:0}@keyframes bd-breathe{0%{opacity:.85;transform:translateY(2%)scale(.96)}to{opacity:1;transform:translateY(-3%)scale(1.06)}}@keyframes bd-shimmer{0%{background-position:-60% 0}to{background-position:160% 0}}.bd-drift>span{width:95cqmax;height:95cqmax;opacity:calc(.42 * var(--bd-strength));will-change:transform;border-radius:50%}.bd-drift>span:first-child{background:radial-gradient(closest-side, var(--bd-1), transparent);animation:46s ease-in-out infinite alternate bd-drift-a;top:-30cqmax;left:-35cqmax}.bd-drift>span:nth-child(2){background:radial-gradient(closest-side, var(--bd-2), transparent);animation:58s ease-in-out infinite alternate bd-drift-b;top:5cqmax;right:-40cqmax}.bd-drift>span:nth-child(3){background:radial-gradient(closest-side, var(--bd-4), transparent);animation:64s ease-in-out infinite alternate bd-drift-c;bottom:-45cqmax;left:-20cqmax}.bd-drift>span:nth-child(4){background:radial-gradient(closest-side, var(--bd-3), transparent);width:70cqmax;height:70cqmax;opacity:calc(.28 * var(--bd-strength));animation:52s ease-in-out infinite alternate-reverse bd-drift-a;bottom:-50cqmax;right:-30cqmax}@keyframes bd-drift-a{to{transform:translate(18cqmin,22cqmin)scale(1.15)}}@keyframes bd-drift-b{to{transform:translate(-24cqmin,16cqmin)scale(.9)}}@keyframes bd-drift-c{to{transform:translate(20cqmin,-18cqmin)scale(1.1)}}.bd-aurora{background:linear-gradient(180deg, color-mix(in oklab, var(--bd-4) calc(30% * var(--bd-strength)), var(--color-ink)) 0%, var(--color-ink) 70%)}.bd-aurora>span{mix-blend-mode:screen;width:160%;height:34cqh;opacity:calc(.5 * var(--bd-strength));will-change:transform, opacity;border-radius:50%;left:-30%}html[data-appearance=day] .bd-aurora>span{mix-blend-mode:multiply}.bd-aurora>span:first-child{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--bd-2) 80%, transparent), transparent);animation:22s ease-in-out infinite alternate bd-ribbon;top:2cqh}.bd-aurora>span:nth-child(2){background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--bd-1) 85%, transparent), transparent);animation:30s ease-in-out infinite alternate-reverse bd-ribbon;top:12cqh}.bd-aurora>span:nth-child(3){background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--bd-3) 60%, transparent), transparent);height:24cqh;opacity:calc(.3 * var(--bd-strength));animation:38s ease-in-out infinite alternate bd-ribbon;top:22cqh}@keyframes bd-ribbon{0%{transform:translate(-8%)rotate(-6deg)scaleY(.8)}50%{transform:translate(6%)rotate(3deg)scaleY(1.15)}to{transform:translate(10%)rotate(-2deg)scaleY(.9)}}.bd-night .bd-glow{background:radial-gradient(120% 60% at 50% 100%, color-mix(in oklab, var(--bd-1) calc(40% * var(--bd-strength)), transparent), transparent 70%);inset:0}.bd-night .bd-canvas{width:100%;height:100%;inset:0}.bd-tide{width:200%;height:40cqh;bottom:0;left:0}.bd-wave{will-change:transform;opacity:var(--bd-strength);animation:34s linear infinite bd-tide}.bd-wave-1{animation-duration:46s;animation-direction:reverse}.bd-wave-2{animation-duration:58s}@keyframes bd-tide{to{transform:translate(-50%)}}.bd-lines{background-image:linear-gradient(var(--bd-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bd-grid) 1px, transparent 1px);background-position:50%;background-size:28px 28px;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 40%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 40%,#0000 100%)}.bd-lines .bd-sweep{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-fg) 9%, transparent) 50%, transparent);height:30cqh;animation:12s cubic-bezier(.45,0,.55,1) infinite bd-sweep;top:-30cqh;left:0;right:0}@keyframes bd-sweep{to{transform:translateY(160cqh)}}.bd-haunt{background:linear-gradient(180deg, color-mix(in oklab, var(--color-highlight,var(--bd-4)) calc(10% * var(--bd-strength)), var(--color-ink)) 0%, var(--color-ink) 75%)}.bd-haunt>span{will-change:transform, opacity;position:absolute}.bd-fog{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--color-highlight,var(--bd-2)) 38%, transparent), transparent);width:180%;height:26cqh;opacity:calc(.6 * var(--bd-strength));border-radius:50%;left:-40%}.bd-fog:first-child{animation:34s ease-in-out infinite alternate bd-fog;bottom:-4cqh}.bd-fog:nth-child(2){opacity:calc(.42 * var(--bd-strength));animation:46s ease-in-out infinite alternate-reverse bd-fog;bottom:10cqh}.bd-fog:nth-child(3){opacity:calc(.28 * var(--bd-strength));animation:58s ease-in-out infinite alternate bd-fog;bottom:26cqh}@keyframes bd-fog{0%{transform:translate(-9%)scaleY(.9)}to{transform:translate(9%)scaleY(1.15)}}.bd-bat{background:color-mix(in oklab, var(--color-fg) 55%, var(--color-ink));clip-path:polygon(0 20%,22% 0,40% 38%,50% 22%,60% 38%,78% 0,100% 20%,82% 68%,62% 48%,50% 100%,38% 48%,18% 68%);width:7cqw;height:2.6cqw;opacity:calc(.5 * var(--bd-strength));animation:38s linear infinite bd-fly,.9s ease-in-out infinite alternate bd-flap;top:14cqh;left:-10cqw}.bd-bat:nth-of-type(5){width:5cqw;animation-duration:52s,.75s;animation-delay:-14s,0s;top:28cqh}.bd-bat:nth-of-type(6){width:4cqw;animation-duration:64s,.7s;animation-delay:-40s,0s;top:9cqh}@keyframes bd-fly{0%{transform:translate(0,0)}to{transform:translate(125cqw,-6cqh)}}@keyframes bd-flap{0%{scale:1}to{scale:1 .55}}.bd-ember{background:var(--color-accent);opacity:0;border-radius:50%;width:1.4cqw;height:1.4cqw;animation:14s ease-in infinite bd-ember;bottom:-2cqh}.bd-ember:nth-of-type(7){animation-delay:-2s;left:14%}.bd-ember:nth-of-type(8){animation-duration:18s;animation-delay:-7s;left:31%}.bd-ember:nth-of-type(9){animation-duration:12s;animation-delay:-4s;left:47%}.bd-ember:nth-of-type(10){animation-duration:16s;animation-delay:-10s;left:63%}.bd-ember:nth-of-type(11){animation-duration:20s;animation-delay:-1s;left:78%}.bd-ember:nth-of-type(12){animation-delay:-12s;left:90%}@keyframes bd-ember{0%{opacity:0;transform:translate(0,0)}12%{opacity:calc(.85 * var(--bd-strength))}to{opacity:0;transform:translate(3cqw,-70cqh)}}html[data-motion=reduced] .bd-bat,html[data-motion=none] .bd-bat,html[data-motion=reduced] .bd-ember,html[data-motion=none] .bd-ember{animation:none}html[data-motion=reduced] .bd-ember,html[data-motion=none] .bd-ember{opacity:0}@media (prefers-reduced-motion:reduce){.bd *,.bd{animation-play-state:paused!important}}