/* OraWhale Day 2 CSS extraction: 40-archive-almanac-yearsofar.css Source: FinalWebpage/index.html style blocks 173-246 Purpose: Archive, On This Day, almanac, Year So Far, and export styles Do not reorder before launch. Cascade order is intentional. */ /* === original inline style block 173; id: ow-v556-final-moon-step2-nextstep-fix; original line: 36405 === */ body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ all:unset !important; box-sizing:border-box !important; position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:10px !important; width:100% !important; min-height:0 !important; height:128px !important; padding:12px 10px !important; border-radius:28px !important; cursor:pointer !important; -webkit-tap-highlight-color:transparent !important; background: radial-gradient(120% 84% at 50% -4%, rgba(255,255,255,.055) 0%, transparent 56%), linear-gradient(180deg, rgba(13,24,56,.98) 0%, rgba(6,14,34,.995) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.28) !important; transform:none !important; opacity:1 !important; transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:hover, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{ transform:translateY(-1px) !important; background: radial-gradient(120% 84% at 50% -4%, rgba(255,255,255,.07) 0%, transparent 56%), linear-gradient(180deg, rgba(17,30,67,.985) 0%, rgba(9,19,46,.998) 100%) !important; border-color:rgba(179,191,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 48px rgba(0,0,0,.31) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: radial-gradient(100% 84% at 14% 0%, rgba(255,213,138,.16) 0%, transparent 44%), radial-gradient(84% 90% at 86% 100%, rgba(138,182,255,.16) 0%, transparent 48%), linear-gradient(145deg, rgba(62,70,120,.98) 0%, rgba(47,57,102,.99) 55%, rgba(31,41,80,.995) 100%) !important; border-color:rgba(176,201,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 22px 48px rgba(0,0,0,.32), 0 0 0 1px rgba(176,201,255,.08) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg{ width:66px !important; height:60px !important; flex:0 0 66px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 auto !important; background:radial-gradient(circle at 50% 34%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.05) 64%, rgba(255,255,255,.015) 100%) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:999px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(0,0,0,.18) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji img, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ width:66px !important; height:60px !important; border-radius:999px !important; object-fit:cover !important; display:block !important; border:1px solid rgba(242,230,196,.92) !important; box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 12px 28px rgba(0,0,0,.28) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmLabel, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ margin-top:2px !important; font-size:17px !important; font-weight:850 !important; line-height:1.08 !important; text-align:center !important; color:rgba(243,247,255,.94) !important; text-shadow:0 1px 12px rgba(0,0,0,.22) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color:rgba(255,240,213,.97) !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip::before, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip::after, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji::before, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji::after, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::after, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::after{ display:none !important; content:none !important; } #actionsChapterActions, #actionsChapter .chapterActions, #actionsChapterActions .actions, #actionsChapterActions .actions.actionsPremium{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; backdrop-filter:none !important; padding:0 !important; } @media (max-width:640px){ body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height:118px !important; height:118px !important; border-radius:24px !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji img, body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ width:56px !important; height:56px !important; } body:not([data-ui-mode="dawn"]) #panelRealm .realmGrid.realmSegmented .realmLabel, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ font-size:15px !important; } } /* === original inline style block 174; id: ow-v593-dawn-share-modal-instagram-style; original line: 36744 === */ body[data-ui-mode="dawn"] #shareModal .shareBackdrop{ background: rgba(228,220,208,.44) !important; backdrop-filter: blur(18px) saturate(110%) !important; } body[data-ui-mode="dawn"] #shareModal .shareCard{ background: radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.76) 0%, rgba(255,255,255,0) 58%), linear-gradient(180deg, rgba(255,251,246,.98), rgba(244,237,228,.98)) !important; border: 1px solid rgba(170,150,126,.16) !important; box-shadow: 0 30px 92px rgba(113,94,72,.16), inset 0 1px 0 rgba(255,255,255,.92) !important; backdrop-filter: blur(20px) saturate(112%) !important; } body[data-ui-mode="dawn"] #shareModal .shareCard::after{ background: radial-gradient(52% 28% at 14% 0%, rgba(235,196,146,.22) 0%, transparent 74%), radial-gradient(48% 30% at 88% 100%, rgba(166,205,230,.16) 0%, transparent 76%) !important; opacity: 1 !important; } body[data-ui-mode="dawn"] #shareModal .shareTitle{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #c78343 !important; color: #c78343 !important; } body[data-ui-mode="dawn"] #shareModal .shareCardImgWrap, body[data-ui-mode="dawn"] #shareModal .sharePreview{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,241,234,.92)) !important; border: 1px solid rgba(170,150,126,.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(126,104,83,.08) !important; } body[data-ui-mode="dawn"] #shareModal .shareCardImgName{ color: #4b5870 !important; } body[data-ui-mode="dawn"] #shareModal .shareCardImgSub{ color: #b48d64 !important; } body[data-ui-mode="dawn"] #shareModal .sharePreview{ color: #52627b !important; } body[data-ui-mode="dawn"] #shareModal .shareClose{ background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,238,229,.96)) !important; border-color: rgba(170,150,126,.16) !important; color: #a88965 !important; box-shadow: 0 10px 24px rgba(126,104,83,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } /* === original inline style block 175; id: ow-v851-auth-mode-polish; original line: 37252 === */ body[data-ui-mode="moon"] #authModal .authCard{ background: linear-gradient(180deg, rgba(18,14,34,.97), rgba(9,23,48,.95)) !important; border: 1px solid rgba(255,255,255,.12) !important; box-shadow: 0 28px 90px rgba(0,0,0,.55) !important; } body[data-ui-mode="moon"] #authModal .authTitle, body[data-ui-mode="moon"] #authModal .authLabel, body[data-ui-mode="moon"] #authModal .authInput, body[data-ui-mode="moon"] #authModal .authForgotLink{ color: rgba(255,255,255,.92) !important; } body[data-ui-mode="moon"] #authModal .authInput{ background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authCard{ background: radial-gradient(720px 220px at 50% 0%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.30) 48%, transparent 78%), linear-gradient(180deg, rgba(255,250,244,.98), rgba(245,239,231,.98)) !important; border: 1px solid rgba(160,146,127,.18) !important; box-shadow: 0 24px 72px rgba(123,104,79,.12) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authKicker, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authLabel{ color: #8b734f !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authTitle{ background: linear-gradient(135deg, #c7924d 0%, #b789b8 50%, #7e9fc3 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authSub, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authForgotLink{ color: #617089 !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authInput{ background: rgba(255,255,255,.78) !important; border-color: rgba(160,146,127,.16) !important; color: #44506c !important; } /* === original inline style block 176; id: ow-annual-threshold-v666; original line: 37674 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmYearSub{ letter-spacing:.04em; } .imRecapModal[aria-label="Annual Almanac"] .imAlmHero.imAlmHero--starter{ grid-template-columns:minmax(0,1fr); } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain.imAlmCoverMain--solo{ min-height: clamp(460px, 62vh, 640px); justify-content: space-between; } @media (max-width: 980px){ .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain.imAlmCoverMain--solo{ min-height: auto; } } /* === original inline style block 177; id: ow-v822-otd-hard-center-safe; original line: 38129 === */ .otdModal{ position: fixed !important; inset: 0 !important; z-index: 9999 !important; display: grid !important; place-items: center !important; align-items: center !important; justify-items: center !important; justify-content: center !important; padding: clamp(20px, 3vw, 34px) !important; overflow: hidden !important; -webkit-overflow-scrolling: auto !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .18s ease, visibility 0s linear .18s !important; } .otdModal.show{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity .18s ease !important; } .otdModal .memoriesBg{ opacity: 1 !important; } .otdPanel, .otdModal .memoriesPanel.otdPanel{ width: min(680px, calc(100vw - 52px)) !important; max-width: min(680px, calc(100vw - 52px)) !important; max-height: min(calc(100svh - 96px), 620px) !important; height: auto !important; min-height: 0 !important; margin: 0 !important; align-self: center !important; justify-self: center !important; overflow: hidden !important; border-radius: 30px !important; box-shadow: 0 44px 120px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.03) inset !important; } .otdModal .memoriesHeader{ padding: 15px 18px 13px !important; } .otdBody{ padding: 12px 14px 14px !important; gap: 10px !important; overflow: hidden !important; max-height: none !important; min-height: 0 !important; } .otdIntro{ padding: 0 !important; margin: 0 !important; } .otdIntroTitle{ margin: 0 0 3px !important; font-size: clamp(22px, 2.5vw, 30px) !important; line-height: 1.03 !important; } .otdIntroSub{ font-size: 13.5px !important; line-height: 1.45 !important; color: rgba(255,255,255,.52) !important; } .otdList{ flex: 1 1 auto !important; min-height: 0 !important; overflow: auto !important; max-height: min(43svh, 400px) !important; padding-right: 1px !important; margin-right: 0 !important; gap: 8px !important; scrollbar-width: thin !important; scrollbar-color: rgba(255,255,255,.05) transparent !important; mask-image: none !important; -webkit-mask-image: none !important; } .otdList::-webkit-scrollbar{ width: 3px !important; } .otdList::-webkit-scrollbar-track{ background: transparent !important; } .otdList::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.05) !important; border-radius: 999px !important; } .otdList:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.08) !important; } .otdYearHeader{ padding: 8px 10px !important; border-radius: 15px !important; margin-bottom: 1px !important; } .otdEntries{ gap: 8px !important; } .otdEntry{ border-radius: 18px !important; box-shadow: 0 8px 22px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.035) !important; } .otdEntryThumbCol{ flex: 0 0 70px !important; width: 70px !important; } .otdEntryThumb, .otdEntryThumbPlaceholder{ width: 70px !important; min-height: 92px !important; } .otdEntryContent{ padding: 10px 12px 10px !important; gap: 4px !important; } .otdEntryRealm{ gap: 5px !important; font-size: 10px !important; letter-spacing: .12em !important; } .otdEntryCardName{ font-size: 16px !important; line-height: 1.12 !important; } .otdEntrySnippet, .otdEntryNoReflection{ font-size: 13px !important; line-height: 1.4 !important; margin-bottom: 0 !important; } .otdEntryMeta{ gap: 5px !important; margin-top: 0 !important; } .otdEntryMood{ font-size: 11px !important; } .otdEntryTag{ min-height: 19px !important; padding: 0 6px !important; font-size: 9px !important; } body[data-ui-mode="dawn"] .otdList{ scrollbar-color: rgba(128,102,71,.10) transparent !important; } body[data-ui-mode="dawn"] .otdList::-webkit-scrollbar-thumb{ background: rgba(128,102,71,.10) !important; } @media (max-width: 680px){ .otdModal{ padding: 14px !important; } .otdPanel, .otdModal .memoriesPanel.otdPanel{ width: min(calc(100vw - 18px), 680px) !important; max-width: min(calc(100vw - 18px), 680px) !important; max-height: calc(100svh - 28px) !important; border-radius: 24px !important; } .otdBody{ padding: 12px 12px 12px !important; gap: 9px !important; } .otdList{ max-height: min(48svh, 390px) !important; } } /* === original inline style block 178; id: ow-v824-otd-independent-floating-panel; original line: 38302 === */ .owOTDFloatingModal, .otdModal{ display:none !important; position:fixed !important; inset:0 !important; z-index:2147482000 !important; padding:24px !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; } .owOTDFloatingModal.show, .otdModal.show{ display:flex !important; } .owOTDFloatingBackdrop, .otdModal .memoriesBg, .otdBg{ position:absolute !important; inset:0 !important; background:rgba(4,7,20,.58) !important; backdrop-filter:blur(14px) saturate(120%) !important; -webkit-backdrop-filter:blur(14px) saturate(120%) !important; } .owOTDFloatingPanel, .otdPanel, .otdModal .memoriesPanel.otdPanel{ position:relative !important; z-index:1 !important; width:min(760px, calc(100vw - 56px)) !important; max-width:min(760px, calc(100vw - 56px)) !important; max-height:min(82dvh, 690px) !important; min-height:0 !important; margin:0 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border-radius:30px !important; border:1px solid rgba(255,255,255,.12) !important; background: radial-gradient(900px 260px at 50% 0%, rgba(255,255,255,.08), transparent 70%), linear-gradient(180deg, rgba(26,24,52,.96), rgba(12,18,58,.94)) !important; box-shadow: 0 40px 120px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.07) !important; backdrop-filter:blur(24px) saturate(130%) !important; -webkit-backdrop-filter:blur(24px) saturate(130%) !important; } .owOTDFloatingHeader, .otdModal .memoriesHeader{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; padding:16px 18px 14px !important; border-bottom:1px solid rgba(255,255,255,.09) !important; flex:0 0 auto !important; } .owOTDFloatingKicker, .otdModal .memoriesKicker{ font-size:10px !important; font-weight:800 !important; letter-spacing:.18em !important; color:rgba(255,255,255,.56) !important; } .owOTDFloatingTitle, .otdModal .memoriesTitle{ margin-top:2px !important; font-size:18px !important; font-weight:900 !important; letter-spacing:-.02em !important; color:rgba(255,255,255,.95) !important; } .owOTDFloatingClose, .otdModal .memoriesClose{ width:48px !important; height:48px !important; flex:0 0 48px !important; border-radius:16px !important; border:1px solid rgba(255,255,255,.12) !important; background:rgba(255,255,255,.06) !important; color:rgba(255,255,255,.88) !important; box-shadow:0 10px 28px rgba(0,0,0,.24) !important; } .owOTDFloatingClose:hover, .otdModal .memoriesClose:hover{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.18) !important; } .otdBody{ flex:1 1 auto !important; min-height:0 !important; display:flex !important; flex-direction:column !important; gap:12px !important; padding:16px 16px 16px !important; overflow:hidden !important; } .otdIntro{ flex:0 0 auto !important; } .otdIntroTitle{ font-size:clamp(22px, 3vw, 30px) !important; line-height:1.04 !important; margin:0 0 6px !important; } .otdIntroSub{ font-size:14px !important; line-height:1.5 !important; color:rgba(255,255,255,.56) !important; } .otdList{ flex:1 1 auto !important; min-height:0 !important; max-height:none !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:6px !important; margin-right:-2px !important; scrollbar-width:thin !important; scrollbar-color:rgba(255,255,255,.05) transparent !important; overscroll-behavior:contain !important; mask:none !important; -webkit-mask-image:none !important; } .otdList::-webkit-scrollbar{ width:4px !important; } .otdList::-webkit-scrollbar-track{ background:transparent !important; } .otdList::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.05) !important; border-radius:999px !important; } .otdList:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.08) !important; } .otdYearHeader{ margin-bottom:10px !important; } .otdEntries{ gap:10px !important; } .otdEntry{ border-radius:18px !important; } .otdEntryThumbCol{ width:72px !important; flex:0 0 72px !important; } .otdEntryThumb, .otdEntryThumbPlaceholder{ width:72px !important; min-height:98px !important; } .otdEntryContent{ padding:12px 13px !important; gap:5px !important; } .otdEntryCardName{ font-size:17px !important; } .otdEntrySnippet, .otdEntryNoReflection{ font-size:13px !important; line-height:1.42 !important; } body[data-ui-mode="dawn"] .owOTDFloatingBackdrop, body[data-ui-mode="dawn"] .otdModal .memoriesBg, body[data-ui-mode="dawn"] #otdBg{ background:rgba(80,67,48,.18) !important; backdrop-filter:blur(12px) saturate(110%) !important; } body[data-ui-mode="dawn"] .owOTDFloatingPanel, body[data-ui-mode="dawn"] .otdPanel, body[data-ui-mode="dawn"] .otdModal .memoriesPanel.otdPanel{ background: radial-gradient(900px 240px at 50% 0%, rgba(255,255,255,.82), transparent 72%), linear-gradient(180deg, rgba(251,247,241,.97), rgba(245,239,232,.96)) !important; border-color:rgba(139,116,82,.16) !important; box-shadow:0 30px 80px rgba(89,70,46,.16), inset 0 1px 0 rgba(255,255,255,.78) !important; } body[data-ui-mode="dawn"] .owOTDFloatingKicker, body[data-ui-mode="dawn"] .otdModal .memoriesKicker{ color:rgba(123,94,52,.72) !important; } body[data-ui-mode="dawn"] .owOTDFloatingTitle, body[data-ui-mode="dawn"] .otdModal .memoriesTitle, body[data-ui-mode="dawn"] .otdIntroTitle{ color:#564731 !important; } body[data-ui-mode="dawn"] .otdIntroSub{ color:#7b6a57 !important; } body[data-ui-mode="dawn"] .otdList{ scrollbar-color:rgba(128,102,71,.10) transparent !important; } body[data-ui-mode="dawn"] .otdList::-webkit-scrollbar-thumb{ background:rgba(128,102,71,.10) !important; } @media (max-width: 900px){ .owOTDFloatingPanel, .otdPanel, .otdModal .memoriesPanel.otdPanel{ width:min(680px, calc(100vw - 32px)) !important; max-width:min(680px, calc(100vw - 32px)) !important; max-height:min(80dvh, 640px) !important; } } @media (max-width: 640px){ .owOTDFloatingModal, .otdModal{ padding:12px !important; } .owOTDFloatingPanel, .otdPanel, .otdModal .memoriesPanel.otdPanel{ width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; max-height:min(84dvh, 600px) !important; border-radius:24px !important; } .owOTDFloatingHeader, .otdModal .memoriesHeader{ padding:14px 14px 12px !important; } .otdBody{ padding:14px 12px 12px !important; } .otdEntryThumbCol{ width:60px !important; flex-basis:60px !important; } .otdEntryThumb, .otdEntryThumbPlaceholder{ width:60px !important; min-height:84px !important; } .otdEntryContent{ padding:10px 10px 10px !important; } } /* === original inline style block 179; id: ow-v827-otd-premium-proportions; original line: 38495 === */ #otdModal.owOTDModalX{ display:none; position:fixed; inset:0; z-index:2147483000; padding:18px; align-items:center; justify-content:center; overflow:hidden; } #otdModal.owOTDModalX.show{ display:flex !important; } #otdModal .owOTDBackdropX{ position:absolute; inset:0; background:rgba(5,8,22,.66); backdrop-filter: blur(18px) saturate(120%); -webkit-backdrop-filter: blur(18px) saturate(120%); } #otdModal .owOTDPanelX{ position:relative; z-index:1; width:min(820px, calc(100vw - 56px)); max-width:min(820px, calc(100vw - 56px)); max-height:min(68svh, 660px); display:flex; flex-direction:column; overflow:hidden; margin:0; border-radius:32px; border:1px solid rgba(255,255,255,.10); background: radial-gradient(900px 220px at 50% 0%, rgba(255,255,255,.05), transparent 66%), linear-gradient(180deg, rgba(27,25,56,.95), rgba(9,14,46,.95)); box-shadow: 0 42px 110px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.03) inset, inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(26px) saturate(128%); -webkit-backdrop-filter: blur(26px) saturate(128%); } #otdModal .owOTDHeaderX{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px 12px; border-bottom:1px solid rgba(255,255,255,.08); flex:0 0 auto; } #otdModal .owOTDHeaderTextX{ min-width:0; } #otdModal .owOTDKickerX{ font-size:9px; font-weight:800; letter-spacing:.18em; color:rgba(255,255,255,.54); } #otdModal .owOTDTitleX{ margin:2px 0 0; font-size:16px; line-height:1.02; font-weight:850; letter-spacing:-.02em; color:rgba(255,255,255,.94); } #otdModal .owOTDCloseX{ width:48px; height:48px; flex:0 0 48px; border-radius:16px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); color:rgba(255,255,255,.84); font-size:16px; box-shadow:0 10px 24px rgba(0,0,0,.22); } #otdModal .owOTDCloseX:hover{ background:rgba(255,255,255,.07); color:rgba(255,255,255,.94); } #otdModal .owOTDBodyX{ display:flex; flex-direction:column; gap:10px; flex:1 1 auto; min-height:0; padding:14px 18px 16px; } #otdModal .owOTDIntroX{ flex:0 0 auto; } #otdModal .owOTDIntroKickerX{ font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,205,120,.78); margin-bottom:6px; } #otdModal .owOTDIntroTitleX{ margin:0 0 6px; font-size:clamp(28px, 3.4vw, 38px); line-height:.98; font-weight:900; letter-spacing:-.045em; color:rgba(255,255,255,.98); } #otdModal .owOTDIntroSubX{ margin:0; font-size:14px; line-height:1.34; color:rgba(255,255,255,.54); } #otdModal .owOTDScrollX{ flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.04) transparent; overscroll-behavior:contain; } #otdModal .owOTDScrollX::-webkit-scrollbar{ width:3px; } #otdModal .owOTDScrollX::-webkit-scrollbar-track{ background:transparent; } #otdModal .owOTDScrollX::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.04); border-radius:999px; } #otdModal .owOTDScrollX:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.06); } #otdModal .owOTDYearHeaderX{ display:grid; grid-template-columns:40px 1fr 40px; align-items:center; gap:10px; padding:10px 14px; margin-bottom:10px; border-radius:18px; border:1px solid rgba(255,255,255,.075); background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); text-align:center; } #otdModal .owOTDYearNavX{ width:34px; height:34px; border-radius:12px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03); color:rgba(255,255,255,.54); } #otdModal .owOTDYearLabelX{ font-size:16px; font-weight:900; letter-spacing:-.02em; color:rgba(255,205,120,.92); } #otdModal .owOTDYearCountX{ margin-top:2px; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.30); } #otdModal .owOTDEntriesX{ display:flex; flex-direction:column; gap:10px; } #otdModal .owOTDItemX{ border-radius:20px; border:1px solid rgba(255,255,255,.065); background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.01)); cursor:pointer; } #otdModal .owOTDItemInnerX{ display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:start; padding:12px; } #otdModal .owOTDThumbColX{ width:64px; min-width:64px; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width:64px; min-height:92px; border-radius:14px; display:block; } #otdModal .owOTDThumbX{ object-fit:cover; } #otdModal .owOTDThumbPlaceholderX{ display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.045); } #otdModal .owOTDContentX{ min-width:0; display:flex; flex-direction:column; gap:4px; padding-top:1px; } #otdModal .owOTDRealmX{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.40); } #otdModal .owOTDTodayBadgeX{ padding:2px 8px; border-radius:999px; border:1px solid rgba(255,205,120,.26); background:rgba(255,205,120,.07); color:rgba(255,205,120,.90); font-size:9px; font-weight:900; letter-spacing:.10em; } #otdModal .owOTDCardNameX{ font-size:17px; line-height:1.04; font-weight:900; letter-spacing:-.02em; color:rgba(255,255,255,.96); } #otdModal .owOTDSnippetX, #otdModal .owOTDNoReflectionX{ font-size:12px; line-height:1.34; color:rgba(255,255,255,.66); } #otdModal .owOTDMetaX{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; } #otdModal .owOTDMoodX{ color:rgba(255,205,120,.88); font-weight:800; } #otdModal .owOTDTagX{ display:inline-flex; align-items:center; gap:0; padding:3px 8px; border-radius:999px; border:1px solid rgba(155,116,255,.20); background:rgba(155,116,255,.09); color:rgba(218,204,255,.80); font-size:10px; font-weight:800; } #otdModal .owOTDTagHashX{ color:rgba(218,204,255,.30); margin-right:1px; } #otdModal .owOTDEmptyX{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;border-radius:20px;border:1px solid rgba(255,255,255,.062);background:linear-gradient(180deg,rgba(255,255,255,.009),rgba(255,255,255,.005));color:rgba(255,255,255,.62);text-align:center;padding:18px} #otdModal .owOTDEmptyIconX{ font-size:24px; } body[data-ui-mode="dawn"] #otdModal .owOTDBackdropX{ background:rgba(73,58,39,.16); } body[data-ui-mode="dawn"] #otdModal .owOTDPanelX{ background: radial-gradient(960px 220px at 50% 0%, rgba(255,255,255,.82), transparent 72%), linear-gradient(180deg, rgba(251,247,241,.98), rgba(244,238,231,.97)); border-color:rgba(139,116,82,.15); box-shadow:0 34px 90px rgba(89,70,46,.16), inset 0 1px 0 rgba(255,255,255,.82); } body[data-ui-mode="dawn"] #otdModal .owOTDKickerX{ color:rgba(123,94,52,.70); } body[data-ui-mode="dawn"] #otdModal .owOTDTitleX, body[data-ui-mode="dawn"] #otdModal .owOTDIntroTitleX, body[data-ui-mode="dawn"] #otdModal .owOTDCardNameX{ color:#564731; } body[data-ui-mode="dawn"] #otdModal .owOTDIntroSubX, body[data-ui-mode="dawn"] #otdModal .owOTDSnippetX, body[data-ui-mode="dawn"] #otdModal .owOTDNoReflectionX{ color:#7b6a57; } body[data-ui-mode="dawn"] #otdModal .owOTDRealmX{ color:rgba(101,83,58,.48); } body[data-ui-mode="dawn"] #otdModal .owOTDYearCountX{ color:rgba(101,83,58,.38); } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX{ scrollbar-color:rgba(128,102,71,.08) transparent; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX::-webkit-scrollbar-thumb{ background:rgba(128,102,71,.08); } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX:hover::-webkit-scrollbar-thumb{ background:rgba(128,102,71,.12); } @media (max-width: 900px){ #otdModal.owOTDModalX{ padding:14px; } #otdModal .owOTDPanelX{ width:min(720px, calc(100vw - 28px)); max-width:min(720px, calc(100vw - 28px)); max-height:min(70svh, 600px); } #otdModal .owOTDIntroTitleX{ font-size:clamp(26px, 4.6vw, 34px); } } @media (max-width: 640px){ #otdModal.owOTDModalX{ padding:10px; } #otdModal .owOTDPanelX{ width:calc(100vw - 20px); max-width:calc(100vw - 20px); max-height:min(74svh, 540px); border-radius:24px; } #otdModal .owOTDHeaderX{ padding:12px 14px 10px; } #otdModal .owOTDBodyX{ padding:12px 14px 12px; } #otdModal .owOTDIntroTitleX{ font-size:clamp(22px, 7vw, 30px); } #otdModal .owOTDYearHeaderX{ grid-template-columns:36px 1fr 36px; padding:9px 10px; } #otdModal .owOTDItemInnerX{ grid-template-columns:56px 1fr; gap:10px; padding:10px; } #otdModal .owOTDThumbColX{ width:56px; min-width:56px; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width:56px; min-height:80px; } #otdModal .owOTDCardNameX{ font-size:16px; } } /* === original inline style block 180; id: ow-v828-otd-apple-premium-tuning; original line: 38812 === */ #otdModal .owOTDPanelX{ border-color: rgba(255,255,255,.09) !important; box-shadow: 0 40px 100px rgba(0,0,0,.54), 0 0 0 1px rgba(255,255,255,.02) inset, inset 0 1px 0 rgba(255,255,255,.06) !important; } #otdModal .owOTDHeaderX{ padding: 10px 16px 9px !important; gap: 12px !important; } #otdModal .owOTDKickerX{ font-size: 8.5px !important; letter-spacing: .17em !important; color:#ddceb8b8!important; } #otdModal .owOTDTitleX{ margin: 1px 0 0 !important; font-size: 12.5px !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: -.01em !important; color: rgba(255,255,255,.92) !important; } #otdModal .owOTDCloseX{ width: 42px !important; height: 42px !important; flex: 0 0 42px !important; border-radius: 14px !important; border-color: rgba(255,255,255,.10) !important; background: rgba(255,255,255,.035) !important; color: rgba(255,255,255,.76) !important; font-size: 14px !important; box-shadow: 0 8px 18px rgba(0,0,0,.18) !important; } #otdModal .owOTDCloseX:hover{ background: rgba(255,255,255,.055) !important; color: rgba(255,255,255,.90) !important; } #otdModal .owOTDBodyX{ gap: 8px !important; padding: 12px 16px 14px !important; } #otdModal .owOTDIntroKickerX{ margin-bottom: 5px !important; font-size: 8.5px !important; letter-spacing: .16em !important; } #otdModal .owOTDIntroTitleX{ margin: 0 0 4px !important; font-size: clamp(22px, 2.35vw, 30px) !important; line-height: .98 !important; font-weight: 850 !important; letter-spacing: -.038em !important; } #otdModal .owOTDIntroSubX{ font-size: 12.5px !important; line-height: 1.34 !important; color: rgba(225,222,235,.58) !important; } #otdModal .owOTDScrollX{ padding-right: 1px !important; scrollbar-width: thin !important; scrollbar-color: rgba(255,255,255,.025) transparent !important; } #otdModal .owOTDScrollX::-webkit-scrollbar{ width: 2px !important; } #otdModal .owOTDScrollX::-webkit-scrollbar-track{ background: transparent !important; } #otdModal .owOTDScrollX::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.025) !important; border-radius: 999px !important; } #otdModal .owOTDScrollX:hover::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.04) !important; } #otdModal .owOTDYearHeaderX{ grid-template-columns: 34px 1fr 34px !important; gap: 8px !important; padding: 8px 12px !important; margin-bottom: 8px !important; border-radius: 16px !important; border-color: rgba(255,255,255,.05) !important; background: linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012)) !important; } #otdModal .owOTDYearNavX{ width: 30px !important; height: 30px !important; border-radius: 10px !important; border-color: rgba(255,255,255,.08) !important; background: rgba(255,255,255,.025) !important; color: rgba(255,255,255,.46) !important; } #otdModal .owOTDYearLabelX{ font-size: 13px !important; line-height: 1.04 !important; font-weight: 850 !important; } #otdModal .owOTDYearCountX{ margin-top: 1px !important; font-size: 8px !important; letter-spacing: .14em !important; color: rgba(255,255,255,.28) !important; } #otdModal .owOTDEntriesX{ gap: 8px !important; } #otdModal .owOTDItemX{ border-radius: 18px !important; border-color: rgba(255,255,255,.05) !important; background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012)) !important; } #otdModal .owOTDItemInnerX{ grid-template-columns: 58px 1fr !important; gap: 10px !important; padding: 10px !important; } #otdModal .owOTDThumbColX{ width: 58px !important; min-width: 58px !important; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width: 58px !important; min-height: 84px !important; border-radius: 12px !important; } #otdModal .owOTDContentX{ gap: 3px !important; padding-top: 0 !important; } #otdModal .owOTDRealmX{ gap: 7px !important; font-size: 10px !important; letter-spacing: .11em !important; color: rgba(255,255,255,.38) !important; } #otdModal .owOTDTodayBadgeX{ padding: 2px 7px !important; font-size: 8px !important; letter-spacing: .09em !important; } #otdModal .owOTDCardNameX{ font-size: 16px !important; line-height: 1.03 !important; letter-spacing: -.018em !important; } #otdModal .owOTDSnippetX, #otdModal .owOTDNoReflectionX{ font-size: 11.5px !important; line-height: 1.3 !important; color: rgba(255,255,255,.64) !important; } #otdModal .owOTDMetaX{ gap: 5px !important; } #otdModal .owOTDMoodX{ font-size: 11px !important; font-weight: 800 !important; } #otdModal .owOTDTagX{ padding: 3px 7px !important; font-size: 9px !important; border-color: rgba(155,116,255,.16) !important; background: rgba(155,116,255,.075) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDPanelX{ border-color: rgba(139,116,82,.12) !important; box-shadow: 0 32px 84px rgba(89,70,46,.14), inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX{ scrollbar-color: rgba(128,102,71,.05) transparent !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX::-webkit-scrollbar-thumb{ background: rgba(128,102,71,.05) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX:hover::-webkit-scrollbar-thumb{ background: rgba(128,102,71,.08) !important; } @media (max-width: 900px){ #otdModal .owOTDIntroTitleX{ font-size: clamp(20px, 4.2vw, 26px) !important; } #otdModal .owOTDHeaderX{ padding: 10px 14px 8px !important; } #otdModal .owOTDBodyX{ padding: 11px 14px 13px !important; } } @media (max-width: 640px){ #otdModal .owOTDTitleX{ font-size: 11.5px !important; } #otdModal .owOTDCloseX{ width: 38px !important; height: 38px !important; flex-basis: 38px !important; border-radius: 12px !important; } #otdModal .owOTDIntroTitleX{ font-size: clamp(18px, 6vw, 24px) !important; } #otdModal .owOTDYearHeaderX{ grid-template-columns: 30px 1fr 30px !important; padding: 7px 10px !important; } #otdModal .owOTDYearNavX{ width: 28px !important; height: 28px !important; } #otdModal .owOTDItemInnerX{ grid-template-columns: 52px 1fr !important; gap: 9px !important; padding: 9px !important; } #otdModal .owOTDThumbColX{ width: 52px !important; min-width: 52px !important; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width: 52px !important; min-height: 76px !important; } #otdModal .owOTDCardNameX{ font-size: 15px !important; } #otdModal .owOTDSnippetX, #otdModal .owOTDNoReflectionX{ font-size: 11px !important; } } /* === original inline style block 181; id: ow-v831-otd-dawn-luxury-single-header; original line: 39010 === */ #otdModal .owOTDTitleX{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; } #otdModal .owOTDHeaderTextX{ display:flex !important; align-items:center !important; min-height:26px !important; } #otdModal .owOTDKickerX{ font-size:9px !important; font-weight:800 !important; letter-spacing:.18em !important; text-transform:uppercase !important; } #otdModal .owOTDHeaderX{ padding:14px 18px 12px !important; } #otdModal .owOTDPanelX{ max-height:min(72svh, 700px) !important; } #otdModal .owOTDBodyX{ gap:12px !important; padding:16px 18px 18px !important; } #otdModal .owOTDIntroKickerX{ margin-bottom:8px !important; } #otdModal .owOTDIntroTitleX{ font-size:clamp(24px, 3.0vw, 32px) !important; line-height:1.00 !important; letter-spacing:-.042em !important; margin:0 0 8px !important; } #otdModal .owOTDIntroSubX{ font-size:15px !important; line-height:1.42 !important; } #otdModal .owOTDYearHeaderX{ padding:9px 14px !important; margin-bottom:10px !important; } #otdModal .owOTDYearLabelX{ font-size:15px !important; } #otdModal .owOTDYearCountX{ font-size:9px !important; } #otdModal .owOTDEntriesX{ gap:10px !important; } #otdModal .owOTDItemInnerX{ grid-template-columns:60px 1fr !important; gap:12px !important; padding:12px !important; } #otdModal .owOTDThumbColX{ width:60px !important; min-width:60px !important; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width:60px !important; min-height:88px !important; border-radius:13px !important; } #otdModal .owOTDContentX{ gap:5px !important; } #otdModal .owOTDRealmX{ font-size:10px !important; gap:7px !important; } #otdModal .owOTDTodayBadgeX{ font-size:9px !important; } #otdModal .owOTDCardNameX{ font-size:18px !important; line-height:1.06 !important; } #otdModal .owOTDSnippetX, #otdModal .owOTDNoReflectionX{ font-size:13px !important; line-height:1.42 !important; } #otdModal .owOTDMetaX{ gap:7px !important; } #otdModal .owOTDTagX{ padding:4px 10px !important; } body[data-ui-mode="dawn"] #otdModal .owOTDBackdropX{ background:rgba(123,104,79,.12) !important; backdrop-filter: blur(16px) saturate(112%) !important; -webkit-backdrop-filter: blur(16px) saturate(112%) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDPanelX{ background: radial-gradient(900px 420px at 50% 18%,rgba(255,246,226,.34),transparent 62%), radial-gradient(880px 300px at 15% 5%,rgba(233,216,189,.18),transparent 64%), radial-gradient(880px 340px at 100% 100%,rgba(219,204,186,.14),transparent 66%), linear-gradient(180deg,#faf6ee 0%,#ebe3d6 100%) !important; border:1px solid rgba(145,122,90,.15) !important; box-shadow: 0 30px 72px rgba(98,77,53,.14), 0 1px 0 rgba(255,255,255,.72) inset, 0 0 0 1px rgba(145,122,90,.03) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDHeaderX{ border-bottom:1px solid rgba(138,115,83,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDKickerX{ color:#76685ac7!important; } body[data-ui-mode="dawn"] #otdModal .owOTDCloseX{ width:42px !important; height:42px !important; flex:0 0 42px !important; border-radius:15px !important; border:1px solid rgba(145,122,90,.12) !important; background:rgba(133,112,83,.04) !important; color:#8f7a62 !important; box-shadow:0 10px 26px rgba(98,77,53,.08) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDCloseX:hover{ background:rgba(133,112,83,.08) !important; color:#6a5640 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDIntroKickerX{ color:#b59152 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDIntroTitleX, body[data-ui-mode="dawn"] #otdModal .owOTDCardNameX{ color:#4f3f2f !important; } body[data-ui-mode="dawn"] #otdModal .owOTDIntroSubX, body[data-ui-mode="dawn"] #otdModal .owOTDSnippetX, body[data-ui-mode="dawn"] #otdModal .owOTDNoReflectionX{ color:#756553 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDYearHeaderX{ background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.10))!important; border:1px solid rgba(145,122,90,.10)!important; box-shadow:0 1px 0 rgba(255,255,255,.32) inset!important; } body[data-ui-mode="dawn"] #otdModal .owOTDYearNavX{ border:1px solid rgba(145,122,90,.09)!important; background:rgba(255,250,242,.14)!important; color:#8a7761!important; } body[data-ui-mode="dawn"] #otdModal .owOTDYearLabelX{ color:#9c7941 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDYearCountX{ color:#9a8a76 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDItemX{ background:rgba(255,250,241,.42)!important; border:1px solid rgba(150,132,96,.14)!important; box-shadow:0 1px 0 rgba(255,255,255,.30) inset!important; } body[data-ui-mode="dawn"] #otdModal .owOTDRealmX{ color:#8c7a66 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDTodayBadgeX{ background:rgba(191,156,93,.06) !important; border:1px solid rgba(191,156,93,.26) !important; color:#b18949 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDMoodX{ color:#a67945 !important; } body[data-ui-mode="dawn"] #otdModal .owOTDTagX{ background:rgba(148,126,181,.05) !important; border:1px solid rgba(148,126,181,.18) !important; color:#76678d !important; } body[data-ui-mode="dawn"] #otdModal .owOTDTagHashX{ color:rgba(118,103,141,.36) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX{ scrollbar-color:rgba(136,111,77,.08) transparent !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX::-webkit-scrollbar{ width:4px !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX::-webkit-scrollbar-thumb{ background:rgba(136,111,77,.08) !important; } body[data-ui-mode="dawn"] #otdModal .owOTDScrollX:hover::-webkit-scrollbar-thumb{ background:rgba(136,111,77,.12) !important; } @media (max-width: 900px){ #otdModal .owOTDIntroTitleX{ font-size:clamp(22px, 4.4vw, 28px) !important; } } @media (max-width: 640px){ #otdModal .owOTDPanelX{ max-height:min(78svh, 560px) !important; } #otdModal .owOTDHeaderX{ padding:12px 14px 10px !important; } #otdModal .owOTDBodyX{ padding:12px 14px 14px !important; } #otdModal .owOTDIntroTitleX{ font-size:clamp(18px, 6vw, 24px) !important; } #otdModal .owOTDItemInnerX{ grid-template-columns:52px 1fr !important; gap:10px !important; padding:10px !important; } #otdModal .owOTDThumbColX{ width:52px !important; min-width:52px !important; } #otdModal .owOTDThumbX, #otdModal .owOTDThumbPlaceholderX{ width:52px !important; min-height:76px !important; } } /* === original inline style block 182; id: ow-v832-otd-height-match-archive; original line: 39202 === */ #otdModal.owOTDModalX{ padding: 12px !important; align-items: center !important; justify-content: center !important; } #otdModal .owOTDPanelX{ width: min(1240px, 96vw) !important; height: calc(100svh - 24px) !important; max-height: calc(100svh - 24px) !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #otdModal .owOTDHeaderX{ flex: 0 0 auto !important; } #otdModal .owOTDBodyX{ flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } #otdModal .owOTDScrollX{ flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow: auto !important; } @media (max-width: 640px){ #otdModal.owOTDModalX{ padding: 10px !important; } #otdModal .owOTDPanelX{ width: min(96vw, 1240px) !important; height: calc(100svh - 20px) !important; max-height: calc(100svh - 20px) !important; } } /* === original inline style block 183; id: ow-v834-archive-search-modal; original line: 39242 === */ #memoriesModal .memoriesSearchPane{ display:none !important; flex:0 0 0 !important; width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; border:0 !important; } #owArchiveSearchModal{ position:fixed; inset:0; z-index:100450; display:none; align-items:center; justify-content:center; padding:18px; } #owArchiveSearchModal.show{ display:flex; } #owArchiveSearchModal .owArchiveSearchBackdrop{ position:absolute; inset:0; background:rgba(6,5,16,.58); backdrop-filter: blur(16px) saturate(118%); -webkit-backdrop-filter: blur(16px) saturate(118%); } #owArchiveSearchModal .owArchiveSearchPanel{ position:relative; width:min(1240px, 96vw); max-height:calc(100svh - 28px); min-height:min(560px, calc(100svh - 28px)); border-radius:30px; border:1px solid rgba(255,255,255,.10); background: radial-gradient(1200px 320px at 50% 0%, rgba(255,255,255,.08), transparent 72%), linear-gradient(180deg, rgba(14,12,30,.96), rgba(8,16,36,.94)); box-shadow: 0 42px 120px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.07); display:flex; flex-direction:column; overflow:hidden; } #owArchiveSearchModal .owArchiveSearchHeader{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:16px 18px 14px; border-bottom:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); } #owArchiveSearchModal .owArchiveSearchHeaderText{ min-width:0; display:flex; flex-direction:column; gap:5px; } #owArchiveSearchModal .owArchiveSearchKicker{ font-size:11px; font-weight:800; letter-spacing:.20em; text-transform:uppercase; color:rgba(255,205,120,.72); } #owArchiveSearchModal .owArchiveSearchTitle{ font-size:clamp(24px, 2.8vw, 34px); line-height:1.02; letter-spacing:-.04em; font-weight:850; color:rgba(255,255,255,.96); } #owArchiveSearchModal .owArchiveSearchSub{ font-size:14px; line-height:1.45; color:rgba(255,255,255,.56); } #owArchiveSearchModal .owArchiveSearchClose{ flex:0 0 42px; width:42px; height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:rgba(255,255,255,.78); font-size:18px; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.18); } #owArchiveSearchModal .owArchiveSearchClose:hover{ background:rgba(255,255,255,.08); color:rgba(255,255,255,.94); } #owArchiveSearchModal .owArchiveSearchBody{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:12px; padding:16px 18px 18px; } #owArchiveSearchModal .owArchiveSearchToolbar{ display:flex; flex-direction:column; gap:12px; flex:0 0 auto; } #owArchiveSearchModal .owSearchInputWrap{ position:relative; display:flex; align-items:center; } #owArchiveSearchModal .owSearchIcon{ position:absolute; left:14px; font-size:16px; opacity:.62; pointer-events:none; } #owArchiveSearchModal .owSearchInput{ width:100%; min-height:54px; border-radius:18px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045); color:rgba(255,255,255,.94); padding:0 46px 0 42px; font-size:16px; font-weight:600; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } #owArchiveSearchModal .owSearchInput::placeholder{ color:rgba(255,255,255,.34); font-style:italic; } #owArchiveSearchModal .owSearchInput:focus{ outline:none; border-color:rgba(255,205,120,.34); background:rgba(255,255,255,.065); box-shadow:0 0 0 3px rgba(255,205,120,.10); } #owArchiveSearchModal .owSearchClear{ position:absolute; right:10px; width:34px; height:34px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05); color:rgba(255,255,255,.74); cursor:pointer; } #owArchiveSearchModal .owSearchFilters{ display:flex; flex-wrap:wrap; gap:8px; } #owArchiveSearchModal .owSearchFilter{ border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:rgba(255,255,255,.72); min-height:34px; padding:0 12px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.04em; cursor:pointer; } #owArchiveSearchModal .owSearchFilter.active{ border-color:rgba(255,205,120,.28); background:rgba(255,205,120,.08); color:rgba(255,223,170,.94); } #owArchiveSearchModal .owArchiveSearchCount{ font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.34); } #owArchiveSearchModal .owArchiveSearchScroll{ flex:1 1 auto; min-height:0; overflow:auto; padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.08) transparent; } #owArchiveSearchModal .owArchiveSearchScroll::-webkit-scrollbar{ width:4px; } #owArchiveSearchModal .owArchiveSearchScroll::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.08); border-radius:999px; } #owArchiveSearchModal .owOTDEntriesX{ display:flex; flex-direction:column; gap:12px; } #owArchiveSearchModal .owOTDItemX{ text-align:left; border-radius:22px; border:1px solid rgba(255,255,255,.07); background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.015)); cursor:pointer; transition:transform .14s ease, background .14s ease, border-color .14s ease; } #owArchiveSearchModal .owOTDItemX:hover{ transform:translateY(-1px); background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.022)); border-color:rgba(255,255,255,.11); } #owArchiveSearchModal .owOTDItemInnerX{ display:grid; grid-template-columns:92px 1fr; gap:16px; align-items:start; padding:16px; } #owArchiveSearchModal .owOTDThumbColX{ width:92px; min-width:92px; } #owArchiveSearchModal .owOTDThumbX, #owArchiveSearchModal .owOTDThumbPlaceholderX{ width:92px; min-height:132px; border-radius:16px; display:block; } #owArchiveSearchModal .owOTDThumbX{ object-fit:cover; border:1px solid rgba(255,255,255,.16); box-shadow:0 16px 36px rgba(0,0,0,.34), 0 0 0 1px rgba(155,116,255,.12); } #owArchiveSearchModal .owOTDThumbPlaceholderX{ display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); font-size:34px; } #owArchiveSearchModal .owOTDContentX{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:6px; padding-top:3px; } #owArchiveSearchModal .owOTDRealmX{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.42); } #owArchiveSearchModal .owArchiveSearchDateX{ padding:3px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045); color:rgba(255,255,255,.66); font-size:9px; font-weight:900; letter-spacing:.11em; } #owArchiveSearchModal .owOTDCardNameX{ font-size:18px; line-height:1.05; font-weight:900; letter-spacing:-.02em; color:rgba(255,255,255,.96); } #owArchiveSearchModal .owOTDSnippetX, #owArchiveSearchModal .owOTDNoReflectionX{ font-size:15px; line-height:1.52; color:rgba(255,255,255,.70); white-space:pre-wrap; } #owArchiveSearchModal .owOTDMetaX{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:2px; } #owArchiveSearchModal .owOTDMoodX{ display:inline-flex; align-items:center; gap:4px; color:rgba(255,205,120,.88); font-size:14px; font-weight:800; } #owArchiveSearchModal .owOTDTagX{ display:inline-flex; align-items:center; gap:0; padding:5px 11px; border-radius:999px; border:1px solid rgba(155,116,255,.18); background:rgba(155,116,255,.08); color:rgba(218,204,255,.80); font-size:12px; font-weight:800; } #owArchiveSearchModal .owOTDTagHashX{ color:rgba(218,204,255,.34); margin-right:1px; } #owArchiveSearchModal .owArchiveSearchEmpty{ min-height:240px; border-radius:22px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.02); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:28px 18px; color:rgba(255,255,255,.58); } #owArchiveSearchModal .owArchiveSearchEmptyIcon{ font-size:28px; } #owArchiveSearchModal mark{ background:rgba(255,205,120,.20); color:inherit; border-radius:3px; padding:0; margin:0; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchBackdrop{ background:rgba(123,104,79,.12); } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchPanel{ background: radial-gradient(1200px 320px at 50% 0%, rgba(255,255,255,.58), transparent 74%), radial-gradient(880px 300px at 15% 5%, rgba(233,216,189,.22), transparent 64%), radial-gradient(880px 340px at 100% 100%, rgba(219,204,186,.16), transparent 66%), linear-gradient(180deg, #f6f1e9 0%, #efe8de 100%); border:1px solid rgba(145,122,90,.15); box-shadow:0 30px 72px rgba(98,77,53,.14), 0 1px 0 rgba(255,255,255,.72) inset; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchHeader{ border-bottom:1px solid rgba(138,115,83,.10); } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchKicker{ color:#8b7657; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchTitle, body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDCardNameX{ color:#4f3f2f; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchSub, body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDSnippetX, body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDNoReflectionX{ color:#756553; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchClose{ border:1px solid rgba(145,122,90,.12); background:rgba(133,112,83,.04); color:#8f7a62; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchInput{ border-color:rgba(145,122,90,.12); background:rgba(255,255,255,.36); color:#554533; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchInput::placeholder{ color:rgba(95,73,48,.38); } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchIcon{ opacity:.44; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchClear{ border-color:rgba(145,122,90,.12); background:rgba(133,112,83,.04); color:#8f7a62; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchFilter{ border-color:rgba(145,122,90,.12); background:rgba(255,255,255,.24); color:#7b6752; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owSearchFilter.active{ border-color:rgba(191,156,93,.24); background:rgba(191,156,93,.07); color:#a37b3e; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchCount, body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDRealmX{ color:#8c7a66; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchDateX{ border-color:rgba(145,122,90,.12); background:rgba(255,255,255,.22); color:#8a7761; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDItemX{ background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.14)); border:1px solid rgba(145,122,90,.12); box-shadow:0 1px 0 rgba(255,255,255,.38) inset; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDMoodX{ color:#a67945; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDTagX{ background:rgba(148,126,181,.05); border:1px solid rgba(148,126,181,.18); color:#76678d; } body[data-ui-mode="dawn"] #owArchiveSearchModal .owOTDTagHashX{ color:rgba(118,103,141,.36); } body[data-ui-mode="dawn"] #owArchiveSearchModal .owArchiveSearchEmpty{ border-color:rgba(145,122,90,.12); background:rgba(255,255,255,.18); color:#7b6a57; } @media (max-width: 900px){ #owArchiveSearchModal{ padding:14px; } #owArchiveSearchModal .owArchiveSearchPanel{ width:min(96vw, 1240px); } } @media (max-width: 640px){ #owArchiveSearchModal{ padding:10px; } #owArchiveSearchModal .owArchiveSearchPanel{ width:calc(100vw - 20px); max-height:calc(100svh - 20px); min-height:0; border-radius:24px; } #owArchiveSearchModal .owArchiveSearchHeader{ padding:12px 14px 10px; } #owArchiveSearchModal .owArchiveSearchBody{ padding:12px 14px 14px; gap:10px; } #owArchiveSearchModal .owArchiveSearchTitle{ font-size:clamp(20px, 6vw, 26px); } #owArchiveSearchModal .owArchiveSearchSub{ font-size:13px; } #owArchiveSearchModal .owSearchFilters{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; } #owArchiveSearchModal .owSearchFilter:first-child{ grid-column:1 / -1; } #owArchiveSearchModal .owSearchFilter{ min-width:0; min-height:42px; padding:0 10px; font-size:13px; letter-spacing:.01em; white-space:nowrap; overflow:visible; text-overflow:clip; } #owArchiveSearchModal .owOTDItemInnerX{ grid-template-columns:60px 1fr; gap:10px; padding:10px; } #owArchiveSearchModal .owOTDThumbColX{ width:60px; min-width:60px; } #owArchiveSearchModal .owOTDThumbX, #owArchiveSearchModal .owOTDThumbPlaceholderX{ width:60px; min-height:88px; } #owArchiveSearchModal .owOTDCardNameX{ font-size:16px; } #owArchiveSearchModal .owOTDSnippetX, #owArchiveSearchModal .owOTDNoReflectionX{ font-size:13px; line-height:1.44; } } /* === original inline style block 184; id: ow-v1367-archive-filter-mobile-balance; original line: 39700 === */ @media (max-width: 640px){ #owSearchFilters.owSearchFilters{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; width:100% !important; } #owSearchFilters.owSearchFilters .owSearchFilter:first-child{ grid-column:1 / -1 !important; } #owSearchFilters.owSearchFilters .owSearchFilter{ min-width:0 !important; min-height:42px !important; padding:0 10px !important; font-size:13px !important; letter-spacing:.01em !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; } } /* === original inline style block 185; id: orawhale-annual-almanac-v629-fix-style; original line: 40856 === */ @media (min-width: 981px){ .imRecapModal[aria-label="Annual Almanac"] .imRecapCard{ width:min(1240px,96vw); max-width:min(1240px,96vw); height:min(920px,calc(100svh - 12px)); max-height:calc(100svh - 12px); } .imRecapModal[aria-label="Annual Almanac"] .imRecapTop{ padding:12px 16px 10px; } .imRecapModal[aria-label="Annual Almanac"] .imRecapKicker{ font-size:9px; } .imRecapModal[aria-label="Annual Almanac"] .imRecapTitle{ font-size:clamp(18px,2vw,24px); } .imRecapModal[aria-label="Annual Almanac"] .imRecapBody{ padding:10px 16px 8px; overflow:hidden; } .imRecapModal[aria-label="Annual Almanac"] .imRecapFooter{ padding:8px 16px 10px; gap:10px; } .imRecapModal[aria-label="Annual Almanac"] .imRecapFooterBtn{ padding:10px 14px; border-radius:14px; font-size:13px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmShell{ gap:8px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearNav, .imRecapModal[aria-label="Annual Almanac"] .imAlmStoryNav{ position:relative; z-index:8; flex:0 0 auto; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearNav{ gap:14px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearLabelWrap{ flex:1 1 auto; align-items:center; text-align:center; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearLabel{ font-size:clamp(18px,2.4vw,24px); line-height:1.02; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearSub{ font-size:11px; letter-spacing:.15em; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearBtn{ width:48px; height:48px; border-radius:16px; position:relative; z-index:9; pointer-events:auto; } .imRecapModal[aria-label="Annual Almanac"] .imAlmFrame{ flex:1 1 auto; min-height:0; } .imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface{ height:100%; min-height:0; padding:14px 16px; gap:12px; overflow:auto; overscroll-behavior:contain; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEyebrowRow{ gap:8px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEyebrow{ font-size:10px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmAct{ padding:6px 10px; font-size:10px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmHero, .imRecapModal[aria-label="Annual Almanac"] .imAlmArchetypeWrap, .imRecapModal[aria-label="Annual Almanac"] .imAlmConstellation, .imRecapModal[aria-label="Annual Almanac"] .imAlmClosing, .imRecapModal[aria-label="Annual Almanac"] .imAlmMoment{ gap:14px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmPanel, .imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCard, .imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentCard, .imRecapModal[aria-label="Annual Almanac"] .imAlmMiniPanel, .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmCard{ overflow:hidden; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain, .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmEmblem, .imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentCard, .imRecapModal[aria-label="Annual Almanac"] .imAlmPreview, .imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCard, .imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody{ padding:18px 20px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain, .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmEmblem{ gap:14px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle{ font-size:clamp(26px,3.5vw,44px); line-height:.94; } .imRecapModal[aria-label="Annual Almanac"] .imAlmBigTitle{ font-size:clamp(26px,3.3vw,42px); } .imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentValue{ font-size:clamp(24px,2.8vw,34px); } .imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewTitle, .imRecapModal[aria-label="Annual Almanac"] .imAlmMomentTitle{ font-size:22px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmLead, .imRecapModal[aria-label="Annual Almanac"] .imAlmQuote, .imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewCopy, .imRecapModal[aria-label="Annual Almanac"] .imAlmNarrative, .imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCopy, .imRecapModal[aria-label="Annual Almanac"] .imAlmMiniText, .imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody p, .imRecapModal[aria-label="Annual Almanac"] .imAlmClosingLine, .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmSub, .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverCopy, .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmCopy, .imRecapModal[aria-label="Annual Almanac"] .imAlmStatHint{ font-size:14px; line-height:1.54; } .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill, .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill, .imRecapModal[aria-label="Annual Almanac"] .imAlmChip{ min-height:30px; padding:0 10px; font-size:11px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmGrid4{ gap:10px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmStat{ padding:14px 12px; border-radius:18px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmStatNum{ font-size:clamp(22px,2.4vw,32px); } .imRecapModal[aria-label="Annual Almanac"] .imAlmSky{ min-height:240px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmStoryNav{ gap:10px; align-items:center; } .imRecapModal[aria-label="Annual Almanac"] .imAlmStoryBtn{ min-height:38px; padding:0 12px; border-radius:14px; font-size:13px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmDots{ gap:6px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmDot{ width:9px; height:9px; } } /* === original inline style block 186; id: ow-annual-almanac-dawn-panel-transparency-v884; original line: 41017 === */ body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverMain, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentCard, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{ background: rgba(255,255,255,.06) !important; border-color: rgba(166,172,188,.16) !important; box-shadow: 0 16px 36px rgba(132,140,160,.05), inset 0 1px 0 rgba(255,255,255,.55) !important; backdrop-filter: blur(12px) saturate(120%) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentExcerpt{ background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.16)) !important; border-color: rgba(166,172,188,.16) !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmHeroMeta .imAlmMetaPill, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmChip{ background: rgba(255,255,255,.20) !important; border-color: rgba(166,172,188,.14) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{ background: rgba(255,255,255,.22) !important; border-color: rgba(166,172,188,.14) !important; box-shadow: 0 14px 32px rgba(132,140,160,.04) !important; } /* === original inline style block 187; id: orawhale-annual-almanac-dawn-visibility-v651; original line: 41048 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmYearNav{ justify-content:center !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmYearBtn{ display:none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmAct{ background: linear-gradient(180deg, rgba(156,164,235,.24), rgba(142,149,223,.20)) !important; border-color: rgba(119,128,208,.40) !important; color: rgba(90,98,168,.98) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 2px 8px rgba(122,129,189,.08) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill{ background: rgba(255,255,255,.92) !important; border-color: rgba(89,102,122,.14) !important; color: rgba(69,82,103,.94) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill strong, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill strong{ color: rgba(90,98,168,.96) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill--soft{ background: rgba(255,255,255,.88) !important; border-color: rgba(89,102,122,.12) !important; color: rgba(69,82,103,.86) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmDot{ background: rgba(99,109,126,.34) !important; border: 1px solid rgba(99,109,126,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmDot.is-active{ background: linear-gradient(135deg, rgba(235,205,149,.98), rgba(178,146,255,.94)) !important; border-color: rgba(139,117,204,.34) !important; box-shadow: 0 6px 18px rgba(152,132,219,.16), inset 0 1px 0 rgba(255,255,255,.56) !important; } /* === original inline style block 188; id: ow-annual-almanac-dawn-cleanup-v685; original line: 41088 === */ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imRecapCard{ background: radial-gradient(1100px 340px at 14% 0%, rgba(245,224,192,.30), transparent 58%), radial-gradient(980px 360px at 88% 100%, rgba(219,214,241,.32), transparent 60%), linear-gradient(180deg, rgba(250,247,242,.975), rgba(244,243,247,.965)) !important; border-color: rgba(191,179,214,.24) !important; box-shadow: 0 26px 88px rgba(141,127,167,.12), 0 10px 32px rgba(110,94,74,.06) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imRecapBody{background:linear-gradient(180deg,rgba(243,236,227,.96),rgba(238,231,222,.94))!important;} body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--starterOnly, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmFrame.imAlmFrame--starter, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface.imAlmScreenSurface--starter, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHero.imAlmHero--starter, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmPanel.imAlmCoverMain.imAlmCoverMain--starterEditorial, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStarterCenteredBlock{ background: transparent !important; box-shadow: none !important; border: 0 !important; outline: 0 !important; backdrop-filter: none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--starterOnly{ position: relative; overflow: hidden; border-radius: 28px !important; background: radial-gradient(780px 280px at 16% 12%, rgba(245,229,204,.16), transparent 62%), radial-gradient(900px 320px at 85% 86%, rgba(225,220,244,.18), transparent 64%), radial-gradient(640px 240px at 52% 48%, rgba(255,255,255,.12), transparent 68%), linear-gradient(180deg, rgba(249,247,243,.88), rgba(244,244,248,.86)) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface.imAlmScreenSurface--starter{ padding: 58px 72px 64px !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain.imAlmCoverMain--starterEditorial{ width: min(100%, 800px) !important; min-height: clamp(300px, 36vh, 360px) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStarterCenteredBlock{ width: min(100%, 800px) !important; transform: translate(138px,0) !important; gap: 28px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap: 30px !important; line-height: 1 !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit br{ display:none !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitleLine{ display:block !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitleLine--year{ line-height:.88 !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitleLine--label{ line-height:.92 !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial{ gap:10px !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill{ background: rgba(255,255,255,.14) !important; border-color: rgba(196,188,218,.12) !important; color: rgba(106,111,126,.70) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill strong{ color: rgba(90,97,116,.82) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewCopy.imAlmPreviewCopy--starterEditorial{ color: rgba(62,70,88,.92) !important; } @media (max-width: 1280px){ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStarterCenteredBlock{ transform: translate(138px,0) !important; width: min(100%, 800px) !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ gap: 26px !important; } } @media (max-width: 1100px){ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface.imAlmScreenSurface--starter{ padding: 28px 28px 34px !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain.imAlmCoverMain--starterEditorial{ width: 100% !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStarterCenteredBlock{ width: 100% !important; transform: none !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ gap: 18px !important; } } /* === original inline style block 189; id: ow-annual-almanac-dawn-first-two-pill-text-v689; original line: 41193 === */ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill:not(.imAlmMetaPill--starterLead){ color: rgba(84, 91, 109, .96) !important; font-weight: 820 !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill:not(.imAlmMetaPill--starterLead) strong{ color: #50596d !important; font-weight: 900 !important; } /* === original inline style block 190; id: ow-annual-almanac-starter-third-pill-match-v690; original line: 41203 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{ min-height: 31px !important; padding: 0 11px !important; font-size: 12px !important; font-weight: 760 !important; letter-spacing: .035em !important; text-transform: uppercase !important; color: rgba(255,255,255,.64) !important; border-color: rgba(255,255,255,.075) !important; background: rgba(255,255,255,.022) !important; box-shadow: none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{ color: rgba(84, 91, 109, .96) !important; font-weight: 820 !important; border-color: rgba(116,128,147,.24) !important; background: linear-gradient(180deg, rgba(252,252,253,.96), rgba(246,247,250,.93)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 1px 2px rgba(132,143,163,.08), 0 8px 20px rgba(132,143,163,.10) !important; } /* === original inline style block 191; id: ow-annual-almanac-dawn-third-pill-soft-match-v695; original line: 41227 === */ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{ color: rgba(84, 91, 109, .96) !important; font-weight: 820 !important; border-color: rgba(202,194,221,.20) !important; background: rgba(255,255,255,.30) !important; box-shadow: none !important; } /* === original inline style block 192; id: ow-annual-almanac-title-gap-v696; original line: 41236 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ gap: 26px !important; } @media (max-width: 1100px){ .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ gap: 24px !important; } } /* === original inline style block 193; id: ow-annual-almanac-luxury-performance-safe-v876; original line: 41246 === */ #imRecapModal[data-recap-mode="light"] .imRecapKicker{ letter-spacing:.16em !important; font-weight:760 !important; opacity:1 !important; color:rgba(255,255,255,.64) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapKicker{ color:rgba(118,104,90,.78) !important; } #imRecapModal[data-recap-mode="light"] #imRecapTitleText{ display:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearNav{ justify-content:center !important; text-align:center !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ font-size:clamp(28px,3vw,42px) !important; line-height:1.04 !important; letter-spacing:-.05em !important; font-weight:900 !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearSub{ font-size:13px !important; letter-spacing:.16em !important; text-transform:uppercase !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody{ overflow-y:auto !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar{ width:6px; } #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:999px; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar-thumb{ background:rgba(120,116,132,.28); } #imRecapModal[data-recap-mode="light"] .imAlmStoryNav.is-cover-nav{ justify-content:center !important; } #imRecapModal[data-recap-mode="light"] .imAlmStoryNav.is-cover-nav .imAlmStoryBtn{ display:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmStoryNav.is-cover-nav .imAlmDots{ width:fit-content; margin:0 auto; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmStack:last-child{ display:flex !important; flex-direction:column !important; gap:16px !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCTA{ align-self:flex-end !important; } #imRecapModal[data-recap-mode="light"] .imAlmHeroMeta .imAlmMetaPill{ font-size:10.5px !important; line-height:1 !important; font-weight:650 !important; padding:8px 13px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.05) !important; background:rgba(255,255,255,.025) !important; color:rgba(255,255,255,.64) !important; box-shadow:none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmHeroMeta .imAlmMetaPill{ color:rgba(109,114,128,.84) !important; background:rgba(255,255,255,.30) !important; border-color:rgba(162,167,184,.13) !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil{ width:132px !important; height:132px !important; min-width:132px !important; min-height:132px !important; border-radius:999px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; background: radial-gradient(120% 120% at 50% 18%, rgba(255,255,255,.22), transparent 58%), linear-gradient(180deg, rgba(223,233,220,.18), rgba(184,204,180,.10)) !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow: 0 20px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16) !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil img{ width:100% !important; height:100% !important; object-fit:cover !important; padding:0 !important; transform:scale(1.22) !important; filter:drop-shadow(0 14px 24px rgba(0,0,0,.22)) !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCoverFooter{ margin-top:clamp(56px,9vh,92px) !important; } #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote{ padding:18px 22px !important; border-radius:22px !important; border:1px solid rgba(255,255,255,.058) !important; background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.022)) !important; font-size:17px !important; line-height:1.6 !important; color:rgba(255,255,255,.92) !important; font-weight:530 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote{ color:rgba(95,89,83,.92) !important; background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.21)) !important; border-color:rgba(154,147,173,.12) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--luxury-left{ display:grid !important; grid-template-columns:minmax(170px,194px) minmax(0,1fr) !important; gap:28px !important; align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{ position:relative; min-height:286px; border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.10); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); box-shadow:0 18px 48px rgba(0,0,0,.24); } #imRecapModal[data-recap-mode="light"] .imAlmMomentImage{ width:100%; height:100%; display:block; object-fit:cover; } #imRecapModal[data-recap-mode="light"] .imAlmMomentBody{ display:flex; flex-direction:column; gap:14px; min-width:0; justify-content:center; } #imRecapModal[data-recap-mode="light"] .imAlmMomentHint{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.46); font-weight:800; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentHint, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMiniLabel{ color:rgba(127,132,142,.86) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentTitle{ font-size:clamp(28px,2.76vw,37px) !important; line-height:1.02 !important; letter-spacing:-.048em !important; font-weight:820 !important; } #imRecapModal[data-recap-mode="light"] .imAlmExcerptWrap{ display:flex; flex-direction:column; gap:10px; margin-top:6px; } #imRecapModal[data-recap-mode="light"] .imAlmExcerptLabel{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.42); font-weight:800; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmExcerptLabel{ color:rgba(130,135,145,.84) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentExcerpt{ margin:0; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)); color:rgba(255,255,255,.82); font-size:16px; line-height:1.76; font-weight:460; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentExcerpt{ color:rgba(96,103,114,.92); background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.28)); border-color:rgba(160,165,182,.22); } #imRecapModal[data-recap-mode="light"] .imAlmMomentBody > .imAlmMomentCopy{ display:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmChipRow{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; } #imRecapModal[data-recap-mode="light"] .imAlmChip{ font-size:10.5px !important; line-height:1 !important; font-weight:650 !important; padding:7px 12px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.065) !important; background:rgba(255,255,255,.03) !important; color:rgba(255,255,255,.62) !important; box-shadow:none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmChip{ color:rgba(106,112,126,.82) !important; background:rgba(255,255,255,.28) !important; border-color:rgba(162,167,184,.12) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why{ display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:100% !important; padding-top:24px !important; padding-bottom:24px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{ margin:10px 0 0 !important; max-width:28.5ch; font-size:17px !important; line-height:1.76 !important; } #imRecapModal[data-recap-mode="light"] .imAlmCurrentLabel{ font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; } #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ font-size:clamp(32px,3.2vw,43px) !important; line-height:1.0 !important; letter-spacing:-.046em !important; max-width:10.5ch !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosingLine{ font-size:16.5px !important; line-height:1.54 !important; margin-top:0 !important; max-width:17ch !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosingNoteText, #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft .imAlmMiniText{ font-size:18px !important; line-height:1.72 !important; color:rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosingNoteText, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft .imAlmMiniText{ color:rgba(68,76,88,.96) !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosing .imAlmHeroMeta{ gap:8px !important; } #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard{ justify-content:flex-start !important; gap:12px !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{ gap:16px !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft .imAlmMiniText{ max-width:27.5ch !important; margin-top:auto !important; margin-bottom:auto !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosing .imAlmMetaPill{ font-size:10.5px !important; padding:8px 13px !important; } @media (max-width:980px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil{ width:118px !important; height:118px !important; min-width:118px !important; min-height:118px !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCTA{ align-self:flex-start !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--luxury-left{ grid-template-columns:1fr !important; gap:18px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{ min-height:260px; } } /* === original inline style block 194; id: ow-annual-almanac-luxury-finish-v879-tail; original line: 41928 === */ #imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{gap:12px !important;align-items:flex-start !important;} #imRecapModal[data-recap-mode="light"] .imAlmCoverMain{gap:14px !important;} #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCoverFooter{margin-top:clamp(26px,4.8vh,44px) !important;} #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{font-size:19px !important;line-height:1.56 !important;font-weight:500 !important;max-width:none !important;} @media (min-width:1080px){#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{white-space:nowrap !important;}} @media (max-width:1079px){#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{max-width:34ch !important;white-space:normal !important;}} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{color:rgba(92,101,114,.94) !important;} #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote{border-color:rgba(152,146,171,.08) !important;} @media (min-width:901px){ #imRecapModal[data-recap-mode="light"] .imRecapCard{height:calc(100svh - 12px) !important;max-height:calc(100svh - 12px) !important;} #imRecapModal[data-recap-mode="light"] .imRecapTop{padding:14px 16px 10px !important;} #imRecapModal[data-recap-mode="light"] .imRecapBody{overflow:hidden !important;padding:10px 16px 10px !important;scrollbar-width:none !important;} #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;} #imRecapModal[data-recap-mode="light"] .imRecapFooter{padding:8px 16px 12px !important;} #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{padding:14px 16px !important;gap:12px !important;} #imRecapModal[data-recap-mode="light"] .imAlmHero,#imRecapModal[data-recap-mode="light"] .imAlmMoment,#imRecapModal[data-recap-mode="light"] .imAlmClosing{gap:16px !important;} #imRecapModal[data-recap-mode="light"] .imAlmCoverMain,#imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem,#imRecapModal[data-recap-mode="light"] .imAlmMomentCard,#imRecapModal[data-recap-mode="light"] .imAlmCurrentCard,#imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{padding:18px 20px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--luxury-left{grid-template-columns:minmax(228px,.72fr) minmax(0,1.28fr) !important;gap:18px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{min-height:260px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentBody{gap:10px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why{justify-content:center !important;padding-top:0 !important;padding-bottom:0 !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{max-width:24ch !important;line-height:1.72 !important;margin-top:8px !important;margin-bottom:0 !important;}} #imRecapModal[data-recap-mode="light"] .imAlmMomentHint{letter-spacing:.12em !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentTitle{line-height:.98 !important;} #imRecapModal[data-recap-mode="light"] .imAlmChip{border-color:rgba(140,145,169,.12) !important;color:rgba(112,118,138,.84) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmChip{border-color:rgba(143,149,170,.12) !important;color:rgba(117,123,142,.84) !important;} #imRecapModal[data-recap-mode="light"] .imRecapClose{border-color:rgba(168,173,195,.14) !important;background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.28)) !important;box-shadow:0 8px 20px rgba(120,126,146,.05), inset 0 1px 0 rgba(255,255,255,.48) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapClose{color:rgba(109,114,132,.84) !important;} /* === original inline style block 195; id: ow-annual-almanac-true-luxury-v880; original line: 41958 === */ #imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{ gap:8px !important; align-items:flex-start !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain{ gap:12px !important; justify-content:space-between !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{ font-size:18px !important; line-height:1.54 !important; max-width:none !important; } @media (min-width: 1080px){ #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{ white-space:nowrap !important; } } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCoverFooter{ margin-top:clamp(18px,3.4vh,30px) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentHint{ font-size:10.5px !important; letter-spacing:.11em !important; line-height:1.28 !important; max-width:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentTitle{ margin-bottom:2px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why{ display:flex !important; align-items:center !important; justify-content:center !important; padding:22px 24px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniLabel, #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{ width:min(25ch, 100%) !important; margin-left:auto !important; margin-right:auto !important; text-align:left !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{ line-height:1.74 !important; font-size:17px !important; } #imRecapModal[data-recap-mode="light"] .imAlmClosing{ align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard{ position:relative !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; text-align:center !important; padding:84px 26px 34px !important; gap:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard .imAlmCurrentLabel{ position:absolute !important; top:26px !important; left:28px !important; right:28px !important; width:auto !important; margin:0 !important; text-align:left !important; } #imRecapModal[data-recap-mode="light"] .imAlmChip{ font-size:11px !important; letter-spacing:.06em !important; font-weight:700 !important; } #imRecapModal[data-recap-mode="light"] .imRecapClose{ border-color:rgba(168,173,195,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.22)) !important; box-shadow:0 6px 16px rgba(120,126,146,.04), inset 0 1px 0 rgba(255,255,255,.44) !important; } @media (min-width: 981px){ #imRecapModal[data-recap-mode="light"] .imRecapCard{ height:calc(100svh - 16px) !important; max-height:calc(100svh - 16px) !important; } #imRecapModal[data-recap-mode="light"] .imRecapTop{ padding:12px 16px 8px !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody{ overflow:hidden !important; padding:8px 16px 8px !important; scrollbar-width:none !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar{ display:none !important; width:0 !important; height:0 !important; } #imRecapModal[data-recap-mode="light"] .imRecapFooter{ padding:6px 16px 10px !important; } #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{ min-height:0 !important; height:100% !important; padding:12px 14px !important; gap:10px !important; overflow:hidden !important; } #imRecapModal[data-recap-mode="light"] .imAlmHero, #imRecapModal[data-recap-mode="light"] .imAlmMoment, #imRecapModal[data-recap-mode="light"] .imAlmClosing{ min-height:0 !important; height:100% !important; gap:16px !important; align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] .imAlmHero > *, #imRecapModal[data-recap-mode="light"] .imAlmMoment > *, #imRecapModal[data-recap-mode="light"] .imAlmClosing > *{ min-height:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmCoverMain, #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem, #imRecapModal[data-recap-mode="light"] .imAlmMomentCard, #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{ padding:18px 20px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--luxury-left{ grid-template-columns:minmax(226px, .72fr) minmax(0, 1.28fr) !important; gap:18px !important; align-items:center !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{ min-height:250px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentBody{ gap:10px !important; justify-content:center !important; } } @media (max-width: 1200px){ #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ white-space:normal !important; } } /* === original inline style block 196; id: ow-annual-almanac-lean-luxury-v881; original line: 42100 === */ #imRecapModal[data-recap-mode="light"]{ --ow-alm-ink:#2d3745; --ow-alm-muted:#667180; --ow-alm-soft:#8a928a; --ow-alm-line:rgba(126,126,136,.12); --ow-alm-line-strong:rgba(120,120,132,.18); --ow-alm-surface:linear-gradient(180deg, rgba(255,255,255,.84), rgba(250,247,242,.82)); --ow-alm-surface-strong:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,244,238,.88)); --ow-alm-shadow:0 18px 38px rgba(122,117,108,.08), inset 0 1px 0 rgba(255,255,255,.88); --ow-alm-shadow-strong:0 24px 56px rgba(122,117,108,.11), inset 0 1px 0 rgba(255,255,255,.92); } #imRecapModal[data-recap-mode="light"] .imRecapCard{ background:linear-gradient(180deg, rgba(246,244,239,.96), rgba(241,239,235,.94)) !important; border:1px solid rgba(152,146,138,.10) !important; box-shadow:0 34px 90px rgba(86,82,76,.12), inset 0 1px 0 rgba(255,255,255,.72) !important; } #imRecapModal[data-recap-mode="light"] .imRecapTop{ border-bottom:1px solid rgba(150,145,137,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0)) !important; } #imRecapModal[data-recap-mode="light"] .imRecapKicker{ color:rgba(132,123,110,.84) !important; letter-spacing:.18em !important; font-weight:800 !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ color:#2f3846 !important; letter-spacing:-.06em !important; font-size:clamp(34px,4vw,52px) !important; font-weight:860 !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearSub{ color:rgba(110,119,131,.84) !important; letter-spacing:.17em !important; font-weight:700 !important; } #imRecapModal[data-recap-mode="light"] .imRecapClose{ color:rgba(119,123,140,.88) !important; border:1px solid rgba(154,156,176,.10) !important; background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.26)) !important; box-shadow:0 10px 22px rgba(120,126,146,.05), inset 0 1px 0 rgba(255,255,255,.62) !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody{ scrollbar-width:none !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;} #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{ padding:14px 16px 12px !important; gap:12px !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid{ display:grid; gap:18px; align-items:stretch; min-height:0; height:100%; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover, #imRecapModal[data-recap-mode="light"] .owAlmGrid--moment, #imRecapModal[data-recap-mode="light"] .owAlmGrid--closing{ grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr); } #imRecapModal[data-recap-mode="light"] .owAlmPanel{ position:relative; min-height:0; border-radius:32px; border:1px solid var(--ow-alm-line); background:var(--ow-alm-surface); box-shadow:var(--ow-alm-shadow); overflow:hidden; } #imRecapModal[data-recap-mode="light"] .owAlmPanel--strong{ background:var(--ow-alm-surface-strong); box-shadow:var(--ow-alm-shadow-strong); } #imRecapModal[data-recap-mode="light"] .owAlmPanelInner{ height:100%; padding:28px 30px; } #imRecapModal[data-recap-mode="light"] .owAlmKicker{ margin:0 0 10px; font-size:11px; line-height:1; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:rgba(126,130,141,.80); } #imRecapModal[data-recap-mode="light"] .owAlmTitle{ margin:0; color:var(--ow-alm-ink); font-size:clamp(27px,3.2vw,48px); line-height:.96; letter-spacing:-.04em; font-weight:760; } #imRecapModal[data-recap-mode="light"] .owAlmTitle span{display:block;} #imRecapModal[data-recap-mode="light"] .owAlmLead{ margin:18px 0 0; color:rgba(88,98,112,.96); font-size:20px; line-height:1.44; letter-spacing:-.022em; font-weight:520; max-width:24ch; } #imRecapModal[data-recap-mode="light"] .owAlmSubtle{ margin:14px 0 0; color:rgba(112,120,131,.84); font-size:15px; line-height:1.72; max-width:42ch; } #imRecapModal[data-recap-mode="light"] .owAlmCoverMain{ display:flex; flex-direction:column; justify-content:space-between; gap:22px; } #imRecapModal[data-recap-mode="light"] .owAlmCoverBand{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding-top:18px; border-top:1px solid rgba(140,140,150,.10); } #imRecapModal[data-recap-mode="light"] .owAlmMetaLine, #imRecapModal[data-recap-mode="light"] .owAlmQuietMeta, #imRecapModal[data-recap-mode="light"] .owAlmClosingMeta{ color:rgba(111,118,128,.86); font-size:12px; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; font-weight:760; } #imRecapModal[data-recap-mode="light"] .owAlmCTA{ appearance:none; border:1px solid rgba(138,141,170,.18); background:linear-gradient(135deg, rgba(238,228,205,.98), rgba(223,222,243,.92)); color:#343943; min-height:62px; padding:0 28px; border-radius:22px; font-size:18px; line-height:1; font-weight:780; letter-spacing:-.025em; box-shadow:0 12px 28px rgba(118,115,107,.12), inset 0 1px 0 rgba(255,255,255,.72); cursor:pointer; white-space:nowrap; } #imRecapModal[data-recap-mode="light"] .owAlmCTA:hover{ filter:brightness(1.01); transform:translateY(-1px); } #imRecapModal[data-recap-mode="light"] .owAlmEmblemPanel{ display:flex; flex-direction:column; justify-content:center; gap:18px; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap{ width:176px; height:176px; border-radius:999px; overflow:hidden; border:1px solid rgba(152,149,141,.14); background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(241,237,229,.82)); box-shadow:0 18px 34px rgba(126,120,110,.10), inset 0 1px 0 rgba(255,255,255,.82); } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap img{ width:100%; height:100%; display:block; object-fit:cover; } #imRecapModal[data-recap-mode="light"] .owAlmRealmTitle{ margin:0; color:#2f3846; font-size:clamp(30px,3vw,48px); line-height:.98; letter-spacing:-.05em; font-weight:820; } #imRecapModal[data-recap-mode="light"] .owAlmRealmText{ margin:0; color:rgba(59,67,81,.98); font-size:18px; line-height:1.58; max-width:28ch; } #imRecapModal[data-recap-mode="light"] .owAlmSupport{ margin-top:auto; padding:20px 22px; border-radius:24px; border:1px solid rgba(150,146,171,.10); background:linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,.22)); color:rgba(89,85,80,.96); font-size:18px; line-height:1.62; letter-spacing:-.015em; } #imRecapModal[data-recap-mode="light"] .owAlmArtifact{ display:grid; grid-template-columns:minmax(210px,.76fr) minmax(0,1.24fr); gap:24px; align-items:center; } #imRecapModal[data-recap-mode="light"] .owAlmArtifactFigure{ align-self:stretch; min-height:0; border-radius:26px; overflow:hidden; border:1px solid rgba(143,141,136,.12); background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(248,244,236,.76)); box-shadow:0 18px 38px rgba(120,114,106,.10); } #imRecapModal[data-recap-mode="light"] .owAlmArtifactFigure img{ width:100%; height:100%; display:block; object-fit:cover; } #imRecapModal[data-recap-mode="light"] .owAlmArtifactBody{ display:flex; flex-direction:column; justify-content:center; gap:12px; min-width:0; } #imRecapModal[data-recap-mode="light"] .owAlmMomentTitle{ margin:0; color:#2f3947; font-size:clamp(34px,3.2vw,54px); line-height:.95; letter-spacing:-.062em; font-weight:830; } #imRecapModal[data-recap-mode="light"] .owAlmQuoteLabel{ margin:6px 0 0; color:rgba(130,135,145,.86); font-size:11px; line-height:1; letter-spacing:.18em; text-transform:uppercase; font-weight:800; } #imRecapModal[data-recap-mode="light"] .owAlmExcerpt{ margin:0; padding:18px 20px; border-radius:22px; border:1px solid rgba(146,146,156,.10); background:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.26)); color:rgba(96,104,116,.96); font-size:18px; line-height:1.72; letter-spacing:-.015em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; } #imRecapModal[data-recap-mode="light"] .owAlmMeaning{ display:flex; flex-direction:column; justify-content:center; gap:14px; } #imRecapModal[data-recap-mode="light"] .owAlmMeaningText, #imRecapModal[data-recap-mode="light"] .owAlmClosingNoteText{ margin:0; color:rgba(64,72,84,.98); font-size:20px; line-height:1.72; letter-spacing:-.022em; max-width:24ch; } #imRecapModal[data-recap-mode="light"] .owAlmCurrentPanel{ display:flex; flex-direction:column; justify-content:center; gap:22px; text-align:left; } #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue{ margin:0; color:#2f3846; font-size:clamp(44px,4.2vw,70px); line-height:.94; letter-spacing:-.075em; font-weight:840; max-width:9.2ch; } #imRecapModal[data-recap-mode="light"] .owAlmClosingLine{ margin:0; color:rgba(97,105,117,.96); font-size:20px; line-height:1.62; letter-spacing:-.02em; max-width:19ch; } #imRecapModal[data-recap-mode="light"] .owAlmClosingNotePanel{ display:flex; flex-direction:column; justify-content:center; gap:16px; } #imRecapModal[data-recap-mode="light"] .imAlmStoryNav{ margin-top:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmStoryBtn{ border:1px solid rgba(143,147,166,.12) !important; background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.28)) !important; color:#3e4755 !important; box-shadow:0 8px 18px rgba(118,115,107,.08), inset 0 1px 0 rgba(255,255,255,.76) !important; } #imRecapModal[data-recap-mode="light"] .imAlmDot{ border:1px solid rgba(147,149,166,.18) !important; background:rgba(150,156,174,.26) !important; } #imRecapModal[data-recap-mode="light"] .imAlmDot.is-active{ background:linear-gradient(135deg, rgba(214,198,162,.98), rgba(195,188,228,.98)) !important; border-color:rgba(161,153,193,.32) !important; } @media (min-width:901px){ #imRecapModal[data-recap-mode="light"] .imRecapCard{ height:calc(100svh - 12px) !important; max-height:calc(100svh - 12px) !important; } #imRecapModal[data-recap-mode="light"] .imRecapBody{ overflow:hidden !important; padding:8px 16px 8px !important; } #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{ min-height:0 !important; height:100% !important; overflow:hidden !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid{ min-height:0 !important; height:100% !important; } #imRecapModal[data-recap-mode="light"] .owAlmPanel, #imRecapModal[data-recap-mode="light"] .owAlmPanelInner{ min-height:0 !important; height:100% !important; } } @media (max-width:1120px){ #imRecapModal[data-recap-mode="light"] .owAlmMeaningText, #imRecapModal[data-recap-mode="light"] .owAlmClosingNoteText, #imRecapModal[data-recap-mode="light"] .owAlmClosingLine, #imRecapModal[data-recap-mode="light"] .owAlmLead{font-size:18px;} } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imRecapBody{ overflow:auto !important; padding:10px 14px 14px !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover, #imRecapModal[data-recap-mode="light"] .owAlmGrid--moment, #imRecapModal[data-recap-mode="light"] .owAlmGrid--closing{ grid-template-columns:1fr; height:auto; } #imRecapModal[data-recap-mode="light"] .owAlmPanelInner{padding:24px 22px;} #imRecapModal[data-recap-mode="light"] .owAlmCoverBand{align-items:flex-start;flex-direction:column;} #imRecapModal[data-recap-mode="light"] .owAlmCTA{width:100%;justify-content:center;} #imRecapModal[data-recap-mode="light"] .owAlmArtifact{grid-template-columns:1fr;} #imRecapModal[data-recap-mode="light"] .owAlmArtifactFigure{max-height:420px;} #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap{width:150px;height:150px;} #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue{max-width:none;font-size:clamp(38px,11vw,60px);} } /* === original inline style block 197; id: ow-annual-almanac-luxury-v882; original line: 42477 === */ #imRecapModal[data-recap-mode="light"] .owAlmTitle{ max-width: 10ch; } #imRecapModal[data-recap-mode="light"] .owAlmLead{ max-width: 20ch; font-size: 21px; line-height: 1.42; } #imRecapModal[data-recap-mode="light"] .owAlmSubtle{ max-width: 30ch; font-size: 15px; } #imRecapModal[data-recap-mode="light"] .owAlmMetaLine, #imRecapModal[data-recap-mode="light"] .owAlmQuietMeta, #imRecapModal[data-recap-mode="light"] .owAlmClosingMeta{ font-size: 13px; letter-spacing: .05em; text-transform: none; } #imRecapModal[data-recap-mode="light"] .owAlmCoverBand{ padding-top: 16px; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemPanel{ justify-content: space-between; } #imRecapModal[data-recap-mode="light"] .owAlmRealmText{ font-size: 17px; line-height: 1.62; max-width: 30ch; } #imRecapModal[data-recap-mode="light"] .owAlmSupport{ font-size: 17px; line-height: 1.62; } #imRecapModal[data-recap-mode="light"] .owAlmArtifact{ grid-template-columns: minmax(220px,.74fr) minmax(0,1.26fr); } #imRecapModal[data-recap-mode="light"] .owAlmQuoteLabel{ display: none; } #imRecapModal[data-recap-mode="light"] .owAlmExcerpt{ margin-top: 4px; padding: 20px 22px; } #imRecapModal[data-recap-mode="light"] .owAlmQuietMeta{ padding-top: 8px; } #imRecapModal[data-recap-mode="light"] .owAlmMeaning{ justify-content: center; } #imRecapModal[data-recap-mode="light"] .owAlmMeaningText{ max-width: 28ch; } #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue{ font-size: clamp(40px, 3.8vw, 62px); max-width: 8.8ch; } #imRecapModal[data-recap-mode="light"] .owAlmClosingLine{ font-size: 18px; line-height: 1.66; max-width: 20ch; } #imRecapModal[data-recap-mode="light"] .owAlmClosingMeta{ margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(140,140,150,.10); } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"]{ --ow-alm-ink:#2d3745; --ow-alm-muted:#667180; --ow-alm-soft:#8a928a; --ow-alm-line:rgba(126,126,136,.12); --ow-alm-line-strong:rgba(120,120,132,.18); --ow-alm-surface:linear-gradient(180deg, rgba(255,255,255,.84), rgba(250,247,242,.82)); --ow-alm-surface-strong:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,244,238,.88)); --ow-alm-shadow:0 18px 38px rgba(122,117,108,.08), inset 0 1px 0 rgba(255,255,255,.88); --ow-alm-shadow-strong:0 24px 56px rgba(122,117,108,.11), inset 0 1px 0 rgba(255,255,255,.92); } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapCard{ background: linear-gradient(180deg, rgba(243,236,227,.96), rgba(238,231,222,.94)) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmYearSub{ color: rgba(132,123,110,.74) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"]{ --ow-alm-ink:#f4efe7; --ow-alm-muted:rgba(235,227,214,.80); --ow-alm-soft:rgba(206,194,178,.66); --ow-alm-line:rgba(255,255,255,.10); --ow-alm-line-strong:rgba(255,255,255,.14); --ow-alm-surface: radial-gradient(140% 80% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 60%), linear-gradient(180deg, rgba(26,21,40,.94), rgba(13,20,36,.94)); --ow-alm-surface-strong: radial-gradient(140% 82% at 50% 0%, rgba(255,213,140,.10) 0%, transparent 58%), linear-gradient(180deg, rgba(34,24,48,.96), rgba(16,24,42,.96)); --ow-alm-shadow:0 26px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06); --ow-alm-shadow-strong:0 30px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08); } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imRecapCard{ background: radial-gradient(1100px 300px at 50% 0%, rgba(255,255,255,.06), transparent 70%), linear-gradient(180deg, rgba(12,12,22,.97), rgba(8,12,24,.96)) !important; border: 1px solid rgba(255,255,255,.06) !important; box-shadow: 0 32px 96px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.04) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imRecapTop{ border-bottom: 1px solid rgba(255,255,255,.04) !important; background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imRecapKicker, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmYearSub, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmKicker{ color: rgba(221,206,184,.72) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ color: rgba(245,238,228,.92) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmLead, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmRealmText, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmSupport, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmExcerpt, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmMeaningText, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmClosingNoteText, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmClosingLine{ color: rgba(238,230,218,.86) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmSubtle, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmMetaLine, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmQuietMeta, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmClosingMeta{ color: rgba(208,197,181,.72) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmSupport, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmExcerpt{ border-color: rgba(255,255,255,.05) !important; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.20) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap{ border-color: rgba(255,255,255,.05) !important; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important; box-shadow: 0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmArtifactFigure{ border-color: rgba(255,255,255,.05) !important; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important; box-shadow: 0 16px 36px rgba(0,0,0,.28) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmClosingMeta{ border-top-color: rgba(255,255,255,.05) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmCTA{ border-color: rgba(255,255,255,.16) !important; background: linear-gradient(135deg, rgba(240,228,198,.94), rgba(209,200,233,.90)) !important; color: #241c2f !important; box-shadow: 0 16px 38px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.52) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmStoryBtn{ border: 1px solid rgba(255,255,255,.06) !important; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important; color: rgba(244,237,227,.90) !important; box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmDot{ border-color: rgba(255,255,255,.14) !important; background: rgba(255,255,255,.14) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmDot.is-active{ background: linear-gradient(135deg, rgba(240,228,198,.98), rgba(207,198,231,.98)) !important; border-color: rgba(255,255,255,.20) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imRecapClose{ color: rgba(244,237,227,.88) !important; border: 1px solid rgba(255,255,255,.06) !important; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important; box-shadow: 0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .owAlmArtifact{ grid-template-columns: 1fr; } } /* === original inline style block 198; id: ow-annual-almanac-light-frame-direct-png-v16; original line: 42787 === */ body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter){ --ow-imAlmFrame-bg-dawn:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter){ --ow-imAlmFrame-bg:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat; } #imRecapModal[data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter)::before{opacity:0 !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmPanel{background:rgba(255,255,255,.035) !important;box-shadow:none !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmPanel.soft{background:rgba(255,255,255,.028) !important;} /* === original inline style block 199; id: ow-alm-cover-center-v885; original line: 42798 === */ #imRecapModal[data-recap-mode="light"] .imAlmCoverMain{ justify-content: center !important; gap: 28px !important; } /* === original inline style block 200; id: ow-annual-almanac-dawn-panel-transparency-v885-absolute-final; original line: 42804 === */ body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverMain, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentCard, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--light .imAlmMomentCard, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--light .imAlmCurrentCard{ background: rgba(255,255,255,.06) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; backdrop-filter: blur(12px) saturate(120%) !important; } /* === original inline style block 201; id: ow-ysf-starter-fullbleed-v1143; original line: 42817 === */ :root{--owsd:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_starter.png");--owsm:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_starter.png")}body[data-ui-mode=dawn] #imRecapModal .imAlmFrame--starter{background:var(--owsd) center/cover no-repeat!important}body:not([data-ui-mode=dawn]) #imRecapModal .imAlmFrame--starter{background:var(--owsm) center/cover no-repeat!important}#imRecapModal[data-recap-mode=starter] .imRecapBody{padding:0!important;overflow:hidden!important;display:flex!important}#imRecapModal[data-recap-mode=starter] .imAlmShell--starterOnly,#imRecapModal[data-recap-mode=starter] .imAlmFrame--starter{flex:1 1 auto!important;width:100%!important;min-height:0!important}#imRecapModal[data-recap-mode=starter] .imAlmShell--starterOnly{gap:0!important;background:0 0!important;box-shadow:none!important}#imRecapModal[data-recap-mode=starter] .imAlmFrame--starter{border:0!important;box-shadow:none!important;border-radius:0!important}#imRecapModal .imAlmFrame--starter:before,#imRecapModal .imAlmFrame--starter:after{content:none!important;display:none!important}#imRecapModal[data-recap-mode=starter] .imAlmScreenSurface--starter{background:0 0!important;min-height:100%!important;height:100%!important}#imRecapModal[data-recap-mode=starter] .imAlmCoverMain--starterEditorial{border:0!important;box-shadow:none!important;background:0 0!important} /* === original inline style block 202; id: ow-dawn-transparency-step-v896; original line: 42818 === */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmShell, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmShell.imAlmShell--light{ background: transparent !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame{ box-shadow: none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame::before{ opacity: .004 !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmScreenSurface{ background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanel, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanelInner, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmCoverMain, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmRealmEmblem, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMomentCard, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmCurrentCard, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmClosing .soft{ background: linear-gradient(180deg, rgba(248,241,232,.036), rgba(248,241,232,.018)) !important; border-color: rgba(166,172,188,.062) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanel--strong, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--cover .owAlmPanel:first-child, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--moment .owAlmPanel:first-child, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--closing .owAlmPanel:first-child{ background: linear-gradient(180deg, rgba(248,241,232,.028), rgba(248,241,232,.012)) !important; border-color: rgba(166,172,188,.055) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmSupport, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmExcerpt, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMomentExcerpt, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmQuote, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmClosing .soft{ background: linear-gradient(180deg, rgba(248,241,232,.026), rgba(248,241,232,.012)) !important; border-color: rgba(166,172,188,.055) !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmEmblemWrap, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmArtifactFigure, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMomentFigure{ background: rgba(255,255,255,.035) !important; border-color: rgba(166,172,188,.055) !important; box-shadow: 0 8px 18px rgba(132,140,160,.03) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMetaPill, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmSupportPill, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmChip{ background: rgba(255,255,255,.18) !important; border-color: rgba(89,102,122,.08) !important; color: rgba(76,88,108,.92) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMetaPill strong, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmSupportPill strong{ color: rgba(90,98,168,.90) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmAct{ background: linear-gradient(180deg, rgba(156,164,235,.12), rgba(142,149,223,.08)) !important; border-color: rgba(119,128,208,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28) !important; } /* === original inline style block 203; id: ow-page2-v906-button-fade-fix; original line: 42891 === */ #owFullReflectionModalV905{z-index:2147483646 !important;} #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important; width:100% !important; min-width:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906{ position:relative !important; width:100% !important; min-width:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt{ display:block !important; margin:0 !important; white-space:normal !important; overflow:hidden !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; max-height:6.88em !important; min-height:6.88em !important; line-height:1.72 !important; font-size:16px !important; padding:16px 18px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after{ content:"" !important; position:absolute !important; left:1px !important; right:1px !important; bottom:1px !important; height:54px !important; pointer-events:none !important; border-radius:0 0 18px 18px !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after{ background:linear-gradient(180deg, rgba(246,242,236,0), rgba(246,242,236,.84) 68%, rgba(246,242,236,.98) 100%) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after{ background:linear-gradient(180deg, rgba(8,10,20,0), rgba(8,10,20,.82) 68%, rgba(8,10,20,.98) 100%) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .owP2ReadBtnV906, #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; align-self:flex-end !important; flex:0 0 auto !important; min-height:48px !important; padding:0 20px !important; border-radius:18px !important; font-size:15px !important; font-weight:820 !important; letter-spacing:-.01em !important; margin-top:0 !important; visibility:visible !important; opacity:1 !important; position:relative !important; z-index:3 !important; cursor:pointer !important; white-space:nowrap !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMoment .owP2ReadBtnV906, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ border:1px solid rgba(164,172,188,.24) !important; background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.44)) !important; color:rgba(76,86,104,.98) !important; box-shadow:0 16px 34px rgba(0,0,0,.10) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMoment .owP2ReadBtnV906, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ border:1px solid rgba(255,255,255,.14) !important; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.09)) !important; color:rgba(249,251,255,.98) !important; box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ min-height:0 !important; max-height:none !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ display:block !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; max-height:calc(16px * 1.62 * 5.2) !important; overflow:hidden !important; white-space:normal !important; line-height:1.62 !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ height:48px !important; } /* === original inline style block 204; id: ow-page2-v907-polish; original line: 43064 === */ #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap, #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptWrap{ gap: 12px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906, #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ position: relative !important; overflow: hidden !important; border-radius: 22px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt, #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ display: block !important; margin: 0 !important; white-space: normal !important; overflow: hidden !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; font-size: 16px !important; line-height: 1.72 !important; font-weight: 460 !important; letter-spacing: -.01em !important; max-height: calc(16px * 1.62 * 5.2) !important; min-height: 0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt{ padding: 18px 20px !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ padding: 18px 20px 0 20px !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ min-height: auto !important; max-height: none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ color: rgba(92,102,116,.96) !important; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.18)) !important; border: 1px solid rgba(171,177,192,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.46), 0 14px 34px rgba(90,78,66,.06) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ color: rgba(245,247,252,.94) !important; background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important; border: 1px solid rgba(255,255,255,.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(0,0,0,.28) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ content: "" !important; position: absolute !important; left: 1px !important; right: 1px !important; bottom: 1px !important; height: 78px !important; border-radius: 0 0 21px 21px !important; pointer-events: none !important; background: linear-gradient( 180deg, rgba(247,242,236,0) 0%, rgba(247,242,236,.08) 34%, rgba(247,242,236,.48) 68%, rgba(247,242,236,.88) 92%, rgba(247,242,236,.98) 100% ) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ content: "" !important; position: absolute !important; left: 1px !important; right: 1px !important; bottom: 1px !important; height: 82px !important; border-radius: 0 0 21px 21px !important; pointer-events: none !important; background: linear-gradient( 180deg, rgba(8,11,23,0) 0%, rgba(8,11,23,.10) 36%, rgba(8,11,23,.46) 70%, rgba(8,11,23,.86) 92%, rgba(8,11,23,.98) 100% ) !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .owP2ReadBtnV906, #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ min-height: 50px !important; padding: 0 22px !important; border-radius: 18px !important; font-size: 15px !important; font-weight: 820 !important; align-self: flex-end !important; margin-top: 10px !important; } #owFullReflectionModalV907{ position: fixed; inset: 0; z-index: 2147483647; display: none; } #owFullReflectionModalV907.is-open{ display: block; } #owFullReflectionModalV907 .owFRV907Backdrop{ position: absolute; inset: 0; background: rgba(8,10,18,.38); backdrop-filter: blur(14px) saturate(118%); -webkit-backdrop-filter: blur(14px) saturate(118%); } #owFullReflectionModalV907 .owFRV907Dialog{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1380px, calc(100vw - 48px)); max-height: calc(100svh - 48px); border-radius: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 40px 120px rgba(0,0,0,.30); } #owFullReflectionModalV907 .owFRV907Dialog::before{ content:""; position:absolute; inset:0; pointer-events:none; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Dialog{ background: linear-gradient(180deg, rgba(250,245,239,.28), rgba(250,245,239,.52)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Dialog::before{ background: linear-gradient(90deg, rgba(250,245,239,.68) 0%, rgba(250,245,239,.46) 48%, rgba(250,245,239,.16) 100%); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Dialog{ background: linear-gradient(180deg, rgba(7,10,20,.14), rgba(7,10,20,.24)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Dialog::before{ background: linear-gradient(90deg, rgba(7,10,20,.84) 0%, rgba(7,10,20,.66) 48%, rgba(7,10,20,.28) 100%); } #owFullReflectionModalV907 .owFRV907Inner{ position: relative; z-index: 1; display: flex; flex-direction: column; gap: 22px; padding: 34px 34px 30px; min-height: min(620px, calc(100svh - 48px)); } #owFullReflectionModalV907 .owFRV907Head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } #owFullReflectionModalV907 .owFRV907HeadText{ display: flex; flex-direction: column; gap: 10px; min-width: 0; } #owFullReflectionModalV907 .owFRV907Kicker{ font-size: 11px; line-height: 1; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; } #owFullReflectionModalV907 .owFRV907Title{ margin: 0; font-size: clamp(44px, 4.5vw, 78px); line-height: .94; letter-spacing: -.06em; font-weight: 820; } #owFullReflectionModalV907 .owFRV907Date{ font-size: clamp(15px, 1.2vw, 20px); line-height: 1.4; } #owFullReflectionModalV907 .owFRV907Close{ appearance: none; border: 1px solid rgba(255,255,255,.12); width: 108px; height: 108px; border-radius: 28px; font-size: 64px; line-height: 1; font-weight: 500; cursor: pointer; flex: 0 0 auto; } #owFullReflectionModalV907 .owFRV907Body{ min-height: 0; flex: 1 1 auto; display: flex; } #owFullReflectionModalV907 .owFRV907TextWrap{ max-width: min(1080px, 82%); border-radius: 28px; padding: 28px 30px; overflow: auto; } #owFullReflectionModalV907 .owFRV907Text{ font-size: clamp(20px, 1.8vw, 28px); line-height: 1.82; letter-spacing: -.02em; white-space: pre-wrap; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Kicker{ color: rgba(118,126,138,.92); } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Title{ color: rgba(48,58,84,.98); } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Date{ color: rgba(118,126,138,.94); } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Close{ background: rgba(255,255,255,.34); color: rgba(109,117,135,.98); box-shadow: inset 0 1px 0 rgba(255,255,255,.52); } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907TextWrap{ background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.10)); border: 1px solid rgba(172,178,194,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.44), 0 24px 56px rgba(84,72,60,.08); } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Text{ color: rgba(86,96,112,.98); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Kicker{ color: rgba(214,220,232,.72); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Title{ color: rgba(249,251,255,.98); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Date{ color: rgba(214,220,232,.84); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Close{ background: rgba(255,255,255,.08); color: rgba(246,248,255,.96); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 44px rgba(0,0,0,.24); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907TextWrap{ background: linear-gradient(180deg, rgba(8,12,26,.46), rgba(8,12,26,.34)); border: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 64px rgba(0,0,0,.30); } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Text{ color: rgba(246,248,255,.96); } @media (max-width: 980px){ #owFullReflectionModalV907 .owFRV907Dialog{ width: calc(100vw - 24px); max-height: calc(100svh - 24px); } #owFullReflectionModalV907 .owFRV907Inner{ padding: 22px 18px 18px; min-height: calc(100svh - 24px); } #owFullReflectionModalV907 .owFRV907Close{ width: 72px; height: 72px; border-radius: 22px; font-size: 44px; } #owFullReflectionModalV907 .owFRV907TextWrap{ max-width: 100%; padding: 22px 18px; } } /* === original inline style block 205; id: ow-page2-v908-elegance-fix; original line: 43594 === */ #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox, #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt, #imRecapModal[data-recap-mode="light"] .imAlmMoment blockquote{ position: relative !important; overflow: hidden !important; border-radius: 22px !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ min-height: auto !important; max-height: none !important; background: transparent !important; box-shadow: none !important; border: none !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ display: block !important; max-height: calc(16px * 1.62 * 5.2) !important; overflow: hidden !important; line-height: 1.62 !important; padding-right: 4px !important; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,0.3) 89%, rgba(0,0,0,0) 100%) !important; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,0.3) 89%, rgba(0,0,0,0) 100%) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ display:none !important; content:none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ color: rgba(86,96,112,.98) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ color: rgba(240,244,252,.96) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn, #imRecapModal[data-recap-mode="light"] .owP2ReadBtnV906{ margin-top: 10px !important; } #owFullReflectionModalV908{ position: fixed; inset: 0; z-index: 2147483647; display: none; } #owFullReflectionModalV908.is-open{ display:block; } #owFullReflectionModalV908 .owFRV908Backdrop{ position:absolute; inset:0; background: rgba(8,10,18,.36); backdrop-filter: blur(16px) saturate(118%); -webkit-backdrop-filter: blur(16px) saturate(118%); } #owFullReflectionModalV908 .owFRV908Dialog{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(1360px, calc(100vw - 56px)); max-height: calc(100svh - 56px); overflow:auto; border-radius: 36px; border:1px solid rgba(255,255,255,.12); box-shadow: 0 42px 140px rgba(0,0,0,.34); } #owFullReflectionModalV908 .owFRV908Dialog::before{ content:""; position:absolute; inset:0; pointer-events:none; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Dialog{ background: linear-gradient(90deg, rgba(248,243,236,.76) 0%, rgba(248,243,236,.54) 42%, rgba(248,243,236,.16) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Dialog::before{ background: radial-gradient(1200px 480px at 12% 88%, rgba(255,255,255,.12), transparent 60%); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Dialog{ background: linear-gradient(90deg, rgba(9,12,26,.82) 0%, rgba(9,12,26,.68) 44%, rgba(9,12,26,.28) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat; } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Dialog::before{ background: radial-gradient(1200px 520px at 10% 88%, rgba(255,255,255,.06), transparent 60%); } #owFullReflectionModalV908 .owFRV908Inner{ position:relative; z-index:1; padding: 34px 34px 32px; } #owFullReflectionModalV908 .owFRV908Head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom: 22px; padding-right: 88px; } #owFullReflectionModalV908 .owFRV908HeadText{ min-width:0; } #owFullReflectionModalV908 .owFRV908Kicker{ font-size: 11px; line-height:1; letter-spacing:.14em; text-transform:uppercase; font-weight:800; margin-bottom: 18px; } #owFullReflectionModalV908 .owFRV908Title{ margin:0; font-size: clamp(44px, 4.6vw, 76px); line-height: .94; letter-spacing: -.06em; font-weight: 820; } #owFullReflectionModalV908 .owFRV908Date{ margin-top: 14px; font-size: clamp(15px, 1.15vw, 19px); line-height:1.4; } #owFullReflectionModalV908 .owFRV908Close{ appearance:none; position:absolute; top: 26px; right: 28px; width: 56px; height: 56px; border-radius: 18px; border:1px solid rgba(255,255,255,.09); font-size: 28px; line-height:1; font-weight:500; cursor:pointer; flex: 0 0 auto; display:flex; align-items:center; justify-content:center; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; } #owFullReflectionModalV908 .owFRV908Body{ display:block; } #owFullReflectionModalV908 .owFRV908TextWrap{ width: min(900px, 74%); border-radius: 28px; padding: 26px 28px; } #owFullReflectionModalV908 .owFRV908Text{ font-size: clamp(21px, 1.85vw, 29px); line-height: 1.78; letter-spacing: -.02em; white-space: pre-wrap; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Kicker{ color: rgba(118,126,138,.92); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Title{ color: rgba(48,58,84,.98); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Date{ color: rgba(118,126,138,.92); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Close{ background: rgba(255,255,255,.12); color: rgba(109,117,135,.92); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 18px rgba(80,70,60,.06); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Close:hover{ background: rgba(255,255,255,.16); border-color: rgba(164,170,188,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 10px 22px rgba(80,70,60,.08); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908TextWrap{ background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06)); border: 1px solid rgba(172,178,194,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 16px 34px rgba(84,72,60,.06); backdrop-filter: blur(10px) saturate(106%); -webkit-backdrop-filter: blur(10px) saturate(106%); } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Text{ color: rgba(86,96,112,.98); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Kicker{ color: rgba(214,220,232,.74); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Title{ color: rgba(249,251,255,.98); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Date{ color: rgba(214,220,232,.82); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Close{ background: rgba(255,255,255,.05); color: rgba(246,248,255,.90); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.18); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Close:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.22); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908TextWrap{ background: linear-gradient(180deg, rgba(8,12,26,.30), rgba(8,12,26,.22)); border: 1px solid rgba(255,255,255,.07); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 48px rgba(0,0,0,.24); backdrop-filter: blur(12px) saturate(110%); -webkit-backdrop-filter: blur(12px) saturate(110%); } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Text{ color: rgba(246,248,255,.97); } @media (max-width: 980px){ #owFullReflectionModalV908 .owFRV908Dialog{ width: calc(100vw - 24px); max-height: calc(100svh - 24px); } #owFullReflectionModalV908 .owFRV908Inner{ padding:22px 18px 18px; } #owFullReflectionModalV908 .owFRV908Head{ padding-right: 68px; } #owFullReflectionModalV908 .owFRV908Close{ top:18px; right:18px; width:48px; height:48px; border-radius:16px; font-size:24px; } #owFullReflectionModalV908 .owFRV908TextWrap{ width:100%; padding:22px 18px; } } /* === original inline style block 206; id: ow-v910-moonlit-archive-saved-memory-line-fix; original line: 43934 === */ #memoriesModal .memDetailText[data-overflow="1"]::after, #memoriesModal .memJournalSheet[data-state="collapsed"] .memDetailText[data-overflow="1"]::after, #memoriesModal .memJournalInner .memDetailText[data-overflow="1"]::after{ content: none !important; display: none !important; background: none !important; } #memoriesModal .memDetailText, #memoriesModal .memJournalInner .memDetailText, #memoriesModal .memDetailTextContent{ -webkit-mask-image: none !important; mask-image: none !important; background-image: none !important; } #memoriesModal .memDetailTextContent{ white-space: pre-wrap !important; word-break: normal !important; overflow-wrap: break-word !important; } /* === original inline style block 207; id: ow-v915-full-reflection-scroll-guard; original line: 43955 === */ #owFullReflectionModalV905 .owFRV905Body{ overflow-y:auto !important; overflow-x:hidden !important; max-height:calc(100vh - 220px) !important; overscroll-behavior:contain !important; } /* === original inline style block 208; id: ow-v916-moment-chip-and-full-reflection-fix; original line: 44141 === */ #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentBody{ gap:8px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap{ gap:10px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906{ margin-bottom:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt{ max-height:5.35em !important; min-height:5.35em !important; line-height:1.58 !important; padding:14px 18px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after{ height:38px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmChipRow, #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmLightMeta{ margin-top:2px !important; gap:8px !important; row-gap:8px !important; } #imRecapModal[data-recap-mode="light"] .imAlmMoment .owP2ReadBtnV906, #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ margin-top:10px !important; align-self:flex-end !important; min-height:46px !important; } #owFullReflectionModalV916{ position:fixed !important; inset:0 !important; display:none !important; align-items:center !important; justify-content:center !important; padding:18px !important; z-index:2147483647 !important; } #owFullReflectionModalV916.is-open{ display:flex !important; } #owFullReflectionModalV916 .owFRV916Backdrop{ position:absolute !important; inset:0 !important; background:rgba(3,6,16,.54) !important; backdrop-filter:blur(10px) saturate(115%) !important; } #owFullReflectionModalV916 .owFRV916Card{ position:relative !important; width:min(1380px, calc(100vw - 36px)) !important; max-height:calc(100vh - 36px) !important; border-radius:34px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 36px 120px rgba(0,0,0,.42) !important; isolation:isolate !important; } #owFullReflectionModalV916 .owFRV916Card::before{ content:"" !important; position:absolute !important; inset:0 !important; background-image:var(--ow-fr-v916-bg) !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; z-index:0 !important; } #owFullReflectionModalV916 .owFRV916Card::after{ content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ --ow-fr-v916-bg:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png"); } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card::after{ background:linear-gradient(180deg, rgba(252,248,243,.88), rgba(252,248,243,.93)) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card{ --ow-fr-v916-bg:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png"); } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card::after{ background:linear-gradient(180deg, rgba(8,10,18,.46), rgba(8,10,18,.58)) !important; } #owFullReflectionModalV916 .owFRV916Inner{ position:relative !important; z-index:2 !important; display:flex !important; flex-direction:column !important; max-height:calc(100vh - 36px) !important; } #owFullReflectionModalV916 .owFRV916Head{ display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:20px !important; padding:32px 34px 26px !important; border-bottom:1px solid rgba(255,255,255,.10) !important; } #owFullReflectionModalV916 .owFRV916Kicker{ font-size:12px !important; line-height:1.2 !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:820 !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Kicker{ color:rgba(126,132,145,.90) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Kicker{ color:rgba(220,227,238,.74) !important; } #owFullReflectionModalV916 .owFRV916Title{ margin:14px 0 14px !important; font-size:clamp(44px,4vw,72px) !important; line-height:.98 !important; letter-spacing:-.06em !important; font-weight:860 !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Title{ color:rgba(45,52,68,.98) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Title{ color:rgba(250,252,255,.98) !important; text-shadow:0 12px 28px rgba(0,0,0,.22) !important; } #owFullReflectionModalV916 .owFRV916Date{ font-size:22px !important; line-height:1.35 !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Date{ color:rgba(120,128,144,.92) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Date{ color:rgba(225,231,242,.86) !important; } #owFullReflectionModalV916 .owFRV916Close{ appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:64px !important; height:64px !important; min-width:64px !important; border-radius:22px !important; border:1px solid rgba(255,255,255,.12) !important; cursor:pointer !important; font-size:38px !important; line-height:1 !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Close{ background:rgba(255,255,255,.20) !important; color:rgba(90,98,114,.92) !important; box-shadow:0 6px 18px rgba(120,104,160,.04) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Close{ background:rgba(255,255,255,.08) !important; color:rgba(248,250,255,.98) !important; } #owFullReflectionModalV916 .owFRV916Body{ padding:42px 52px 52px !important; overflow-y:auto !important; overflow-x:hidden !important; max-height:calc(100vh - 220px) !important; overscroll-behavior:contain !important; scrollbar-width:thin !important; } #owFullReflectionModalV916 .owFRV916Body::-webkit-scrollbar{ width:10px !important; } #owFullReflectionModalV916 .owFRV916Body::-webkit-scrollbar-thumb{ border-radius:999px !important; background:rgba(150,160,178,.35) !important; } #owFullReflectionModalV916 .owFRV916Body::-webkit-scrollbar-track{ background:transparent !important; } #owFullReflectionModalV916 .owFRV916Text{ margin:0 !important; font-size:26px !important; line-height:1.82 !important; white-space:pre-wrap !important; word-break:break-word !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ color:rgba(90,99,114,.96) !important; background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(250,246,242,.24)) !important; border:1px solid rgba(80,72,110,.04) !important; box-shadow:0 12px 30px rgba(140,128,166,.06), inset 0 1px 0 rgba(255,255,255,.28) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ color:rgba(242,246,252,.96) !important; background:linear-gradient(180deg, rgba(9,12,24,.44), rgba(9,12,24,.30)) !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important; } #owFullReflectionModalV916 .owFRV916Text{ display:block !important; border-radius:28px !important; padding:28px 30px !important; } @media (max-width:900px){ #owFullReflectionModalV916 .owFRV916Head{padding:24px 24px 20px !important;} #owFullReflectionModalV916 .owFRV916Body{padding:28px 30px 32px !important;} #owFullReflectionModalV916 .owFRV916Title{font-size:clamp(34px,8vw,54px) !important;} #owFullReflectionModalV916 .owFRV916Text{font-size:22px !important; line-height:1.74 !important;} #owFullReflectionModalV916 .owFRV916Close{width:56px !important; height:56px !important; min-width:56px !important; font-size:34px !important; border-radius:20px !important;} } /* === original inline style block 209; id: ow-v917-full-reflection-luxury-polish; original line: 44526 === */ #owFullReflectionModalV916 .owFRV916Text{ font-size:22px !important; line-height:1.76 !important; border-radius:28px !important; padding:26px 28px !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(250,246,242,.14)) !important; border:1px solid rgba(80,72,110,.025) !important; box-shadow:0 10px 24px rgba(140,128,166,.035), inset 0 1px 0 rgba(255,255,255,.18) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(9,12,24,.28), rgba(9,12,24,.18)) !important; border:1px solid rgba(255,255,255,.05) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important; } @media (max-width:900px){ #owFullReflectionModalV916 .owFRV916Text{ font-size:20px !important; line-height:1.72 !important; padding:22px 24px !important; } } /* === original inline style block 210; id: ow-v918-moment-panel-patches; original line: 44551 === */ #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox { min-height: 0 !important; max-height: none !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText { display: block !important; max-height: calc(16px * 1.62 * 5.2) !important; overflow: hidden !important; -webkit-line-clamp: unset !important; -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 74%, rgba(0,0,0,0.3) 89%, rgba(0,0,0,0) 100% ) !important; mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,.5) 78%, rgba(0,0,0,0) 100% ) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after { display: none !important; content: none !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905Art { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905Kicker { order: 0 !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905Title { order: 1 !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptWrap { order: 2 !important; width: 100% !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905ChipRow { order: 3 !important; flex:0 0 auto !important; width:100% !important; margin-top: auto !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn { order: 4 !important; flex:0 0 auto !important; align-self: flex-end !important; margin-top: 10px !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905Panel { background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important; border: 1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important; backdrop-filter: blur(6px) saturate(110%) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox { background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.07)) !important; border: 1px solid rgba(180,170,200,.15) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905Why { background: transparent !important; } #imRecapModal[data-recap-mode="light"] .imAlmExcerptLabel { display: none !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card::after, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Card::after { background: linear-gradient(160deg, rgba(253,250,246,.06) 0%, rgba(250,245,240,.06) 100%) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Card { border: 1px solid rgba(255,255,255,.28) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 36px 100px rgba(160,130,200,.12) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card::after, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Card::after { background: linear-gradient(160deg, rgba(6,8,20,.10) 0%, rgba(8,10,22,.14) 100%) !important; backdrop-filter: blur(0px) !important; -webkit-backdrop-filter: blur(0px) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Card { border: 1px solid rgba(255,255,255,.16) !important; box-shadow: 0 36px 120px rgba(0,0,0,.50) !important; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Dialog { background: linear-gradient(180deg, rgba(250,245,239,.05), rgba(250,245,239,.08)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat !important; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Dialog::before { background: none !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Dialog { background: linear-gradient(180deg, rgba(7,10,20,.08), rgba(7,10,20,.12)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Dialog::before { background: none !important; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Dialog { background: linear-gradient(90deg, rgba(248,243,236,.06) 0%, rgba(248,243,236,.04) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat !important; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908Dialog::before { background: none !important; } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Dialog { background: linear-gradient(90deg, rgba(9,12,26,.08) 0%, rgba(9,12,26,.06) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat !important; } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Dialog::before { background: none !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Text { background: transparent !important; border: none !important; box-shadow: none !important; color: rgba(36,44,64,.97) !important; padding: 0 !important; border-radius: 0 !important; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Text { color: rgba(36,44,64,.97) !important; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907TextWrap { background: transparent !important; border: none !important; box-shadow: none !important; } #owFullReflectionModalV908[data-theme="dawn"] .owFRV908TextWrap { background: transparent !important; border: none !important; box-shadow: none !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Text { background: transparent !important; border: none !important; box-shadow: none !important; color: rgba(242,248,255,.97) !important; padding: 0 !important; border-radius: 0 !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Text { color: rgba(242,248,255,.97) !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907TextWrap { background: transparent !important; border: none !important; box-shadow: none !important; } #owFullReflectionModalV908[data-theme="moon"] .owFRV908TextWrap { background: transparent !important; border: none !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Title, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Title { color: rgba(34,42,62,.97) !important; text-shadow: none !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Title, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Title { color: rgba(248,252,255,.98) !important; text-shadow: 0 2px 18px rgba(0,0,0,.50) !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Title, #owFullReflectionModalV908[data-theme="moon"] .owFRV908Title { text-shadow: 0 2px 18px rgba(0,0,0,.60) !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Kicker, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Kicker { color: rgba(128,116,158,.86) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Kicker, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Kicker { color: rgba(200,210,230,.78) !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Head, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Head { border-bottom: 1px solid rgba(140,120,180,.16) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Head, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Head { border-bottom: 1px solid rgba(255,255,255,.10) !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Close, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Close { background: rgba(255,255,255,.52) !important; border: 1px solid rgba(180,168,210,.24) !important; color: rgba(76,84,108,.94) !important; box-shadow: 0 2px 10px rgba(130,110,180,.10), inset 0 1px 0 rgba(255,255,255,.68) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Close, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Close { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.18) !important; color: rgba(248,250,255,.96) !important; box-shadow: 0 2px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Close { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 44px rgba(0,0,0,.28) !important; } #owFullReflectionModalV908[data-theme="moon"] .owFRV908Close { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.18) !important; } #owFullReflectionModalV916 .owFRV916Body, #owFullReflectionModalV905 .owFRV905Body { padding: 48px 56px 56px !important; scrollbar-width: thin !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Body::-webkit-scrollbar, body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Body::-webkit-scrollbar { display: none !important; } #owFullReflectionModalV916 .owFRV916Text, #owFullReflectionModalV905 .owFRV905Text { font-size: 20px !important; line-height: 1.88 !important; letter-spacing: -.010em !important; font-weight: 400 !important; } @media (max-width:900px){ #owFullReflectionModalV916 .owFRV916Body, #owFullReflectionModalV905 .owFRV905Body { padding: 32px 28px 36px !important; } #owFullReflectionModalV916 .owFRV916Text, #owFullReflectionModalV905 .owFRV905Text { font-size: 17px !important; line-height: 1.80 !important; } } /* === original inline style block 211; id: ow-v925-archive-panel-final-lock; original line: 44797 === */ body #imRecapModal[data-recap-mode="light"] .owP2V905Art{min-width:0 !important;} body #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ content:none !important; display:none !important; } body #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ float:none !important; } /* === original inline style block 212; id: ow-v929-archive-luxury-lock; original line: 44857 === */ #imRecapModal[data-recap-mode="light"] .imAlmYearNav{ justify-content:center !important; text-align:center !important; padding-top:4px !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabelWrap{ align-items:center !important; gap:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearSub{ display:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ font-size:clamp(42px, 4.3vw, 74px) !important; line-height:1.02 !important; letter-spacing:-.065em !important; font-weight:820 !important; text-align:center !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ background:linear-gradient(135deg, rgba(118,94,184,.98) 0%, rgba(83,107,193,.92) 42%, rgba(180,132,86,.98) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; text-shadow:none !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ background:linear-gradient(135deg, rgba(246,238,225,.98) 0%, rgba(215,191,255,.92) 44%, rgba(184,227,255,.92) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; text-shadow:0 18px 40px rgba(0,0,0,.34) !important; filter:drop-shadow(0 10px 26px rgba(0,0,0,.18)); } #imRecapModal[data-recap-mode="light"] .owP2V905Root{ align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] .owP2V905Main{ align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] .owP2V905Figure{ align-items:flex-start !important; } #imRecapModal[data-recap-mode="light"] .owP2V905Art{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:flex-start !important; justify-content:flex-start !important; min-height:100% !important; height:100% !important; } #imRecapModal[data-recap-mode="light"] .owP2V905Kicker{ order:0 !important; margin:0 0 10px 0 !important; } #imRecapModal[data-recap-mode="light"] .owP2V905Title{ order:1 !important; margin:0 0 14px 0 !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptWrap{ order:2 !important; width:100% !important; margin:0 !important; flex:0 0 auto !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ position:relative !important; width:100% !important; min-height:170px !important; max-height:none !important; height:auto !important; padding:20px 22px !important; border-radius:24px !important; overflow:hidden !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ border:1px solid rgba(155,163,182,.18) !important; background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.18)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.42) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox{ border:1px solid rgba(255,255,255,.10) !important; background:linear-gradient(180deg, rgba(13,16,31,.54), rgba(10,12,24,.34)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptText{ display:block !important; margin:0 !important; overflow:hidden !important; white-space:pre-wrap !important; word-break:break-word !important; font-size:16.5px !important; line-height:1.7 !important; font-weight:460 !important; max-height:calc(16.5px * 1.7 * 4.95) !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important; -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 76%, rgba(0,0,0,.42) 90%, rgba(0,0,0,0) 100%) !important; mask-image:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 76%, rgba(0,0,0,.42) 90%, rgba(0,0,0,0) 100%) !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptBox::after{ content:none !important; display:none !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ChipRow, #imRecapModal[data-recap-mode="light"] .imAlmChipRow.owP2V905ChipRow{ order:3 !important; width:100% !important; flex:0 0 auto !important; margin:16px 0 0 0 !important; } #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ order:4 !important; flex:0 0 auto !important; align-self:flex-end !important; margin:16px 0 0 0 !important; } @media (min-width: 981px){ #imRecapModal[data-recap-mode="light"] .owP2V905ChipRow, #imRecapModal[data-recap-mode="light"] .imAlmChipRow.owP2V905ChipRow{ margin-top:auto !important; } } /* === original inline style block 213; id: ow-v932-fix; original line: 45106 === */ html body #imRecapModal[data-recap-mode="light"] .imAlmMomentFigure { align-self: flex-start !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentBody { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentHint { order: 0 !important; flex: 0 0 auto !important; margin-bottom: 6px !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentTitle { order: 1 !important; flex: 0 0 auto !important; margin-bottom: 14px !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap { order: 2 !important; flex: 0 0 auto !important; width: 100% !important; gap: 0 !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentExcerpt { max-height: calc(16px * 1.72 * 5.1) !important; min-height: 0 !important; overflow: hidden !important; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,.3) 88%, transparent 100%) !important; mask-image: linear-gradient(180deg, #000 0%, #000 70%, rgba(0,0,0,.3) 88%, transparent 100%) !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptShellV906::after { display: none !important; content: none !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap .owP2ReadBtnV906 { display: none !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmChipRow { order: 3 !important; flex: 0 0 auto !important; width: 100% !important; margin-top: 14px !important; margin-left: 0 !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .ow-v932-readbtn { order: 4 !important; flex: 0 0 auto !important; align-self: flex-end !important; width: auto !important; margin-top: 14px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: auto !important; appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0 22px !important; border-radius: 18px !important; font-size: 15px !important; font-weight: 820 !important; letter-spacing: -.01em !important; cursor: pointer !important; white-space: nowrap !important; position: relative !important; z-index: 3 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMoment .ow-v932-readbtn { border: 1px solid rgba(140,130,118,.22) !important; background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,244,238,.68)) !important; color: rgba(62,68,80,.96) !important; box-shadow: 0 8px 24px rgba(100,88,72,.10), inset 0 1px 0 rgba(255,255,255,.90) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMoment .ow-v932-readbtn { border: 1px solid rgba(255,255,255,.14) !important; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.09)) !important; color: rgba(249,251,255,.98) !important; box-shadow: 0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important; } @media (max-width: 720px) { html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .ow-v932-readbtn { align-self: stretch !important; width: 100% !important; margin-left: 0 !important; } } /* === original inline style block 214; id: ow-v933-cursor-fix; original line: 45266 === */ #owFullReflectionModalV905, #owFullReflectionModalV907, #owFullReflectionModalV916{ z-index: 2147483647 !important; } body.ow-reflection-open #cursorFeather, body.ow-reflection-open .cursor-feather { display: none !important; opacity: 0 !important; pointer-events: none !important; } /* === original inline style block 215; id: ow-v936-targeted-moment-fix; original line: 45328 === */ .cursor-feather, #cursorFeather{ z-index:2147483647 !important; } #owFullReflectionModalV905, #owFullReflectionModalV907, #owFullReflectionModalV908, #owFullReflectionModalV916{ z-index:2147483646 !important; } body.ow-reflection-open #cursorFeather, body.ow-reflection-open .cursor-feather{ opacity:1 !important; pointer-events:none !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .ow-v932-readbtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .ow-v934-readbtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2ReadBtnV906{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905ReadBtn{ display:inline-flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; position:relative !important; z-index:4 !important; } /* === original inline style block 216; id: ow-v941-archive-button-restore-lock; original line: 45530 === */ html body #imRecapModal[data-recap-mode="light"] .owP2V905Main{ align-items:flex-start !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Figure, html body #imRecapModal[data-recap-mode="light"] .owP2V905FigureFrame{ align-self:flex-start !important; margin-top:0 !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Art{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; min-width:0 !important; min-height:0 !important; height:auto !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Kicker{ order:0 !important; margin:0 0 8px 0 !important; padding-top:0 !important; align-self:flex-start !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Title{ order:1 !important; margin:0 0 12px 0 !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905ExcerptWrap{ order:2 !important; width:100% !important; margin:0 !important; flex:0 0 auto !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905ChipRow, html body #imRecapModal[data-recap-mode="light"] .imAlmChipRow.owP2V905ChipRow{ order:3 !important; width:100% !important; flex:0 0 auto !important; margin:14px 0 0 0 !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ order:4 !important; display:inline-flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; position:relative !important; z-index:6 !important; flex:0 0 auto !important; align-self:flex-end !important; margin:14px 0 0 0 !important; } html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .ow-v932-readbtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .ow-v934-readbtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2ReadBtnV906{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } @media (max-width: 980px){ html body #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn{ align-self:stretch !important; width:100% !important; } } /* === original inline style block 217; id: ow-v956-safe-instant-read-btn-style; original line: 45763 === */ html body #imRecapModal[data-recap-mode="light"] .owFastImmediateReadBtn{ appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:48px !important; padding:0 20px !important; border-radius:18px !important; font-size:15px !important; font-weight:820 !important; letter-spacing:-.01em !important; cursor:pointer !important; visibility:visible !important; opacity:1 !important; white-space:nowrap !important; position:relative !important; z-index:8 !important; margin:14px 0 0 auto !important; pointer-events:auto !important; width:auto !important; max-width:100% !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owFastImmediateReadBtn{ border:1px solid rgba(164,172,188,.24) !important; background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.44)) !important; color:rgba(76,86,104,.98) !important; box-shadow:0 16px 34px rgba(0,0,0,.10) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owFastImmediateReadBtn{ border:1px solid rgba(255,255,255,.14) !important; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.09)) !important; color:rgba(249,251,255,.98) !important; box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important; } @media (max-width: 980px){ html body #imRecapModal[data-recap-mode="light"] .owFastImmediateReadBtn{ display:flex !important; width:100% !important; margin:14px 0 0 0 !important; } } @media (pointer: fine){ body.use-feather-cursor #imRecapModal[data-recap-mode="light"] .owFastImmediateReadBtn, body.use-feather-cursor #imRecapModal[data-recap-mode="light"] .owP2V905ReadBtn, body.use-feather-cursor #imRecapModal[data-recap-mode="light"] .owP2ReadBtnV906, body.use-feather-cursor #imRecapModal[data-recap-mode="light"] [data-ow-open-full-reflection-v905], body.use-feather-cursor #imRecapModal[data-recap-mode="light"] [data-ow-open-full-reflection-v906], body.use-feather-cursor #imRecapModal[data-recap-mode="light"] [data-ow-open-full-reflection-v907], body.use-feather-cursor #imRecapModal[data-recap-mode="light"] [data-ow-open-full-reflection-v908]{ cursor:none !important; } } /* === original inline style block 218; id: ow-v957-archive-panel-align-style; original line: 46072 === */ html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentBody, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905Art{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; min-height:100% !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentHint, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905Kicker{ order:0 !important; margin:0 0 8px 0 !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmMomentTitle, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905Title{ order:1 !important; margin:0 0 12px 0 !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmExcerptWrap, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905ExcerptWrap{ order:2 !important; width:100% !important; margin:0 !important; flex:0 0 auto !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .imAlmChipRow, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905ChipRow, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .imAlmChipRow{ order:3 !important; width:100% !important; margin:14px 0 0 0 !important; flex:0 0 auto !important; } html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .owFastImmediateReadBtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905ReadBtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owFastImmediateReadBtn{ order:4 !important; align-self:flex-end !important; margin-top:auto !important; margin-right:0 !important; margin-left:auto !important; margin-bottom:0 !important; position:relative !important; top:auto !important; right:auto !important; } @media (max-width:980px){ html body #imRecapModal[data-recap-mode="light"] .imAlmMoment .owFastImmediateReadBtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owP2V905ReadBtn, html body #imRecapModal[data-recap-mode="light"] .owP2V905Root .owFastImmediateReadBtn{ align-self:stretch !important; width:100% !important; margin-left:0 !important; } } /* === original inline style block 219; id: ow-v958-luxury-reflection; original line: 46430 === */ @media (pointer: fine) { body.use-feather-cursor:has(#owFullReflectionModalV905.is-open) .cursor-feather, body.use-feather-cursor:has(#owFullReflectionModalV907.is-open) .cursor-feather { opacity: 0 !important; pointer-events: none !important; } body.use-feather-cursor:has(#owFullReflectionModalV905.is-open), body.use-feather-cursor:has(#owFullReflectionModalV905.is-open) * { cursor: auto !important; } body.use-feather-cursor:has(#owFullReflectionModalV907.is-open), body.use-feather-cursor:has(#owFullReflectionModalV907.is-open) * { cursor: auto !important; } #owFullReflectionModalV905 .owFRV905Close, #owFullReflectionModalV905 .owFRV905Backdrop, #owFullReflectionModalV907 .owFRV907Close, #owFullReflectionModalV907 .owFRV907Backdrop { cursor: pointer !important; } } #owFullReflectionModalV905 .owFRV905Head { padding: 26px 32px 20px !important; gap: 14px !important; align-items: center !important; } #owFullReflectionModalV905 .owFRV905Kicker { font-size: 10px !important; letter-spacing: .18em !important; font-weight: 700 !important; opacity: .64 !important; margin-bottom: 6px !important; } #owFullReflectionModalV905 .owFRV905Title { margin: 0 0 0 !important; letter-spacing: -.065em !important; } #owFullReflectionModalV905 .owFRV905Head { border-bottom-color: rgba(180,172,160,.13) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Head { border-bottom-color: rgba(255,255,255,.07) !important; } #owFullReflectionModalV905 .owFRV905Close { width: 44px !important; height: 44px !important; min-width: 44px !important; border-radius: 14px !important; font-size: 22px !important; font-weight: 400 !important; opacity: .56 !important; transition: opacity .18s ease, background .18s ease !important; border: 1px solid rgba(160,152,144,.18) !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Close { background: rgba(255,255,255,.48) !important; color: rgba(80,88,104,.86) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Close { background: rgba(255,255,255,.07) !important; color: rgba(248,250,255,.88) !important; border-color: rgba(255,255,255,.10) !important; } #owFullReflectionModalV905 .owFRV905Close:hover { opacity: .88 !important; } #owFullReflectionModalV905 .owFRV905Close:focus-visible { opacity: 1 !important; outline: 2px solid rgba(168,128,255,.50) !important; outline-offset: 2px !important; } #owFullReflectionModalV905 .owFRV905Body { padding: 28px 32px 36px !important; } #owFullReflectionModalV905 .owFRV905Text { font-size: clamp(17px, 1.35vw, 22px) !important; line-height: 1.92 !important; letter-spacing: -.016em !important; font-weight: 380 !important; max-width: 72ch !important; } body[data-ui-mode="dawn"] #owFullReflectionModalV905 .owFRV905Text { color: rgba(72,82,100,.94) !important; } body:not([data-ui-mode="dawn"]) #owFullReflectionModalV905 .owFRV905Text { color: rgba(230,234,246,.92) !important; } @media (max-width: 900px) { #owFullReflectionModalV905 .owFRV905Head { padding: 20px 20px 16px !important; } #owFullReflectionModalV905 .owFRV905Body { padding: 22px 20px 28px !important; } #owFullReflectionModalV905 .owFRV905Close { width: 38px !important; height: 38px !important; min-width: 38px !important; font-size: 18px !important; border-radius: 11px !important; } #owFullReflectionModalV905 .owFRV905Text { font-size: 17px !important; max-width: 100% !important; } } #owFullReflectionModalV907 .owFRV907Inner { gap: 16px !important; padding: 26px 30px 26px !important; } #owFullReflectionModalV907 .owFRV907Head { gap: 14px !important; align-items: center !important; } #owFullReflectionModalV907 .owFRV907HeadText { gap: 6px !important; } #owFullReflectionModalV907 .owFRV907Kicker { font-size: 10px !important; letter-spacing: .18em !important; font-weight: 700 !important; opacity: .64 !important; } #owFullReflectionModalV907 .owFRV907Close { width: 44px !important; height: 44px !important; border-radius: 14px !important; font-size: 22px !important; font-weight: 400 !important; opacity: .56 !important; transition: opacity .18s ease !important; } #owFullReflectionModalV907[data-theme="dawn"] .owFRV907Close { background: rgba(255,255,255,.40) !important; border-color: rgba(160,152,144,.18) !important; } #owFullReflectionModalV907[data-theme="moon"] .owFRV907Close { background: rgba(255,255,255,.07) !important; } #owFullReflectionModalV907 .owFRV907Close:hover { opacity: .88 !important; } #owFullReflectionModalV907 .owFRV907TextWrap { max-width: min(820px, 100%) !important; padding: 24px 26px !important; } #owFullReflectionModalV907 .owFRV907Text { font-size: clamp(17px, 1.35vw, 22px) !important; line-height: 1.92 !important; letter-spacing: -.016em !important; font-weight: 380 !important; } @media (max-width: 980px) { #owFullReflectionModalV907 .owFRV907Inner { padding: 18px 16px 18px !important; } #owFullReflectionModalV907 .owFRV907Close { width: 38px !important; height: 38px !important; border-radius: 11px !important; font-size: 18px !important; } #owFullReflectionModalV907 .owFRV907TextWrap { max-width: 100% !important; padding: 18px 16px !important; } #owFullReflectionModalV907 .owFRV907Text { font-size: 17px !important; } } /* === original inline style block 220; id: ow-v959-almanac-closing-polish; original line: 46577 === */ html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ display:block !important; width:max-content !important; max-width:calc(100% - .36em) !important; margin:0 auto !important; padding-inline:.12em !important; font-size: clamp(46px, 4.4vw, 74px) !important; line-height:1.00 !important; letter-spacing:-.072em !important; font-weight: 860 !important; text-wrap: balance !important; overflow:visible !important; text-align:center !important; } html body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{background:linear-gradient(135deg,#c48d49 0%,#bc8bb2 50%,#7ea2c4 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 10px 22px #8c765c16)} html body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ background: linear-gradient(118deg, rgba(248, 241, 229, .99) 0%, rgba(225, 208, 255, .98) 36%, rgba(199, 206, 255, .97) 70%, rgba(246, 216, 186, .96) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .18)); } html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine, html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine{ width:max-content !important; max-width:min(30ch, 100%) !important; margin:10px auto 0 !important; text-align:center !important; align-self:center !important; line-height:1.56 !important; font-size:clamp(19px, 1.42vw, 23px) !important; letter-spacing:-.022em !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine[data-ow-two-sentence="true"], html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine[data-ow-two-sentence="true"]{ width:max-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine, html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine{ display:block !important; width:max-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } @media (min-width: 981px){ html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine, html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine{ white-space: nowrap !important; } } @media (max-width: 980px){ html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ width:auto !important; max-width:100% !important; padding-inline:.06em !important; font-size: clamp(42px, 10.4vw, 60px) !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine, html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine{ width:100% !important; max-width:100% !important; font-size:18px !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine[data-ow-two-sentence="true"], html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine[data-ow-two-sentence="true"], html body #imRecapModal[data-recap-mode="light"] .owAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine, html body #imRecapModal[data-recap-mode="light"] .imAlmClosingLine[data-ow-two-sentence="true"] .owSentenceLine{ width:100% !important; } } /* === original inline style block 221; id: ow-v961-almanac-title-breathing; original line: 46703 === */ html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentPanel, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentPanel{ padding-inline: clamp(34px, 3vw, 52px) !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ display: inline-block !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: .08em .18em .10em !important; line-height: 1.03 !important; letter-spacing:-.035em!important;word-spacing:.06em!important; text-align: center !important; overflow: visible !important; box-sizing: border-box !important; } @media (max-width: 980px){ html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentPanel, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentPanel{ padding-inline: 24px !important; } html body #imRecapModal[data-recap-mode="light"] .owAlmCurrentValue, html body #imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{ padding-inline: .12em !important; } } /* === original inline style block 222; id: ow-v963-zero-returned-bold; original line: 46732 === */ .imStreakMini .imStreakPrimary{ font-weight: 800 !important; color: rgba(255,255,255,.92) !important; } /* === original inline style block 223; id: ow-v964-streak-copy-matches-otd; original line: 46738 === */ html body #imStreakMini .imStreakPrimary{ display:block !important; font-size:14px !important; line-height:1.35 !important; font-weight:400 !important; letter-spacing:0 !important; text-shadow:none !important; } html body:not([data-ui-mode="dawn"]) #imStreakMini .imStreakPrimary{ color:rgba(255,255,255,.82) !important; } html body[data-ui-mode="dawn"] #imStreakMini .imStreakPrimary{ color:#56647a !important; } /* === original inline style block 224; id: ow-v969-multi-realm-icons-style; original line: 46912 === */ #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons{ width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons[data-count="1"]{ gap:0 !important; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons img{ width:94px !important; height:94px !important; object-fit:contain !important; display:block !important; filter:drop-shadow(0 10px 20px rgba(0,0,0,.14)) !important; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons[data-count="2"] img{ width:78px !important; height:78px !important; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons[data-count="3"] img, #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons[data-count="4"] img{ width:64px !important; height:64px !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons img{ width:76px !important; height:76px !important; } #imRecapModal[data-recap-mode="light"] .owAlmEmblemWrap.owMultiRealmIcons[data-count="2"] img{ width:66px !important; height:66px !important; } } /* === original inline style block 225; id: ow-v1425-year-so-far-hint-responsive-wrap; original line: 47318 === */ html body #imStreakMini{ min-width:0 !important; } html body #imStreakMini .imStreakPatternHint{ display:block !important; margin-top:6px !important; font-size:14px !important; line-height:1.35 !important; font-weight:400 !important; letter-spacing:0 !important; text-shadow:none !important; white-space:normal !important; max-width:100% !important; overflow-wrap:break-word !important; } html body:not([data-ui-mode="dawn"]) #imStreakMini .imStreakPatternHint{ color:rgba(255,255,255,.82) !important; } html body[data-ui-mode="dawn"] #imStreakMini .imStreakPatternHint{ color:#56647a !important; } /* === original inline style block 226; id: ow-v989-year-so-far-clean; original line: 47341 === */ #imRecapModal[data-recap-mode="light"] .imAlmYearNav{ justify-content:center !important; text-align:center !important; padding:8px 0 18px !important; min-height:auto !important; pointer-events:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabelWrap, #imRecapModal[data-recap-mode="light"] .imAlmYearLabel, #imRecapModal[data-recap-mode="light"] .imAlmYearSub{ pointer-events:none !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ font-size:clamp(36px,4.9vw,60px) !important; line-height:1.03 !important; letter-spacing:-.05em !important; font-weight:860 !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearSub{display:none !important;} #imRecapModal[data-recap-mode="light"] .owYSFYearLabelFlex{display:inline-flex !important; align-items:baseline !important; gap:.52em !important; white-space:nowrap !important;} #imRecapModal[data-recap-mode="light"] .owYSFYearLabelDash{display:inline-block !important; margin:0 .26em 0 .36em !important; transform:translateY(-.01em) !important;} #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame{ position:relative !important; border-radius:34px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.04) !important; min-height:0 !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame::after{ content:""; position:absolute; inset:0; pointer-events:none; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; opacity:.18 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame{ background:linear-gradient(180deg, rgba(255,252,248,.10), rgba(255,248,242,.04)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame::after{ background-image:var(--ow-alm-dawn-moment-bg) !important; opacity:.22 !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame{ background:linear-gradient(180deg, rgba(12,16,30,.28), rgba(9,12,24,.16)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 48px rgba(0,0,0,.22) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame::after{ background-image:var(--ow-alm-moon-moment-bg) !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogSurface{ position:relative !important; z-index:1 !important; display:flex !important; flex-direction:column !important; gap:12px !important; min-height:580px !important; padding:14px 16px !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogHead{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; min-height:32px !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogAct{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:30px !important; padding:7px 11px !important; border-radius:999px !important; font-size:11px !important; line-height:1.15 !important; letter-spacing:.12em !important; text-transform:uppercase !important; font-weight:760 !important; border:1px solid rgba(255,255,255,.06) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFRecogAct{ color:rgba(120,112,103,.88) !important; background:rgba(255,255,255,.40) !important; border-color:rgba(176,168,156,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.48) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRecogAct{ color:rgba(236,241,249,.80) !important; background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.05) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important; } #imRecapModal[data-recap-mode="light"] .owYSFMoment{ display:grid !important; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr) !important; gap:24px !important; align-items:stretch !important; } #imRecapModal[data-recap-mode="light"] :is(.owYSFLeft,.owYSFRight){display:grid!important;align-items:center!important;align-content:center!important;min-width:0!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.06)!important;overflow:hidden!important;position:relative!important} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFLeft{ background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFLeft{ background:linear-gradient(180deg, rgba(13,18,36,.28), rgba(8,11,24,.16)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 42px rgba(0,0,0,.20) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFRight{ background:linear-gradient(180deg,rgba(255,250,244,.12),rgba(255,250,244,.04))!important; border-color:transparent!important;box-shadow:none!important;backdrop-filter:blur(12px) saturate(.92)!important;-webkit-backdrop-filter:blur(12px) saturate(.92)!important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRight{ background: radial-gradient(120% 120% at 18% 18%, rgba(255,255,255,.07), transparent 58%), linear-gradient(180deg, rgba(12,16,30,.36), rgba(9,12,24,.22)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 42px rgba(0,0,0,.20) !important; } #imRecapModal[data-recap-mode="light"] .owYSFLeftInner{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:26px!important;align-items:center!important;align-content:center!important;height:100%!important;padding:28px!important;box-sizing:border-box!important} #imRecapModal[data-recap-mode="light"] .owYSFFigure{display:flex !important; align-items:center !important; justify-content:center !important;} #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame{ width:100% !important; max-width:260px !important; aspect-ratio:.69/1 !important; border-radius:24px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.14) !important; background:rgba(255,255,255,.05) !important; box-shadow:0 18px 44px rgba(0,0,0,.22) !important; } #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame img{width:97% !important; height:97% !important; display:block !important; margin:0 auto !important; object-fit:contain !important;} #imRecapModal[data-recap-mode="light"] .owYSFArt{display:flex !important; flex-direction:column !important; align-items:flex-start !important; min-height:auto !important; min-width:0 !important;} #imRecapModal[data-recap-mode="light"] .owYSFKicker, #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, #owYSFFullReflectionModal .owYSFFullKicker{ font-size:12px !important; line-height:1.2 !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:820 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFKicker, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullKicker{color:rgba(126,132,145,.90) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFKicker, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullKicker{color:rgba(220,227,238,.74) !important;} #imRecapModal[data-recap-mode="light"] .owYSFTitle{ margin:6px 0 10px !important; font-size:clamp(34px,3vw,54px) !important; line-height:.98 !important; letter-spacing:-.055em !important; font-weight:860 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFTitle, body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullTitle{color:rgba(45,52,68,.98) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFTitle, body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullTitle{color:rgba(250,252,255,.98) !important; text-shadow:0 12px 28px rgba(0,0,0,.22) !important;} #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{ position:relative !important; overflow:hidden !important; width:100% !important; border-radius:22px !important; padding:18px 20px !important; margin-top:10px !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{border:1px solid rgba(156,164,178,.22) !important; background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.24)) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{border:1px solid rgba(255,255,255,.12) !important; background:linear-gradient(180deg, rgba(10,12,24,.52), rgba(10,12,24,.38)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;} #imRecapModal[data-recap-mode="light"] .owYSFExcerptText{ margin:0 !important; display:block !important; overflow:hidden !important; font-size:16px !important; line-height:1.62 !important; font-weight:460 !important; white-space:pre-wrap !important; word-break:break-word !important; max-height:calc(16px * 1.62 * 5.2) !important; -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,.3) 89%,rgba(0,0,0,0) 100%) !important; mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 74%,rgba(0,0,0,.3) 89%,rgba(0,0,0,0) 100%) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFExcerptText, body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText{color:rgba(90,99,114,.96) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFExcerptText, body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText{color:rgba(242,246,252,.96) !important;} #imRecapModal[data-recap-mode="light"] .owYSFChipRow{display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin-top:auto !important;} #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{ appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; align-self:flex-end !important; margin-top:10px !important; min-height:48px !important; padding:0 20px !important; border-radius:18px !important; font-size:15px !important; font-weight:820 !important; letter-spacing:-.01em !important; cursor:pointer !important; white-space:nowrap !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{border:1px solid rgba(164,172,188,.24) !important; background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.44)) !important; color:rgba(76,86,104,.98) !important; box-shadow:0 16px 34px rgba(0,0,0,.10) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{border:1px solid rgba(255,255,255,.06) !important; background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important; color:rgba(249,251,255,.98) !important; box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;} #imRecapModal[data-recap-mode="light"] .owYSFRightInner{padding:20px 14px 22px 8px!important;z-index:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;height:auto!important;box-sizing:border-box!important;position:absolute!important;inset:50% 0 auto!important;transform:translateY(-50%)!important} #imRecapModal[data-recap-mode="light"] .owYSFPatternHeadline{margin-top:10px !important; font-size:15.5px !important; line-height:1.5 !important; letter-spacing:-.018em !important; font-weight:560 !important; max-width:26ch !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline{justify-content:flex-start !important; padding-top:18px !important; padding-bottom:18px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline .imAlmMiniLabel{margin-bottom:10px !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline .imAlmMiniText{display:none !important;} #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline .owYSFPatternClosing{display:none !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternRail{position:relative !important; margin-top:8px !important; padding-left:12px !important; display:flex !important; flex-direction:column !important; gap:14px !important; margin-left:12px !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternRail::before{content:""; position:absolute; left:-12px; top:6px; bottom:10px; width:1px; border-radius:999px; background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.12)) !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternItem{position:relative !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternItem::before{content:""; position:absolute; left:-28px; top:4px; width:11px; height:11px; border-radius:999px; background:linear-gradient(180deg, rgba(255,235,211,.95), rgba(214,193,171,.88)) !important; box-shadow:0 0 0 4px rgba(255,255,255,.08) !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{font-size:11px !important; line-height:1.1 !important; letter-spacing:.16em !important; text-transform:uppercase !important; font-weight:800 !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternText{margin-top:6px !important; font-size:15px !important; line-height:1.52 !important; letter-spacing:-.012em !important; max-width:none !important; width:100% !important;} #imRecapModal[data-recap-mode="light"] .owYSFPatternClosing{margin-top:14px !important; font-size:14px !important; line-height:1.5 !important; letter-spacing:-.008em !important; font-style:italic !important; max-width:36ch !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternHeadline{color:rgba(92,83,76,.96) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternText{color:rgba(101,93,86,.94) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternClosing{color:rgba(123,113,104,.84) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{color:rgba(129,118,108,.82) !important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternRail::before{background:linear-gradient(180deg,rgba(148,132,118,.50),rgba(148,132,118,.22))!important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternItem::before{background:linear-gradient(180deg,rgba(178,160,144,.96),rgba(150,132,116,.90))!important;box-shadow:0 0 0 4px rgba(255,255,255,.58)!important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternHeadline{color:rgba(255,255,255,.92) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternText{color:rgba(255,255,255,.88) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternClosing{color:rgba(255,255,255,.62) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{color:rgba(255,255,255,.68) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRight{position:relative !important; overflow:hidden !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRight::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg, rgba(6,8,16,.40) 0%, rgba(8,10,18,.24) 42%, rgba(8,10,18,.08) 100%) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{color:rgba(236,241,249,.80) !important; text-shadow:0 1px 10px rgba(0,0,0,.22) !important;} body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternText{color:rgba(249,251,255,.96) !important; text-shadow:0 1px 14px rgba(0,0,0,.28) !important;} #owYSFFullReflectionModal{position:fixed !important; inset:0 !important; z-index:999999 !important; display:none !important; align-items:center !important; justify-content:center !important; padding:18px !important;} #owYSFFullReflectionModal.is-open{display:flex !important;} #owYSFFullReflectionModal .owYSFFullBackdrop{position:absolute !important; inset:0 !important; background:rgba(8,10,20,.52) !important; backdrop-filter:blur(14px) saturate(120%) !important;} #owYSFFullReflectionModal .owYSFFullCard{position:relative !important; z-index:1 !important; width:min(980px, calc(100vw - 36px)) !important; max-height:calc(100vh - 36px) !important; border-radius:32px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 28px 92px rgba(0,0,0,.40) !important;} body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard{background:linear-gradient(180deg, rgba(252,248,243,.95), rgba(252,248,243,.98)) !important;} body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard{background:linear-gradient(180deg, rgba(10,12,24,.88), rgba(8,10,20,.94)) !important;} #owYSFFullReflectionModal .owYSFFullInner{display:flex !important; flex-direction:column !important; max-height:calc(100vh - 36px) !important;} #owYSFFullReflectionModal .owYSFFullHead{display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:20px !important; padding:28px 30px 22px !important; border-bottom:1px solid rgba(255,255,255,.10) !important;} #owYSFFullReflectionModal .owYSFFullTitle{margin:12px 0 8px !important; font-size:clamp(40px,4vw,68px) !important; line-height:.98 !important; letter-spacing:-.06em !important; font-weight:860 !important;} #owYSFFullReflectionModal .owYSFFullDate{font-size:20px !important; line-height:1.35 !important;} body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullDate{color:rgba(120,128,144,.92) !important;} body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullDate{color:rgba(225,231,242,.86) !important;} #owYSFFullReflectionModal .owYSFFullClose{appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:72px !important; height:72px !important; min-width:72px !important; border-radius:22px !important; border:1px solid rgba(255,255,255,.14) !important; cursor:pointer !important; font-size:42px !important; line-height:1 !important;} body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullClose{background:rgba(255,255,255,.70) !important; color:rgba(90,98,114,.96) !important;} body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullClose{background:rgba(255,255,255,.10) !important; color:rgba(248,250,255,.98) !important;} #owYSFFullReflectionModal .owYSFFullBody{padding:32px 40px 40px !important; overflow-y:auto !important; overflow-x:hidden !important;} #owYSFFullReflectionModal .owYSFFullText{margin:0 !important; font-size:24px !important; line-height:1.8 !important; white-space:pre-wrap !important; word-break:break-word !important;} @media (max-width: 900px){ #imRecapModal[data-recap-mode="light"] .owYSFMoment{grid-template-columns:1fr !important;} #imRecapModal[data-recap-mode="light"] .owYSFLeftInner{grid-template-columns:1fr !important; gap:18px !important;} #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame{max-width:320px !important; margin:0 auto !important;} #owYSFFullReflectionModal .owYSFFullHead{padding:22px 22px 18px !important;} #owYSFFullReflectionModal .owYSFFullBody{padding:24px 26px 30px !important;} #owYSFFullReflectionModal .owYSFFullText{font-size:20px !important; line-height:1.72 !important;} } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline{ position: relative !important; overflow: hidden !important; } #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline > *{ position: relative !important; z-index: 1 !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline::before{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; border-radius: inherit; background: linear-gradient(90deg, rgba(8,10,20,.42) 0%, rgba(8,10,20,.30) 56%, rgba(8,10,20,.14) 100%), radial-gradient(120% 140% at 18% 34%, rgba(10,14,24,.24) 0%, transparent 60%); backdrop-filter: blur(8px) saturate(112%); -webkit-backdrop-filter: blur(8px) saturate(112%); } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{ color: rgba(239,243,250,.84) !important; text-shadow: 0 1px 10px rgba(0,0,0,.24) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternText{ color: rgba(250,252,255,.97) !important; text-shadow: 0 1px 16px rgba(0,0,0,.30) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternText{ color: rgba(94,86,80,.96) !important; font-weight: 540 !important; letter-spacing: -.010em !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{ color: rgba(120,109,99,.88) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline::before{ background: linear-gradient(90deg, rgba(7,9,18,.38) 0%, rgba(7,9,18,.30) 52%, rgba(7,9,18,.22) 100%), radial-gradient(90% 120% at 82% 34%, rgba(7,9,18,.16) 0%, rgba(7,9,18,0) 60%) !important; backdrop-filter: blur(5px) saturate(108%) !important; -webkit-backdrop-filter: blur(5px) saturate(108%) !important; } body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFPatternText{ text-shadow: 0 1px 14px rgba(0,0,0,.26) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternText{color:rgba(58,54,49,.88)!important;font-weight:550!important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternLabel, body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFPatternKicker{color:rgba(72,68,62,.70)!important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFTitle{ color: rgba(53,57,65,.98) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFKicker{color:rgba(116,103,93,.90)!important;} body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{ border: 1px solid rgba(176,161,147,.26) !important; background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(246,239,231,.40)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 28px rgba(165,143,117,.08) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFExcerptText{ color: rgba(88,81,76,.96) !important; font-weight: 520 !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmChip{ border: 1px solid rgba(179,162,147,.24) !important; background: linear-gradient(180deg, rgba(255,255,255,.80), rgba(247,240,232,.70)) !important; color: rgba(96,86,78,.92) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 8px 20px rgba(173,148,120,.06) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{ border: 1px solid rgba(178,161,146,.28) !important; background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,241,233,.72)) !important; color: rgba(74,80,94,.98) !important; box-shadow: 0 16px 36px rgba(156,130,102,.12), inset 0 1px 0 rgba(255,255,255,.84) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFReadBtn:hover{ filter: brightness(1.01) !important; transform: translateY(-1px) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why.imAlmMomentCard--timeline::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:rgba(255,250,244,.46)!important;backdrop-filter:blur(9px) saturate(.94);-webkit-backdrop-filter:blur(9px) saturate(.94);} /* === original inline style block 227; id: ow-v1014b-year-so-far-taller-panels; original line: 47954 === */ #imRecapModal[data-recap-mode="light"] .imAlmYearNav{ padding: 0 0 4px !important; } #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ font-size: clamp(26px, 3.7vw, 46px) !important; line-height: .99 !important; letter-spacing: -.036em !important; } #imRecapModal[data-recap-mode="light"] .owYSFYearLabelFlex{ gap: .34em !important; } #imRecapModal[data-recap-mode="light"] .owYSFYearLabelDash{ margin: 0 .14em 0 .18em !important; } #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--cover), #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--moment), #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--closing){ min-height: 690px !important; } #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--cover) .imAlmScreenSurface, #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--moment) .imAlmScreenSurface, #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--closing) .imAlmScreenSurface{ min-height: 662px !important; padding-top: 18px !important; padding-bottom: 24px !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame{ min-height: 706px !important; } #imRecapModal[data-recap-mode="light"] .owYSFRecogSurface{ min-height: 678px !important; padding-top: 18px !important; padding-bottom: 26px !important; } #imRecapModal[data-recap-mode="light"] .owYSFMoment{ min-height: 100% !important; } #imRecapModal[data-recap-mode="light"] .owYSFLeft, #imRecapModal[data-recap-mode="light"] .owYSFRight{ min-height: 100% !important; } #imRecapModal[data-recap-mode="light"] .owYSFLeftInner{grid-template-columns:300px minmax(0,1fr)!important;min-height:auto!important;align-items:center!important;align-content:center!important;height:auto!important;position:absolute!important;inset:50% 0 auto!important;transform:translateY(-50%)!important} #imRecapModal[data-recap-mode="light"] .owYSFFigure{ align-items: center !important; justify-content: center !important; } #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame{ width: min(100%, 300px) !important; max-width: 300px !important; min-height: 486px !important; height: 100% !important; aspect-ratio: 0.62 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame img{ width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center center !important; } #imRecapModal[data-recap-mode="light"] .owYSFArt{ min-height: auto !important; } #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{ flex: 1 1 auto !important; } #imRecapModal[data-recap-mode="light"] .owYSFChipRow{ margin-top: 14px !important; } #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{ margin-top: 14px !important; } @media (max-width: 1280px){ #imRecapModal[data-recap-mode="light"] .imAlmYearLabel{ font-size: clamp(24px, 3.2vw, 42px) !important; } #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--cover), #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--moment), #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--closing), #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame{ min-height: 654px !important; } #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--cover) .imAlmScreenSurface, #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--moment) .imAlmScreenSurface, #imRecapModal[data-recap-mode="light"] .imAlmFrame:has(.owAlmGrid--closing) .imAlmScreenSurface, #imRecapModal[data-recap-mode="light"] .owYSFRecogSurface{ min-height: 626px !important; } #imRecapModal[data-recap-mode="light"] .owYSFLeftInner{grid-template-columns:282px minmax(0,1fr)!important} #imRecapModal[data-recap-mode="light"] .owYSFFigureFrame{ width: min(100%, 282px) !important; max-width: 282px !important; min-height: 456px !important; } } /* === original inline style block 228; id: ow-v1042d-dawn-mushroom-head-visibility-fix; original line: 48054 === */ body[data-ui-mode=dawn] :is(.mushroomHead,.attrHeading){ color:rgba(75,86,110,.62)!important; text-shadow: none !important; } /* === original inline style block 229; id: ow-v1044z-ysf-page2-fast-style; original line: 48469 === */ #imRecapModal[data-recap-mode="light"] .owYSFRecogFrame, #imRecapModal[data-recap-mode="light"] .owYSFRecogSurface, #imRecapModal[data-recap-mode="light"] .owYSFLeft, #imRecapModal[data-recap-mode="light"] .owYSFRight, #imRecapModal[data-recap-mode="light"] .owYSFPatternRail{ contain: layout style paint !important; } /* === original inline style block 230; id: ow-v991p1; original line: 48868 === */ #imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem,.owAlmGrid--cover .owAlmEmblemPanel){display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important;height:100%!important;contain:layout style paint!important}#imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem>.imAlmSigil,.owAlmGrid--cover .owAlmEmblemWrap){flex:0 0 176px!important;width:176px!important;height:176px!important;margin:0 auto!important}#imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem>.imAlmQuote,.owAlmGrid--cover .owAlmEmblemPanel>.owAlmSupport,.owAlmGrid--cover .owAlmEmblemPanel>.imAlmQuote,.owAlmGrid--cover .owAlmEmblemPanel>.imAlmQuote--support,.imAlmHero .imAlmRealmEmblem>:empty,.owAlmGrid--cover .owAlmEmblemPanel>:empty){display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important}#imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem,.owAlmGrid--cover .owAlmEmblemPanel)>:not(:is(.imAlmSigil,.owAlmEmblemWrap,.imAlmQuote,.imAlmQuote--support,.owAlmSupport)){background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;margin:0!important}#imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem,.owAlmGrid--cover .owAlmEmblemPanel,.imAlmHero .imAlmRealmEmblem>:not(.imAlmSigil),.owAlmGrid--cover .owAlmEmblemPanel>:not(.owAlmEmblemWrap))::before,#imRecapModal[data-recap-mode=light] :is(.imAlmHero .imAlmRealmEmblem,.owAlmGrid--cover .owAlmEmblemPanel,.imAlmHero .imAlmRealmEmblem>:not(.imAlmSigil),.owAlmGrid--cover .owAlmEmblemPanel>:not(.owAlmEmblemWrap))::after{content:none!important;display:none!important} /* === original inline style block 231; id: ow-v990-ysf-cleanup-step1-style; original line: 48868 === */ #imRecapModal[data-recap-mode="light"] .imAlmStoryNav{contain:layout style paint;} #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{contain:layout style paint;} /* === original inline style block 232; id: ow-v1042m-year-so-far-cover-segmented-sigil-style; original line: 48999 === */ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil{ width:176px !important; height:176px !important; min-width:176px !important; min-height:176px !important; display:grid !important; align-items:stretch !important; justify-items:stretch !important; gap:0 !important; padding:0 !important; overflow:hidden !important; border-radius:999px !important; border:1px solid rgba(152,149,141,.14) !important; background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(241,237,229,.82)) !important; box-shadow:0 18px 34px rgba(126,120,110,.10), inset 0 1px 0 rgba(255,255,255,.82) !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil .owSegmentedRealmSlice{ min-width:0 !important; height:100% !important; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; display:block !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil .owSegmentedRealmSlice + .owSegmentedRealmSlice{ box-shadow:inset 1px 0 0 rgba(255,255,255,.48) !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="1"] .owSegmentedRealmSlice{ background-size:cover !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil{ width:150px !important; height:150px !important; min-width:150px !important; min-height:150px !important; } } /* === original inline style block 233; id: ow-v1042n-cover-segmented-sigil-legacy-style; original line: 49039 === */ #imRecapModal[data-recap-mode="light"] .owSegmentedRealmSigil{ display:grid !important; align-items:stretch !important; justify-items:stretch !important; gap:0 !important; overflow:hidden !important; border-radius:999px !important; color:transparent !important; font-size:0 !important; line-height:0 !important; } #imRecapModal[data-recap-mode="light"] .owSegmentedRealmSigil .owSegmentedRealmSlice{ min-width:0 !important; height:100% !important; display:block !important; background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; } #imRecapModal[data-recap-mode="light"] .owSegmentedRealmSigil .owSegmentedRealmSlice + .owSegmentedRealmSlice{ box-shadow:inset 1px 0 0 rgba(255,255,255,.48) !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil{ width:132px !important; height:132px !important; min-width:132px !important; min-height:132px !important; } /* === original inline style block 234; id: ow-v1042ab-cover-two-realm-sigil-luxury-fix; original line: 49069 === */ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil{ position:relative !important; overflow:hidden !important; background:transparent !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow: 0 22px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.14) !important; isolation:isolate !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 14px 22px rgba(255,255,255,.04), inset 0 -18px 28px rgba(0,0,0,.12); } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil .owSegmentedRealmSlice{ position:relative !important; z-index:1 !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil .owSegmentedRealmSlice + .owSegmentedRealmSlice{ box-shadow:none !important; margin-left:-1px !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice + .owSegmentedRealmSlice::before{ content:""; position:absolute; left:0; top:10%; bottom:10%; width:1px; background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.16), rgba(255,255,255,0)); opacity:.55; pointer-events:none; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil{ border-color:rgba(120,106,138,.18) !important; box-shadow: 0 18px 34px rgba(95,82,120,.12), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(130,116,152,.10) !important; } /* === original inline style block 235; id: ow-v1042ac-cover-two-realm-sigil-zoom-fix; original line: 49119 === */ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice{ background-size:132% !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice[data-index="0"]{ background-position:center center !important; } #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice[data-index="1"]{ background-position:center center !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice{ background-size:136% !important; } } /* === original inline style block 236; id: ow-v1042ak-two-realm-sigil-minimal-enlarge; original line: 49135 === */ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice{ position:relative !important; background-size:auto 114% !important; background-position:center center !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice + .owSegmentedRealmSlice{ box-shadow:none !important; margin-left:0 !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice + .owSegmentedRealmSlice::before{ content:""; position:absolute; left:0; top:12%; bottom:12%; width:1px; background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(255,255,255,0)); opacity:.8; pointer-events:none; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="2"] .owSegmentedRealmSlice{ background-size:auto 118% !important; } } /* === original inline style block 237; id: ow-v1042al-moon-sigil-tone-down-all-realms; original line: 49162 === */ body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap, body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .imAlmSigil{ position:relative !important; box-shadow: 0 18px 36px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.24) !important; } body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap::after, body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .imAlmSigil::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: radial-gradient(circle at 50% 28%, rgba(255,255,255,.035), transparent 42%), radial-gradient(circle at 50% 100%, rgba(0,0,0,.16), transparent 62%); } body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap img, body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .imAlmSigil img, body[data-ui-mode="moon"] #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil .owSegmentedRealmSlice{ filter: brightness(.88) saturate(.88) contrast(.97) !important; } /* === original inline style block 238; id: ow-v1042ao-four-realm-quadrant-sigil; original line: 49188 === */ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"]{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; grid-template-rows:repeat(2, minmax(0, 1fr)) !important; gap:1px !important; background:rgba(255,255,255,.16) !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ min-width:0 !important; min-height:0 !important; height:auto !important; background-size:auto 108% !important; background-position:center center !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 112% !important; } } /* === original inline style block 239; id: ow-v1042ap-four-realm-quadrant-enlarge-icons; original line: 49208 === */ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"]{ gap:1px !important; background:rgba(255,255,255,.08) !important; } #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 126% !important; background-position:center center !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 132% !important; } } /* === original inline style block 240; id: ow-v1042aq-four-realm-quadrant-bigger-centered; original line: 49223 === */ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 138% !important; background-position:center center !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 144% !important; background-position:center center !important; } } /* === original inline style block 241; id: ow-v1042ar-four-realm-quadrant-slightly-more-centered; original line: 49235 === */ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 144% !important; background-position:center center !important; } @media (max-width:900px){ #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="4"] .owSegmentedRealmSlice{ background-size:auto 150% !important; background-position:center center !important; } } /* === original inline style block 242; id: ow-v1044-mobile-gap-and-streak-fix-style; original line: 49311 === */ @media (max-width: 735px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } body > #imBaseBg, body > #imRealmCorners, body > #constellationCanvas, body > .elementTint{ position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; pointer-events:none !important; } body > #cursorFeather, body > #toast{ position:fixed !important; } body > .page{ position:relative !important; z-index:3 !important; width:100% !important; max-width:100% !important; margin:0 !important; left:auto !important; right:auto !important; top:auto !important; transform:none !important; padding-top:16px !important; padding-bottom:44px !important; } body > .page > .header, body > .page > .cursorWidget, body > .page > .ritualStrip, body > .page > .ritualDivider, body > .page > .ritualMain, body > .page > .journalSection, body > .page > .err, body > .page > .memoriesLauncher, body > .page > #otdLauncher, body > .page > #imStreakBanner{ width:calc(100vw - 32px) !important; max-width:calc(100vw - 32px) !important; margin-left:16px !important; margin-right:16px !important; box-sizing:border-box !important; } } @media (max-width: 640px){ #imStreakBanner{ min-height:0 !important; height:auto !important; justify-content:flex-start !important; border-radius:20px !important; border:1px solid rgba(255,255,255,.14) !important; background: radial-gradient(900px 240px at 18% 0%, rgba(155,116,255,.12), transparent 62%), radial-gradient(900px 260px at 82% 100%, rgba(255,205,120,.09), transparent 60%), rgba(255,255,255,.04) !important; box-shadow:0 18px 56px rgba(0,0,0,.34) !important; -webkit-backdrop-filter:blur(18px) saturate(145%) !important; backdrop-filter:blur(18px) saturate(145%) !important; } body[data-ui-mode="dawn"] #imStreakBanner{ background:linear-gradient(180deg, rgba(255,252,248,.99), rgba(248,243,236,.97)) !important; border:1px solid rgba(214,198,173,.30) !important; box-shadow:0 18px 44px rgba(82,64,42,.10), 0 1px 0 rgba(255,255,255,.70) inset !important; } #imStreakBanner .imStreakLeft{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; flex:0 0 auto !important; min-width:0 !important; } #imStreakBanner .imStreakInfo{ display:flex !important; flex-direction:column !important; justify-content:center !important; gap:4px !important; min-width:0 !important; } #imStreakBanner .imStreakCount{ font-size:22px !important; line-height:1.04 !important; margin:0 !important; } #imStreakBanner .imStreakLabel{ font-size:11px !important; letter-spacing:.16em !important; line-height:1.1 !important; margin:0 !important; } #imStreakBanner .imStreakMini{ padding:0 !important; min-height:0 !important; height:auto !important; flex:0 0 auto !important; display:block !important; align-self:auto !important; text-align:left !important; font-size:14px !important; line-height:1.38 !important; max-width:none !important; } #imStreakBanner .imStreakActions{ display:block !important; } #imStreakBanner .imStreakBtn, #imStreakBanner .imStreakBtn.gold, #imStreakBanner #imRecapBtn{ width:100% !important; min-width:0 !important; height:auto !important; min-height:52px !important; padding:14px 16px !important; border-radius:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; font-size:16px !important; font-weight:950 !important; letter-spacing:-.01em !important; white-space:nowrap !important; } } /* === original inline style block 243; id: ow-v1048-front-end-stability-system; original line: 49535 === */ :root{ --ow-space-1: 4px; --ow-space-2: 8px; --ow-space-3: 12px; --ow-space-4: 16px; --ow-space-5: 20px; --ow-space-6: 24px; --ow-radius-1: 14px; --ow-radius-2: 18px; --ow-radius-3: 22px; --ow-radius-4: 26px; --ow-shadow-1: 0 10px 24px rgba(0,0,0,.16); --ow-shadow-2: 0 16px 42px rgba(0,0,0,.24); --ow-shadow-3: 0 24px 72px rgba(0,0,0,.34); --ow-motion-fast: .14s; --ow-motion-med: .22s; --ow-motion-slow: .34s; } body.ow-app-stable{ --ow-interaction-shadow: var(--ow-shadow-2); } body.ow-app-stable .btn, body.ow-app-stable .memoriesLauncherBtn, body.ow-app-stable #imRecapBtn, body.ow-app-stable .journalSaveBtn, body.ow-app-stable .chapterBtn, body.ow-app-stable .memSegBtn{ transition: transform var(--ow-motion-fast) ease, filter var(--ow-motion-fast) ease, box-shadow var(--ow-motion-med) ease, border-color var(--ow-motion-med) ease, background-color var(--ow-motion-med) ease, opacity var(--ow-motion-fast) ease !important; backface-visibility: hidden; -webkit-font-smoothing: antialiased; } body.ow-app-stable .memoriesLauncherBtn, body.ow-app-stable #imRecapBtn{ min-height: 44px; touch-action: manipulation; } body.ow-app-stable .memoriesLauncher, body.ow-app-stable #imStreakBanner, body.ow-app-stable #memoriesModal .memoriesPanel, body.ow-app-stable #imRecapModal .imRecapCard, body.ow-app-stable #profileModal .profileCard, body.ow-app-stable .intentCard, body.ow-app-stable .shareCard{ backface-visibility: hidden; transform: translateZ(0); box-shadow: var(--ow-shadow-3); } body.ow-app-stable #memoriesModal .memoriesPanel, body.ow-app-stable #imRecapModal .imRecapCard, body.ow-app-stable #profileModal .profileCard{ border-radius: var(--ow-radius-4) !important; overflow: hidden; } body.ow-app-stable .header, body.ow-app-stable .memoriesLauncher, body.ow-app-stable #imStreakBanner{ border-radius: var(--ow-radius-4); } body.ow-app-stable #openMemoriesBtn, body.ow-app-stable #imRecapBtn{ position: relative; isolation: isolate; } @media (hover:none), (pointer:coarse){ body.ow-app-stable .btn:hover, body.ow-app-stable .memoriesLauncherBtn:hover, body.ow-app-stable #imRecapBtn:hover, body.ow-app-stable .chapterBtn:hover{ transform: none !important; filter: none !important; } } @media (prefers-reduced-motion: reduce){ body.ow-app-stable .btn, body.ow-app-stable .memoriesLauncherBtn, body.ow-app-stable #imRecapBtn, body.ow-app-stable .journalSaveBtn, body.ow-app-stable .chapterBtn, body.ow-app-stable .memSegBtn{ transition: none !important; animation: none !important; } } /* === original inline style block 244; id: ow-v1044r-cover-sigil-three-realm-aspect-ratio-tweak; original line: 49789 === */ #imRecapModal[data-recap-mode="light"] .owAlmGrid--cover .owAlmEmblemWrap.owSegmentedRealmSigil[data-count="3"] .owSegmentedRealmSlice, #imRecapModal[data-recap-mode="light"] .imAlmSigil.owSegmentedRealmSigil[data-count="3"] .owSegmentedRealmSlice{ background-size:auto 103% !important; } /* === original inline style block 245; id: ow-v1046a-cursor-picker-clean-final-style; original line: 49795 === */ body.owCursorCustomPickerReady #cursorSelect{ position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; overflow:hidden !important; } body.owCursorCustomPickerReady #cursorWidget, body.owCursorCustomPickerReady #cursorWidget .cursorWidgetInner{ position:relative !important; overflow:visible !important; } body.owCursorCustomPickerReady #cursorWidget{ z-index:48 !important; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerAnchor{ position:relative; margin-left:auto; flex:0 1 360px; width:min(360px, 100%); max-width:100%; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn{ appearance:none; width:100% !important; min-height:50px !important; margin-left:0 !important; padding:10px 14px !important; border-radius:20px !important; display:flex; align-items:center; justify-content:space-between; gap:12px; font:inherit; text-align:left; cursor:pointer; backdrop-filter:blur(14px) saturate(125%); } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn:hover{ filter:brightness(1.03); } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn:focus-visible{ outline:3px solid rgba(186,153,255,.22); outline-offset:2px; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnMain{ display:flex; align-items:center; gap:12px; min-width:0; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon{ width:36px !important; height:36px !important; flex:0 0 36px !important; border-radius:999px; display:flex; align-items:center; justify-content:center; overflow:hidden; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon img{ width:22px !important; height:22px !important; object-fit:contain; display:block; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnTitle{ font-size:14px !important; font-weight:800 !important; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnMeta{ display:none !important; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerCaret{ flex:0 0 auto; font-size:13px; margin-left:10px; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal{ position:absolute !important; left:auto !important; right:0 !important; top:auto !important; bottom:calc(100% + 8px) !important; width:min(332px, calc(100vw - 44px)) !important; max-width:min(332px, calc(100vw - 44px)) !important; min-width:0 !important; max-height:320px !important; display:block !important; opacity:0; pointer-events:none; transform:translateY(6px) scale(.985); transform-origin:bottom center; border-radius:20px !important; backdrop-filter:blur(16px) saturate(125%); overflow:hidden !important; transition:opacity .14s ease, transform .14s ease; z-index:60 !important; } body.owCursorCustomPickerReady #cursorWidget.owCursorPickerOpenBelow #owCursorPickerPortal{ bottom:auto !important; top:calc(100% + 8px) !important; transform-origin:top center; } body.owCursorCustomPickerReady #cursorWidget.owCursorPickerOpen #owCursorPickerPortal{ opacity:1; pointer-events:auto; transform:translateY(0) scale(1); } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu.owCursorPickerMenu{ display:block !important; width:100% !important; max-height:320px !important; overflow-y:auto !important; overflow-x:hidden !important; padding:8px !important; background:transparent !important; scrollbar-width:thin; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu::-webkit-scrollbar{ width:8px; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu::-webkit-scrollbar-track{ background:transparent; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerGroupLabel{ padding:8px 10px 4px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.12em !important; text-transform:uppercase; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOption{ position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:44px !important; padding:7px 12px !important; border:0; border-radius:14px !important; background:transparent !important; font:inherit; text-align:left; cursor:pointer; transition:background .12s ease, box-shadow .12s ease; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOption:hover{ background:rgba(255,255,255,.055) !important; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]{ box-shadow:inset 0 0 0 1px rgba(196,182,240,.18) !important; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]::after{ content:"✓"; position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:12px; font-weight:900; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionIcon{ width:26px !important; height:26px !important; flex:0 0 26px !important; border-radius:999px; display:flex; align-items:center; justify-content:center; overflow:hidden; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionIcon img{ width:17px !important; height:17px !important; object-fit:contain; display:block; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionTitle{ font-size:13px !important; font-weight:700 !important; line-height:1.15; letter-spacing:-.01em; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionMeta, body.owCursorCustomPickerReady #cursorWidget .owCursorPickerBtnMeta{ display:none !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn{ border:1px solid rgba(168,154,196,.22) !important; background:linear-gradient(180deg, rgba(252,249,244,.985), rgba(241,236,246,.985)) !important; color:#42506a !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(123,108,158,.10) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnTitle{ color:#42506a !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon{ background:rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 3px 10px rgba(123,108,158,.10) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon--none, body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerCaret{ color:rgba(90,98,126,.78) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal{ border:1px solid rgba(168,154,196,.20) !important; background:linear-gradient(180deg, rgba(253,250,246,.992), rgba(244,239,248,.992)) !important; box-shadow:0 18px 40px rgba(123,108,158,.12), inset 0 1px 0 rgba(255,255,255,.94) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu.owCursorPickerMenu{ scrollbar-color: rgba(164,148,197,.35) transparent; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu::-webkit-scrollbar-thumb{ background: rgba(164,148,197,.35); } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerGroupLabel{ color: rgba(120,106,157,.74) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOption{ color:#42506a !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOption:hover{ background:rgba(162,145,198,.08) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]{ background:rgba(162,145,198,.14) !important; box-shadow:inset 0 0 0 1px rgba(162,145,198,.16) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]::after{ color:rgba(104,96,142,.78) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionIcon{ background:rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.94), 0 2px 8px rgba(123,108,158,.08) !important; } body[data-ui-mode="dawn"].owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionIcon--none{ color:rgba(104,96,142,.72) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn{ border:1px solid rgba(128,140,196,.18) !important; background: radial-gradient(120% 140% at 50% 0%, rgba(124,118,196,.16), transparent 56%), linear-gradient(180deg, rgba(33,39,72,.96), rgba(22,28,56,.97)) !important; color:rgba(248,244,255,.96) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(7,10,28,.26) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnTitle{ color:rgba(248,244,255,.96) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon{ background:rgba(255,255,255,.055) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 10px rgba(0,0,0,.16) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerBtnIcon--none, body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn .owCursorPickerCaret{ color:rgba(228,220,250,.84) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal{ border:1px solid rgba(128,140,196,.16) !important; background: radial-gradient(140% 120% at 50% 0%, rgba(124,118,196,.12), transparent 52%), linear-gradient(180deg, rgba(24,29,56,.992), rgba(17,22,43,.992)) !important; box-shadow:0 22px 44px rgba(6,8,24,.34), inset 0 1px 0 rgba(255,255,255,.04) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu.owCursorPickerMenu{ scrollbar-color: rgba(138,149,214,.32) transparent; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu::-webkit-scrollbar-thumb{ background: rgba(138,149,214,.32); } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerGroupLabel{ color: rgba(171,178,219,.68) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerOption{ color: rgba(241,242,252,.92) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerOption:hover{ background: rgba(128,140,196,.09) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]{ background: rgba(128,140,196,.14) !important; box-shadow: inset 0 0 0 1px rgba(164,174,226,.14) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerOption[aria-selected="true"]::after{ color: rgba(225,228,248,.76) !important; } body:not([data-ui-mode="dawn"]).owCursorCustomPickerReady #cursorWidget .owCursorPickerOptionIcon{ background: rgba(255,255,255,.055) !important; } @media (max-width: 640px){ body.owCursorCustomPickerReady #cursorWidget .owCursorPickerAnchor{ flex-basis:100%; width:100%; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal{ width:min(312px, calc(100vw - 24px)) !important; max-width:min(312px, calc(100vw - 24px)) !important; max-height:280px !important; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerMenu.owCursorPickerMenu{ max-height:280px !important; } } /* === original inline style block 246; id: ow-v1046s-add-reflection-panel-transparent-final; original line: 50205 === */ body[data-ui-mode="dawn"] #memoriesModal .memJournalInner, body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText, body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane, body[data-ui-mode="dawn"] #memoriesModal .memJournalInner [id="memDetailUnwrittenPane"]{ background: transparent !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText, body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane{ border-color: rgba(171,156,189,.12) !important; } body[data-ui-mode="dawn"] #memoriesModal .journalEditorWrap, body[data-ui-mode="dawn"] #memoriesModal .journalEditorBlock, body[data-ui-mode="dawn"] #memoriesModal .arArchiveEditorRoot{ background: transparent !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #memoriesModal .journalRichToolbar{ background: rgba(231,224,238,.46) !important; box-shadow: none !important; } body[data-ui-mode="dawn"] #memoriesModal .journalRichContent, body[data-ui-mode="dawn"] #memoriesModal .journalTextarea{ background: transparent !important; } /* === OraWhale v1427.48 Year So Far Dawn luxury + stable narrow full reflection === Purpose: keep Moon Year So Far unchanged, give Dawn the same premium hierarchy, and make the full reflection modal narrower/stable on PC and iPad. */ /* Dawn Year So Far: ivory parchment almanac instead of pale wallpaper. */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imRecapCard{ background: radial-gradient(900px 280px at 50% 0%, rgba(255,255,255,.72), transparent 72%), linear-gradient(180deg, rgba(249,245,238,.985), rgba(238,230,219,.965)) !important; border-color:rgba(166,146,122,.20) !important; box-shadow: 0 34px 92px rgba(119,96,72,.18), inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imRecapTop{ background:linear-gradient(180deg, rgba(255,253,249,.78), rgba(249,244,237,.42)) !important; border-bottom-color:rgba(157,138,113,.16) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter), body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame{ border-radius:34px !important; border:1px solid rgba(164,142,116,.22) !important; background: linear-gradient(180deg, rgba(255,252,247,.30), rgba(246,238,229,.20)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142748") center / cover no-repeat !important; box-shadow: 0 24px 58px rgba(121,95,69,.13), inset 0 1px 0 rgba(255,255,255,.74) !important; overflow:hidden !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter)::before, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame::before{ content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; background: radial-gradient(900px 360px at 18% 20%, rgba(255,255,255,.34), transparent 66%), linear-gradient(180deg, rgba(255,251,246,.14), rgba(238,224,213,.10)) !important; opacity:1 !important; z-index:0 !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmScreenSurface, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogSurface{ position:relative !important; z-index:1 !important; } /* Dawn Year So Far content cards: stronger object feel, calmer contrast. */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel,.imAlmCoverMain,.imAlmRealmEmblem,.imAlmMomentCard,.imAlmCurrentCard,.imAlmClosing .soft,.owYSFLeft,.owYSFRight,.owP2V905Panel){ background: linear-gradient(180deg, rgba(255,253,249,.68), rgba(248,241,232,.48)) !important; border:1px solid rgba(158,137,112,.20) !important; box-shadow: 0 18px 44px rgba(118,94,68,.10), inset 0 1px 0 rgba(255,255,255,.78) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel--strong,.owAlmGrid--cover .owAlmPanel:first-child,.owAlmGrid--moment .owAlmPanel:first-child,.owAlmGrid--closing .owAlmPanel:first-child,.owYSFRight){ background: linear-gradient(180deg, rgba(255,254,251,.78), rgba(249,242,234,.58)) !important; border-color:rgba(150,128,104,.24) !important; box-shadow: 0 22px 52px rgba(116,91,64,.13), inset 0 1px 0 rgba(255,255,255,.86) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmSupport,.owAlmExcerpt,.owYSFExcerptBox,.imAlmMomentExcerpt,.owP2V905ExcerptBox){ background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(250,244,236,.56)) !important; border:1px solid rgba(155,135,111,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 12px 28px rgba(120,98,72,.08) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmLead,.owAlmRealmText,.owAlmSupport,.owAlmExcerpt,.owAlmMeaningText,.owAlmClosingNoteText,.owAlmClosingLine,.owYSFExcerptText,.owYSFPatternText,.owP2V905ExcerptText){ color:rgba(55,66,84,.96) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmKicker,.owYSFKicker,.owYSFPatternLabel,.owYSFPatternKicker,.owP2V905Kicker,.imAlmAct){ color:rgba(125,99,71,.82) !important; text-shadow:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmTitle,.owAlmRealmTitle,.owAlmMomentTitle,.owAlmCurrentValue,.owYSFTitle,.owP2V905Title){ color:rgba(45,55,72,.98) !important; text-shadow:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.imAlmMetaPill,.imAlmSupportPill,.imAlmChip,.owYSFChipRow .imAlmChip){ background:rgba(255,255,255,.56) !important; border-color:rgba(145,125,103,.20) !important; color:rgba(75,82,98,.92) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFPatternRail::before{ background:linear-gradient(180deg, rgba(154,128,98,.58), rgba(154,128,98,.20)) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFPatternItem::before{ background:linear-gradient(180deg, rgba(192,164,132,.98), rgba(151,124,96,.92)) !important; box-shadow:0 0 0 5px rgba(255,255,255,.70) !important; } /* Narrow, stable Full Reflection modal. Uses svh and fixed modal dimensions so iPad toolbar scroll cannot resize the background. */ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:24px !important; align-items:center !important; justify-content:center !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(900px, calc(100vw - 56px)) !important; height:min(660px, calc(100svh - 56px)) !important; min-height:0 !important; max-height:min(660px, calc(100svh - 56px)) !important; border-radius:34px !important; overflow:hidden !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; transform:none !important; left:auto !important; top:auto !important; position:relative !important; } #owFullReflectionModalV916 .owFRV916Card{ left:auto !important; top:auto !important; } #owYSFFullReflectionModal .owYSFFullInner, #owFullReflectionModalV916 .owFRV916Inner{ height:100% !important; max-height:none !important; min-height:0 !important; display:flex !important; flex-direction:column !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:26px 30px 18px !important; gap:16px !important; flex:0 0 auto !important; border-bottom:1px solid rgba(255,255,255,.09) !important; } #owYSFFullReflectionModal .owYSFFullTitle, #owFullReflectionModalV916 .owFRV916Title{ margin:10px 0 2px !important; font-size:clamp(38px,4vw,58px) !important; line-height:.96 !important; letter-spacing:-.055em !important; } #owYSFFullReflectionModal .owYSFFullDate, #owFullReflectionModalV916 .owFRV916Date{ font-size:16px !important; line-height:1.36 !important; } #owYSFFullReflectionModal .owYSFFullClose, #owFullReflectionModalV916 .owFRV916Close{ width:52px !important; height:52px !important; min-width:52px !important; border-radius:17px !important; font-size:28px !important; line-height:1 !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ flex:1 1 auto !important; min-height:0 !important; max-height:none !important; padding:24px 30px 30px !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ max-width:64ch !important; margin:0 !important; font-size:clamp(17px,1.25vw,21px) !important; line-height:1.82 !important; letter-spacing:-.012em !important; border-radius:24px !important; padding:22px 24px !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(180deg, rgba(253,249,244,.88), rgba(249,243,236,.92)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142748") center / cover no-repeat !important; border:1px solid rgba(160,138,116,.24) !important; box-shadow:0 34px 92px rgba(92,75,56,.22), inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(250,244,238,.42)) !important; border:1px solid rgba(155,135,111,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.74), 0 16px 36px rgba(111,91,68,.08) !important; color:rgba(61,72,90,.96) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(180deg, rgba(9,12,24,.70), rgba(8,10,20,.80)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142748") center / cover no-repeat !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 36px 110px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.07) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(8,12,26,.42), rgba(8,12,26,.30)) !important; border:1px solid rgba(255,255,255,.08) !important; color:rgba(243,247,255,.96) !important; } @media (max-width:980px){ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:18px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(820px, calc(100vw - 36px)) !important; height:min(620px, calc(100svh - 36px)) !important; max-height:min(620px, calc(100svh - 36px)) !important; border-radius:30px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:22px 22px 16px !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ padding:20px 22px 24px !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ font-size:18px !important; line-height:1.76 !important; padding:20px 20px !important; } } /* === OraWhale v1427.49 Year So Far dawn translucency + desktop full-reflection narrowing === */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter), body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame{ background: linear-gradient(180deg, rgba(255,252,247,.16), rgba(246,238,229,.08)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142749") center / cover no-repeat !important; border-color: rgba(164,142,116,.18) !important; box-shadow: 0 22px 54px rgba(121,95,69,.10), inset 0 1px 0 rgba(255,255,255,.52) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter)::before, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame::before{ background: radial-gradient(900px 360px at 18% 20%, rgba(255,255,255,.22), transparent 66%), linear-gradient(180deg, rgba(255,251,246,.08), rgba(238,224,213,.05)) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel,.imAlmCoverMain,.imAlmRealmEmblem,.imAlmMomentCard,.imAlmCurrentCard,.imAlmClosing .soft,.owYSFLeft,.owYSFRight,.owP2V905Panel){ background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.10)) !important; border: 1px solid rgba(158,137,112,.14) !important; box-shadow: 0 16px 34px rgba(118,94,68,.06), inset 0 1px 0 rgba(255,255,255,.34) !important; backdrop-filter: blur(16px) saturate(132%) !important; -webkit-backdrop-filter: blur(16px) saturate(132%) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel--strong,.owAlmGrid--cover .owAlmPanel:first-child,.owAlmGrid--moment .owAlmPanel:first-child,.owAlmGrid--closing .owAlmPanel:first-child,.owYSFRight){ background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.13)) !important; border-color: rgba(150,128,104,.16) !important; box-shadow: 0 18px 40px rgba(116,91,64,.07), inset 0 1px 0 rgba(255,255,255,.42) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmSupport,.owAlmExcerpt,.owYSFExcerptBox,.imAlmMomentExcerpt,.owP2V905ExcerptBox){ background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(250,244,236,.14)) !important; border: 1px solid rgba(155,135,111,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.44), 0 10px 22px rgba(120,98,72,.05) !important; backdrop-filter: blur(12px) saturate(126%) !important; -webkit-backdrop-filter: blur(12px) saturate(126%) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.imAlmMetaPill,.imAlmSupportPill,.imAlmChip,.owYSFChipRow .imAlmChip){ background: rgba(255,255,255,.30) !important; border-color: rgba(145,125,103,.16) !important; color: rgba(75,82,98,.92) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.40) !important; backdrop-filter: blur(10px) saturate(122%) !important; -webkit-backdrop-filter: blur(10px) saturate(122%) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFPatternItem::before{ box-shadow:0 0 0 5px rgba(255,255,255,.42) !important; } #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:28px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(840px, calc(100vw - 56px)) !important; height:min(620px, calc(100svh - 56px)) !important; max-height:min(620px, calc(100svh - 56px)) !important; border-radius:34px !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; } #owYSFFullReflectionModal .owYSFFullHeadText, #owFullReflectionModalV916 .owFRV916HeadText, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:min(100%, 72%) !important; max-width:720px !important; margin-right:auto !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:28px 32px 18px !important; } #owYSFFullReflectionModal .owYSFFullTitle, #owFullReflectionModalV916 .owFRV916Title{ font-size:clamp(34px, 3.6vw, 54px) !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ padding:10px 32px 32px !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ max-width:100% !important; font-size:clamp(16px, 1.1vw, 20px) !important; line-height:1.82 !important; border-radius:24px !important; padding:24px 26px !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(180deg, rgba(253,249,244,.78), rgba(249,243,236,.82)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142749") center / cover no-repeat !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(250,244,238,.16)) !important; border:1px solid rgba(155,135,111,.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 12px 28px rgba(111,91,68,.06) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(8,12,26,.28), rgba(8,12,26,.18)) !important; } @media (max-width: 980px){ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:18px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(820px, calc(100vw - 36px)) !important; height:min(600px, calc(100svh - 36px)) !important; max-height:min(600px, calc(100svh - 36px)) !important; } #owYSFFullReflectionModal .owYSFFullHeadText, #owFullReflectionModalV916 .owFRV916HeadText, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:100% !important; max-width:none !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:22px 22px 14px !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ padding:8px 22px 22px !important; } } /* === OraWhale v1427.50 Year So Far Dawn moon-matched transparency + full-background reflection === Makes Dawn panels visually transparent enough to reveal the annual background, and sizes Full Reflection to the art instead of a tall cropped wall. */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter), body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame{ background: linear-gradient(180deg, rgba(255,252,247,.045), rgba(246,238,229,.018)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142750") center / cover no-repeat !important; border-color: rgba(164,142,116,.18) !important; box-shadow:0 22px 54px rgba(121,95,69,.10), inset 0 1px 0 rgba(255,255,255,.42) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter)::before, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame::before{ background:linear-gradient(180deg, rgba(255,251,246,.026), rgba(238,224,213,.014)) !important; opacity:1 !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel,.imAlmCoverMain,.imAlmRealmEmblem,.imAlmMomentCard,.imAlmCurrentCard,.imAlmClosing .soft,.owP2V905Panel){ background: radial-gradient(140% 80% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 60%), linear-gradient(180deg, rgba(255,250,244,.075), rgba(255,250,244,.035)) !important; border:1px solid rgba(145,125,103,.13) !important; box-shadow:0 16px 34px rgba(118,94,68,.05), inset 0 1px 0 rgba(255,255,255,.18) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel--strong,.owAlmGrid--cover .owAlmPanel:first-child,.owAlmGrid--moment .owAlmPanel:first-child,.owAlmGrid--closing .owAlmPanel:first-child){ background: radial-gradient(140% 82% at 50% 0%, rgba(255,213,140,.08) 0%, transparent 58%), linear-gradient(180deg, rgba(255,250,244,.085), rgba(255,250,244,.04)) !important; border-color:rgba(145,125,103,.14) !important; box-shadow:0 18px 40px rgba(116,91,64,.06), inset 0 1px 0 rgba(255,255,255,.20) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFLeft{ background:linear-gradient(180deg, rgba(255,250,244,.075), rgba(255,250,244,.035)) !important; border-color:rgba(145,125,103,.13) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(118,94,68,.05) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .owYSFRight{ background: radial-gradient(120% 120% at 18% 18%, rgba(255,255,255,.07), transparent 58%), linear-gradient(180deg, rgba(255,250,244,.075), rgba(255,250,244,.035)) !important; border-color:rgba(145,125,103,.13) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(118,94,68,.05) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmSupport,.owAlmExcerpt,.owYSFExcerptBox,.imAlmMomentExcerpt,.owP2V905ExcerptBox){ background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(250,244,236,.052)) !important; border:1px solid rgba(145,125,103,.13) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(120,98,72,.04) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.imAlmMetaPill,.imAlmSupportPill,.imAlmChip,.owYSFChipRow .imAlmChip){ background:rgba(255,255,255,.20) !important; border-color:rgba(145,125,103,.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.26) !important; } /* Full Reflection: art-ratio modal that shows the whole Year So Far cover image. */ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:24px !important; align-items:center !important; justify-content:center !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(980px, calc(100vw - 48px)) !important; height:auto !important; aspect-ratio: 1731 / 909 !important; max-height:calc(100svh - 48px) !important; min-height:0 !important; border-radius:32px !important; background-size:100% 100% !important; background-position:center center !important; background-repeat:no-repeat !important; overflow:hidden !important; } #owYSFFullReflectionModal .owYSFFullInner, #owFullReflectionModalV916 .owFRV916Inner{ height:100% !important; min-height:0 !important; max-height:none !important; display:flex !important; flex-direction:column !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ flex:0 0 auto !important; width:58% !important; max-width:610px !important; padding:24px 28px 10px !important; margin-right:auto !important; border-bottom:0 !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ flex:1 1 auto !important; min-height:0 !important; width:58% !important; max-width:610px !important; margin-right:auto !important; padding:8px 28px 26px !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; } #owYSFFullReflectionModal .owYSFFullTitle, #owFullReflectionModalV916 .owFRV916Title{ font-size:clamp(34px, 4vw, 56px) !important; line-height:.96 !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ width:100% !important; max-width:none !important; font-size:clamp(16px, 1.15vw, 19px) !important; line-height:1.72 !important; padding:18px 20px !important; border-radius:22px !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(252,248,242,.30) 0%, rgba(252,248,242,.20) 46%, rgba(252,248,242,.02) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142750") center / 100% 100% no-repeat !important; border:1px solid rgba(160,138,116,.20) !important; box-shadow:0 28px 82px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.42) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(9,12,26,.62) 0%, rgba(9,12,26,.42) 46%, rgba(9,12,26,.04) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142750") center / 100% 100% no-repeat !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(250,244,238,.08)) !important; border:1px solid rgba(155,135,111,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(111,91,68,.04) !important; color:rgba(61,72,90,.96) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(8,12,26,.24), rgba(8,12,26,.14)) !important; border:1px solid rgba(255,255,255,.08) !important; } @media (max-width:980px){ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:18px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(940px, calc(100vw - 36px)) !important; max-height:calc(100svh - 36px) !important; border-radius:28px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:62% !important; max-width:580px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:20px 22px 8px !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ padding:6px 22px 20px !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ font-size:17px !important; line-height:1.68 !important; padding:16px 18px !important; } } @media (max-width:720px){ #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:100% !important; max-width:none !important; } } /* === OraWhale v1427.51 Year So Far title clarity + cinematic Full Reflection === Keeps Dawn panels at Moon-like transparency, strengthens Dawn headings, and uses the native Year So Far art ratio for Full Reflection so the background image is not stretched or cropped like a tall dialog. */ :root{ --ow-ysf-art-ratio: 1983 / 793; } /* Dawn headings: clearer, closer to the Year So Far title family. */ body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] :is(.imAlmCoverTitle,.owAlmTitle,.owYSFTitle,.owP2V905Title,.imAlmRealmTitle,.owAlmRealmTitle,.imAlmMomentTitle,.owAlmMomentTitle,.owAlmCurrentValue,.imAlmCurrentValue){ background:linear-gradient(135deg, rgba(176,126,62,.98) 0%, rgba(178,112,164,.96) 48%, rgba(105,133,190,.98) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; text-shadow:none !important; filter:drop-shadow(0 8px 18px rgba(104,78,54,.12)) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverTitle{ font-weight:860 !important; letter-spacing:-.055em !important; } /* Dawn panels: use the same alpha logic as Moon panels, only with light/ivory color. */ body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter), body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame{ background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142751") center / cover no-repeat !important; border-color:rgba(164,142,116,.16) !important; box-shadow:0 22px 54px rgba(121,95,69,.09), inset 0 1px 0 rgba(255,255,255,.30) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter)::before, body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame::before{ background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.004)) !important; opacity:1 !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel,.imAlmCoverMain,.imAlmRealmEmblem,.imAlmMomentCard,.imAlmCurrentCard,.imAlmClosing .soft,.owP2V905Panel,.owYSFLeft,.owYSFRight){ background: radial-gradient(140% 80% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 60%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important; border:1px solid rgba(145,125,103,.12) !important; box-shadow:0 16px 34px rgba(118,94,68,.05), inset 0 1px 0 rgba(255,255,255,.18) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmPanel--strong,.owAlmGrid--cover .owAlmPanel:first-child,.owAlmGrid--moment .owAlmPanel:first-child,.owAlmGrid--closing .owAlmPanel:first-child,.owYSFRight){ background: radial-gradient(140% 82% at 50% 0%, rgba(255,213,140,.10) 0%, transparent 58%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important; border-color:rgba(145,125,103,.13) !important; box-shadow:0 18px 40px rgba(116,91,64,.06), inset 0 1px 0 rgba(255,255,255,.20) !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.owAlmSupport,.owAlmExcerpt,.owYSFExcerptBox,.imAlmMomentExcerpt,.owP2V905ExcerptBox){ background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important; border:1px solid rgba(145,125,103,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 8px 18px rgba(120,98,72,.04) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] :is(.imAlmMetaPill,.imAlmSupportPill,.imAlmChip,.owYSFChipRow .imAlmChip){ background:rgba(255,255,255,.20) !important; border-color:rgba(145,125,103,.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.24) !important; } /* Full Reflection: long cinematic almanac card using the true art ratio. */ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:28px !important; align-items:center !important; justify-content:center !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(1220px, calc(100vw - 56px)) !important; height:auto !important; aspect-ratio:var(--ow-ysf-art-ratio) !important; max-height:calc(100svh - 56px) !important; min-height:0 !important; border-radius:30px !important; overflow:hidden !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; transform:none !important; } #owYSFFullReflectionModal .owYSFFullInner, #owFullReflectionModalV916 .owFRV916Inner{ height:100% !important; min-height:0 !important; display:flex !important; flex-direction:column !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ flex:0 0 auto !important; width:48% !important; max-width:560px !important; padding:22px 26px 8px !important; margin-right:auto !important; border-bottom:0 !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ flex:1 1 auto !important; min-height:0 !important; width:48% !important; max-width:560px !important; margin-right:auto !important; padding:6px 26px 24px !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; } #owYSFFullReflectionModal .owYSFFullTitle, #owFullReflectionModalV916 .owFRV916Title{ font-size:clamp(32px, 3.4vw, 54px) !important; line-height:.96 !important; letter-spacing:-.06em !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ width:100% !important; max-width:none !important; font-size:clamp(15px, 1vw, 18px) !important; line-height:1.68 !important; border-radius:22px !important; padding:16px 18px !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(252,248,242,.22) 0%, rgba(252,248,242,.12) 43%, rgba(252,248,242,.00) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142751") center / cover no-repeat !important; border:1px solid rgba(160,138,116,.20) !important; box-shadow:0 30px 90px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.42) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(9,12,26,.62) 0%, rgba(9,12,26,.38) 43%, rgba(9,12,26,.00) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142751") center / cover no-repeat !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important; border:1px solid rgba(155,135,111,.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(111,91,68,.04) !important; color:rgba(61,72,90,.96) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(8,12,26,.24), rgba(8,12,26,.14)) !important; border:1px solid rgba(255,255,255,.08) !important; } @media (max-width:980px){ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:18px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(1180px, calc(100vw - 36px)) !important; max-height:calc(100svh - 36px) !important; border-radius:26px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:50% !important; max-width:560px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ padding:18px 20px 6px !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ padding:4px 20px 18px !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ font-size:16px !important; line-height:1.62 !important; padding:14px 16px !important; } } @media (max-width:720px){ #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ aspect-ratio:auto !important; height:min(620px, calc(100svh - 28px)) !important; background-size:cover !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:100% !important; max-width:none !important; } } /* === OraWhale v1427.52 Year So Far final Full Reflection structure + Dawn heading clarity === Preserves the main carousel, strengthens Dawn headings, and rebuilds Full Reflection as a single-layer cinematic card with preserved line breaks. */ :root{ --ow-ysf-art-ratio: 1983 / 793; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] :is(.imAlmCoverTitle,.owAlmTitle,.owYSFTitle,.owP2V905Title,.imAlmRealmTitle,.owAlmRealmTitle,.imAlmMomentTitle,.owAlmMomentTitle,.owAlmCurrentValue,.imAlmCurrentValue){ background:linear-gradient(135deg, #b77934 0%, #aa6588 46%, #7f95cb 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; text-shadow:none !important; filter:drop-shadow(0 8px 16px rgba(112,76,42,.12)) !important; } body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverTitle{ font-weight:880 !important; letter-spacing:-.058em !important; } body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter), body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owYSFRecogFrame{ background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.006)), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142752") center / cover no-repeat !important; } /* Desktop/tablet Year So Far Full Reflection: one real art-ratio card, one readable text surface. */ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:28px !important; align-items:center !important; justify-content:center !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(1280px, calc(100vw - 56px), calc((100svh - 56px) * 1983 / 793)) !important; height:auto !important; aspect-ratio:var(--ow-ysf-art-ratio) !important; max-height:calc(100svh - 56px) !important; min-height:0 !important; border-radius:30px !important; overflow:hidden !important; background-size:100% 100% !important; background-position:center center !important; background-repeat:no-repeat !important; transform:none !important; -webkit-transform:none !important; contain:layout paint style !important; } #owYSFFullReflectionModal .owYSFFullInner, #owFullReflectionModalV916 .owFRV916Inner{ height:100% !important; min-height:0 !important; display:flex !important; flex-direction:column !important; padding:clamp(18px, 2vw, 28px) clamp(20px, 2.4vw, 34px) !important; overflow:hidden !important; background:transparent !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head{ flex:0 0 auto !important; width:46% !important; max-width:570px !important; padding:0 72px 8px 0 !important; margin:0 0 8px 0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } #owYSFFullReflectionModal .owYSFFullHeadText, #owFullReflectionModalV916 .owFRV916HeadText{ width:100% !important; max-width:none !important; margin:0 !important; } #owYSFFullReflectionModal .owYSFFullTitle, #owFullReflectionModalV916 .owFRV916Title{ font-size:clamp(34px, 4.2vw, 64px) !important; line-height:.94 !important; letter-spacing:-.065em !important; margin:0 !important; } #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ flex:1 1 auto !important; min-height:0 !important; width:46% !important; max-width:570px !important; margin:0 auto 0 0 !important; padding:0 !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; background:transparent !important; border:0 !important; box-shadow:none !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; max-width:none !important; margin:0 !important; white-space:pre-wrap !important; font-size:clamp(15px, 1vw, 18px) !important; line-height:1.72 !important; border-radius:22px !important; padding:16px 18px !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(252,248,242,.12) 0%, rgba(252,248,242,.055) 43%, rgba(252,248,242,0) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142752") center / 100% 100% no-repeat !important; border:1px solid rgba(160,138,116,.20) !important; box-shadow:0 30px 90px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.42) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card{ background: linear-gradient(90deg, rgba(9,12,26,.58) 0%, rgba(9,12,26,.32) 43%, rgba(9,12,26,0) 100%), url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142752") center / 100% 100% no-repeat !important; } body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText, body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important; border:1px solid rgba(155,135,111,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(111,91,68,.035) !important; color:rgba(58,69,88,.96) !important; } body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText, body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text{ background:linear-gradient(180deg, rgba(8,12,26,.24), rgba(8,12,26,.13)) !important; border:1px solid rgba(255,255,255,.08) !important; color:rgba(246,248,255,.97) !important; } @media (max-width:980px){ #owYSFFullReflectionModal, #owFullReflectionModalV916{ padding:18px !important; } #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:min(1180px, calc(100vw - 36px), calc((100svh - 36px) * 1983 / 793)) !important; max-height:calc(100svh - 36px) !important; border-radius:26px !important; } #owYSFFullReflectionModal .owYSFFullInner, #owFullReflectionModalV916 .owFRV916Inner{ padding:18px 20px 16px !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:50% !important; max-width:560px !important; } #owYSFFullReflectionModal .owYSFFullText, #owFullReflectionModalV916 .owFRV916Text{ font-size:16px !important; line-height:1.68 !important; padding:14px 16px !important; } } @media (max-width:720px) and (orientation:portrait){ #owYSFFullReflectionModal .owYSFFullCard, #owFullReflectionModalV916 .owFRV916Card{ width:calc(100vw - 28px) !important; height:min(620px, calc(100svh - 28px)) !important; max-height:calc(100svh - 28px) !important; aspect-ratio:auto !important; background-size:cover !important; } #owYSFFullReflectionModal .owYSFFullHead, #owFullReflectionModalV916 .owFRV916Head, #owYSFFullReflectionModal .owYSFFullBody, #owFullReflectionModalV916 .owFRV916Body{ width:100% !important; max-width:none !important; } }