:root{--ink:#17232e;--muted:#55646f;--line:#dde4e8;--accent:#0b6e8a;--paper:#f6f8f9;--warn:#9a5b06;--warn-bg:#fbf0dc;--bad:#b3261e}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,-apple-system,sans-serif;padding:48px 16px}
.card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}
h1{font-size:24px;margin:8px 0 12px}.label{font-weight:600;margin:0 0 8px}p{margin:0 0 16px;color:var(--muted)}
button{font:inherit;font-weight:600;border:0;border-radius:8px;padding:12px 18px;min-height:44px;background:var(--accent);color:#fff;cursor:pointer}
button:disabled{opacity:.6;cursor:default}button:focus-visible{outline:3px solid #7cc3d6;outline-offset:2px}
pre{white-space:pre-wrap;word-break:break-all;background:#eef2f4;border:1px solid var(--line);border-radius:8px;padding:14px;font:14px/1.5 ui-monospace,Consolas,monospace;color:var(--ink);font-variant-ligatures:none}
.warn{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:10px 12px;font-weight:600}
.msg{color:var(--bad);font-weight:600}.foot{font-size:13px;margin:20px 0 0}