:root{--bg:#101216;--surface:#181b21;--border:#2a2f38;--text:#e7e9ee;--text-muted:#9aa3b2;--accent:#6ea8fe;--danger:#ff8080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{max-width:96rem;margin:0 auto;padding:1.5rem 1rem 4rem}.login-backdrop{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:min(24rem,100%);padding:1.75rem}.login-card h1{margin:0 0 .25rem;font-size:1.35rem}.login-hint{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem}.login-card form{gap:.5rem;display:grid}.login-card label{color:var(--text-muted);font-size:.85rem}.login-card input{width:100%;color:var(--text);border:1px solid var(--border);background:#0d0f13;border-radius:.4rem;padding:.6rem .7rem;font-size:1rem}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.login-card button[type=submit]{color:#0d0f13;background:var(--accent);border:1px solid #0000;border-radius:.4rem;margin-top:.35rem;padding:.6rem .8rem;font-weight:600}.login-error{min-height:1.4rem;color:var(--danger);margin:.75rem 0 0;font-size:.85rem}.gallery-header{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);gap:.75rem;margin:-1.5rem -1rem 1rem;padding:1rem 1rem .75rem;display:grid;position:sticky;top:0}.gallery-title{align-items:baseline;gap:.75rem;display:flex}.gallery-header h1{margin:0;font-size:1.15rem}.gallery-count{color:var(--text-muted);flex:1;font-size:.8rem}.link-button{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}.notice{color:var(--text-muted)}.notice-error{color:var(--danger)}.filters{gap:.4rem;display:grid}.filter-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:var(--text);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.9rem}.chip[aria-pressed=true]{color:#0d0f13;background:var(--accent);border-color:var(--accent)}.chip-subtle{font-size:.8rem}.masonry{width:100%;position:relative}.masonry-cell{will-change:transform;position:absolute;top:0;left:0}.tile{background:var(--surface);border:none;border-radius:.35rem;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.tile-image,.tile-motion{object-fit:cover;width:100%;height:100%;display:block}.tile-image{opacity:0;transition:opacity .2s}.tile-image.is-loaded{opacity:1}.tile-motion{position:absolute;inset:0}.tile-missing{width:100%;height:100%;color:var(--text-muted);place-items:center;font-size:.75rem;display:grid}.tile-badge{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#08090ca6;border-radius:.25rem;align-items:center;gap:.3rem;padding:.1rem .4rem;font-size:.7rem;display:inline-flex;position:absolute;bottom:.35rem;right:.35rem}.tile-play{border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;border-left:.45rem solid;width:0;height:0}.masonry-sentinel{height:1px}.masonry-more{justify-content:center;padding:1.5rem 0;display:flex}.lightbox{z-index:10;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#08090cf5;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar{color:var(--text-muted);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.lightbox-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lightbox-count{font-variant-numeric:tabular-nums}.lightbox-close{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:.35rem;padding:.35rem .7rem}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 .5rem 1rem;display:flex;position:relative}.lightbox-media{object-fit:contain;max-width:100%;max-height:100%}.lightbox-nav{width:2.75rem;height:2.75rem;color:var(--text);border:1px solid var(--border);background:#181b21cc;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:50%;translate:0 -50%}.lightbox-nav-previous{left:.5rem}.lightbox-nav-next{right:.5rem}.lightbox-nav:disabled{opacity:.25}.lightbox-actions{justify-content:center;padding:0 1rem 1rem;display:flex}.lightbox-missing{color:var(--text-muted)}@media (width<=640px){.app-shell{padding:1rem .5rem 3rem}.gallery-header{margin:-1rem -.5rem .75rem;padding:.75rem .5rem .5rem}.filter-row{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.lightbox-nav{background:#181b21a6}}@media (prefers-reduced-motion:reduce){.tile-image{opacity:1;transition:none}}