/*
  OraWhale Day 2 CSS extraction: 90-launch-overrides.css
  Source: FinalWebpage/index.html style blocks 247-288
  Purpose: Late launch overrides and final visual safety patches
  Do not reorder before launch. Cascade order is intentional.
*/

/* === original inline style block 247; id: ow-v1046y-iphone-archive-journal-cleanup; original line: 50232 === */
@media (max-width: 735px){
body[data-ui-mode="dawn"] #memoriesModal .memoriesJournalPane,
body[data-ui-mode="dawn"] #memoriesModal .memJournalPaneBody{
background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,241,235,.84)) !important;
box-shadow: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesJournalPane #memJournalSheet{
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,244,238,.97)) !important;
border: 1px solid rgba(188,168,145,.18) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 16px 34px rgba(144,121,93,.08) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesJournalPane #memJournalSheet::after{
content: none !important;
display: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesJournalPane #memJournalInner{
background: transparent !important;
box-shadow: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane,
body[data-ui-mode="dawn"] #memoriesModal .arArchiveEditorRoot,
body[data-ui-mode="dawn"] #memoriesModal .journalEditorWrap,
body[data-ui-mode="dawn"] #memoriesModal .journalEditorBlock,
body[data-ui-mode="dawn"] #memoriesModal .journalRichContent,
body[data-ui-mode="dawn"] #memoriesModal .journalTextarea{
background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(247,242,236,.90)) !important;
border-color: rgba(188,168,145,.18) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 14px 34px rgba(144,121,93,.08) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .journalRichToolbar{
background: linear-gradient(180deg, rgba(241,236,247,.96), rgba(228,223,236,.94)) !important;
border-color: rgba(171,156,189,.24) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane.isEditing{
padding: 6px 0 0 6px !important;
box-sizing: border-box !important;
}
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane.isEditing > div:first-child{
padding-left: 2px !important;
}
#memoriesModal .memoriesJournalPane #memJournalInner .memDetailText{
padding: 14px 18px 18px !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scroll-padding-top: 14px !important;
overscroll-behavior-x: contain !important;
}
#memoriesModal .memoriesJournalPane #memJournalInner .memDetailTextContent,
#memoriesModal .memoriesJournalPane #memJournalInner .memDetailText > div{
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
padding-left: 0 !important;
text-indent: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
#memoriesModal .memoriesJournalPane #memJournalInner .memDetailTextContent{
white-space: pre-wrap !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
#memoriesModal .memoriesJournalPane #memJournalInner .memEntryTagsRow{
margin-left: 0 !important;
padding-left: 0 !important;
}
}

/* === original inline style block 248; id: ow-v1047b-dawn-tag-emoji-panel-fix; original line: 50341 === */
body[data-ui-mode="dawn"] .journalTagAdd,
body[data-ui-mode="dawn"] .journalMoodAdd{
background: linear-gradient(180deg, rgba(255,252,248,.94), rgba(245,239,233,.96)) !important;
border-color: rgba(190,171,145,.26) !important;
color: #6f5d45 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(144,121,93,.07) !important;
}
body[data-ui-mode="dawn"] .owTagPopover,
body[data-ui-mode="dawn"] .owMoodPopover{
background:
radial-gradient(ellipse 140% 58% at 50% 0%, rgba(255,255,255,.78) 0%, transparent 58%),
linear-gradient(180deg, rgba(255,255,255,.975), rgba(247,243,238,.97)) !important;
border: 1px solid rgba(197,186,218,.34) !important;
box-shadow:
0 24px 56px rgba(150,132,109,.14),
inset 0 1px 0 rgba(255,255,255,.92) !important;
-webkit-backdrop-filter: blur(20px) saturate(126%) !important;
backdrop-filter: blur(20px) saturate(126%) !important;
}
body[data-ui-mode="dawn"] .owPopoverLabel{
color: rgba(100,108,127,.76) !important;
}
body[data-ui-mode="dawn"] .owPopoverInput{
background: rgba(255,255,255,.88) !important;
border-color: rgba(197,186,218,.38) !important;
color: #4d5971 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body[data-ui-mode="dawn"] .owPopoverInput::placeholder{
color: rgba(91,101,124,.56) !important;
}
body[data-ui-mode="dawn"] .owPopoverConfirm{
background: linear-gradient(135deg, rgba(239,226,205,.96), rgba(228,219,242,.96)) !important;
border-color: rgba(183,163,215,.32) !important;
color: #39475f !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body[data-ui-mode="dawn"] .owPopoverConfirm:hover{
background: linear-gradient(135deg, rgba(242,230,211,.98), rgba(232,223,245,.98)) !important;
}
body[data-ui-mode="dawn"] .owQuickEmoji:hover{
background: rgba(232,225,241,.76) !important;
}
body[data-ui-mode="dawn"] .owQuickEmoji.sel{
background: linear-gradient(135deg, rgba(239,226,205,.96), rgba(228,219,242,.96)) !important;
outline: 1.5px solid rgba(183,163,215,.38) !important;
}

/* === original inline style block 249; id: no-id; original line: 50445 === */
@media(max-width:735px){#memoriesModal .memoriesJournalPane{padding:10px 2px!important}#memoriesModal .memJournalPaneBody{padding:0!important}#memoriesModal .memoriesJournalPane #memJournalSheet{border:0!important;background:0!important;box-shadow:none!important;backdrop-filter:none!important;margin:10px 0 12px!important}#memoriesModal .memoriesJournalPane #memJournalInner{padding:0 4px calc(8px + env(safe-area-inset-bottom))!important}}body[data-ui-mode=dawn] #memoriesModal :is(.memDetailText,#memDetailUnwrittenPane,.journalRichContent,.journalTextarea,.arArchiveEditorRoot,.journalEditorWrap,.journalEditorBlock){background:#fffaf2a3!important}body:not([data-ui-mode=dawn]) #memoriesModal .memDetailText{background:#fff1!important;color:#ffffffe6!important}

/* === original inline style block 250; id: ow-v1050-search-otd-open-entry-style; original line: 50662 === */
#owSearchResults .owSearchItem,
#otdList .owOTDItemX{
cursor: pointer;
}

/* === original inline style block 251; id: orawhale-v490-dawn-panel-warmth-fix; original line: 50774 === */
body[data-ui-mode="dawn"] .ritualStrip .ritualPanel,
body[data-ui-mode="dawn"] #panelZodiac,
body[data-ui-mode="dawn"] #panelRealm,
body[data-ui-mode="dawn"] #panelDraw,
body[data-ui-mode="dawn"] #panelJournal,
body[data-ui-mode="dawn"] .stage,
body[data-ui-mode="dawn"] .oracle{
background:
radial-gradient(120% 68% at 50% 0%, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 58%),
radial-gradient(90% 60% at 10% 2%, rgba(241,224,194,.20) 0%, rgba(241,224,194,0) 54%),
radial-gradient(96% 72% at 92% 8%, rgba(220,208,233,.22) 0%, rgba(220,208,233,0) 56%),
linear-gradient(180deg, rgba(245,236,226,.97) 0%, rgba(234,225,214,.96) 100%) !important;
border-color: rgba(145,128,112,.18) !important;
box-shadow: 0 18px 42px rgba(118,99,74,.10), inset 0 1px 0 rgba(255,255,255,.56) !important;
}
body[data-ui-mode="dawn"] .stage::before,
body[data-ui-mode="dawn"] .oracle::before{
background: linear-gradient(180deg, rgba(248,241,232,.96), rgba(239,231,221,.96)) !important;
border-color: rgba(171,151,117,.22) !important;
color: #9b7845 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
}
body[data-ui-mode="dawn"] .stage .hint,
body[data-ui-mode="dawn"] .oracle .hint,
body[data-ui-mode="dawn"] .stage .premiumHint,
body[data-ui-mode="dawn"] .oracle .premiumHint,
body[data-ui-mode="dawn"] .stage .oracleHint,
body[data-ui-mode="dawn"] .oracle .oracleHint{
background:
radial-gradient(120% 62% at 50% 0%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%),
radial-gradient(88% 58% at 12% 4%, rgba(240,223,195,.16) 0%, rgba(240,223,195,0) 56%),
radial-gradient(96% 70% at 90% 10%, rgba(220,209,234,.18) 0%, rgba(220,209,234,0) 56%),
linear-gradient(180deg, rgba(242,234,224,.95) 0%, rgba(233,225,237,.92) 100%) !important;
border-color: rgba(145,133,174,.16) !important;
box-shadow: 0 14px 30px rgba(111,93,70,.10), inset 0 1px 0 rgba(255,255,255,.52) !important;
}
body[data-ui-mode="dawn"] .journalSection,
body[data-ui-mode="dawn"] .journalCardPreview,
body[data-ui-mode="dawn"] .todayRitual{
background:
radial-gradient(118% 68% at 50% 0%, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 58%),
radial-gradient(90% 58% at 10% 2%, rgba(241,224,194,.18) 0%, rgba(241,224,194,0) 54%),
radial-gradient(95% 70% at 92% 8%, rgba(220,208,233,.18) 0%, rgba(220,208,233,0) 56%),
linear-gradient(180deg, rgba(244,235,225,.97) 0%, rgba(233,224,214,.96) 100%) !important;
border-color: rgba(145,128,112,.17) !important;
box-shadow: 0 16px 36px rgba(118,99,74,.10), inset 0 1px 0 rgba(255,255,255,.54) !important;
}
body[data-ui-mode="dawn"] .journalRichToolbar,
body[data-ui-mode="dawn"] .ql-toolbar,
body[data-ui-mode="dawn"] .toolbar,
body[data-ui-mode="dawn"] .editorToolbar{
background: linear-gradient(180deg, rgba(232,224,234,.92), rgba(223,216,227,.96)) !important;
border-color: rgba(145,133,174,.20) !important;
color: #4b596f !important;
}
body[data-ui-mode="dawn"] .journalEditorWrap,
body[data-ui-mode="dawn"] .journalEditor,
body[data-ui-mode="dawn"] .journalRichContent,
body[data-ui-mode="dawn"] .journalTextarea,
body[data-ui-mode="dawn"] .editorSurface{
background: linear-gradient(180deg, rgba(240,234,240,.78), rgba(235,228,220,.88)) !important;
color: #4a576d !important;
}
body[data-ui-mode="dawn"] .journalRichContent:empty::before,
body[data-ui-mode="dawn"] .journalEditor::placeholder,
body[data-ui-mode="dawn"] .journalTextarea::placeholder{
color: rgba(84,95,113,.60) !important;
}
body[data-ui-mode="dawn"] .ritualPanelSub,
body[data-ui-mode="dawn"] .panelJournalHint,
body[data-ui-mode="dawn"] .oracleDesc,
body[data-ui-mode="dawn"] .hintSub,
body[data-ui-mode="dawn"] .todayRitualPrompt,
body[data-ui-mode="dawn"] .todayRitualQuestion,
body[data-ui-mode="dawn"] .journalSectionSub,
body[data-ui-mode="dawn"] .journalCardPreviewLabel,
body[data-ui-mode="dawn"] .journalSection p,
body[data-ui-mode="dawn"] .oracle p{
color: rgba(67,80,101,.88) !important;
}

/* === original inline style block 252; id: orawhale-v523-combined-dawn-refinement; original line: 50856 === */
body[data-ui-mode="dawn"]{
--ow-dawn-unified-surface: linear-gradient(180deg, rgba(252,249,244,.992), rgba(247,242,235,.982));
--ow-dawn-unified-text: #56637a;
--ow-dawn-support-text: rgba(91,102,120,.72);
--ow-dawn-grounded-surface: linear-gradient(180deg, rgba(248,244,237,.992), rgba(242,237,230,.986));
--ow-dawn-grounded-surface-soft: linear-gradient(180deg, rgba(245,240,246,.90), rgba(236,238,242,.92));
--ow-dawn-grounded-border: rgba(134,126,147,.072);
--ow-dawn-grounded-shadow: 0 6px 16px rgba(112,97,77,.034), inset 0 1px 0 rgba(255,255,255,.76);
--ow-dawn-grounded-shadow-soft: 0 4px 12px rgba(112,97,77,.026), inset 0 1px 0 rgba(255,255,255,.64);
}
body[data-ui-mode="dawn"] #mainHeader,
body[data-ui-mode="dawn"] .page > .header,
body[data-ui-mode="dawn"] .header{
background:
radial-gradient(1000px 280px at 50% 0%, rgba(255,255,255,.74) 0%, rgba(255,255,255,0) 72%),
var(--ow-dawn-unified-surface) !important;
border: 1px solid rgba(134,126,147,.10) !important;
box-shadow: 0 14px 34px rgba(112,97,77,.06), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
body[data-ui-mode="dawn"] .ow-tagline,
body[data-ui-mode="dawn"] .heroHook,
body[data-ui-mode="dawn"] .dateLine{
color: var(--ow-dawn-support-text) !important;
text-shadow: none !important;
}
body[data-ui-mode="dawn"] .cursorWidget,
body[data-ui-mode="dawn"] .ritualStrip .ritualPanel,
body[data-ui-mode="dawn"] #panelZodiac,
body[data-ui-mode="dawn"] #panelRealm,
body[data-ui-mode="dawn"] #panelDraw,
body[data-ui-mode="dawn"] #panelJournal,
body[data-ui-mode="dawn"] .stage,
body[data-ui-mode="dawn"] .oracle,
body[data-ui-mode="dawn"] .journalSection,
body[data-ui-mode="dawn"] .journalCardPreview,
body[data-ui-mode="dawn"] .todayRitual,
body[data-ui-mode="dawn"] .memoriesLauncher,
body[data-ui-mode="dawn"] .imStreakBanner{
background: var(--ow-dawn-grounded-surface) !important;
border-color: var(--ow-dawn-grounded-border) !important;
box-shadow: var(--ow-dawn-grounded-shadow) !important;
}
body[data-ui-mode="dawn"] .cursorWidgetTitle{
color: #364257 !important;
}
body[data-ui-mode="dawn"] .cursorWidgetSub{
color: rgba(91,102,120,.62) !important;
font-weight: 500 !important;
opacity: .92 !important;
}
body[data-ui-mode="dawn"] .cursorSelectLux,
body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux{
background: linear-gradient(180deg, rgba(240,235,244,.90), rgba(235,231,239,.92)) !important;
border-color: rgba(144,136,178,.14) !important;
box-shadow: 0 3px 10px rgba(108,94,82,.028), inset 0 1px 0 rgba(255,255,255,.66) !important;
}
body[data-ui-mode="dawn"] .stage::before,
body[data-ui-mode="dawn"] .oracle::before{
border-color: rgba(177,159,120,.12) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}
body[data-ui-mode="dawn"] .stage .hint,
body[data-ui-mode="dawn"] .oracle .hint,
body[data-ui-mode="dawn"] .stage .premiumHint,
body[data-ui-mode="dawn"] .oracle .premiumHint,
body[data-ui-mode="dawn"] .stage .oracleHint,
body[data-ui-mode="dawn"] .oracle .oracleHint,
body[data-ui-mode="dawn"] #hintBox,
body[data-ui-mode="dawn"] #oracleCol > .hint,
body[data-ui-mode="dawn"] .journalCardStage,
body[data-ui-mode="dawn"] .journalCardFrame,
body[data-ui-mode="dawn"] .journalCardThumb{
background: var(--ow-dawn-grounded-surface-soft) !important;
border-color: rgba(145,137,179,.11) !important;
box-shadow: var(--ow-dawn-grounded-shadow-soft) !important;
}
body[data-ui-mode="dawn"] .todayRitual,
body[data-ui-mode="dawn"] .journalEditorWrap{
box-shadow: 0 5px 14px rgba(112,97,77,.03), inset 0 1px 0 rgba(255,255,255,.68) !important;
}
body[data-ui-mode="dawn"] .journalRichToolbar,
body[data-ui-mode="dawn"] .ql-toolbar,
body[data-ui-mode="dawn"] .toolbar,
body[data-ui-mode="dawn"] .editorToolbar{
background: linear-gradient(180deg, rgba(230,224,233,.90), rgba(224,219,228,.93)) !important;
border-color: rgba(145,133,174,.16) !important;
color: #4b596f !important;
}
body[data-ui-mode="dawn"] .journalEditorWrap,
body[data-ui-mode="dawn"] .journalEditor,
body[data-ui-mode="dawn"] .journalRichContent,
body[data-ui-mode="dawn"] .journalTextarea,
body[data-ui-mode="dawn"] .editorSurface{
background: linear-gradient(180deg, rgba(239,234,240,.72), rgba(233,229,223,.82)) !important;
color: #4a576d !important;
}
body[data-ui-mode="dawn"] .memoriesLauncherKicker,
body[data-ui-mode="dawn"] .memoriesLauncherTitle,
body[data-ui-mode="dawn"] .imStreakCount,
body[data-ui-mode="dawn"] .imStreakLabel{
color: var(--ow-dawn-unified-text) !important;
text-shadow: none !important;
}
body[data-ui-mode="dawn"] .memoriesLauncherSub,
body[data-ui-mode="dawn"] .imStreakMini{
color: #5d6a81 !important;
}
body[data-ui-mode="dawn"] .memoriesLauncherBtn,
body[data-ui-mode="dawn"] .imStreakBtn,
body[data-ui-mode="dawn"] .journalSaveBtn,
body[data-ui-mode="dawn"] .btn.gold,
body[data-ui-mode="dawn"] .btn.primary,
body[data-ui-mode="dawn"] .cursorWidget .btn,
body[data-ui-mode="dawn"] .ritualPanel .btn,
body[data-ui-mode="dawn"] .stage .btn,
body[data-ui-mode="dawn"] .oracle .btn,
body[data-ui-mode="dawn"] .journalSection .btn{
box-shadow: 0 5px 12px rgba(141,122,96,.05) !important;
}

/* === original inline style block 253; id: ow-v525-card-oracle-outer-shells-same-as-step34; original line: 50977 === */
body[data-ui-mode="dawn"] .ritualMain .stage,
body[data-ui-mode="dawn"] .ritualMain .oracle,
body[data-ui-mode="dawn"] .stage,
body[data-ui-mode="dawn"] .oracle{
background: var(--ow-dawn-grounded-surface) !important;
border-color: var(--ow-dawn-grounded-border) !important;
box-shadow: var(--ow-dawn-grounded-shadow) !important;
}

/* === original inline style block 254; id: ow-v526-dawn-divider-restore; original line: 50987 === */
body[data-ui-mode="dawn"] .ritualDivider{
opacity: 1 !important;
height: 1px !important;
margin: 30px 0 0 !important;
position: relative !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(191,170,134,.18) 18%,
rgba(185,165,211,.26) 50%,
rgba(191,170,134,.18) 82%,
transparent 100%
) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.28) !important;
}
body[data-ui-mode="dawn"] .ritualDivider::after{
content: "✦" !important;
opacity: 1 !important;
display: block !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
padding: 0 14px !important;
font-size: 12px !important;
letter-spacing: .22em !important;
color: rgba(175,145,92,.62) !important;
background: linear-gradient(180deg, rgba(244,239,231,.98), rgba(239,233,225,.98)) !important;
filter: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

/* === original inline style block 255; id: ow-v527-dawn-divider-center-fix; original line: 51021 === */
body[data-ui-mode="dawn"] .page > .ritualDivider{
width: min(980px, calc(100vw - 64px)) !important;
max-width: none !important;
margin: 30px auto 0 !important;
position: relative !important;
display: none !important;
box-sizing: border-box !important;
}
body[data-ui-mode="dawn"] .page > .ritualDivider::after{
left: 50% !important;
right: auto !important;
transform: translate(-50%, -50%) !important;
}
@media (max-width: 735px){
body[data-ui-mode="dawn"] .page > .ritualDivider{
width: calc(100vw - 32px) !important;
}
}

/* === original inline style block 256; id: ow-ysf-moon-luxury-refine-v1; original line: 51041 === */
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter){
border-color:rgba(255,255,255,.028) !important;
box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.028) !important;
}
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFLeft,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFRight{
border-color:rgba(255,255,255,.038) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.028), 0 12px 34px rgba(0,0,0,.16) !important;
}
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFExcerptBox{
border:1px solid rgba(255,255,255,.065) !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.028) !important;
}
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .owYSFReadBtn{
min-height:44px !important;
padding:0 18px !important;
border-radius:16px !important;
font-size:14px !important;
font-weight:780 !important;
border:1px solid rgba(255,255,255,.05) !important;
background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04)) !important;
box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* === original inline style block 257; id: ow-v1050-p1-sigil-left; original line: 51067 === */
#imRecapModal[data-recap-mode=light] :is(.owAlmGrid--cover .owAlmEmblemPanel,.imAlmHero .imAlmRealmEmblem){align-items:flex-start!important}#imRecapModal[data-recap-mode=light] :is(.owAlmGrid--cover .owAlmEmblemWrap,.imAlmHero .imAlmRealmEmblem>.imAlmSigil){margin:0 0 12px 0!important;align-self:flex-start!important}

