:root{--fx-backdrop:radial-gradient(900px 600px at 8% -5%,rgba(34,211,238,0.22),transparent 60%),radial-gradient(800px 560px at 45% 40%,rgba(96,165,250,0.16),transparent 65%),radial-gradient(700px 500px at 85% 15%,rgba(56,189,248,0.14),transparent 65%),radial-gradient(800px 600px at 100% 100%,rgba(167,139,250,0.22),transparent 60%),radial-gradient(700px 520px at 0% 100%,rgba(34,211,238,0.26),transparent 62%),linear-gradient(180deg,#ecf3fb,#e2ecf8);--fx-backdrop-after:radial-gradient(1400px 260px at 30% 108%,rgba(34,211,238,0.16),transparent 70%),radial-gradient(1200px 200px at 80% -8%,rgba(96,165,250,0.14),transparent 70%);--fx-streak-a-border:rgba(8,145,178,0.30);--fx-streak-a-shadow:0 -10px 60px -10px rgba(34,211,238,0.35);--fx-streak-b-border:rgba(14,165,233,0.22);--fx-streak-b-shadow:0 14px 70px -16px rgba(56,189,248,0.28);--fx-streak-c-border:rgba(8,145,178,0.14);--fx-beam-head:initial;--fx-beam-head-stop:12%;--fx-beam-mid-stop:58%;--fx-beam-glow-filter:blur(9px) saturate(1.4);--fx-beam-glow-blend:normal;--fx-beam-glow-opacity:0.9}:root[data-theme=dark]{--fx-backdrop:radial-gradient(900px 600px at 8% -5%,rgba(34,211,238,0.20),transparent 60%),radial-gradient(800px 560px at 45% 40%,rgba(37,99,235,0.22),transparent 65%),radial-gradient(700px 500px at 85% 15%,rgba(14,165,233,0.16),transparent 65%),radial-gradient(800px 600px at 100% 100%,rgba(139,92,246,0.18),transparent 60%),radial-gradient(700px 520px at 0% 100%,rgba(6,182,212,0.30),transparent 62%),linear-gradient(180deg,#071224,#040912);--fx-backdrop-after:radial-gradient(1400px 260px at 30% 108%,rgba(34,211,238,0.18),transparent 70%),radial-gradient(1200px 200px at 80% -8%,rgba(96,165,250,0.16),transparent 70%);--fx-streak-a-border:rgba(103,232,249,0.35);--fx-streak-a-shadow:0 -10px 60px -10px rgba(34,211,238,0.45);--fx-streak-b-border:rgba(125,211,252,0.22);--fx-streak-b-shadow:0 14px 70px -16px rgba(56,189,248,0.35);--fx-streak-c-border:rgba(165,243,252,0.14);--fx-beam-head:#ffffff;--fx-beam-head-stop:18%;--fx-beam-mid-stop:62%;--fx-beam-glow-filter:blur(10px) brightness(1.7);--fx-beam-glow-blend:screen;--fx-beam-glow-opacity:1}.app-backdrop{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--fx-backdrop)}.app-backdrop:after{content:"";position:absolute;inset:0;background:var(--fx-backdrop-after)}.app-backdrop .streak{position:absolute;border-radius:50%;filter:blur(2px)}.app-backdrop .streak.a{left:-25vw;bottom:-38vh;width:80vw;height:70vh;border-top:2px solid var(--fx-streak-a-border);box-shadow:var(--fx-streak-a-shadow);transform:rotate(-8deg)}.app-backdrop .streak.b{right:-30vw;top:-45vh;width:90vw;height:70vh;border-bottom:2px solid var(--fx-streak-b-border);box-shadow:var(--fx-streak-b-shadow);transform:rotate(6deg)}.app-backdrop .streak.c{left:20vw;top:-30vh;width:60vw;height:50vh;border-bottom:1px solid var(--fx-streak-c-border);transform:rotate(-4deg)}.app-backdrop canvas{position:fixed;inset:0;width:100%;height:100%}.fx-beam{display:block;position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:3;overflow:hidden;border:6px solid transparent;-webkit-mask:linear-gradient(transparent,transparent) padding-box,linear-gradient(#000,#000) border-box;-webkit-mask-composite:source-in;mask:linear-gradient(transparent,transparent) padding-box,linear-gradient(#000,#000) border-box;mask-composite:intersect}.fx-beam.glow{filter:var(--fx-beam-glow-filter);inset:-10px;border-width:22px;mix-blend-mode:var(--fx-beam-glow-blend);opacity:var(--fx-beam-glow-opacity)}.fx-beam i{position:absolute;width:calc(var(--size, 220px) * 1.5);aspect-ratio:1;background:linear-gradient(to left,var(--fx-beam-head,var(--from)) 0,var(--from) var(--fx-beam-head-stop,18%),var(--to) var(--fx-beam-mid-stop,62%),transparent 100%);offset-path:rect(0 auto auto 0 round var(--size,220px));animation:fx-beam var(--dur,9s) linear infinite;animation-delay:var(--delay,0s)}@keyframes fx-beam{0%{offset-distance:0}to{offset-distance:100%}}@layer components{.fx-host{position:relative;overflow:hidden;isolation:isolate}}.fx-shimmer{inset:0;overflow:visible;filter:blur(2px);container-type:size}.fx-shimmer,.fx-shimmer-cut{display:block;position:absolute;z-index:-1;pointer-events:none}.fx-shimmer-cut{inset:var(--cut,1.5px);border-radius:inherit;background:var(--cut-fx,var(--cut-bg))}.fx-shimmer .slide{position:absolute;inset:0;height:100cqh;aspect-ratio:1;animation:fx-shimmer-slide var(--speed,3s) ease-in-out infinite alternate}.fx-shimmer .spark{position:absolute;inset:-100%;width:auto;background:conic-gradient(from calc(270deg - 45deg),transparent 0,var(--shimmer-fx,var(--shimmer,#a5f3fc)) 90deg,transparent 90deg);animation:fx-spin-around calc(var(--speed, 3s) * 2) infinite linear}@keyframes fx-shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes fx-spin-around{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(1turn)}}@media (prefers-reduced-motion:no-preference){:root:not([data-fx=off]) .fx-host:has(>.fx-shimmer){background:transparent}}:root[data-fx=off] .app-backdrop canvas,:root[data-fx=off] .fx-beam,:root[data-fx=off] .fx-shimmer,:root[data-fx=off] .fx-shimmer-cut{display:none!important}@media (prefers-reduced-motion:reduce){.app-backdrop canvas,.fx-beam,.fx-shimmer,.fx-shimmer-cut{display:none!important}}@media print{.app-backdrop,.fx-beam,.fx-shimmer,.fx-shimmer-cut{display:none!important}}