/* A compact cinematic caption that leaves Today's Memory photography visible. */ html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy { right: auto !important; bottom: clamp(14px, 2.2vw, 22px) !important; left: 50% !important; width: min(480px, calc(100% - 40px)) !important; max-width: min(480px, calc(100% - 40px)) !important; padding: clamp(9px, 1.2vw, 12px) clamp(13px, 1.7vw, 16px) !important; gap: 4px !important; border: 1px solid rgba(225, 255, 247, 0.18) !important; border-radius: 20px !important; background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.14), transparent 38%), linear-gradient(135deg, rgba(3, 43, 57, 0.76), rgba(7, 103, 94, 0.68)) !important; box-shadow: 0 15px 34px rgba(1, 21, 28, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important; text-align: center !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2) !important; transform: translateX(-50%) !important; backdrop-filter: blur(15px) saturate(1.1) !important; -webkit-backdrop-filter: blur(15px) saturate(1.1) !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-title, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-title { display: -webkit-box !important; max-width: min(100%, 24ch) !important; overflow: hidden !important; margin: 0 auto !important; color: #ffffff !important; font-size: clamp(1.15rem, 2.1vw, 1.65rem) !important; font-weight: 900 !important; line-height: 1.04 !important; text-overflow: ellipsis !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 1 !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row { display: grid !important; place-items: center !important; gap: 6px 8px !important; width: 100% !important; margin: 0 auto !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row > small, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row > small { display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: 100% !important; margin: 0 !important; gap: 5px 7px !important; color: rgba(239, 255, 251, 0.86) !important; font-size: clamp(0.72rem, 1vw, 0.82rem) !important; font-weight: 740 !important; line-height: 1.25 !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row .today-memory-mood-chip, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row .today-memory-mood-chip { min-height: 21px !important; margin: 0 !important; padding: 4px 8px !important; font-size: 0.64rem !important; font-weight: 850 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13) !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy p, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy p { display: -webkit-box !important; max-width: min(100%, 52ch) !important; overflow: hidden !important; margin: 1px auto 0 !important; color: rgba(255, 255, 255, 0.86) !important; font-size: clamp(0.78rem, 1.08vw, 0.9rem) !important; font-weight: 560 !important; line-height: 1.35 !important; text-overflow: ellipsis !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 1 !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-relive-button, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-relive-button { min-height: 32px !important; margin: 2px auto 0 !important; padding: 6px 14px !important; border-radius: 999px !important; font-size: 0.74rem !important; font-weight: 900 !important; box-shadow: 0 10px 22px rgba(1, 30, 38, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important; } @media (max-width: 720px) { html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy { bottom: 10px !important; width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; padding: 9px 11px !important; gap: 4px !important; border-radius: 17px !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-title, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-title { max-width: 20ch !important; font-size: clamp(1.06rem, 4.9vw, 1.38rem) !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row > small, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-meta-row > small { font-size: 0.68rem !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy p, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy p { font-size: 0.74rem !important; -webkit-line-clamp: 1 !important; } html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-relive-button, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-relive-button { min-height: 32px !important; padding: 6px 14px !important; } } @media (prefers-reduced-motion: reduce) { html body .app-shell .map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy, html body main.app-shell section.map-stage.home-focus #homeMemoryOfDay .today-memory-card.has-today-memory .today-memory-copy { transition: none !important; } }