/* === original inline style block 258; id: ow-v1058-iphone-fr-native-dialog-style; original line: 51068 === */
@media (hover:none), (pointer:coarse){
#owV1058FRDialog{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;overflow:hidden!important;-webkit-tap-highlight-color:transparent!important;contain:layout style paint!important;}
#owV1058FRDialog::backdrop{background:rgba(6,8,18,.76)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#owV1058FRDialog .owV1058FRCard{position:absolute!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;top:max(10px,env(safe-area-inset-top))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;border-radius:26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important;contain:layout style paint!important;isolation:isolate!important;transform:none!important;-webkit-transform:none!important;}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{background:linear-gradient(90deg,rgba(248,243,236,.82) 0%,rgba(248,243,236,.62) 48%,rgba(248,243,236,.24) 100%),url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png") center/cover no-repeat!important;}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRCard{background:linear-gradient(90deg,rgba(9,12,26,.86) 0%,rgba(9,12,26,.70) 48%,rgba(9,12,26,.34) 100%),url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png") center/cover no-repeat!important;}
#owV1058FRDialog .owV1058FRInner{height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important;z-index:1!important;padding:22px 18px 18px!important;overflow:hidden!important;}
#owV1058FRDialog .owV1058FRHead{flex:0 0 auto!important;min-height:0!important;padding-right:64px!important;margin-bottom:18px!important;}
#owV1058FRDialog .owV1058FRKicker{font-size:11px!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important;margin-bottom:16px!important;}
#owV1058FRDialog .owV1058FRTitle{margin:0!important;font-size:clamp(42px,12vw,64px)!important;line-height:.94!important;letter-spacing:-.06em!important;font-weight:820!important;}
#owV1058FRDialog .owV1058FRDate{margin-top:10px!important;font-size:15px!important;line-height:1.4!important;}
#owV1058FRDialog .owV1058FRClose{appearance:none!important;position:absolute!important;top:18px!important;right:18px!important;width:48px!important;height:48px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.10)!important;font-size:24px!important;line-height:1!important;font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;-webkit-transform:none!important;}
#owV1058FRDialog .owV1058FRBody{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;border-radius:22px!important;padding:20px 18px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:layout style paint!important;}
#owV1058FRDialog .owV1058FRText{white-space:pre-wrap!important;font-size:20px!important;line-height:1.72!important;letter-spacing:-.02em!important;}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRKicker{color:rgba(118,126,138,.92)!important;} body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRTitle{color:rgba(48,58,84,.98)!important;} body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRDate{color:rgba(118,126,138,.92)!important;} body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRClose{background:rgba(255,255,255,.16)!important;color:rgba(109,117,135,.94)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;} body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRBody{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08))!important;border:1px solid rgba(172,178,194,.08)!important;} body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText{color:rgba(86,96,112,.98)!important;}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRKicker{color:rgba(214,220,232,.74)!important;} body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRTitle{color:rgba(249,251,255,.98)!important;} body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRDate{color:rgba(214,220,232,.82)!important;} body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRClose{background:rgba(255,255,255,.06)!important;color:rgba(246,248,255,.92)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.18)!important;} body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRBody{background:linear-gradient(180deg,rgba(8,12,26,.32),rgba(8,12,26,.24))!important;border:1px solid rgba(255,255,255,.07)!important;} body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRText{color:rgba(246,248,255,.97)!important;}
}

/* === original inline style block 259; id: ow-v1069-dawn-launcher-edge; original line: 51240 === */
body[data-ui-mode=dawn] .memoriesLauncher,body[data-ui-mode=dawn] .imStreakBanner{border-color:rgba(134,126,147,.085)!important;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(248,243,236,.52))!important;box-shadow:0 7px 18px rgba(112,97,77,.04),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -18px 28px rgba(236,227,214,.14)!important}

/* === original inline style block 260; id: ow-v1075-iphone-dawn-switch-background-repaint-fix; original line: 51241 === */
@media (hover:none), (pointer:coarse){
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked,
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked::before,
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked::after{
transition:none!important;
}
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked{
background:linear-gradient(180deg,#f7f2eb 0%,#f1ebe2 52%,#eee6dc 100%)!important;
}
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked #imBaseBg{
background:url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_Background_Base_Dawn.png") center top/cover no-repeat!important;
opacity:.88!important;
filter:saturate(.94) brightness(1.015) contrast(.985)!important;
transform:translateZ(0)!important;
will-change:opacity,transform,background!important;
}
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked::before,
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked::after,
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked .elementTint{
opacity:0!important;
background:none!important;
background-image:none!important;
filter:none!important;
}
body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked #owStaticGeomBg{
opacity:.13!important;
filter:saturate(.68) brightness(1.03)!important;
}
}

/* === original inline style block 261; id: ow-v1095-iphone-account-drawer; original line: 51411 === */
@media(max-width:1180px){
#profileModal .profileCard{position:relative!important;overflow:hidden!important}
#profileModal .profileBody{display:block!important;position:relative!important;padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important;max-height:calc(100svh - 74px)!important;overflow:hidden!important}
#profileModal .profileMain{width:100%!important;height:100%!important;max-height:100%!important;overflow:auto!important;padding:14px 12px 18px!important;border-radius:22px!important}
#profileModal .profileNav{position:absolute!important;left:10px!important;top:10px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:min(250px,76vw)!important;max-width:250px!important;min-width:0!important;height:auto!important;max-height:none!important;transform:translateX(calc(-100% - 14px))!important;opacity:0!important;pointer-events:none!important;z-index:20!important;padding:0!important;overflow:auto!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(15,17,39,.97),rgba(7,12,31,.97))!important;box-shadow:0 18px 44px rgba(0,0,0,.36)!important;transition:transform .22s ease,opacity .2s ease!important}
#profileModal.profileMenuOpen .profileNav{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important}
#profileModal .profileDrawerScrim{position:absolute;inset:0;background:rgba(5,8,24,.36);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:14}
#profileModal.profileMenuOpen .profileDrawerScrim{opacity:1;pointer-events:auto}
#profileModal .profileMenuBtn{display:inline-flex;align-items:center;justify-content:center;position:static;right:auto;top:auto;transform:none;flex:0 0 auto;margin-left:auto;min-width:72px;height:42px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:16px;letter-spacing:.02em;z-index:25}
#profileModal .profileClose{z-index:25!important}
#profileModal .profileNavTop{padding:12px 10px!important;border-radius:18px!important;margin-bottom:10px!important}
#profileModal .profileEmail{font-size:16px!important;font-weight:800!important;line-height:1.18!important}
#profileModal .profileMini{display:none!important}
#profileModal .pillRow#profilePills,#profileModal .pillRow#profilePillsSignedIn{display:flex!important;flex-direction:column!important;gap:8px!important}
#profileModal .pillRow#profilePills .pillBtn,#profileModal .pillRow#profilePillsSignedIn .pillBtn{width:100%!important;min-width:0!important;padding:10px 8px!important;font-size:13px!important}
#profileModal .profileNavList{display:flex!important;flex-direction:column!important;gap:8px!important}
#profileModal .profileNavItem{min-height:46px!important;padding:10px 9px!important;border-radius:14px!important;font-size:13px!important;line-height:1.12!important;white-space:normal!important}
#profileModal .pSectionTitle{font-size:clamp(22px,6vw,30px)!important}
#profileModal .pCard{padding:14px!important;border-radius:18px!important}
body[data-ui-mode="dawn"] #profileModal .profileNav{border-color:rgba(126,132,160,.18)!important;background:linear-gradient(180deg,rgba(250,248,244,.985),rgba(244,240,233,.99))!important;box-shadow:0 18px 44px rgba(96,88,108,.16),0 0 0 1px rgba(255,255,255,.5) inset!important}
body[data-ui-mode="dawn"] #profileModal .profileNavTop{background:rgba(255,255,255,.42)!important;border-bottom:1px solid rgba(108,116,144,.12)!important}
body[data-ui-mode="dawn"] #profileModal .profileNavItem,body[data-ui-mode="dawn"] #profileModal .pillRow .pillBtn{background:rgba(255,255,255,.82)!important;border-color:rgba(112,122,150,.16)!important;box-shadow:0 1px 0 rgba(255,255,255,.56) inset,0 8px 18px rgba(118,112,136,.06)!important;color:#3e4a66!important}
body[data-ui-mode="dawn"] #profileModal .profileDrawerScrim{background:rgba(220,214,225,.28)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
body[data-ui-mode="dawn"] #profileModal .profileMenuBtn{background:rgba(255,255,255,.72)!important;border-color:rgba(112,122,150,.16)!important;color:#3e4a66!important;box-shadow:0 1px 0 rgba(255,255,255,.56) inset,0 8px 18px rgba(118,112,136,.06)!important}
}
@media(max-width:380px){#profileModal .profileNav{width:min(236px,78vw)!important}#profileModal .profileNavItem{font-size:12px!important;padding-left:8px!important;padding-right:7px!important}#profileModal .profileMain{padding-left:10px!important;padding-right:10px!important}}
@media(min-width:1181px){#profileModal .profileMenuBtn,#profileModal .profileDrawerScrim{display:none!important}}

/* === original inline style block 262; id: ow-v1097-moon-subscription-panel-tone; original line: 51454 === */
body[data-ui-mode="moon"] #owSubBg{
background:rgba(10,10,24,.52)!important;
backdrop-filter:blur(12px) saturate(112%)!important;
-webkit-backdrop-filter:blur(12px) saturate(112%)!important;
}
body[data-ui-mode="moon"] #owSubCard{
background:
radial-gradient(140% 58% at 50% 0%, rgba(170,145,255,.08) 0%, transparent 62%),
radial-gradient(90% 120% at 0% 100%, rgba(62,42,98,.16) 0%, transparent 56%),
linear-gradient(168deg, rgba(17,13,35,.982) 0%, rgba(10,15,34,.976) 52%, rgba(8,12,28,.978) 100%)!important;
border-color:rgba(143,128,198,.16)!important;
box-shadow:0 34px 86px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-ui-mode="moon"] .owBillingToggle{
background:rgba(255,255,255,.055)!important;
border-color:rgba(154,142,212,.14)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 28px rgba(0,0,0,.24)!important;
}
body[data-ui-mode="moon"] .owBillingBtn.active{
background:linear-gradient(135deg, rgba(122,101,230,.92), rgba(112,148,220,.74))!important;
box-shadow:0 2px 12px rgba(89,73,180,.34)!important;
}
body[data-ui-mode="moon"] .owSavePill{
background:linear-gradient(135deg, rgba(50,130,106,.94), rgba(83,170,138,.9))!important;
color:#dff6e8!important;
}
body[data-ui-mode="moon"] .owTierCard{
background:
radial-gradient(90% 72% at 50% 0%, rgba(150,130,236,.055) 0%, transparent 60%),
linear-gradient(180deg, rgba(33,31,76,.9) 0%, rgba(17,23,62,.92) 100%)!important;
border-color:rgba(138,126,193,.17)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.22)!important;
}
body[data-ui-mode="moon"] .owTierCard.owBest{
box-shadow:0 0 0 1px rgba(51,132,108,.22), 0 18px 46px rgba(22,92,74,.16), 0 30px 80px rgba(0,0,0,.28)!important;
}
body[data-ui-mode="moon"] .owTierCard.owOracle{
background:
radial-gradient(90% 72% at 50% 0%, rgba(170,150,255,.065) 0%, transparent 60%),
linear-gradient(180deg, rgba(42,39,90,.9) 0%, rgba(19,24,65,.93) 100%)!important;
border-color:rgba(156,140,226,.26)!important;
}
body[data-ui-mode="moon"] .owTierValueLine,
body[data-ui-mode="moon"] .owTierTagline,
body[data-ui-mode="moon"] .owFeatureSection,
body[data-ui-mode="moon"] .owSubTrustItem,
body[data-ui-mode="moon"] .owPriceAlt,
body[data-ui-mode="moon"] .owBillingDetails{
color:rgba(233,231,245,.67)!important;
}
body[data-ui-mode="moon"] .owTierDivider,
body[data-ui-mode="moon"] .owTierList li{
border-color:rgba(255,255,255,.08)!important;
}
body[data-ui-mode="moon"] .owTierCta.seeker-cta{
background:linear-gradient(135deg, rgba(39,133,104,.98), rgba(44,151,123,.94))!important;
box-shadow:0 12px 30px rgba(16,88,68,.24)!important;
}
body[data-ui-mode="moon"] .owTierCta.seeker-cta::after{
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015))!important;
}
body[data-ui-mode="moon"] .owTierCta.oracle-cta{
background:linear-gradient(135deg, rgba(238,198,121,.96), rgba(164,123,240,.84))!important;
box-shadow:0 10px 28px rgba(92,72,168,.22)!important;
}
body[data-ui-mode="moon"] .owSubClose{
background:rgba(255,255,255,.06)!important;
border-color:rgba(160,146,216,.16)!important;
}

