:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--fg:#e9e9ec;--muted:#8a8a92}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app{padding:1.5rem}.about{color:#9aa0a6;font-size:.8rem;text-decoration:none}.about:hover{color:#f5f5f5}.colorbar{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.4rem;padding:.75rem 0 1rem;display:flex;overflow-x:auto}.colorbar::-webkit-scrollbar{display:none}.colorbar .swatch,.colorbar .avatar{flex:none}.bar-sep{background:#ffffff26;flex:none;width:1px;height:18px;margin:0 .25rem}.linktoggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;flex:none;width:42px;height:24px;padding:0;position:relative}.linktoggle .knob{background:#f5f5f5;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .15s;display:flex;position:absolute;top:2px;left:2px}.linktoggle.on .knob{transform:translate(18px)}.linktoggle .knob svg{width:11px;height:11px;display:block}.linktoggle .knob svg path{fill:#111}.about{white-space:nowrap;margin-left:auto}.avatar{border-radius:50%;width:22px;height:22px;padding:0;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.swatch{cursor:pointer;opacity:.8;border:1px solid #ffffff26;border-radius:3px;width:18px;height:18px;padding:0;transition:transform .1s,opacity .1s}.swatch:hover{opacity:1;transform:scale(1.15)}.swatch.active{opacity:1;outline:2px solid var(--fg);outline-offset:2px}.swatch.bw{background:linear-gradient(135deg,#111 0 50%,#f5f5f5 50% 100%)}.swatch.clear{color:var(--fg);opacity:.7;background:0 0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.masonry{align-items:flex-start;gap:1rem;display:flex}.col{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.card{background:#141416;border-radius:12px;transition:transform .15s;display:block;overflow:hidden}.card:hover{transform:translateY(-2px)}.card img{width:100%;height:auto;display:block}.state{text-align:center;color:var(--muted);padding:4rem 1rem}.load-more{justify-content:center;padding:2rem 0;display:flex}@media (width<=640px){.masonry,.col{gap:.75rem}}.load-more button{color:var(--fg);cursor:pointer;background:#141416;border:1px solid #2a2a2e;border-radius:999px;padding:.7rem 1.6rem;font-size:1rem;transition:background .15s}.load-more button:hover:not(:disabled){background:#1d1d20}.load-more button:disabled{opacity:.5;cursor:default}