*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#111;line-height:1.5}
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem}
.topbar input{flex:1;padding:.7rem 1rem;border:1px solid #ddd;border-radius:999px;font-size:1rem;background:#fafafa}
.topbar input:focus{outline:none;border-color:#bbb;background:#fff}
.ghost{background:transparent;border:none;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem}
.cats{position:sticky;top:3.5rem;z-index:40;display:flex;gap:.5rem;overflow:auto;padding:.5rem 1rem;border-bottom:1px solid #f0f0f0;background:#fff}
.cats button{white-space:nowrap;border:1px solid #e5e5e5;background:#f9f9f9;border-radius:999px;padding:.4rem .9rem;font-size:.95rem;cursor:pointer}
.cats button.active{background:#111;color:#fff;border-color:#111}
.list{padding:1rem;display:grid;grid-template-columns:1fr;gap:.75rem;max-width:900px;margin:0 auto}
.section{scroll-margin-top:7rem}
.section h2{margin:.75rem 0 .25rem 0;font-size:1.05rem;font-weight:700}
.card{border:1px solid #eee;border-radius:16px;padding:.9rem 1rem;background:#fff}
.card h3{margin:.1rem 0 .25rem 0;font-size:1rem}
.meta{display:flex;gap:.5rem;align-items:baseline;justify-content:space-between}
.price{font-weight:700}
.desc{color:#444;margin:.25rem 0 0 0;font-size:.95rem}
.foot{border-top:1px solid #eee;padding:1rem;text-align:center;color:#333;background:#fff;position:sticky;bottom:0}
@media (min-width:720px){.list{grid-template-columns:1fr 1fr}}
@media (prefers-color-scheme:dark){
  body{background:#0b0b0b;color:#f1f1f1}
  .topbar,.cats,.foot{background:#0b0b0b;border-color:#1b1b1b}
  .topbar input{background:#111;color:#f1f1f1;border-color:#1b1b1b}
  .cats button{background:#111;border-color:#1b1b1b;color:#ddd}
  .cats button.active{background:#fff;color:#111;border-color:#fff}
  .card{background:#0f0f0f;border-color:#1b1b1b}
  .desc{color:#bbb}
}