/* === original inline style block 263; id: ow-v1098-on-this-day-moon-tone; original line: 51525 === */
body[data-ui-mode="moon"] #otdModal .owOTDPanelX{
background:
linear-gradient(90deg,
rgba(88,66,44,.08) 0%,
rgba(88,66,44,0) 9%,
rgba(88,66,44,0) 27%,
rgba(88,66,44,.06) 35%,
rgba(88,66,44,0) 43%,
rgba(88,66,44,0) 57%,
rgba(88,66,44,.05) 66%,
rgba(88,66,44,0) 74%,
rgba(88,66,44,0) 89%,
rgba(88,66,44,.04) 100%),
radial-gradient(1200px 260px at 50% 0%, rgba(255,255,255,.035), transparent 70%),
linear-gradient(180deg, rgba(22,21,46,.965) 0%, rgba(10,15,39,.975) 52%, rgba(5,10,31,.982) 100%) !important;
}
body[data-ui-mode="moon"] #otdModal .owOTDYearHeaderX,
body[data-ui-mode="moon"] #otdModal .owOTDItemX,
body[data-ui-mode="moon"] #otdModal .owOTDEmptyX{
background:
linear-gradient(90deg,
rgba(88,66,44,.055) 0%,
rgba(88,66,44,0) 11%,
rgba(88,66,44,0) 31%,
rgba(88,66,44,.045) 40%,
rgba(88,66,44,0) 49%,
rgba(88,66,44,0) 63%,
rgba(88,66,44,.04) 72%,
rgba(88,66,44,0) 80%,
rgba(88,66,44,0) 92%,
rgba(88,66,44,.03) 100%),
radial-gradient(760px 180px at 50% 0%, rgba(255,255,255,.028), transparent 72%),
linear-gradient(180deg, rgba(24,23,52,.94), rgba(9,15,42,.95)) !important;
}
body[data-ui-mode="moon"] #otdModal .owOTDEmptyX{
box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* === original inline style block 264; id: owLegalFooterStyles; original line: 52358 === */
/* OraWhale v1430.01: anchored luxury footer. Full-width, no emoji seal, Calm-style bottom section. */
#owLegalFooter{position:relative;z-index:8;width:100%;margin:clamp(62px,7vw,96px) 0 0!important;padding:clamp(46px,5.2vw,72px) clamp(24px,5vw,72px) max(clamp(34px,4vw,54px),env(safe-area-inset-bottom))!important;color:rgba(239,235,250,.78);background:radial-gradient(900px 320px at 10% 0%,rgba(246,224,174,.10),transparent 62%),radial-gradient(920px 360px at 92% 10%,rgba(165,145,255,.12),transparent 58%),linear-gradient(180deg,rgba(15,14,31,.94),rgba(10,12,28,.985));border-top:1px solid rgba(238,224,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 -18px 64px rgba(4,6,20,.18);overflow:hidden;box-sizing:border-box}
#owLegalFooter::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(248,224,160,.17) 18%,rgba(188,172,255,.14) 50%,rgba(248,224,160,.12) 82%,transparent 100%);height:1px;bottom:auto;opacity:.92}
#owLegalFooter::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -18%,rgba(255,255,255,.08),transparent 34%);opacity:.68}
#owLegalFooter .owLegalInner{position:relative;z-index:1;width:min(1160px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(255px,1.08fr) repeat(3,minmax(126px,.72fr));gap:24px 56px;align-items:start;box-sizing:border-box}
#owLegalFooter .owFooterBrand{display:flex;align-items:flex-start;gap:16px;min-width:0}
#owLegalFooter .owFooterSeal{display:none!important}
#owLegalFooter .owFooterLogo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:58px;height:58px;margin-top:-4px;border-radius:18px;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.30))}
#owLegalFooter .owFooterLogoImg{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0}
#owLegalFooter .owFooterBrandText{min-width:0}
#owLegalFooter .owFooterWordmark{font:850 25px/1.05 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.005em;color:#fbf8ff;text-shadow:0 1px 20px rgba(229,215,255,.12)}
#owLegalFooter .owFooterTagline{max-width:305px;margin-top:10px;font:520 14.5px/1.58 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.004em;color:rgba(239,235,250,.62)}
#owLegalFooter .owFooterGroup{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0;min-width:0}
#owLegalFooter .owFooterHeading{margin:0 0 6px;font:860 10.5px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:rgba(246,228,177,.72)}
#owLegalFooter .owLegalLink,#owLegalFooter .owFooterEmail{appearance:none;background:none;border:0;padding:0;color:rgba(239,235,250,.70);font:650 14px/1.38 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.004em;text-decoration:none;cursor:pointer;transition:color .16s ease,opacity .16s ease,transform .16s ease;text-align:left}
#owLegalFooter .owLegalLink:hover,#owLegalFooter .owLegalLink:focus-visible,#owLegalFooter .owFooterEmail:hover,#owLegalFooter .owFooterEmail:focus-visible{color:#fff;outline:none;transform:translateY(-1px)}
#owLegalFooter .owLegalDot{display:none!important}
#owLegalFooter .owFooterBottom{grid-column:1/-1;margin-top:24px;padding-top:18px;border-top:1px solid rgba(245,235,255,.12);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#owLegalFooter .owLegalCopyright{font:540 12.5px/1.4 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.035em;color:rgba(239,235,250,.45);text-align:left}
#owLegalFooter .owFooterEmail{font-size:12.5px;letter-spacing:.025em;color:rgba(239,235,250,.54)}
body[data-ui-mode="dawn"] #owLegalFooter{color:#6e6680;background:radial-gradient(980px 340px at 12% 0%,rgba(220,170,92,.16),transparent 62%),radial-gradient(980px 380px at 92% 6%,rgba(177,158,213,.18),transparent 60%),linear-gradient(180deg,rgba(251,244,233,.94),rgba(240,226,207,.985));border-top-color:rgba(154,125,84,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 -18px 62px rgba(139,112,72,.10)}
body[data-ui-mode="dawn"] #owLegalFooter::before{background:linear-gradient(90deg,transparent 0%,rgba(191,148,80,.26) 18%,rgba(167,143,204,.20) 52%,rgba(191,148,80,.20) 82%,transparent 100%)}
body[data-ui-mode="dawn"] #owLegalFooter::after{background:radial-gradient(circle at 50% -18%,rgba(255,255,255,.52),transparent 36%);opacity:.74}
body[data-ui-mode="dawn"] #owLegalFooter .owFooterLogo{filter:drop-shadow(0 14px 24px rgba(121,94,56,.16))}
body[data-ui-mode="dawn"] #owLegalFooter .owFooterWordmark{color:#53516f;text-shadow:0 1px 18px rgba(181,155,102,.08)}
body[data-ui-mode="dawn"] #owLegalFooter .owFooterTagline{color:rgba(83,78,104,.68)}
body[data-ui-mode="dawn"] #owLegalFooter .owFooterHeading{color:#8b734e}
body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink,body[data-ui-mode="dawn"] #owLegalFooter .owFooterEmail{color:#706981}
body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink:hover,body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink:focus-visible,body[data-ui-mode="dawn"] #owLegalFooter .owFooterEmail:hover,body[data-ui-mode="dawn"] #owLegalFooter .owFooterEmail:focus-visible{color:#404963}
body[data-ui-mode="dawn"] #owLegalFooter .owFooterBottom{border-top-color:rgba(126,105,78,.16)}
body[data-ui-mode="dawn"] #owLegalFooter .owLegalCopyright{color:rgba(105,96,119,.58)}
@media (max-width:720px){
  #owLegalFooter{width:100%!important;margin:44px 0 0!important;padding:38px 22px max(32px,env(safe-area-inset-bottom))!important;border-radius:0!important;}
  #owLegalFooter .owLegalInner{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:26px!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #owLegalFooter .owFooterBrand{align-items:center!important;flex-direction:column!important;text-align:center!important;gap:12px!important;padding-bottom:2px!important;}
  #owLegalFooter .owFooterLogo{width:76px!important;height:50px!important;margin:0!important;}
  #owLegalFooter .owFooterWordmark{font-size:28px!important;letter-spacing:.002em!important;}
  #owLegalFooter .owFooterTagline{max-width:310px!important;margin:8px auto 0!important;font-size:13.8px!important;line-height:1.55!important;}
  #owLegalFooter .owFooterGroup{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;width:100%!important;padding:0!important;border-top:0!important;text-align:center!important;}
  #owLegalFooter .owFooterHeading{margin:0 0 2px!important;font-size:10px!important;letter-spacing:.22em!important;text-align:center!important;}
  #owLegalFooter .owLegalLink{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:14px!important;font-weight:650!important;line-height:1.25!important;text-align:center!important;letter-spacing:.002em!important;white-space:normal!important;}
  #owLegalFooter .owLegalLink:hover,#owLegalFooter .owLegalLink:focus-visible{transform:translateY(-1px)!important;background:transparent!important;}
  #owLegalFooter .owFooterFull{grid-column:auto!important;}
  #owLegalFooter .owFooterBottom{margin-top:4px!important;padding-top:18px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;}
  #owLegalFooter .owLegalCopyright{font-size:12px!important;line-height:1.38!important;text-align:center!important;letter-spacing:.025em!important;}
  #owLegalFooter .owFooterEmail{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:12px!important;line-height:1!important;text-align:center!important;}
}
@media (max-width:380px){
  #owLegalFooter{padding-left:18px!important;padding-right:18px!important;}
  #owLegalFooter .owLegalLink{font-size:13.4px!important;}
}
#owLegalModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999999;padding:18px}#owLegalModal.show{display:flex}#owLegalBg{position:absolute;inset:0;background:rgba(8,10,18,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#owLegalCard{position:relative;width:min(960px,100%);max-height:min(90dvh,860px);display:flex;flex-direction:column;border-radius:30px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(21,18,34,.96),rgba(14,12,24,.94));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}body[data-ui-mode="dawn"] #owLegalCard{border-color:rgba(168,146,122,.18);background:linear-gradient(180deg,rgba(255,251,246,.985),rgba(250,246,241,.975));box-shadow:0 24px 64px rgba(140,118,92,.16),inset 0 1px 0 rgba(255,255,255,.95)}#owLegalTop{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.07)}body[data-ui-mode="dawn"] #owLegalTop{border-bottom-color:rgba(168,146,122,.15)}#owLegalKicker{font:700 10.5px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:rgba(232,225,255,.48);margin-bottom:8px}body[data-ui-mode="dawn"] #owLegalKicker{color:#9c91a0}#owLegalTitle{margin:0;color:#f4f3fb;font:700 clamp(24px,2.6vw,34px)/1.06 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body[data-ui-mode="dawn"] #owLegalTitle{color:#404a66}#owLegalClose{appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#ede8ff;width:46px;height:46px;border-radius:16px;font-size:26px;line-height:1;cursor:pointer;flex:0 0 auto}body[data-ui-mode="dawn"] #owLegalClose{border-color:rgba(168,146,122,.16);background:rgba(255,255,255,.62);color:#505a74}#owLegalBody{padding:14px 24px 24px;overflow:auto;color:rgba(239,236,248,.78);font:400 14.5px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}body[data-ui-mode="dawn"] #owLegalBody{color:#666f83;scrollbar-color:rgba(125,112,132,.24) transparent}#owLegalBody::-webkit-scrollbar{width:8px}#owLegalBody::-webkit-scrollbar-track{background:transparent}#owLegalBody::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}body[data-ui-mode="dawn"] #owLegalBody::-webkit-scrollbar-thumb{background:rgba(125,112,132,.22)}#owLegalBody .owLegalMeasure{max-width:860px;margin:0 auto}#owLegalBody h2,#owLegalBody h3{color:#f6f3ff;margin:20px 0 8px;font-weight:600;line-height:1.18}#owLegalBody h2:first-child{margin-top:0}#owLegalBody h2{font-size:28px!important}#owLegalBody h3{font-size:16px!important}body[data-ui-mode="dawn"] #owLegalBody h2,body[data-ui-mode="dawn"] #owLegalBody h3{color:#3d4762}#owLegalBody p{margin:0 0 12px}#owLegalBody ul{margin:0 0 14px 18px;padding:0}#owLegalBody li{margin:0 0 8px}#owLegalBody .owLegalStamp{margin:0 0 14px;color:rgba(239,236,248,.54);font-size:12px;letter-spacing:.08em;text-transform:uppercase}body[data-ui-mode="dawn"] #owLegalBody .owLegalStamp{color:#9a8ea0}#owLegalBody .owLegalCallout{margin:14px 0;padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}body[data-ui-mode="dawn"] #owLegalBody .owLegalCallout{border-color:rgba(168,146,122,.13);background:rgba(255,255,255,.56)}#owLegalBody .owLegalPath{display:inline-block;margin-top:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);font-weight:600;color:#f4f0ff}body[data-ui-mode="dawn"] #owLegalBody .owLegalPath{border-color:rgba(168,146,122,.15);background:rgba(255,255,255,.64);color:#465069}#owLegalBody a{color:inherit}#owLegalModal.show ~ :is(.floatingCrystal,.floatCrystal,.cursorCrystal,.decorCrystal,.floatingGem,.owFloatingCrystal,#floatCrystal){opacity:0!important;visibility:hidden!important}@media (max-width:720px){  #owLegalFooter{width:min(100% - 28px,520px)!important;margin:34px auto max(34px,env(safe-area-inset-bottom))!important;padding:0!important;}  #owLegalFooter .owLegalInner{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:24px 18px 18px!important;border-radius:28px!important;}  #owLegalFooter .owFooterBrand{align-items:center!important;flex-direction:column!important;text-align:center!important;gap:10px!important;}  #owLegalFooter .owFooterSeal{width:42px!important;height:42px!important;}  #owLegalFooter .owFooterWordmark{font-size:24px!important;}  #owLegalFooter .owFooterTagline{max-width:300px!important;margin-top:7px!important;font-size:13.5px!important;line-height:1.5!important;}  #owLegalFooter .owFooterGroup{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;width:100%!important;padding-top:15px!important;border-top:1px solid rgba(245,235,255,.12)!important;}  body[data-ui-mode="dawn"] #owLegalFooter .owFooterGroup{border-top-color:rgba(126,105,78,.14)!important;}  #owLegalFooter .owFooterHeading{grid-column:1 / -1!important;margin:0 0 2px!important;font-size:10px!important;text-align:left!important;}  #owLegalFooter .owLegalLink{justify-content:center!important;text-align:center!important;min-height:38px!important;padding:0 10px!important;border-radius:14px!important;border:1px solid rgba(245,235,255,.10)!important;background:rgba(255,255,255,.035)!important;font-size:13px!important;font-weight:760!important;line-height:1.16!important;letter-spacing:.002em!important;white-space:normal!important;}  #owLegalFooter .owLegalLink:hover,#owLegalFooter .owLegalLink:focus-visible{transform:none!important;background:rgba(255,255,255,.06)!important;}  body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink{border-color:rgba(126,105,78,.13)!important;background:rgba(255,255,255,.46)!important;}  body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink:hover,body[data-ui-mode="dawn"] #owLegalFooter .owLegalLink:focus-visible{background:rgba(255,255,255,.68)!important;}  #owLegalFooter .owFooterFull{grid-column:1 / -1!important;}  #owLegalFooter .owFooterBottom{margin-top:0!important;padding-top:16px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;}  #owLegalFooter .owLegalCopyright{font-size:12px!important;line-height:1.35!important;text-align:center!important;letter-spacing:.02em!important;}  #owLegalFooter .owFooterEmail{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(245,235,255,.10)!important;background:rgba(255,255,255,.03)!important;font-size:12px!important;line-height:1!important;}  body[data-ui-mode="dawn"] #owLegalFooter .owFooterEmail{border-color:rgba(126,105,78,.13)!important;background:rgba(255,255,255,.36)!important;}}@media (max-width:380px){  #owLegalFooter{width:min(100% - 22px,520px)!important;}  #owLegalFooter .owLegalInner{padding:22px 14px 16px!important;}  #owLegalFooter .owLegalLink{font-size:12.4px!important;padding:0 8px!important;}}@media (max-width:720px){#owLegalModal{padding:10px}#owLegalCard{max-height:94dvh;border-radius:24px}#owLegalTop{padding:17px 18px 14px}#owLegalClose{width:42px;height:42px;border-radius:14px;font-size:24px}#owLegalBody{padding:0 18px 18px;font-size:14px}#owLegalBody h2{font-size:18px!important}#owLegalBody h3{font-size:14px!important}}

/* === original inline style block 265; id: ow-v524-card-oracle-outer-shell-match-step34; original line: 52449 === */
body[data-ui-mode="dawn"] .stage,
body[data-ui-mode="dawn"] .oracle{
background:
radial-gradient(140% 55% at 50% 0%, rgba(255,255,255,.62) 0%, transparent 66%),
linear-gradient(180deg, rgba(255,255,255,.88), rgba(250,246,241,.90)) !important;
border: 1px solid rgba(221,214,203,.78) !important;
box-shadow:
0 16px 34px rgba(103,88,72,.08),
inset 0 1px 0 rgba(255,255,255,.56) !important;
}

/* === original inline style block 266; id: ow-v530-moon-deeper-embedding; original line: 52461 === */
body[data-ui-mode="moon"]{
--ow-moon-embedded-surface:
radial-gradient(140% 52% at 50% 0%, rgba(142,126,194,.09) 0%, rgba(255,255,255,.020) 22%, transparent 66%),
linear-gradient(180deg, rgba(10,11,31,.58), rgba(7,14,34,.68));
--ow-moon-embedded-surface-soft:
radial-gradient(140% 48% at 50% 0%, rgba(138,121,188,.07) 0%, rgba(255,255,255,.014) 18%, transparent 68%),
linear-gradient(180deg, rgba(8,11,29,.54), rgba(7,13,31,.64));
--ow-moon-embedded-border: rgba(255,255,255,.055);
--ow-moon-embedded-border-soft: rgba(255,255,255,.075);
--ow-moon-embedded-shadow: 0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.028);
--ow-moon-embedded-shadow-soft: 0 10px 24px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.022);
}
body[data-ui-mode="moon"] .header{
background:
radial-gradient(135% 50% at 50% 0%, rgba(146,130,194,.11) 0%, rgba(255,255,255,.024) 18%, transparent 68%),
linear-gradient(180deg, rgba(10,11,33,.70), rgba(8,13,32,.76)) !important;
border-color: rgba(255,255,255,.075) !important;
box-shadow: 0 16px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.036) !important;
}
body[data-ui-mode="moon"] .cursorWidget,
body[data-ui-mode="moon"] .ritualStrip .ritualPanel,
body[data-ui-mode="moon"] #panelZodiac,
body[data-ui-mode="moon"] #panelRealm,
body[data-ui-mode="moon"] #panelDraw,
body[data-ui-mode="moon"] #panelJournal,
body[data-ui-mode="moon"] .stage,
body[data-ui-mode="moon"] .oracle,
body[data-ui-mode="moon"] .journalSection,
body[data-ui-mode="moon"] .journalCardPreview,
body[data-ui-mode="moon"] .todayRitual,
body[data-ui-mode="moon"] .memoriesLauncher,
body[data-ui-mode="moon"] .imStreakBanner{
background: var(--ow-moon-embedded-surface) !important;
border-color: var(--ow-moon-embedded-border) !important;
box-shadow: var(--ow-moon-embedded-shadow) !important;
}
body[data-ui-mode="moon"] .ritualPanelTop,
body[data-ui-mode="moon"] .journalSectionTop,
body[data-ui-mode="moon"] .journalSectionHeader,
body[data-ui-mode="moon"] .memoriesLauncherInner,
body[data-ui-mode="moon"] .imStreakBannerInner{
background: rgba(255,255,255,.004) !important;
border-color: rgba(255,255,255,.032) !important;
}
body[data-ui-mode="moon"] .stage::before,
body[data-ui-mode="moon"] .oracle::before,
body[data-ui-mode="moon"] .stepBadge{
background: rgba(255,255,255,.022) !important;
border-color: rgba(255,255,255,.05) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}
body[data-ui-mode="moon"] .stage .hint,
body[data-ui-mode="moon"] .oracle .hint,
body[data-ui-mode="moon"] .stage .premiumHint,
body[data-ui-mode="moon"] .oracle .premiumHint,
body[data-ui-mode="moon"] .stage .oracleHint,
body[data-ui-mode="moon"] .oracle .oracleHint,
body[data-ui-mode="moon"] #hintBox,
body[data-ui-mode="moon"] #oracleCol > .hint,
body[data-ui-mode="moon"] .journalCardStage,
body[data-ui-mode="moon"] .journalCardFrame,
body[data-ui-mode="moon"] .journalCardThumb,
[data-ui-mode=moon] :is(.tile,.attrItem){background:linear-gradient(#0a0d2285,#070c1fa8)!important;border-color:#ffffff16!important;box-shadow:var(--ow-moon-embedded-shadow-soft)!important}[data-ui-mode=moon] :is(.tileTitle,.attrTitle){color:#d7dae8a8!important}
body[data-ui-mode="moon"] .cursorWidgetTitle{
color: rgba(244,247,251,.92) !important;
}
body[data-ui-mode="moon"] .cursorWidgetSub{
color: rgba(220,228,239,.56) !important;
}
body[data-ui-mode="moon"] .cursorSelectLux,
body[data-ui-mode="moon"] #cursorSelect.cursorSelectLux{
background:
radial-gradient(135% 52% at 50% 0%, rgba(142,126,194,.09) 0%, rgba(255,255,255,.018) 18%, transparent 66%),
linear-gradient(180deg, rgba(12,14,37,.56), rgba(10,13,34,.68)) !important;
border-color: rgba(255,255,255,.072) !important;
box-shadow: 0 8px 20px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body[data-ui-mode="moon"] .journalEditorWrap,
body[data-ui-mode="moon"] .journalRichToolbar,
body[data-ui-mode="moon"] .ql-toolbar,
body[data-ui-mode="moon"] .toolbar,
body[data-ui-mode="moon"] .editorToolbar,
body[data-ui-mode="moon"] .journalEditor,
body[data-ui-mode="moon"] .journalRichContent,
body[data-ui-mode="moon"] .journalTextarea,
body[data-ui-mode="moon"] .editorSurface{
border-color: rgba(255,255,255,.05) !important;
box-shadow: none !important;
}
body[data-ui-mode="moon"] .journalRichToolbar,
body[data-ui-mode="moon"] .ql-toolbar,
body[data-ui-mode="moon"] .toolbar,
body[data-ui-mode="moon"] .editorToolbar{
background: linear-gradient(180deg, rgba(12,14,36,.56), rgba(10,13,33,.64)) !important;
}
body[data-ui-mode="moon"] .journalEditor,
body[data-ui-mode="moon"] .journalRichContent,
body[data-ui-mode="moon"] .journalTextarea,
body[data-ui-mode="moon"] .editorSurface{
background: linear-gradient(180deg, rgba(7,10,28,.54), rgba(6,9,24,.66)) !important;
}
body[data-ui-mode="moon"] .memoriesLauncher,body[data-ui-mode="moon"] .imStreakBanner{background:radial-gradient(136% 42% at 50% 0%,rgba(108,95,170,.055) 0%,rgba(255,255,255,.009) 14%,transparent 54%),linear-gradient(180deg,rgba(5,8,24,.86),rgba(4,9,26,.93))!important;border-color:rgba(255,255,255,.055)!important;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.018)!important}
.header,
.cursorWidget{
position: relative;
overflow: hidden;
}
body[data-ui-mode="moon"] .header{
border-color: rgba(255,255,255,.045) !important;
background:
radial-gradient(1200px 420px at 50% 0%, rgba(120,98,210,.045), transparent 68%),
linear-gradient(180deg, rgba(8,10,26,.18), rgba(8,10,24,.10)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 0 0 1px rgba(255,255,255,.018) !important;
backdrop-filter: blur(8px) saturate(108%) !important;
-webkit-backdrop-filter: blur(8px) saturate(108%) !important;
}
body[data-ui-mode="moon"] .header::before,
body[data-ui-mode="moon"] .header::after{
opacity: .32 !important;
}
body[data-ui-mode="moon"] .cursorWidget{
border-color: rgba(255,255,255,.04) !important;
background:
radial-gradient(900px 220px at 50% 50%, rgba(120,98,210,.035), transparent 70%),
linear-gradient(180deg, rgba(8,10,24,.12), rgba(8,10,22,.08)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.022),
0 0 0 1px rgba(255,255,255,.014) !important;
backdrop-filter: blur(8px) saturate(108%) !important;
-webkit-backdrop-filter: blur(8px) saturate(108%) !important;
}
body[data-ui-mode="moon"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="moon"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="moon"] .cursorSelect{
border-color: rgba(255,255,255,.05) !important;
background:
radial-gradient(140% 120% at 50% 0%, rgba(255,255,255,.035), transparent 44%),
linear-gradient(180deg, rgba(18,20,48,.22), rgba(12,14,34,.14)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 0 0 1px rgba(255,255,255,.016) !important;
}
body[data-ui-mode="dawn"] .header{
border-color: rgba(110,98,120,.05) !important;
background:
radial-gradient(1100px 360px at 50% 0%, rgba(214,202,228,.11), transparent 70%),
linear-gradient(180deg, rgba(255,252,247,.40), rgba(251,247,241,.26)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.22),
0 0 0 1px rgba(167,151,183,.03) !important;
backdrop-filter: blur(6px) saturate(104%) !important;
-webkit-backdrop-filter: blur(6px) saturate(104%) !important;
}
body[data-ui-mode="dawn"] .header::before,
body[data-ui-mode="dawn"] .header::after{
opacity: .22 !important;
}
body[data-ui-mode="dawn"] .cursorWidget{
border-color: rgba(110,98,120,.045) !important;
background:
radial-gradient(900px 220px at 50% 50%, rgba(216,206,228,.10), transparent 70%),
linear-gradient(180deg, rgba(255,252,247,.30), rgba(250,246,240,.18)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.16),
0 0 0 1px rgba(167,151,183,.025) !important;
backdrop-filter: blur(6px) saturate(104%) !important;
-webkit-backdrop-filter: blur(6px) saturate(104%) !important;
}
body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="dawn"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="dawn"] .cursorSelect{
border-color: rgba(150,134,171,.08) !important;
background:
radial-gradient(140% 120% at 50% 0%, rgba(255,255,255,.18), transparent 48%),
linear-gradient(180deg, rgba(244,239,247,.52), rgba(236,230,243,.34)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.35),
0 0 0 1px rgba(180,165,194,.03) !important;
}
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] .cursorWidget,
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] .cursorWidget{
transform: none !important;
}

