:root{color-scheme:light dark;font:14px system-ui,sans-serif;background:#f3f4f6;color:#1f2937}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(290px,calc(100vw - 48px));padding:22px;border:1px solid #ced4dc;background:#fff;border-radius:3px}h1{font-size:21px;margin:0 0 20px}form{display:grid;gap:8px}label{font-size:13px}input,button{font:inherit;padding:8px;border:1px solid #9ca3af;border-radius:2px}input{background:transparent;color:inherit;min-width:0}button{margin-top:4px;background:#245fba;color:#fff;cursor:pointer}p{font-size:13px;color:#b82032;margin:3px 0}input:focus-visible,button:focus-visible{outline:2px solid #245fba;outline-offset:2px}@media(prefers-color-scheme:dark){:root{background:#101318;color:#e0e6ee}main{background:#181d24;border-color:#374251}input{border-color:#596579}p{color:#ed5264}}