*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 0%,var(--navy-800),var(--navy-950) 60%);color:var(--ink-on-navy);font:16px/1.6 var(--sans)}
main{width:min(420px,100%);padding:28px 18px}h1,h2{font-family:var(--serif);font-weight:500;color:var(--white);margin:0 0 8px}h1{font-size:2.2rem}.dim{color:var(--ink-dim)}a{color:var(--gold)}
label{display:block;margin:14px 0 4px}input{width:100%;min-height:44px;padding:0 12px;background:var(--navy-800);color:var(--ink-on-navy);border:1px solid var(--line);border-radius:var(--r);font:inherit}
.go{width:100%;min-height:44px;margin-top:18px;border:0;border-radius:var(--r);background:var(--gold);color:var(--navy-950);font:600 1rem var(--sans);cursor:pointer}
summary{min-height:44px;line-height:44px;margin-top:14px;cursor:pointer;color:var(--gold)}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#m{min-height:1.5em;color:var(--gold-hi)}