:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#24242441;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:70vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:5px;margin-left:2em;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{--s: 100px;--c1: #3e88a8;--c2: #408caf;--_s: calc(2*var(--s)) calc(2*var(--s));--_g: var(--_s) conic-gradient(at 40% 80%,#0000 75%,var(--c1) 0);--_p: var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);background:calc(.9*var(--s)) calc(.9*var(--s))/var(--_p),calc(-.1*var(--s)) calc(-.1*var(--s))/var(--_p),calc(.7*var(--s)) calc(.7*var(--s))/var(--_g),calc(-.3*var(--s)) calc(-.3*var(--s))/var(--_g),conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 0 0/var(--s) var(--s);animation:m 14s infinite}@keyframes m{0%{background-position:calc(.9*var(--s)) calc(.9*var(--s)),calc(-.1*var(--s)) calc(-.1*var(--s)),calc(.7*var(--s)) calc(.7*var(--s)),calc(-.3*var(--s)) calc(-.3*var(--s)),0 0}25%{background-position:calc(1.9*var(--s)) calc(.9*var(--s)),calc(-1.1*var(--s)) calc(-.1*var(--s)),calc(1.7*var(--s)) calc(.7*var(--s)),calc(-1.3*var(--s)) calc(-.3*var(--s)),0 0}50%{background-position:calc(1.9*var(--s)) calc(-.1*var(--s)),calc(-1.1*var(--s)) calc(.9*var(--s)),calc(1.7*var(--s)) calc(-.3*var(--s)),calc(-1.3*var(--s)) calc(.7*var(--s)),0 0}75%{background-position:calc(2.9*var(--s)) calc(-.1*var(--s)),calc(-2.1*var(--s)) calc(.9*var(--s)),calc(2.7*var(--s)) calc(-.3*var(--s)),calc(-2.3*var(--s)) calc(.7*var(--s)),0 0}to{background-position:calc(2.9*var(--s)) calc(-1.1*var(--s)),calc(-2.1*var(--s)) calc(1.9*var(--s)),calc(2.7*var(--s)) calc(-1.3*var(--s)),calc(-2.3*var(--s)) calc(1.7*var(--s)),0 0}}.mainCanvas{border:1px solid #fff;border-radius:1rem;padding:.5rem;background-color:#11446841;max-width:95vw;height:auto;display:block;margin:0 auto}.mainContainer{position:relative}.modal{position:absolute;z-index:1000}.modal button{margin:.2em}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080}.modalWindow{border-radius:.5em;padding:.7em;background-color:#5d4062;border:2px solid #412945;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.modalWindow h2{position:relative;display:inline-block;-webkit-text-fill-color:transparent;font-weight:900;font-size:1.2rem;-webkit-background-clip:text;background-clip:text;z-index:1001;padding:0;margin:0}.modalWindow h2:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;-webkit-text-stroke:5px #000}.modalWindow h2:after{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;background:linear-gradient(to bottom,#ffca2b,#ffebaf,#fff);-webkit-background-clip:text;background-clip:text}.modalWindow button{border:2px solid #412945;background-image:linear-gradient(to bottom,#5d4062,#4f2f54,#5a3a5f);background-size:auto 200%;transition:background-position .3s ease}.modalWindow button:hover{background-position:center}.modalWindow button span{position:relative;display:inline-block;-webkit-text-fill-color:transparent;font-weight:900;font-size:1.2rem;-webkit-background-clip:text;background-clip:text;z-index:1001}.modalWindow .menuOutputText:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;-webkit-text-stroke:3px #000}.modalWindow .menuOutputText:after{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;background:linear-gradient(to bottom,#43efff,#a4fffd,#fff);-webkit-background-clip:text;background-clip:text}.modalWindow span{position:relative;display:inline-block;-webkit-text-fill-color:transparent;font-weight:900;font-size:1.2rem;-webkit-background-clip:text;background-clip:text;z-index:1001}.modalWindow span:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;-webkit-text-stroke:5px #000}.modalWindow span:after{content:attr(data-text);position:absolute;left:0;top:0;z-index:1000;background:linear-gradient(to bottom,#ffca2b,#ffebaf,#fff);-webkit-background-clip:text;background-clip:text}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.controlButtons{margin-top:1em}.controlButtons button{background-color:#75507b;transition:box-shadow .2s ease-in-out;box-shadow:0 5px 10px #0000004d}.controlButtons button:hover{box-shadow:0 0 20px #70cec0}.controlButtons span{margin-left:2em;font-weight:600;font-size:1.5em;vertical-align:middle;text-shadow:2px 2px #5e5e5eaa}