:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1b1b1f;--border:#767680;--accent:#c62828;--error:#b3261e;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121214;--fg:#ededf0;--border:#8a8a96;--error:#ffb4ab}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:24rem;margin:0 auto;padding:2rem 1rem}h1{margin:0 0 1.5rem;font-size:1.75rem}form{gap:.75rem;display:grid}p{overflow-wrap:anywhere;margin:0 0 .75rem}label{margin-bottom:-.375rem;font-weight:600}input,button{width:100%;min-height:44px;font:inherit;border-radius:8px;padding:.5rem .75rem}input{border:1px solid var(--border);background:var(--bg);color:var(--fg)}button{background:var(--accent);color:#fff;cursor:pointer;border:0;font-weight:600}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.error{color:var(--error);margin-top:.75rem}