:root{--bg: #0a0a12;--fg: #ccd0d8;--fg-dim: #9090a0;--accent: #88aacc;--border: #22222c;--gap: 4px}:root[data-theme=light]{--bg: #f6f6f2;--fg: #18181c;--fg-dim: #6a6a74;--accent: #3a5a78;--border: #d0d0cc}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg-dim);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;min-height:100vh}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:var(--gap);min-height:100vh}@media (max-width: 720px){.grid{grid-template-columns:repeat(2,1fr)}}.tile{display:block;aspect-ratio:1 / 1;overflow:hidden;cursor:zoom-in;background:#000;position:relative}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease;opacity:0}.tile img.loaded{opacity:1}.tile:hover img{transform:scale(1.04)}.empty-state{grid-column:1 / -1;text-align:center;padding:120px 20px;color:var(--fg-dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.theme-btn{position:fixed;bottom:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--fg-dim);border:1px solid var(--border);cursor:pointer;font-size:14px;font-family:inherit;z-index:10;opacity:.5;transition:opacity .2s}.theme-btn:hover{opacity:1;color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;cursor:zoom-out}.modal-img{max-width:100%;max-height:100%;object-fit:contain;cursor:default;box-shadow:0 20px 60px #000000b3}.modal-download{position:fixed;top:16px;right:16px;background:#14141cd9;color:var(--fg);border:1px solid rgba(255,255,255,.15);padding:8px 14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;text-decoration:none;cursor:pointer;font-family:inherit;z-index:101}.modal-download:hover{background:#282834f2}.modal-close{position:fixed;top:16px;left:16px;background:#14141cd9;color:var(--fg);border:1px solid rgba(255,255,255,.15);padding:8px 12px;font-size:14px;line-height:1;border-radius:4px;cursor:pointer;font-family:inherit;z-index:101}