:root{color-scheme:light;--paper:#f4f1ea;--surface:#fffdf9;--ink:#1c2925;--muted:#52615b;--line:#d7dbd4;--accent:#326b5b;--accent-strong:#245448;--red:#963a3a}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.card{width:min(100%,560px);padding:clamp(24px,6vw,48px);background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgb(31 42 37 / 16%)}
.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1{margin:0 0 12px;font-size:clamp(26px,5vw,38px);line-height:1.15}p{margin:0 0 24px;color:var(--muted)}label{display:block;margin-bottom:8px;font-weight:700}input,.token{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:inherit}.token{display:block;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}button,a{min-height:44px;padding:11px 16px;border-radius:10px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.primary{border:0;background:var(--accent);color:white}.primary:hover{background:var(--accent-strong)}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.message{min-height:24px;margin:14px 0 0;color:var(--red)}.footnote{margin:20px 0 0;font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}