Finding a note for you

A small moment of kindness, carried from one journey to another.

/* ========================================= DAILY NOTE PAGE-SPECIFIC THEME CLEAN-UP ========================================= */ /* Hide Shopify announcement/running banner on this page only */ body:has(#ma-daily-note) .announcement-bar, body:has(#ma-daily-note) .announcement-bar-section, body:has(#ma-daily-note) .shopify-section-group-header-group .announcement-bar, body:has(#ma-daily-note) [class*="announcement-bar"], body:has(#ma-daily-note) [id*="announcement-bar"] { display: none !important; } /* Remove unwanted spacing left behind by the announcement banner */ body:has(#ma-daily-note) .shopify-section-group-header-group { margin-top: 0 !important; } /* Keep the Daily Note centred within the visible screen */ #ma-daily-note { min-height: calc(100svh - 190px); } #ma-daily-note .ma-note-page { min-height: calc(100svh - 190px); padding-top: 34px; } /* Centre loading and error states within the visible area */ #ma-daily-note .ma-loading, #ma-daily-note .ma-error { min-height: calc(100svh - 260px); margin: 0 auto; padding: 30px 0 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Restore hidden state after adding display:flex */ #ma-daily-note .ma-loading[hidden], #ma-daily-note .ma-error[hidden] { display: none !important; } /* Move the fallback message slightly upward */ #ma-daily-note .ma-error-message { margin: 54px auto 38px; } /* Slightly tighter spacing beneath the error copy */ #ma-daily-note .ma-error-copy { margin-bottom: 28px; } /* Main successful note view starts slightly higher */ #ma-daily-note .ma-note-origin { margin-top: 0; } #ma-daily-note .ma-note-hero { min-height: 360px; padding-top: 48px; padding-bottom: 46px; } /* Prevent the footer from pushing the first view too far down */ #ma-daily-note .ma-footer { margin-top: 64px; } @media (min-width: 680px) { #ma-daily-note .ma-note-page { padding-top: 38px; } #ma-daily-note .ma-loading, #ma-daily-note .ma-error { min-height: calc(100svh - 275px); transform: translateY(-18px); } } @media (max-width: 679px) { #ma-daily-note { min-height: calc(100svh - 130px); } #ma-daily-note .ma-note-page { min-height: calc(100svh - 130px); padding-top: 25px; } #ma-daily-note .ma-loading, #ma-daily-note .ma-error { min-height: calc(100svh - 185px); transform: translateY(-10px); } #ma-daily-note .ma-error-message { margin-top: 42px; } #ma-daily-note .ma-note-hero { min-height: 330px; padding-top: 42px; } }