/* Zero-memory Home: one centered preview system for Echo, Chapters, and Recent. */ html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney > .life-chapter-empty, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney > .life-chapter-empty, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-panel, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-panel { box-sizing: border-box !important; width: min(100%, 760px) !important; max-width: 760px !important; margin-right: auto !important; margin-left: auto !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview { box-sizing: border-box !important; width: 100% !important; max-width: 760px !important; min-width: 0 !important; min-height: 158px !important; margin: 0 auto !important; padding: 22px 26px !important; border: 1px solid rgba(17, 105, 113, 0.1) !important; border-radius: 26px !important; background: radial-gradient(circle at 8% 8%, rgba(255, 255, 255, 0.88), transparent 35%), linear-gradient(145deg, rgba(251, 254, 252, 0.97), rgba(232, 247, 244, 0.86)) !important; box-shadow: 0 18px 44px rgba(15, 73, 79, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important; overflow: hidden !important; } /* Memory Echo keeps its label and unlock cue centered around one balanced row. */ html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty { display: grid !important; grid-template-areas: "reason" "body" "action" !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; align-items: center !important; gap: 9px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-reason-stack, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-reason-stack { grid-area: reason !important; justify-self: center !important; width: auto !important; max-width: 100% !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-body, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-body { grid-area: body !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; align-items: center !important; justify-self: stretch !important; width: 100% !important; max-width: 640px !important; min-width: 0 !important; margin: 0 auto !important; gap: 24px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-orbit, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-orbit { box-sizing: border-box !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; justify-self: center !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-copy-main, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-copy-main { justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; text-align: left !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-copy-main > *, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-copy-main > * { text-align: left !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-unlock, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-unlock { grid-area: action !important; justify-self: center !important; width: auto !important; max-width: 100% !important; margin: 1px auto 0 !important; text-align: center !important; } /* Life Chapters and Recent Memories share the same art-to-copy proportions. */ html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview { display: grid !important; grid-template-areas: "book copy" "cue cue" !important; grid-template-columns: 112px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; align-items: center !important; column-gap: 28px !important; row-gap: 12px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-starter-book, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-starter-book { grid-area: book !important; box-sizing: border-box !important; width: 104px !important; height: 80px !important; justify-self: center !important; align-self: center !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-copy, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-copy { grid-area: copy !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; justify-items: start !important; text-align: left !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-copy > *, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-copy > * { width: auto !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; text-align: left !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-cue, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty-cue { grid-area: cue !important; justify-self: center !important; width: auto !important; margin: 0 auto !important; text-align: center !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; align-items: center !important; gap: 28px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-timeline, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-timeline { box-sizing: border-box !important; width: 104px !important; height: 78px !important; justify-self: center !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-copy, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-copy { justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; justify-items: start !important; text-align: left !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-copy > *, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-copy > * { max-width: 100% !important; text-align: left !important; } @media (max-width: 720px) { html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-feature-card.is-empty, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview { min-height: 0 !important; padding: 16px 15px !important; border-radius: 21px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-body, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-body { grid-template-columns: 66px minmax(0, 1fr) !important; max-width: none !important; gap: 14px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-orbit, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeOnThisDay .memory-echo-empty-orbit { width: 56px !important; min-width: 56px !important; max-width: 56px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-empty.premium-empty-preview, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-memories-empty.premium-empty-preview { grid-template-columns: 74px minmax(0, 1fr) !important; column-gap: 14px !important; } html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-starter-book, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeJourney .life-chapter-starter-book, html body .app-shell .map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-timeline, html body main.app-shell section.map-stage.home-focus #homeDashboard.is-empty-home #homeTimelineStrip .recent-empty-timeline { width: 68px !important; height: 54px !important; } }