/* === original inline style block 267; id: orawhale-v533-moon-bg-quiet-header-cursor-melt; original line: 52650 === */
body[data-ui-mode="moon"] #imBaseBg{
filter: brightness(.48) saturate(.76) contrast(.90) !important;
opacity: .92 !important;
}
body[data-ui-mode="moon"]::before{
opacity: .88 !important;
filter: brightness(.66) saturate(.88) drop-shadow(0 18px 40px rgba(0,0,0,.22)) !important;
}
body[data-ui-mode="moon"]::after{
opacity: .26 !important;
}
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] #mainHeader{
background:
radial-gradient(1200px 380px at 50% 0%, rgba(117,105,176,.028), transparent 72%),
linear-gradient(180deg, rgba(7,9,22,.085), rgba(7,9,22,.045)) !important;
border-color: rgba(255,255,255,.024) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.012),
0 0 0 1px rgba(255,255,255,.008) !important;
backdrop-filter: blur(4px) saturate(102%) !important;
-webkit-backdrop-filter: blur(4px) saturate(102%) !important;
}
body[data-ui-mode="moon"] .header::before,
body[data-ui-mode="moon"] .header::after,
body[data-ui-mode="moon"] #mainHeader::before,
body[data-ui-mode="moon"] #mainHeader::after{
opacity: .16 !important;
}
body[data-ui-mode="moon"] .cursorWidget{
background:
radial-gradient(900px 200px at 50% 50%, rgba(117,105,176,.022), transparent 74%),
linear-gradient(180deg, rgba(7,9,22,.07), rgba(7,9,22,.035)) !important;
border-color: rgba(255,255,255,.022) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.011),
0 0 0 1px rgba(255,255,255,.007) !important;
backdrop-filter: blur(4px) saturate(102%) !important;
-webkit-backdrop-filter: blur(4px) saturate(102%) !important;
}
body[data-ui-mode="moon"] .cursorWidgetTitle{
color: rgba(244,247,252,.86) !important;
}
body[data-ui-mode="moon"] .cursorWidgetSub{
color: rgba(215,224,236,.48) !important;
}
body[data-ui-mode="moon"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="moon"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="moon"] .cursorSelect{
background:
radial-gradient(140% 110% at 50% 0%, rgba(255,255,255,.028), transparent 46%),
linear-gradient(180deg, rgba(20,22,52,.17), rgba(12,15,36,.10)) !important;
border-color: rgba(255,255,255,.045) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.028),
0 0 0 1px rgba(255,255,255,.010) !important;
}
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] #mainHeader{
background:
radial-gradient(1200px 360px at 50% 0%, rgba(218,207,228,.055), transparent 74%),
linear-gradient(180deg, rgba(255,252,247,.17), rgba(251,247,241,.09)) !important;
border-color: rgba(145,132,165,.030) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.14),
0 0 0 1px rgba(170,156,186,.012) !important;
backdrop-filter: blur(3px) saturate(102%) !important;
-webkit-backdrop-filter: blur(3px) saturate(102%) !important;
}
body[data-ui-mode="dawn"] .header::before,
body[data-ui-mode="dawn"] .header::after,
body[data-ui-mode="dawn"] #mainHeader::before,
body[data-ui-mode="dawn"] #mainHeader::after{
opacity: .12 !important;
}
body[data-ui-mode="dawn"] .cursorWidget{
background:
radial-gradient(900px 220px at 50% 50%, rgba(214,205,228,.040), transparent 74%),
linear-gradient(180deg, rgba(255,252,247,.12), rgba(250,246,240,.06)) !important;
border-color: rgba(145,132,165,.028) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.11),
0 0 0 1px rgba(170,156,186,.010) !important;
backdrop-filter: blur(3px) saturate(102%) !important;
-webkit-backdrop-filter: blur(3px) saturate(102%) !important;
}
body[data-ui-mode="dawn"] .cursorWidgetTitle{
color: #37455a !important;
}
body[data-ui-mode="dawn"] .cursorWidgetSub{
color: rgba(82,92,112,.62) !important;
}
body[data-ui-mode="dawn"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="dawn"] .cursorSelect{
background:
radial-gradient(140% 110% at 50% 0%, rgba(255,255,255,.13), transparent 48%),
linear-gradient(180deg, rgba(243,238,247,.34), rgba(236,230,243,.20)) !important;
border-color: rgba(154,140,176,.060) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.24),
0 0 0 1px rgba(180,165,194,.015) !important;
}
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] .cursorWidget,
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] .cursorWidget{
transform: none !important;
}

/* === original inline style block 268; id: orawhale-v534-header-further-dissolved; original line: 52761 === */
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] #mainHeader,
body[data-ui-mode="moon"] .page > .header {
background:
radial-gradient(120% 88% at 50% 42%, rgba(146,132,210,.060) 0%, rgba(118,110,178,.032) 26%, rgba(60,68,108,.014) 44%, transparent 74%) !important;
border-color: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="moon"] .header::before,
body[data-ui-mode="moon"] .header::after,
body[data-ui-mode="moon"] #mainHeader::before,
body[data-ui-mode="moon"] #mainHeader::after,
body[data-ui-mode="moon"] .page > .header::before,
body[data-ui-mode="moon"] .page > .header::after {
opacity: 0 !important;
background: none !important;
box-shadow: none !important;
}
body[data-ui-mode="moon"] .cursorWidget {
background:
radial-gradient(120% 120% at 50% 50%, rgba(116,105,176,.040) 0%, rgba(94,88,146,.020) 28%, transparent 76%) !important;
border-color: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] #mainHeader,
body[data-ui-mode="dawn"] .page > .header {
background:
radial-gradient(120% 88% at 50% 42%, rgba(223,213,232,.135) 0%, rgba(233,226,239,.070) 26%, rgba(245,241,235,.030) 46%, transparent 76%) !important;
border-color: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] .header::before,
body[data-ui-mode="dawn"] .header::after,
body[data-ui-mode="dawn"] #mainHeader::before,
body[data-ui-mode="dawn"] #mainHeader::after,
body[data-ui-mode="dawn"] .page > .header::before,
body[data-ui-mode="dawn"] .page > .header::after {
opacity: 0 !important;
background: none !important;
box-shadow: none !important;
}
body[data-ui-mode="dawn"] .cursorWidget {
background:
radial-gradient(120% 120% at 50% 50%, rgba(222,213,232,.090) 0%, rgba(235,227,240,.045) 28%, transparent 78%) !important;
border-color: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] .cursorWidget,
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] .cursorWidget {
outline: none !important;
transform: none !important;
}

/* === original inline style block 269; id: no-id; original line: 52826 === */
.page > .ritualStrip,
.ritualStrip{
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.page > .ritualStrip::before,
.ritualStrip::before,
.page > .ritualStrip::after,
.ritualStrip::after{
content: none !important;
display: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.page > .ritualStrip > .ritualPanel,
.ritualStrip > .ritualPanel{
position: relative;
z-index: 1;
}

/* === original inline style block 270; id: orawhale-v536-header-cursor-transparent-row; original line: 52853 === */
body[data-ui-mode="moon"] .header,
body[data-ui-mode="moon"] #mainHeader,
body[data-ui-mode="moon"] .page > .header,
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] #mainHeader,
body[data-ui-mode="dawn"] .page > .header{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="moon"] .header::before,
body[data-ui-mode="moon"] .header::after,
body[data-ui-mode="moon"] #mainHeader::before,
body[data-ui-mode="moon"] #mainHeader::after,
body[data-ui-mode="moon"] .page > .header::before,
body[data-ui-mode="moon"] .page > .header::after,
body[data-ui-mode="dawn"] .header::before,
body[data-ui-mode="dawn"] .header::after,
body[data-ui-mode="dawn"] #mainHeader::before,
body[data-ui-mode="dawn"] #mainHeader::after,
body[data-ui-mode="dawn"] .page > .header::before,
body[data-ui-mode="dawn"] .page > .header::after{
content: none !important;
display: none !important;
background: none !important;
box-shadow: none !important;
border: 0 !important;
opacity: 0 !important;
}
body[data-ui-mode="moon"] #mainHeader,
body[data-ui-mode="dawn"] #mainHeader{
outline: none !important;
transform: none !important;
}
body[data-ui-mode="moon"] .cursorWidget,
body[data-ui-mode="dawn"] .cursorWidget{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
body[data-ui-mode="moon"] .cursorWidget::before,
body[data-ui-mode="moon"] .cursorWidget::after,
body[data-ui-mode="dawn"] .cursorWidget::before,
body[data-ui-mode="dawn"] .cursorWidget::after{
content: none !important;
display: none !important;
}
.cursorWidgetInner{
gap: 20px !important;
align-items: center !important;
}
.cursorWidgetText{
padding-left: 4px !important;
}
body[data-ui-mode="moon"] .cursorWidgetTitle{
color: rgba(245,247,252,.92) !important;
}
body[data-ui-mode="moon"] .cursorWidgetSub{
color: rgba(221,228,239,.58) !important;
}
body[data-ui-mode="dawn"] .cursorWidgetTitle{
color: #334158 !important;
}
body[data-ui-mode="dawn"] .cursorWidgetSub{
color: rgba(88,99,118,.66) !important;
}
body[data-ui-mode="moon"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="moon"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="moon"] .cursorSelect{
background:
radial-gradient(135% 54% at 50% 0%, rgba(255,255,255,.05) 0%, transparent 46%),
linear-gradient(180deg, rgba(24,28,66,.56), rgba(14,18,44,.46)) !important;
border: 1px solid rgba(255,255,255,.08) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 8px 24px rgba(0,0,0,.12) !important;
backdrop-filter: blur(8px) saturate(108%) !important;
-webkit-backdrop-filter: blur(8px) saturate(108%) !important;
}
body[data-ui-mode="dawn"] .cursorWidget .cursorSelectLux,
body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux,
body[data-ui-mode="dawn"] .cursorSelect{
background:
radial-gradient(135% 54% at 50% 0%, rgba(255,255,255,.28) 0%, transparent 48%),
linear-gradient(180deg, rgba(243,239,247,.78), rgba(236,231,243,.64)) !important;
border: 1px solid rgba(167,151,186,.12) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.46),
0 8px 22px rgba(120,110,130,.08) !important;
backdrop-filter: blur(8px) saturate(106%) !important;
-webkit-backdrop-filter: blur(8px) saturate(106%) !important;
}

/* === original inline style block 271; id: orawhale-v537-dawn-panel-less-header-and-base-bg; original line: 52953 === */
body[data-ui-mode="dawn"] #imBaseBg{
background-image: url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_Background_Base_Dawn.png") !important;
background-size: cover !important;
background-position: center top !important;
background-repeat: no-repeat !important;
opacity: .82 !important;
filter: saturate(.92) brightness(1.02) contrast(.98) !important;
}
body[data-ui-mode="dawn"] .header,
body[data-ui-mode="dawn"] #mainHeader,
body[data-ui-mode="dawn"] .page > .header,
body[data-ui-mode="dawn"] #mainHeader.header{
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
outline: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
body[data-ui-mode="dawn"] .header::before,
body[data-ui-mode="dawn"] .header::after,
body[data-ui-mode="dawn"] #mainHeader::before,
body[data-ui-mode="dawn"] #mainHeader::after,
body[data-ui-mode="dawn"] .page > .header::before,
body[data-ui-mode="dawn"] .page > .header::after,
body[data-ui-mode="dawn"] #mainHeader.header::before,
body[data-ui-mode="dawn"] #mainHeader.header::after{
content: none !important;
display: none !important;
opacity: 0 !important;
background: none !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
}

/* === original inline style block 272; id: ow-v1050-ysf-page2-timeline-dot-fix; original line: 52995 === */
#imRecapModal[data-recap-mode="light"] .owYSFPatternRail{
contain: layout style !important;
}
#imRecapModal[data-recap-mode="light"] .owYSFPatternItem{
contain: none !important;
}

/* === original inline style block 273; id: ow-card-clean-v5; original line: 53003 === */
.ritualMain .stage:has(.cardWrap),body[data-has-card="1"] .ritualMain .stage{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-ui-mode=moon] .ritualMain .stage:has(.cardWrap),body[data-ui-mode=moon][data-has-card="1"] .ritualMain .stage{background:rgba(5,6,18,.05)!important}.ritualMain .stage:has(.cardWrap) :is(.cardWrap,.cardMagic){background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}.ritualMain .stage:has(.cardWrap) .cardImg{border:0!important}body[data-ui-mode=dawn] .ritualMain .stage:has(.cardWrap) .cardImg{box-shadow:0 14px 38px #58493624!important}

/* === original inline style block 274; id: ow-v462-moon-zodiac-nextstep-real-match; original line: 53004 === */
body[data-ui-mode="moon"] #zodiacInterpShell,
body[data-ui-mode="moon"] #actionsChapter{
background:var(--ow-moon-embedded-surface)!important;
border-color:var(--ow-moon-embedded-border)!important;
box-shadow:var(--ow-moon-embedded-shadow)!important;
}
body[data-ui-mode="moon"] #zodiacInterpShell .zodiacInterpTopbar{
background:transparent!important;
border-bottom-color:rgba(255,255,255,.045)!important;
}
body[data-ui-mode="moon"] #zodiacInterpShell .zodiacInterpBody,
body[data-ui-mode="moon"] #actionsChapterHeader,
body[data-ui-mode="moon"] #actionsChapterHeaderTop,
body[data-ui-mode="moon"] #actionsChapterInner{
background:transparent!important;
}

/* === original inline style block 275; id: ow-v1071-iphone-days-returned-panel-strict-match; original line: 53022 === */
@media (max-width:640px){
body[data-ui-mode="dawn"] #imStreakBanner{
border:1px solid rgba(134,126,147,.085)!important;
background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(248,243,236,.52))!important;
box-shadow:0 7px 18px rgba(112,97,77,.04),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -18px 28px rgba(236,227,214,.14)!important;
}
body[data-ui-mode="moon"] #imStreakBanner,body:not([data-ui-mode="dawn"]) #imStreakBanner{border:1px solid rgba(255,255,255,.055)!important;background:radial-gradient(136% 42% at 50% 0%,rgba(108,95,170,.055) 0%,rgba(255,255,255,.009) 14%,transparent 54%),linear-gradient(180deg,rgba(5,8,24,.86),rgba(4,9,26,.93))!important;box-shadow:0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.018)!important}
}

/* === original inline style block 276; id: ow-v1074-pc-special-cursor-native-pointer-lock; original line: 53032 === */
@media (hover:hover) and (pointer:fine){
html:has(body.use-feather-cursor),
html:has(body.use-feather-cursor) *,
body.use-feather-cursor,
body.use-feather-cursor *,
body.use-feather-cursor button,
body.use-feather-cursor [role="button"],
body.use-feather-cursor a,
body.use-feather-cursor label,
body.use-feather-cursor input,
body.use-feather-cursor select,
body.use-feather-cursor textarea,
body.use-feather-cursor .btn,
body.use-feather-cursor .chip,
body.use-feather-cursor .realmChip,
body.use-feather-cursor .realmGrid,
body.use-feather-cursor .realmGrid *,
body.use-feather-cursor #panelRealm,
body.use-feather-cursor #panelRealm *,
body.use-feather-cursor #panelDraw,
body.use-feather-cursor #panelDraw *,
body.use-feather-cursor #pickBtn,
body.use-feather-cursor #pickBtn *{
cursor:none!important;
}
body.use-feather-cursor #cursorFeather,
body.use-feather-cursor .cursor-feather{
display:block!important;
pointer-events:none!important;
z-index:2147483647!important;
cursor:none!important;
}
}

