.memory-browse{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 30px;padding:18px;background:#fbe1eb66;border:1px dashed #e8b8cb;border-radius:16px}
.memory-browse label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;flex:1;min-width:130px}
.memory-browse select{font:inherit;font-size:12px;color:var(--ink);background:#fff9fc;border:1px solid #e9bfd0;border-radius:9px;min-height:44px;padding:8px 28px 8px 10px;max-width:100%;width:100%}
.browse-actions{display:flex;gap:10px}.browse-actions button{min-height:44px;border:1px solid #db9ab3;border-radius:22px;padding:10px 16px;background:#fff7fb;font-size:11px}.browse-actions #show-map{background:#bd4576;color:white;border-color:#bd4576}
.memory-browse select:focus-visible,.browse-actions button:focus-visible,.map-popup button:focus-visible{outline:3px solid #bd4576;outline-offset:3px}
.map-panel{margin:0 0 30px;padding:16px;border:1px solid #ecc3d3;border-radius:18px;background:#fff8fb}.map-panel[hidden]{display:none}.map-panel>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}#photo-map{height:430px;border-radius:12px;background:#f0e7eb;z-index:0}.map-panel .map-note{font-size:10px;margin:12px 0 0}
.photo-map-marker{background:none;border:0}.photo-map-marker>img{width:52px;height:56px;object-fit:cover;border:3px solid #fff;border-radius:10px;box-shadow:0 3px 13px #71405255}.photo-map-marker>span{position:absolute;right:-3px;top:-6px;background:#bd4576;color:white;border:2px solid white;border-radius:12px;min-width:24px;padding:3px 5px;text-align:center;font:11px sans-serif}
.map-popup{font-family:var(--sans);color:#714052}.map-popup p{font-size:12px}.map-popup-photos{display:flex;gap:7px;max-height:160px;overflow:auto;flex-wrap:wrap}.map-popup button{border:0;background:none;padding:0;border-radius:5px}.map-popup button img{width:65px;height:82px;object-fit:cover;border-radius:5px}.leaflet-container a{color:#a4416c}
.photo-details{padding:12px 8px 9px;border-top:1px dashed #e8b8cb;margin-top:8px}.photo-details dl{margin:0;display:grid;gap:10px}.photo-details dl>div{display:grid;grid-template-columns:66px 1fr;gap:8px;font-size:12px;line-height:1.8}.photo-details dt{color:var(--muted)}.photo-details dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.photo-details>p{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0}.photo-details>a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;text-decoration:underline;color:#a4416c}.photo-details>a[hidden]{display:none}
.lightbox{overflow:auto}.lightbox .lightbox-image-wrap>img{max-height:min(55dvh,calc(var(--visible-height) - var(--safe-top) - var(--safe-bottom) - 300px));min-height:90px}
@media(max-width:580px){.memory-browse{padding:13px;gap:12px}.memory-browse label{min-width:calc(50% - 12px)}.browse-actions{width:100%;justify-content:space-between}.browse-actions button{flex:1}#photo-map{height:350px}.map-panel{padding:11px}.photo-details dl>div{font-size:11px;grid-template-columns:56px 1fr}.photo-details>p{font-size:9px}.leaflet-control-attribution{font-size:8px!important}}