.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}*{margin:0;padding:0;box-sizing:border-box;font:inherit;color:inherit;border:none}button{appearance:none;border:none}[type=number]{appearance:none;font-size:max(85%,1rem);border:2px solid currentColor;border-radius:.3em;padding-inline:.25em 0em;background-color:transparent}[type=color]{height:1.2em;width:1.75em;border-radius:.5em;overflow:hidden;border:1px solid currentColor;cursor:pointer}.button,[type=button],particle-canvas{box-shadow:var(--box-shadow);background:var(--primary-background-gradient);color:var(--color-mid)}.button:hover,[type=button]:hover{color:var(--color-light)}.checkbox-label:has(:checked),.button:active,[type=button]:active{box-shadow:var(--box-shadow-alt);color:var(--color-light)}:root{--radius-small: .75rem;--radius-large: 1rem;--color-darker: #222;--color-mid: #BBB;--color-dark: #777;--color-light: #ddd;--color-lightest: #eee;--gradient-dark: linear-gradient(-20deg, var(--color-darker), var(--color-dark));--box-shadow: 1px 1px 5px rgba(0, 0, 0, .6) inset, -1px -1px 5px rgba(255, 255, 255, .1) inset, 4px 4px 10px rgba(0, 0, 0, .8), -4px -4px 10px rgba(255, 255, 255, .1);--box-shadow-alt: 2px 2px 7px rgba(0, 0, 0, .6) inset, -2px -2px 7px rgba(255, 255, 255, .1) inset, 3px 3px 10px rgba(0, 0, 0, .8), -3px -3px 10px rgba(255, 255, 255, .1);--text-shadow: 1px 1px 2px rgba(0, 0, 0, .5), -1px -1px 2px rgba(255, 255, 255, .5);--text-shadow-alt: 1px 1px 2px rgba(0, 0, 0, .1), -1px -1px 2px rgba(255, 255, 255, .1)}html{height:100vh;font-family:monospace;line-height:1;text-align:center;color:var(--color-light);accent-color:var(--color-lightest)}body{font-size:125%;padding:2%;background-color:var(--color-lightest)}main{border-radius:1rem;padding:min(4%,3rem);background-image:var(--gradient-dark);box-shadow:var(--box-shadow)}main>*+*{margin-top:1em}particle-canvas{background-color:var(--color-light);display:block;border-radius:.75rem;width:100%;height:45vw;max-height:60vh;user-select:none;overflow:hidden}form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75em}form>*{flex-grow:1}.button,[type=button]{position:relative;border-radius:.75rem;padding:.5em .65em;cursor:pointer;font-size:110%;user-select:none}.button *,[type=button] *{vertical-align:middle}.label,.range-label,.checkbox-label{display:flex;align-items:center;justify-content:center;gap:.35em}.range-label{flex-wrap:wrap}.range-input{width:10ch;max-width:100%;max-height:1em}.reset-input{flex-basis:100%}.color-fieldset{border:1px solid red}