/* === original inline style block 277; id: p; original line: 53452 === */
:root{--p:var(--ow-premium-pill-moon);--i:#1a1428;--b:#fff4;--s:0 18px 40px #0004,inset 0 1px 0 #fff4}body[data-ui-mode=dawn]{--p:linear-gradient(135deg,#e7c997fa,#d6bbdff5 48%,#acc7e0fa);--i:#2b354a;--b:#a698c442;--s:0 18px 42px #8c765c29,inset 0 1px 0 #fff7}body[data-ui-mode] :is(#heroDrawBtn,#intentReadyBtn,#panelDraw #pickBtn,.journalSaveBtn){background:var(--p)!important;color:var(--i)!important;border:1px solid var(--b)!important;box-shadow:var(--s)!important}body[data-ui-mode] :is(#zodiacPill,.journalScrollBtn,.memoriesLauncherBtn,#imRecapBtn,.imAlmCTA,#actionsChapterActions .btn,.actionsPremium .btn){background:var(--ow-bg-card)!important;color:var(--ow-text-secondary)!important;border:1px solid #ec94!important;box-shadow:var(--ow-shadow-soft)!important}#heroDrawBtn{width:min(78vw,380px)!important;min-width:0!important}#heroDrawBtn:after,#intentReadyBtn:after,#pickBtn:after,#actionsChapterActions .btn:before,#actionsChapterActions .btn:after{content:none!important;display:none!important}:is(.oracle .actions.actionsPremium,#shareModal .shareGrid){display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.oracle .actions.actionsPremium .btn{width:100%!important;min-width:0!important}#zodiacPill,#pickBtn{outline:0!important}#imRecapModal[data-recap-mode=light] :is(.imAlmYearLabel,.owAlmCurrentValue,.imAlmCurrentValue){background:var(--ow-grad-hero)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}@media(min-width:736px){#imRecapModal[data-recap-mode=light] :is(.owAlmClosingLine,.imAlmClosingLine){white-space:normal!important;width:100%!important;max-width:34ch!important}}body[data-ui-mode=dawn] #imRecapModal[data-recap-mode=light] :is(.imAlmAct,.owYSFRecogAct,.imAlmMetaPill,.imAlmSupportPill,.imAlmMetaPill *,.imAlmSupportPill *,.owAlmMetaLine,.owAlmQuietMeta,.owAlmClosingMeta){color:#555!important;-webkit-text-fill-color:#555!important}@media(max-width:735px){#imRecapModal[data-recap-mode=light] :is(.owAlmClosingLine,.imAlmClosingLine){white-space:normal!important;width:100%!important;max-width:100%!important}#imRecapModal[data-recap-mode=light] :is(.owAlmCurrentValue,.imAlmCurrentValue){font-size:38px!important}#imRecapModal[data-recap-mode=light] :is(.imAlmMetaPill,.imAlmSupportPill){white-space:normal!important;max-width:100%}#memoriesModal .arArchiveEditorRoot{display:flex!important}#memoriesModal .arArchiveEditorRoot>.journalEditorWrap{order:0!important}#memoriesModal .arArchiveEditorRoot>.arTagsSection{order:2!important}#memoriesModal .arArchiveEditorRoot>.arMoodSection{order:3!important}}

/* === original inline style block 278; id: ow-v1180-lux-paywall-memory-buttons; original line: 53453 === */
body[data-ui-mode="moon"] #owSubBg{background:radial-gradient(1100px 620px at 50% 18%,rgba(155,116,255,.10),transparent 58%),radial-gradient(900px 560px at 18% 0%,rgba(255,205,120,.055),transparent 60%),rgba(3,2,14,.86)!important}body[data-ui-mode="moon"] #owSubCard{background:radial-gradient(120% 54% at 50% 0%,rgba(255,255,255,.055),transparent 66%),radial-gradient(760px 260px at 50% -8%,rgba(155,116,255,.075),transparent 62%),linear-gradient(180deg,rgba(9,8,20,.96),rgba(12,10,30,.94))!important;border-color:rgba(255,255,255,.105)!important;box-shadow:0 42px 120px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08)!important}body[data-ui-mode="moon"] .owTierCard{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.026))!important;border-color:rgba(255,255,255,.105)!important;box-shadow:0 18px 46px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important}body[data-ui-mode="moon"] .owTierCard.owFree{background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.020))!important;border-color:rgba(255,255,255,.08)!important}body[data-ui-mode="moon"] .owTierCard.owBest{background:radial-gradient(520px 180px at 50% 0%,rgba(255,205,120,.035),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.026))!important;border-color:rgba(200,176,255,.18)!important;box-shadow:0 18px 50px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important}body[data-ui-mode="moon"] .owTierCard.owFeatured{background:radial-gradient(540px 180px at 50% 0%,rgba(255,205,120,.055),transparent 63%),linear-gradient(180deg,rgba(155,116,255,.105),rgba(255,255,255,.035))!important;border-color:rgba(255,205,120,.22)!important;box-shadow:0 0 0 1px rgba(155,116,255,.12),0 24px 68px rgba(0,0,0,.36),0 0 54px rgba(155,116,255,.10)!important}body[data-ui-mode="moon"] .owTierCard.owFeatured::after{background:radial-gradient(520px 180px at 50% 0%,rgba(255,205,120,.08),transparent 62%)!important}body[data-ui-mode="moon"] .owTierCard.owFeatured::before,body[data-ui-mode="moon"] .owTierCard.owBest::before{background:linear-gradient(90deg,transparent,rgba(255,205,120,.38),rgba(176,150,255,.34),transparent)!important}body[data-ui-mode="moon"] .owBillingToggle{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22)!important}body[data-ui-mode="moon"] .owBillingBtn.active{background:linear-gradient(135deg,rgba(146,126,230,.76),rgba(142,188,220,.58))!important;box-shadow:0 8px 24px rgba(120,95,220,.22)!important}body[data-ui-mode="moon"] .owSavePill,body[data-ui-mode="moon"] .owPriceSave{background:rgba(214,190,130,.14)!important;color:rgba(235,215,170,.88)!important;border-color:rgba(214,190,130,.24)!important}body[data-ui-mode="moon"] .owTierBadge.popular,body[data-ui-mode="moon"] .owTierBadge.best{background:rgba(176,150,255,.16)!important;color:rgba(218,207,255,.86)!important;border:1px solid rgba(176,150,255,.24)!important}body[data-ui-mode="dawn"] #owSubBg{background:radial-gradient(1100px 620px at 50% 18%,rgba(158,132,102,.16),transparent 60%),rgba(102,84,68,.16)!important;backdrop-filter:blur(12px) saturate(108%)!important;-webkit-backdrop-filter:blur(12px) saturate(108%)!important}body[data-ui-mode="dawn"] #owSubCard{background:radial-gradient(120% 56% at 50% 0%,rgba(255,255,255,.78),transparent 66%),linear-gradient(180deg,rgba(255,252,246,.96),rgba(248,242,232,.92))!important;border-color:rgba(90,70,45,.10)!important;box-shadow:0 30px 74px rgba(110,88,62,.14),inset 0 1px 0 rgba(255,255,255,.96)!important}body[data-ui-mode="dawn"] .owTierCard{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(250,246,238,.58))!important;border-color:rgba(90,70,45,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 16px 32px rgba(116,93,65,.09)!important}body[data-ui-mode="dawn"] .owTierCard.owFree{background:linear-gradient(180deg,rgba(255,252,247,.70),rgba(248,243,236,.58))!important}body[data-ui-mode="dawn"] .owTierCard.owBest{background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(250,247,240,.60))!important;border-color:rgba(184,132,66,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 16px 32px rgba(116,93,65,.09)!important}body[data-ui-mode="dawn"] .owTierCard.owFeatured{background:radial-gradient(540px 180px at 50% 0%,rgba(246,239,255,.54),transparent 63%),linear-gradient(180deg,rgba(246,239,255,.62),rgba(255,250,240,.60))!important;border-color:rgba(135,104,190,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 38px rgba(120,94,72,.11)!important}body[data-ui-mode="dawn"] .owBillingBtn.active{background:linear-gradient(135deg,rgba(231,201,151,.95),rgba(214,187,223,.92),rgba(172,199,224,.92))!important;color:#2d3950!important;box-shadow:0 10px 24px rgba(126,108,92,.12)!important}body[data-ui-mode="dawn"] .owSavePill,body[data-ui-mode="dawn"] .owPriceSave{background:rgba(181,151,92,.13)!important;color:#82633a!important;border-color:rgba(181,151,92,.22)!important}body[data-ui-mode="dawn"] .owTierBadge.popular,body[data-ui-mode="dawn"] .owTierBadge.best{background:rgba(210,198,236,.36)!important;color:#75649a!important;border-color:rgba(135,104,190,.18)!important}@media (min-width:641px){.memoriesLauncherBtn,#imRecapBtn{width:166px!important;min-width:166px!important;height:54px!important;min-height:54px!important;padding:0 14px!important;border-radius:18px!important;font-size:15.5px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}.journalSaveBtn{min-width:198px!important}}@media (max-width:640px){.memoriesLauncherBtn,#imRecapBtn{width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;font-size:15.5px!important}}

/* === original inline style block 279; id: no-id; original line: 53501 === */
body[data-ui-mode=dawn] #profileModal :is(.profileMain,.profileNav,.pCard,.profileNavItem,.pNM .pNotifCard){background:#f9f4ebcc!important}.pNM{background:#0000!important;border:0!important;box-shadow:none!important}.pNM .pNotifBlock{display:contents!important}.pNM .pNotifCard{margin:0 0 12px!important;box-shadow:none!important}body[data-ui-mode=dawn] #profileModal .pNM .pNotifCard{border:1px solid #d1bf9f4f!important}.pNM :is(.pNotifHead,.pNotifRow,.pNotifTimeSub){background:#0000!important;border:0!important}.pNM .pNotifTimeSub+.pNotifRow{border-top:0!important}body[data-ui-mode=dawn] #profileModal :is(.pBtn:not(.pBtnPrimary):not(.pBillingDocumentBtn),.pInlineAction,.pActionBtn,.profileNavTop .pillBtn,#owProfileSyncNowBtn:not(.pUnlockOracleBtn),.pNotifPermBtn,.pNotifTestBtn,.pNotifSaveBtn){background:#fff8ecaa!important;color:#586175!important;border-color:#96846029!important;box-shadow:inset 0 1px 0 #fff9,0 10px 26px #54442a0f!important}body[data-ui-mode=dawn] #profileModal .pBillingDocumentBtn,body[data-ui-mode=dawn] #profileModal .pBillingDocumentBtn:link,body[data-ui-mode=dawn] #profileModal .pBillingDocumentBtn:visited{background:linear-gradient(180deg,rgba(252,248,240,.98),rgba(244,237,226,.96))!important;color:#505a72!important;border-color:rgba(166,145,116,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 14px rgba(112,94,70,.08)!important;text-decoration:none!important}body[data-ui-mode=dawn] #profileModal .pBillingDocumentBtn:hover{background:linear-gradient(180deg,rgba(255,252,246,1),rgba(247,241,232,.98))!important;color:#38435e!important;border-color:rgba(166,145,116,.38)!important;text-decoration:none!important}body:not([data-ui-mode=dawn]) #profileModal .pBillingDocumentBtn,body:not([data-ui-mode=dawn]) #profileModal .pBillingDocumentBtn:link,body:not([data-ui-mode=dawn]) #profileModal .pBillingDocumentBtn:visited{background:linear-gradient(180deg,rgba(52,53,80,.88),rgba(34,36,61,.9))!important;color:rgba(244,241,255,.94)!important;border-color:rgba(194,184,232,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;text-decoration:none!important}body:not([data-ui-mode=dawn]) #profileModal .pBillingDocumentBtn:hover{background:linear-gradient(180deg,rgba(62,63,94,.94),rgba(40,42,70,.94))!important;border-color:rgba(205,194,244,.3)!important;color:#fff!important;text-decoration:none!important}

/* === original inline style block 280; id: no-id; original line: 53502 === */
#imRecapModal[data-recap-mode=light] .imAlmCoverMain .imAlmCTA{min-height:48px!important;padding:0 20px!important;border-radius:18px!important;font:820 15px/1 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;letter-spacing:-.01em!important;background:var(--p)!important;color:var(--i)!important;border:1px solid var(--b)!important;box-shadow:var(--s)!important}body:not([data-ui-mode=dawn]) #imRecapModal[data-recap-mode=light] .imAlmCoverMain .imAlmCTA{min-height:44px!important;padding:0 18px!important;border-radius:16px!important;font-size:14px!important;font-weight:780!important}#imRecapModal[data-recap-mode=light] :is(.imAlmYearLabel,.owAlmCurrentValue,.imAlmCurrentValue){background:var(--title-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}body[data-ui-mode=dawn] #imRecapModal[data-recap-mode=light] :is(.imAlmYearLabel,.owAlmCurrentValue,.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}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}body[data-ui-mode=dawn] #imRecapModal[data-recap-mode=light] .imAlmCoverMain .imAlmCTA{background:linear-gradient(135deg,#e8ca98fa,#d8c2d4f5 52%,#bcc8d4fa)!important}

/* === original inline style block 281; id: no-id; original line: 53503 === */
body[data-ui-mode=dawn] #imRecapModal[data-recap-mode=light] .owAlmTitle,body[data-ui-mode=dawn] .imAlmCoverTitle{background:linear-gradient(120deg,#a77b3f,#9b6d79 55%,#68799f)!important;-webkit-background-clip:text!important;color:transparent!important;opacity:1!important}

/* === original inline style block 282; id: no-id; original line: 53504 === */
#memoriesModal .memoriesTitle{font-size:clamp(22px,2vw,26px)!important;font-weight:820!important;margin:0 0 3px!important;letter-spacing:-.02em!important;color:#ebe8f6e0!important}body[data-ui-mode=dawn] #memoriesModal .memoriesTitle{color:#262a3af0!important}#memoriesModal .memoriesKicker{text-transform:none!important;letter-spacing:-.01em!important;font-size:14px!important;font-weight:600!important;color:var(--ow-text-secondary)!important}#memoriesModal .memoriesCalPane{scrollbar-width:none!important}#memoriesModal .memoriesCalPane::-webkit-scrollbar{display:none!important}#memoriesModal :is(.memoriesGrid,.memoriesDetailPane,.memDetailBody,.memDetailMain,.memDetailTop,.memDetailBodySheet),#memoriesModal :is(.memoriesGrid,.memoriesDetailPane,.memDetailBody,.memDetailMain):is(:focus,:focus-visible),#memoriesModal :is(.memoriesGrid,.memoriesDetailPane,.memDetailBody,.memDetailMain)::before,#memoriesModal :is(.memoriesGrid,.memoriesDetailPane,.memDetailBody,.memDetailMain)::after{border:0!important;box-shadow:none!important;background:0!important;outline:0!important;outline-offset:0!important}#memoriesModal .memoriesCalPane .memRealmTabs{border:0!important;box-shadow:none!important;background:0!important;outline:0!important}body[data-ui-mode=dawn] :is(#zodiacPill,.zodiacBigBtn,.journalScrollBtn,.memoriesLauncherBtn,.imStreakBtn.gold,[id*=againBtn],[id*=shareOracleBtn],#actionsChapterActions .btn,.journalTag:not(.selected),.journalTagAdd,.journalMoodBtn:not(.selected),.journalMoodAdd,.owPopoverConfirm){background:#fff8ecaa!important;border-color:#96846029!important;box-shadow:inset 0 1px 0 #fff9,0 10px 26px #54442a0f!important;color:#586175!important}body[data-ui-mode=dawn] :is(.owTagPopover,.owMoodPopover,.owTagEditPanel,.owMoodEditPanel,.jrtEmojiPicker){background:#fffaf2e8!important;border-color:#9684602b!important;box-shadow:0 18px 44px #54442a16,inset 0 1px 0 #fff!important}body[data-ui-mode=dawn] :is(.owPopoverInput,.owCtxInput,.owMoodCtxNameInput,.journalRichContent,.journalTextarea){background:#fffaf2b0!important;border-color:#96846029!important}body[data-ui-mode=moon] :is(.owTagPopover,.owMoodPopover,.owTagEditPanel,.owMoodEditPanel,.jrtEmojiPicker){background:#121426e0!important;border-color:#aaa0dc29!important;box-shadow:0 20px 55px #0009!important}body[data-ui-mode=moon] :is(.owPopoverInput,.owPopoverConfirm,.owCtxInput,.owMoodCtxNameInput,.owCtxSave,.journalTag:not(.selected),.journalTagAdd,.journalMoodBtn:not(.selected),.journalMoodAdd){background:#121426cc!important;border-color:#aaa0dc24!important}body[data-ui-mode=moon] :is(.owPopoverInput:focus,.journalRichContent:focus,.journalTextarea:focus){box-shadow:0 0 0 3px #b4aae61a!important}body[data-ui-mode=moon] #otdModal :is(.owOTDPanelX,.owOTDEmptyX){background:linear-gradient(180deg,#101426ee,#090c1dee)!important;border-color:#ffffff17!important}

/* === original inline style block 283; id: no-id; original line: 53504 === */
#memoriesModal :is(#memJournalSheet,#memJournalInner,.memDetailText){overflow:auto!important}body[data-ui-mode=dawn] #memoriesModal #memJournalSheet{background:0!important;box-shadow:none!important;border:0!important}body[data-ui-mode=dawn] #memoriesModal :is(#memJournalInner,.memDetailText){border-radius:22px!important}

/* === original inline style block 284; id: no-id; original line: 53504 === */
#journalSection :is(.journalWriteArea,.journalWriteRight,.journalMetaCard,.todayRitual){background:0!important;border:0!important;box-shadow:none!important}#journalSection .journalWriteRight{overflow:visible!important}@media(min-width:900px){.journalMoodWrap{flex-wrap:nowrap!important}}

/* === original inline style block 285; id: no-id; original line: 53504 === */
#memoriesModal{--msb:#ad9b7866}body[data-ui-mode=moon] #memoriesModal{--msb:#aaa0dc55}#memoriesModal :is(.memDetailText,.isEditing,#memDetailUnwrittenPane){scrollbar-width:thin!important;scrollbar-color:var(--msb) #0000!important}#memoriesModal :is(.memDetailText,.isEditing,#memDetailUnwrittenPane)::-webkit-scrollbar{width:6px!important}#memoriesModal :is(.memDetailText,.isEditing,#memDetailUnwrittenPane)::-webkit-scrollbar-thumb{background:var(--msb)!important;border-radius:99px!important}

/* === original inline style block 286; id: no-id; original line: 53504 === */
#memoriesModal .memDetailBody.empty{display:flex!important;align-items:center!important;justify-content:center!important}#memoriesModal .memDetailBody.empty :is(.memDetailMain,#memJournalGrab){display:none!important}#memoriesModal .memDetailBody.empty #memJournalSheet{position:relative!important;inset:auto!important;width:min(660px,100%)!important;min-height:320px!important;height:auto!important;margin:auto!important}#memoriesModal .memDetailBody.empty #memJournalInner{padding:0!important;overflow:visible!important}#memoriesModal .memDetailBody.empty .memDetailText{height:auto!important;min-height:260px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:34px!important}#memoriesModal .memDetailBody.empty .memDetailText span{display:block;transform:translateY(-7%)}#memoriesModal .memDetailBody.empty .memDetailText span:before{content:'✦';display:block;margin:0 0 14px;color:#c8a96a99;font-size:18px}body[data-ui-mode=dawn] #memoriesModal .memDetailBody.empty .memDetailText{background:#fffaf266!important;border-color:#96846018!important;box-shadow:0 14px 44px #54442a08!important}

/* === original inline style block 287; id: ow-v1296-acct; original line: 53504 === */
@media(max-width:820px){body:not([data-ui-mode=dawn]) #profileModal .profileNav{background:linear-gradient(180deg,#0d0f20fa,#050917fa)!important}body:not([data-ui-mode=dawn]) #profileModal :is(.profileMain,.pCard){background:linear-gradient(180deg,#151629f0,#0a1023f0)!important}#profileModal .profileNavTop .pillRow#profilePillsSignedIn{min-height:46px!important;margin-top:8px!important}#profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn{flex:0 0 auto!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:44px!important;min-height:44px!important;aspect-ratio:auto!important;padding:0 18px!important;align-self:flex-start!important;box-shadow:inset 0 1px 0 #fff1,0 12px 28px #0003!important}}@media(max-width:820px){.ritualMain :is(.stage,.oracle){position:relative!important}.ritualMain .oracle:before{content:"YOUR ORACLE";position:absolute;top:14px;left:16px;padding:6px 10px;border-radius:999px;border:1px solid var(--ow-border-soft);background:var(--ow-bg-card);color:var(--ow-text-tertiary);font:900 12px/1 Inter;letter-spacing:.12em}}body[data-ui-mode=moon] #memoriesModal .memoriesPanel{background:linear-gradient(180deg,#111322f2,#070a16f6)!important}body[data-ui-mode=moon] #memoriesModal .memoriesPanel:before{opacity:.24!important}body[data-ui-mode=dawn] #memoriesModal .memoriesPanel{background:radial-gradient(900px 240px at 50% 0%,#ffffffe0,#0000 72%),linear-gradient(180deg,#fbf7f1f7,#f5efe8f5)!important}

/* === original inline style block 288; id: ow-v1332-share-pill-match-draw; original line: 53563 === */
html body[data-ui-mode] #actionsChapterActions :is(#shareOracleBtn,#shareOracleBtnInlineStatic),
html body[data-ui-mode] .oracle :is(#shareOracleBtn,#shareOracleBtnInlineStatic),
html body[data-ui-mode] :is(#shareOracleBtn,#shareOracleBtnInlineStatic){
background:var(--p,linear-gradient(135deg,rgba(255,205,120,.92),rgba(155,116,255,.82),rgba(140,220,255,.60)))!important;
color:var(--i,rgba(16,10,26,.96))!important;
border:1px solid var(--b,rgba(255,255,255,.22))!important;
box-shadow:var(--s,0 18px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25))!important;
}
html body[data-ui-mode] #actionsChapterActions :is(#shareOracleBtn,#shareOracleBtnInlineStatic):hover,
html body[data-ui-mode] .oracle :is(#shareOracleBtn,#shareOracleBtnInlineStatic):hover,
html body[data-ui-mode] :is(#shareOracleBtn,#shareOracleBtnInlineStatic):hover{
filter:brightness(1.04) saturate(1.04)!important;
transform:translateY(-1px)!important;
}
html body[data-ui-mode] :is(#shareOracleBtn,#shareOracleBtnInlineStatic)::before,
html body[data-ui-mode] :is(#shareOracleBtn,#shareOracleBtnInlineStatic)::after{
content:none!important;
display:none!important;
}


/* === OraWhale v1427.12 iPad cursor flow guard ===
   The custom cursor image lives before .page in the DOM. On iPad/touch-width tablets
   it must never participate in normal layout, otherwise the image load can push the
   header downward after first paint. Desktop pointer-fine behavior is restored below. */
#cursorFeather,
.cursor-feather{
position:fixed !important;
width:46px !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
pointer-events:none !important;
z-index:2147483647 !important;
}
@media (hover:none), (pointer:coarse){
html body #cursorFeather,
html body .cursor-feather{
display:none !important;
visibility:hidden !important;
position:fixed !important;
left:0 !important;
top:0 !important;
width:0 !important;
height:0 !important;
max-width:0 !important;
max-height:0 !important;
overflow:hidden !important;
transform:none !important;
-webkit-transform:none !important;
}
html body.use-feather-cursor,
html body.use-feather-cursor *{
cursor:auto !important;
}
}
@media (hover:hover) and (pointer:fine){
html body.use-feather-cursor #cursorFeather,
html body.use-feather-cursor .cursor-feather{
display:block !important;
visibility:visible !important;
width:46px !important;
height:auto !important;
max-width:none !important;
max-height:none !important;
transform:translate3d(-50%,-50%,0) rotate(-18deg) !important;
-webkit-transform:translate3d(-50%,-50%,0) rotate(-18deg) !important;
}
}


/* === OraWhale v1427.13 iPad oracle scroll match ===
   On iPad landscape/tablet-width touch Safari, keep Your Oracle the same height as
   Your Card and scroll the revealed oracle internally instead of letting the panel
   expand downward. This intentionally does not affect iPhone's one-column layout. */
@media (hover: none) and (pointer: coarse) and (min-width: 981px) and (max-width: 1440px){
html body[data-has-card="1"] .ritualMain .stage,
html body[data-has-card="1"] .ritualMain .oracle{
align-self:start !important;
}
html body[data-has-card="1"] .ritualMain .oracle.isScrollable{
height:var(--ow-card-stage-h, 72vh) !important;
min-height:var(--ow-card-stage-h, 72vh) !important;
max-height:var(--ow-card-stage-h, 72vh) !important;
overflow-y:auto !important;
overflow-x:hidden !important;
-webkit-overflow-scrolling:touch !important;
overscroll-behavior:contain !important;
}
html body[data-has-card="1"] .ritualMain .oracle.isScrollable::-webkit-scrollbar{
width:6px !important;
}
html body[data-has-card="1"] .ritualMain .oracle.isScrollable::-webkit-scrollbar-thumb{
background:rgba(138,119,86,.32) !important;
border-radius:99px !important;
}
}

/* === OraWhale v1427.14 iPad compact premium modals ===
   iPad/tablet touch Safari only: reduce empty vertical space in Year So Far,
   Moonlit Archive, and On This Day. Keep desktop and iPhone layouts unchanged. */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1440px) and (min-height: 700px){
  html body #memoriesModal,
  html body #otdModal.owOTDModalX,
  html body #imRecapModal.imRecapModal{
    padding:24px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  /* Year So Far: still immersive, but no longer nearly full-screen on iPad. */
  html body #imRecapModal[aria-label="Annual Almanac"] .imRecapCard,
  html body #imRecapModal[data-recap-mode="light"] .imRecapCard,
  html body #imRecapModal[data-recap-mode="starter"] .imRecapCard{
    width:min(1240px, calc(100vw - 96px)) !important;
    height:min(84svh, 820px) !important;
    max-height:min(84svh, 820px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
  }
  @supports (height: 100dvh){
    html body #imRecapModal[aria-label="Annual Almanac"] .imRecapCard,
    html body #imRecapModal[data-recap-mode="light"] .imRecapCard,
    html body #imRecapModal[data-recap-mode="starter"] .imRecapCard{
      height:min(84dvh, 820px) !important;
      max-height:min(84dvh, 820px) !important;
    }
  }
  html body #imRecapModal[aria-label="Annual Almanac"] .imRecapBody,
  html body #imRecapModal[data-recap-mode="light"] .imRecapBody,
  html body #imRecapModal[data-recap-mode="starter"] .imRecapBody{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
  }
  html body #imRecapModal[aria-label="Annual Almanac"] .imAlmFrame,
  html body #imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface,
  html body #imRecapModal[data-recap-mode="light"] .imAlmFrame,
  html body #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface,
  html body #imRecapModal[data-recap-mode="starter"] .imAlmFrame,
  html body #imRecapModal[data-recap-mode="starter"] .imAlmScreenSurface{
    min-height:0 !important;
    height:100% !important;
  }
  html body #imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface,
  html body #imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  html body #imRecapModal[data-recap-mode="starter"] .imAlmScreenSurface{
    overflow:hidden !important;
  }

  /* Moonlit Archive: reduce the empty lower canvas while preserving two-pane archive use. */
  html body #memoriesModal .memoriesPanel{
    width:min(1240px, calc(100vw - 96px)) !important;
    height:min(80svh, 760px) !important;
    max-height:min(80svh, 760px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
  }
  @supports (height: 100dvh){
    html body #memoriesModal .memoriesPanel{
      height:min(80dvh, 760px) !important;
      max-height:min(80dvh, 760px) !important;
    }
  }
  html body #memoriesModal .memoriesHeader{
    flex:0 0 auto !important;
  }
  html body #memoriesModal .memoriesBody{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:12px 16px 16px !important;
  }
  html body #memoriesModal .memoriesGrid{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    align-items:stretch !important;
    overflow:hidden !important;
    grid-template-columns:minmax(300px, 330px) minmax(0, 1fr) !important;
  }
  html body #memoriesModal .memoriesCalPane,
  html body #memoriesModal .memoriesDetailPane,
  html body #memoriesModal .memoriesSearchPane,
  html body #memoriesModal .memoriesJournalPane{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  html body #memoriesModal .memDetailBody,
  html body #memoriesModal .memDetailBody.memDetailBodySheet,
  html body #memoriesModal .memDetailMain,
  html body #memoriesModal .memJournalSheet,
  html body #memoriesModal .memJournalInner{
    min-height:0 !important;
    max-height:100% !important;
  }

  /* On This Day: content-aware panel with an internal list scroll when needed. */
  html body #otdModal .owOTDPanelX{
    width:min(820px, calc(100vw - 180px)) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:min(70svh, 620px) !important;
    display:flex !important;
    flex-direction:column !important;
  }
  @supports (height: 100dvh){
    html body #otdModal .owOTDPanelX{
      max-height:min(70dvh, 620px) !important;
    }
  }
  html body #otdModal .owOTDBodyX{
    flex:0 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:14px 18px 16px !important;
  }
  html body #otdModal .owOTDScrollX{
    flex:0 1 auto !important;
    min-height:0 !important;
    max-height:clamp(220px, 42svh, 390px) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  @supports (height: 100dvh){
    html body #otdModal .owOTDScrollX{
      max-height:clamp(220px, 42dvh, 390px) !important;
    }
  }
}

