@font-face{font-family:'Host Grotesk';src:url(HostGrotesk-latin.woff2) format('woff2');font-weight:300 800;font-display:swap}
:root{--bg:#262626;--bar:#0d0d0d;--panel:#0d0d0d;--card:#1e1e1e;--card-hi:#2a2a2a;--text:#e9e9e5;--muted:#9d9d96;--accent:#758638;--accent-bright:#9db34c;--accent-ink:#151a06;--active-bg:rgba(157,179,76,.16);--fill-1:rgba(255,255,255,.07);--fill-2:rgba(255,255,255,.13);--r-s:6px;--r-m:8px;--r-l:12px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font-family:'Host Grotesk',-apple-system,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}
body{user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
input{user-select:text}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.top{height:48px;display:flex;align-items:center;gap:18px;padding:0 14px;position:sticky;top:0;background:var(--bg);z-index:20}
.brand{font-size:15px;font-weight:600;white-space:nowrap}.brand span{font-weight:400;color:var(--muted)}
.counts{display:flex;gap:6px;margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted)}
.counts b{color:var(--text);font-weight:600}
.counts i{font-style:normal;padding:4px 9px;border-radius:999px;background:var(--fill-1)}
.counts i.e{background:var(--active-bg);color:var(--accent-bright)}.counts i.e b{color:var(--accent-bright)}
.acts{display:flex;gap:6px}
.pill{padding:7px 13px;border-radius:999px;background:var(--fill-1);font-weight:500;font-size:12px;transition:background .12s,transform .08s}
.pill:hover{background:var(--fill-2)}.pill:active{transform:translateY(1px)}
.pill.primary{background:var(--accent-bright);color:var(--accent-ink);font-weight:600}
.bar{position:sticky;top:48px;z-index:19;background:var(--bg);display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:6px 14px 10px}
.grp{display:flex;gap:4px;padding:3px;border-radius:999px;background:var(--panel)}
.chip{padding:5px 11px;border-radius:999px;font-size:12px;color:var(--muted);background:transparent;transition:background .12s,color .12s}
.chip:hover{background:var(--fill-1);color:var(--text)}
.chip.on{background:var(--accent-bright);color:var(--accent-ink);font-weight:600}
.search{background:var(--fill-1);border:0;border-radius:999px;padding:7px 13px;color:var(--text);font:inherit;width:200px;outline:none}
.search:focus{background:var(--fill-2)}
.hint{font-size:11px;color:var(--muted);width:100%}.hint b{color:var(--text);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px 10px;padding:6px 14px 80px}
.sec{grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);padding:18px 0 2px;display:flex;justify-content:space-between}
.sec i{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.c{position:relative;border-radius:var(--r-m);background:var(--card);overflow:hidden;transition:opacity .15s,background .12s;outline:0}
.c:hover,.c:focus{background:var(--card-hi)}
.c .ph{aspect-ratio:4/5;background:#141414;cursor:zoom-in;overflow:hidden}
.c .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}
.c .tx{padding:8px 9px 6px}
.c .nm{font-weight:500;font-size:13px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.c .mt{font-size:11px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c .st{display:flex;gap:3px;padding:0 6px 8px}
.c .st button{flex:1;padding:5px 0;border-radius:999px;font-size:11px;color:var(--muted);background:var(--fill-1)}
.c .st button:hover{background:var(--fill-2);color:var(--text)}
.c.s1{box-shadow:inset 0 0 0 2px var(--accent-bright)}
.c.s1 .st button[data-s="1"]{background:var(--accent-bright);color:var(--accent-ink);font-weight:600}
.c.s2 .st button[data-s="2"]{background:var(--text);color:#111;font-weight:600}
.c.s3{opacity:.32}.c.s3:hover{opacity:.8}
.c.s3 .st button[data-s="3"]{background:var(--fill-2);color:var(--text);font-weight:600}
.c .badge{position:absolute;top:6px;left:6px;font-size:10px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.55);color:var(--muted);font-variant-numeric:tabular-nums}
.empty{padding:60px;text-align:center;color:var(--muted)}
.lb[hidden]{display:none}
.lb{position:fixed;inset:0;z-index:40;background:rgba(13,13,13,.96);display:flex;flex-direction:column;padding:14px}
.lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px}
.lb-top #lbTitle{font-size:19px;font-weight:600}.lb-top #lbTitle small{font-size:12px;color:var(--muted);font-weight:400;margin-left:10px}
.lb-acts{display:flex;gap:6px;align-items:center}
.lb-acts .chip{background:var(--fill-1);color:var(--text)}
.lb-acts .chip.on{background:var(--accent-bright);color:var(--accent-ink)}
.lb-imgs{flex:1;display:flex;gap:10px;align-items:center;justify-content:center;min-height:0;padding:12px 0}
.lb-imgs img{max-height:100%;max-width:33%;object-fit:contain;border-radius:var(--r-s);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lb-path{font-size:11px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
@media (max-width:700px){.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px 6px;padding:6px 8px 80px}.hint{display:none}.top .brand span{display:none}.search{width:120px}.lb-imgs{flex-direction:column}.lb-imgs img{max-width:100%;max-height:32%}}