:root{--max_width:100em;--max_width_left_padding:calc(100vw/2 - var(--max_width)/2 + 10em);--border_radius:2em;--font_family:"Titillium Web",ui-monospace,sans-serif,Arial;--foreground_0:#171717;--foreground_1:#292929;--foreground_2:#766565;--foreground_3:#595959;--background_0:#e6e6e6;--background_1:#c7c7c7;--background_2:#a1a1a1;--background_3:#828282;--theme_color:#fff;--accent_color:#902c2c;--font_weight_normal:400;--font_weight_bold:700;--font_weight_black:900}:root[color-scheme=dark],html[color-scheme=dark]{--foreground_0:#e7efee;--foreground_1:#d1e0df;--foreground_2:#b9c6c4;--foreground_3:#738c8a;--background_0:#171717;--background_1:#252d2c;--background_2:#3b4f4d;--background_3:#476b68;--theme_color:#000;--accent_color:#e45649}*{border:0;box-sizing:border-box;font-family:var(--font_mono)}*,body{padding:0;margin:0}body{color:var(--foreground_1);background-color:var(--background_1);font-family:var(--font_family);font-weight:var(--font_weight_normal);font-size:calc(clamp(.2rem, 2.5vw, 1em));background:var(--background_0);background-repeat:no-repeat;background-attachment:fixed}button,label{text-align:center;color:var(--foreground_1);margin:.2em;padding:.2em}button{border:2px solid var(--foreground_2);border-radius:.4em;background:var(--background_1);transition:all .1s}button:active,button:hover{border:2px solid var(--foreground_1)}button:active{background-color:var(--background_2)}footer{position:right;width:100%;flex-direction:row;margin-top:1em}canvas,input{margin:.2em}input{padding:.2em;background-color:var(--background_1);border:1px solid var(--background_2);color:inherit;font-size:inherit;outline:none;text-align:center}input:hover{border:1px solid var(--foreground_3)}input:active,input:focus{border:1px solid var(--foreground_2)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=range]{min-width:4em}@media (prefers-color-scheme:dark){:root,html{color-scheme:dark}}