: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 (max-width: 1100px){.masonry{column-count:3}}@media (max-width: 700px){.masonry{column-count:2}}@media (max-width: 420px){.masonry{column-count:1}}.search{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;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:30px;left:50%;transform:translate(-50%);font-size:clamp(14px,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::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1em;height:1em;margin-left:.55em;cursor:pointer;background:currentColor;color:#ffffff73;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M3.3 2.3L8 7l4.7-4.7 1 1L9 8l4.7 4.7-1 1L8 9l-4.7 4.7-1-1L7 8 2.3 3.3z'/></svg>") no-repeat center / .85em .85em;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M3.3 2.3L8 7l4.7-4.7 1 1L9 8l4.7 4.7-1 1L8 9l-4.7 4.7-1-1L7 8 2.3 3.3z'/></svg>") no-repeat center / .85em .85em;transition:color .12s ease}.search input::-webkit-search-cancel-button:hover{color:#ffffffd9}.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;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.lightbox img{width:100vw;height:100vh;object-fit:contain}