:root{color-scheme:light;--ink:#171812;--muted:#6b6d61;--paper:#f3f1e9;--card:#fffdf7;--line:#d8d5c9;--accent:#355f45;--danger:#a13e32;font:16px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);padding-bottom:5rem}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:rgba(243,241,233,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font:700 1.25rem/1 Georgia,serif;color:var(--ink);text-decoration:none}#connection{font-size:.78rem;padding:.3rem .55rem;border-radius:999px;background:#dce8df;color:var(--accent)}#connection.offline{background:#eee0dc;color:var(--danger)}main{width:min(760px,100%);margin:auto;padding:1.2rem}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.35rem;padding:.65rem max(.65rem,env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));background:var(--card);border-top:1px solid var(--line);z-index:3}nav a{padding:.55rem .65rem;color:var(--muted);text-decoration:none;font-size:.82rem}h1{font:700 clamp(2rem,8vw,3.5rem)/1 Georgia,serif;margin:.3rem 0 1rem}h2{font-size:1.15rem;margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:var(--muted)}.card,.section,.answer,.empty{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.1rem;margin:0 0 .85rem}.row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.row small,.muted{display:block;color:var(--muted)}button,.button,input,textarea{font:inherit}button,.button{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:.65rem .9rem;border-radius:10px;text-decoration:none}button.primary{background:var(--accent);border-color:var(--accent);color:white}button:disabled{opacity:.5}label{display:block;margin:.7rem 0;color:var(--muted);font-size:.85rem}input,textarea{display:block;width:100%;margin-top:.3rem;border:1px solid var(--line);border-radius:10px;padding:.75rem;background:white;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.metric{background:var(--paper);padding:.8rem;border-radius:12px}.metric strong{display:block;font-size:1.4rem}.collection{display:grid;gap:.5rem}.item{padding:.75rem;border-top:1px solid var(--line)}pre{white-space:pre-wrap;word-break:break-word;background:#efede4;border-radius:10px;padding:.7rem;font-size:.78rem}.error{color:var(--danger)}.badge{display:inline-block;background:#e5ece4;border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.qr{display:block;width:min(280px,100%);margin:1rem auto}