:root{--bg: #fbfbfa;--fg: #1c1c1a;--muted: #6b6b66;--line: #e3e3df;--accent: #2b5c8a;--code-bg: #f2f2ef}@media(prefers-color-scheme:dark){:root{--bg:#17171a;--fg:#e8e8e4;--muted:#98988f;--line:#2e2e33;--accent:#7aa7cf;--code-bg:#1f1f23}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;place-items:center;min-height:100vh;padding:2rem}main{width:100%;max-width:34rem}h1{font-size:1.35rem;margin:0 0 .4rem}p.sub{color:var(--muted);margin:0 0 1.75rem}button{font:inherit;font-weight:550;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:7px;padding:.7rem 1.15rem}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--line)}.card{border:1px solid var(--line);border-radius:11px;padding:1.25rem}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.3rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--code-bg);border-radius:6px}pre{padding:.8rem;overflow-x:auto;margin:0 0 .75rem}code{padding:.1rem .3rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.token{word-break:break-all}.hint{font-size:.8rem;color:var(--muted);margin:.6rem 0 0}.err{color:#b3261e;font-size:.85rem}