@layer tokens,base,components,pages;@layer components{.lightbox,.map-dialog{box-sizing:border-box;width:100%;max-width:none;margin:0 0 auto;padding:0;border:0;background-color:var(--color-paper);color:var(--color-ink)}.lightbox::backdrop,.map-dialog::backdrop{background:var(--color-scrim)}.lightbox[open]{animation:lightbox-drop var(--dur-settle) var(--ease-out)}.lightbox.is-closing{animation:lightbox-lift var(--dur-peel) var(--ease-inout) forwards;pointer-events:none}.map-dialog[open]{animation:map-dialog-drop var(--dur-settle) var(--ease-out)}.map-dialog.is-closing{animation:map-dialog-lift var(--dur-peel) var(--ease-inout) forwards;pointer-events:none}@keyframes lightbox-drop{0%{transform:translateY(-100%);pointer-events:none}to{pointer-events:none}}@keyframes lightbox-lift{to{transform:translateY(-100%)}}@keyframes map-dialog-drop{0%{transform:translateY(-100%);pointer-events:none}to{pointer-events:none}}@keyframes map-dialog-lift{to{transform:translateY(-100%)}}.lightbox__close{position:absolute;top:16px;right:16px;z-index:2}.map-dialog__bar{position:sticky;top:16px;z-index:2;display:flex;justify-content:flex-end;align-items:flex-start;height:0;padding-right:16px}.map-dialog.grain{background-position:right 16px top 16px}.map-dialog__close{min-inline-size:98px;background-color:var(--color-paper);background-image:var(--grain-tile);background-size:45px 45px;background-position:right 0 top 0}.lightbox{--lightbox-foot: calc(72px + var(--lightbox-post-h, 0px));height:calc(100vh - 44px);height:calc(100dvh - 44px);max-height:none;overflow:hidden}.lightbox__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:var(--space-m) var(--space-l);align-items:center;align-content:center;box-sizing:border-box;height:100%;padding:84px 48px 64px;container:lightbox / size}.lightbox__head{position:absolute;top:20px;left:24px;z-index:2;display:flex;align-items:center;min-height:44px}.lightbox__count{display:inline-flex;align-items:center;padding:6px 10px 5px;border:2px solid currentColor;border-radius:var(--radius-stamp);font:900 var(--text-label) / 1 var(--font-display);letter-spacing:var(--tracking-label)}.lightbox__prev{grid-column:1;grid-row:1 / -1}.lightbox__prev[hidden],.lightbox__next[hidden]{display:none}.lightbox__next{grid-column:3;grid-row:1 / -1}.lightbox__frame{grid-column:2;grid-row:1;justify-self:center;max-width:100%;position:relative;margin:0;border:3px solid var(--color-ink);background:var(--color-paper-tint)}.lightbox__img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100cqh - var(--lightbox-foot))}.lightbox__img:not([src]){visibility:hidden}.lightbox__loading{position:absolute;inset:0;flex-direction:column;justify-content:center;background:var(--color-paper-tint)}.lightbox__frame:has(>.lightbox__loading:not([hidden])){min-width:min(100%,480px);min-height:min(360px,calc(100cqh - var(--lightbox-foot)))}.lightbox__frame.is-missing{box-sizing:content-box;aspect-ratio:4 / 3;width:min(calc(100% - 6px),calc((100cqh - var(--lightbox-foot)) * 4 / 3));border-style:dashed;border-color:var(--color-ink-muted)}.lightbox__frame.is-missing .lightbox__img{display:none}.lightbox__missing{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-ink-muted)}.lightbox__missing .stamp{font-size:1.25rem}.lightbox__missing[hidden]{display:none}.lightbox__identity{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;text-align:center}.lightbox__name{font:800 var(--text-h4) / 1.05 var(--font-display);letter-spacing:.02em}.lightbox__origin[hidden],.lightbox__name[hidden],.lightbox__post[hidden]{display:none}.lightbox__post{max-width:60ch;max-height:8lh;overflow-y:auto;overscroll-behavior:contain;font:400 var(--text-body) / 1.5 var(--font-body);text-align:start}.map-dialog{max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.map-dialog__inner{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--space-l) var(--space-2xl);align-items:start;box-sizing:border-box;max-width:1344px;margin-inline:auto;padding:76px 48px 72px}.map-dialog__text{display:flex;flex-direction:column;gap:var(--space-s);align-items:flex-start;min-width:0;padding-right:24px}.map-dialog__kicker{color:var(--color-ink-muted)}.map-dialog__title{margin:0;color:inherit;text-transform:none;font:900 var(--text-h3) / .95 var(--font-display)}.map-dialog__meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font:400 var(--text-small) / 1.5 var(--font-body);color:var(--color-ink-muted)}.map-dialog__meta>span{display:inline-flex;align-items:center;gap:6px}.map-dialog__meta>span[hidden]{display:none}.map-dialog__meta .icon{width:16px;height:16px}.map-dialog__map{position:relative;overflow:hidden;aspect-ratio:16 / 9;min-height:0;border:3px solid var(--color-ink);background-color:var(--color-paper-tint);background-image:linear-gradient(color-mix(in srgb,var(--color-ink) 10%,transparent) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--color-ink) 10%,transparent) 2px,transparent 2px),linear-gradient(28deg,transparent 48%,color-mix(in srgb,var(--color-brand-purple) 22%,transparent) 48% 52%,transparent 52%);background-size:64px 64px,64px 64px,100% 100%}.map-dialog__pin{position:absolute;left:50%;top:46%;translate:-50% -100%;display:grid;place-items:center;width:52px;height:52px;box-sizing:border-box;border-radius:var(--radius-round);background:var(--color-brand-pink);color:var(--color-on-pink);border:5px solid var(--color-sticker-edge);box-shadow:var(--shadow-lift)}.map-dialog__map>.map-dialog__status{position:absolute;left:50%;top:calc(46% + 20px);translate:-50% 0;width:max-content;display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;padding:8px 12px 7px;white-space:nowrap;background:var(--color-paper);color:var(--color-ink);border:2.5px solid var(--color-ink);border-radius:var(--radius-stamp);font:800 var(--text-label) / 1.2 var(--font-display);letter-spacing:var(--tracking-label);text-transform:uppercase}.map-dialog__status>.loading__label{font:inherit;color:inherit}.map-dialog__alert{width:18px;height:18px;color:var(--color-error)}.map-dialog__embed{position:absolute;inset:0;width:100%;height:100%;border:0;visibility:hidden}.map-dialog__map[data-state=loading]>.map-dialog__status .map-dialog__alert,.map-dialog__map[data-state=failed]>.map-dialog__status .spinner,.map-dialog__map[data-state=loaded]>.map-dialog__status{display:none}[data-state=loaded]>.map-dialog__embed{visibility:visible}[data-state=failed]>.map-dialog__pin{background:var(--color-paper);color:var(--color-ink-muted);border-color:var(--color-ink-muted);box-shadow:none}@media(max-width:600px){.lightbox{--lightbox-foot: calc(128px + var(--lightbox-post-h, 0px));height:100vh;height:100dvh}.lightbox__head{top:16px;left:16px}.lightbox__inner{grid-template-columns:1fr auto auto 1fr;grid-template-rows:auto auto auto;padding:76px 20px 48px;gap:var(--space-s)}.lightbox__frame{grid-column:1 / -1;grid-row:1}.lightbox__identity{grid-column:1 / -1;grid-row:2}.lightbox__prev{grid-column:2;grid-row:3}.lightbox__next{grid-column:3;grid-row:3}.map-dialog__inner{grid-template-columns:minmax(0,1fr);padding:20px 20px 52px}.map-dialog__text{padding:48px 0 0}}@media(prefers-reduced-motion:reduce){.lightbox[open],.lightbox.is-closing,.map-dialog[open],.map-dialog.is-closing{animation:none}}}