: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}html[data-admin-blur=on] img{filter:blur(64px);clip-path:inset(0)}.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.9em;height:1.9em;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-shuffle.is-active{color:var(--accent)}.search-submit svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.8;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: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{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;-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;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}@media (min-width: 700px){.lightbox-action svg{width:30px;height:30px}}.lightbox-close{position:absolute;top:0;right:0;margin-top:calc(14px + env(safe-area-inset-top,0px));margin-right:calc(14px + env(safe-area-inset-right,0px));z-index:2}.lightbox-favorite{position:absolute;bottom:0;right:0;margin-bottom:calc(14px + env(safe-area-inset-bottom,0px));margin-right:calc(14px + env(safe-area-inset-right,0px));z-index:2}.lightbox-favorite svg{stroke-width:2;stroke-linejoin:round}.lightbox-favorite.is-favorited{color:#ff4d6d}.lightbox-favorite.is-favorited svg{fill:currentColor;stroke:currentColor}.lightbox-menu-wrapper{position:absolute;top:0;left:0;margin-top:calc(14px + env(safe-area-inset-top,0px));margin-left:calc(14px + env(safe-area-inset-left,0px));z-index:4}.lightbox-menu-button .lightbox-menu-icon circle{fill:currentColor;stroke:none}.lightbox-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.lightbox-menu{position:absolute;top:calc(100% + 8px);left:0;background:#141416eb;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:6px;display:flex;flex-direction:column;min-width:200px;box-shadow:0 12px 40px #0009;animation:lightbox-menu-pop .18s cubic-bezier(.2,.8,.2,1);transform-origin:top left}@keyframes lightbox-menu-pop{0%{opacity:0;transform:scale(.85) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lightbox-menu-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:transparent;border:0;color:#ffffffeb;font-size:15px;font-family:inherit;text-align:left;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent;transition:background .12s ease;white-space:nowrap}.lightbox-menu-item:hover,.lightbox-menu-item:focus-visible{background:#ffffff14;outline:none}.lightbox-menu-item:active{background:#ffffff24}.lightbox-menu-item svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lightbox-menu-item.is-favorited{color:#ff4d6d}.lightbox-menu-item.is-favorited svg{fill:currentColor;stroke:currentColor}.heart-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.heart-burst-main{width:140px;height:140px;fill:#ff4d6d;filter:drop-shadow(0 6px 24px rgba(255,77,109,.55));will-change:transform,opacity}.heart-burst.is-fav .heart-burst-main{animation:heart-burst-fav .9s cubic-bezier(.34,1.56,.64,1) forwards}.heart-burst.is-unfav .heart-burst-main{animation:heart-burst-unfav .7s cubic-bezier(.4,0,.6,1) forwards}@keyframes heart-burst-fav{0%{opacity:0;transform:scale(0) rotate(-25deg)}20%{opacity:1;transform:scale(1.35) rotate(8deg)}40%{transform:scale(.88) rotate(-4deg)}55%{transform:scale(1.1) rotate(2deg)}70%{transform:scale(1) rotate(0);opacity:1}to{opacity:0;transform:scale(1.55) rotate(0)}}@keyframes heart-burst-unfav{0%{opacity:0;transform:scale(.6) rotate(0)}20%{opacity:1;transform:scale(1.05) rotate(-12deg)}45%{transform:scale(.85) rotate(10deg)}70%{transform:scale(.55) rotate(-22deg) translateY(28px);opacity:.7}to{opacity:0;transform:scale(.25) rotate(60deg) translateY(110px)}}.heart-burst-particle{position:absolute;width:28px;height:28px;fill:#ff4d6d;opacity:0;filter:drop-shadow(0 2px 6px rgba(255,77,109,.5));animation:heart-burst-particle .75s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay, 0ms);will-change:transform,opacity}@keyframes heart-burst-particle{0%{opacity:0;transform:translate(0) scale(0) rotate(0)}20%{opacity:1;transform:translate(calc(var(--dx) * .25),calc(var(--dy) * .25)) scale(.95) rotate(calc(var(--rotate) * .3))}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(var(--rotate))}}.lightbox-toast{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;pointer-events:none;z-index:5;animation:lightbox-toast-in .2s ease,lightbox-toast-out .22s ease 1.6s forwards}@keyframes lightbox-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes lightbox-toast-out{to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion: reduce){.lightbox-menu{animation:none}.heart-burst-main,.heart-burst-particle{animation-duration:.01ms}.lightbox-toast{animation:lightbox-toast-in .01ms ease,lightbox-toast-out .01ms ease 1.7s forwards}}
