:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:auto;display:flex;padding:1vw 1vh}@media(prefers-color-scheme:dark){:root{color:#ccc;background-color:#1a1a1a}}header{display:flex;justify-content:flex-start;background-color:#02f}header nav{display:flex}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}