:root{color-scheme:light dark;--surface:light-dark(#fff,#262626);--text:light-dark(#000,#fff);--secondary:light-dark(#474747,#9e9e9e);--accent:light-dark(#1b1b1b,#f1f1f1);--on-accent:light-dark(#fff,#111)}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font:16px/1.5 Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.page{max-width:640px;margin-inline:auto;padding-inline:24px}header{padding-block:24px;border-bottom:1px solid light-dark(#00000014,#ffffff1a);font-weight:600}main{padding-block:32px}h1{font-size:24px;line-height:1.2;font-weight:600;text-wrap:balance;margin:0}p{margin:16px 0}.secondary{color:var(--secondary)}form{display:grid;gap:12px;margin-block:32px}label{font-weight:600}input,button{font:inherit;min-height:44px;width:100%;border-radius:10px}input{padding-inline:12px;background:var(--surface);color:var(--text);border:1px solid var(--secondary)}button{margin-top:8px;padding:8px 12px;background:var(--accent);color:var(--on-accent);border:0;font-weight:500;cursor:pointer}button:hover:enabled{opacity:.85}button:active:enabled{opacity:.75}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#status{min-height:1.5em;margin:0}::selection{background:var(--text);color:var(--surface)}