*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Gen Interface JP,system-ui,sans-serif;font-weight:400}body{margin:0}#root{max-width:1200px;margin:0 auto}.home{flex-direction:column;justify-content:center;min-height:100svh;padding:64px 48px;display:flex}.site-title{letter-spacing:.04em;color:#6d6d6d;margin-bottom:64px;font-size:18px;font-weight:400}.date-list{flex-direction:column;gap:20px;display:flex}.date-link{color:#000;letter-spacing:.05em;font-variant-numeric:tabular-nums;width:fit-content;font-size:32px;font-weight:400;text-decoration:none;transition:opacity .2s}.date-link:hover{opacity:.4}.date-page{min-height:100svh;padding:12px 16px 48px}.date-header{margin-bottom:32px;padding:12px 4px 0}.back-link{color:#6d6d6d;margin-bottom:16px;font-size:20px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:#000}.date-title{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#1a1a1a;font-size:26px;font-weight:400}.masonry{columns:3;column-gap:12px}.masonry .photo-item{break-inside:avoid;margin-bottom:12px}@media (width<=768px){.masonry{columns:2}}@supports (display:grid-lanes){.masonry{display:grid-lanes;columns:unset;grid-template-columns:repeat(3,1fr);gap:12px}.masonry .photo-item{margin-bottom:0}@media (width<=768px){.masonry{grid-template-columns:repeat(2,1fr)}}}.photo-item{cursor:pointer;background:0 0;border:none;width:100%;height:fit-content;padding:0;display:block}.photo-item img{opacity:0;border-radius:2px;width:100%;height:auto;transition:opacity .5s,transform .5s;display:block;transform:translateY(16px)}.photo-item img.loaded{opacity:1;transform:translateY(0)}.photo-item:hover img.loaded{opacity:.8}@media (prefers-reduced-motion:reduce){.photo-item img{transition:opacity .3s;transform:none}}.photo-dialog{background:#fff;border:none;justify-content:center;align-items:center;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;margin:0;padding:0;display:none}.photo-dialog[open]{display:flex}.photo-dialog::backdrop{background:0 0}.photo-dialog img{object-fit:contain;max-width:80dvw;max-height:80dvh;display:block}@media (width<=768px){.home{padding:48px 24px}.site-title{margin-bottom:48px}.date-link{font-size:24px}.date-page{padding:12px 16px 48px}.date-title{font-size:22px}.photo-dialog img{max-width:90dvw;max-height:90dvh}}