:root{color-scheme:dark;--bg:#0d0f12;--card:#171a1f;--text:#f4f5f7;--muted:#a6adb7;--line:#292e36}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
header{max-width:1500px;margin:auto;padding:34px 22px 18px}h1{font-size:clamp(28px,4vw,46px);margin:0 0 8px}.sub{color:var(--muted)}
.grid{max-width:1500px;margin:auto;padding:12px 22px 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.card{display:block;color:inherit;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.meta{padding:13px 14px}.card h2{font-size:16px;margin:0 0 5px}.count{font-size:13px;color:var(--muted)}
.topbar{max-width:1500px;margin:auto;padding:22px}.back{color:inherit;text-decoration:none}.photos{max-width:1600px;margin:auto;padding:0 16px 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px}
.photo{border:0;padding:0;background:#15181d;cursor:pointer;border-radius:5px;overflow:hidden}.photo img{width:100%;height:190px;display:block;object-fit:cover}
.viewer{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:100;display:none;align-items:center;justify-content:center}.viewer.open{display:flex}.viewer img{max-width:94vw;max-height:90vh;object-fit:contain}
.close,.prev,.next{position:absolute;border:0;background:rgba(30,30,30,.7);color:#fff;border-radius:999px;cursor:pointer;font-size:26px;width:48px;height:48px}.close{right:18px;top:18px}.prev{left:18px}.next{right:18px}.caption{position:absolute;bottom:12px;background:rgba(0,0,0,.5);padding:6px 10px;border-radius:8px}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 10px 30px}.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:0 3px 30px}.photo img{height:125px}}