:root{color-scheme:light dark;--bg:#f5f3e9;--surface:#fffef8;--ink:#203d31;--muted:#657369;--line:#d8ddcc;--accent:#e8b39d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}header>a{font-size:21px;font-weight:750}header>span{margin-left:auto;font:11px ui-monospace,monospace}a{color:inherit;text-underline-offset:4px}h1{font-size:clamp(34px,6vw,58px);line-height:1.15;margin:12px 0 24px;letter-spacing:-.04em}h2{font-size:22px;margin:0 0 16px}.eyebrow{margin-top:28px;color:var(--muted)}.intro{max-width:700px}section{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;margin:24px 0}section>p{color:var(--muted)}label{display:block;font-size:14px;margin:16px 0}input,textarea{display:block;width:100%;max-width:600px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);padding:12px;font:16px system-ui;margin-top:7px;min-height:46px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:transparent;color:var(--ink);font:600 14px system-ui;cursor:pointer;text-decoration:none}.primary{background:var(--ink);color:var(--bg)}button:disabled{opacity:.55;cursor:wait}nav,.heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.heading h2{margin-right:auto;margin-bottom:0}nav a{padding:10px 12px}article{padding:20px 0;border-top:1px dashed var(--line)}article h3{margin:0 0 8px}article p{margin:8px 0;color:var(--muted);overflow-wrap:anywhere}article small{display:block;color:var(--muted);overflow-wrap:anywhere}#message{white-space:pre-wrap;color:var(--ink);background:var(--accent);border-radius:10px;padding:12px}#message:empty{display:none}#new-token{border:2px dashed var(--ink);padding:20px;margin:24px 0;border-radius:10px}pre{overflow-x:auto;background:var(--bg);padding:18px;border-radius:8px;font:13px/1.7 ui-monospace,monospace}footer{font:12px ui-monospace,monospace;color:var(--muted)}li{margin-bottom:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:600px){header,main,footer{padding:18px}section{padding:20px}header>span{display:none}.heading{gap:8px}button,.button{max-width:100%}}@media(prefers-color-scheme:dark){:root{--bg:#16251f;--surface:#203229;--ink:#edf0dd;--muted:#b1bcac;--line:#425449;--accent:#7b503f}}