.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)}}@media (prefers-reduced-motion:reduce){.bd *,.bd{animation-play-state:paused!important}}