/* === OraWhale v1427.17 Moonlit Archive stable first open ===
   Fixes three related issues without the v1427.16 hidden fixed-layer approach:
   1) iPad moon mode first frame could repaint white when <html> overflow changed.
   2) Dawn mode could shift once because the root viewport was being relaid out.
   3) First open could show the empty Archive before journal data and the latest card were prepared. */
body[data-ui-mode="moon"] #memoriesModal.show{
  background:#030511 !important;
}
body[data-ui-mode="dawn"] #memoriesModal.show{
  background:#f7f0e7 !important;
}
#memoriesModal:not(.show){
  background:transparent !important;
}
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1440px){
  html body #memoriesModal,
  html body #memoriesModal .memoriesBg,
  html body #memoriesModal .memoriesPanel,
  html body #memoriesModal .memoriesGrid,
  html body #memoriesModal .memoriesCalPane,
  html body #memoriesModal .memoriesDetailPane{
    transition:none !important;
    animation:none !important;
  }
  html body #memoriesModal .memoriesBg,
  html body #memoriesModal .memoriesPanel{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  html.owMemoriesNoPageScroll{
    overflow:visible !important;
  }
  body.owMemoriesNoPageScroll{
    overflow:hidden !important;
  }
  body[data-ui-mode="moon"] #memoriesModal .memoriesBg{
    background:
      radial-gradient(900px 520px at 50% 30%, rgba(155,116,255,.18), transparent 62%),
      radial-gradient(900px 520px at 12% 88%, rgba(255,205,120,.08), transparent 58%),
      linear-gradient(180deg, rgba(4,4,14,.94), rgba(3,5,14,.96)) !important;
  }
  body[data-ui-mode="dawn"] #memoriesModal .memoriesBg{
    background:
      radial-gradient(1200px 560px at 50% 20%, rgba(208,247,247,.28), transparent 60%),
      linear-gradient(180deg, rgba(248,244,237,.96), rgba(238,231,223,.97)) !important;
  }
}

/* === OraWhale v1427.18 iPad On This Day taller panel ===
   iPad/tablet touch layout only: On This Day was visually a little too short
   in landscape, showing only ~2.5 memory cards while leaving unused canvas.
   Keep the floating modal feel, but give the panel and internal scroll area
   enough height to show more of the yearly return list. */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1440px) and (min-height: 700px){
  html body #otdModal.owOTDModalX{
    padding:24px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  html body #otdModal .owOTDPanelX{
    width:min(820px, calc(100vw - 180px)) !important;
    height:min(80svh, 740px) !important;
    max-height:min(80svh, 740px) !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
  }
  @supports (height: 100dvh){
    html body #otdModal .owOTDPanelX{
      height:min(80dvh, 740px) !important;
      max-height:min(80dvh, 740px) !important;
    }
  }
  html body #otdModal .owOTDHeaderX{
    flex:0 0 auto !important;
  }
  html body #otdModal .owOTDBodyX{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding:14px 18px 16px !important;
  }
  html body #otdModal .owOTDIntroX{
    flex:0 0 auto !important;
  }
  html body #otdModal .owOTDScrollX{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
}


/* v1427.20 clean production recovery */


/* === OraWhale v1427.21 iPad Year So Far stable background ===
   iPad landscape browser chrome can expand/collapse while the Annual Almanac is open.
   The earlier tablet rule switched Year So Far from svh to dvh inside @supports,
   which made the modal height change during scroll and caused the cover image to
   re-cover the frame, visually zooming in and out. Keep Year So Far on stable svh
   and make the background scale from width, not dynamic height. */
@media (hover: none) and (pointer: coarse) and (min-width: 768px) and (max-width: 1440px) and (min-height: 700px){
  html body #imRecapModal[aria-label="Annual Almanac"] .imRecapCard,
  html body #imRecapModal[data-recap-mode="light"] .imRecapCard,
  html body #imRecapModal[data-recap-mode="starter"] .imRecapCard{
    height:min(84svh, 820px) !important;
    max-height:min(84svh, 820px) !important;
    min-height:0 !important;
    transform:translateZ(0) !important;
    contain:layout paint !important;
  }

  html body #imRecapModal[data-recap-mode="starter"] .imAlmFrame--starter,
  html body #imRecapModal[data-recap-mode="light"] .imAlmFrame:not(.imAlmFrame--starter){
    background-position:center center !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    transform:translateZ(0) !important;
    will-change:auto !important;
  }

  html body[data-ui-mode="dawn"] #imRecapModal .imAlmFrame--starter{
    background:var(--owsd) center center / 100% auto no-repeat !important;
  }
  html body:not([data-ui-mode="dawn"]) #imRecapModal .imAlmFrame--starter{
    background:var(--owsm) center center / 100% auto no-repeat !important;
  }
  html 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 center / 100% auto no-repeat;
  }
  html 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 center / 100% auto no-repeat;
  }
}


/* v1427.23 Moonlit mobile calendar rollback stable: restores v1427.21 mobile Moonlit Archive proportions; preserves v1427.21 Year So Far iPad stable background. */

/* === OraWhale v1427.24-moonlit-ipad-left-panel-spacing ===
   iPad landscape only: keep the v1427.23 mobile rollback, but restore the two
   small polish items Alice wanted. Do not affect iPhone or PC. */
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (min-width: 981px) and (max-width: 1440px) and (min-height: 700px){
  html body #memoriesModal .memoriesGrid{
    grid-template-columns:minmax(318px, 350px) minmax(0, 1fr) !important;
    gap:18px !important;
  }

  html body #memoriesModal .memoriesCalPane{
    padding:12px 14px 16px !important;
  }

  html body #memoriesModal #memRealmTabs{
    margin-top:14px !important;
    margin-bottom:10px !important;
  }

  html body #memoriesModal #memArchivePhotoBtn{
    margin-top:8px !important;
    margin-bottom:6px !important;
  }

  html body #memoriesModal #memArchiveSearchBtn{
    margin-top:8px !important;
  }
}


/* === OraWhale v1427.25 iPad Your Card label position ===
   iPad landscape only: the touch override made .ritualMain .stage position:static,
   so the absolute YOUR CARD badge could anchor to the page instead of the card panel.
   Keep the non-sticky iPad flow, but restore a local positioning context for the badge.
   PC and iPhone are unchanged. */
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (min-width: 821px) and (max-width: 1440px){
  html body .ritualMain .stage{
    position:relative !important;
  }
  html body .ritualMain .stage::before{
    top:14px !important;
    left:16px !important;
    z-index:3 !important;
  }
}


/* === OraWhale v1427.36 simplified Moon/Dawn background ===
   Moon and Dawn use their corrected base images directly. Realm background
   overlays were removed later in v1427.37, leaving one stable base layer plus
   the final subtle non-realm star/tint layer. PC, iPhone, and iPad share this model. */
:root{
  --baseBgUrl: url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_Background_Base.png?v=142746");
  --dawnBaseBgUrl: url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_Background_Base_Dawn.png?v=142746");
}

/* Remove stale inline styles/classes left by the old touch repaint patch. */
html body.ow-v1075-dawn-inline-locked,
html body.ow-v1075-moon-inline-reset{
  background:linear-gradient(180deg, var(--bg0), var(--bg1)) !important;
}
html body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked{
  background:radial-gradient(1200px 520px at 50% -8%, rgba(255,255,255,.75), transparent 62%),
             linear-gradient(180deg, #f7f2ea 0%, #ebe5dc 100%) !important;
}

html body{
  background:linear-gradient(180deg, var(--bg0), var(--bg1)) !important;
  overflow-x:hidden !important;
}
html body[data-ui-mode="dawn"]{
  background:radial-gradient(1200px 520px at 50% -8%, rgba(255,255,255,.75), transparent 62%),
             linear-gradient(180deg, #f7f2ea 0%, #ebe5dc 100%) !important;
}

html body #imBaseBg{
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background-image:var(--baseBgUrl) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#070614 !important;
  opacity:.88 !important;
  filter:brightness(.78) saturate(.88) contrast(1.04) !important;
  transform:none !important;
  -webkit-transform:none !important;
  will-change:auto !important;
  transition:opacity .18s ease, filter .18s ease !important;
}

html body[data-ui-mode="dawn"] #imBaseBg{
  background-image:var(--dawnBaseBgUrl) !important;
  background-color:#f7f2eb !important;
  opacity:.18 !important;
  filter:saturate(.72) brightness(1.18) blur(.2px) !important;
}




/* iPad Safari: avoid scroll-time repaints from layer promotion while preserving the
   same visual stack. No viewport-height locks, no JS resets, no background swapping. */
@media (hover:none) and (pointer:coarse) and (min-width:768px) and (max-width:1440px){
  html body #imBaseBg,
  html body::after{
    transform:translate3d(0,0,0) !important;
    -webkit-transform:translate3d(0,0,0) !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
}



/* === OraWhale v1427.37 remove realm background overlays ===
   Luxury/stability pass: the updated Moon and Dawn base images now carry the
   atmosphere. Remove realm-specific page-wide overlays so the page background stays
   calm, consistent, and premium across PC, iPhone, and iPad. Realm identity remains
   in the realm buttons, card art, and oracle content rather than the full page. */
html body::before,
html body[data-theme]::before,
html body[data-ui-mode="dawn"]::before,
html body[data-ui-mode="moon"]::before{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
  box-shadow:none !important;
  transition:none !important;
  animation:none !important;
}

html body #imRealmCorners,
html body #imRealmCorners .imCorner,
html body > .elementTint,
html body > #owStaticGeomBg{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
  -webkit-transform:none !important;
  transition:none !important;
  animation:none !important;
}

/* Keep only a subtle non-realm star/tint layer. It is not tied to realm choice. */
html body::after{
  content:"" !important;
  display:block !important;
  visibility:visible !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:1 !important;
  opacity:.14 !important;
  background:
    radial-gradient(1px 1px at 10% 16%, rgba(255,255,255,.24), transparent 55%),
    radial-gradient(1px 1px at 22% 76%, rgba(255,255,255,.18), transparent 55%),
    radial-gradient(1px 1px at 34% 28%, rgba(255,255,255,.20), transparent 55%),
    radial-gradient(1px 1px at 62% 18%, rgba(255,255,255,.17), transparent 55%),
    radial-gradient(1px 1px at 78% 74%, rgba(255,255,255,.20), transparent 55%),
    radial-gradient(1px 1px at 90% 30%, rgba(255,255,255,.17), transparent 55%) !important;
  filter:none !important;
  box-shadow:none !important;
  transition:opacity .18s ease !important;
}
html body[data-ui-mode="dawn"]::after{
  opacity:.08 !important;
}

@media (hover:none) and (pointer:coarse) and (max-width:767px){
  html body::after{ opacity:.12 !important; }
  html body[data-ui-mode="dawn"]::after{ opacity:.07 !important; }
}


/* === OraWhale v1427.40 Dawn base image background ===
   Dawn now mirrors Moon: the Dawn base asset is the real page background.
   This removes the full-width Dawn split bands caused by old cream gradients and
   very low-opacity Dawn image blending. Realm overlays remain removed. */
html body[data-ui-mode="dawn"]{
  background-color:#f4eee5 !important;
  background-image:var(--dawnBaseBgUrl) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  overflow-x:hidden !important;
}

html body[data-ui-mode="dawn"].ow-v1075-dawn-inline-locked{
  background-color:#f4eee5 !important;
  background-image:var(--dawnBaseBgUrl) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

html body[data-ui-mode="dawn"] #imBaseBg{
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background-color:#f4eee5 !important;
  background-image:var(--dawnBaseBgUrl) !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  -webkit-transform:none !important;
  will-change:auto !important;
  transition:opacity .18s ease !important;
}

/* Keep Dawn page containers transparent so the single Dawn image remains continuous
   behind all cards and journal sections. */
html body[data-ui-mode="dawn"] .page,
html body[data-ui-mode="dawn"] .page::before,
html body[data-ui-mode="dawn"] .page::after,
html body[data-ui-mode="dawn"] main,
html body[data-ui-mode="dawn"] section,
html body[data-ui-mode="dawn"] .appShell,
html body[data-ui-mode="dawn"] .contentShell,
html body[data-ui-mode="dawn"] .mainShell,
html body[data-ui-mode="dawn"] .ritualMain,
html body[data-ui-mode="dawn"] .ritualMainShell,
html body[data-ui-mode="dawn"] .ritualStrip{
  background:transparent !important;
  background-image:none !important;
}

/* Remove Dawn divider artifacts that read as panel split lines once overlays are gone. */
html body[data-ui-mode="dawn"] .ritualDivider,
html body[data-ui-mode="dawn"] .ritualDivider::before,
html body[data-ui-mode="dawn"] .ritualDivider::after,
html body[data-ui-mode="dawn"] .page > .ritualDivider,
html body[data-ui-mode="dawn"] .page > .ritualDivider::before,
html body[data-ui-mode="dawn"] .page > .ritualDivider::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Dawn should stay clean: no realm overlay, no corner overlay, no extra star layer. */
html body[data-ui-mode="dawn"]::before,
html body[data-ui-mode="dawn"]::after,
html body[data-ui-mode="dawn"] #imRealmCorners,
html body[data-ui-mode="dawn"] #imRealmCorners .imCorner,
html body[data-ui-mode="dawn"] > .elementTint,
html body[data-ui-mode="dawn"] > #owStaticGeomBg{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
  -webkit-transform:none !important;
  transition:none !important;
  animation:none !important;
}

@media (hover:none) and (pointer:coarse){
  html body[data-ui-mode="dawn"]{
    background-attachment:scroll !important;
  }
  html body[data-ui-mode="dawn"] #imBaseBg{
    transform:translate3d(0,0,0) !important;
    -webkit-transform:translate3d(0,0,0) !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
}


/* === OraWhale v1427.40 empty-panel and PC cursor fix ===
   Empty Your Card / Your Oracle panels should feel like compact luxury placeholders
   before the first draw, not oversized blank cards. Keep drawn-card layouts unchanged. */
html body:not([data-has-card="1"]) .ritualMain{
  align-items:start !important;
}
html body:not([data-has-card="1"]) .ritualMain .stage,
html body:not([data-has-card="1"]) .ritualMain .oracle{
  position:relative !important;
  top:auto !important;
  align-self:start !important;
  box-sizing:border-box !important;
  min-height:clamp(220px, 22vh, 280px) !important;
  height:clamp(220px, 22vh, 280px) !important;
  max-height:280px !important;
  padding:58px 18px 18px !important;
  overflow:hidden !important;
}
html body:not([data-has-card="1"]) .ritualMain .stage::before,
html body:not([data-has-card="1"]) .ritualMain .oracle::before{
  top:16px !important;
  left:16px !important;
  height:auto !important;
  min-height:0 !important;
  line-height:1 !important;
  padding:7px 11px !important;
  box-sizing:border-box !important;
}
html body:not([data-has-card="1"]) .ritualMain .stage .hint.premiumHint.oracleHint,
html body:not([data-has-card="1"]) .ritualMain .oracle .hint.premiumHint.oracleHint{
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  padding:18px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body:not([data-has-card="1"]) .ritualMain .stage .hintTitle,
html body:not([data-has-card="1"]) .ritualMain .oracle .hintTitle{
  font-size:clamp(24px, 2.6vw, 36px) !important;
  line-height:1.12 !important;
  margin:0 0 12px !important;
}
html body:not([data-has-card="1"]) .ritualMain .stage .hintSub,
html body:not([data-has-card="1"]) .ritualMain .oracle .hintSub{
  margin:0 !important;
  line-height:1.45 !important;
}
@media (hover:none) and (pointer:coarse) and (min-width:768px) and (max-width:1440px){
  html body:not([data-has-card="1"]) .ritualMain .stage,
  html body:not([data-has-card="1"]) .ritualMain .oracle{
    min-height:clamp(220px, 21svh, 270px) !important;
    height:clamp(220px, 21svh, 270px) !important;
    max-height:270px !important;
    padding:56px 18px 18px !important;
  }
}
@media (max-width:980px){
  html body:not([data-has-card="1"]) .ritualMain .stage,
  html body:not([data-has-card="1"]) .ritualMain .oracle{
    min-height:220px !important;
    height:220px !important;
    max-height:220px !important;
  }
}
@media (max-width:540px){
  html body:not([data-has-card="1"]) .ritualMain .stage,
  html body:not([data-has-card="1"]) .ritualMain .oracle{
    min-height:200px !important;
    height:200px !important;
    max-height:200px !important;
    padding:54px 14px 14px !important;
  }
}

/* Keep selected PC special cursors above every panel and hide the native cursor. */
@media (hover:hover) and (pointer:fine){
  html body.use-feather-cursor,
  html body.use-feather-cursor *{
    cursor:none !important;
  }
  html body.use-feather-cursor #cursorFeather,
  html body.use-feather-cursor .cursor-feather{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    display:block !important;
    visibility:visible !important;
    opacity:.96 !important;
    width:46px !important;
    height:auto !important;
    max-width:64px !important;
    max-height:64px !important;
    pointer-events:none !important;
    z-index:2147483647 !important;
    mix-blend-mode:normal !important;
    isolation:isolate !important;
    will-change:transform !important;
  }
}

/* === OraWhale v1427.41 iPad empty Oracle and PC cursor portal fix ===
   More robust empty-state detection adds .owPendingCardEmpty at runtime, then
   pins Your Card and Your Oracle to the same compact height. The PC cursor now
   uses a top-level portal image so it cannot sit behind cards or panels. */
html body.owPendingCardEmpty .ritualMain,
html body.owPendingCardEmpty .ritualMain.owPendingPanelsCompact{
  align-items:start !important;
  grid-auto-rows:auto !important;
}
html body.owPendingCardEmpty .ritualMain #stage.stage,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle.isScrollable{
  position:relative !important;
  top:auto !important;
  align-self:start !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  box-sizing:border-box !important;
  min-height:clamp(210px, 20svh, 250px) !important;
  height:clamp(210px, 20svh, 250px) !important;
  max-height:250px !important;
  padding:54px 16px 16px !important;
  overflow:hidden !important;
  overflow-y:hidden !important;
}
html body.owPendingCardEmpty .ritualMain #stage.stage::before,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle::before{
  top:16px !important;
  left:16px !important;
  z-index:4 !important;
}
html body.owPendingCardEmpty .ritualMain #stage.stage > .hint.premiumHint.oracleHint,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle > .hint.premiumHint.oracleHint,
html body.owPendingCardEmpty .ritualMain #stage.stage > .hint,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle > .hint{
  flex:1 1 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px 14px !important;
  overflow:hidden !important;
}
html body.owPendingCardEmpty .ritualMain #stage.stage .hintTitle,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle .hintTitle{
  font-size:clamp(24px, 2.45vw, 34px) !important;
  line-height:1.12 !important;
  margin:0 0 10px !important;
}
html body.owPendingCardEmpty .ritualMain #stage.stage .hintSub,
html body.owPendingCardEmpty .ritualMain #oracleCol.oracle .hintSub{
  margin:0 !important;
  line-height:1.45 !important;
}
@media (hover:none) and (pointer:coarse) and (min-width:768px) and (max-width:1440px){
  html body.owPendingCardEmpty .ritualMain #stage.stage,
  html body.owPendingCardEmpty .ritualMain #oracleCol.oracle,
  html body.owPendingCardEmpty .ritualMain #oracleCol.oracle.isScrollable{
    min-height:220px !important;
    height:220px !important;
    max-height:220px !important;
    padding:54px 16px 16px !important;
  }
}
@media (max-width:540px){
  html body.owPendingCardEmpty .ritualMain #stage.stage,
  html body.owPendingCardEmpty .ritualMain #oracleCol.oracle,
  html body.owPendingCardEmpty .ritualMain #oracleCol.oracle.isScrollable{
    min-height:200px !important;
    height:200px !important;
    max-height:200px !important;
    padding:52px 14px 14px !important;
  }
  html body.owPendingCardEmpty .ritualMain #stage.stage .hintTitle,
  html body.owPendingCardEmpty .ritualMain #oracleCol.oracle .hintTitle{
    font-size:24px !important;
  }
}

