*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:var(--weight-normal) var(--text-base)/var(--leading) var(--font)}header{background:var(--dark);padding:var(--s6) var(--gutter);border-bottom:var(--border) solid var(--line)}header img{display:block;object-fit:contain}main{width:100%;max-width:48rem;margin:auto;padding:var(--s8) var(--gutter)}h1{font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--leading-title);letter-spacing:var(--tracking);text-wrap:balance;margin:0 0 var(--s5)}.intro{font-size:var(--text-md);color:var(--muted);max-width:42ch;margin:0 0 var(--s7)}form{max-width:var(--dialog-width)}label{display:block;font-weight:var(--weight-medium);margin-bottom:var(--s2)}input{display:block;width:100%;font:inherit;min-height:var(--control);padding:var(--s3) var(--s4);border:var(--border) solid var(--dark-line);border-radius:var(--control-radius);background:var(--paper);color:var(--ink);caret-color:var(--ink);margin-bottom:var(--s5)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control);padding:var(--s3) var(--s5);border:0;border-radius:var(--control-radius);background:var(--orange);color:var(--ink);font:var(--weight-bold) var(--text-base)/var(--leading) var(--font);text-decoration:none;cursor:pointer}.button:hover{background:var(--orange-hover)}a{color:var(--ink);text-underline-offset:.2em}.back{display:inline-block;margin-top:var(--s5);padding-block:var(--s3)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--s1)}.error{color:var(--error);margin:0 0 var(--s5)}footer{padding:var(--s5) var(--gutter);color:var(--muted);font-size:var(--text-sm);border-top:var(--border) solid var(--line)}::selection{background:var(--orange);color:var(--ink)}

header a{display:inline-block}header a:focus-visible{outline-color:var(--orange)}