:root{--color-primary: blue;--color-secondary: yellow;--color-gray-0: #f2f2f2;--color-gray-10: #e6e6e6;--color-gray-20: #d9d9d9;--color-gray-30: #cccccc;--color-gray-40: #bfbfbf;--color-gray-50: #b3b3b3;--color-gray-60: #a6a6a6;--color-gray-70: #999999;--color-gray-80: #8c8c8c;--color-gray-90: #808080;--color-gray-100: #111111}@font-face{font-family:Reckless;src:url(/RecklessCondensedM-TRIAL-Regular.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Reckless;src:url(/RecklessCondensedM-TRIAL-RegularItalic.woff2) format("woff2");font-style:italic;font-display:swap}@font-face{font-family:Serrif Mono;src:url(/SerrifMonoCompressed-TRIAL-Regular.woff2) format("woff2");font-style:normal;font-display:swap}html{font-size:100%}*{font-family:Reckless,serif;margin:0;color:var(--color-gray-100);box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:.25rem solid var(--color-gray-10);outline-offset:0rem}::selection{background-color:var(--color-secondary);color:#000}h1,h2,h3,h4,h5,h6{font-weight:400}body{background-color:var(--color-gray-10);padding:1rem;min-height:100dvh}button{cursor:pointer;margin:0;background-color:var(--color-primary);border:none;color:#fff;font-size:1rem;padding:.5rem}main{max-width:50rem;margin:0 auto;margin-top:3rem;width:100%;display:flex;flex-direction:column;gap:2rem}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.5rem}input{padding:.5rem;border:.1rem solid var(--color-gray-20);font-size:1rem;background-color:var(--color-gray-0)}input:disabled{background-color:var(--color-gray-10);color:var(--color-gray-50)}nav{display:flex;justify-content:space-between;align-items:center}nav a{text-decoration:none}.nav-links{display:flex;align-items:center;gap:1rem}.signout{background-color:transparent;opacity:.5;padding:0;color:var(--color-gray-100)}@media(prefers-color-scheme:dark){:root{--color-gray-0: #111111;--color-gray-10: #1a1a1a;--color-gray-20: #222222;--color-gray-30: #2b2b2b;--color-gray-40: #333333;--color-gray-50: #3d3d3d;--color-gray-60: #444444;--color-gray-70: #4d4d4d;--color-gray-80: #555555;--color-gray-90: #5e5e5e;--color-gray-100: #d9d9d9}}td{font-size:1rem;padding-right:1rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}