:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text: rgba(255, 255, 255, .87);--color-background: #242424;--color-navbar-bg: #242424;--color-button-bg: #1a1a1a;--color-link: #e0e0e0;--color-link-hover: #ffffff;--color-button-hover-border: #ffffff}[data-theme=light]{--color-text: #242424;--color-background: rgba(255, 255, 255, .87);--color-navbar-bg: rgba(255, 255, 255, .87);--color-button-bg: #f9f9f9;--color-link: #333333;--color-link-hover: #000000;--color-button-hover-border: #000000}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background-color:var(--color-background);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button-bg);color:var(--color-text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-button-hover-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}