:root{color-scheme:dark;--bg:#101114;--panel:#191a1f;--muted:#9a9ca6;--accent:#b9f36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f3f5;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{padding:42px clamp(20px,6vw,88px) 28px;background:radial-gradient(ellipse at 80% 0,#303a23 0,transparent 42%),var(--bg)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}h1{font-size:clamp(38px,7vw,76px);letter-spacing:-.06em;line-height:1;margin:14px 0}.intro{color:var(--muted);max-width:570px;margin:0}.tools{display:flex;gap:12px;align-items:center;padding:18px clamp(20px,6vw,88px);position:sticky;top:0;background:#101114eF;backdrop-filter:blur(14px);z-index:2;border-block:1px solid #ffffff12}.tools input{flex:1;min-width:120px;background:var(--panel);border:1px solid #ffffff18;border-radius:12px;padding:12px 15px;color:white;font:inherit;outline:none}.tools input:focus{border-color:var(--accent)}.count{color:var(--muted);white-space:nowrap;font-size:13px}.grid{padding:24px clamp(14px,4vw,58px) 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px}.card{position:relative;aspect-ratio:4/3;background:#202127;border-radius:12px;overflow:hidden;cursor:pointer}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover img{transform:scale(1.045)}.card span{position:absolute;inset:auto 0 0;padding:30px 12px 10px;background:linear-gradient(transparent,#000b);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .2s}.card:hover span{opacity:1}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px}dialog{border:0;padding:0;background:#111;border-radius:12px;max-width:94vw;max-height:92vh;color:white}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}dialog img{display:block;max-width:94vw;max-height:84vh;object-fit:contain}dialog p{margin:0;padding:12px 16px;color:#ddd;font-size:13px}dialog button{position:absolute;right:10px;top:10px;border:0;border-radius:99px;background:#0009;color:white;font-size:22px;width:38px;height:38px;cursor:pointer}footer{text-align:center;color:var(--muted);font-size:12px;padding:0 20px 30px}
