:root{--bg:#fbfaf8;--fg:#1a1714;--muted:#6b635a;--line:#e4ded6;--card:#ffffff;--accent:#8a5a2b;--ok:#2f6f4f;--bad:#9a3324}@media (prefers-color-scheme:dark){:root{--bg:#14120f;--fg:#f2ede7;--muted:#a49a8e;--line:#2b2721;--card:#1b1814;--accent:#d8a15f;--ok:#6fbf95;--bad:#e08573}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font:15px/1.6 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 6rem}h1{font-size:2rem;letter-spacing:-.02em;margin:0 0 .25rem}.lede{color:var(--muted);margin:0 0 2.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.25rem 1.5rem}.row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.key{color:var(--muted)}.val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ok{color:var(--ok)}.bad{color:var(--bad)}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:2.5rem 0 .75rem;font-weight:600}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}footer{margin-top:3rem;color:var(--muted);font-size:.85rem}a{color:var(--accent)}.field{display:block;margin-bottom:.9rem}.field span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.field input{width:100%;padding:.55rem .7rem;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:7px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:600;padding:.55rem 1rem;border-radius:7px;cursor:pointer;background:var(--accent);color:#fff;border:1px solid transparent}button[disabled]{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--muted);border-color:var(--line);font-weight:500}.error{color:var(--bad);font-size:.9rem;margin:0 0 .9rem}.muted{color:var(--muted)}