:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:1.5rem}form{display:flex;flex-direction:column;gap:1rem;max-width:24rem;margin:0 auto}h1{font-size:1.25rem;margin:0}label{display:flex;flex-direction:column;gap:.25rem}input{padding:.5rem;font:inherit;border:1px solid;border-radius:.25rem;background:transparent;color:inherit}button[type=submit]{padding:.6rem;font:inherit;cursor:pointer}nav{display:flex;flex-direction:column;gap:.5rem}nav button{background:none;border:none;padding:0;font:inherit;text-decoration:underline;cursor:pointer;color:inherit;text-align:left}p[role=alert]{margin:0;color:#b00020}p[role=status]{margin:0;opacity:.8}