@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){margin-block:.75em;line-height:1.25;text-wrap:balance;letter-spacing:-.05ch}p:not([class]),ol:not([class]),ul:not([class]){margin-block:1em}ol:not([class]),ul:not([class]){padding-inline-start:1.5em;list-style:revert}li:not([class]){margin-block:.5em}}:root{--color-a: hsl(0, 0%, 100%);--color-b: hsl(0, 0%, 0%);--color-c: hsl(0, 0%, 92%);--color-d: hsl(0, 100%, 50%)}@media (prefers-color-scheme: dark){:root{--color-a: hsl(0, 0%, 0%);--color-b: hsl(0, 0%, 90%);--color-c: hsl(0, 0%, 20%);--color-d: hsl(0, 100%, 50%)}}body{background:var(--color-a);color:var(--color-b);font-family:SF Pro Rounded,Atkinson Hyperlegible,Noto Sans,ui-sans-serif,Gill Sans,Helvetica,Arial,sans-serif}nav{border-bottom:2px solid var(--color-b);width:100vw;background:var(--color-a)}nav div{display:flex;gap:.5rem;justify-content:space-between;max-width:680px;margin:0 auto}nav div a{display:flex;flex-direction:row;justify-content:center;gap:.5em;text-decoration:none;padding:1rem 1.5rem;font-weight:700;font-size:1.1rem}main{background:var(--color-a);flex:1;padding:1em;width:100vw;max-width:620px;margin:0 auto}@layer default{a:visited,a:link{color:var(--color-b)}hr{margin:1rem auto}input,button,select{background:var(--color-a);border:2px solid var(--color-b);border-radius:3px;padding:.4em .7em}input:hover,input:active,input:focus,button:hover,button:active,button:focus,select:hover,select:active,select:focus{background:var(--color-c)}input{accent-color:var(--color-b);min-width:0}button{font-weight:700;cursor:pointer}}