:root{--accent: #9bc1e0;--accent-soft: rgba(155, 193, 224, .55);--accent-faint: rgba(155, 193, 224, .25);--bg: #0c0c0c;--tile-bg: #181818;--gap: 16px;--page-pad: 24px;--max-img: 640px}@media (max-width: 700px){:root{--gap: 10px;--page-pad: 12px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.masonry{column-count:4;column-gap:var(--gap);width:100%;max-width:calc(4 * var(--max-img) + 3 * var(--gap) + 2 * var(--page-pad));margin:0 auto;padding:var(--page-pad) var(--page-pad)}@media (min-width: 700px){.masonry{padding-bottom:110px}}@media (max-width: 1100px){.masonry{column-count:3}}@media (max-width: 700px){.masonry{column-count:2}}@media (max-width: 420px){.masonry{column-count:1;padding-left:0;padding-right:0}}.search{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:16px;background:#14141673;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.06)}@media (min-width: 700px){.search{position:fixed;top:auto;bottom:30vh;left:50%;transform:translate(-50%);font-size:clamp(16px,2vw,28px);width:34.3em;max-width:calc(100vw - 2.3em);padding:.4em 1.1em;gap:.4em;border:1px solid rgba(255,255,255,.08);border-radius:1em;box-shadow:0 .85em 2.85em #00000073,inset 0 1px #ffffff0d}}.search:before{content:"";position:absolute;top:0;left:0;width:.3em;height:.3em;border-radius:50%;background:#e8f4fff2;box-shadow:0 0 .45em .07em var(--accent-soft),0 0 .85em .2em var(--accent-faint);offset-path:rect(0 100% 100% 0 round 1em);offset-distance:0%;offset-anchor:50% 50%;opacity:0;transition:opacity .22s ease;pointer-events:none;will-change:offset-distance}.search.is-searching:before{opacity:1;animation:orbit 2.4s linear infinite}@keyframes orbit{to{offset-distance:100%}}@media (prefers-reduced-motion: reduce){.search.is-searching:before{animation:none;right:0;bottom:0;top:auto;left:auto;width:auto;height:auto;border-radius:inherit;background:none;box-shadow:0 0 0 1px var(--accent),0 0 1em var(--accent-soft);opacity:.7}}.search input{flex:1;min-width:0;background:transparent;color:#eee;border:0;padding:.35em .1em;font:inherit;outline:none;caret-color:var(--accent)}.search input::placeholder{color:#ffffffb3;opacity:1}.search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-submit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;padding:0;background:transparent;border:0;border-radius:50%;color:#ffffff8c;cursor:pointer;transition:color .12s ease;-webkit-tap-highlight-color:transparent}.search-submit:hover,.search-submit:focus-visible{color:var(--accent);outline:none}.search-submit svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.search-submit--spinner{color:var(--accent);cursor:default}.search-submit--spinner:hover{color:var(--accent)}.search-submit--spinner svg{animation:search-spin 1.4s cubic-bezier(.55,0,.85,.4) infinite;transform-origin:50% 50%;will-change:transform}.search-submit--spinner circle{stroke-dasharray:30 70;vector-effect:non-scaling-stroke}@keyframes search-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.search-submit--spinner svg{animation:none}.search-submit--spinner circle{stroke-dasharray:none;opacity:.6}}.tile{display:block;width:100%;margin:0 0 var(--gap);padding:0;border:0;background:var(--tile-bg);cursor:zoom-in;break-inside:avoid;overflow:hidden;border-radius:4px}.tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.tile:hover img{transform:scale(1.02)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes tile-fade-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.tile{animation:tile-fade-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}}.empty{text-align:center;color:#888;padding:32px 16px;font-size:14px}.sentinel{height:1px;width:100%}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;cursor:zoom-out;overflow:hidden;touch-action:pinch-zoom;will-change:transform,opacity}.lightbox-track{position:absolute;top:0;left:-100vw;width:300vw;height:100%;display:flex;will-change:transform}.lightbox-slot{width:100vw;height:100%;flex-shrink:0}.lightbox-slot img{width:100vw;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.lightbox-action{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#00000080;color:#ffffffe6;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;transition:background .12s ease,color .12s ease,transform .12s ease}@media (min-width: 700px){.lightbox-action{width:68px;height:68px}}.lightbox-action:hover,.lightbox-action:focus-visible{background:#000000bf;color:#fff;outline:none}.lightbox-action:active{transform:scale(.92)}.lightbox-action svg{width:26px;height:26px}@media (min-width: 700px){.lightbox-action svg{width:30px;height:30px}}.lightbox-close{top:0;right:0;margin-top:calc(14px + env(safe-area-inset-top,0px));margin-right:calc(14px + env(safe-area-inset-right,0px))}.lightbox-close svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.lightbox-favorite{bottom:0;right:0;margin-bottom:calc(14px + env(safe-area-inset-bottom,0px));margin-right:calc(14px + env(safe-area-inset-right,0px))}.lightbox-favorite svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.lightbox-favorite.is-favorited{color:#ff4d6d}.lightbox-favorite.is-favorited svg{fill:currentColor;stroke:currentColor}