:root{
  --bg:#f6f7f6; --card:#fff; --ink:#14201e; --muted:#5b6b68; --line:#dfe5e3;
  --brand:#0f766e; --brand-ink:#fff; --premium:#b45309; --premium-bg:#fef3c7;
  --mid:#1d4ed8; --mid-bg:#dbeafe; --design:#6d28d9; --design-bg:#ede9fe;
  --new:#047857; --new-bg:#d1fae5; --warn:#b91c1c; --warn-bg:#fee2e2;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0e1514; --card:#162120; --ink:#e7efed; --muted:#9db1ad; --line:#263634;
    --brand:#2dd4bf; --brand-ink:#04211d; --premium:#fbbf24; --premium-bg:#3b2a08;
    --mid:#93c5fd; --mid-bg:#14284d; --design:#c4b5fd; --design-bg:#2a1f4d;
    --new:#6ee7b7; --new-bg:#0b3a2c; --warn:#fca5a5; --warn-bg:#4a1515;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 0 10px;padding-top:max(10px,env(safe-area-inset-top))}
h1{margin:0;font-size:1.25rem;font-weight:700}
h1 span{color:var(--muted);font-weight:500;font-size:.95rem;margin-left:.4rem}
.meta{margin:2px 0 8px;color:var(--muted);font-size:.82rem}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 12px;border-radius:999px;font:inherit;font-size:.88rem;cursor:pointer}
.tab[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}
.tab b{font-weight:600;opacity:.75;margin-left:4px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.filters input[type=search]{flex:1 1 220px;min-width:0}
input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.price{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted)}
.price input{width:88px}
.chk{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted)}
.count{color:var(--muted);font-size:.85rem;margin:14px 0 8px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card.hidden-flag{opacity:.55}
.thumb{position:relative;aspect-ratio:4/3;background:var(--line);display:block}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.8rem}
.badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;flex-wrap:wrap}
.badge{font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:6px;text-transform:uppercase}
.b-premium{background:var(--premium-bg);color:var(--premium)}
.b-srednia{background:var(--mid-bg);color:var(--mid)}
.b-design{background:var(--design-bg);color:var(--design)}
.b-new{background:var(--new-bg);color:var(--new)}
.b-warn{background:var(--warn-bg);color:var(--warn)}
.body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.pr{font-size:1.25rem;font-weight:700}
.pr small{font-size:.75rem;font-weight:500;color:var(--muted);margin-left:6px}
.ti{font-size:.95rem;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sub{color:var(--muted);font-size:.8rem}
.ai{font-size:.8rem;background:var(--bg);border-radius:8px;padding:6px 8px;color:var(--ink)}
.tags{display:flex;gap:4px;flex-wrap:wrap}
.tag{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.open{flex:1;text-align:center;text-decoration:none;background:var(--brand);color:var(--brand-ink);border-radius:8px;padding:8px;font-weight:600;font-size:.9rem}
.ico{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;width:40px;font-size:1.05rem;cursor:pointer}
.ico[aria-pressed=true]{background:var(--premium-bg);border-color:var(--premium);color:var(--premium)}
.more{display:block;margin:18px auto 40px;padding:10px 22px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
.empty{text-align:center;color:var(--muted);padding:40px 0}
@media (max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.pr{font-size:1.05rem}.ti{font-size:.85rem}.ai{display:none}.body{padding:8px 9px 10px}}
@media (max-width:360px){.grid{grid-template-columns:1fr}}