.photo{position:relative;width:100%;margin:0;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-pending{width:100%;height:100%;background:repeating-linear-gradient(135deg,transparent 0 11px,color-mix(in srgb,var(--hairline) 22%,transparent) 11px 12px),var(--surface)}.photo-caption{position:absolute;left:var(--space-1);bottom:var(--space-1);right:var(--space-1);display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.photo-details,.photo-pill{pointer-events:auto;background:var(--caption-fill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--caption-ink);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-meta)}.photo-pill{display:inline-flex;flex-wrap:wrap;gap:0 .75em;max-width:100%;padding:4px 10px;border:0;border-radius:var(--radius-pill);text-align:left;cursor:pointer}.photo-pill:disabled{cursor:default}.photo-brief{color:var(--caption-ink-muted)}.photo-pill:focus-visible{outline:1px solid var(--caption-ink);outline-offset:2px}.photo-details{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-2);margin:0;padding:var(--space-1) 10px;border-radius:var(--radius-card)}.photo-details[hidden]{display:none}.photo-details>div{display:contents}.photo-details dt{color:var(--caption-ink-muted)}.photo-details dd{margin:0}.photo img,.photo-caption{opacity:0;transition:opacity .3s var(--ease-calm)}.photo[data-loaded] .photo-caption,.photo[data-loaded] img{opacity:1}.photo-open{position:absolute;inset:0;padding:0;border:0;background:none;cursor:zoom-in}.photo-open:focus-visible{outline:1px solid var(--focus);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.photo img,.photo-caption{transition:none}}.viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:var(--space-3);border:0;background:var(--page);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-meta)}.viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:var(--space-3);animation:viewer-in var(--duration-card) var(--ease-calm)}.viewer:focus{outline:none}.viewer::backdrop{background:transparent}:root:has(.viewer[open]){overflow:hidden}@keyframes viewer-in{0%{opacity:0}}.viewer-stage{display:grid;grid-template:100%/100%;place-items:center;min-width:0;min-height:0;touch-action:pan-y;transition:transform var(--duration-card) var(--ease-calm)}.viewer-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;filter:var(--shadow-photo)}.viewer-pending{width:min(100%,40rem);max-height:100%}.viewer-stage img{opacity:0;transition:opacity .3s var(--ease-calm)}.viewer-stage img[data-loaded]{opacity:1}.viewer-name{margin:0 0 var(--space-1);font-size:var(--text-nav)}.viewer-details{display:grid;grid-template-columns:auto 1fr;gap:2px var(--space-2);margin:0}.viewer-details>div{display:contents}.viewer-details dt{color:var(--ink-muted)}.viewer-details dd{margin:0}.viewer-bar{display:flex;align-items:center;gap:var(--space-2)}.viewer-bar button,.viewer-close{padding:4px 6px;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:var(--text-nav);cursor:pointer;transition:color var(--duration-quick) var(--ease-calm)}.viewer-bar button:hover,.viewer-close:hover{color:var(--ink)}.viewer-bar button:focus-visible,.viewer-close:focus-visible{outline:1px solid var(--focus);outline-offset:2px}.viewer-count{min-width:4ch;color:var(--ink-muted);text-align:center}.viewer-close{justify-self:end;margin:-4px -6px 0 0}@media (min-width:900px){.viewer[open]{grid-template-columns:minmax(0,1fr) 16rem;grid-template-rows:auto minmax(0,1fr) auto;padding:var(--space-4);gap:var(--space-4)}.viewer-stage{grid-column:1;grid-row:1/4}.viewer-close{grid-column:2;grid-row:1}.viewer-info{grid-column:2;grid-row:2;align-self:end}.viewer-bar{grid-column:2;grid-row:3}}@media (prefers-reduced-motion:reduce){.viewer[open]{animation:none}.viewer-stage,.viewer-stage img{transition:none}}