/* V27 native-feeling continuous memories */
body.trip-media-open{overflow:hidden!important}
.tmv-root{position:fixed;inset:0;z-index:6000;display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;background:#111214;color:#fff;overflow:hidden;overscroll-behavior:contain;font-family:inherit}
.tmv-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 14px 14px;pointer-events:none;background:linear-gradient(#111214d9,#11121400)}
.tmv-top>*{pointer-events:auto}.tmv-counter{font-size:12px;font-weight:550;letter-spacing:.03em;color:#f0f0f0;font-variant-numeric:tabular-nums}
.tmv-icon-button,.tmv-step{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;cursor:pointer;font-size:28px;line-height:1;backdrop-filter:blur(10px)}
.tmv-icon-button svg{width:19px;height:19px}.tmv-root button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tmv-rail{display:flex;flex:1 1 auto;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;cursor:grab}
.tmv-rail:active{cursor:grabbing}.tmv-rail::-webkit-scrollbar{display:none}
.tmv-slide{scroll-snap-align:center;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;padding:calc(58px + env(safe-area-inset-top)) 3px calc(80px + env(safe-area-inset-bottom));box-sizing:border-box}
/* Flex centring prevents the intrinsic image size from enlarging a CSS Grid auto track. */
.tmv-media-slot{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
.tmv-media-slot img,.tmv-media-slot video{display:block;max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;border:0;border-radius:0;-webkit-user-drag:none;user-select:none}
.tmv-media-slot video{touch-action:pan-x pinch-zoom}
.tmv-event-bubble{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,14px);z-index:4;max-width:calc(100vw - 40px);padding:9px 15px;border-radius:999px;background:rgba(42,43,45,.78);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);color:#fff;text-align:center;font-size:12px;line-height:1.35;font-weight:550;pointer-events:none;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .24s ease,transform .27s ease}
.tmv-event-bubble.tmv-bubble-visible{opacity:1;transform:translate(-50%,0)}
.tmv-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#11121400,#111214dc)}
.tmv-step{font-size:23px;flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.18)}
.tmv-step svg{width:21px;height:21px}.tmv-step:disabled{opacity:.2;cursor:default}.tmv-foot-text{font-size:11px;color:#dadada;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
@media(max-width:700px){.tmv-step{visibility:hidden}.tmv-footer{min-height:52px}.tmv-event-bubble{bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.tmv-event-bubble{transition:none}}

.tmv-top,.tmv-footer{transition:opacity .17s ease}.tmv-root.tmv-ui-hidden .tmv-top,.tmv-root.tmv-ui-hidden .tmv-footer{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.tmv-top,.tmv-footer{transition:none}}