*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);position:relative;z-index:10}.header__title{font-size:15px;font-weight:300;letter-spacing:-.02em;color:var(--color-text-primary)}.header__title a:hover{color:var(--color-text-secondary)}.header__right{display:flex;align-items:center;gap:var(--space-4)}.header__icon-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;font-size:18px;line-height:1;transition:color var(--transition-fast);display:flex;align-items:center}.header__icon-btn:hover,.header__icon-btn--active{color:var(--color-text-primary)}.header__about{font-size:13px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.header__about:hover{color:var(--color-text-primary)}.filter-panel{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;background:var(--color-bg-surface)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-group label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.filter-input{font-family:var(--font-family-sans);font-size:13px;color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:4px 8px;transition:border-color var(--transition-fast)}.filter-input:focus{outline:none;border-color:var(--color-accent)}.filter-clear{font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:4px 0;transition:color var(--transition-fast);align-self:flex-end}.filter-clear:hover{color:var(--color-text-primary)}.mosaic{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.mosaic{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.mosaic{grid-template-columns:1fr}}.mosaic__cell{display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--color-bg-elevated)}.mosaic__cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.mosaic__cell:hover img{transform:scale(1.03)}.detail{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center}.detail__photo-wrapper{position:relative;line-height:0}.detail__img{display:block;max-width:100vw;max-height:100vh}.detail__nav{position:fixed;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;font-size:48px;line-height:1;cursor:pointer;padding:var(--space-4);transition:color var(--transition-fast);z-index:20;-webkit-user-select:none;user-select:none}.detail__nav:hover{color:#ffffffe6}.detail__nav--prev{left:0}.detail__nav--next{right:0}.detail__info-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);background:none;border:none;color:#fff9;font-size:22px;cursor:pointer;z-index:20;transition:color var(--transition-fast);line-height:1;padding:0}.detail__info-btn:hover,.detail__info-btn--active{color:#fffffff2}.detail__back{position:fixed;top:var(--space-4);left:var(--space-6);font-family:var(--font-family-mono);font-size:11px;color:#fff6;z-index:20;letter-spacing:.04em;transition:color var(--transition-fast);text-shadow:0 1px 3px rgba(0,0,0,.8)}.detail__back:hover{color:#ffffffd9}.vf-overlay{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:center;padding:var(--space-6);pointer-events:none}.vf-text{font-family:var(--font-family-mono);color:var(--color-viewfinder-text);text-shadow:var(--color-viewfinder-shadow)}.vf-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.vf-bottom__row{display:flex;align-items:center;gap:var(--space-4)}.vf-filmsim{display:inline-block;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;background:#fff;color:#000;border-radius:var(--radius-full);mix-blend-mode:screen;text-shadow:none;line-height:1.4}.vf-lens{font-size:12px;opacity:.65}.vf-exposure{font-size:14px;opacity:.9}@keyframes slide-in-from-left{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slide-in-from-right{0%{transform:translate(100vw)}to{transform:translate(0)}}.slide-enter-left{animation:slide-in-from-left .22s ease forwards}.slide-enter-right{animation:slide-in-from-right .22s ease forwards}@media (hover: none) and (pointer: coarse){.detail__nav,.detail__info-btn{display:none}}.about{max-width:560px;margin:80px auto;padding:0 var(--space-6)}.about h1{font-size:24px;font-weight:300;letter-spacing:-.02em;margin-bottom:var(--space-6)}.about p{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.about__back{display:inline-block;margin-top:var(--space-6);font-size:13px;color:var(--color-text-muted);transition:color var(--transition-fast)}.about__back:hover{color:var(--color-text-primary)}.empty{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted);font-size:13px}