#owCursorTopPortal.owCursorTopPortal{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:46px !important;
  height:auto !important;
  max-width:64px !important;
  max-height:64px !important;
  pointer-events:none !important;
  z-index:2147483647 !important;
  transform:translate3d(-9999px,-9999px,0) !important;
  -webkit-transform:translate3d(-9999px,-9999px,0) !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.22)) !important;
  will-change:transform !important;
}
@media (hover:hover) and (pointer:fine){
  html body.owTopCursorActive,
  html body.owTopCursorActive *,
  html body.owTopCursorActive.use-feather-cursor,
  html body.owTopCursorActive.use-feather-cursor *{
    cursor:none !important;
  }
  html body.owTopCursorActive #cursorFeather,
  html body.owTopCursorActive .cursor-feather:not(#owCursorTopPortal){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  html body.owTopCursorActive #owCursorTopPortal.owCursorTopPortal{
    display:block !important;
    visibility:visible !important;
    opacity:.97 !important;
    z-index:2147483647 !important;
  }
}



/* === OraWhale v1427.45 CSS cleanup ===
   Removed obsolete realm-overlay CSS remnants and failed v1427.42/v1427.43
   iPad panel-clamp overrides. Active layout fixes now live in v1427.40,
   v1427.41, and the final v1427.44 panel equalizer below. */

/* === OraWhale v1427.44 iPad Card/Oracle panel equalizer ===
   Fixes the root cause of the remaining iPad mismatch: the legacy height sync
   forced Your Oracle to at least 520px even before a card draw. The updated JS
   now sets a compact shared height before draw, then equalizes both columns
   after draw so Your Card and Your Oracle share the same top and bottom. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (min-width:821px) and (max-width:1440px){
  html body .ritualMain{
    align-items:start !important;
    grid-auto-rows:auto !important;
  }
  html body .ritualMain #stage.stage,
  html body .ritualMain #oracleCol.oracle,
  html body .ritualMain #oracleCol.oracle.isScrollable{
    position:relative !important;
    top:auto !important;
    margin-top:0 !important;
    transform:none !important;
    align-self:start !important;
    box-sizing:border-box !important;
  }
  html body.owIPadPanelsEmpty .ritualMain #stage.stage,
  html body.owIPadPanelsEmpty .ritualMain #oracleCol.oracle,
  html body.owIPadPanelsEmpty .ritualMain #oracleCol.oracle.isScrollable{
    min-height:220px !important;
    height:220px !important;
    max-height:220px !important;
    padding:54px 16px 16px !important;
    overflow:hidden !important;
    overflow-y:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:stretch !important;
  }
  html body.owIPadPanelsDrawn .ritualMain #stage.stage,
  html body.owIPadPanelsDrawn .ritualMain #oracleCol.oracle,
  html body.owIPadPanelsDrawn .ritualMain #oracleCol.oracle.isScrollable{
    min-height:var(--ow-card-stage-h, 520px) !important;
    height:var(--ow-card-stage-h, 520px) !important;
    max-height:var(--ow-card-stage-h, 520px) !important;
    align-self:start !important;
  }
  html body.owIPadPanelsDrawn .ritualMain #oracleCol.oracle.isScrollable,
  html body.owIPadPanelsDrawn .ritualMain #oracleCol.oracle.hasOracle{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }
  html body.owIPadPanelsDrawn .ritualMain #stage.stage{
    overflow:hidden !important;
  }
  html body.owIPadPanelsEmpty .ritualMain #stage.stage::before,
  html body.owIPadPanelsEmpty .ritualMain #oracleCol.oracle::before,
  html body.owIPadPanelsDrawn .ritualMain #stage.stage::before,
  html body.owIPadPanelsDrawn .ritualMain #oracleCol.oracle::before{
    top:16px !important;
    left:16px !important;
    z-index:4 !important;
  }
  html body.owIPadPanelsEmpty .ritualMain #stage.stage > .hint,
  html body.owIPadPanelsEmpty .ritualMain #oracleCol.oracle > .hint{
    flex:1 1 auto !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:16px 14px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
}


/* === OraWhale v1427.46 iPad theme-switch panel stability ===
   JS now measures the card panel as the single source of truth after drawing.
   This prevents Dawn/Moon switching or iPad scrolling from letting the Oracle
   panel's longer text expand both panels beyond the card height. */


/* === OraWhale v1427.47 iPad scroll-stable panels ===
   The panel equalizer JS now measures from the natural card panel before
   applying iPad equalized heights, so Safari toolbar/scroll changes do not
   let the Zodiac Reading panel slide upward into the Card/Oracle row. */

/* === OraWhale v1427.49 iPad Full Reflection narrowing + stable background === */
#owV1058FRDialog{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
#owV1058FRDialog::backdrop{
  background:rgba(6,8,18,.68) !important;
}
#owV1058FRDialog .owV1058FRCard{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:min(820px, calc(100vw - 36px)) !important;
  height:min(620px, calc(100svh - 36px)) !important;
  max-height:min(620px, calc(100svh - 36px)) !important;
  min-height:0 !important;
  border-radius:30px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  -webkit-transform:none !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{
  background:linear-gradient(180deg,rgba(252,248,242,.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;
  border:1px solid rgba(160,138,116,.18) !important;
  box-shadow:0 28px 82px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.62) !important;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRCard{
  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=142749") center/cover no-repeat !important;
}
#owV1058FRDialog .owV1058FRInner{
  padding:24px 24px 22px !important;
}
#owV1058FRDialog .owV1058FRHead{
  width:min(100%, 72%) !important;
  max-width:700px !important;
  padding-right:64px !important;
  margin-bottom:14px !important;
}
#owV1058FRDialog .owV1058FRTitle{
  font-size:clamp(34px, 7vw, 56px) !important;
}
#owV1058FRDialog .owV1058FRBody{
  width:min(100%, 72%) !important;
  max-width:700px !important;
  margin-right:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#owV1058FRDialog .owV1058FRText{
  display:block !important;
  font-size:clamp(17px, 2.2vw, 20px) !important;
  line-height:1.82 !important;
  border-radius:22px !important;
  padding:22px 24px !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRClose{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(155,135,111,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText{
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(250,244,238,.14)) !important;
  border:1px solid rgba(155,135,111,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40), 0 10px 26px rgba(111,91,68,.06) !important;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRText{
  background:linear-gradient(180deg,rgba(8,12,26,.28),rgba(8,12,26,.18)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
@media (max-width: 900px){
  #owV1058FRDialog .owV1058FRCard{
    width:calc(100vw - 24px) !important;
    height:min(600px, calc(100svh - 24px)) !important;
    max-height:min(600px, calc(100svh - 24px)) !important;
    border-radius:26px !important;
  }
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:100% !important;
    max-width:none !important;
  }
  #owV1058FRDialog .owV1058FRInner{ padding:22px 18px 18px !important; }
  #owV1058FRDialog .owV1058FRText{ padding:20px 18px !important; }
}

/* === OraWhale v1427.50 iPad native Full Reflection art-ratio panel === */
#owV1058FRDialog{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
#owV1058FRDialog::backdrop{
  background:rgba(6,8,18,.68) !important;
}
#owV1058FRDialog .owV1058FRCard{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:min(940px, calc(100vw - 36px)) !important;
  height:auto !important;
  aspect-ratio:1731 / 909 !important;
  max-height:calc(100svh - 36px) !important;
  min-height:0 !important;
  border-radius:28px !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  -webkit-transform:none !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{
  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"]) #owV1058FRDialog .owV1058FRCard{
  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;
}
#owV1058FRDialog .owV1058FRInner{
  height:100% !important;
  padding:20px 22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
}
#owV1058FRDialog .owV1058FRHead{
  width:62% !important;
  max-width:580px !important;
  padding-right:58px !important;
  margin-bottom:8px !important;
}
#owV1058FRDialog .owV1058FRTitle{
  font-size:clamp(34px, 7vw, 54px) !important;
}
#owV1058FRDialog .owV1058FRBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:62% !important;
  max-width:580px !important;
  margin-right:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
#owV1058FRDialog .owV1058FRText{
  display:block !important;
  font-size:clamp(16px, 2vw, 18px) !important;
  line-height:1.68 !important;
  border-radius:20px !important;
  padding:16px 18px !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText{
  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;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRText{
  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:720px){
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:100% !important;
    max-width:none !important;
  }
}

/* === OraWhale v1427.51 iPad native Full Reflection cinematic art ratio === */
#owV1058FRDialog{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
#owV1058FRDialog::backdrop{
  background:rgba(6,8,18,.68) !important;
}
#owV1058FRDialog .owV1058FRCard{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:min(1180px, calc(100vw - 36px)) !important;
  height:auto !important;
  aspect-ratio:1983 / 793 !important;
  max-height:calc(100svh - 36px) !important;
  min-height:0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  -webkit-transform:none !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{
  background:
    linear-gradient(90deg,rgba(252,248,242,.22) 0%,rgba(252,248,242,.12) 43%,rgba(252,248,242,0) 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 28px 82px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRCard{
  background:
    linear-gradient(90deg,rgba(9,12,26,.62) 0%,rgba(9,12,26,.38) 43%,rgba(9,12,26,0) 100%),
    url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142751") center/cover no-repeat !important;
}
#owV1058FRDialog .owV1058FRInner{
  height:100% !important;
  padding:18px 20px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
#owV1058FRDialog .owV1058FRHead{
  width:50% !important;
  max-width:560px !important;
  padding-right:58px !important;
  margin-bottom:6px !important;
}
#owV1058FRDialog .owV1058FRTitle{
  font-size:clamp(32px, 6vw, 52px) !important;
  line-height:.96 !important;
}
#owV1058FRDialog .owV1058FRBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:50% !important;
  max-width:560px !important;
  margin-right:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
#owV1058FRDialog .owV1058FRText{
  display:block !important;
  font-size:clamp(15px, 1.8vw, 17px) !important;
  line-height:1.62 !important;
  border-radius:18px !important;
  padding:14px 16px !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText{
  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;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRText{
  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:720px){
  #owV1058FRDialog .owV1058FRCard{
    width:calc(100vw - 24px) !important;
    height:min(620px, calc(100svh - 24px)) !important;
    max-height:min(620px, calc(100svh - 24px)) !important;
    aspect-ratio:auto !important;
    background-size:cover !important;
    border-radius:24px !important;
  }
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:100% !important;
    max-width:none !important;
  }
}

/* === OraWhale v1427.52 touch Full Reflection: preserved line breaks + single text panel === */
#owV1058FRDialog{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
#owV1058FRDialog::backdrop{
  background:rgba(6,8,18,.68) !important;
}
#owV1058FRDialog .owV1058FRCard{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:min(1180px, calc(100vw - 36px), calc((100svh - 36px) * 1983 / 793)) !important;
  height:auto !important;
  aspect-ratio:1983 / 793 !important;
  max-height:calc(100svh - 36px) !important;
  min-height:0 !important;
  border-radius:26px !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;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{
  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 28px 82px rgba(92,75,56,.18), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRCard{
  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;
}
#owV1058FRDialog .owV1058FRInner{
  height:100% !important;
  min-height:0 !important;
  padding:18px 20px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:transparent !important;
}
#owV1058FRDialog .owV1058FRHead{
  flex:0 0 auto !important;
  width:50% !important;
  max-width:560px !important;
  padding:0 62px 6px 0 !important;
  margin:0 0 6px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#owV1058FRDialog .owV1058FRTitle{
  font-size:clamp(32px, 6vw, 52px) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  margin:0 !important;
}
#owV1058FRDialog .owV1058FRBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:50% !important;
  max-width:560px !important;
  margin:0 auto 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
#owV1058FRDialog .owV1058FRText{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  white-space:pre-wrap !important;
  font-size:clamp(15px, 1.8vw, 17px) !important;
  line-height:1.64 !important;
  border-radius:18px !important;
  padding:14px 16px !important;
}
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText{
  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"]) #owV1058FRDialog .owV1058FRText{
  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:720px){
  #owV1058FRDialog .owV1058FRCard{
    width:calc(100vw - 24px) !important;
    max-height:calc(100svh - 24px) !important;
    border-radius:24px !important;
  }
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:50% !important;
    max-width:560px !important;
  }
}
@media (max-width:720px) and (orientation:portrait){
  #owV1058FRDialog .owV1058FRCard{
    width:calc(100vw - 24px) !important;
    height:min(620px, calc(100svh - 24px)) !important;
    max-height:calc(100svh - 24px) !important;
    aspect-ratio:auto !important;
    background-size:cover !important;
  }
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:100% !important;
    max-width:none !important;
  }
}

/* === OraWhale v1427.53 Year So Far surgical hierarchy + Full Reflection single surface ===
   Keeps the approved Year So Far layout, clarifies Dawn heading hierarchy,
   and removes the leftover touch/native nested text panel in Full Reflection. */
:root{
  --ow-ysf-major-gradient: linear-gradient(135deg, #b77934 0%, #aa6588 43%, #7f95cb 100%);
  --ow-ysf-cardname-gradient: linear-gradient(135deg, #a26f43 0%, #a36082 52%, #8290bd 100%);
}

/* Dawn major Year So Far story headings: Opening Shape should match Rooted Intention's family. */
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] :is(.imAlmCoverTitle,.owAlmTitle,.owAlmCurrentValue){
  background:var(--ow-ysf-major-gradient) !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,.10)) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] :is(.imAlmCoverTitle,.owAlmTitle){
  font-weight:880 !important;
  letter-spacing:-.058em !important;
}

/* Dawn card names: related to the title gradient, but quieter than the story headings. */
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] :is(.owYSFTitle,.owP2V905Title,.imAlmMomentTitle,.owAlmMomentTitle,.imAlmPreviewTitle){
  background:var(--ow-ysf-cardname-gradient) !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 7px 14px rgba(112,76,42,.075)) !important;
}

/* Force the latest Year So Far art in every Full Reflection implementation. */
body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Card,
body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullCard,
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRCard{
  background:
    linear-gradient(90deg, rgba(252,248,242,.10) 0%, rgba(252,248,242,.045) 43%, rgba(252,248,242,0) 100%),
    url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_dawn_light_cover_final.png?v=142753") center / 100% 100% no-repeat !important;
}
body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Card,
body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullCard,
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRCard{
  background:
    linear-gradient(90deg, rgba(9,12,26,.56) 0%, rgba(9,12,26,.30) 43%, rgba(9,12,26,0) 100%),
    url("https://pub-76c695379bfc4e90bbbc818f2daa25f1.r2.dev/OraWhale_year_so_far_moon_light_cover.png?v=142753") center / 100% 100% no-repeat !important;
}

/* Full Reflection: remove the leftover outer text-panel styling, especially on iPad/touch dialog. */
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRBody,
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRBody,
body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Body,
body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Body,
body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullBody,
body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullBody{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep exactly one readable text surface. */
body[data-ui-mode="dawn"] #owV1058FRDialog .owV1058FRText,
body[data-ui-mode="dawn"] #owFullReflectionModalV916 .owFRV916Text,
body[data-ui-mode="dawn"] #owYSFFullReflectionModal .owYSFFullText{
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.075)) !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,.035) !important;
  color:rgba(58,69,88,.97) !important;
  white-space:pre-wrap !important;
}
body:not([data-ui-mode="dawn"]) #owV1058FRDialog .owV1058FRText,
body:not([data-ui-mode="dawn"]) #owFullReflectionModalV916 .owFRV916Text,
body:not([data-ui-mode="dawn"]) #owYSFFullReflectionModal .owYSFFullText{
  background:linear-gradient(180deg, rgba(8,12,26,.24), rgba(8,12,26,.13)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:rgba(246,248,255,.97) !important;
  white-space:pre-wrap !important;
}

/* Keep the native iPad/touch dialog wide and art-ratio based; do not let older mobile rules turn it into a tall card. */
#owV1058FRDialog .owV1058FRCard{
  width:min(1180px, calc(100vw - 36px), calc((100svh - 36px) * 1983 / 793)) !important;
  height:auto !important;
  aspect-ratio:1983 / 793 !important;
  max-height:calc(100svh - 36px) !important;
  min-height:0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  contain:layout paint style !important;
}
@media (max-width:720px) and (orientation:portrait){
  #owV1058FRDialog .owV1058FRCard{
    width:calc(100vw - 24px) !important;
    height:min(620px, calc(100svh - 24px)) !important;
    max-height:calc(100svh - 24px) !important;
    aspect-ratio:auto !important;
    background-size:cover !important;
  }
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody{
    width:100% !important;
    max-width:none !important;
  }
}

/* === OraWhale v1427.54 Year So Far iPad Full Reflection wider reading surface ===
   iPad/touch Full Reflection should devote more width to reading while
   preserving the cinematic art on the right. */
@media (hover: none) and (pointer: coarse) and (min-width: 721px){
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody,
  #owYSFFullReflectionModal .owYSFFullHead,
  #owYSFFullReflectionModal .owYSFFullBody,
  #owFullReflectionModalV916 .owFRV916Head,
  #owFullReflectionModalV916 .owFRV916Body{
    width:60% !important;
    max-width:720px !important;
  }

  #owV1058FRDialog .owV1058FRHead,
  #owYSFFullReflectionModal .owYSFFullHead,
  #owFullReflectionModalV916 .owFRV916Head{
    padding-right:84px !important;
    margin-bottom:14px !important;
  }

  #owV1058FRDialog .owV1058FRBody,
  #owYSFFullReflectionModal .owYSFFullBody,
  #owFullReflectionModalV916 .owFRV916Body{
    padding:0 !important;
    border-radius:0 !important;
  }

  #owV1058FRDialog .owV1058FRText,
  #owYSFFullReflectionModal .owYSFFullText,
  #owFullReflectionModalV916 .owFRV916Text{
    font-size:clamp(15px, 1.7vw, 18px) !important;
    line-height:1.68 !important;
    padding:18px 20px !important;
  }
}

/* === OraWhale v1427.55 Year So Far iPad Full Reflection extra-wide reading surface ===
   Give the iPad/touch full-reflection reading surface more horizontal space
   while preserving the cinematic right-side artwork. */
@media (hover: none) and (pointer: coarse) and (min-width: 721px){
  #owV1058FRDialog .owV1058FRHead,
  #owV1058FRDialog .owV1058FRBody,
  #owYSFFullReflectionModal .owYSFFullHead,
  #owYSFFullReflectionModal .owYSFFullBody,
  #owFullReflectionModalV916 .owFRV916Head,
  #owFullReflectionModalV916 .owFRV916Body{
    width:68% !important;
    max-width:860px !important;
  }

  #owV1058FRDialog .owV1058FRHead,
  #owYSFFullReflectionModal .owYSFFullHead,
  #owFullReflectionModalV916 .owFRV916Head{
    margin-bottom:16px !important;
    padding-right:88px !important;
  }

  #owV1058FRDialog .owV1058FRBody,
  #owYSFFullReflectionModal .owYSFFullBody,
  #owFullReflectionModalV916 .owFRV916Body{
    padding:0 !important;
    border-radius:0 !important;
  }

  #owV1058FRDialog .owV1058FRText,
  #owYSFFullReflectionModal .owYSFFullText,
  #owFullReflectionModalV916 .owFRV916Text{
    max-width:none !important;
    width:100% !important;
    min-height:340px !important;
    padding:20px 22px !important;
    font-size:clamp(15px, 1.7vw, 18px) !important;
    line-height:1.7 !important;
  }
}


/* === OraWhale v1427.65 Dawn drawn-card panel warmth sync ===
   Make the drawn YOUR CARD panel in Dawn mode sit in the same warm visual
   family as the Step 3 / Step 4 ritual panels, while keeping the card art
   itself crisp and a touch lighter than YOUR ORACLE. */
