:root{--bg:#fff;--gray:#b0b0b0;--fg:#202020;--primary:red;--secondary:#d00000;--green:#3d3;--dark-green:#1a1;--blue:#0af;--dark-blue:#09e;--orange:#f80;--dark-orange:#d60;--lilac:#f2f;--dark-lilac:#d0d;--brown:#b60;--medium-brown:#940;--dark-brown:#830}body.dark{--bg:#202020;--gray:#505050;--fg:#d0d0d0;--primary:red;--secondary:#c00000;--green:#1a1;--dark-green:#080;--blue:#09e;--dark-blue:#07a;--orange:#d60;--dark-orange:#c40;--lilac:#d0d;--dark-lilac:#b0b;--brown:#a50;--medium-brown:#830;--dark-brown:#720}body{background:var(--bg);color:var(--fg);margin:0;padding:2em 1em 1em;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none!important;user-select:none!important}#header{justify-content:end;width:100vw;display:flex;position:fixed;top:0;left:0}#style-toggle{fill:var(--fg);width:2em;height:2em;margin:1em}#app{text-align:center}@media screen and (width<=400px),screen and (height<=400px){body{font-size:9px}}@media screen and (width>=400px) and (height>=400px){body{font-size:12px}}@media screen and (width>=600px) and (height>=600px){body{font-size:14px}}@media screen and (width>=800px) and (height>=800px){body{font-size:16px}}@media screen and (width>=1000px) and (height>=1000px){body{font-size:18px}}@media screen and (width>=1400px) and (height>=1400px){body{font-size:20px}}@media screen and (width>=1600px) and (height>=1600px){body{font-size:24px}}