:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.7}body{margin:0;background:light-dark(#f5f7fa,#17191e);color:light-dark(#1c2634,#e1e6ef)}main{max-width:42rem;margin:10vh auto;padding:2rem;background:light-dark(#fff,#242831);border-radius:1rem}h1{font-size:1.6rem;margin-top:0}nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0}a{color:light-dark(#1857b8,#a4c9ff)}button{font:inherit;cursor:pointer;padding:.25rem .75rem}footer,#help{font-size:.9rem;color:light-dark(#526073,#b8c2d2)}footer{border-top:1px solid #8994a455;padding-top:1rem;margin-top:2rem}[hidden]{display:none!important}@media(max-width:48rem){main{margin:1rem;padding:1.25rem}}