body[data-ui-mode="dawn"][data-has-card="1"] .ritualMain #stage.stage,
body[data-ui-mode="dawn"] .ritualMain #stage.stage:has(.cardWrap){
  background:
    radial-gradient(120% 68% at 50% 0%, rgba(255,255,255,.30) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(90% 60% at 10% 2%, rgba(241,224,194,.22) 0%, rgba(241,224,194,0) 54%),
    radial-gradient(96% 72% at 92% 8%, rgba(220,208,233,.24) 0%, rgba(220,208,233,0) 56%),
    linear-gradient(180deg, rgba(245,236,226,.985) 0%, rgba(234,225,214,.975) 100%) !important;
  border:1px solid rgba(145,128,112,.20) !important;
  box-shadow:
    0 20px 46px rgba(118,99,74,.11),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

/* Keep the card art itself untouched and borderless inside the subtly visible panel. */
body[data-ui-mode="dawn"] .ritualMain #stage.stage:has(.cardWrap) :is(.cardWrap,.cardMagic){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
body[data-ui-mode="dawn"] .ritualMain #stage.stage:has(.cardWrap) .cardImg{
  border:0 !important;
  box-shadow:0 16px 40px rgba(99,81,58,.18) !important;
}


/* === OraWhale v1427.68 Year So Far starter typography + unified pills ===
   Slightly enlarges only the starter-page type while preserving the approved
   block position, modal sizing, and iPad/svh stability rules. Also makes the
   Dawn starter lead pill match the first two chips instead of reading whiter. */
#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
  font-size:clamp(40px, 3.45vw, 60px) !important;
  line-height:.94 !important;
  letter-spacing:-.058em !important;
  font-weight:880 !important;
}

#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverCopy--starter,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverCopy--starter{
  font-size:clamp(18px, 1.16vw, 21px) !important;
  line-height:1.48 !important;
  font-weight:500 !important;
  max-width:52ch !important;
}

#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial{
  gap:12px !important;
  row-gap:10px !important;
}

#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:820 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20) !important;
}

#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong{
  font-weight:900 !important;
}

#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial{
  font-size:clamp(14.5px, .86vw, 15.25px) !important;
  line-height:1.44 !important;
  font-weight:500 !important;
}

body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{
  background:rgba(255,255,255,.24) !important;
  border:1px solid rgba(145,125,103,.14) !important;
  color:rgba(80,88,106,.96) !important;
  -webkit-text-fill-color:rgba(80,88,106,.96) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26) !important;
}

body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong{
  color:rgba(72,80,98,.98) !important;
  -webkit-text-fill-color:rgba(72,80,98,.98) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill.imAlmMetaPill--starterLead{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(225,220,234,.72) !important;
  -webkit-text-fill-color:rgba(225,220,234,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmHeroMeta--starterEditorial .imAlmMetaPill strong{
  color:rgba(247,238,219,.94) !important;
  -webkit-text-fill-color:rgba(247,238,219,.94) !important;
}

@media (max-width:1100px){
  #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
  #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
    font-size:clamp(36px, 5.4vw, 52px) !important;
  }
  #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverCopy--starter,
  #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverCopy--starter{
    font-size:clamp(17px, 2.2vw, 19px) !important;
    max-width:100% !important;
  }
  #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial,
  #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial{
    font-size:14.5px !important;
    white-space:normal !important;
  }
}

/* === OraWhale v1427.69 Year So Far starter statement polish ===
   Removes title glyph clipping after the v1427.68 type increase without moving
   the approved starter block. Also softens the title rendering a touch so the
   larger type feels premium instead of compressed. */
#imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
#imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
  display:inline-block !important;
  overflow:visible !important;
  line-height:1.08 !important;
  padding-block:.045em .115em !important;
  margin-block:-.045em -.095em !important;
  letter-spacing:-.052em !important;
}

/* === OraWhale v1427.71 Year So Far starter final surface polish with R2 backgrounds ===
   CSS-only finish: keep the approved starter layout and type scale, warm the
   Dawn header, reduce the rosy edge of the Dawn title gradient, slightly lift
   the Moon progress line, and use the approved R2 starter art assets. */
: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:has(.imAlmShell--starterOnly) .imRecapTop,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imRecapTop{
  background:
    radial-gradient(920px 220px at 46% 0%, rgba(255,255,255,.78) 0%, rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(253,250,245,.965) 0%, rgba(247,241,233,.925) 100%) !important;
  border-bottom:1px solid rgba(172,154,128,.13) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.50) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal:has(.imAlmShell--starterOnly) .imRecapTop,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imRecapTop{
  background:
    radial-gradient(900px 220px at 50% 0%, rgba(68,56,105,.22) 0%, rgba(68,56,105,0) 70%),
    linear-gradient(180deg, rgba(25,22,48,.965) 0%, rgba(19,18,39,.93) 100%) !important;
  border-bottom:1px solid rgba(206,198,232,.095) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.035) !important;
}

body[data-ui-mode="dawn"] #imRecapModal:has(.imAlmShell--starterOnly) .imRecapKicker,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imRecapKicker{
  color:rgba(115,109,123,.58) !important;
  -webkit-text-fill-color:rgba(115,109,123,.58) !important;
}

body[data-ui-mode="dawn"] #imRecapModal:has(.imAlmShell--starterOnly) .imAlmCoverTitle,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
  background:linear-gradient(118deg, #d9ac63 0%, #caa171 53%, #b69b84 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(118,84,50,.06)) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal:has(.imAlmShell--starterOnly) .imAlmPreviewCopy--starterEditorial,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmPreviewCopy--starterEditorial{
  color:rgba(232,226,239,.80) !important;
  -webkit-text-fill-color:rgba(232,226,239,.80) !important;
  text-shadow:0 1px 14px rgba(220,197,255,.10) !important;
}

body[data-ui-mode="dawn"] #imRecapModal:has(.imAlmShell--starterOnly) .imRecapCard,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imRecapCard{
  border-color:rgba(180,165,140,.16) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal:has(.imAlmShell--starterOnly) .imRecapCard,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imRecapCard{
  border-color:rgba(126,128,188,.26) !important;
}


/* === OraWhale v1427.73 Year So Far starter title rebalance ===
   Final title-color rebalance only: Dawn uses a warmer Choose Your Realm-inspired
   luxury gradient, while Moon returns to a softer older-style candle-gold to
   dusty-lavender treatment. Layout, backgrounds, chips, and type scale unchanged. */
body[data-ui-mode="dawn"] #imRecapModal:has(.imAlmShell--starterOnly) .imAlmCoverTitle,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
  background:linear-gradient(118deg, #b88750 0%, #c89d72 42%, #b78d96 72%, #a79ab8 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(118,84,50,.05)) !important;
}

body:not([data-ui-mode="dawn"]) #imRecapModal:has(.imAlmShell--starterOnly) .imAlmCoverTitle,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="starter"] .imAlmShell--starterOnly .imAlmCoverTitle,
body:not([data-ui-mode="dawn"]) #imRecapModal[data-recap-mode="light"] .imAlmShell--starterOnly .imAlmCoverTitle{
  background:linear-gradient(128deg, #e7cf9d 0%, #d7bcc7 54%, #b29cb8 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(186,164,216,.05)) !important;
}

/* === OraWhale v1428 archive realm delete ===
   Inline Delete beside Edit, polished confirmation modal, and cursor-safe layering. */
#memoriesModal .memDetailInlineActions,
#memoriesModal .memDetailUnwrittenActions{
  margin-top:12px !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:9px !important;
  flex-wrap:wrap !important;
}
#memoriesModal .memDetailUnwrittenActions{
  justify-content:center !important;
  margin-top:14px !important;
}
#memoriesModal .memDetailInlineBtn{
  appearance:none !important;
  box-sizing:border-box !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:780 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.56) !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition:transform .14s ease, background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease !important;
}
#memoriesModal .memDetailInlineBtn:hover{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:rgba(255,255,255,.82) !important;
}
#memoriesModal .memDetailInlineBtn:active{ transform:translateY(0) scale(.99) !important; }
#memoriesModal .memDetailInlineBtnDanger{
  border-color:rgba(255,112,112,.20) !important;
  background:rgba(255,72,72,.065) !important;
  color:rgba(255,186,186,.78) !important;
}
#memoriesModal .memDetailInlineBtnDanger:hover{
  border-color:rgba(255,118,118,.36) !important;
  background:rgba(255,76,76,.105) !important;
  color:rgba(255,218,218,.96) !important;
  box-shadow:0 12px 30px rgba(80,0,16,.16), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.memActionSheet,
.memConfirm{
  z-index:2147483000 !important; /* intentionally below .cursor-feather */
}
.memConfirm{
  align-items:center !important;
  padding:20px !important;
}
.memConfirmBg{
  background:
    radial-gradient(720px 420px at 50% 42%, rgba(132,104,206,.16), transparent 66%),
    rgba(5,5,14,.64) !important;
  -webkit-backdrop-filter:blur(14px) saturate(132%) !important;
  backdrop-filter:blur(14px) saturate(132%) !important;
}
.memConfirmCard{
  width:min(448px, 92vw) !important;
  border-radius:26px !important;
  padding:22px 20px 18px !important;
  border:1px solid rgba(255,255,255,.145) !important;
  background:
    radial-gradient(520px 160px at 50% 0%, rgba(255,219,154,.13), transparent 72%),
    radial-gradient(480px 280px at 88% 10%, rgba(157,127,255,.11), transparent 72%),
    linear-gradient(158deg, rgba(22,14,48,.96), rgba(8,31,58,.82)) !important;
  box-shadow:0 44px 140px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:rgba(255,255,255,.94) !important;
  text-align:left !important;
}
.memConfirmIcon{
  width:36px !important;
  height:36px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:12px !important;
  color:rgba(255,211,142,.92) !important;
  background:rgba(255,210,138,.10) !important;
  border:1px solid rgba(255,210,138,.18) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.memConfirmTitle{
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:920 !important;
  letter-spacing:-.025em !important;
  margin:0 0 8px !important;
  color:rgba(255,248,235,.96) !important;
}
.memConfirmText{
  max-width:38em !important;
  margin:0 0 18px !important;
  color:rgba(237,232,244,.74) !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}
.memConfirmActions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
.memConfirmBtn{
  min-height:42px !important;
  border-radius:15px !important;
  padding:0 15px !important;
  font-size:13px !important;
  font-weight:860 !important;
  letter-spacing:.01em !important;
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.065) !important;
  color:rgba(255,255,255,.88) !important;
}
.memConfirmBtn.destructive{
  border-color:rgba(255,112,112,.30) !important;
  background:linear-gradient(180deg, rgba(255,92,92,.15), rgba(255,64,64,.08)) !important;
  color:rgba(255,218,218,.96) !important;
}
.memConfirmBtn.destructive:hover{
  border-color:rgba(255,132,132,.46) !important;
  background:linear-gradient(180deg, rgba(255,102,102,.22), rgba(255,64,64,.13)) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailInlineBtn{
  border-color:rgba(92,82,69,.16) !important;
  background:rgba(255,255,255,.58) !important;
  color:rgba(78,72,82,.66) !important;
  box-shadow:0 10px 24px rgba(126,104,74,.06), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailInlineBtn:hover{
  border-color:rgba(150,125,86,.28) !important;
  background:rgba(255,255,255,.86) !important;
  color:rgba(55,49,62,.86) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailInlineBtnDanger{
  border-color:rgba(172,74,74,.18) !important;
  background:rgba(255,246,242,.76) !important;
  color:rgba(142,70,70,.78) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailInlineBtnDanger:hover{
  border-color:rgba(172,74,74,.34) !important;
  background:rgba(255,241,237,.94) !important;
  color:rgba(132,49,49,.96) !important;
  box-shadow:0 12px 28px rgba(143,88,60,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-ui-mode="dawn"] .memConfirmBg{
  background:
    radial-gradient(760px 420px at 50% 38%, rgba(214,183,124,.18), transparent 66%),
    rgba(80,68,54,.30) !important;
  -webkit-backdrop-filter:blur(14px) saturate(126%) !important;
  backdrop-filter:blur(14px) saturate(126%) !important;
}
body[data-ui-mode="dawn"] .memConfirmCard{
  border-color:rgba(176,153,113,.24) !important;
  background:
    radial-gradient(520px 160px at 50% 0%, rgba(255,255,255,.92), rgba(255,255,255,0) 72%),
    linear-gradient(180deg, rgba(255,252,247,.965), rgba(246,239,229,.94)) !important;
  box-shadow:0 36px 110px rgba(109,85,56,.24), inset 0 1px 0 rgba(255,255,255,.78) !important;
  color:#303746 !important;
}
body[data-ui-mode="dawn"] .memConfirmIcon{
  color:rgba(166,114,52,.96) !important;
  background:rgba(214,174,104,.16) !important;
  border-color:rgba(181,139,75,.22) !important;
  box-shadow:0 14px 30px rgba(130,91,47,.10), inset 0 1px 0 rgba(255,255,255,.64) !important;
}
body[data-ui-mode="dawn"] .memConfirmTitle{
  color:#303746 !important;
}
body[data-ui-mode="dawn"] .memConfirmText{
  color:rgba(48,55,70,.68) !important;
}
body[data-ui-mode="dawn"] .memConfirmBtn{
  border-color:rgba(113,104,91,.16) !important;
  background:rgba(255,255,255,.72) !important;
  color:rgba(48,55,70,.76) !important;
  box-shadow:0 10px 24px rgba(129,101,69,.08), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body[data-ui-mode="dawn"] .memConfirmBtn:hover{
  background:rgba(255,255,255,.95) !important;
  border-color:rgba(150,125,86,.28) !important;
}
body[data-ui-mode="dawn"] .memConfirmBtn.destructive{
  border-color:rgba(172,74,74,.26) !important;
  background:linear-gradient(180deg, rgba(255,246,242,.94), rgba(255,232,226,.86)) !important;
  color:rgba(132,49,49,.94) !important;
}
body[data-ui-mode="dawn"] .memConfirmBtn.destructive:hover{
  border-color:rgba(172,74,74,.42) !important;
  background:linear-gradient(180deg, rgba(255,248,245,1), rgba(255,225,219,.94)) !important;
}
@media (max-width:720px){
  .memConfirmCard{ width:min(430px, calc(100vw - 32px)) !important; padding:20px 18px 16px !important; }
  .memConfirmActions{ display:grid !important; grid-template-columns:1fr 1fr !important; width:100% !important; }
  .memConfirmBtn{ width:100% !important; justify-content:center !important; }
}

/* OraWhale v1428.04: realm delete and Memory Photo delete are separate; confirmation sits above Moonlit Archive while custom cursor stays above confirmation. */
body > .memActionSheet,
body > .memConfirm{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  isolation:isolate !important;
}
body > .memActionSheet.show,
body > .memConfirm.show{
  display:flex !important;
}
body > .memActionSheet .memActionSheetBg,
body > .memConfirm .memConfirmBg{
  z-index:0 !important;
}
body > .memActionSheet .memActionSheetPanel,
body > .memConfirm .memConfirmCard{
  z-index:1 !important;
}



/* OraWhale v1430.04: iPhone luxury footer refinement. Compact editorial links, no boxes. */
@media (max-width:720px){
  #owLegalFooter{
    width:100%!important;
    max-width:none!important;
    margin:42px 0 0!important;
    padding:32px 26px max(30px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;
  }
  #owLegalFooter .owLegalInner{
    width:min(430px,100%)!important;
    max-width:430px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:20px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #owLegalFooter .owLegalInner::before,
  #owLegalFooter .owLegalInner::after{display:none!important;content:none!important;}
  #owLegalFooter .owFooterBrand{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    text-align:center!important;
    padding:0!important;
  }
  #owLegalFooter .owFooterLogo{
    width:72px!important;
    height:48px!important;
    margin:0 auto!important;
    border-radius:0!important;
    filter:drop-shadow(0 12px 22px rgba(60,44,28,.13))!important;
  }
  body[data-ui-mode="moon"] #owLegalFooter .owFooterLogo{filter:drop-shadow(0 14px 24px rgba(0,0,0,.32))!important;}
  #owLegalFooter .owFooterBrandText{width:100%!important;text-align:center!important;}
  #owLegalFooter .owFooterWordmark{
    font-size:29px!important;
    line-height:1.03!important;
    letter-spacing:-.018em!important;
    text-align:center!important;
  }
  #owLegalFooter .owFooterTagline{
    max-width:312px!important;
    margin:8px auto 0!important;
    font-size:14px!important;
    line-height:1.42!important;
    font-weight:520!important;
    text-align:center!important;
  }
  #owLegalFooter .owFooterGroup{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px 17px!important;
    margin:0!important;
    padding:17px 0 0!important;
    border-top:1px solid rgba(126,105,78,.15)!important;
    background:transparent!important;
    text-align:center!important;
  }
  body[data-ui-mode="moon"] #owLegalFooter .owFooterGroup{border-top-color:rgba(245,235,255,.11)!important;}
  #owLegalFooter .owFooterHeading{
    flex:0 0 100%!important;
    width:100%!important;
    margin:0 0 1px!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:.24em!important;
    text-align:center!important;
  }
  #owLegalFooter .owLegalLink,
  #owLegalFooter .owFooterEmail{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:0!important;
    padding:2px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    font-size:14.2px!important;
    font-weight:680!important;
    line-height:1.24!important;
    letter-spacing:-.005em!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }
  #owLegalFooter .owLegalLink:hover,
  #owLegalFooter .owLegalLink:focus-visible,
  #owLegalFooter .owFooterEmail:hover,
  #owLegalFooter .owFooterEmail:focus-visible{
    background:transparent!important;
    transform:none!important;
  }
  #owLegalFooter .owFooterFull{grid-column:auto!important;}
  #owLegalFooter .owFooterBottom{
    width:100%!important;
    margin:0!important;
    padding:18px 0 0!important;
    border-top:1px solid rgba(126,105,78,.15)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
    text-align:center!important;
  }
  body[data-ui-mode="moon"] #owLegalFooter .owFooterBottom{border-top-color:rgba(245,235,255,.11)!important;}
  #owLegalFooter .owLegalCopyright{
    font-size:12px!important;
    line-height:1.35!important;
    letter-spacing:.02em!important;
    text-align:center!important;
  }
  #owLegalFooter .owFooterEmail{
    font-size:12.4px!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
  }
}
@media (max-width:380px){
  #owLegalFooter{padding-left:22px!important;padding-right:22px!important;}
  #owLegalFooter .owFooterWordmark{font-size:27px!important;}
  #owLegalFooter .owFooterTagline{font-size:13.4px!important;max-width:286px!important;}
  #owLegalFooter .owFooterGroup{gap:6px 13px!important;}
  #owLegalFooter .owLegalLink{font-size:13.4px!important;}
}

/* OraWhale v1430.05: final mobile footer hard reset. Removes inherited iPhone link/logo boxes with high specificity. */
@media (max-width:720px){
  body[data-ui-mode="dawn"] #owLegalFooter a.owLegalLink,
  body[data-ui-mode="dawn"] #owLegalFooter .owFooterEmail,
  body[data-ui-mode="moon"] #owLegalFooter a.owLegalLink,
  body[data-ui-mode="moon"] #owLegalFooter .owFooterEmail,
  html[data-ui-mode] body #owLegalFooter a.owLegalLink,
  html[data-ui-mode] body #owLegalFooter .owFooterEmail,
  #owLegalFooter a.owLegalLink,
  #owLegalFooter .owFooterEmail,
  html[data-ui-mode] body .footer a.footerLink,
  html[data-ui-mode] body .footer .footerEmail,
  .footer a.footerLink,
  .footer .footerEmail{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  }
  body[data-ui-mode="dawn"] #owLegalFooter .owFooterLogo,
  body[data-ui-mode="dawn"] #owLegalFooter .owFooterLogoImg,
  body[data-ui-mode="moon"] #owLegalFooter .owFooterLogo,
  body[data-ui-mode="moon"] #owLegalFooter .owFooterLogoImg,
  html[data-ui-mode] body .footer .footerLogo,
  html[data-ui-mode] body .footer .footerLogoImg,
  #owLegalFooter .owFooterLogo,
  #owLegalFooter .owFooterLogoImg,
  .footer .footerLogo,
  .footer .footerLogoImg{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
  }
  #owLegalFooter a.owLegalLink::before,
  #owLegalFooter a.owLegalLink::after,
  #owLegalFooter .owFooterEmail::before,
  #owLegalFooter .owFooterEmail::after,
  .footer a.footerLink::before,
  .footer a.footerLink::after,
  .footer .footerEmail::before,
  .footer .footerEmail::after{
    content:none!important;
    display:none!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
}