:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f4f5;--surface:#fff;--text:#18181b;--muted:#52525b;--border:#d4d4d8;--accent:#1d4ed8;--font-family:system-ui, sans-serif;--card-min-width:17rem;--grid-gap:1.25rem;--card-radius:1rem}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#18181b;--surface:#27272a;--text:#fafafa;--muted:#a1a1aa;--border:#52525b;--accent:#93c5fd}}:root:where([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#18181b;--surface:#27272a;--text:#fafafa;--muted:#a1a1aa;--border:#52525b;--accent:#93c5fd}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--background);color:var(--text);font-family:var(--font-family);margin:0;line-height:1.5}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{background:var(--surface);z-index:1;padding:.5rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.gallery{max-width:90rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}.site-header{padding-top:3rem;padding-bottom:2rem}h1{overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.site-header p{color:var(--muted);overflow-wrap:anywhere;max-width:65ch}.gallery{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min-width)), 1fr));gap:var(--grid-gap);align-items:start;padding-bottom:3rem;display:grid}.gallery.masonry{grid-auto-rows:8px}.card{min-width:0}.card-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden}.image-link{display:block}.card img{width:100%;height:auto;display:block}.card-text{overflow-wrap:anywhere;padding:1.25rem}.site-name,.source-url{color:var(--muted);margin:0;font-size:.8rem}h2{margin:.4rem 0 .75rem;font-size:1.25rem;line-height:1.3}h2 a{text-underline-offset:.15em;text-decoration-thickness:1px}.description{margin:0 0 1rem}.empty-state{color:var(--muted);grid-column:1/-1}:root{--card-min-width:17rem;--grid-gap:1.25rem;--card-radius:1rem}
