:root{font:16px/1.6 system-ui,sans-serif;color:#1c2937;background:#f3f5f8;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:4rem auto;padding:0 1.5rem}h1{font-size:2.7rem;line-height:1.1;letter-spacing:-.04em}h2{font-size:1.3rem}.eyebrow{font-weight:700;color:#315ac5;letter-spacing:.08em;text-transform:uppercase}section{margin-top:2rem;padding:1.7rem;background:white;border:1px solid #dbe1e9;border-radius:12px}form{display:grid;gap:.7rem}input,select,button,.button{font:inherit;padding:.7rem .9rem;border:1px solid #b7c2d1;border-radius:6px}button,.button{display:inline-block;background:#284eb0;color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}label{font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eeae36;outline-offset:3px}#mode,#result{color:#435469}#logout{margin-left:.6rem}[hidden]{display:none}