:root{color-scheme:light dark;--canvas:#fffaf0;--ink:#173d64;--blue:#2049b4;--surface:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.5 system-ui,-apple-system,sans-serif}main{max-width:32rem;margin:8vh auto;padding:1.5rem}header{font-size:1.6rem;letter-spacing:-.06em;font-weight:600}header span{color:#f16d43}h1{font-size:1.7rem;font-weight:500;margin-top:2.5rem}label,input,button{display:block;width:100%}input{font:inherit;margin:.6rem 0;padding:1rem;border:1px solid #bbc4ca;border-radius:12px;background:var(--surface);color:var(--ink)}small{font-size:.85rem}button{font:inherit;background:var(--blue);color:white;border:0;border-radius:28px;min-height:48px;margin-top:1.5rem;padding:.7rem}button:disabled{opacity:.6}:focus-visible{outline:3px solid #f16d43;outline-offset:3px}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{--canvas:#101c29;--ink:#ecf0f4;--surface:#182838;--blue:#315fcb}}