:root{--bg0:#000000;--bg1:#111111;--bg2:#222222;--bg3:#333333;--fg0:#ffffff}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--fg0);background:var(--bg0);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}input{border:none;outline:none;height:2rem;padding:.5rem;background-color:var(--bg2);&:focus{background-color:var(--bg3)}}button{border:none;outline:none;height:2rem;padding:.5rem;background-color:var(--bg2);&:active{background-color:var(--bg3)}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}