:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-2: #f4f4f4;--color-text: #0a0a0a;--color-text-muted: #6b6b6b;--color-text-faint: #9a9a9a;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--color-accent: #0a0a0a;--color-accent-contrast: #ffffff;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-24: 24px;--fs-32: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--transition-base: .18s cubic-bezier(.2, 0, 0, 1);--header-h: 64px;--max-w: 1400px}:root[data-theme=dark]{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-2: #1f1f1f;--color-text: #f5f5f5;--color-text-muted: #a0a0a0;--color-text-faint: #6b6b6b;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .18);--color-accent: #f5f5f5;--color-accent-contrast: #0a0a0a}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:color-mix(in srgb,var(--color-surface) 70%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.site-header.is-scrolled{background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom-color:var(--color-border);box-shadow:0 1px 3px #0000000a}.site-header__inner{max-width:var(--max-w);height:100%;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-5);justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-weight:500;font-size:var(--fs-16);letter-spacing:-.01em;white-space:nowrap}.wordmark__mark{width:22px;height:22px;flex-shrink:0;color:var(--color-text);display:block}.wordmark__name{margin-left:2px}.wordmark__slash{color:var(--color-text-faint)}.wordmark__sub{color:var(--color-text-muted);font-weight:400}.search{flex:1;max-width:560px;position:relative;display:flex;align-items:center}.search svg{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.search__input{width:100%;height:calc(var(--space-8) + var(--space-1));padding:0 var(--space-3) 0 var(--space-8);background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--fs-13);outline:none;transition:background var(--transition-base),border-color var(--transition-base)}.search__input:hover{background:var(--color-surface);border-color:var(--color-border)}.search__input:focus{background:var(--color-surface);border-color:var(--color-border-strong)}.search__input::placeholder{color:var(--color-text-faint)}.nav-links ul{list-style:none;display:flex;gap:var(--space-5);margin:0;padding:0}.nav-links__link{color:var(--color-text-muted);text-decoration:none;font-size:var(--fs-13);font-weight:400;transition:color var(--transition-base)}.nav-links__link:hover{color:var(--color-text)}.theme-toggle{width:var(--space-8);height:var(--space-8);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);padding:0;flex-shrink:0}.theme-toggle:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2)}.hamburger div{width:22px;height:2px;background:var(--color-text);margin:var(--space-1) 0;border-radius:calc(var(--radius-sm) / 2);transition:transform var(--transition-base),opacity var(--transition-base)}.hamburger.is-open .line1{transform:rotate(-45deg) translate(-5px,4px)}.hamburger.is-open .line2{opacity:0}.hamburger.is-open .line3{transform:rotate(45deg) translate(-5px,-4px)}@media (max-width: 768px){.site-header__inner{padding:0 var(--space-4);gap:var(--space-3)}.wordmark__name,.wordmark__slash,.wordmark__sub{display:none}.wordmark{gap:0}.wordmark__mark{width:24px;height:24px}.search__input{font-size:var(--fs-13)}.nav-links{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.nav-links.is-open{display:block}.nav-links ul{flex-direction:column;gap:var(--space-4)}.hamburger{display:inline-flex;flex-direction:column}.search{max-width:none}}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-6);background:var(--color-bg)}.site-footer__inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--fs-13);color:var(--color-text-muted)}.site-footer__made{color:var(--color-text-muted)}.site-footer__brand{display:inline-flex;align-items:center;color:var(--color-text);text-decoration:none;transition:opacity var(--transition-base)}.site-footer__brand:hover{opacity:.65}.site-footer__logo{height:20px;width:auto;display:block;color:inherit}.site-footer__dot{color:var(--color-text-faint)}.site-footer__meta{color:var(--color-text-muted)}.site-footer__link{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px;transition:color var(--transition-base)}.site-footer__link:hover{color:var(--color-text)}@media (max-width: 640px){.site-footer__inner{gap:var(--space-2);font-size:var(--fs-12)}.site-footer__dot{display:none}.site-footer__logo{height:18px}}.skeleton-grid{column-count:3;column-gap:var(--space-3)}@media (max-width: 1024px){.skeleton-grid{column-count:2}}@media (max-width: 640px){.skeleton-grid{column-count:1}}.skeleton-card{width:100%;break-inside:avoid;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-2) 0%,var(--color-surface) 50%,var(--color-surface-2) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.pagination__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:var(--fs-13);font-weight:500;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.pagination__btn:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.pagination__btn:active:not(:disabled){transform:translateY(1px)}.pagination__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pagination__btn:disabled{color:var(--color-text-faint);background:var(--color-surface);cursor:not-allowed;opacity:.6}.pagination__btn svg{flex-shrink:0}.pagination__indicator{display:inline-flex;align-items:center;gap:var(--space-1);min-width:72px;justify-content:center;font-size:var(--fs-13);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.pagination__current{color:var(--color-text);font-weight:500}.pagination__sep{color:var(--color-text-faint)}@media (max-width: 640px){.pagination{gap:var(--space-2)}.pagination__btn{padding:0 var(--space-3)}}.photos-container{max-width:var(--max-w);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-6);display:block;min-height:calc(100vh - var(--header-h))}.photos-grid{column-count:3;column-gap:var(--space-3)}.photos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-16) var(--space-4);color:var(--color-text-muted);text-align:center}.photos-empty svg{color:var(--color-text-faint);margin-bottom:var(--space-2)}.photos-empty__title{font-size:var(--fs-16);font-weight:500;color:var(--color-text);margin:0}.photos-empty__hint{font-size:var(--fs-13);color:var(--color-text-muted);margin:0}.photos-error{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}@media (max-width: 1024px){.photos-grid{column-count:2}}@media (max-width: 640px){.photos-grid{column-count:1}}@media (max-width: 768px){.photos-container{padding:var(--space-5) var(--space-4) var(--space-5)}}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6);overflow-y:auto;animation:lightbox-fade-in .18s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox__stage{max-width:1100px;width:100%;display:flex;flex-direction:column;gap:var(--space-4);margin:auto 0}.lightbox__image{max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);align-self:center;box-shadow:0 20px 60px #0006}.lightbox__panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.lightbox__panel-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.lightbox__author{display:flex;align-items:center;gap:var(--space-3)}.lightbox__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-surface-2);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-14);font-weight:500}.lightbox__author-text{display:flex;flex-direction:column;line-height:1.2}.lightbox__author-name{font-size:var(--fs-14);font-weight:500;color:var(--color-text)}.lightbox__author-label{font-size:var(--fs-12);color:var(--color-text-faint)}.lightbox__stats{display:flex;gap:var(--space-5)}.lightbox__stat{display:flex;flex-direction:column;line-height:1.2;font-variant-numeric:tabular-nums}.lightbox__stat-value{font-size:var(--fs-14);font-weight:500;color:var(--color-text)}.lightbox__stat-label{font-size:var(--fs-12);color:var(--color-text-muted)}.lightbox__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.lightbox__tag{padding:2px var(--space-3);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:var(--radius-pill);font-size:var(--fs-12)}.lightbox__close,.lightbox__nav{position:fixed;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease}.lightbox__close:hover,.lightbox__nav:hover{background:rgba(255,255,255,.2);border-color:#ffffff4d}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.lightbox__close{position:fixed;top:var(--space-5);right:var(--space-5);width:40px;height:40px;z-index:1001}.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;z-index:1001}.lightbox__nav--prev{left:var(--space-5)}.lightbox__nav--next{right:var(--space-5)}@media (max-width: 768px){.lightbox{padding:var(--space-3)}.lightbox__image{max-height:55vh}.lightbox__panel-row{flex-direction:column;align-items:flex-start}.lightbox__stats{gap:var(--space-4);flex-wrap:wrap}.lightbox__nav{width:36px;height:36px}.lightbox__nav--prev{left:var(--space-3)}.lightbox__nav--next{right:var(--space-3)}.lightbox__close{top:var(--space-3);right:var(--space-3);width:36px;height:36px}}.photo-card{break-inside:avoid;margin-bottom:var(--space-3);cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-2);transition:transform var(--transition-base),box-shadow var(--transition-base);outline:none}.photo-card:hover{box-shadow:0 8px 24px #00000040}.photo-card:focus-visible{box-shadow:0 0 0 2px var(--color-accent)}.photo-card__media{position:relative;width:100%;overflow:hidden;background-color:var(--color-surface-2)}.photo-card__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.4);transform:scale(1.15);transition:opacity .4s ease .2s;opacity:1;z-index:1}.photo-card__placeholder.is-hidden{opacity:0}.photo-card__img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1);transition:opacity .6s ease,transform .6s ease}.photo-card__img.is-loaded{opacity:1}.photo-card:hover .photo-card__img.is-loaded{transform:scale(1.04)}.photo-card__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--space-3);background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55) 100%);z-index:3;opacity:0;transition:opacity var(--transition-base)}.photo-card:hover .photo-card__overlay,.photo-card:focus-visible .photo-card__overlay{opacity:1}.photo-card__meta{display:flex;flex-direction:column;gap:2px;color:#fff;font-size:var(--fs-12);line-height:1.3}.photo-card__user{font-weight:500}.photo-card__tags{opacity:.85;font-size:11px}.category-chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:var(--space-2) 0;margin-bottom:var(--space-6);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - 40px),transparent 100%)}.category-chips::-webkit-scrollbar{display:none}@media (min-width: 1024px){.category-chips{-webkit-mask-image:none;mask-image:none}}.chip{flex-shrink:0;padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font:inherit;font-size:var(--fs-13);font-weight:400;cursor:pointer;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.chip:hover{color:var(--color-text);border-color:var(--color-border-strong)}.chip.is-active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.chip:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.hero{position:relative;isolation:isolate;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6);min-height:320px;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.hero__backdrop{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transform:scale(1.05);filter:saturate(.9)}.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.55) 100%),radial-gradient(ellipse at center,rgba(0,0,0,.1) 0%,rgba(0,0,0,.35) 80%)}.hero__content{position:relative;z-index:2;text-align:center;padding:var(--space-10) var(--space-6);max-width:640px;width:100%}.hero__headline{font-size:var(--fs-32);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0 0 var(--space-2)}.hero__sub{font-size:var(--fs-14);color:#fffc;margin:0 0 var(--space-6)}.hero__search{position:relative;max-width:520px;margin:0 auto var(--space-4)}.hero__search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.hero__search-input{width:100%;height:48px;padding:0 var(--space-4) 0 var(--space-10);background:rgba(255,255,255,.97);border:1px solid transparent;border-radius:var(--radius-md);color:#0a0a0a;font:inherit;font-size:var(--fs-14);outline:none;transition:background var(--transition-base),box-shadow var(--transition-base);box-sizing:border-box}.hero__search-input:focus{background:#ffffff;box-shadow:0 0 0 3px #ffffff40}.hero__search-input::placeholder{color:#6b6b6b}.hero__tags{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.hero__tag{padding:5px var(--space-3);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-pill);color:#ffffffeb;font:inherit;font-size:var(--fs-12);cursor:pointer;backdrop-filter:blur(8px);transition:background var(--transition-base),border-color var(--transition-base)}.hero__tag:hover{background:rgba(255,255,255,.2);border-color:#fff6}@media (max-width: 768px){.hero{min-height:260px}.hero__content{padding:var(--space-8) var(--space-4)}.hero__headline{font-size:var(--fs-24)}.hero__sub{font-size:var(--fs-13);margin-bottom:var(--space-5)}.hero__search-input{height:44px}}.results-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.results-header__label{margin:0;font-size:var(--fs-14);color:var(--color-text-muted)}.results-header__count{color:var(--color-text);font-weight:500;font-variant-numeric:tabular-nums}.results-header__term{color:var(--color-text);font-weight:500}.results-header__clear{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--fs-13);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.results-header__clear:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}@media (max-width: 640px){.results-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:75px}body{font-weight:400;overflow-x:hidden;position:relative;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans)}