:root{--ink:#16140f;--paper:#f3efe4;--vetch:#5b7a2e;--muted:#6d675a;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{margin:0}header{display:flex;border-bottom:1px solid #0002;align-items:baseline;gap:1rem;padding:1.5rem 2rem}.brand{letter-spacing:-.04em;color:var(--vetch);text-decoration:none;font-size:2rem;font-weight:800}.tag{color:var(--muted);font-size:.9rem}main{max-width:860px;margin:0 auto;padding:2rem}h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2rem,6vw,3.5rem)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.card{text-decoration:none;color:inherit;display:block;background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 1px #0001,0 8px 24px -12px #0003}.card h2{margin:0 0 .25rem}.muted{color:var(--muted)}.price{font-variant-numeric:tabular-nums;font-weight:700}.bar{overflow:hidden;background:#0001;border-radius:3px;height:6px;margin:.75rem 0}.bar>div{background:var(--vetch);height:100%}form{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}input{font:inherit;border:1px solid #0003;border-radius:10px;flex:320px;padding:.75rem 1rem}button{background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.75rem 1.25rem;font-weight:600}button:disabled{opacity:.5;cursor:default}code{word-break:break-all;background:#0000000d;border-radius:4px;padding:.1rem .35rem}.status{text-transform:uppercase;letter-spacing:.06em;color:var(--vetch);font-size:.8rem;font-weight:700}.error{color:#a12}dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem}dt{color:var(--muted)}dd{margin:0}.preview{color:var(--ink);background:#e9d27a;padding:.5rem 2rem;font-size:.85rem}