:root{--bg: #ffffff;--text: #111111;--muted: rgba(17, 17, 17, .72);--shell-pad: 1rem;--viewer-gap: .5rem;--controls-row: 2.5rem;--exif-row: 1rem}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.viewer-shell{--image-width: min(94vw, 1600px);--controls-width: var(--image-width);--meta-width: var(--image-width);--preview-offset: 0px;min-height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:var(--viewer-gap);padding:var(--shell-pad)}.viewer-frame{margin:0;display:grid;justify-items:center;align-content:center;align-self:stretch;min-height:0;gap:.35rem}.viewer-exif-line{width:var(--meta-width);max-width:100%;min-height:1rem;color:var(--muted);font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1;text-transform:lowercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-exif-line[hidden]{visibility:hidden;display:block}.viewer-link{position:relative;display:inline-block;overflow:hidden;touch-action:pan-y}.viewer-image{--swipe-offset: 0px;position:relative;z-index:1;width:auto;max-width:min(94vw,1600px);max-height:calc(100svh - (var(--shell-pad) * 2) - var(--controls-row) - var(--exif-row) - var(--viewer-gap));height:auto;opacity:1;transform:translate3d(var(--swipe-offset),0,0);transition:opacity .18s ease,transform .18s ease}.viewer-image-preview{position:absolute;inset:0;margin:auto;z-index:0;opacity:0;transform:translate3d(var(--preview-offset),0,0);transition:opacity .14s ease,transform .14s ease}.viewer-image-preview.is-visible{opacity:1}.viewer-image.is-entering{opacity:.82}.viewer-image.is-swiping{transition:none}.viewer-image.is-swipe-commit{opacity:1;transition:transform .22s ease}.viewer-image-preview.is-committing{transition:opacity .22s ease,transform .22s ease}.viewer-swipe-hint-overlay{position:absolute;left:50%;bottom:1.1rem;z-index:2;transform:translate(-50%);color:#fff;background:#111111b8;font-size:.78rem;line-height:1;padding:.55rem .7rem;opacity:0;transition:opacity .18s ease;pointer-events:none;white-space:nowrap}.viewer-swipe-hint-overlay[data-visible=true]{opacity:1}.viewer-hover-panel{position:absolute;right:.75rem;bottom:.75rem;z-index:3;display:grid;gap:.35rem;justify-items:end;opacity:0;transition:opacity .16s ease;pointer-events:none}.viewer-hover-label{pointer-events:auto;color:#fff;background:#111111b8;font-size:.8rem;line-height:1;padding:.45rem .55rem}.viewer-exif-item[hidden]{display:none}.viewer-link:focus-within .viewer-hover-panel,.viewer-link[data-overlay-visible=true] .viewer-hover-panel,.viewer-hover-panel[data-visible=true]{opacity:1}@media(hover:hover)and (pointer:fine){.viewer-link:hover .viewer-hover-panel{opacity:1}}.viewer-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:var(--controls-width);max-width:100%;margin:0 auto;transition:width .22s ease}.viewer-nav{display:inline-flex;align-items:center;justify-self:center;gap:.9rem}.viewer-name{margin:0;color:var(--text);font-size:.85rem;justify-self:start}.viewer-button{display:inline-flex;align-items:center;gap:.35rem;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;padding:0;justify-self:center;cursor:pointer}.viewer-button:hover,.viewer-button:focus-visible{color:var(--text);outline:none}.viewer-button:disabled{color:#11111152;cursor:default}.viewer-instagram{justify-self:end;display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}.viewer-instagram:hover,.viewer-instagram:focus-visible{color:var(--text);outline:none}@media(max-width:719px){:root{--shell-pad: .75rem;--viewer-gap: .35rem;--controls-row: 2.5rem}.viewer-shell{padding:var(--shell-pad);gap:var(--viewer-gap)}.viewer-image{max-width:100%;max-height:calc(100svh - (var(--shell-pad) * 2) - var(--controls-row) - var(--exif-row) - var(--viewer-gap))}.viewer-controls{width:100%;grid-template-columns:auto auto auto;grid-template-areas:"name nav insta";gap:.9rem;padding:0 .75rem;justify-items:center;justify-content:center}.viewer-nav{grid-area:nav;gap:.9rem;justify-self:center}.viewer-button{width:auto}.viewer-name{display:block;grid-area:name;justify-self:center;white-space:nowrap}.viewer-button-back,.viewer-button-next{display:none}.viewer-instagram{display:inline-flex;grid-area:insta;justify-self:center}.viewer-instagram-label{display:none}}@media(prefers-reduced-motion:reduce){.viewer-image,.viewer-hover-label,.viewer-hover-panel,.viewer-swipe-hint-overlay{transition:none}}