@property --g1-x{syntax:"<percentage>";inherits:false;initial-value:24%}@property --g1-y{syntax:"<percentage>";inherits:false;initial-value:50%}@property --g2-x{syntax:"<percentage>";inherits:false;initial-value:18%}@property --g2-y{syntax:"<percentage>";inherits:false;initial-value:71%}@property --g3-x{syntax:"<percentage>";inherits:false;initial-value:36%}@property --g3-y{syntax:"<percentage>";inherits:false;initial-value:76%}@property --g4-x{syntax:"<percentage>";inherits:false;initial-value:72%}@property --g4-y{syntax:"<percentage>";inherits:false;initial-value:23%}@property --g5-x{syntax:"<percentage>";inherits:false;initial-value:91%}@property --g5-y{syntax:"<percentage>";inherits:false;initial-value:74%}@property --g6-x{syntax:"<percentage>";inherits:false;initial-value:67%}@property --g6-y{syntax:"<percentage>";inherits:false;initial-value:38%}:root{--bg:#0a0e27;--surface:#1e23414d;--border:#ffffff26;--light:#e0e6ff84;--text:#e0e6ff;--muted:#353b5122;--primary:#ff2a6d;--primary-shadow:#ff2a6d40;--accent:#00f5ff;--accent-shadow:#00f5ff40;--secondary:#da54d8;--gold:#fa0;--gold-shadow:#ffaa0040;--success:#0f8;--success-shadow:#00ff8840;--warning:#fa0;--error:#ff2a6d;--glow:0 0 30px currentColor;--blur:16px;--surface-raised:#10173feb;--border-strong:#ffffff61;--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--radius-sm:.4rem;--radius:.7rem;--radius-lg:1rem;--radius-card:1rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--path:polygon(56.4% 0%, 7.5% 0%, 3.3% 3.3%, 0% 7.5%, 0% 92.5%, 3.3% 96.7%, 7.5% 100%, 92.5% 100%, 96.7% 96.7%, 100% 92.5%, 100% 22.4%, 96.7% 18.1%, 92.5% 14.9%, 71.4% 14.9%, 67.9% 11.4%, 64.6% 7.5%, 60.8% 3.3%, 56.4% 0%)}body{background-color:var(--bg);color:var(--primary);background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;background-image:radial-gradient(18% 28% at var(--g1-x) var(--g1-y), var(--primary-shadow) 7%, transparent 100%), radial-gradient(18% 28% at var(--g2-x) var(--g2-y), var(--border) 6%, transparent 100%), radial-gradient(70% 53% at var(--g3-x) var(--g3-y), var(--primary-shadow) 0%, transparent 100%), radial-gradient(21% 37% at var(--g4-x) var(--g4-y), var(--gold-shadow) 24%, transparent 100%), radial-gradient(35% 56% at var(--g5-x) var(--g5-y), var(--accent-shadow) 9%, transparent 100%), radial-gradient(74% 86% at var(--g6-x) var(--g6-y), var(--success-shadow) 24%, transparent 100%);background-blend-mode:screen;opacity:1;flex-wrap:wrap;justify-content:center;min-width:100vw;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:20s ease-in-out infinite alternate orbs;display:flex;&:before{content:"";mix-blend-mode:color-burn;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed}}@keyframes orbs{0%{--g1-x:24%;--g1-y:50%;--g2-x:18%;--g2-y:71%;--g3-x:36%;--g3-y:76%;--g4-x:72%;--g4-y:23%;--g5-x:91%;--g5-y:74%;--g6-x:67%;--g6-y:38%}33%{--g1-x:55%;--g1-y:20%;--g2-x:40%;--g2-y:40%;--g3-x:15%;--g3-y:55%;--g4-x:85%;--g4-y:60%;--g5-x:60%;--g5-y:90%;--g6-x:30%;--g6-y:15%}66%{--g1-x:10%;--g1-y:80%;--g2-x:75%;--g2-y:20%;--g3-x:60%;--g3-y:30%;--g4-x:20%;--g4-y:70%;--g5-x:45%;--g5-y:15%;--g6-x:88%;--g6-y:65%}to{--g1-x:70%;--g1-y:60%;--g2-x:10%;--g2-y:30%;--g3-x:80%;--g3-y:85%;--g4-x:35%;--g4-y:45%;--g5-x:20%;--g5-y:55%;--g6-x:55%;--g6-y:10%}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur:1ms;--dur-slow:1ms}body{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,select:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{margin:1rem 0;font-size:2rem;font-weight:600}h2{margin:.5rem 0;font-size:1.5rem;font-weight:400}.primary{color:var(--primary)}.accent{color:var(--accent)}.secondary{color:var(--secondary)}.success{color:var(--success)}.warning{color:var(--warning)}a{color:currentColor;transition:all .2s ease-in-out;&:hover{color:var(--primary)}}.select{color:var(--text);align-items:center;display:flex;position:relative;&:hover{color:var(--accent)}&:after{content:"⏷";color:currentColor;pointer-events:none;transition:all .2s ease-in-out;position:absolute;right:.7rem}}select{appearance:none;background-color:hsl(from currentColor h s l / 25%);backdrop-filter:blur(10px)brightness(.3);color:currentColor;cursor:pointer;box-shadow:0 8px 32px hsl(from currentColor h s calc(l - 1) / 50%), inset 0 1px 0 rgba(from currentColor r g b / .4), inset 0 -1px 0 rgba(from currentColor r g b / .2), inset 0 0 .5rem 7px rgba(from currentColor r g b / .3);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:.7rem;outline:2px solid #0000;width:100%;padding:.5rem 1.5rem .5rem 1rem;transition:all .2s ease-in-out;overflow:hidden}progress.progress{appearance:none;z-index:101;width:100%;height:5px;color:var(--primary);background-color:#0000;border:0;margin:0;padding:0;position:absolute;top:0;left:0}progress.progress[data-status=middle]{color:var(--gold)}progress.progress[data-status=end]{color:var(--accent)}progress.progress::-webkit-progress-bar{background-color:#0000}progress.progress::-webkit-progress-value{transition:width var(--dur-fast) linear, background-color var(--dur-slow) var(--ease-out);background-color:currentColor;box-shadow:0 0 12px}progress.progress::-moz-progress-bar{background-color:currentColor;box-shadow:0 0 12px}input[type=range]{cursor:pointer;background-color:#0000;width:100%;transition:filter .2s}input[type=range]::-webkit-slider-runnable-track{background-color:var(--light);border-radius:3px;height:6px;transition:box-shadow .2s;box-shadow:0 0 8px #0003}input[type=range]::-moz-range-track{background-color:var(--light);border:none;border-radius:3px;height:6px;transition:box-shadow .2s;box-shadow:0 0 8px #0003}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text);width:16px;height:16px;box-shadow:0 0 10px var(--text);border-radius:50%;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent);width:18px;height:18px;box-shadow:0 0 1rem var(--accent)}input[type=range]::-webkit-slider-thumb:active{background:var(--accent);width:20px;height:20px;box-shadow:0 0 20px var(--accent)}input[type=range]::-moz-range-thumb{background:var(--text);width:16px;height:16px;box-shadow:0 0 10px var(--text);border:none;border-radius:50%;transition:all .2s}input[type=range]::-moz-range-thumb:hover{background:var(--accent);width:18px;height:18px;box-shadow:0 0 15px var(--accent)}input[type=range]::-moz-range-thumb:active{background:var(--accent);width:20px;height:20px;box-shadow:0 0 20px var(--accent)}input[type=range]:disabled{opacity:.5;cursor:not-allowed}output{text-transform:uppercase;letter-spacing:.3px;justify-content:space-between;width:100%;margin:6px 0 0;padding:0 2px;font-size:9px;display:flex}output span{color:var(--text);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}output span:before{content:"";color:currentColor;background-color:var(--text);border-radius:1px;width:1px;height:6px;margin-top:-12px;display:block}footer{width:100%;height:1rem;color:var(--accent);justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem;display:flex}