.app-map{--mc-bg: #f1f4f8;--mc-block: #ffffff;--mc-block-alt: #eef1f5;--mc-street: #e0e3e7;--mc-arterial: #d3d8de;--mc-river: rgb(41 88 233 / .16);--mc-bridge: #d8dde3;--mc-park: rgb(36 150 137 / .14);--mc-park-deep: rgb(36 150 137 / .28);--map-card-bg: #ffffff;--map-card-ink: #222222;--map-card-muted: #717171}.app-map[data-map-theme=dark]{--mc-bg: #0f101d;--mc-block: #1a1c2e;--mc-block-alt: #171929;--mc-street: #2c2d3a;--mc-arterial: #383a4c;--mc-river: rgb(91 154 250 / .14);--mc-bridge: #333548;--mc-park: rgb(36 150 137 / .16);--mc-park-deep: rgb(36 150 137 / .3);--map-card-bg: #22243a;--map-card-ink: #f1f4f8;--map-card-muted: #b8b5bc}.app-map .map-canvas{opacity:0;animation:fx-map-fade .3s var(--ease-decelerate, ease-out) forwards}.app-map .map-pin,.app-map .map-cluster{position:absolute;left:var(--x);top:var(--y);translate:-50% -100%;width:50px;height:64px}.app-map .map-cluster{translate:-50% -50%;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#e9cdb3;color:#070945;font-weight:700;font-size:.9rem;border:2.5px solid #fff;box-shadow:2.5px 3.5px #0709451f,0 2px 6px #0000002e}.app-map .pin-head{position:relative;z-index:2;width:50px;height:64px}.app-map .pin-drop{position:absolute;inset:0;width:100%;height:100%;fill:var(--pin-color, #249689);filter:drop-shadow(0 3px 5px rgb(0 0 0 / .28))}.app-map .pin-photo{position:absolute;left:3px;top:3px;width:44px;height:44px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#070945;color:#e9cdb3;font-size:.8rem;font-weight:700;letter-spacing:.02em}.app-map .pin-photo img{width:100%;height:100%;object-fit:cover}.app-map .map-pin.is-offline .pin-photo img{filter:grayscale(1)}.app-map .pin-dot{position:absolute;left:35px;top:-2px;width:14px;height:14px;border-radius:999px;background:var(--pin-color, #249689);border:2px solid #fff;animation:fx-pin-pulse 2s ease-in-out infinite;animation-delay:3.4s}.app-map .pin-card{position:absolute;z-index:1;left:25px;top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--map-card-bg);border-radius:12px;padding:6px 9px 6px 33px;box-shadow:0 2px 6px #00000029;width:max-content;max-width:185px;opacity:0;--card-slide: -10px;translate:var(--card-slide) -50%;animation:fx-card-out .24s var(--ease-decelerate, ease-out) forwards;animation-delay:calc(var(--d) + .2s)}.app-map .map-pin[data-label=left] .pin-card{left:auto;right:25px;padding:6px 33px 6px 9px;align-items:flex-end;--card-slide: 10px}.app-map .pin-badges{display:inline-flex;gap:3px}.app-map .pin-name{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:var(--map-card-ink);white-space:nowrap}.app-map .pin-rating{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;color:var(--map-card-muted)}.app-map .map-chips{position:absolute;left:14px;top:14px;display:flex;gap:8px}.app-map .map-chip{display:inline-flex;align-items:center;gap:5px;height:34px;padding-inline:13px;border-radius:999px;background:var(--map-card-bg);color:var(--map-card-ink);font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0000001f;opacity:0;animation:fx-chip-drop .24s var(--ease-decelerate, ease-out) forwards;animation-delay:var(--d)}.app-map .map-chip--active{background:#070945;color:#e9cdb3}.app-map .map-moment{position:absolute;right:12%;bottom:14%;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:70%}.app-map .map-booking{display:flex;align-items:center;gap:9px;background:var(--map-card-bg);padding:8px 13px 8px 9px;border-radius:12px;box-shadow:0 4px 10px #07094538;opacity:0;animation:fx-pop-in .32s var(--ease-spring, ease-out) forwards;animation-delay:var(--d)}.app-map .map-booking-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#070945;color:#e9cdb3;flex-shrink:0}.app-map .map-booking-text{display:flex;flex-direction:column;line-height:1.25}.app-map .map-booking-text strong{font-size:.78rem;font-weight:700;color:var(--map-card-ink)}.app-map .map-booking-text span{font-size:.72rem;font-weight:600;color:var(--map-card-muted)}.app-map .map-confirm{display:inline-flex;align-items:center;gap:6px;background:var(--map-card-bg);color:var(--map-card-ink);font-size:.78rem;font-weight:700;padding:7px 12px;border-radius:999px;box-shadow:0 2px 6px #00000024;opacity:0;animation:fx-pop-in .32s var(--ease-spring, ease-out) forwards;animation-delay:var(--d)}.app-map .map-pin .pin-head{scale:0;transform-origin:bottom center;animation:fx-pin-pop .38s var(--ease-spring, ease-out) forwards;animation-delay:var(--d)}.app-map .map-cluster{scale:0;animation:fx-pin-pop .38s var(--ease-spring, ease-out) forwards;animation-delay:var(--d)}.app-map .map-pin:nth-child(2){animation:fx-floaty 6s ease-in-out infinite;animation-delay:4s}.app-map[data-animate=inview]:not(.is-inview) *,.app-map[data-animate=inview]:not(.is-inview) .map-canvas{animation-play-state:paused!important}@keyframes fx-map-fade{to{opacity:1}}@keyframes fx-pin-pop{0%{scale:0;translate:0 8px}70%{scale:1.08;translate:0 -1px}to{scale:1;translate:0 0;opacity:1}}@keyframes fx-chip-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes fx-chip-drop{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes fx-card-out{0%{opacity:0;translate:var(--card-slide) -50%}to{opacity:1;translate:0 -50%}}@keyframes fx-pop-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes fx-pin-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes fx-floaty{0%,to{translate:-50% -100%}50%{translate:-50% calc(-100% - 4px)}}@media(prefers-reduced-motion:reduce){.app-map .map-canvas,.app-map .pin-card,.app-map .map-chip,.app-map .map-booking,.app-map .map-confirm{animation:none!important;opacity:1!important}.app-map .pin-head,.app-map .map-cluster{animation:none!important;scale:1!important}.app-map .pin-dot,.app-map .map-pin:nth-child(2){animation:none!important}.app-map .pin-card{animation:none!important;opacity:1!important;translate:0 -50%!important}}