*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0b0a09;--color-surface: #161412;--color-surface-2: #1e1c19;--color-border: oklch(45% .03 50 / .3);--color-text: #f0ebe5;--color-muted: oklch(65% .03 50);--color-accent: oklch(72% .14 55);--color-accent-l: oklch(85% .08 55);--radius-base: .5rem;--radius-pill: 999px;--font-display: "Fraunces", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxContentIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.masonry-grid{column-count:1;column-gap:1rem}@media(min-width:640px){.masonry-grid{column-count:2}}@media(min-width:900px){.masonry-grid{column-count:3}}@media(min-width:1200px){.masonry-grid{column-count:4}}.masonry-item{break-inside:avoid;margin-bottom:1rem;cursor:pointer}.masonry-item:hover{opacity:.88;transition:opacity .15s}.masonry-item:hover .card-overlay{opacity:1!important}.masonry-item:hover .card-title,.masonry-item:hover .card-exif,.masonry-item:hover .card-cat{transform:translateY(0)!important}