.scene{background:radial-gradient(80% 70% at 50% 45%,#1f2d47 0%,#111a2c 55%,#070b14 100%);width:100%;padding:clamp(4px,2%,16px) clamp(12px,5%,48px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.scene-sky-day{opacity:var(--day,1);background:radial-gradient(80% 70% at 50% 40%,#4a6686 0%,#37516d 55%,#1a2738 100%);transition:opacity 1.5s;position:absolute;inset:0}.scene:not(.scene-eased),.scene:not(.scene-eased) *{transition:none!important}.scene-sky-gray{background:radial-gradient(80% 70% at 50% 45%,#22252b 0%,#14161a 55%,#08090b 100%);transition:opacity 1.5s;position:absolute;inset:0}.scene-sky-gray-day{opacity:var(--day,1);background:radial-gradient(80% 70% at 50% 40%,#4e5258 0%,#2a2d31 55%,#0e0f11 100%);transition:opacity 1.5s;position:absolute;inset:0}.scene-stars{width:100%;height:100%;position:absolute;inset:0}.scene-twilight{transition:opacity 1.5s;position:absolute;inset:0}.scene-clouds{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-still .scene-rain-far,.scene-still .scene-rain-near{animation:none}.scene-sun-glow{aspect-ratio:1;background:radial-gradient(closest-side,#f4f7fa 0%,#eef3f7f2 10%,#cddae273 20%,#b4c6d41f 40%,#b4c6d400 70%);border-radius:50%;transition:opacity 1.5s,left 1.5s,top 1.5s,width 1.5s;position:absolute;transform:translate(-50%,-50%)}.scene-sun-haze{background:radial-gradient(closest-side,#bed0de52 0%,#aac0d224 40%,#aac0d200 100%);border-radius:50%;transition:opacity 1.5s;position:absolute;inset:-100%}.scene-moon{aspect-ratio:1;transition:opacity 1.5s,left 1.5s,top 1.5s,filter 1.5s;position:absolute;transform:translate(-50%,-50%)}.scene-moon svg{width:100%;height:100%;display:block;position:relative}.scene-moon-glow{background:radial-gradient(closest-side,#eef0f21a 30%,#eef0f200 100%);border-radius:50%;position:absolute;inset:-100%}.scene-rain{pointer-events:none;position:absolute;bottom:-16px;left:-48px;right:-48px;overflow:hidden}.scene-rain-tilt{transition:transform 1.5s;position:absolute;inset:0 -60%}.scene-rain-far,.scene-rain-near{transition:opacity 1.5s;position:absolute;bottom:0;left:0;right:0}.scene-rain-far{background-size:200px 200px;animation:.9s linear infinite scene-rain-far;top:-200px}.scene-rain-near{background-size:260px 260px;animation:.55s linear infinite scene-rain-near;top:-260px}@keyframes scene-rain-far{to{transform:translateY(200px)}}@keyframes scene-rain-near{to{transform:translateY(260px)}}.scene-ground{background-color:color-mix(in srgb, #10141c calc(var(--day,1) * 100%), #090b10);transition:background-color 1.5s;position:absolute;bottom:-16px;left:-48px;right:-48px;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.scene-sun-glow-warm{background:radial-gradient(closest-side,#ffd9a8 0%,#ffb066 9%,#ff964659 13%,#ff78281f 35%,#ff782800 70%);border-radius:50%;transition:opacity 1.5s;position:absolute;inset:0}.scene-stage{width:100%;position:relative;container-type:inline-size}.scene-layer,.scene-render,.scene-lights,.scene-sun,.scene-shade{width:100%;position:absolute;left:0}.scene-layer{height:100%;top:0}.scene-render,.scene-plug{filter:brightness(calc((.72 + .28 * var(--day,1)) * (1 - .12 * var(--cover,0) * var(--day,1)))) saturate(calc(1 - .2 * var(--cover,0) * var(--day,1)));transition:filter 1.5s}.scene-plug{filter:brightness(calc(.72 + .28 * var(--day,1)))}.scene-glow{mix-blend-mode:soft-light;transition:opacity 1.5s,filter 1.5s}.scene-sun{mix-blend-mode:color-dodge;transition:opacity 1.5s}.scene-shade{filter:brightness(0);transition:opacity 1.5s}.scene-lights{transition:opacity .15s}.scene-line,.scene-flow{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.scene-line{stroke:#33373e}.scene-cable,.scene-cable .scene-flow{stroke-width:4px}.scene-plug polyline{fill:none;stroke:#c8ccd2;stroke-width:6px;stroke-linecap:round}.scene-flow{stroke-linecap:butt}.scene-label{white-space:nowrap;text-shadow:0 0 3px #000000d9,0 0 8px #000000bf,0 0 18px #0000008c;line-height:1.2;position:absolute}.scene-label-middle{text-align:center;transform:translate(-50%)}.scene-label-end{text-align:right}.scene-label-title{color:#a3abb8;letter-spacing:.08em;font-size:clamp(11px,1.5cqw,18px);font-weight:500}.scene-label-value{color:#fff;font-size:clamp(14px,2.6cqw,31px);font-weight:500}.scene-label-note{color:#a3abb8;font-size:clamp(11px,1.5cqw,18px)}