*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:"Exo 2",sans-serif}#root{height:100%}@supports (height:100dvh){body,#root{height:100dvh}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}input[type=range]{appearance:none;background:#80808040;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--thumb-color,white);width:16px;height:16px;box-shadow:0 0 6px var(--thumb-color,transparent);cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--thumb-color,white);width:16px;height:16px;box-shadow:0 0 6px var(--thumb-color,transparent);cursor:pointer;border:none;border-radius:50%}@media (pointer:coarse){input[type=range]{border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}.dominance-scrub{background:0 0}.dominance-scrub::-webkit-slider-thumb{width:1px;height:100%;box-shadow:none;background:0 0}.dominance-scrub::-moz-range-thumb{width:1px;height:100%;box-shadow:none;background:0 0}@media (pointer:coarse){.dominance-scrub::-webkit-slider-thumb{width:1px;height:100%}.dominance-scrub::-moz-range-thumb{width:1px;height:100%}}.cdf-col{container:cdfcol/inline-size}.cdf-header{flex-wrap:wrap;align-items:flex-start;gap:10px 16px;display:flex}.cdf-header__title{flex:auto;align-items:baseline;gap:12px;min-width:0;display:flex}.cdf-header__switch{flex-shrink:0;order:1}.cdf-header__ruler{flex-shrink:0;flex-basis:100%;order:2}@container cdfcol (width>=1080px){.cdf-header__ruler{flex-basis:auto;order:1}.cdf-header__switch{order:2}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0;vertical-align:middle;line-height:1}.grad-field{z-index:-1;pointer-events:none;will-change:transform, background-position;position:fixed;inset:-45%}@media (prefers-reduced-motion:reduce){.grad-field,.grad-field *{animation:none!important}}.grad-still,.grad-still *{animation:none!important}.grad-aurora{filter:blur(30px);background:radial-gradient(30% 42% at 20% 34%,#00e5ff52,#0000 70%),radial-gradient(34% 46% at 78% 26%,#c49cff47,#0000 70%),radial-gradient(38% 52% at 62% 82%,#3cffa033,#0000 70%),radial-gradient(30% 42% at 14% 88%,#ff6b6b24,#0000 70%);animation:20s ease-in-out infinite alternate auroraDrift}@keyframes auroraDrift{0%{transform:translate(-3%,-2%)scale(1.04)}50%{transform:translate(3%,3%)scale(1.12)}to{transform:translate(4%,-3%)scale(1.06)}}.grad-nebula{filter:blur(40px);background:radial-gradient(34% 48% at 26% 30%,#00e5ff4d,#0000 72%),radial-gradient(38% 52% at 74% 32%,#c49cff4d,#0000 72%),radial-gradient(42% 56% at 54% 78%,#64b5f62e,#0000 72%),radial-gradient(30% 44% at 18% 82%,#3cffa01f,#0000 72%);animation:28s ease-in-out infinite alternate nebulaBreathe}@keyframes nebulaBreathe{0%{transform:translate(-2%,-1%)scale(1.04)}to{transform:translate(2%,2%)scale(1.12)}}.grad-tide{filter:blur(38px);background:radial-gradient(38% 52% at 16% 40%,#00e5ff4d,#0000 72%),radial-gradient(40% 54% at 58% 28%,#3cffa038,#0000 72%),radial-gradient(38% 52% at 86% 66%,#64b5f638,#0000 72%),radial-gradient(30% 46% at 42% 90%,#c49cff21,#0000 72%);animation:30s ease-in-out infinite alternate tideFlow}@keyframes tideFlow{0%{transform:translate(-5%)scale(1.06)}to{transform:translate(5%,1%)scale(1.1)}}.grad-dusk{filter:blur(42px);background:radial-gradient(40% 52% at 24% 34%,#c49cff4d,#0000 72%),radial-gradient(36% 50% at 76% 28%,#00e5ff3d,#0000 72%),radial-gradient(42% 54% at 64% 80%,#f48fb129,#0000 72%),radial-gradient(30% 44% at 16% 84%,#f2c7441f,#0000 72%);animation:32s ease-in-out infinite alternate duskFloat}@keyframes duskFloat{0%{transform:translate(-2%,-2%)scale(1.05)rotate(-1deg)}to{transform:translate(3%,2%)scale(1.12)rotate(1deg)}}.grad-layer{pointer-events:none;will-change:transform;position:absolute}.grad-lava{background:radial-gradient(54% 34% at 50% 78%,#00e5ff21,#0000 74%),radial-gradient(66% 48% at 50% 44%,#c49cff12,#0000 78%)}.grad-lava .grad-layer{top:var(--y);left:var(--x);height:var(--h);aspect-ratio:var(--ar);border-radius:50%;width:auto}.grad-lava .grad-layer--1{--y:22%;--x:29%;--h:26%;--ar:1.15;background:radial-gradient(closest-side,#c49cff4d 0 44%,#c49cff30 63%,#c49cff0f 82%,#0000 100%);animation:41s ease-in-out -6s infinite alternate lavaRise1}.grad-lava .grad-layer--2{--y:47%;--x:61%;--h:21%;--ar:.92;background:radial-gradient(closest-side,#00e5ff47 0 44%,#00e5ff2b 63%,#00e5ff0d 82%,#0000 100%);animation:47s ease-in-out -22s infinite alternate lavaRise2}.grad-lava .grad-layer--3{--y:30%;--x:70%;--h:28%;--ar:1.24;background:radial-gradient(closest-side,#c49cff42 0 44%,#c49cff29 63%,#c49cff0d 82%,#0000 100%);animation:53s ease-in-out -35s infinite alternate lavaRise3}.grad-lava .grad-layer--4{--y:55%;--x:35%;--h:23%;--ar:1.05;background:radial-gradient(closest-side,#00e5ff3d 0 44%,#00e5ff26 63%,#00e5ff0a 82%,#0000 100%);animation:59s ease-in-out -13s infinite alternate lavaRise4}.grad-lava .grad-layer--5{--y:38%;--x:49%;--h:19%;--ar:1.1;background:radial-gradient(closest-side,#3cffa02b 0 44%,#3cffa01c 63%,#3cffa00a 82%,#0000 100%);animation:67s ease-in-out -44s infinite alternate lavaRise5}@keyframes lavaRise1{0%{transform:translateY(102%)scale(1.06,.92)}50%{transform:translate(-4%,6%)scale(.95,1.07)}to{transform:translate(2%,-95%)scale(1.05,.93)}}@keyframes lavaRise2{0%{transform:translateY(-88%)scale(1.05,.93)}50%{transform:translate(5%,-2%)scale(.96,1.06)}to{transform:translate(-3%,99%)scale(1.07,.91)}}@keyframes lavaRise3{0%{transform:translateY(96%)scale(1.04,.94)}50%{transform:translate(3%,8%)scale(.97,1.05)}to{transform:translate(-5%,-84%)scale(1.06,.92)}}@keyframes lavaRise4{0%{transform:translateY(-92%)scale(1.06,.92)}50%{transform:translate(-5%,4%)scale(.95,1.07)}to{transform:translate(4%,104%)scale(1.04,.94)}}@keyframes lavaRise5{0%{transform:translateY(86%)scale(1.05,.93)}50%{transform:translate(4%,-6%)scale(.96,1.06)}to{transform:translate(-2%,-90%)scale(1.07,.92)}}.grad-borealis{background:radial-gradient(84% 40% at 50% 34%,#00e5ff12,#0000 78%)}.grad-borealis .grad-layer{top:var(--y);height:var(--h);left:var(--x);width:calc(var(--w) * 1vw);transform-origin:50% 40%}.grad-borealis .grad-layer--1{--x:10%;--w:104;--y:20%;--h:40%;filter:blur(12px);background:repeating-linear-gradient(92deg,#0000 0 34px,#c8fff04d 34px 52px,#0000 52px 74px,#c8fff026 74px 88px,#0000 88px 118px),linear-gradient(#d696ff1a 0,#d696ff75 27%,#00e5ff52 50%,#3cffa057 72%,#3cffa01a 100%);animation:29s ease-in-out -4s infinite alternate borealisSway1;-webkit-mask-image:radial-gradient(36% 38% at 42% 45%,#000 0 20%,#0000009e 46%,#00000038 70%,#0000 90%);mask-image:radial-gradient(36% 38% at 42% 45%,#000 0 20%,#0000009e 46%,#00000038 70%,#0000 90%)}.grad-borealis .grad-layer--2{--x:27%;--w:84;--y:24%;--h:36%;filter:blur(10px);background:repeating-linear-gradient(88deg,#0000 0 26px,#c8fff057 26px 40px,#0000 40px 62px,#c8fff024 62px 74px,#0000 74px 96px),linear-gradient(#d696ff17 0,#d696ff6b 25%,#00e5ff4d 48%,#3cffa04d 70%,#3cffa017 100%);animation:34s ease-in-out -17s infinite alternate borealisSway2;-webkit-mask-image:radial-gradient(36% 38% at 58% 45%,#000 0 18%,#00000094 44%,#0003 68%,#0000 90%);mask-image:radial-gradient(36% 38% at 58% 45%,#000 0 18%,#00000094 44%,#0003 68%,#0000 90%)}.grad-borealis .grad-layer--3{--x:37%;--w:112;--y:18%;--h:44%;filter:blur(14px);background:repeating-linear-gradient(94deg,#0000 0 40px,#c8fff042 40px 60px,#0000 60px 86px,#c8fff021 86px 102px,#0000 102px 134px),linear-gradient(#d696ff14 0,#d696ff66 29%,#00e5ff47 52%,#3cffa04d 74%,#3cffa014 100%);animation:39s ease-in-out -28s infinite alternate borealisSway3;-webkit-mask-image:radial-gradient(42% 40% at 47% 46%,#000 0 22%,#0009 48%,#00000038 72%,#0000 91%);mask-image:radial-gradient(42% 40% at 47% 46%,#000 0 22%,#0009 48%,#00000038 72%,#0000 91%)}.grad-borealis .grad-layer--4{--x:20%;--w:70;--y:26%;--h:34%;filter:blur(8px);background:repeating-linear-gradient(87deg,#0000 0 22px,#c8fff052 22px 36px,#0000 36px 54px,#c8fff029 54px 66px,#0000 66px 84px),linear-gradient(#a0beff14 0,#a0beff5c 24%,#00e5ff4d 48%,#3cffa047 72%,#3cffa014 100%);animation:45s ease-in-out -11s infinite alternate borealisSway4;-webkit-mask-image:radial-gradient(34% 38% at 62% 44%,#000 0 16%,#0000008f 42%,#0000002e 66%,#0000 89%);mask-image:radial-gradient(34% 38% at 62% 44%,#000 0 16%,#0000008f 42%,#0000002e 66%,#0000 89%)}.grad-borealis .grad-layer--5{--x:57%;--w:78;--y:22%;--h:38%;filter:blur(9px);background:repeating-linear-gradient(96deg,#0000 0 28px,#c8fff047 28px 42px,#0000 42px 66px,#c8fff01f 66px 80px,#0000 80px 104px),linear-gradient(#3cffa014 0,#3cffa04d 26%,#00e5ff4d 50%,#d696ff66 74%,#d696ff1a 100%);animation:52s ease-in-out -37s infinite alternate borealisSway5;-webkit-mask-image:radial-gradient(34% 40% at 40% 47%,#000 0 19%,#00000094 45%,#0003 69%,#0000 90%);mask-image:radial-gradient(34% 40% at 40% 47%,#000 0 19%,#00000094 45%,#0003 69%,#0000 90%)}@keyframes borealisSway1{0%{transform:translate(-5%)rotate(-5deg)skew(-4deg)scaleY(.94)}to{transform:translate(4%,2%)rotate(-3deg)skew(3deg)scaleY(1.07)}}@keyframes borealisSway2{0%{transform:translate(4%,2%)rotate(4deg)skew(5deg)scaleY(1.06)}to{transform:translate(-5%)rotate(6deg)skew(-2deg)scaleY(.94)}}@keyframes borealisSway3{0%{transform:translate(-4%)rotate(-3deg)skew(-5deg)scaleY(1.05)}to{transform:translate(6%,3%)rotate(-1deg)skew(2deg)scaleY(.93)}}@keyframes borealisSway4{0%{transform:translate(5%,1%)rotate(6deg)skew(3deg)scaleY(.96)}to{transform:translate(-3%,3%)rotate(3deg)skew(-4deg)scaleY(1.08)}}@keyframes borealisSway5{0%{transform:translate(-6%,3%)rotate(-6deg)skew(-2deg)scaleY(1.05)}to{transform:translate(3%)rotate(-4deg)skew(4deg)scaleY(.94)}}.grad-still.grad-lava .grad-layer,.grad-still.grad-borealis .grad-layer{left:calc((var(--x) - 23.7%) / .526);top:calc((var(--y) - 23.7%) / .526);height:calc(var(--h) / .526)}.grad-still.grad-borealis .grad-layer{width:calc(var(--w) * 1%);filter:blur(2px);height:74%;top:11%;-webkit-mask-image:linear-gradient(#0000 0,#00000094 26%,#0000009e 52%,#00000038 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#00000094 26%,#0000009e 52%,#00000038 80%,#0000 100%)}