/* OraWhale Day 2 CSS extraction: 20-dawn-profile-head.css Source: FinalWebpage/index.html style blocks 52-121 Purpose: Dawn mode, profile, account, header, and head-level visual patch layers Do not reorder before launch. Cascade order is intentional. */ /* === original inline style block 052; id: orawhale-dawn-refinement-v458; original line: 10872 === */ body[data-ui-mode="dawn"]{ --ow-bg-app:#f3efe7; --ow-bg-surface: rgba(250,246,240,.92); --ow-bg-card: rgba(255,252,248,.96); --ow-bg-elevated: rgba(246,240,232,.98); --ow-text-primary:#243046; --ow-text-secondary:rgba(50,62,82,.82); --ow-text-tertiary:rgba(84,95,114,.72); --ow-border-soft:rgba(124,118,145,.14); --ow-border-medium:rgba(124,118,145,.20); --ow-border-strong:rgba(124,118,145,.28); --ow-shadow-soft:0 8px 22px rgba(109,92,72,.08); --ow-shadow-medium:0 18px 44px rgba(109,92,72,.12); --ow-shadow-elevated:0 26px 68px rgba(109,92,72,.16); --ow-shadow-inset: inset 0 1px 0 rgba(255,255,255,.76); --ow-hover-bg: rgba(113,108,145,.06); --ow-focus-ring: rgba(162,140,223,.24); --ow-grad-hero: linear-gradient(135deg, #c9954f 0%, #b790c7 46%, #7ba7c3 100%); --ow-grad-cta: linear-gradient(135deg, #e6c793 0%, #d8b8d8 48%, #a5cddd 100%); } 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; } body[data-ui-mode="dawn"] #imBaseBg{ opacity:.18; filter:saturate(.72) brightness(1.18) blur(.2px); } body[data-ui-mode="dawn"]::before{ opacity:.14 !important; filter:saturate(.55) brightness(1.08); } body[data-ui-mode="dawn"][data-theme="plant"]::before{ background-image: var(--overlayPlantDawn) !important; } body[data-ui-mode="dawn"][data-theme="animal"]::before{ background-image: var(--overlayAnimalDawn) !important; } body[data-ui-mode="dawn"][data-theme="mushroom"]::before{ background-image: var(--overlayMushroomDawn) !important; } body[data-ui-mode="dawn"][data-theme="mineral"]::before{ background-image: var(--overlayMineralDawn) !important; } body[data-ui-mode="dawn"]::after{ opacity:.10 !important; } body[data-ui-mode="dawn"] .elementTint{ opacity:.07; mix-blend-mode:soft-light; } body[data-ui-mode="dawn"] .header{ background: radial-gradient(720px 240px at 50% 12%, rgba(255,255,255,.54) 0%, transparent 70%), radial-gradient(980px 420px at 50% -8%, rgba(255,255,255,.88) 0%, transparent 68%), #E2FEFE !important; border-color: rgba(170,211,211,.28) !important; box-shadow: 0 26px 62px rgba(109,166,166,.10), inset 0 1px 0 rgba(255,255,255,.80) !important; } body[data-ui-mode="dawn"] .logo{ opacity:1 !important; filter: drop-shadow(0 8px 18px rgba(108,86,56,.14)); } body[data-ui-mode="dawn"] .ow-wordmark{ color:#2f3750 !important; text-shadow:0 3px 14px rgba(255,255,255,.42); } body[data-ui-mode="dawn"] .ow-tagline{ color:rgba(94,102,122,.64) !important; } body[data-ui-mode="dawn"] .title{ color:#f1e8f9 !important; text-shadow:0 12px 32px rgba(153,126,202,.16), 0 0 1px rgba(255,255,255,.55); } body[data-ui-mode="dawn"] .heroHook{ color:rgba(82,91,112,.82) !important; } body[data-ui-mode="dawn"] .dateLine{ color:rgba(116,123,142,.62) !important; } body[data-ui-mode="dawn"] .ow-theme-switch-inner{ background: rgba(255,250,244,.78) !important; border-color: rgba(255,255,255,.20) !important; } body[data-ui-mode="dawn"] .ow-theme-btn{ color: rgba(58,64,85,.74) !important; } body[data-ui-mode="dawn"] .cursorWidget, body[data-ui-mode="dawn"] .ritualStrip .ritualPanel, body[data-ui-mode="dawn"] .stage, body[data-ui-mode="dawn"] .oracle, body[data-ui-mode="dawn"] .journalSection, body[data-ui-mode="dawn"] .memoriesLauncher, body[data-ui-mode="dawn"] #actionsChapter, body[data-ui-mode="dawn"] .zodiacInterpShell, body[data-ui-mode="dawn"] .shareCard, body[data-ui-mode="dawn"] .intentCard, body[data-ui-mode="dawn"] .tile, body[data-ui-mode="dawn"] .premiumHint, body[data-ui-mode="dawn"] .hint, body[data-ui-mode="dawn"] .chapter{ background: linear-gradient(180deg, rgba(255,253,250,.96), rgba(246,240,233,.94)) !important; border-color: rgba(124,118,145,.15) !important; box-shadow: 0 18px 44px rgba(109,92,72,.10), inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] .ritualStepLabel, body[data-ui-mode="dawn"] .stepBadge, body[data-ui-mode="dawn"] .chapterKicker, body[data-ui-mode="dawn"] .tileTitle, body[data-ui-mode="dawn"] .cursorWidgetSub, body[data-ui-mode="dawn"] .todayRitualPill, body[data-ui-mode="dawn"] .hintPill, body[data-ui-mode="dawn"] .zodiacInterpTheme, body[data-ui-mode="dawn"] .zodiacInterpStatusPill, body[data-ui-mode="dawn"] .zodiacInterpLockedKicker, body[data-ui-mode="dawn"] .zodiacInterpPreviewKicker, body[data-ui-mode="dawn"] .zodiacInterpTierLock, body[data-ui-mode="dawn"] .zodiacInterpTierLabel, body[data-ui-mode="dawn"] .sectionLabel{ color:#9b7a45 !important; } body[data-ui-mode="dawn"] .ritualPanelTitle, body[data-ui-mode="dawn"] .hintTitle, body[data-ui-mode="dawn"] .oracleTitle, body[data-ui-mode="dawn"] .shareTitle, body[data-ui-mode="dawn"] .paywallTitle, body[data-ui-mode="dawn"] .imLockTitle, body[data-ui-mode="dawn"] .imSetPasscodeTitle{ background: linear-gradient(135deg, #d59b52 0%, #bc8fb4 52%, #7f9fc0 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; } body[data-ui-mode="dawn"] .chapterTitle, body[data-ui-mode="dawn"] .journalSectionTitle, body[data-ui-mode="dawn"] .memDetailDate, body[data-ui-mode="dawn"] .intentCard h2, body[data-ui-mode="dawn"] .intentCard h3{ color:#243046 !important; } body[data-ui-mode="dawn"] .ritualPanelSub, body[data-ui-mode="dawn"] .panelJournalHint, body[data-ui-mode="dawn"] .cursorWidgetTitle, body[data-ui-mode="dawn"] .oracleDesc, body[data-ui-mode="dawn"] .tileText, body[data-ui-mode="dawn"] .hintSub, body[data-ui-mode="dawn"] .sharePreview, body[data-ui-mode="dawn"] .todayRitualPrompt, body[data-ui-mode="dawn"] .zodiacInterpPreviewText, body[data-ui-mode="dawn"] .zodiacInterpTierText, body[data-ui-mode="dawn"] .chapterSub, body[data-ui-mode="dawn"] .imLockSub, body[data-ui-mode="dawn"] .imSetPasscodeSub, body[data-ui-mode="dawn"] .intentLine, body[data-ui-mode="dawn"] .oracle p, body[data-ui-mode="dawn"] .journalSection p{ color: rgba(58,69,88,.84) !important; } body[data-ui-mode="dawn"] .metaPill, body[data-ui-mode="dawn"] .metaPillSoft, body[data-ui-mode="dawn"] .todayRitual, body[data-ui-mode="dawn"] .shareCardImgWrap, body[data-ui-mode="dawn"] .zodiacInterpPreviewNote, body[data-ui-mode="dawn"] .zodiacInterpLocked, body[data-ui-mode="dawn"] .tierCore, body[data-ui-mode="dawn"] .tier, body[data-ui-mode="dawn"] .zodiacInterpTier, body[data-ui-mode="dawn"] .attrItem{ background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,241,236,.88)) !important; border-color: rgba(124,118,145,.14) !important; } body[data-ui-mode="dawn"] .btn, body[data-ui-mode="dawn"] .chapterBtn, body[data-ui-mode="dawn"] .sharePill, body[data-ui-mode="dawn"] .chip, body[data-ui-mode="dawn"] .cursorSelectLux{ background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(244,238,231,.95)) !important; color:#243046 !important; border-color: rgba(124,118,145,.18) !important; } body[data-ui-mode="dawn"] .btnPrimary, body[data-ui-mode="dawn"] .heroCtaBtn, body[data-ui-mode="dawn"] #pickBtn, body[data-ui-mode="dawn"] #actionsChapterActions .btn, body[data-ui-mode="dawn"] .oracle .actions.actionsPremium .btn, body[data-ui-mode="dawn"] .paywallBtnPrimary, body[data-ui-mode="dawn"] .premiumCta, body[data-ui-mode="dawn"] .unlockCta{ background: var(--ow-grad-cta) !important; color:#2a223a !important; border-color: rgba(209,188,142,.34) !important; box-shadow: 0 16px 34px rgba(162,135,104,.18), inset 0 1px 0 rgba(255,255,255,.46) !important; } body[data-ui-mode="dawn"] .btnPrimary, body[data-ui-mode="dawn"] .heroCtaBtn, body[data-ui-mode="dawn"] #pickBtn{ position: relative; overflow: hidden; } body[data-ui-mode="dawn"] .btnPrimary::after, body[data-ui-mode="dawn"] .heroCtaBtn::after, body[data-ui-mode="dawn"] #pickBtn::after{ content:""; position:absolute; inset:1px; border-radius: inherit; background: linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,0) 42%, rgba(255,255,255,.18) 100%); pointer-events:none; } body[data-ui-mode="dawn"] .btnPrimary, body[data-ui-mode="dawn"] .heroCtaBtn, body[data-ui-mode="dawn"] #pickBtn{ box-shadow: 0 18px 38px rgba(162,135,104,.20), 0 0 0 1px rgba(255,255,255,.26) inset, 0 0 24px rgba(215,186,236,.16) !important; } body[data-ui-mode="dawn"] .zodiacBigBtn, body[data-ui-mode="dawn"] #zodiacPill{ background: linear-gradient(180deg, rgba(250,245,239,.94), rgba(242,235,227,.98)) !important; color:#34415a !important; } body[data-ui-mode="dawn"] .realmChip[aria-pressed="true"], body[data-ui-mode="dawn"] .themeChip.active, body[data-ui-mode="dawn"] .tile.active{ background: linear-gradient(135deg, rgba(237,222,200,.92), rgba(228,216,240,.92)) !important; border-color: rgba(186,162,220,.30) !important; } body[data-ui-mode="dawn"] .cursorSelectLux{ color-scheme: light !important; } body[data-ui-mode="dawn"] .cursorSelectLux option{ background:#fffaf4 !important; color:#243046 !important; } body[data-ui-mode="dawn"] .shareModal, body[data-ui-mode="dawn"] .shareSheet, body[data-ui-mode="dawn"] .modalCard, body[data-ui-mode="dawn"] .sheet, body[data-ui-mode="dawn"] .intentModal, body[data-ui-mode="dawn"] .passcodeModal, body[data-ui-mode="dawn"] .modal{ background: linear-gradient(180deg, rgba(255,252,247,.98), rgba(244,238,231,.98)) !important; color:#243046 !important; } body[data-ui-mode="dawn"] .toolbar, body[data-ui-mode="dawn"] .ql-toolbar, body[data-ui-mode="dawn"] .editorToolbar{ background: linear-gradient(180deg, rgba(90,86,117,.92), rgba(108,103,132,.92)) !important; color:#f5f7fb !important; } body[data-ui-mode="dawn"] .ql-editor, body[data-ui-mode="dawn"] .journalEditor, body[data-ui-mode="dawn"] .editorSurface{ background: rgba(123,121,141,.14) !important; color:#304057 !important; } body[data-ui-mode="dawn"] .ql-editor.ql-blank::before, body[data-ui-mode="dawn"] .journalEditor::placeholder{ color: rgba(70,83,104,.56) !important; } body[data-ui-mode="dawn"] .ql-toolbar button, body[data-ui-mode="dawn"] .toolbar button{ color:#f4f6fb !important; } body[data-ui-mode="dawn"] .zodiacInterpShell{ background: linear-gradient(180deg, rgba(255,253,250,.96), rgba(247,242,235,.94)) !important; } body[data-ui-mode="dawn"] .zodiacInterpSurface, body[data-ui-mode="dawn"] .zodiacInterpDeeper, body[data-ui-mode="dawn"] .zodiacInterpSoul{ background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,242,236,.92)) !important; } body[data-ui-mode="dawn"] .zodiacInterpSurface p, body[data-ui-mode="dawn"] .zodiacInterpSurface .zodiacInterpText{ color:#4d596e !important; } body[data-ui-mode="dawn"] .zodiacInterpBlur, body[data-ui-mode="dawn"] .blurredText{ filter: blur(11px) saturate(.82) !important; opacity:.70 !important; } body[data-ui-mode="dawn"] .paywall, body[data-ui-mode="dawn"] .subscriptionModal, body[data-ui-mode="dawn"] .subModalCard{ background: linear-gradient(180deg, rgba(26,28,62,.98), rgba(19,24,55,.98)) !important; } body[data-ui-mode="dawn"] .paywallTitle, body[data-ui-mode="dawn"] .subscriptionModal .title{ text-shadow:none !important; } body[data-ui-mode="dawn"] .cursorWidgetTitle{ color:#435066 !important; } body[data-ui-mode="dawn"] .memoriesLauncher *, body[data-ui-mode="dawn"] .journalSection *, body[data-ui-mode="dawn"] .stage *, body[data-ui-mode="dawn"] .oracle *{ text-shadow:none !important; } /* === original inline style block 053; id: orawhale-dawn-visibility-fixes-v462; original line: 11161 === */ body[data-ui-mode="dawn"]{ background: linear-gradient(180deg, #f6f2eb 0%, #efe9e1 100%) !important; } body[data-ui-mode="dawn"]::before, body[data-ui-mode="dawn"]::after, body[data-ui-mode="dawn"] .elementTint{ opacity: 0 !important; background-image: none !important; filter: none !important; } body[data-ui-mode="dawn"] #imBaseBg{ opacity: .045 !important; filter: saturate(.35) brightness(1.02) !important; } body[data-ui-mode="dawn"] .page, body[data-ui-mode="dawn"] .page::before, body[data-ui-mode="dawn"] .page::after{ background: transparent !important; } body[data-ui-mode="dawn"] .header{ background: radial-gradient(900px 260px at 50% 0%, rgba(255,255,255,.14) 0%, transparent 72%), linear-gradient(180deg, rgba(27,31,67,.96), rgba(18,24,56,.98)) !important; } body[data-ui-mode="dawn"] .cursorWidget, body[data-ui-mode="dawn"] .ritualStrip .ritualPanel, body[data-ui-mode="dawn"] .stage, body[data-ui-mode="dawn"] .oracle, body[data-ui-mode="dawn"] .journalSection, body[data-ui-mode="dawn"] .memoriesLauncher, body[data-ui-mode="dawn"] #actionsChapter, body[data-ui-mode="dawn"] .zodiacInterpShell, body[data-ui-mode="dawn"] .shareCard, body[data-ui-mode="dawn"] .intentCard, body[data-ui-mode="dawn"] .tile, body[data-ui-mode="dawn"] .premiumHint, body[data-ui-mode="dawn"] .hint, body[data-ui-mode="dawn"] .chapter, body[data-ui-mode="dawn"] .todayRitual, body[data-ui-mode="dawn"] .journalCardPreview, body[data-ui-mode="dawn"] .journalWriteRight{ background: linear-gradient(180deg, rgba(255,252,248,.98), rgba(248,243,236,.96)) !important; border-color: rgba(116,114,132,.18) !important; box-shadow: 0 16px 34px rgba(94,84,67,.09), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .ritualPanelTitle, body[data-ui-mode="dawn"] .hintTitle, body[data-ui-mode="dawn"] .oracleTitle, body[data-ui-mode="dawn"] .shareTitle, body[data-ui-mode="dawn"] .paywallTitle, body[data-ui-mode="dawn"] .chapterTitle, body[data-ui-mode="dawn"] .journalSectionTitle, body[data-ui-mode="dawn"] .intentCard h2, body[data-ui-mode="dawn"] .intentCard h3{ background: linear-gradient(135deg, #c48d49 0%, #bc8bb2 50%, #7ea2c4 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; } body[data-ui-mode="dawn"] .cursorWidgetTitle, body[data-ui-mode="dawn"] .ritualPanelSub, body[data-ui-mode="dawn"] .hintSub, body[data-ui-mode="dawn"] .chapterSub, body[data-ui-mode="dawn"] .journalSectionSub, body[data-ui-mode="dawn"] .todayRitualPrompt, body[data-ui-mode="dawn"] .todayRitualQuestion, body[data-ui-mode="dawn"] .journalCardPreviewLabel, body[data-ui-mode="dawn"] .memoriesLauncherSub, body[data-ui-mode="dawn"] .tileText, body[data-ui-mode="dawn"] .oracle p, body[data-ui-mode="dawn"] .journalSection p, body[data-ui-mode="dawn"] .zodiacInterpSurface p, body[data-ui-mode="dawn"] .zodiacInterpSurface .zodiacInterpText, body[data-ui-mode="dawn"] .zodiacInterpPreviewText, body[data-ui-mode="dawn"] .zodiacInterpTierText, body[data-ui-mode="dawn"] .memDetailDate, body[data-ui-mode="dawn"] .journalMoodText, body[data-ui-mode="dawn"] .tagChip, body[data-ui-mode="dawn"] .mood-chip, body[data-ui-mode="dawn"] .journalTagBtn, body[data-ui-mode="dawn"] .journalMoodBtn, body[data-ui-mode="dawn"] .journalAddTagBtn, body[data-ui-mode="dawn"] .metaPill, body[data-ui-mode="dawn"] .metaPillSoft, body[data-ui-mode="dawn"] .todayRitualPill, body[data-ui-mode="dawn"] .ritualStepLabel, body[data-ui-mode="dawn"] .stepBadge, body[data-ui-mode="dawn"] .chapterKicker, body[data-ui-mode="dawn"] .tileTitle, body[data-ui-mode="dawn"] .cursorWidgetSub, body[data-ui-mode="dawn"] .hintPill, body[data-ui-mode="dawn"] .sectionLabel, body[data-ui-mode="dawn"] .memoriesLauncherKicker, body[data-ui-mode="dawn"] .todayRitualPill, body[data-ui-mode="dawn"] .jrtBtn, body[data-ui-mode="dawn"] .jrtColorBtn, body[data-ui-mode="dawn"] .ql-toolbar button, body[data-ui-mode="dawn"] .toolbar button, body[data-ui-mode="dawn"] #journalLockPill, body[data-ui-mode="dawn"] #journalLockPill *{ color: #4d596f !important; opacity: 1 !important; } body[data-ui-mode="dawn"] .journalSectionTitle, body[data-ui-mode="dawn"] .memoriesLauncherKicker, body[data-ui-mode="dawn"] .chapterTitle{ color:#253147 !important; } body[data-ui-mode="dawn"] .jrtBtn, body[data-ui-mode="dawn"] .jrtColorBtn, body[data-ui-mode="dawn"] .toolbar, body[data-ui-mode="dawn"] .ql-toolbar, body[data-ui-mode="dawn"] .editorToolbar{ color:#eef3fb !important; } body[data-ui-mode="dawn"] .ql-editor, body[data-ui-mode="dawn"] .journalEditor, body[data-ui-mode="dawn"] .editorSurface, body[data-ui-mode="dawn"] .journalEditorWrap{ background: rgba(101,103,123,.16) !important; color:#334156 !important; } body[data-ui-mode="dawn"] .journalEditor::placeholder, body[data-ui-mode="dawn"] .ql-editor.ql-blank::before{ color: rgba(77,89,111,.68) !important; } body[data-ui-mode="dawn"] .realmChip, body[data-ui-mode="dawn"] .zodiacBigBtn, body[data-ui-mode="dawn"] #zodiacPill, body[data-ui-mode="dawn"] .journalScrollBtn, body[data-ui-mode="dawn"] .memoriesLauncherBtn, body[data-ui-mode="dawn"] .journalSaveBtn, body[data-ui-mode="dawn"] .chapterBtn, body[data-ui-mode="dawn"] .btn{ color:#273248 !important; } body[data-ui-mode="dawn"] .realmChip .realmLabel, body[data-ui-mode="dawn"] .realmChip .realmEmoji, body[data-ui-mode="dawn"] .hintPill, body[data-ui-mode="dawn"] .todayRitualPill, body[data-ui-mode="dawn"] .memoriesLauncherKicker, body[data-ui-mode="dawn"] .ritualStepLabel, body[data-ui-mode="dawn"] .sectionLabel, body[data-ui-mode="dawn"] .zodiacInterpEyebrow, body[data-ui-mode="dawn"] .zodiacInterpKicker, body[data-ui-mode="dawn"] .zodiacInterpStatusPill, body[data-ui-mode="dawn"] .zodiacInterpTheme{ color:#9e7b48 !important; } body[data-ui-mode="dawn"] .memoriesLauncher{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(248,243,236,.97)) !important; } body[data-ui-mode="dawn"] .dayStreakCard, body[data-ui-mode="dawn"] .dayStreakPanel, body[data-ui-mode="dawn"] .streakPanel{ background: linear-gradient(180deg, rgba(38,41,77,.98), rgba(28,34,68,.98)) !important; } body[data-ui-mode="dawn"] .dayStreakCard *, body[data-ui-mode="dawn"] .dayStreakPanel *, body[data-ui-mode="dawn"] .streakPanel *{ color:#eef2f8 !important; } body[data-ui-mode="dawn"] .journalMoodBtn, body[data-ui-mode="dawn"] .journalTagBtn, body[data-ui-mode="dawn"] .journalAddTagBtn{ background: transparent !important; } body[data-ui-mode="dawn"] .journalSaveBtn[disabled], body[data-ui-mode="dawn"] .journalScrollBtn[disabled], body[data-ui-mode="dawn"] .btn[disabled]{ opacity:.55 !important; color:#7a8497 !important; } /* === original inline style block 054; id: orawhale-dawn-final-fixes-v464; original line: 11328 === */ body[data-ui-mode="dawn"] .header{ background: radial-gradient(900px 260px at 50% 0%, rgba(255,255,255,.78) 0%, rgba(255,255,255,.08) 60%, transparent 78%), linear-gradient(180deg, rgba(255,250,244,.98), rgba(245,239,231,.98)) !important; border-color: rgba(133,126,154,.16) !important; box-shadow: 0 24px 54px rgba(116,100,80,.12), inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode="dawn"] .logo{ filter: drop-shadow(0 8px 18px rgba(95,83,70,.14)) !important; } body[data-ui-mode="dawn"] .ow-wordmark{ color:#243147 !important; text-shadow:none !important; } body[data-ui-mode="dawn"] .ow-tagline{ color:rgba(76,87,106,.78) !important; } body[data-ui-mode="dawn"] .heroHook{ color:#4e5b70 !important; } body[data-ui-mode="dawn"] .dateLine{ color:rgba(88,99,118,.72) !important; } body[data-ui-mode="dawn"] .cursorWidget{ background: linear-gradient(180deg, rgba(255,252,248,.98), rgba(247,241,234,.98)) !important; } body[data-ui-mode="dawn"] .cursorWidgetTitle{ color:#344157 !important; } body[data-ui-mode="dawn"] .cursorWidgetSub{ color:#9a7c47 !important; } body[data-ui-mode="dawn"] .cursorSelectLux, body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux{ background: linear-gradient(180deg, rgba(242,235,246,.96), rgba(236,231,242,.96)) !important; color:#354258 !important; border-color: rgba(154,141,184,.28) !important; box-shadow: 0 10px 24px rgba(108,94,82,.10), inset 0 1px 0 rgba(255,255,255,.78) !important; } body[data-ui-mode="dawn"] .cursorSelectLux option, body[data-ui-mode="dawn"] #cursorSelect.cursorSelectLux option{ background:#fffaf4 !important; color:#243046 !important; } body[data-ui-mode="dawn"] .stage, body[data-ui-mode="dawn"] .oracle{ background: linear-gradient(180deg, rgba(255,252,248,.98), rgba(248,242,235,.98)) !important; border-color: rgba(126,120,145,.16) !important; box-shadow: 0 18px 38px rgba(110,95,74,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .stage::before, body[data-ui-mode="dawn"] .oracle::before{ background: linear-gradient(180deg, rgba(255,254,251,.98), rgba(247,242,236,.98)) !important; color:#9f7d48 !important; border-color: rgba(172,154,117,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !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: linear-gradient(180deg, rgba(250,244,238,.98), rgba(239,233,246,.94)) !important; border-color: rgba(144,136,178,.18) !important; box-shadow: 0 16px 34px rgba(105,89,71,.12), inset 0 1px 0 rgba(255,255,255,.72) !important; } body[data-ui-mode="dawn"] .stage .hintTitle, body[data-ui-mode="dawn"] .oracle .hintTitle{ background: linear-gradient(135deg, #d29a52 0%, #bf8fb3 52%, #84a3c6 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; } body[data-ui-mode="dawn"] .stage .hintSub, body[data-ui-mode="dawn"] .oracle .hintSub{ color:#4d5a70 !important; } body[data-ui-mode="dawn"] .journalSection{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important; } body[data-ui-mode="dawn"] .journalSectionTitle{font-size:30px!important;font-weight:950!important;background:var(--ow-grad-hero)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important} body[data-ui-mode="dawn"] .journalSectionSub{ color:#5d6880 !important; } body[data-ui-mode="dawn"] .todayRitual{ background: linear-gradient(180deg, rgba(255,254,251,.98), rgba(248,243,237,.96)) !important; border-color: rgba(126,120,145,.14) !important; } body[data-ui-mode="dawn"] .todayRitualPill{ color:#a17c47 !important; } body[data-ui-mode="dawn"] .todayRitualQuestion{ color:#495772 !important; } body[data-ui-mode="dawn"] .journalCardPreview, body[data-ui-mode="dawn"] .journalCardStage, body[data-ui-mode="dawn"] .journalCardFrame, body[data-ui-mode="dawn"] .journalCardThumb{ background: linear-gradient(180deg, rgba(247,241,252,.96), rgba(230,236,246,.94)) !important; border-color: rgba(143,136,178,.18) !important; } body[data-ui-mode="dawn"] .journalCardPlaceholder, body[data-ui-mode="dawn"] .journalCardPreviewLabel{ color:#5c6780 !important; } body[data-ui-mode="dawn"] .ql-toolbar, body[data-ui-mode="dawn"] .toolbar, body[data-ui-mode="dawn"] .editorToolbar{ background: linear-gradient(180deg, rgba(246,240,252,.98), rgba(239,234,247,.98)) !important; color:#4f5c74 !important; border-color: rgba(149,139,182,.18) !important; } body[data-ui-mode="dawn"] .ql-toolbar button, body[data-ui-mode="dawn"] .toolbar button, body[data-ui-mode="dawn"] .jrtBtn, body[data-ui-mode="dawn"] .jrtColorBtn{ color:#4f5c74 !important; } body[data-ui-mode="dawn"] .ql-editor, body[data-ui-mode="dawn"] .journalEditor, body[data-ui-mode="dawn"] .editorSurface, body[data-ui-mode="dawn"] .journalEditorWrap{ background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,241,248,.92)) !important; color:#445066 !important; } body[data-ui-mode="dawn"] .ql-editor.ql-blank::before, body[data-ui-mode="dawn"] .journalEditor::placeholder{ color:rgba(90,101,121,.62) !important; } body[data-ui-mode="dawn"] .tagsLabel, body[data-ui-mode="dawn"] .moodLabel, body[data-ui-mode="dawn"] .journalMetaLabel{ color:#9f7d49 !important; } body[data-ui-mode="dawn"] .journalTagBtn, body[data-ui-mode="dawn"] .journalMoodBtn, body[data-ui-mode="dawn"] .journalAddTagBtn, body[data-ui-mode="dawn"] .mood-chip, body[data-ui-mode="dawn"] .tagChip{ color:#546177 !important; background: transparent !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ background: var(--ow-grad-cta) !important; color:#2f3a4d !important; } body[data-ui-mode="dawn"] .memoriesLauncher{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important; } body[data-ui-mode="dawn"] .memoriesLauncherTitle, body[data-ui-mode="dawn"] .memoriesLauncherKicker{ color:#a07c48 !important; } body[data-ui-mode="dawn"] .memoriesLauncherSub{ color:#56647a !important; } body[data-ui-mode="dawn"] .memoriesLauncherBtn{ background: var(--ow-grad-cta) !important; color:#2f3a4d !important; } body[data-ui-mode="dawn"] .dayStreakCard, body[data-ui-mode="dawn"] .dayStreakPanel, body[data-ui-mode="dawn"] .streakPanel{ background: linear-gradient(180deg, rgba(251,247,242,.99), rgba(242,236,230,.97)) !important; border-color: rgba(126,120,145,.18) !important; box-shadow: 0 18px 38px rgba(109,95,75,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .dayStreakCard *, body[data-ui-mode="dawn"] .dayStreakPanel *, body[data-ui-mode="dawn"] .streakPanel *{ color:#445168 !important; text-shadow:none !important; } body[data-ui-mode="dawn"] .dayStreakCard .btn, body[data-ui-mode="dawn"] .dayStreakPanel .btn, body[data-ui-mode="dawn"] .streakPanel .btn{ background: var(--ow-grad-cta) !important; color:#2f3a4d !important; } /* === original inline style block 055; id: orawhale-v465-refinements; original line: 11461 === */ .zodiacInterpTier{display:flex !important;} .zodiacInterpTierInner{display:flex !important; flex-direction:column !important; min-height:100% !important; height:100% !important;} .zodiacInterpTierText{margin-bottom:0 !important;} .zodiacInterpTierLock{margin-top:auto !important; align-self:flex-start !important; padding-top:6px !important;} .zodiacInterpPreviewTitle{ font-size: 28px !important; line-height: 1.14 !important; letter-spacing: -0.02em !important; font-weight: 680 !important; } .zodiacInterpPreviewText{ font-size: 16px !important; line-height: 1.55 !important; } .zodiacInterpPreviewAction{font-size:18px !important;} #actionsChapter{padding:28px 36px !important;} #actionsChapter .chapterHeader{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:24px !important; } #actionsChapter .chapterKicker{display:none !important;} #actionsChapter .chapterTitle{ font-size: 26px !important; line-height: 1.18 !important; letter-spacing: -0.02em !important; font-weight: 680 !important; margin:0 0 8px 0 !important; } #actionsChapter .chapterSub{ font-size: 16px !important; line-height: 1.45 !important; margin:0 !important; max-width: 380px !important; } #actionsChapter .chapterActions{margin-left:auto !important; flex:0 0 auto !important;} #actionsChapterActions .actions.actionsPremium{ display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:16px !important; flex-wrap:nowrap !important; } #actionsChapterActions .btn{ min-width: 220px !important; width: 220px !important; min-height: 60px !important; padding: 0 22px !important; border-radius: 20px !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; justify-content:center !important; } #actionsChapterActions #againBtn{width:260px !important; min-width:260px !important;} #actionsChapterActions #shareOracleBtn{width:180px !important; min-width:180px !important;} #actionsChapterInner{display:none !important;} @media (max-width: 1180px){ #actionsChapter .chapterHeader{align-items:flex-start !important; flex-direction:column !important;} #actionsChapter .chapterSub{max-width:none !important;} #actionsChapterActions .actions.actionsPremium{width:100% !important; justify-content:flex-start !important; flex-wrap:wrap !important;} } @media (max-width: 760px){ #actionsChapter{padding:24px !important;} #actionsChapterActions .btn, #actionsChapterActions #againBtn, #actionsChapterActions #shareOracleBtn{width:100% !important; min-width:0 !important;} } /* === original inline style block 056; id: orawhale-v466-dawn-static-nextstep-fixes; original line: 11532 === */ #constellationCanvas{ display:none !important; } #owStaticGeomBg{ position:fixed; inset:0; pointer-events:none; z-index:1; opacity:.26; background-repeat:no-repeat; background-position:center top; background-size:cover; background-image:url("data:image/svg+xml;utf8,"); } body[data-ui-mode="dawn"] #owStaticGeomBg{ opacity:.18; filter:saturate(.72) brightness(1.02); } body[data-ui-mode="moon"] #owStaticGeomBg, body:not([data-ui-mode="dawn"]) #owStaticGeomBg{ opacity:.24; } body[data-ui-mode="dawn"]{ background: linear-gradient(180deg, #f7f2eb 0%, #efe8df 100%) !important; } body[data-ui-mode="dawn"] #imBaseBg{ opacity:.035 !important; filter:saturate(.32) brightness(1.03) !important; } body[data-ui-mode="dawn"] .page, body[data-ui-mode="dawn"] .shell, body[data-ui-mode="dawn"] .ritualMain, body[data-ui-mode="dawn"] .ritualMainShell{ background: transparent !important; box-shadow:none !important; } body[data-ui-mode="dawn"] .stage, body[data-ui-mode="dawn"] .oracle, 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"] #panelZodiac, body[data-ui-mode="dawn"] #panelRealm, body[data-ui-mode="dawn"] #panelDraw, body[data-ui-mode="dawn"] #panelJournal, body[data-ui-mode="dawn"] .ritualPanel, body[data-ui-mode="dawn"] .ritualPanelHighlight{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important; border-color: rgba(129,121,144,.17) !important; box-shadow: 0 16px 34px rgba(108,94,75,.10), inset 0 1px 0 rgba(255,255,255,.90) !important; } body[data-ui-mode="dawn"] .stage::before, body[data-ui-mode="dawn"] .oracle::before{ background: linear-gradient(180deg, rgba(255,254,251,.99), rgba(247,242,236,.99)) !important; color:#a17d48 !important; border-color: rgba(174,157,123,.24) !important; } body[data-ui-mode="dawn"] .stage .hintSub, body[data-ui-mode="dawn"] .oracle .hintSub, body[data-ui-mode="dawn"] .ritualPanelSub, body[data-ui-mode="dawn"] .chapterSub{ color:#556278 !important; } body[data-ui-mode="dawn"] .journalSection, body[data-ui-mode="dawn"] .journalEditorWrap, body[data-ui-mode="dawn"] .journalCardPreview, body[data-ui-mode="dawn"] .todayRitual{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important; border-color: rgba(129,121,144,.16) !important; box-shadow: 0 16px 34px rgba(108,94,75,.10), inset 0 1px 0 rgba(255,255,255,.90) !important; } body[data-ui-mode="dawn"] .journalMetaDivider{ background: rgba(129,121,144,.16) !important; } body[data-ui-mode="dawn"] .journalSectionMicro, body[data-ui-mode="dawn"] .tagsLabel, body[data-ui-mode="dawn"] .moodLabel, body[data-ui-mode="dawn"] .journalMetaLabel{ color:#a07d48 !important; } body[data-ui-mode="dawn"] .toolbar, body[data-ui-mode="dawn"] .ql-toolbar, body[data-ui-mode="dawn"] .editorToolbar, body[data-ui-mode="dawn"] .journalRichToolbar{ background: linear-gradient(180deg, rgba(244,239,249,.98), rgba(237,232,244,.98)) !important; border-color: rgba(147,138,179,.20) !important; color:#506077 !important; } body[data-ui-mode="dawn"] .ql-toolbar button, body[data-ui-mode="dawn"] .toolbar button, body[data-ui-mode="dawn"] .jrtBtn, body[data-ui-mode="dawn"] .jrtColorBtn{ color:#506077 !important; } body[data-ui-mode="dawn"] .ql-editor, body[data-ui-mode="dawn"] .journalEditor, body[data-ui-mode="dawn"] .editorSurface, body[data-ui-mode="dawn"] .journalRichContent, body[data-ui-mode="dawn"] .journalTextarea{ background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,241,248,.94)) !important; color:#445066 !important; } body[data-ui-mode="dawn"] .ql-editor.ql-blank::before, body[data-ui-mode="dawn"] .journalRichContent:empty::before, body[data-ui-mode="dawn"] .journalTextarea::placeholder{ color:rgba(86,98,118,.62) !important; } body[data-ui-mode="dawn"] .journalTag{ border-color: rgba(129,121,144,.24) !important; background:rgba(255,250,241,.52)!important; color:#526076 !important; } body[data-ui-mode="dawn"] .journalTag .jtHash{color:inherit!important} body[data-ui-mode="dawn"] .journalTag:hover{ background: rgba(247,242,249,.98) !important; border-color: rgba(147,138,179,.32) !important; color:#40506a !important; } body[data-ui-mode="dawn"] .journalTag.selected{ background: linear-gradient(135deg, rgba(214,194,240,.62), rgba(251,234,203,.72)) !important; border-color: rgba(182,154,121,.38) !important; color:#3f4d64 !important; box-shadow: 0 6px 18px rgba(169,145,111,.12) !important; } body[data-ui-mode="dawn"] .journalTagAdd, body[data-ui-mode="dawn"] .journalAddTagBtn{ border-color: rgba(171,155,123,.34) !important; color:#8f7444 !important; background: rgba(255,250,244,.62) !important; } body[data-ui-mode="dawn"] .journalMoodBtn, body[data-ui-mode="dawn"] .mood-chip{ border-color: rgba(129,121,144,.22) !important; background:rgba(255,250,241,.52)!important; box-shadow: none !important; } body[data-ui-mode="dawn"] .journalMoodBtn.selected{ background: linear-gradient(145deg, rgba(252,234,203,.82), rgba(219,205,243,.76)) !important; border-color: rgba(181,154,120,.40) !important; } body[data-ui-mode="dawn"] .journalMoodText, body[data-ui-mode="dawn"] .moodLabel, body[data-ui-mode="dawn"] .tagChip{ color:#566378 !important; opacity:1 !important; } body[data-ui-mode="dawn"] .journalMoodBtn.selected .journalMoodText{ color:#42516a !important; } body[data-ui-mode="dawn"] .journalMoodAdd{ border-color: rgba(171,155,123,.34) !important; color:#8f7444 !important; background: rgba(255,250,244,.62) !important; } body[data-ui-mode="dawn"] .imStreakBanner{ background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(244,238,231,.97)) !important; border: 1px solid rgba(129,121,144,.18) !important; box-shadow: 0 18px 38px rgba(109,95,75,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .imStreakCount, body[data-ui-mode="dawn"] .imStreakLabel, body[data-ui-mode="dawn"] .imStreakMini, body[data-ui-mode="dawn"] .imStreakSecondary, body[data-ui-mode="dawn"] .imStreakInfo *{ color:#455168 !important; text-shadow:none !important; } body[data-ui-mode="dawn"] .imStreakBtn.gold{ background: var(--ow-grad-cta) !important; color:#2f3a4d !important; } #actionsChapter{ padding: 0 !important; border-radius: 22px !important; } #actionsChapter .chapterHeader{ display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 20px !important; padding: 10px 18px !important; border-bottom: none !important; min-height: 0 !important; box-sizing: border-box !important; } #actionsChapter .chapterHeader > div:first-child{ min-width: 0 !important; overflow: hidden !important; } #actionsChapter .chapterKicker{ font-size: 10px !important; letter-spacing: .14em !important; margin: 0 !important; display:block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #actionsChapter .chapterTitle{ font-size: clamp(16px, 1.35vw, 18px) !important; line-height: 1.05 !important; margin: 2px 0 0 !important; font-weight: 800 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #actionsChapter .chapterSub{ margin-top: 2px !important; font-size: 13px !important; line-height: 1.35 !important; opacity: .82 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: none !important; } #actionsChapter .chapterInner{ display: none !important; padding: 0 !important; } #actionsChapter .chapterActions, #actionsChapterActions{ display: flex !important; flex-wrap: nowrap !important; gap: 14px !important; align-items: center !important; flex-shrink: 0 !important; justify-content: flex-end !important; } #actionsChapterActions .actions.actionsPremium{ display: flex !important; flex-wrap: nowrap !important; gap: 14px !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } #actionsChapterActions .btn{ flex: 0 0 auto !important; height: 46px !important; padding: 0 16px !important; border-radius: 14px !important; font-size: 14px !important; font-weight: 800 !important; white-space: nowrap !important; min-width: 0 !important; width: auto !important; display: inline-flex !important; align-items: center !important; justify-content:center !important; gap: 7px !important; } #actionsChapterActions .btn::before, #actionsChapterActions .btn::after{ content:none !important; display:none !important; } body[data-ui-mode="dawn"] #actionsChapter .chapterSub{ color:#5a667d !important; opacity:1 !important; } @media (max-width: 700px){ #actionsChapter .chapterHeader{ grid-template-columns: 1fr !important; gap: 12px !important; padding: 12px 14px !important; } #actionsChapter .chapterHeader > div:first-child{ white-space: normal !important; overflow: visible !important; } #actionsChapter .chapterTitle, #actionsChapter .chapterSub, #actionsChapter .chapterKicker{ white-space: normal !important; overflow: visible !important; } #actionsChapterActions .actions.actionsPremium{ flex-wrap: wrap !important; gap: 10px !important; } #actionsChapterActions .btn{ flex: 1 1 auto !important; min-width: 140px !important; } } /* === original inline style block 057; id: orawhale-v467-dawn-hotfixes; original line: 11816 === */ body[data-ui-mode="dawn"]{ background: linear-gradient(180deg, #f6f1e9 0%, #f2ece4 52%, #eee7de 100%) !important; } body[data-ui-mode="dawn"] #imBaseBg{ opacity: 1 !important; filter: none !important; background: radial-gradient(900px 520px at 14% 10%, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 62%), radial-gradient(760px 460px at 86% 12%, rgba(255,248,239,.34) 0%, rgba(255,248,239,0) 66%), radial-gradient(900px 560px at 50% 100%, rgba(237,228,216,.24) 0%, rgba(237,228,216,0) 70%), linear-gradient(180deg, #f6f1e9 0%, #f2ece4 52%, #eee7de 100%) !important; } body[data-ui-mode="dawn"]::before, body[data-ui-mode="dawn"]::after, body[data-ui-mode="dawn"] .elementTint, body[data-ui-mode="dawn"] .ritualStrip::before, body[data-ui-mode="dawn"] .ritualDivider, body[data-ui-mode="dawn"] .ritualDivider::after{ opacity: 0 !important; background: none !important; filter: none !important; box-shadow: none !important; border-color: transparent !important; } body[data-ui-mode="dawn"] .page, body[data-ui-mode="dawn"] .ritualMain, body[data-ui-mode="dawn"] .ritualStrip, body[data-ui-mode="dawn"] #zodiacInterpSection, body[data-ui-mode="dawn"] #actionsChapter, body[data-ui-mode="dawn"] main, body[data-ui-mode="dawn"] section, body[data-ui-mode="dawn"] .appShell, body[data-ui-mode="dawn"] .contentShell, body[data-ui-mode="dawn"] .mainShell{ background-color: transparent !important; } 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,.92) 0%, rgba(255,255,255,.28) 54%, rgba(255,255,255,0) 76%), linear-gradient(180deg, rgba(255,252,248,.99), rgba(246,240,232,.98)) !important; border: 1px solid rgba(134,125,146,.15) !important; box-shadow: 0 24px 56px rgba(118,101,81,.11), inset 0 1px 0 rgba(255,255,255,.95) !important; } body[data-ui-mode="dawn"] .logo{ filter: drop-shadow(0 8px 20px rgba(110,95,78,.12)) !important; } body[data-ui-mode="dawn"] .brandWord, body[data-ui-mode="dawn"] .title{ background: linear-gradient(125deg, #c98f4b 0%, #ba8cb2 52%, #86a8c8 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; text-shadow: none !important; filter: none !important; } body[data-ui-mode="dawn"] .sub, body[data-ui-mode="dawn"] .heroHook, body[data-ui-mode="dawn"] .ow-tagline, body[data-ui-mode="dawn"] .dateLine, body[data-ui-mode="dawn"] .kicker, body[data-ui-mode="dawn"] .themeRow, body[data-ui-mode="dawn"] .themeWrap{ color: #57657a !important; } 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: linear-gradient(180deg, rgba(255,252,248,.985), rgba(247,241,234,.975)) !important; border: 1px solid rgba(129,121,145,.16) !important; box-shadow: 0 18px 40px rgba(111,94,74,.10), inset 0 1px 0 rgba(255,255,255,.94) !important; } body[data-ui-mode="dawn"] .ritualMain .stage::before, body[data-ui-mode="dawn"] .ritualMain .oracle::before, body[data-ui-mode="dawn"] .stage::before, body[data-ui-mode="dawn"] .oracle::before{ background: linear-gradient(180deg, rgba(255,253,250,.98), rgba(248,243,237,.96)) !important; color: #a27c46 !important; border: 1px solid rgba(177,159,120,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode="dawn"] .ritualMain .stage .hint.premiumHint.oracleHint, body[data-ui-mode="dawn"] .ritualMain .oracle .hint.premiumHint.oracleHint, body[data-ui-mode="dawn"] .stage .hint.premiumHint.oracleHint, body[data-ui-mode="dawn"] .oracle .hint.premiumHint.oracleHint, body[data-ui-mode="dawn"] #hintBox, body[data-ui-mode="dawn"] #oracleCol > .hint{ background: radial-gradient(900px 240px at 50% 0%, rgba(255,255,255,.54) 0%, rgba(255,255,255,0) 62%), linear-gradient(180deg, rgba(241,233,247,.98), rgba(226,234,244,.96)) !important; border: 1px solid rgba(144,136,178,.16) !important; box-shadow: 0 16px 34px rgba(106,90,73,.11), inset 0 1px 0 rgba(255,255,255,.75) !important; } body[data-ui-mode="dawn"] .ritualMain .stage .hintTitle, body[data-ui-mode="dawn"] .ritualMain .oracle .hintTitle, body[data-ui-mode="dawn"] .stage .hintTitle, body[data-ui-mode="dawn"] .oracle .hintTitle{ background: linear-gradient(125deg, #d59a51 0%, #be8db1 54%, #88a9c8 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; text-shadow: none !important; } body[data-ui-mode="dawn"] .ritualMain .stage .hintSub, body[data-ui-mode="dawn"] .ritualMain .oracle .hintSub, body[data-ui-mode="dawn"] .stage .hintSub, body[data-ui-mode="dawn"] .oracle .hintSub{ color: #5a6780 !important; text-shadow: none !important; } body[data-ui-mode="dawn"] .imStreakBanner, body[data-ui-mode="dawn"] .imStreakBar, body[data-ui-mode="dawn"] .dayStreakCard, body[data-ui-mode="dawn"] .dayStreakPanel, body[data-ui-mode="dawn"] .streakPanel{ background: linear-gradient(180deg, rgba(251,247,242,.99), rgba(242,236,230,.97)) !important; border: 1px solid rgba(126,120,145,.18) !important; box-shadow: 0 18px 38px rgba(109,95,75,.10), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .imStreakBanner *, body[data-ui-mode="dawn"] .imStreakBar *, body[data-ui-mode="dawn"] .dayStreakCard *, body[data-ui-mode="dawn"] .dayStreakPanel *, body[data-ui-mode="dawn"] .streakPanel *{ color: #445168 !important; text-shadow: none !important; } /* === original inline style block 058; id: ow-v479-dawn-readability-fix; original line: 11947 === */ body[data-ui-mode="dawn"] .zodiacInterpEyebrow, body[data-ui-mode="dawn"] .zodiacInterpKicker, body[data-ui-mode="dawn"] .zodiacInterpStatusPill, body[data-ui-mode="dawn"] .zodiacInterpTheme{ color:#9d7846 !important; border-color: rgba(181,145,93,.22) !important; background: linear-gradient(180deg, rgba(255,252,247,.88), rgba(246,239,232,.92)) !important; } body[data-ui-mode="dawn"] .zodiacInterpTitle{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #d88b52 !important; color:#d88b52 !important; text-shadow:none !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierName, body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierIcon{ color:#c28a50 !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierName, body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierIcon{ color:#ab94d9 !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierName, body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierIcon{ color:#8eb8cf !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierIcon{ background: rgba(194,138,80,.10) !important; border-color: rgba(194,138,80,.18) !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierIcon{ background: rgba(171,148,217,.10) !important; border-color: rgba(171,148,217,.18) !important; } body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierIcon{ background: rgba(142,184,207,.10) !important; border-color: rgba(142,184,207,.18) !important; } body[data-ui-mode="dawn"] .zodiacInterpStatusPill, body[data-ui-mode="dawn"] .zodiacInterpTheme, body[data-ui-mode="dawn"] .zodiacInterpTierLock, body[data-ui-mode="dawn"] .shareCardImgSub{ letter-spacing: .12em !important; } body[data-ui-mode="dawn"] .shareCard{ background: linear-gradient(180deg, rgba(255,252,247,.98), rgba(243,237,230,.98)) !important; border-color: rgba(172,154,129,.16) !important; box-shadow: 0 28px 92px rgba(77,64,50,.18) !important; } body[data-ui-mode="dawn"] .shareTitle{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: #c5844b !important; color:#c5844b !important; } body[data-ui-mode="dawn"] .shareCardImgWrap{ background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(248,243,236,.82)) !important; border-color: rgba(172,154,129,.16) !important; } body[data-ui-mode="dawn"] .shareCardImgName{ color:#5a6577 !important; } body[data-ui-mode="dawn"] .shareCardImgSub{ color:#b8a186 !important; } body[data-ui-mode="dawn"] .sharePreview{ color:#556276 !important; } body[data-ui-mode="dawn"] .shareClose{ background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(245,239,231,.92)) !important; color:#a89276 !important; border-color: rgba(172,154,129,.14) !important; } .imStreakOrb{ background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.96), rgba(246,240,231,.92)) !important; border: 1px solid rgba(210,186,150,.26) !important; box-shadow: 0 10px 24px rgba(10,16,40,.10), inset 0 1px 0 rgba(255,255,255,.74) !important; } .imStreakOrb .panelIconImg{ width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; } body[data-ui-mode="dawn"] .imStreakOrb{ background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.98), rgba(249,243,235,.96)) !important; border: 1px solid rgba(210,186,150,.28) !important; } /* === original inline style block 059; id: ow-v485-dawn-zodiac-contrast-step-icon-size-fix; original line: 12110 === */ .ritualPanelTitleWrap{display:flex;align-items:center;gap:14px;min-width:0}.ritualPanelHeaderIcon,.journalSectionIconImgWrap{position:relative;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-radius:999px!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;background:transparent!important;border:0!important;box-shadow:0 10px 24px rgba(10,16,40,.12)!important}@media (min-width:641px){.ritualPanelHeaderIcon,.journalSectionIconImgWrap{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}}.ritualPanelHeaderIcon::before,.ritualPanelHeaderIcon::after,.journalSectionIconImgWrap::before,.journalSectionIconImgWrap::after{content:none!important}.ritualPanelHeaderIcon img,.journalSectionIconImgWrap img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:999px!important;transform:none!important}body[data-ui-mode="dawn"] .zodiacInterpShell{background:linear-gradient(180deg,rgba(255,252,247,.98),rgba(244,238,231,.98))!important;border-color:rgba(181,160,132,.18)!important;box-shadow:0 18px 56px rgba(100,86,67,.12),inset 0 1px 0 rgba(255,255,255,.76)!important}body[data-ui-mode="dawn"] .zodiacInterpTopbar,body[data-ui-mode="dawn"] .zodiacInterpTier,body[data-ui-mode="dawn"] .zodiacInterpLocked,body[data-ui-mode="dawn"] .zodiacInterpPreviewNote{border-color:rgba(181,160,132,.16)!important}body[data-ui-mode="dawn"] .zodiacInterpEyebrow,body[data-ui-mode="dawn"] .zodiacInterpKicker,body[data-ui-mode="dawn"] .zodiacInterpStatusPill,body[data-ui-mode="dawn"] .zodiacInterpTheme{color:#9a7446!important;background:linear-gradient(180deg,rgba(255,251,245,.94),rgba(247,240,233,.96))!important;border-color:rgba(181,145,93,.22)!important}body[data-ui-mode="dawn"] .zodiacInterpTitle{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#cf8046!important;color:#cf8046!important;text-shadow:none!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierName,body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierIcon{color:#b97d43!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierName,body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierIcon{color:#9c85cf!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierName,body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierIcon{color:#7eaec8!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(1) .zodiacInterpTierIcon{background:rgba(185,125,67,.12)!important;border-color:rgba(185,125,67,.18)!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(2) .zodiacInterpTierIcon{background:rgba(156,133,207,.12)!important;border-color:rgba(156,133,207,.18)!important}body[data-ui-mode="dawn"] .zodiacInterpTier:nth-child(3) .zodiacInterpTierIcon{background:rgba(126,174,200,.12)!important;border-color:rgba(126,174,200,.18)!important}body[data-ui-mode="dawn"] .zodiacInterpTierText,body[data-ui-mode="dawn"] .zodiacInterpSurface p,body[data-ui-mode="dawn"] .zodiacInterpSurface .zodiacInterpText,body[data-ui-mode="dawn"] .zodiacInterpDeeper p,body[data-ui-mode="dawn"] .zodiacInterpSoul p{color:#506079!important}body[data-ui-mode="dawn"] .zodiacInterpLoading,body[data-ui-mode="dawn"] .zodiacInterpEmpty,body[data-ui-mode="dawn"] .zodiacInterpLockedText,body[data-ui-mode="dawn"] .zodiacInterpPreviewText{color:#667690!important}body[data-ui-mode="dawn"] .zodiacInterpToggle{color:#56657e!important;background:linear-gradient(180deg,rgba(255,251,245,.92),rgba(245,238,230,.96))!important;border-color:rgba(181,160,132,.18)!important}body[data-ui-mode="dawn"] .zodiacInterpToggleIcon{color:#8d704f!important;background:transparent!important;opacity:.92!important}body[data-ui-mode="dawn"] .zodiacInterpDivider{display:none!important;background:none!important}body[data-ui-mode="dawn"] .zodiacInterpTierLock{color:#a07745!important;background:rgba(255,248,239,.92)!important;border-color:rgba(181,145,93,.18)!important} /* === original inline style block 060; id: ow-v486-center-circle-icons; original line: 12111 === */ .ritualPanelHeaderIcon, .journalSectionIconImgWrap, .memoriesLauncherIcon.memoriesPremiumSigil, .imStreakOrb{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .ritualPanelHeaderIcon img, .journalSectionIconImgWrap img, .memoriesPremiumSigil .panelIconImg, .imStreakOrb .panelIconImg{ position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; transform: translate(-50%, -50%) !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 999px !important; } /* === original inline style block 061; id: orawhale-dawn-polish-v487; original line: 12140 === */ body[data-ui-mode="dawn"] .affirmation{ background: linear-gradient(135deg, rgba(236,223,241,.96), rgba(247,236,219,.97)) !important; border: 1px solid rgba(225,205,184,.62) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 24px rgba(145,118,89,.08) !important; color: #4c5f7d !important; text-shadow: none !important; } body[data-ui-mode="dawn"] .affirmation, body[data-ui-mode="dawn"] .affirmation *, body[data-ui-mode="dawn"] .affirmation::first-line{ color: #4c5f7d !important; text-shadow: none !important; } body[data-ui-mode="dawn"] #owSubBg{ background: rgba(120,106,92,.18) !important; backdrop-filter: blur(10px) saturate(108%) !important; -webkit-backdrop-filter: blur(10px) saturate(108%) !important; } body[data-ui-mode="dawn"] #owSubCard{ background: linear-gradient(180deg, rgba(255,252,248,.985), rgba(246,240,233,.975)) !important; border: 1px solid rgba(124,118,145,.16) !important; box-shadow: 0 28px 68px rgba(110,88,62,.16), inset 0 1px 0 rgba(255,255,255,.94) !important; } body[data-ui-mode="dawn"] .owSubKicker, body[data-ui-mode="dawn"] .owFeatureSection, body[data-ui-mode="dawn"] .owSubTrustItem, body[data-ui-mode="dawn"] .owPriceAlt, body[data-ui-mode="dawn"] .owBillingDetails, body[data-ui-mode="dawn"] .owTierTagline, body[data-ui-mode="dawn"] .owTierValueLine{ color: rgba(79,89,110,.66) !important; } body[data-ui-mode="dawn"] .owSubTitle, body[data-ui-mode="dawn"] .owTierName{ background: linear-gradient(135deg, #d0954f 0%, #be8fb3 52%, #7ea2c3 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; } body[data-ui-mode="dawn"] .owBillingToggle{ background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(245,238,230,.92)) !important; border-color: rgba(124,118,145,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(116,93,65,.10) !important; } body[data-ui-mode="dawn"] .owBillingBtn{ color: rgba(67,78,100,.72) !important; } body[data-ui-mode="dawn"] .owBillingBtn.active{ background: linear-gradient(135deg, rgba(129,112,244,.92), rgba(131,196,231,.88)) !important; color: #ffffff !important; } body[data-ui-mode="dawn"] .owSavePill, body[data-ui-mode="dawn"] .owPriceSave{ background: rgba(82,184,120,.14) !important; color: #2f9b61 !important; border-color: rgba(82,184,120,.24) !important; } body[data-ui-mode="dawn"] .owTierCard{ background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(249,244,238,.90)) !important; border-color: rgba(124,118,145,.15) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 14px 28px rgba(116,93,65,.08) !important; } body[data-ui-mode="dawn"] .owTierCard.owFree{ background: linear-gradient(180deg, rgba(252,248,243,.84), rgba(245,239,232,.94)) !important; } body[data-ui-mode="dawn"] .owTierCard.owBest{ background: linear-gradient(180deg, rgba(247,250,246,.9), rgba(240,246,242,.98)) !important; border-color: rgba(88,163,127,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 32px rgba(88,163,127,.12) !important; } body[data-ui-mode="dawn"] .owTierCard.owFeatured{ background: linear-gradient(180deg, rgba(249,245,255,.92), rgba(243,239,249,.98)) !important; border-color: rgba(153,136,220,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 18px 34px rgba(137,116,210,.12) !important; } body[data-ui-mode="dawn"] .owTierBadge.free{ background: rgba(235,229,222,.92) !important; color: rgba(104,95,108,.76) !important; } body[data-ui-mode="dawn"] .owTierBadge.popular{ background: rgba(202,190,244,.34) !important; color: #7d68c5 !important; border-color: rgba(157,136,225,.28) !important; } body[data-ui-mode="dawn"] .owTierBadge.best{ background: rgba(94,188,132,.15) !important; color: #2d9a63 !important; border-color: rgba(94,188,132,.24) !important; } body[data-ui-mode="dawn"] .owPriceMain, body[data-ui-mode="dawn"] .owFeatureList li, body[data-ui-mode="dawn"] .owTierCard .owTrialMiniSub{ color: #4b5b76 !important; } body[data-ui-mode="dawn"] .owPriceMain strong{ color: #243046 !important; } body[data-ui-mode="dawn"] .owFeatureList li{ border-bottom-color: rgba(124,118,145,.10) !important; } body[data-ui-mode="dawn"] .owFeatureList li.dim{ color: rgba(96,107,126,.44) !important; } body[data-ui-mode="dawn"] .owFi.n{ color: rgba(96,107,126,.26) !important; } body[data-ui-mode="dawn"] .owTrialMini{ background: linear-gradient(180deg, rgba(255,247,228,.94), rgba(246,240,231,.96)) !important; border-color: rgba(223,195,133,.36) !important; } body[data-ui-mode="dawn"] .owTrialMiniTitle{ color: #a67f3b !important; } body[data-ui-mode="dawn"] .owTierCta.free-cta{ border-color: rgba(124,118,145,.16) !important; color: rgba(86,95,111,.72) !important; } body[data-ui-mode="dawn"] .owSubFooter, body[data-ui-mode="dawn"] .owSubFooter a{ color: rgba(86,95,111,.60) !important; } body[data-ui-mode="dawn"] .owSubClose{ background: rgba(255,255,255,.76) !important; border-color: rgba(124,118,145,.14) !important; color: rgba(73,83,101,.70) !important; } .realmIconImg{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; line-height:0 !important; flex:0 0 20px !important; } .realmIconImg img{ width:20px !important; height:20px !important; object-fit:contain !important; display:block !important; } body[data-ui-mode="dawn"] .owSubKicker{ color: rgba(86,95,111,.78) !important; } body[data-ui-mode="dawn"] .owSubTitle{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #7b5e86 !important; text-shadow: 0 1px 0 rgba(255,255,255,.7) !important; } body[data-ui-mode="dawn"] .owTierName{ background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #c28551 !important; } body[data-ui-mode="dawn"] .owTierCard.owFeatured .owTierName{ color: #bc7d49 !important; } body[data-ui-mode="dawn"] .owTierCard.owBest .owTierName{ color: #ba7a43 !important; } body[data-ui-mode="dawn"] .owTierBadge, body[data-ui-mode="dawn"] .owFeatureSection, body[data-ui-mode="dawn"] .owPriceAlt, body[data-ui-mode="dawn"] .owTierTagline, body[data-ui-mode="dawn"] .owTierValueLine, body[data-ui-mode="dawn"] .owBillingDetailsLabel, body[data-ui-mode="dawn"] .owSubFooter, body[data-ui-mode="dawn"] .owSubFooter a, body[data-ui-mode="dawn"] .owSubTrustItem{ color: rgba(72,82,102,.74) !important; } body[data-ui-mode="dawn"] .owFeatureList li{ color: #556581 !important; } body[data-ui-mode="dawn"] .owPriceMain{ color: #42516d !important; } body[data-ui-mode="dawn"] .journalWriteArea{ background: transparent !important; box-shadow: none !important; border: 0 !important; gap: 18px !important; } body[data-ui-mode="dawn"] .journalCardPreview{ background: linear-gradient(180deg, rgba(255,252,248,.72), rgba(247,241,234,.88)) !important; border-color: rgba(124,118,145,.12) !important; box-shadow: 0 12px 24px rgba(110,88,62,.06) !important; } body[data-ui-mode="dawn"] .journalWriteRight{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important} body[data-ui-mode="dawn"] .todayRitual{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 18px 22px 14px !important; border-bottom: 1px solid rgba(124,118,145,.10) !important; border-radius: 0 !important; } body[data-ui-mode="dawn"] .journalMetaCard{ background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } body[data-ui-mode="dawn"] .journalMetaDivider{ margin: 0 22px !important; background: rgba(124,118,145,.10) !important; } body[data-ui-mode="dawn"] .journalEditorWrap, body[data-ui-mode="dawn"] .journalEditorBlock{ background: transparent !important; } body[data-ui-mode="dawn"] .journalRichToolbar{ background: linear-gradient(180deg, rgba(233,226,239,.78), rgba(227,220,234,.88)) !important; border-bottom: 1px solid rgba(124,118,145,.10) !important; border-radius: 0 !important; padding: 10px 16px !important; } body[data-ui-mode="dawn"] .jrtBtn, body[data-ui-mode="dawn"] .jrtColorBtn{ color: rgba(84,97,120,.88) !important; } body[data-ui-mode="dawn"] .jrtBtn:hover, body[data-ui-mode="dawn"] .jrtColorBtn:hover{ background: rgba(124,118,145,.10) !important; color: #33425d !important; } body[data-ui-mode="dawn"] .journalRichContent{ background: rgba(244,239,247,.72) !important; color: #50627f !important; min-height: 170px !important; } body[data-ui-mode="dawn"] .journalRichContent:empty::before, body[data-ui-mode="dawn"] .journalTextarea::placeholder{ color: rgba(92,105,126,.60) !important; } body[data-ui-mode="dawn"] .journalTagsBlock, body[data-ui-mode="dawn"] .journalMoodBlock{ background: transparent !important; padding-left: 22px !important; padding-right: 22px !important; } body[data-ui-mode="dawn"] .journalTag, body[data-ui-mode="dawn"] .journalMoodBtn, body[data-ui-mode="dawn"] .journalMoodAdd{ background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,239,233,.96)) !important; border-color: rgba(124,118,145,.14) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important; } body[data-ui-mode="dawn"] .journalTag, body[data-ui-mode="dawn"] .journalMoodText, body[data-ui-mode="dawn"] .journalTagAdd{ color: #5b6d89 !important; } body[data-ui-mode="dawn"] .journalTag .jtHash{color:inherit!important} body[data-ui-mode="dawn"] .journalTag.selected, body[data-ui-mode="dawn"] .journalMoodBtn.selected{ background: linear-gradient(135deg, rgba(236,222,201,.94), rgba(228,217,241,.96)) !important; border-color: rgba(188,164,219,.32) !important; color: #42506b !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 18px rgba(143,120,96,.08) !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ box-shadow: 0 14px 28px rgba(143,120,96,.14), inset 0 1px 0 rgba(255,255,255,.48) !important; } /* === original inline style block 062; id: orawhale-v488-dawn-refine; original line: 12407 === */ body[data-ui-mode="dawn"] .affirmation{ background: linear-gradient(135deg, rgba(240,226,243,.985), rgba(248,238,224,.99)) !important; border: 1px solid rgba(221,198,174,.76) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 28px rgba(145,118,89,.10) !important; color: #43577a !important; font-weight: 760 !important; } body[data-ui-mode="dawn"] .affirmation, body[data-ui-mode="dawn"] .affirmation *, body[data-ui-mode="dawn"] .affirmation::first-line{ color: #43577a !important; text-shadow: none !important; } body[data-ui-mode="dawn"] .owSubKicker, body[data-ui-mode="dawn"] .owFeatureSection, body[data-ui-mode="dawn"] .owSubTrustItem, body[data-ui-mode="dawn"] .owPriceAlt, body[data-ui-mode="dawn"] .owTierTagline, body[data-ui-mode="dawn"] .owTierValueLine, body[data-ui-mode="dawn"] .owSubFooter, body[data-ui-mode="dawn"] .owSubFooter a{ color: rgba(78,89,109,.82) !important; } body[data-ui-mode="dawn"] .owFeatureList li, body[data-ui-mode="dawn"] .owTierCard .owTrialMiniSub, body[data-ui-mode="dawn"] .owBillingBtn, body[data-ui-mode="dawn"] .owSubClose{ color: #536580 !important; } body[data-ui-mode="dawn"] .owPriceMain, body[data-ui-mode="dawn"] .owPriceMain strong, body[data-ui-mode="dawn"] .owTierCard .owTrialMiniTitle, body[data-ui-mode="dawn"] .owTierCta.free-cta{ color: #2e405b !important; } body[data-ui-mode="dawn"] .owFeatureList li.dim, body[data-ui-mode="dawn"] .owFi.n{ color: rgba(96,107,126,.56) !important; } body[data-ui-mode="dawn"] .owTierCard{ box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 32px rgba(116,93,65,.10) !important; } body[data-ui-mode="dawn"] .owTrialMini{ background: linear-gradient(180deg, rgba(255,247,228,.98), rgba(248,241,231,.98)) !important; } body[data-ui-mode="dawn"] .journalWriteRight{display:flex!important;flex-direction:column!important} body[data-ui-mode="dawn"] .journalMetaCard{ padding-bottom: 6px !important; } body[data-ui-mode="dawn"] .journalActions{ margin: 0 !important; padding: 8px 10px 20px !important; border-top:0!important; background: transparent !important; align-items: center !important; } body[data-ui-mode="dawn"] .journalActions .journalDateStamp{ color: rgba(92,105,126,.66) !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ margin-left: auto !important; margin-top:-16px!important; align-self: flex-end !important; min-width: 252px !important; min-height: 64px !important; } @media (max-width: 900px){ body[data-ui-mode="dawn"] .journalActions{ padding: 10px 18px 20px !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ min-width: 100% !important; width: 100% !important; } } #actionsChapter{ border-radius: 28px !important; } #actionsChapter .chapterHeader{ display: block !important; padding: 20px 26px 8px !important; } #actionsChapter .chapterTitle{ font-size: clamp(24px, 2.4vw, 34px) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; font-weight: 800 !important; margin: 0 !important; } #actionsChapter .chapterSub{ margin-top: 8px !important; max-width: 560px !important; font-size: clamp(14px, 1.05vw, 18px) !important; line-height: 1.42 !important; } #actionsChapter .chapterInner{ display: block !important; padding: 6px 26px 22px !important; } #actionsChapterInner .actions.actionsPremium{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; margin-top: 8px !important; width: 100% !important; } #actionsChapterInner .actions.actionsPremium .btn{ min-height: 66px !important; height: 66px !important; border-radius: 22px !important; padding: 0 22px !important; font-size: clamp(18px, 1.35vw, 24px) !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: -.03em !important; box-shadow: 0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(255,255,255,.05) !important; } #actionsChapterInner .actions.actionsPremium .btn svg{ width: 20px !important; height: 20px !important; margin-right: 6px !important; } @media (max-width: 820px){ #actionsChapter .chapterHeader{ padding: 18px 18px 6px !important; } #actionsChapter .chapterInner{ padding: 6px 18px 18px !important; } #actionsChapterInner .actions.actionsPremium{ grid-template-columns: 1fr !important; gap: 12px !important; } #actionsChapterInner .actions.actionsPremium .btn{ min-height: 58px !important; height: 58px !important; font-size: 18px !important; } } body[data-ui-mode="dawn"] #actionsChapter{ background: linear-gradient(180deg, rgba(255,252,248,.88), rgba(246,240,233,.96)) !important; border: 1px solid rgba(124,118,145,.10) !important; box-shadow: 0 16px 36px rgba(110,88,62,.08), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] #actionsChapter .chapterTitle{ background: linear-gradient(135deg, #e0aa5a 0%, #c792b0 50%, #95abd2 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; text-shadow: none !important; } body[data-ui-mode="dawn"] #actionsChapter .chapterSub{ color: #617392 !important; } /* === original inline style block 063; id: orawhale-v514-dawn-header-aqua-fix; original line: 12563 === */ body[data-ui-mode="dawn"] #mainHeader, body[data-ui-mode="dawn"] .page > .header, body[data-ui-mode="dawn"] .header{ background: #E2FEFE !important; border-color: rgba(170,211,211,.28) !important; box-shadow: 0 26px 62px rgba(109,166,166,.10), inset 0 1px 0 rgba(255,255,255,.80) !important; } body[data-ui-mode="dawn"] #mainHeader::before, body[data-ui-mode="dawn"] .page > .header::before, body[data-ui-mode="dawn"] .header::before{ content:""; position:absolute; inset:0; border-radius:inherit; background: radial-gradient(720px 240px at 50% 12%, rgba(255,255,255,.54) 0%, transparent 70%), radial-gradient(980px 420px at 50% -8%, rgba(255,255,255,.88) 0%, transparent 68%) !important; pointer-events:none; } /* === original inline style block 064; id: orawhale-dawn-header-hard-fix-v517; original line: 12583 === */ body[data-ui-mode="dawn"] .header, body[data-ui-mode="dawn"] #mainHeader, body[data-ui-mode="dawn"] .page > .header { background: #d0f7f7 !important; background-image: none !important; box-shadow: 0 18px 54px rgba(123, 168, 168, 0.14), inset 0 1px 0 rgba(255,255,255,0.55) !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 { content: none !important; display: none !important; background: none !important; } body[data-ui-mode="dawn"] .header, body[data-ui-mode="dawn"] #mainHeader, body[data-ui-mode="dawn"] .page > .header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-color: rgba(160, 204, 204, 0.58) !important; } /* === original inline style block 065; id: orawhale-v520-step2-compact; original line: 12611 === */ #panelRealm .ritualPanelBody{ justify-content:flex-start !important; padding-top: 10px !important; padding-bottom: 18px !important; gap: 8px !important; } #panelRealm .realmGrid.realmSegmented{ margin-top: 0 !important; align-self: stretch !important; padding: 3px !important; border-radius: 16px !important; } #panelRealm .realmGrid.realmSegmented .realmChip{ min-height: 112px !important; height: 112px !important; gap: 10px !important; } #panelRealm .realmGrid.realmSegmented .realmEmoji{ margin-top: 0 !important; } #panelRealm .realmGrid.realmSegmented .realmLabel{ font-size: 15px !important; } @media (max-width: 900px){ #panelRealm .realmGrid.realmSegmented .realmChip{ min-height: 96px !important; height: 96px !important; } } /* === original inline style block 066; id: ow-v521-step12-premium-polish; original line: 12642 === */ @media (min-width: 981px){ .ritualStrip{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px !important; align-items: stretch !important; } #panelZodiac, #panelRealm{ min-height: 456px !important; padding: 0 !important; border-radius: 30px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 18px 40px rgba(34,38,80,.08) !important; } #panelZodiac .ritualPanelTop, #panelRealm .ritualPanelTop{ padding: 28px 32px 0 !important; border-bottom: 0 !important; gap: 0 !important; } #panelZodiac .ritualStepLabel, #panelRealm .ritualStepLabel{ margin-bottom: 12px !important; } #panelZodiac .ritualPanelTitleWrap, #panelRealm .ritualPanelTitleWrap{ display: flex !important; align-items: center !important; gap: 16px !important; } #panelZodiac .ritualPanelHeaderIcon, #panelRealm .ritualPanelHeaderIcon{ width: 52px !important; height: 52px !important; flex: 0 0 52px !important; border-radius: 999px !important; overflow: hidden !important; box-shadow: 0 12px 28px rgba(44,36,84,.14) !important; } #panelZodiac .ritualPanelHeaderIcon img, #panelRealm .ritualPanelHeaderIcon img{ width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } #panelZodiac .ritualPanelTitle, #panelRealm .ritualPanelTitle{ font-size: 34px !important; line-height: 1.16 !important; letter-spacing: -.03em !important; } #panelZodiac .ritualPanelSub, #panelRealm .ritualPanelSub{ margin-top: 10px !important; font-size: 17px !important; line-height: 1.42 !important; color: rgba(73,86,120,.84) !important; } #panelZodiac .ritualPanelBody{ padding: 44px 32px 30px !important; justify-content: flex-start !important; align-items: center !important; gap: 14px !important; } #zodiacRow, #zodiacChooser{ gap: 14px !important; } #zodiacBadgeMain.zodiacBadgeMain{ width: 68px !important; height: 68px !important; margin: 0 auto !important; border: 2px solid rgba(255,255,255,.82) !important; box-shadow: 0 0 0 1px rgba(214,195,255,.58), 0 10px 24px rgba(149,126,255,.10), inset 0 0 0 1px rgba(255,255,255,.45), 0 24px 44px rgba(44,36,84,.18) !important; transition: transform .18s ease, box-shadow .18s ease !important; } #zodiacBadgeMain.zodiacBadgeMain:hover{ transform: translateY(-2px) scale(1.02) !important; box-shadow: 0 0 0 1px rgba(214,195,255,.72), 0 16px 28px rgba(44,36,84,.16), 0 12px 28px rgba(149,126,255,.12), inset 0 0 0 1px rgba(255,255,255,.50) !important; } #zodiacPill{ width: min(320px, 72%) !important; height: 48px !important; min-height: 48px !important; border-radius: 22px !important; padding: 0 20px !important; font-size: 17px !important; font-weight: 700 !important; color: #495678 !important; background: rgba(255,255,255,.66) !important; border: 1px solid rgba(196,182,255,.9) !important; box-shadow: 0 8px 24px rgba(149,126,255,.10), inset 0 0 0 1px rgba(255,255,255,.45) !important; } #panelRealm .ritualPanelBody{ padding: 22px 32px 30px !important; justify-content: flex-start !important; align-items: stretch !important; } .realmGrid.realmSegmented{ padding: 10px !important; gap: 14px !important; border-radius: 28px !important; border: 1px solid rgba(238,230,248,.95) !important; background: rgba(255,255,255,.58) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 18px 40px rgba(34,38,80,.08) !important; } .realmGrid.realmSegmented .realmChip, .realmGrid.realmSegmented .realmChip:nth-child(n+3), .realmGrid.realmSegmented .realmChip:nth-child(2), .realmGrid.realmSegmented .realmChip:nth-child(4){ border: 0 !important; } .realmGrid.realmSegmented .realmChip{ min-height: 132px !important; height: 132px !important; padding: 12px 12px !important; border-radius: 22px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: rgba(255,255,255,.38) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 8px 20px rgba(34,38,80,.05) !important; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important; } .realmGrid.realmSegmented .realmChip:hover{ transform: translateY(-2px) !important; background: rgba(255,255,255,.5) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 16px 28px rgba(44,36,84,.08) !important; } .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ border: 1px solid rgba(196,182,255,.9) !important; background: linear-gradient(135deg, rgba(248,239,226,.95), rgba(240,232,250,.98)) !important; box-shadow: 0 8px 24px rgba(149,126,255,.10), inset 0 0 0 1px rgba(255,255,255,.45) !important; } .realmGrid.realmSegmented .realmEmoji{ width: 58px !important; height: 58px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: transform .18s ease, box-shadow .18s ease !important; } .realmGrid.realmSegmented .realmEmoji img{ width: 58px !important; height: 58px !important; object-fit: cover !important; display: block !important; border-radius: 999px !important; box-shadow: 0 0 0 1px rgba(214,195,255,.40), 0 16px 28px rgba(44,36,84,.12) !important; } .realmGrid.realmSegmented .realmChip:hover .realmEmoji, .realmGrid.realmSegmented .realmChip:hover .realmEmoji img{ transform: translateY(-2px) scale(1.02) !important; box-shadow: 0 16px 28px rgba(44,36,84,.16) !important; } .realmGrid.realmSegmented .realmLabel{ margin-top: 2px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.1 !important; color: #a58a4e !important; } } /* === original inline style block 067; id: ow-v522-step3-step4-polish; original line: 12831 === */ @media (min-width: 981px){ #panelDraw, #panelJournal{ min-height: 312px !important; } #panelDraw .ritualPanelTop, #panelJournal .ritualPanelTop{ padding: 24px 30px 10px !important; } #panelDraw .ritualPanelTitleWrap, #panelJournal .ritualPanelTitleWrap{ gap: 16px !important; } #panelDraw .ritualPanelSub, #panelJournal .ritualPanelSub{ margin-top: 8px !important; font-size: 18px !important; line-height: 1.42 !important; color: rgba(76,88,118,.92) !important; } #panelDraw .ritualPanelBody, #panelJournal .ritualPanelBody{ padding: 14px 30px 24px !important; justify-content: flex-start !important; gap: 12px !important; } #panelDraw .ritualPanelBody::before, #panelJournal .ritualPanelBody::before{ content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(212,199,255,0), rgba(212,199,255,.48) 18%, rgba(212,199,255,.48) 82%, rgba(212,199,255,0)); opacity: .55; } #panelDraw #pickBtn, #panelJournal .journalScrollBtn{ min-height: 56px !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(47,53,100,.10), inset 0 1px 0 rgba(255,255,255,.72) !important; } #panelDraw #pickBtn, #panelJournal .journalScrollBtn{ width: 100% !important; align-self: center !important; background: linear-gradient(135deg, rgba(245,238,255,.96), rgba(255,251,246,.98)) !important; border: 1.5px solid rgba(198,183,255,.88) !important; color: #2f3950 !important; } } /* === original inline style block 068; id: ow-v523-step-panels-unified-modal-fix; original line: 12883 === */ @media (min-width: 981px){ #panelZodiac .ritualPanelTitle, #panelRealm .ritualPanelTitle, #panelDraw .ritualPanelTitle, #panelJournal .ritualPanelTitle{ font-size: 31px !important; line-height: 1.16 !important; letter-spacing: -.03em !important; font-weight: 650 !important; } #panelZodiac .ritualPanelSub, #panelRealm .ritualPanelSub, #panelDraw .ritualPanelSub, #panelJournal .ritualPanelSub, #panelJournal .panelJournalHint{ font-size: 18px !important; line-height: 1.42 !important; letter-spacing: -.012em !important; } #panelDraw .ritualPanelTop, #panelJournal .ritualPanelTop{ padding-top: 24px !important; } } #panelZodiac .ritualPanelTitleWrap, #panelRealm .ritualPanelTitleWrap, #panelDraw .ritualPanelTitleWrap, #panelJournal .ritualPanelTitleWrap{ display:flex !important; align-items:center !important; gap:16px !important; } #panelZodiac .ritualPanelHeaderIcon, #panelRealm .ritualPanelHeaderIcon, #panelDraw .ritualPanelHeaderIcon, #panelJournal .ritualPanelHeaderIcon{ width:52px !important; height:52px !important; flex:0 0 52px !important; border-radius:999px !important; overflow:hidden !important; } #panelZodiac .ritualPanelHeaderIcon img, #panelRealm .ritualPanelHeaderIcon img, #panelDraw .ritualPanelHeaderIcon img, #panelJournal .ritualPanelHeaderIcon img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } :root{ --ow-step-pill-dawn: linear-gradient(135deg, rgba(241,223,190,.96) 0%, rgba(233,220,247,.97) 56%, rgba(216,232,242,.97) 100%); --ow-step-pill-moon: linear-gradient(135deg, rgba(232,210,160,.98) 0%, rgba(192,172,255,.94) 56%, rgba(157,214,228,.90) 100%); } body[data-ui-mode="dawn"] #zodiacPill, body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="dawn"] #panelDraw #pickBtn, body[data-ui-mode="dawn"] #panelJournal .journalScrollBtn{ background: var(--ow-step-pill-dawn) !important; border: 1.5px solid rgba(198,183,255,.88) !important; box-shadow: 0 12px 28px rgba(149,126,255,.10), inset 0 1px 0 rgba(255,255,255,.70) !important; color:#33415a !important; } body[data-ui-mode="moon"] #zodiacPill, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="moon"] #panelDraw #pickBtn, body[data-ui-mode="moon"] #panelJournal .journalScrollBtn{ background: var(--ow-step-pill-moon) !important; border: 1px solid rgba(255,255,255,.22) !important; box-shadow: 0 16px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.22) !important; color:#1a1428 !important; } #zodiacPill, #panelRealm .realmGrid.realmSegmented .realmLabel, #panelDraw #pickBtn, #panelJournal .journalScrollBtn{ font-weight:700 !important; } body[data-ui-mode="moon"] #panelZodiac, body[data-ui-mode="moon"] #panelRealm, body[data-ui-mode="moon"] #panelDraw, body[data-ui-mode="moon"] #panelJournal{ background: radial-gradient(1100px 300px at 50% 0%, rgba(255,255,255,.06), transparent 68%), linear-gradient(180deg, rgba(13,25,49,.96), rgba(2,18,44,.98)) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 48px rgba(0,0,0,.28) !important; } body[data-ui-mode="moon"] #panelZodiac .ritualPanelSub, body[data-ui-mode="moon"] #panelRealm .ritualPanelSub, body[data-ui-mode="moon"] #panelDraw .ritualPanelSub, body[data-ui-mode="moon"] #panelJournal .ritualPanelSub, body[data-ui-mode="moon"] #panelJournal .panelJournalHint{ color: rgba(224,232,244,.78) !important; } body[data-ui-mode="dawn"] #zodiacBackdrop{ background:rgba(110,98,84,.22)!important; backdrop-filter: blur(10px) saturate(120%) !important; } body[data-ui-mode="dawn"] #zodiacCard{ border:1px solid rgba(124,118,145,.16) !important; background:linear-gradient(180deg,rgba(250,245,235,.96),rgba(235,228,216,.94))!important; box-shadow: 0 26px 64px rgba(109,92,72,.14), inset 0 1px 0 rgba(255,255,255,.84) !important; color:#243046 !important; } body[data-ui-mode="dawn"] #zodiacCard > div:first-child{ border-bottom:1px solid rgba(124,118,145,.12) !important; } body[data-ui-mode="dawn"] #zodiacCard [style*="font-weight:900"][style*="font-size:18px"], body[data-ui-mode="dawn"] #zodiacCard [style*="font-weight:900"][style*="font-size:16px"]{ color:#27344a !important; } body[data-ui-mode="dawn"] #zodiacCard [style*="opacity:.78"], body[data-ui-mode="dawn"] #zodiacCard [style*="font-size:12px"], body[data-ui-mode="dawn"] #zodiacCard [style*="font-size:12.5px"], body[data-ui-mode="dawn"] #zodiacCard label, body[data-ui-mode="dawn"] #zodiacCard div{ color: rgba(61,72,92,.82); } body[data-ui-mode="dawn"] #zodiacCloseBtn, body[data-ui-mode="dawn"] #zodiacClearBtn{ background:rgba(255,250,241,.52)!important; color:#33415a !important; border:1px solid rgba(124,118,145,.16) !important; } body[data-ui-mode="dawn"] #zodiacAutoBtn{ background: var(--ow-step-pill-dawn) !important; color:#33415a !important; border:1px solid rgba(198,183,255,.88) !important; } body[data-ui-mode="dawn"] #zodiacDob{ background:rgba(255,252,246,.68)!important; color:#243046 !important; border:1px solid rgba(150,132,96,.18)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(109,92,72,.08) !important; } body[data-ui-mode="dawn"] #dobPlaceholder{ color: rgba(98,109,128,.72) !important; } body[data-ui-mode="dawn"] #zodiacModalGrid > div{ background:rgba(255,250,241,.38)!important; border:1px solid rgba(150,132,96,.16)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important; } body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip{background:rgba(255,250,241,.38)!important;} /* === original inline style block 069; id: orawhale-v524-premium-pill-unify-step2-moon-fix; original line: 13033 === */ :root{ --ow-premium-pill-dawn: linear-gradient(135deg, rgba(241,223,190,.98) 0%, rgba(230,215,247,.98) 54%, rgba(206,226,241,.98) 100%); --ow-premium-pill-moon: linear-gradient(135deg, rgba(232,210,160,.98) 0%, rgba(195,174,255,.95) 54%, rgba(154,214,229,.92) 100%); } body[data-ui-mode="dawn"] #zodiacPill, body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="dawn"] #panelDraw #pickBtn, body[data-ui-mode="dawn"] #panelJournal .journalScrollBtn, body[data-ui-mode="dawn"] .journalSaveBtn, body[data-ui-mode="dawn"] .memoriesLauncherBtn, body[data-ui-mode="dawn"] .imStreakBtn.gold, body[data-ui-mode="dawn"] #zodiacAutoBtn{ background: var(--ow-premium-pill-dawn) !important; border: 1.5px solid rgba(198,183,255,.86) !important; color:#33415a !important; box-shadow: 0 14px 30px rgba(149,126,255,.10), inset 0 1px 0 rgba(255,255,255,.74) !important; } body[data-ui-mode="moon"] #zodiacPill, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="moon"] #panelDraw #pickBtn, body[data-ui-mode="moon"] #panelJournal .journalScrollBtn, body[data-ui-mode="moon"] .journalSaveBtn, body[data-ui-mode="moon"] .memoriesLauncherBtn, body[data-ui-mode="moon"] .imStreakBtn.gold, body[data-ui-mode="moon"] #zodiacAutoBtn{ background: var(--ow-premium-pill-moon) !important; border: 1px solid rgba(255,255,255,.22) !important; color:#1a1428 !important; box-shadow: 0 18px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.22) !important; } body[data-ui-mode="moon"] #panelRealm{ background: radial-gradient(1100px 280px at 50% 0%, rgba(255,255,255,.05), transparent 66%), linear-gradient(180deg, rgba(16,26,52,.96), rgba(3,17,42,.985)) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{ background: linear-gradient(180deg, rgba(17,28,53,.94), rgba(9,20,44,.96)) !important; border: 1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.22) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip{ background: linear-gradient(180deg, rgba(31,43,66,.92), rgba(22,34,56,.94)) !important; border-color: rgba(255,255,255,.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip .realmLabel{ color: rgba(231,237,246,.88) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color:#1a1428 !important; } /* === original inline style block 070; id: no-id; original line: 13086 === */ .past-memories-title, .past-memories-label, #past-memories-title{ background: none !important; border: none !important; box-shadow: none !important; } /* === original inline style block 071; id: ow-v531-user-request-patch; original line: 13095 === */ body[data-has-card="0"] #zodiacInterpSection{ display:none !important; } .journalMetaCard{ background: transparent !important; border: 0 !important; box-shadow: none !important; } .journalMetaDivider{ display: none !important; } .journalTagsBlock, .journalMoodBlock{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; } #memoriesModal .memoriesDetailPane, #memoriesModal .memDetailTop, #memoriesModal .memDetailText, #memoriesModal #memDetailUnwrittenPane, #memoriesModal .arArchiveEditorRoot > .arTagsSection, #memoriesModal .arArchiveEditorRoot > .arMoodSection{ background: transparent !important; border: 0 !important; box-shadow: none !important; } #memoriesModal .memDetailTop{ padding-left: 0 !important; padding-right: 0 !important; } /* === original inline style block 072; id: ow-v538-realm-icon-only-clear-selection; original line: 13128 === */ #panelRealm .realmGrid.realmSegmented{ padding: 10px 0 0 !important; gap: 20px 28px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } #panelRealm .realmGrid.realmSegmented .realmChip, #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height: 148px !important; height: 148px !important; padding: 10px 8px !important; border: 0 !important; border-radius: 24px !important; background: transparent !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; } #panelRealm .realmGrid.realmSegmented .realmChip:hover{ background: transparent !important; box-shadow: none !important; transform: translateY(-2px) !important; } #panelRealm .realmGrid.realmSegmented .realmEmoji{ width: 78px !important; height: 78px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important; } #panelRealm .realmGrid.realmSegmented .realmEmoji img{ width: 78px !important; height: 78px !important; border-radius: 999px !important; display: block !important; object-fit: cover !important; box-shadow: 0 0 0 1.5px rgba(255,255,255,.78), 0 0 0 3px rgba(200,182,255,.20), 0 14px 30px rgba(44,36,84,.16) !important; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important; } #panelRealm .realmGrid.realmSegmented .realmLabel{ margin-top: 0 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.08 !important; color: rgba(88,94,126,.90) !important; text-align: center !important; text-shadow: none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ color: rgba(255,255,255,.86) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: transparent !important; border: 0 !important; box-shadow: none !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji{ filter: brightness(1.03) saturate(1.04) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img{ transform: scale(1.04) !important; box-shadow: 0 0 0 2px rgba(255,255,255,.90), 0 0 0 5px rgba(196,182,255,.55), 0 0 26px rgba(170,140,255,.34), 0 16px 34px rgba(44,36,84,.24) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #a5813d !important; font-weight: 900 !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: rgba(255,248,220,.98) !important; text-shadow: 0 0 18px rgba(255,205,120,.24) !important; } @media (max-width: 900px){ #panelRealm .realmGrid.realmSegmented{ gap: 16px 18px !important; } #panelRealm .realmGrid.realmSegmented .realmChip, #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height: 124px !important; height: 124px !important; } #panelRealm .realmGrid.realmSegmented .realmEmoji, #panelRealm .realmGrid.realmSegmented .realmEmoji img{ width: 70px !important; height: 70px !important; } #panelRealm .realmGrid.realmSegmented .realmLabel{ font-size: 15px !important; } } /* === original inline style block 073; id: ow-v539-step2-compact-premium-selected-panel; original line: 13239 === */ @media (min-width: 981px){ #panelRealm{ min-height: 456px !important; } #panelRealm .ritualPanelTop{ padding: 28px 32px 0 !important; } #panelRealm .ritualPanelTitleWrap{ gap: 14px !important; } #panelRealm .ritualPanelHeaderIcon{ width: 54px !important; height: 54px !important; flex: 0 0 54px !important; } #panelRealm .ritualPanelTitle{ font-size: 31px !important; line-height: 1.16 !important; } #panelRealm .ritualPanelSub{ margin-top: 12px !important; font-size: 17px !important; line-height: 1.36 !important; } #panelRealm .ritualPanelBody{ padding: 18px 32px 30px !important; gap: 0 !important; } #panelRealm .realmGrid.realmSegmented{ margin-top: 2px !important; padding: 8px !important; gap: 14px !important; border-radius: 24px !important; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.18)) !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 16px 34px rgba(34,38,80,.07) !important; } #panelRealm .realmGrid.realmSegmented .realmChip, #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height: 138px !important; height: 138px !important; padding: 14px 12px !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 20px !important; background: rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(34,38,80,.04) !important; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important; } #panelRealm .realmGrid.realmSegmented .realmChip:hover{ transform: translateY(-1px) !important; background: rgba(255,255,255,.15) !important; border-color: rgba(204,189,242,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 14px 28px rgba(44,36,84,.08) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: linear-gradient(135deg, rgba(248,239,226,.96), rgba(236,230,252,.98)) !important; border-color: rgba(188,169,237,.82) !important; box-shadow: 0 0 0 1px rgba(208,190,255,.38), 0 18px 36px rgba(117,93,208,.16), inset 0 1px 0 rgba(255,255,255,.65) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #5e4b25 !important; } #panelRealm .realmGrid.realmSegmented .realmChip .realmEmoji{ width: 64px !important; height: 64px !important; } #panelRealm .realmGrid.realmSegmented .realmChip .realmEmoji img{ width: 64px !important; height: 64px !important; border-radius: 999px !important; box-shadow: 0 0 0 1px rgba(255,244,220,.55), 0 12px 22px rgba(44,36,84,.14) !important; } #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img{ box-shadow: 0 0 0 2px rgba(255,255,255,.75), 0 0 0 6px rgba(204,186,255,.26), 0 16px 30px rgba(117,93,208,.22) !important; } #panelRealm .realmGrid.realmSegmented .realmLabel{ margin-top: 0 !important; font-size: 15px !important; line-height: 1.08 !important; color: #6a7392 !important; } } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{ background: linear-gradient(180deg, rgba(17,24,56,.30), rgba(9,14,38,.20)) !important; border-color: rgba(167,183,255,.12) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ background: rgba(255,255,255,.04) !important; border-color: rgba(167,183,255,.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.18) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{ background: rgba(255,255,255,.07) !important; border-color: rgba(195,182,255,.22) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: linear-gradient(135deg, rgba(255,228,178,.16), rgba(187,161,255,.22)) !important; border-color: rgba(205,190,255,.56) !important; box-shadow: 0 0 0 1px rgba(205,190,255,.28), 0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ color: rgba(229,235,255,.88) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #fff5dd !important; text-shadow: 0 1px 10px rgba(255,214,153,.12) !important; } body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmLabel{ color: #667190 !important; } body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #6a5122 !important; } @media (max-width: 980px){ #panelRealm .realmGrid.realmSegmented{ padding: 6px !important; gap: 10px !important; border-radius: 20px !important; } #panelRealm .realmGrid.realmSegmented .realmChip, #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height: 116px !important; height: 116px !important; border-radius: 18px !important; } } /* === original inline style block 074; id: ow-v540-step2-selected-obvious; original line: 13397 === */ .ritualPanel[data-step="2"] .realmGrid.realmSegmented{ background: rgba(255,255,255,.03) !important; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip{ position: relative !important; border-radius: 24px !important; opacity: .74 !important; transform: scale(.985) !important; transition: background .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease, border-color .18s ease !important; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip .realmLabel{ transition: color .18s ease, opacity .18s ease !important; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ opacity: 1 !important; transform: scale(1) !important; background: linear-gradient(180deg, rgba(255,245,223,.16), rgba(203,188,255,.14)) !important; box-shadow: inset 0 0 0 1.5px rgba(210,190,255,.50), inset 0 1px 0 rgba(255,255,255,.18), 0 16px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.06) !important; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"]::after{ content: ""; position: absolute; inset: 10px; border-radius: 18px; background: radial-gradient(circle at 50% 18%, rgba(255,255,255,.14), transparent 56%); pointer-events: none; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #fff7de !important; text-shadow: 0 1px 10px rgba(0,0,0,.18) !important; } .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip:not([aria-pressed="true"]):hover{ opacity: .9 !important; } body[data-ui-mode="dawn"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip{ opacity: .88 !important; background: rgba(255,255,255,.66) !important; } body[data-ui-mode="dawn"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: linear-gradient(180deg, rgba(250,241,225,.96), rgba(234,228,255,.96)) !important; box-shadow: inset 0 0 0 2px rgba(182,162,255,.58), 0 14px 28px rgba(156,132,255,.16), 0 0 0 1px rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip:not([aria-pressed="true"]){ background: rgba(255,255,255,.56) !important; } /* === original inline style block 075; id: ow-v552-moon-step2-dark-unified; original line: 13451 === */ body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{ background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ background: radial-gradient(130% 72% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 62%), linear-gradient(180deg, rgba(17,28,53,.96) 0%, rgba(7,18,44,.98) 100%) !important; border: 1px solid rgba(255,255,255,.11) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.26) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{ background: radial-gradient(130% 72% at 50% 0%, rgba(255,255,255,.10) 0%, transparent 62%), linear-gradient(180deg, rgba(22,34,62,.98) 0%, rgba(10,23,52,.99) 100%) !important; border-color: rgba(196,185,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 18px 38px rgba(0,0,0,.30) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: radial-gradient(135% 75% at 50% 0%, rgba(255,255,255,.12) 0%, transparent 60%), linear-gradient(180deg, rgba(96,98,150,.96) 0%, rgba(123,135,192,.94) 100%) !important; border-color: rgba(181,202,255,.46) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 18px 38px rgba(0,0,0,.28), 0 0 0 1px rgba(176,194,255,.12) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg{ background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 62%, rgba(255,255,255,.03) 100%) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 14px 28px rgba(0,0,0,.22) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ box-shadow: 0 0 0 2px rgba(255,255,255,.82), 0 0 0 6px rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.22) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ color: rgba(238,243,250,.94) !important; text-shadow: 0 1px 10px rgba(0,0,0,.12) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color: #fff3d6 !important; text-shadow: 0 1px 14px rgba(255,214,153,.14) !important; } /* === original inline style block 076; id: ow-v553-moon-step2-true-dark-fix; original line: 13515 === */ body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; backdrop-filter:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4), body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip{ all: unset !important; box-sizing:border-box !important; position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:12px !important; min-height:132px !important; height:132px !important; padding:14px 12px !important; border-radius:28px !important; cursor:pointer !important; -webkit-tap-highlight-color:transparent !important; appearance:none !important; background: radial-gradient(130% 76% at 50% 0%, rgba(255,255,255,.055) 0%, transparent 62%), linear-gradient(180deg, rgba(13,23,50,.96) 0%, rgba(7,16,38,.985) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.28) !important; transform:none !important; transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip:hover{ transform:translateY(-1px) !important; background: radial-gradient(130% 80% at 50% 0%, rgba(255,255,255,.07) 0%, transparent 60%), linear-gradient(180deg, rgba(17,29,61,.98) 0%, rgba(9,20,46,.995) 100%) !important; border-color:rgba(188,194,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 18px 38px rgba(0,0,0,.30) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"], body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: radial-gradient(120% 88% at 18% 0%, rgba(255,214,148,.12) 0%, transparent 48%), radial-gradient(95% 90% at 82% 100%, rgba(136,185,255,.12) 0%, transparent 54%), linear-gradient(145deg, rgba(63,70,118,.96) 0%, rgba(53,66,112,.96) 52%, rgba(34,47,88,.98) 100%) !important; border-color:rgba(177,199,255,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(177,199,255,.08) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::after, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::after, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip::before, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip::after{ display:none !important; content:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji.realmIconImg{ width:64px !important; height:64px !important; flex:0 0 64px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 auto !important; background:transparent !important; box-shadow:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ width:64px !important; height:64px !important; border-radius:999px !important; object-fit:cover !important; display:block !important; border:1px solid rgba(240,228,194,.92) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 14px 34px rgba(0,0,0,.34) !important; transform:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip:hover .realmEmoji img, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img{ transform:translateY(-1px) scale(1.018) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmLabel{ margin-top:2px !important; font-size:17px !important; font-weight:850 !important; line-height:1.06 !important; text-align:center !important; color:rgba(244,247,255,.94) !important; text-shadow:0 1px 0 rgba(0,0,0,.16) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color:rgba(255,245,219,.95) !important; } body[data-ui-mode="moon"] #panelRealm .ritualPanelSub{ color:rgba(224,232,244,.76) !important; } @media (max-width:640px){ body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4), body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmChip{ min-height:118px !important; height:118px !important; padding:12px 8px 10px !important; border-radius:24px !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmEmoji img{ width:56px !important; height:56px !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel, body[data-ui-mode="moon"] .ritualPanel[data-step="2"] .realmGrid.realmSegmented .realmLabel{ font-size:15px !important; } } /* === original inline style block 077; id: ow-v554-moon-step2-dark-premium-final; original line: 13668 === */ body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; backdrop-filter:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ all:unset !important; box-sizing:border-box !important; position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:12px !important; min-height:132px !important; height:132px !important; padding:14px 12px !important; border-radius:28px !important; cursor:pointer !important; -webkit-tap-highlight-color:transparent !important; background: radial-gradient(140% 78% at 50% -6%, rgba(255,255,255,.06) 0%, transparent 58%), linear-gradient(180deg, rgba(13,24,55,.96) 0%, rgba(7,17,40,.985) 100%) !important; border:1px solid rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.28) !important; transform:none !important; opacity:1 !important; transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{ transform:translateY(-1px) !important; background: radial-gradient(140% 82% at 50% -6%, rgba(255,255,255,.075) 0%, transparent 58%), linear-gradient(180deg, rgba(17,30,66,.975) 0%, rgba(10,21,49,.992) 100%) !important; border-color:rgba(184,192,255,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 22px 46px rgba(0,0,0,.31) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{ background: radial-gradient(120% 88% at 16% 0%, rgba(255,215,145,.12) 0%, transparent 46%), radial-gradient(95% 92% at 84% 100%, rgba(129,181,255,.12) 0%, transparent 52%), linear-gradient(145deg, rgba(53,62,111,.97) 0%, rgba(42,54,98,.98) 55%, rgba(29,40,77,.99) 100%) !important; border-color:rgba(172,196,255,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 22px 48px rgba(0,0,0,.32), 0 0 0 1px rgba(172,196,255,.08) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::after, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::before, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji::after{ display:none !important; content:none !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg{ width:64px !important; height:64px !important; flex:0 0 64px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 auto !important; background: radial-gradient(circle at 50% 36%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.06) 62%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(0,0,0,.18) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ width:64px !important; height:64px !important; border-radius:999px !important; object-fit:cover !important; display:block !important; border:1px solid rgba(242,230,196,.90) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.26) !important; transform:none !important; transition:transform .22s ease, box-shadow .22s ease !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img{ transform:translateY(-1px) scale(1.018) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ margin-top:2px !important; font-size:17px !important; font-weight:850 !important; line-height:1.08 !important; text-align:center !important; color:rgba(244,247,255,.94) !important; text-shadow:0 1px 10px rgba(0,0,0,.18) !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{ color:rgba(255,243,219,.96) !important; text-shadow:0 1px 14px rgba(255,221,166,.10) !important; } body[data-ui-mode="moon"] #panelRealm .ritualPanelSub{ color:rgba(224,232,244,.76) !important; } @media (max-width:640px){ body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(n+3), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(2), body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:nth-child(4){ min-height:118px !important; height:118px !important; padding:12px 8px 10px !important; border-radius:24px !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji img, body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{ width:56px !important; height:56px !important; } body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmLabel{ font-size:15px !important; } } /* === original inline style block 078; id: ow-v554-next-step-inline-size-match; original line: 13810 === */ #actionsChapterActions, #actionsChapter .chapterActions, #actionsChapterActions .actions.actionsPremium{ background:transparent !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; } #againBtnInlineStatic, #shareOracleBtnInlineStatic{ width:190px !important; min-width:190px !important; height:56px !important; min-height:56px !important; padding:0 20px !important; border-radius:18px !important; font-size:17px !important; font-weight:850 !important; line-height:1 !important; letter-spacing:-0.01em !important; } #shareOracleBtnInlineStatic svg{ width:17px !important; height:17px !important; margin-right:7px !important; } @media (max-width:640px){ #againBtnInlineStatic, #shareOracleBtnInlineStatic{ width:calc(50% - 5px) !important; min-width:0 !important; } } /* === original inline style block 079; id: ow-v599-iphone-step4-journal-fix; original line: 13863 === */ @media (max-width: 640px){ .ritualStrip{ gap: 14px !important; margin-top: 18px !important; } #panelDraw, #panelJournal{ min-height: auto !important; } #panelDraw .ritualPanelTop, #panelJournal .ritualPanelTop{ padding: 18px 18px 10px !important; } #panelDraw .ritualPanelTitleWrap, #panelJournal .ritualPanelTitleWrap{ gap: 12px !important; align-items: center !important; } #panelDraw .ritualPanelHeaderIcon, #panelJournal .ritualPanelHeaderIcon{ width: 46px !important; height: 46px !important; flex: 0 0 46px !important; } #panelDraw .ritualPanelTitle, #panelJournal .ritualPanelTitle{ font-size: clamp(18px, 6vw, 24px) !important; line-height: 1.12 !important; letter-spacing: -.02em !important; text-wrap: pretty !important; } #panelDraw .ritualPanelSub, #panelJournal .ritualPanelSub{ font-size: 15px !important; line-height: 1.45 !important; margin-top: 6px !important; } #panelDraw .ritualPanelBody, #panelJournal .ritualPanelBody{ padding: 14px 18px 18px !important; gap: 12px !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; } #panelDraw .ritualPanelBody::before, #panelJournal .ritualPanelBody::before{ content: none !important; display: none !important; } #panelDraw #pickBtn, #panelJournal .journalScrollBtn{ width: 100% !important; min-height: 54px !important; height: 54px !important; border-radius: 18px !important; font-size: 17px !important; justify-content: center !important; } #journalSection{ padding: 18px 16px 20px !important; border-radius: 24px !important; } #journalSection .journalSectionHeader{ display: grid !important; grid-template-columns: 52px 1fr !important; gap: 10px 12px !important; align-items: start !important; margin-bottom: 16px !important; } #journalSection .journalSectionIcon{ width: 52px !important; height: 52px !important; margin-top: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #journalSection .journalSectionIcon img{ width: 52px !important; height: 52px !important; object-fit: cover !important; border-radius: 50% !important; } #journalSection .journalSectionTitle{ font-size: clamp(20px, 7vw, 28px) !important; line-height: 1.02 !important; margin: 0 0 4px !important; } #journalSection .journalSectionSub{ font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; } #journalLockPill{ grid-column: 1 / -1 !important; width: 100% !important; justify-content: center !important; min-height: 44px !important; padding: 10px 14px !important; margin-top: 0 !important; border-radius: 999px !important; font-size: 12px !important; letter-spacing: .06em !important; } #journalSection .journalWriteArea{ display: grid !important; grid-template-columns: 118px minmax(0, 1fr) !important; gap: 14px !important; align-items: start !important; margin-bottom: 20px !important; } #journalSection .journalCardPreview{ width: 118px !important; max-width: none !important; margin: 0 !important; border-radius: 18px !important; } #journalSection .journalCardPreviewLabel{ font-size: 11.5px !important; line-height: 1.45 !important; padding: 14px 10px !important; } #journalSection .journalWriteRight{ min-width: 0 !important; border-radius: 20px !important; } #journalSection .todayRitual{ padding: 14px 14px 12px !important; margin: 0 !important; } #journalSection .todayRitualPill{ font-size: 10px !important; letter-spacing: .12em !important; margin-bottom: 8px !important; } #journalSection .todayRitualPrompt{ font-size: 14px !important; margin-bottom: 8px !important; } #journalSection .todayRitualQuestion{ font-size: 15px !important; line-height: 1.55 !important; } #journalSection .journalRichToolbar{ padding: 6px 8px !important; gap: 2px !important; } #journalSection .jrtBtn, #journalSection .jrtColorBtn{ width: 26px !important; height: 26px !important; font-size: 12px !important; } #journalSection .journalTextarea{ min-height: 200px !important; font-size: 16px !important; line-height: 1.7 !important; } } @media (max-width: 430px){ #journalSection .journalWriteArea{ grid-template-columns: 104px minmax(0, 1fr) !important; gap: 12px !important; } #journalSection .journalCardPreview{ width: 104px !important; } #panelDraw .ritualPanelTitle, #panelJournal .ritualPanelTitle{ font-size: clamp(18px, 6.5vw, 22px) !important; } } /* === original inline style block 080; id: ow-v600-iphone-step4-journal-premium; original line: 14038 === */ @media (max-width: 860px) and (hover: none), (max-width: 860px) and (pointer: coarse) { #panelJournal{ grid-column: span 2 !important; } #panelJournal .ritualPanelTop{ padding: 22px 20px 10px !important; } #panelJournal .ritualPanelTitleWrap{ display:flex !important; align-items:center !important; gap:14px !important; } #panelJournal .ritualPanelHeaderIcon{ width:60px !important; height:60px !important; flex:0 0 60px !important; } #panelJournal .ritualPanelHeaderIcon img{ width:100% !important; height:100% !important; object-fit:cover !important; } #panelJournal .ritualPanelTitle{ font-size: clamp(28px, 7.6vw, 40px) !important; line-height: .98 !important; letter-spacing: -.035em !important; text-wrap: balance !important; max-width: 8ch !important; } #panelJournal .ritualPanelSub{ margin-top: 10px !important; font-size: 15px !important; line-height: 1.52 !important; color: #5f6d86 !important; max-width: 18ch !important; } #panelJournal .ritualPanelBody{ padding: 12px 20px 22px !important; display:block !important; } #panelJournal .journalScrollBtn{ width: 100% !important; min-height: 58px !important; height: 58px !important; border-radius: 20px !important; font-size: 16px !important; font-weight: 850 !important; letter-spacing: -.01em !important; align-self: stretch !important; margin-top: 2px !important; display:flex !important; align-items:center !important; justify-content:center !important; background: linear-gradient(135deg, rgba(245,238,255,.96), rgba(232,240,255,.94)) !important; border: 1.5px solid rgba(198,183,255,.88) !important; color: #33415a !important; box-shadow: 0 14px 34px rgba(70,78,120,.10), inset 0 1px 0 rgba(255,255,255,.72) !important; } .journalSection{ padding: 20px 16px 22px !important; border-radius: 24px !important; } .journalSectionHeader{ display:grid !important; grid-template-columns: auto minmax(0,1fr) !important; gap: 10px 14px !important; align-items:center !important; margin-bottom: 18px !important; } .journalSectionIconImgWrap{ width: 74px !important; height: 74px !important; flex: 0 0 74px !important; align-self:start !important; } .journalSectionTitle{ font-size: clamp(24px, 8vw, 40px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; text-wrap: balance !important; margin-bottom: 4px !important; } .journalSectionSub{ font-size: 15px !important; line-height: 1.45 !important; color: #66738d !important; } #journalLockPill{ grid-column: 1 / -1 !important; width: 100% !important; justify-content: center !important; margin-top: 0 !important; min-height: 48px !important; border-radius: 999px !important; font-size: 11px !important; letter-spacing: .12em !important; } .journalWriteArea{ grid-template-columns: 1fr !important; gap: 14px !important; margin-bottom: 20px !important; } .journalCardPreview{ width: min(170px, 38vw) !important; max-width: none !important; margin: 0 auto !important; border-radius: 22px !important; } .journalCardPreviewLabel{ font-size: 13px !important; line-height: 1.5 !important; padding: 18px 14px !important; } .todayRitual{ width: 100% !important; padding: 18px 16px 18px !important; border-radius: 22px !important; margin-bottom: 12px !important; } .todayRitualPill{ font-size: 11px !important; letter-spacing: .14em !important; margin-bottom: 12px !important; } .todayRitualPrompt, .todayRitualQuestion{ max-width: none !important; width: 100% !important; } .todayRitualQuestion{ font-size: clamp(18px, 5.8vw, 22px) !important; line-height: 1.42 !important; letter-spacing: -.02em !important; } .journalMetaCard{ width: 100% !important; border-radius: 22px !important; overflow: hidden !important; } .journalEditorWrap{ border-radius: 22px 22px 0 0 !important; } .journalRichToolbar{ gap: 6px !important; padding: 10px 8px !important; flex-wrap: wrap !important; } .journalRichContent, .journalTextarea{ min-height: 170px !important; font-size: 16px !important; line-height: 1.72 !important; padding: 16px !important; } .journalMetaDivider{ margin: 14px 0 !important; } .tagsWrapAr, .moodWrapAr{ gap: 10px !important; } } @media (max-width: 540px) and (hover: none), (max-width: 540px) and (pointer: coarse) { #panelJournal{ grid-column: span 1 !important; } #panelJournal .ritualPanelTitle{ font-size: clamp(26px, 10vw, 36px) !important; max-width: 7ch !important; } #panelJournal .ritualPanelSub{ max-width: 14ch !important; } .journalSectionTitle{ font-size: clamp(22px, 9.2vw, 34px) !important; } .journalCardPreview{ width: min(160px, 42vw) !important; } .todayRitualQuestion{ font-size: 17px !important; line-height: 1.46 !important; } } /* === original inline style block 081; id: ow-v602-iphone-step4-journal-apple-premium; original line: 14224 === */ @media (max-width: 860px) and (hover: none), (max-width: 860px) and (pointer: coarse) { #panelJournal{ grid-column: 1 / -1 !important; } #panelJournal .ritualPanelTop{ padding: 20px 20px 12px !important; } #panelJournal .ritualPanelTitleWrap{ display: grid !important; grid-template-columns: 64px minmax(0,1fr) !important; align-items: center !important; gap: 14px !important; } #panelJournal .ritualPanelHeaderIcon{ width: 64px !important; height: 64px !important; flex: 0 0 64px !important; margin: 0 !important; } #panelJournal .ritualPanelHeaderIcon img{ width: 64px !important; height: 64px !important; display: block !important; object-fit: cover !important; border-radius: 50% !important; } #panelJournal .ritualPanelTitle{ font-size: clamp(22px, 8vw, 34px) !important; line-height: 1.02 !important; letter-spacing: -.03em !important; max-width: none !important; text-wrap: balance !important; } #panelJournal .ritualPanelSub{ margin-top: 12px !important; font-size: 15px !important; line-height: 1.55 !important; color: #5f6d86 !important; max-width: none !important; } #panelJournal .ritualPanelBody{ padding: 0 20px 22px !important; display: block !important; } #panelJournal .journalScrollBtn{ width: 100% !important; min-height: 56px !important; height: 56px !important; margin-top: 0 !important; border-radius: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; font-weight: 850 !important; letter-spacing: -.01em !important; } #journalSection{ padding: 20px 16px 22px !important; border-radius: 24px !important; } #journalSection .journalSectionHeader{ display: grid !important; grid-template-columns: 60px minmax(0,1fr) !important; gap: 10px 14px !important; align-items: center !important; margin-bottom: 16px !important; } #journalSection .journalSectionIconImgWrap{ width: 60px !important; height: 60px !important; flex: 0 0 60px !important; align-self: start !important; } #journalSection .journalSectionIconImgWrap img{ width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; border-radius: 50% !important; } #journalSection .journalSectionTitle{ font-size: clamp(22px, 9vw, 34px) !important; line-height: 1.03 !important; letter-spacing: -.035em !important; margin: 0 0 4px !important; text-wrap: balance !important; } #journalSection .journalSectionSub{ font-size: 15px !important; line-height: 1.45 !important; margin: 0 !important; color: #66738d !important; } #journalLockPill{ grid-column: 1 / -1 !important; width: 100% !important; min-height: 46px !important; justify-content: center !important; margin-top: 0 !important; border-radius: 999px !important; font-size: 11px !important; letter-spacing: .12em !important; } #journalSection .journalWriteArea{ display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 18px !important; } #journalSection .journalCardPreview{ width: min(176px, 46vw) !important; max-width: none !important; margin: 0 auto !important; aspect-ratio: 2 / 3 !important; border-radius: 20px !important; } #journalSection .journalCardPreviewLabel{ font-size: 13px !important; line-height: 1.5 !important; padding: 18px 14px !important; } #journalSection .journalWriteRight{ width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; } #journalSection .todayRitual{ width: 100% !important; padding: 18px 16px !important; border-radius: 22px !important; margin: 0 !important; } #journalSection .todayRitualPill{ font-size: 11px !important; letter-spacing: .14em !important; margin-bottom: 12px !important; } #journalSection .todayRitualPrompt, #journalSection .todayRitualQuestion{ width: 100% !important; max-width: none !important; } #journalSection .todayRitualQuestion{ font-size: clamp(19px, 5.7vw, 24px) !important; line-height: 1.42 !important; letter-spacing: -.02em !important; } #journalSection .journalMetaCard{ width: 100% !important; border-radius: 22px !important; overflow: hidden !important; } #journalSection .journalEditorWrap{ border-radius: 22px 22px 0 0 !important; } #journalSection .journalRichToolbar{ padding: 10px 8px !important; gap: 6px !important; flex-wrap: wrap !important; } #journalSection .journalRichContent, #journalSection .journalTextarea{ min-height: 180px !important; font-size: 16px !important; line-height: 1.72 !important; padding: 16px !important; } #journalSection .journalTagsBlock, #journalSection .journalMoodBlock{ width: 100% !important; } #journalSection .journalTagsWrap, #journalSection .tagsWrapAr, #journalSection .moodWrapAr{ gap: 10px !important; } } @media (max-width: 540px) and (hover: none), (max-width: 540px) and (pointer: coarse) { #panelJournal .ritualPanelTitle{ font-size: clamp(20px, 9.4vw, 30px) !important; } #journalSection .journalSectionTitle{ font-size: clamp(21px, 10vw, 30px) !important; } #journalSection .journalCardPreview{ width: min(168px, 52vw) !important; } #journalSection .todayRitualQuestion{ font-size: 18px !important; line-height: 1.46 !important; } } /* === original inline style block 082; id: ow-v612-save-to-memory-balance; original line: 14421 === */ .journalSaveBtn{ width: auto !important; min-width: 214px !important; min-height: 54px !important; padding: 0 18px !important; border-radius: 17px !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ min-width: 214px !important; min-height: 54px !important; padding: 0 18px !important; } @media (max-width: 900px){ .journalSaveBtn, body[data-ui-mode="dawn"] .journalSaveBtn{ min-width: 100% !important; width: 100% !important; } } /* === original inline style block 083; id: ow-v613-unify-step-cta-buttons; original line: 14442 === */ #zodiacPill, #pickBtn, #panelJournal .journalScrollBtn{ min-height: 60px !important; height: 60px !important; padding: 0 22px !important; border-radius: 20px !important; font-size: 17px !important; font-weight: 900 !important; letter-spacing: -0.015em !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } #zodiacPill{ gap: 0 !important; white-space: nowrap !important; } #panelJournal .journalScrollBtn{ width: 100% !important; } @media (max-width: 900px){ #zodiacPill, #pickBtn, #panelJournal .journalScrollBtn{ min-height: 58px !important; height: 58px !important; font-size: 16.5px !important; padding: 0 18px !important; } } /* === original inline style block 084; id: ow-v614-pickbtn-bold; original line: 14477 === */ #pickBtn, #panelDraw #pickBtn{ font-weight: 900 !important; letter-spacing: -0.015em !important; } /* === original inline style block 085; id: ow-v615-save-memory-open-memories-polish; original line: 14484 === */ .journalSaveBtn{ width: auto !important; min-width: 198px !important; min-height: 52px !important; padding: 0 16px !important; border-radius: 17px !important; } body[data-ui-mode="dawn"] .journalSaveBtn{ min-width: 198px !important; min-height: 52px !important; padding: 0 16px !important; } .memoriesLauncherBtn{ font-weight: 980 !important; } body[data-ui-mode="dawn"] .memoriesLauncherBtn{ font-weight: 980 !important; } @media (max-width: 900px){ .journalSaveBtn, body[data-ui-mode="dawn"] .journalSaveBtn{ min-width: 100% !important; width: 100% !important; } } /* === original inline style block 086; id: orawhale-dawn-annual-recap-light-v618; original line: 14511 === */ body[data-ui-mode="dawn"] .imRecapBg{ background: radial-gradient(900px 520px at 50% 22%, rgba(205, 233, 255, .22), transparent 58%), radial-gradient(900px 520px at 18% 14%, rgba(255, 224, 182, .18), transparent 60%), rgba(247, 242, 236, .56); backdrop-filter: blur(16px) saturate(118%); } body[data-ui-mode="dawn"] .imRecapCard{ border-color: rgba(188, 173, 224, .42); background: radial-gradient(900px 300px at 18% 0%, rgba(255, 222, 174, .42), transparent 62%), radial-gradient(900px 420px at 82% 100%, rgba(190, 180, 248, .34), transparent 60%), linear-gradient(180deg, rgba(255, 250, 246, .975), rgba(241, 246, 255, .95)); box-shadow: 0 34px 96px rgba(155, 136, 191, .18), 0 10px 28px rgba(120, 109, 86, .08); } body[data-ui-mode="dawn"] .imRecapTop{ border-bottom-color: rgba(176, 161, 213, .18); } body[data-ui-mode="dawn"] .imRecapKicker{ color: rgba(119, 105, 123, .62); } body[data-ui-mode="dawn"] .imRecapTitle{ background: linear-gradient(125deg, rgba(196, 131, 74, .98) 0%, rgba(171, 111, 213, .94) 56%, rgba(109, 133, 214, .88) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } body[data-ui-mode="dawn"] .imRecapClose, body[data-ui-mode="dawn"] .imRecapNavBtn{ border-color: rgba(184, 171, 219, .34); background: rgba(255, 255, 255, .72); color: rgba(77, 82, 109, .82); box-shadow: 0 10px 24px rgba(136, 118, 171, .10), inset 0 1px 0 rgba(255,255,255,.72); } body[data-ui-mode="dawn"] .imRecapClose:hover, body[data-ui-mode="dawn"] .imRecapNavBtn:hover{ background: rgba(255,255,255,.88); border-color: rgba(171, 157, 209, .48); } body[data-ui-mode="dawn"] .imRecapBody{ scrollbar-color: rgba(167, 153, 201, .34) transparent; } body[data-ui-mode="dawn"] .imRecapBody::-webkit-scrollbar-thumb{ background: rgba(167, 153, 201, .34); } body[data-ui-mode="dawn"] .imRecapMonthTitle{ color: rgba(49, 56, 86, .96); } body[data-ui-mode="dawn"] .imRecapStat{ border-color: rgba(184, 171, 219, .24); background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(245, 240, 255, .72)); box-shadow: 0 12px 28px rgba(146, 130, 182, .10), inset 0 1px 0 rgba(255,255,255,.66); } body[data-ui-mode="dawn"] .imRecapStatNum{ background: linear-gradient(125deg, rgba(171, 111, 213, .98), rgba(110, 132, 213, .90)); -webkit-background-clip: text; background-clip: text; color: transparent; } body[data-ui-mode="dawn"] .imRecapStatLabel, body[data-ui-mode="dawn"] .imRecapSectionLabel{ color: rgba(110, 106, 126, .70); } body[data-ui-mode="dawn"] .imRecapRealmName{ color: rgba(62, 68, 97, .86); } body[data-ui-mode="dawn"] .imRecapRealmTrack{ background: rgba(127, 139, 181, .18); } body[data-ui-mode="dawn"] .imRecapRealmFill{ background: linear-gradient(90deg, rgba(225, 187, 112, .92), rgba(169, 121, 218, .82)); } body[data-ui-mode="dawn"] .imRecapRealmCount{ color: rgba(102, 108, 133, .72); } body[data-ui-mode="dawn"] .imRecapInsight, body[data-ui-mode="dawn"] .imRecapAffirm{ border-color: rgba(184, 171, 219, .22); background: linear-gradient(180deg, rgba(246, 242, 255, .78), rgba(239, 245, 255, .76)); color: rgba(69, 75, 102, .90); box-shadow: inset 0 1px 0 rgba(255,255,255,.62); } body[data-ui-mode="dawn"] .imRecapInsight strong, body[data-ui-mode="dawn"] .imRecapMetricNum, body[data-ui-mode="dawn"] .imRecapMetricUnit, body[data-ui-mode="dawn"] .imRecapInsightMetaValue{ color: rgba(46, 52, 82, .96); } body[data-ui-mode="dawn"] .imRecapInsightMetaLabel, body[data-ui-mode="dawn"] .imRecapMetricSub, body[data-ui-mode="dawn"] .imRecapAffirmLabel, body[data-ui-mode="dawn"] .imRecapStreakDesc{ color: rgba(108, 112, 132, .70); } body[data-ui-mode="dawn"] .imRecapMetricChip, body[data-ui-mode="dawn"] .imRecapThemeTag{ border-color: rgba(184, 171, 219, .22); background: rgba(255,255,255,.50); color: rgba(73, 79, 107, .86); box-shadow: inset 0 1px 0 rgba(255,255,255,.62); } body[data-ui-mode="dawn"] .imRecapThemeTag.prominent{ border-color: rgba(224, 184, 111, .44); background: rgba(255, 235, 199, .72); color: rgba(155, 112, 55, .94); } body[data-ui-mode="dawn"] .imRecapStreakCallout{ border-color: rgba(224, 184, 111, .34); background: radial-gradient(600px 160px at 0% 50%, rgba(255, 222, 174, .28), transparent 65%), linear-gradient(180deg, rgba(248, 243, 255, .82), rgba(240, 245, 255, .80)); } body[data-ui-mode="dawn"] .imRecapStreakNum{ background: linear-gradient(125deg, rgba(205, 136, 69, .98), rgba(168, 117, 215, .88)); -webkit-background-clip: text; background-clip: text; color: transparent; } body[data-ui-mode="dawn"] .imRecapFooter{ border-top-color: rgba(176, 161, 213, .18); background: linear-gradient(180deg, rgba(250, 248, 255, .62), rgba(240, 245, 255, .72)); } body[data-ui-mode="dawn"] .imRecapFooterBtn{ border-color: rgba(184, 171, 219, .34); background: rgba(255,255,255,.72); color: rgba(62, 68, 96, .92); } body[data-ui-mode="dawn"] .imRecapFooterBtn:hover{ background: rgba(255,255,255,.88); border-color: rgba(171, 157, 209, .48); } body[data-ui-mode="dawn"] .imRecapFooterBtn.primary{ border-color: rgba(198, 155, 229, .34); background: linear-gradient(135deg, rgba(255, 219, 161, .96), rgba(205, 226, 255, .92), rgba(198, 160, 248, .92)); color: rgba(49, 53, 84, .96); } body[data-ui-mode="dawn"] .imRecapEmpty{ color: rgba(104, 109, 129, .72); } body[data-ui-mode="dawn"] .imOTD{ border-color: rgba(224, 184, 111, .30); background: radial-gradient(ellipse 160% 60% at 50% 0%, rgba(255, 222, 174, .22), transparent 60%), linear-gradient(158deg, rgba(249, 244, 255, .88), rgba(238, 245, 255, .82)); } body[data-ui-mode="dawn"] .imOTDHead, body[data-ui-mode="dawn"] .imOTDHead--locked{ border-bottom-color: rgba(176, 161, 213, .18); } body[data-ui-mode="dawn"] .imOTDHeadTitle{ background: linear-gradient(110deg, rgba(203, 138, 72, .98), rgba(169, 115, 216, .90)); -webkit-background-clip: text; background-clip: text; color: transparent; } body[data-ui-mode="dawn"] .imOTDHeadSub, body[data-ui-mode="dawn"] .imOTDLockedEyebrow{ color: rgba(116, 110, 129, .68); } body[data-ui-mode="dawn"] .imOTD--locked{ border-color: rgba(224, 184, 111, .24); background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.46), transparent 38%), radial-gradient(95% 80% at 100% 0%, rgba(190, 180, 248, .24), transparent 46%), linear-gradient(180deg, rgba(248, 244, 255, .96) 0%, rgba(238, 245, 255, .92) 100%); box-shadow: 0 22px 62px rgba(155, 136, 191, .10), inset 0 1px 0 rgba(255,255,255,.70); } body[data-ui-mode="dawn"] .imOTDLockedCopy, body[data-ui-mode="dawn"] .imOTDEntryCard, body[data-ui-mode="dawn"] .imOTDEntrySnippet, body[data-ui-mode="dawn"] .imOTDEmpty, body[data-ui-mode="dawn"] .imOTDYearLabel{ color: rgba(70, 76, 103, .88); } body[data-ui-mode="dawn"] .imOTDEntryRealm, body[data-ui-mode="dawn"] .imOTDEntryMood, body[data-ui-mode="dawn"] .imOTDEntryYear{ color: rgba(110, 106, 126, .72); } body[data-ui-mode="dawn"] .imOTDEntry{ border-bottom-color: rgba(176, 161, 213, .14); } body[data-ui-mode="dawn"] .imOTDEntry:hover{ background: rgba(171, 157, 209, .06); } body[data-ui-mode="dawn"] .imOTDYearNav{ border-color: rgba(184, 171, 219, .30); background: rgba(255,255,255,.62); color: rgba(96, 101, 128, .72); } body[data-ui-mode="dawn"] .imOTDYearNav:hover:not([disabled]){ background: rgba(255,255,255,.84); color: rgba(62, 68, 96, .92); } body[data-ui-mode="dawn"] .imOTDUnlockBtn{ border-color: rgba(184, 171, 219, .28); background: radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.68), transparent 42%), linear-gradient(180deg, rgba(245, 240, 255, .90), rgba(238, 245, 255, .84)); box-shadow: 0 14px 34px rgba(155, 136, 191, .10), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(195, 187, 223, .20); color: rgba(54, 60, 89, .96); } body[data-ui-mode="dawn"] .imOTDUnlockBtn:hover{ border-color: rgba(171, 157, 209, .42); box-shadow: 0 18px 40px rgba(155, 136, 191, .14), inset 0 1px 0 rgba(255,255,255,.88), 0 0 0 1px rgba(224, 184, 111, .08); } body[data-ui-mode="dawn"] .imOTDUnlockBtnTitle{ color: rgba(49, 55, 84, .96); } body[data-ui-mode="dawn"] .imOTDUnlockBtnHint, body[data-ui-mode="dawn"] .imOTDUnlockBtnArrow{ color: rgba(109, 113, 132, .62); } body[data-ui-mode="dawn"] .imOTDUnlockBtnIcon::before{ border-color: rgba(97, 102, 129, .78); } body[data-ui-mode="dawn"] .imOTDUnlockBtnIcon::after{ background: rgba(97, 102, 129, .78); } /* === original inline style block 087; id: orawhale-dawn-annual-recap-contrast-v620; original line: 14740 === */ body[data-ui-mode="dawn"] .imRecapSectionLabel, body[data-ui-mode="dawn"] .imRecapStatLabel{ color: rgba(96, 92, 114, .82) !important; } body[data-ui-mode="dawn"] .imRecapRealmName{ color: rgba(68, 74, 101, .94) !important; } body[data-ui-mode="dawn"] .imRecapRealmCount, body[data-ui-mode="dawn"] .imRecapRealmCount span{ color: rgba(102, 108, 133, .86) !important; } body[data-ui-mode="dawn"] .imRecapInsight, body[data-ui-mode="dawn"] .imRecapAffirm{ color: rgba(77, 83, 110, .96) !important; } body[data-ui-mode="dawn"] .imRecapInsightLead, body[data-ui-mode="dawn"] .imRecapInsightTail, body[data-ui-mode="dawn"] .imRecapAffirm, body[data-ui-mode="dawn"] .imRecapAffirm em{ color: rgba(77, 83, 110, .96) !important; } body[data-ui-mode="dawn"] .imRecapInsightTail em{ color: rgba(93, 98, 123, .94) !important; opacity: 1 !important; } body[data-ui-mode="dawn"] .imRecapInsightMetaLabel, body[data-ui-mode="dawn"] .imRecapMetricSub, body[data-ui-mode="dawn"] .imRecapAffirmLabel, body[data-ui-mode="dawn"] .imRecapStreakDesc{ color: rgba(102, 108, 133, .82) !important; } body[data-ui-mode="dawn"] .imRecapThemeTag{ color: rgba(77, 83, 110, .92) !important; border-color: rgba(184, 171, 219, .30) !important; background:rgba(255,250,241,.52)!important; } body[data-ui-mode="dawn"] .imRecapThemeTag.prominent{ color: rgba(141, 99, 47, .96) !important; background: rgba(255, 235, 199, .90) !important; } body[data-ui-mode="dawn"] .imOTDHeadSub, body[data-ui-mode="dawn"] .imOTDLockedEyebrow{ color: rgba(104, 99, 122, .80) !important; } body[data-ui-mode="dawn"] .imOTDLockedCopy, body[data-ui-mode="dawn"] .imOTDEntryCard, body[data-ui-mode="dawn"] .imOTDEntrySnippet, body[data-ui-mode="dawn"] .imOTDEmpty, body[data-ui-mode="dawn"] .imOTDYearLabel{ color: rgba(73, 79, 106, .94) !important; } body[data-ui-mode="dawn"] .imOTDUnlockBtnHint, body[data-ui-mode="dawn"] .imOTDUnlockBtnArrow{ color: rgba(106, 111, 132, .78) !important; } body[data-ui-mode="dawn"] .imOTDUnlockBtn{ border-color: rgba(184, 171, 219, .34) !important; background: radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.82), transparent 42%), linear-gradient(180deg, rgba(246, 242, 255, .96), rgba(239, 246, 255, .90)) !important; } /* === original inline style block 088; id: im-v621-dawn-title-clean-glow; original line: 14803 === */ body[data-ui-mode="dawn"] #mainTitle{ text-shadow: none !important; filter: none !important; } /* === original inline style block 089; id: ow-v625-dawn-zodiac-kicker-clean; original line: 14809 === */ body[data-ui-mode="dawn"] .zodiacInterpKicker{ background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; filter: none !important; padding: 0 !important; border-radius: 0 !important; display: block !important; } /* === original inline style block 090; id: orawhale-annual-almanac-dawn-pill-polish-v686; original line: 14821 === */ body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill{ background: linear-gradient(180deg, rgba(252,252,253,.96), rgba(246,247,250,.93)) !important; border: 1px solid rgba(116,128,147,.24) !important; color: rgba(73,84,100,.98) !important; font-weight: 820 !important; text-shadow: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 1px 2px rgba(132,143,163,.08), 0 8px 20px rgba(132,143,163,.10) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill strong, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill strong, body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--starterEditorial .imAlmMetaPill strong{ color: rgba(92,100,150,.98) !important; font-weight: 860 !important; text-shadow: none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill--soft{ background: linear-gradient(180deg, rgba(250,250,252,.94), rgba(244,245,248,.90)) !important; border: 1px solid rgba(116,128,147,.20) !important; color: rgba(76,88,105,.95) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 1px 2px rgba(132,143,163,.06), 0 6px 16px rgba(132,143,163,.08) !important; } /* === original inline style block 091; id: ow-annual-empty-state-premium-v697; original line: 14852 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero{ min-height: clamp(330px, 42vh, 390px) !important; padding: 24px 24px 22px !important; gap: 0 !important; border-radius: 32px !important; background: radial-gradient(780px 260px at 8% 0%, rgba(255,220,175,.10), transparent 54%), radial-gradient(760px 280px at 100% 100%, rgba(172,210,255,.09), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04)) !important; box-shadow: 0 22px 56px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08) !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyGrid{ display:grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .82fr); gap: 22px; align-items: stretch; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyCopyCol{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap: 16px; min-width: 0; padding: 6px 0 4px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmFine{ color: rgba(255,255,255,.42); } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmEmptyTitle{ max-width: 11ch; line-height: .96; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmEmptyCopy{ max-width: 26ch; font-size: 17px; line-height: 1.72; } .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--yearZero{ gap: 10px !important; margin-top: 2px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--yearZero .imAlmMetaPill{ min-height: 36px !important; padding: 0 14px !important; border-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(0,0,0,.12) !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ position:relative; min-height: 100%; border-radius: 28px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.10); overflow:hidden; display:flex; align-items:flex-end; justify-content:flex-start; padding: 22px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent::before{ content:""; position:absolute; inset: 14% 10% auto auto; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 48%, transparent 74%); filter: blur(1px); opacity: .82; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ position:absolute; top: 34px; right: 34px; width: 132px; height: 132px; border-radius: 50%; background: radial-gradient(circle at 34% 34%, rgba(255,255,255,.46), rgba(233,207,176,.18) 36%, rgba(173,198,255,.16) 58%, rgba(255,255,255,0) 78%); box-shadow: 0 22px 44px rgba(0,0,0,.10); } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ position:relative; z-index:1; width:min(100%, 300px); padding: 18px 18px 16px; border-radius: 22px; border: 1px solid rgba(255,255,255,.10); background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.10); } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniLabel{ font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.42); } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniTitle{ margin-top: 10px; font-size: 22px; line-height: 1.12; letter-spacing: -.03em; font-weight: 760; color: rgba(255,255,255,.90); } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCopy{ margin-top: 10px; font-size: 14px; line-height: 1.58; color: rgba(255,255,255,.62); } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero{ background: radial-gradient(720px 320px at 24% 42%, rgba(239,224,196,.42), transparent 60%), radial-gradient(760px 280px at 100% 100%, rgba(224,231,246,.28), transparent 58%), linear-gradient(180deg, rgba(251,249,245,.76), rgba(242,238,232,.74)) !important; border-color: rgba(208,197,183,.34) !important; box-shadow: 0 18px 42px rgba(173,162,151,.08), inset 0 1px 0 rgba(255,255,255,.92) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmFine{ color: rgba(110,117,129,.88) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmEmptyCopy{ color: rgba(76,84,101,.96) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--yearZero .imAlmMetaPill{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,240,233,.96)) !important; border-color: rgba(160,145,120,.30) !important; color: rgba(72,81,101,.98) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 8px 18px rgba(171,161,187,.10) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--yearZero .imAlmMetaPill strong{ color: rgba(78,84,134,.98) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ border-color: rgba(212,204,193,.44) !important; background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(247,244,239,.54)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 30px rgba(173,162,151,.06) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent::before{ background: radial-gradient(circle, rgba(255,255,255,.78) 0%, rgba(242,235,225,.48) 46%, transparent 76%); opacity: .92; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ background: radial-gradient(circle at 34% 34%, rgba(255,255,255,.98), rgba(239,221,196,.66) 36%, rgba(217,226,246,.54) 58%, rgba(255,255,255,0) 78%); box-shadow: 0 16px 34px rgba(177,164,144,.12); } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(249,246,242,.82)) !important; border-color: rgba(212,204,193,.52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 24px rgba(173,162,151,.07) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniLabel{ color: rgba(151,122,74,.86) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniTitle{ color: rgba(52,63,86,.94) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCopy{ color: rgba(97,104,121,.82) !important; } body[data-ui-mode="dawn"] #memoriesModal .memoriesCalPane .memRealmTabs::before{ color:#9f7b43 !important; opacity:1 !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.today{ background: linear-gradient(180deg, rgba(252,244,223,.98), rgba(246,235,208,.94)) !important; border-color: rgba(178,143,82,.44) !important; color:#78592c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(188,154,96,.12) !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.selected{ background: linear-gradient(135deg, rgba(243,225,189,.98), rgba(230,218,241,.96)) !important; border-color: rgba(165,133,86,.38) !important; color:#32405a !important; box-shadow: 0 12px 28px rgba(144,121,93,.12), inset 0 0 0 1px rgba(255,255,255,.58), inset 0 1px 0 rgba(255,255,255,.82) !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.selected .calDayDot{ background: rgba(143,104,45,.90) !important; opacity:1 !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.today.selected{ background: linear-gradient(135deg, rgba(247,229,193,.99), rgba(233,220,242,.97)) !important; border-color: rgba(165,131,81,.44) !important; color:#2f3c56 !important; box-shadow: 0 12px 30px rgba(144,121,93,.13), inset 0 0 0 1px rgba(255,255,255,.62), inset 0 1px 0 rgba(255,255,255,.86) !important; } @media (max-width: 980px){ .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero{ min-height: auto !important; padding: 22px 20px 18px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyGrid{ grid-template-columns: 1fr; gap: 16px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmEmptyTitle, .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero .imAlmEmptyCopy{ max-width: none; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ min-height: 180px; padding: 18px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ width: 110px; height: 110px; top: 24px; right: 24px; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ width: min(100%, 280px); } } /* === original inline style block 092; id: ow-annual-empty-state-minimal-panels-v698; original line: 15096 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero{ border-color: rgba(255,255,255,.09) !important; box-shadow: 0 18px 48px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06) !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyGrid{ grid-template-columns: minmax(0, 1.08fr) minmax(240px, .72fr) !important; gap: 28px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; align-items: stretch !important; justify-content: stretch !important; min-height: auto !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent::before{ display: none !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ top: 28px !important; right: 18px !important; width: 146px !important; height: 146px !important; opacity: .88 !important; box-shadow: none !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ position: absolute !important; left: 0 !important; right: auto !important; bottom: 34px !important; width: min(100%, 320px) !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniLabel{ color: rgba(255,255,255,.44) !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniTitle{ margin-top: 12px !important; font-size: 20px !important; line-height: 1.12 !important; max-width: 12ch; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCopy{ margin-top: 10px !important; max-width: 19ch; } .imRecapModal[aria-label="Annual Almanac"] .imAlmHeroMeta.imAlmHeroMeta--yearZero .imAlmMetaPill{ box-shadow: none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmpty.imAlmEmpty--yearZero{ border-color: rgba(208,197,183,.24) !important; box-shadow: 0 12px 30px rgba(173,162,151,.05), inset 0 1px 0 rgba(255,255,255,.94) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ background: transparent !important; border: 0 !important; box-shadow: none !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ box-shadow: none !important; opacity: .92 !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ background: transparent !important; border: 0 !important; box-shadow: none !important; } @media (max-width: 980px){ .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyGrid{ grid-template-columns: 1fr !important; gap: 18px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyAccent{ min-height: 160px !important; position: relative !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyOrb{ width: 112px !important; height: 112px !important; top: 8px !important; right: 6px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCard{ position: relative !important; left: auto !important; bottom: auto !important; width: min(100%, 280px) !important; margin-top: 52px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniTitle, .imRecapModal[aria-label="Annual Almanac"] .imAlmEmptyMiniCopy{ max-width: none !important; } } /* === original inline style block 093; id: ow-annual-year-zero-editorial-v701; original line: 15203 === */ .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--yearZeroEditorial .imAlmCoverCopy.imAlmCoverCopy--yearZeroEditorial{ max-width: 34ch !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--yearZeroEditorial .imAlmHeroMeta.imAlmHeroMeta--yearZeroEditorial{ gap: 10px !important; row-gap: 10px !important; } .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--yearZeroEditorial .imAlmPreviewCopy.imAlmPreviewCopy--yearZeroEditorial{ color: rgba(255,255,255,.52) !important; } body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--yearZeroEditorial .imAlmPreviewCopy.imAlmPreviewCopy--yearZeroEditorial{ color: rgba(112,118,133,.86) !important; } @media (max-width: 1100px){ .imRecapModal[aria-label="Annual Almanac"] .imAlmShell.imAlmShell--yearZeroEditorial .imAlmCoverCopy.imAlmCoverCopy--yearZeroEditorial{ max-width: 28ch !important; } } /* === original inline style block 094; id: ow-zodiac-premium-refine-v1; original line: 15223 === */ #zodiacInterpSection .zodiacInterpTier{border-color:rgba(255,255,255,.06)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.08)!important}#zodiacInterpSection .zodiacInterpTier:nth-child(1){background:radial-gradient(280px 120px at 50% 0,rgba(255,215,150,.14),transparent 69%),linear-gradient(160deg,rgba(24,19,41,.92),rgba(10,18,35,.84))!important}#zodiacInterpSection .zodiacInterpTier:nth-child(2){background:radial-gradient(280px 120px at 50% 0,rgba(193,162,255,.15),transparent 69%),linear-gradient(160deg,rgba(22,18,42,.92),rgba(10,18,36,.84))!important}#zodiacInterpSection .zodiacInterpTier:nth-child(3){background:radial-gradient(280px 120px at 50% 0,rgba(170,224,255,.14),transparent 69%),linear-gradient(160deg,rgba(18,20,42,.92),rgba(9,19,37,.84))!important}#zodiacInterpSection .zodiacInterpTier:nth-child(1)::after{background:radial-gradient(300px 150px at 50% 0,rgba(255,221,175,.09),transparent 72%)!important}#zodiacInterpSection .zodiacInterpTier:nth-child(2)::after{background:radial-gradient(300px 150px at 50% 0,rgba(208,183,255,.1),transparent 72%)!important}#zodiacInterpSection .zodiacInterpTier:nth-child(3)::after{background:radial-gradient(300px 150px at 50% 0,rgba(188,232,255,.09),transparent 72%)!important}#zodiacInterpSection .zodiacInterpTier.isPreviewLocked .zodiacInterpTierText::after{background:linear-gradient(180deg,rgba(15,12,36,.08),rgba(15,12,36,.26))!important}#zodiacInterpSection .zodiacInterpTierLock{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.032)!important;color:rgba(255,235,196,.8)!important}#zodiacInterpSection .zodiacInterpPreviewNote{border-color:rgba(255,255,255,.06)!important;background:radial-gradient(560px 180px at 0 0,rgba(255,214,146,.06),transparent 62%),radial-gradient(460px 200px at 100% 100%,rgba(199,160,255,.06),transparent 58%),linear-gradient(160deg,rgba(24,20,54,.82),rgba(10,26,58,.72))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 36px rgba(0,0,0,.12)!important}#zodiacInterpSection .zodiacInterpPreviewKicker{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.032)!important}#zodiacInterpSection .zodiacInterpPreviewTitle{letter-spacing:-.043em!important}#zodiacInterpSection .zodiacInterpPreviewText{max-width:60ch!important;color:rgba(255,255,255,.78)!important;line-height:1.62!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier{border-color:rgba(102,88,55,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 24px rgba(148,128,90,.05)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(1){background:radial-gradient(280px 120px at 50% 0,rgba(236,210,170,.36),transparent 70%),linear-gradient(180deg,rgba(255,252,247,.98),rgba(247,242,234,.96))!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(2){background:radial-gradient(280px 120px at 50% 0,rgba(223,208,243,.34),transparent 70%),linear-gradient(180deg,rgba(252,250,254,.98),rgba(244,240,248,.96))!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(3){background:radial-gradient(280px 120px at 50% 0,rgba(211,225,237,.34),transparent 70%),linear-gradient(180deg,rgba(251,252,253,.98),rgba(241,245,248,.96))!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(1)::after{background:radial-gradient(300px 150px at 50% 0,rgba(240,218,183,.15),transparent 74%)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(2)::after{background:radial-gradient(300px 150px at 50% 0,rgba(226,213,245,.16),transparent 74%)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTier:nth-child(3)::after{background:radial-gradient(300px 150px at 50% 0,rgba(216,231,241,.15),transparent 74%)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpTierLock{border-color:rgba(168,145,94,.16)!important;background:rgba(255,250,240,.72)!important;color:rgba(148,118,60,.9)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpPreviewNote{border-color:rgba(130,112,78,.1)!important;background:radial-gradient(540px 180px at 0 0,rgba(236,217,180,.22),transparent 62%),radial-gradient(420px 180px at 100% 100%,rgba(217,205,239,.18),transparent 56%),linear-gradient(180deg,rgba(255,253,250,.96),rgba(251,248,243,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 30px rgba(152,132,95,.06)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpPreviewKicker{border-color:rgba(171,148,105,.14)!important;background:rgba(255,252,246,.82)!important;color:rgba(160,127,73,.88)!important}body[data-ui-mode="dawn"] #zodiacInterpSection .zodiacInterpPreviewText{color:rgba(82,92,117,.76)!important} /* === original inline style block 095; id: orawhale-dawn-memory-guardian-light-v1; original line: 15224 === */ body[data-ui-mode="dawn"] #realmOverwriteBg{ background: rgba(120, 115, 136, .20) !important; backdrop-filter: blur(18px) saturate(118%) !important; -webkit-backdrop-filter: blur(18px) saturate(118%) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovCard{ border-color: rgba(156, 144, 167, .20) !important; background: radial-gradient(ellipse 140% 72% at 18% -10%, rgba(213, 177, 227, .30) 0%, transparent 56%), radial-gradient(ellipse 100% 62% at 82% 110%, rgba(168, 208, 229, .20) 0%, transparent 55%), linear-gradient(180deg, rgba(255,252,248,.98) 0%, rgba(246,239,233,.97) 100%) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.52) inset, 0 1px 0 rgba(255,255,255,.86) inset, 0 30px 72px rgba(126, 110, 95, .18), 0 8px 24px rgba(126, 110, 95, .10) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovKicker{ color: rgba(146, 118, 184, .92) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovTitle{ color: #273247 !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovClose{ border-color: rgba(150, 139, 165, .24) !important; background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(242,236,230,.96)) !important; color: rgba(83, 91, 111, .72) !important; box-shadow: 0 8px 18px rgba(126, 110, 95, .10), inset 0 1px 0 rgba(255,255,255,.9) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovClose:hover{ border-color: rgba(150, 139, 165, .34) !important; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,240,233,.98)) !important; color: rgba(47, 58, 79, .90) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBody{ color: rgba(71, 82, 101, .82) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovPoem{ border-color: rgba(156, 144, 167, .16) !important; background: radial-gradient(ellipse 120% 64% at 50% 0%, rgba(255,255,255,.78), transparent 66%), linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,240,234,.84)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 24px rgba(126, 110, 95, .08) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovLine{ color: rgba(60, 70, 88, .90) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovEm{ color: #cf9a4b !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovRealm{ background: linear-gradient(95deg, #d59b52 0%, #bc8fb4 55%, #7f9fc0 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovExcerpt{ border-color: rgba(156, 144, 167, .14) !important; background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(244,237,231,.86)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 22px rgba(126, 110, 95, .06) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovExcerptLabel{ color: rgba(146, 118, 184, .82) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovExcerptText{ color: rgba(71, 82, 101, .82) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovActions{ border-top-color: rgba(156, 144, 167, .12) !important; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(245,238,232,.92) 100%) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBtn{ border-color: rgba(150, 139, 165, .22) !important; background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(244,238,231,.96)) !important; color: #334158 !important; box-shadow: 0 12px 28px rgba(126, 110, 95, .10), inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBtn:hover{ background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,240,233,.98)) !important; border-color: rgba(150, 139, 165, .34) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBtnDanger{ border-color: rgba(209, 188, 142, .38) !important; background: var(--ow-grad-cta) !important; color: #2a223a !important; box-shadow: 0 16px 34px rgba(162,135,104,.14), inset 0 1px 0 rgba(255,255,255,.44) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBtnDanger:hover{ border-color: rgba(209, 188, 142, .48) !important; filter: brightness(1.02) !important; } /* === original inline style block 096; id: orawhale-dawn-signin-gate-contrast-v2; original line: 15317 === */ body[data-ui-mode="dawn"] .owGateBackdrop{ background: rgba(228,221,213,.62) !important; backdrop-filter: blur(20px) saturate(112%) !important; -webkit-backdrop-filter: blur(20px) saturate(112%) !important; } body[data-ui-mode="dawn"] .owGateCard{ border-color: rgba(138,129,154,.26) !important; background: radial-gradient(980px 300px at 10% 0%, rgba(222,188,135,.24), transparent 56%), radial-gradient(980px 360px at 92% 100%, rgba(197,170,213,.22), transparent 58%), linear-gradient(180deg, rgba(255,252,248,.992), rgba(242,235,227,.985)) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.62) inset, 0 1px 0 rgba(255,255,255,.92) inset, 0 34px 92px rgba(118,99,82,.18), 0 12px 30px rgba(118,99,82,.10) !important; } body[data-ui-mode="dawn"] .owGateCard::before{ background: radial-gradient(1180px 520px at -14% -10%, rgba(230,199,147,.24), transparent 56%), radial-gradient(1160px 540px at 118% 120%, rgba(160,196,219,.18), transparent 58%); opacity: .96; } body[data-ui-mode="dawn"] .owGateTitle{ text-shadow: 0 1px 0 rgba(255,255,255,.24); } body[data-ui-mode="dawn"] .owGateBody{ color: rgba(60,71,90,.90) !important; } body[data-ui-mode="dawn"] .owGateBodySub, body[data-ui-mode="dawn"] .owGateFine{ color: rgba(96,103,121,.78) !important; } body[data-ui-mode="dawn"] .owGateCard .btn:not(.btnPrimary){ background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,238,231,.98)) !important; border-color: rgba(138,129,154,.20) !important; color: #273247 !important; box-shadow: 0 12px 28px rgba(118,99,82,.09), inset 0 1px 0 rgba(255,255,255,.86) !important; } body[data-ui-mode="dawn"] #realmOverwriteBg{ background: rgba(182,176,193,.26) !important; backdrop-filter: blur(20px) saturate(112%) !important; -webkit-backdrop-filter: blur(20px) saturate(112%) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovCard{ border-color: rgba(147,136,164,.24) !important; background: radial-gradient(ellipse 140% 72% at 18% -10%, rgba(213,177,227,.24) 0%, transparent 56%), radial-gradient(ellipse 100% 62% at 82% 110%, rgba(168,208,229,.18) 0%, transparent 55%), linear-gradient(180deg, rgba(255,252,248,.992) 0%, rgba(242,235,227,.985) 100%) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.60) inset, 0 1px 0 rgba(255,255,255,.90) inset, 0 34px 92px rgba(118,99,82,.18), 0 12px 30px rgba(118,99,82,.10) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovPoem, body[data-ui-mode="dawn"] #realmOverwriteModal .ovExcerpt{ border-color: rgba(147,136,164,.16) !important; background: radial-gradient(ellipse 120% 64% at 50% 0%, rgba(255,255,255,.86), transparent 66%), linear-gradient(180deg, rgba(255,255,255,.84), rgba(244,237,230,.92)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 10px 24px rgba(118,99,82,.07) !important; } body[data-ui-mode="dawn"] #realmOverwriteModal .ovBody, body[data-ui-mode="dawn"] #realmOverwriteModal .ovExcerptText{ color: rgba(67,78,98,.86) !important; } /* === original inline style block 097; id: profile-premium-refine-v703; original line: 15391 === */ #profileModal .profileBody{ grid-template-columns: 260px 1fr; gap: 16px; } #profileModal .profileNav{ border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); box-shadow: 0 18px 44px rgba(0,0,0,.18); } #profileModal .profileNavTop{ border-bottom: 1px solid rgba(255,255,255,.07); padding-bottom: 14px; } #profileModal .profileEmail{ font-size: 16px; font-weight: 650; letter-spacing: -.015em; } #profileModal .profileMini{ font-size: 12px; line-height: 1.55; color: rgba(255,255,255,.48); } #profileModal .pillBtn{ padding: 9px 14px; font-size: 14px; font-weight: 720; border-color: rgba(255,255,255,.12); } #profileModal .pillBtnPrimary{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); } #profileModal .profileNavItem{ border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.025); min-height: 58px; padding: 12px 14px; font-size: 14px; font-weight: 700; letter-spacing: -.012em; color: rgba(255,255,255,.88); justify-content: flex-start; } #profileModal .profileNavItem .hint{ display:none !important; } #profileModal .profileNavItem[aria-selected="true"]{ background: linear-gradient(135deg, rgba(255,205,120,.12), rgba(155,116,255,.10), rgba(140,220,255,.08)); border-color: rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } #profileModal .profileMain{ border: 0 !important; background: radial-gradient(980px 280px at 18% 0%, rgba(255,205,120,.06), transparent 60%), radial-gradient(980px 340px at 82% 100%, rgba(155,116,255,.09), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 22px 60px rgba(0,0,0,.18); padding: 18px 18px 20px; } #profileModal .pSectionKicker{ font-size: 10.5px; letter-spacing: .18em; font-weight: 720; color: rgba(255,255,255,.50); } #profileModal .pSectionTitle{ font-size: 20px; font-weight: 720; letter-spacing: -.03em; color: rgba(255,255,255,.94); margin-bottom: 14px; } #profileModal .pCard{ border-radius: 18px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.028); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); padding: 16px 18px; margin-bottom: 10px; } #profileModal .pLabel{ font-size: 10.5px; letter-spacing: .18em; font-weight: 700; opacity: .48; } #profileModal .pValue{ font-size: 17px; line-height: 1.24; letter-spacing: -.03em; font-weight: 680; opacity: .95; color: rgba(255,255,255,.92); } #profileModal .pValueMajor{ font-size: 18px; font-weight: 720; letter-spacing: -.035em; } #profileModal .pValueSoft{ color: rgba(255,255,255,.82); } #profileModal .pAlignRight{ text-align: right; } #profileModal .pRowElegant{ align-items: flex-end; } #profileModal .pPrivacyValue{ display:flex; align-items:center; gap:8px; justify-content:flex-end; font-size: 15px; font-weight: 620; letter-spacing: -.02em; color: rgba(255,255,255,.82); } #profileModal .pPrivacyDot{ display:inline-block; width:9px; height:9px; border-radius:50%; background:#7cd992; box-shadow: 0 0 8px rgba(124,217,146,.45); flex-shrink:0; } #profileModal .pPrivacyStack{ display:flex; flex-direction:column; gap:3px; min-width:0; } #profileModal .pPrivacyMain{ display:block; white-space:nowrap; } #profileModal .pPrivacySub{ display:block; font-size:12px; line-height:1.25; font-weight:620; letter-spacing:-.01em; color:rgba(255,255,255,.50); white-space:normal; } body[data-ui-mode="dawn"] #profileModal .pPrivacySub{ color:#8a8798; } #profileModal .pInlineAction{ height: 38px !important; min-height: 38px !important; padding: 0 14px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: -.01em !important; border-radius: 999px !important; background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.12) !important; } #profileModal .pInlineAction:hover{ background: rgba(255,255,255,.085) !important; border-color: rgba(255,255,255,.14) !important; } #profileModal .pActionRow{ display:flex; gap:12px; flex-wrap:wrap; } #profileModal .pActionBtn{ appearance:none; display:inline-flex; align-items:center; gap:9px; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.055); color: rgba(255,255,255,.86); font-size: 13px; font-weight: 700; letter-spacing: .01em; cursor:pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } #profileModal .pActionBtn:hover{ background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.14); transform: translateY(-1px); } #profileModal .pActionBtnSecondary{ color: rgba(255,255,255,.72); } #profileModal .pNoticeSoft{ margin: 12px 0 0; font-size: 12px; line-height: 1.55; color: rgba(255,255,255,.50); } #profileModal .profileFooterLink{ display:none !important; } body[data-ui-mode="dawn"] #profileModal .profileNav{ border-color: rgba(76,96,136,.10); background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(252,250,246,.66)); box-shadow: 0 18px 40px rgba(90,88,118,.08); } body[data-ui-mode="dawn"] #profileModal .profileNavTop{ border-bottom-color: rgba(88,104,136,.08); } body[data-ui-mode="dawn"] #profileModal .profileEmail{ color:#44506c; } body[data-ui-mode="dawn"] #profileModal .profileMini{ color:#7b8398; } body[data-ui-mode="dawn"] #profileModal .pillBtn{ background: rgba(246,240,228,.72); color:#4a5673; border-color: rgba(150,132,96,.16); } body[data-ui-mode="dawn"] #profileModal .pillBtnPrimary{ background: linear-gradient(135deg, rgba(255,248,236,.86), rgba(238,240,255,.78)); color:#43506d; } body[data-ui-mode="dawn"] #profileModal .profileNavItem{ background: rgba(255,255,255,.56); border-color: rgba(101,118,150,.10); color:#4a5673; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{ background: linear-gradient(135deg, rgba(245,238,227,.92), rgba(233,236,249,.92)); border-color: rgba(168,152,212,.26); } body[data-ui-mode="dawn"] #profileModal .profileMain{ border: 0 !important; background: radial-gradient(980px 280px at 18% 0%, rgba(223,199,142,.10), transparent 58%), radial-gradient(980px 340px at 82% 100%, rgba(193,177,228,.12), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.58), rgba(250,248,244,.74)); box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 18px 40px rgba(120,110,145,.08); } body[data-ui-mode="dawn"] #profileModal .pSectionKicker{ color:#8c87a0; } body[data-ui-mode="dawn"] #profileModal .pSectionTitle{ color:#414d69; } body[data-ui-mode="dawn"] #profileModal .pCard{ background: rgba(255,255,255,.42); border-color: rgba(97,114,148,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.86); } body[data-ui-mode="dawn"] #profileModal .pLabel{ color:#8a8798; opacity:1; } body[data-ui-mode="dawn"] #profileModal .pValue{ color:#4a5673; } body[data-ui-mode="dawn"] #profileModal .pValueSoft, body[data-ui-mode="dawn"] #profileModal .pPrivacyValue{ color:#667188; } body[data-ui-mode="dawn"] #profileModal .pInlineAction, body[data-ui-mode="dawn"] #profileModal .pActionBtn{ background: linear-gradient(135deg, rgba(246,240,228,.86), rgba(233,236,249,.88)) !important; color:#495572 !important; border-color: rgba(170,157,209,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 18px rgba(120,110,145,.08) !important; } body[data-ui-mode="dawn"] #profileModal .btnDanger.pInlineAction{ background: rgba(255,240,240,.86) !important; color:#a45454 !important; border-color: rgba(214,144,144,.24) !important; } body[data-ui-mode="dawn"] #profileModal .pNoticeSoft{ color:#8b8b98; } @media (max-width: 900px){ #profileModal .profileBody{ grid-template-columns: 1fr; } } @media (max-width: 640px){ #profileModal .profileMain{ padding: 16px 14px 18px; } #profileModal .pRowElegant{ align-items: flex-start; } #profileModal .pAlignRight{ text-align:left; } #profileModal .pPrivacyValue{ justify-content:flex-start; } #profileModal .pActionRow{ flex-direction: column; } #profileModal .pActionBtn{ width:100%; justify-content:center; } } /* === original inline style block 098; id: ow-profile-journal-lock-height-v719; original line: 15666 === */ #profileModal .pJournalLockCard{ padding-top: 12px !important; padding-bottom: 13px !important; } #profileModal .pBtn.pBtnPrimary:hover{ transform:none!important;filter:none!important; background:linear-gradient(135deg,rgba(255,205,120,.86),rgba(155,116,255,.72))!important; border-color:rgba(255,205,120,.32)!important; } /* === original inline style block 099; id: ow-profile-premium-final-pass-v704; original line: 15677 === */ #profileModal .pillRow#profilePills{ display:grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; flex-wrap: nowrap !important; align-items: stretch !important; } #profileModal .pillRow#profilePills .pillBtn{ width: 100% !important; min-width: 0 !important; text-align: center !important; padding: 11px 10px !important; font-size: 14px !important; font-weight: 720 !important; letter-spacing: -.01em !important; } #profileModal .profileNavItem{ padding: 11px 14px !important; font-weight: 760 !important; border-color: rgba(255,255,255,.085) !important; background: rgba(255,255,255,.038) !important; box-shadow: none !important; } #profileModal .profileNavItem:hover{ background: rgba(255,255,255,.055) !important; border-color: rgba(255,255,255,.11) !important; } #profileModal .profileNavItem[aria-selected="true"]{ background: rgba(255,255,255,.052) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: inset 2px 0 0 rgba(255,205,120,.22) !important; } #profileModal .profileMain{ border: 0 !important; background: radial-gradient(900px 220px at 18% 0%, rgba(255,205,120,.045), transparent 60%), radial-gradient(900px 260px at 82% 100%, rgba(155,116,255,.055), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.026)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.16) !important; } #profileModal .pSectionKicker, #profileModal .pLabel{ font-size: 10.5px !important; letter-spacing: .18em !important; font-weight: 620 !important; opacity: .46 !important; } #profileModal .pSectionTitle{ font-size: 19px !important; font-weight: 680 !important; letter-spacing: -.032em !important; margin-bottom: 14px !important; } #profileModal .pCard{ background: rgba(255,255,255,.022) !important; border-color: rgba(255,255,255,.042) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.038) !important; } #profileModal .pValue{ font-size: 16px !important; line-height: 1.28 !important; letter-spacing: -.022em !important; font-weight: 620 !important; color: rgba(255,255,255,.88) !important; } #profileModal .pValueMajor{ font-size: 17px !important; font-weight: 650 !important; letter-spacing: -.028em !important; } #profileModal .pPrivacyValue{ font-size: 14.5px !important; font-weight: 580 !important; color: rgba(255,255,255,.76) !important; } #profileModal .pPrivacyValue .pPrivacySub{ font-size: 12px !important; line-height: 1.25 !important; font-weight: 560 !important; letter-spacing: -.006em !important; color: rgba(255,255,255,.50) !important; } body[data-ui-mode="dawn"] #profileModal .pPrivacyValue .pPrivacySub{ color:#8a8798 !important; } #profileModal .pInlineAction, #profileModal .pActionBtn, #profileModal .pCard .lockActionsInline .btn{ height: 36px !important; min-height: 36px !important; padding: 0 13px !important; font-size: 12.5px !important; font-weight: 660 !important; letter-spacing: -.01em !important; border-radius: 999px !important; background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.085) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; } #profileModal .pInlineAction:hover, #profileModal .pActionBtn:hover, #profileModal .pCard .lockActionsInline .btn:hover{ background: rgba(255,255,255,.065) !important; border-color: rgba(255,255,255,.11) !important; } body[data-ui-mode="dawn"] #profileModal .profileNav{ border-color: rgba(76,96,136,.08) !important; background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(252,250,246,.64)) !important; box-shadow: 0 14px 30px rgba(90,88,118,.05) !important; } body[data-ui-mode="dawn"] #profileModal .pillRow#profilePills .pillBtn{ background: rgba(246,240,228,.70) !important; color: #4d5974 !important; border-color: rgba(150,132,96,.16) !important; } body[data-ui-mode="dawn"] #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ background: rgba(246,240,228,.76) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem{ background: rgba(255,255,255,.48) !important; border-color: rgba(101,118,150,.08) !important; color: #4f5a73 !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem:hover{ background: rgba(255,255,255,.56) !important; border-color: rgba(101,118,150,.10) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{ background: rgba(246,244,249,.76) !important; border-color: rgba(156,149,184,.14) !important; box-shadow: inset 2px 0 0 rgba(176,165,205,.52) !important; } body[data-ui-mode="dawn"] #profileModal .profileMain{ border: 0 !important; background: radial-gradient(980px 240px at 18% 0%, rgba(223,199,142,.055), transparent 58%), radial-gradient(980px 300px at 82% 100%, rgba(193,177,228,.07), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.54), rgba(250,248,244,.70)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 12px 28px rgba(120,110,145,.05) !important; } body[data-ui-mode="dawn"] #profileModal .pSectionKicker, body[data-ui-mode="dawn"] #profileModal .pLabel{ color: #9a95a6 !important; opacity: 1 !important; font-weight: 600 !important; } body[data-ui-mode="dawn"] #profileModal .pSectionTitle{ color: #47526a !important; font-weight: 670 !important; } body[data-ui-mode="dawn"] #profileModal .pCard{ background: rgba(255,255,255,.30) !important; border-color: rgba(97,114,148,.05) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important; } body[data-ui-mode="dawn"] #profileModal .pValue{ color: #58627a !important; font-weight: 615 !important; } body[data-ui-mode="dawn"] #profileModal .pValueMajor{ color: #4c5870 !important; } body[data-ui-mode="dawn"] #profileModal .pPrivacyValue{ color: #6b7489 !important; } body[data-ui-mode="dawn"] #profileModal .pInlineAction, body[data-ui-mode="dawn"] #profileModal .pActionBtn, body[data-ui-mode="dawn"] #profileModal .pCard .lockActionsInline .btn{ background: rgba(246,240,228,.72) !important; color: #5a647b !important; border-color: rgba(150,132,96,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode="dawn"] #profileModal .btnDanger.pInlineAction{ background: rgba(255,247,247,.72) !important; color: #aa6262 !important; border-color: rgba(214,144,144,.16) !important; } /* === original inline style block 100; id: ow-profile-luxury-tuning-v705; original line: 15857 === */ #profileModal .pillRow#profilePills{ display:flex !important; flex-wrap:nowrap !important; gap:12px !important; align-items:center !important; } #profileModal .pillRow#profilePills .pillBtn{ flex:1 1 0 !important; min-width:0 !important; white-space:nowrap !important; line-height:1.05 !important; padding:11px 12px !important; min-height:46px !important; font-size:13.5px !important; font-weight:700 !important; letter-spacing:-.01em !important; border-radius:999px !important; } #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ font-weight:760 !important; } #profileModal .profileNav{ scrollbar-width:none !important; -ms-overflow-style:none !important; } #profileModal .profileNav::-webkit-scrollbar{ width:0 !important; height:0 !important; display:none !important; } #profileModal .profileNavItem{ transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important; } #profileModal .profileNavItem[aria-selected="true"]{ background: rgba(255,255,255,.045) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 0 0 1px rgba(255,214,146,.08) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{ background: linear-gradient(180deg, rgba(238,234,250,.86), rgba(233,237,248,.82)) !important; border-color: rgba(180,170,198,.22) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.42), 0 0 0 1px rgba(202,191,224,.18) !important; } body:not([data-ui-mode="dawn"]) #profileModal .profileMain{ border-color: rgba(190,176,234,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(168,150,214,.12) !important; } #profileModal .pillBtn{ box-shadow: none !important; } body:not([data-ui-mode="dawn"]) #profileModal .pillRow#profilePills .pillBtn{ background: rgba(255,255,255,.045) !important; border-color: rgba(255,255,255,.11) !important; color: rgba(255,255,255,.90) !important; } body:not([data-ui-mode="dawn"]) #profileModal .pillRow#profilePills .pillBtn:hover{ background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.16) !important; } body[data-ui-mode="dawn"] #profileModal .pillRow#profilePills .pillBtn{ background: rgba(246,240,228,.72) !important; border-color: rgba(150,132,96,.16) !important; color:#4b5572 !important; } body[data-ui-mode="dawn"] #profileModal .pillRow#profilePills .pillBtn:hover{ background: rgba(246,240,228,.84) !important; border-color: rgba(150,132,96,.20) !important; } body[data-ui-mode="dawn"] #profileModal .pCard{ border-color: rgba(196,190,205,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.40), 0 1px 0 rgba(255,255,255,.34) !important; } body[data-ui-mode="dawn"] #profileModal .profileMain{ border-color: rgba(209,200,225,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 0 0 1px rgba(213,204,228,.12) !important; } body[data-ui-mode="dawn"] #profileModal .profileNav{ border-color: rgba(206,197,217,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 8px 28px rgba(197,188,212,.08) !important; } #profileModal .pSectionKicker, #profileModal .pLabel{ letter-spacing:.18em !important; } #profileModal .pValue, #profileModal .pValueMajor{ font-weight:650 !important; } @media (min-width: 900px){ #profileModal .pillRow#profilePills .pillBtn{ font-size:13px !important; } } /* === original inline style block 101; id: ow-profile-create-account-pill-fix-v706; original line: 15964 === */ #profileModal .pillRow#profilePills{ display:grid !important; grid-template-columns: minmax(132px, .92fr) minmax(164px, 1.08fr) !important; gap:10px !important; align-items:stretch !important; } #profileModal .pillRow#profilePills .pillBtn{ width:100% !important; min-width:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; padding:10px 14px !important; min-height:44px !important; line-height:1 !important; font-size:12.8px !important; letter-spacing:-.015em !important; } #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ font-size:13.2px !important; } @media (max-width: 1180px){ #profileModal .pillRow#profilePills{ grid-template-columns: minmax(118px, .9fr) minmax(154px, 1.1fr) !important; } #profileModal .pillRow#profilePills .pillBtn{ font-size:12.4px !important; padding:10px 12px !important; } } /* === original inline style block 102; id: ow-profile-signin-row-rebalance-v707; original line: 16000 === */ #profileModal .pillRow#profilePills{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:12px !important; } #profileModal .pillRow#profilePills .pillBtn{ min-width:0 !important; width:auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; padding:10px 12px !important; min-height:44px !important; line-height:1 !important; font-size:12.3px !important; letter-spacing:-.015em !important; } #profileModal .pillRow#profilePills .pillBtn:first-child{ flex:0 0 44% !important; } #profileModal .pillRow#profilePills .pillBtn:last-child{ flex:1 1 56% !important; min-width:172px !important; font-size:12.1px !important; } #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ font-size:12.8px !important; } @media (max-width: 1180px){ #profileModal .pillRow#profilePills{ gap:10px !important; } #profileModal .pillRow#profilePills .pillBtn:first-child{ flex-basis:43% !important; } #profileModal .pillRow#profilePills .pillBtn:last-child{ flex-basis:57% !important; min-width:166px !important; font-size:11.8px !important; } } /* === original inline style block 103; id: ow-profile-signin-pills-fit-fix-v709; original line: 16043 === */ #profileModal .pillRow#profilePills{ display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.24fr) !important; gap:12px !important; align-items:stretch !important; width:100% !important; } #profileModal .pillRow#profilePills .pillBtn{ width:100% !important; min-width:0 !important; max-width:none !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:10px 10px !important; min-height:44px !important; line-height:1 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:clip !important; font-size:12px !important; letter-spacing:-.015em !important; } #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ font-size:12.6px !important; } #profileModal .pillRow#profilePills .pillBtn:last-child{ font-size:11.7px !important; } @media (max-width: 1180px){ #profileModal .pillRow#profilePills{ grid-template-columns:minmax(0,.88fr) minmax(0,1.28fr) !important; gap:10px !important; } #profileModal .pillRow#profilePills .pillBtn{ padding:10px 8px !important; font-size:11.6px !important; } #profileModal .pillRow#profilePills .pillBtn.pillBtnPrimary{ font-size:12.1px !important; } #profileModal .pillRow#profilePills .pillBtn:last-child{ font-size:11.25px !important; } } /* === original inline style block 104; id: ow-profile-signin-signout-match-v715; original line: 16090 === */ #profileModal .profileNavTop .pillRow#profilePills, #profileModal .profileNavTop .pillRow#profilePillsSignedIn{ display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important; align-items:center !important; gap:0 !important; width:100% !important; min-height:58px !important; margin-top:12px !important; } #profileModal .profileNavTop .pillRow#profilePills .pillBtn, #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn{ box-sizing:border-box !important; flex:0 0 148px !important; width:148px !important; min-width:148px !important; max-width:148px !important; height:56px !important; min-height:56px !important; padding:0 20px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:999px !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; text-align:center !important; font-size:15px !important; line-height:1 !important; font-weight:800 !important; letter-spacing:-.015em !important; box-shadow:none !important; transform:none !important; } body:not([data-ui-mode="dawn"]) #profileModal .profileNavTop .pillRow#profilePills .pillBtn, body:not([data-ui-mode="dawn"]) #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn{ background: rgba(255,255,255,.045) !important; border:1px solid rgba(255,255,255,.11) !important; color: rgba(255,255,255,.90) !important; } body:not([data-ui-mode="dawn"]) #profileModal .profileNavTop .pillRow#profilePills .pillBtn:hover, body:not([data-ui-mode="dawn"]) #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn:hover{ background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.16) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavTop .pillRow#profilePills .pillBtn, body[data-ui-mode="dawn"] #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn{ background: rgba(246,240,228,.72) !important; border:1px solid rgba(150,132,96,.16) !important; color:#4b5572 !important; } body[data-ui-mode="dawn"] #profileModal .profileNavTop .pillRow#profilePills .pillBtn:hover, body[data-ui-mode="dawn"] #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn:hover{ background: rgba(246,240,228,.84) !important; border-color: rgba(150,132,96,.20) !important; } /* === original inline style block 105; id: ow-profile-signin-width-sync-v716; original line: 16150 === */ #profileModal .profileNavTop .pillRow#profilePills, #profileModal .profileNavTop .pillRow#profilePillsSignedIn{ display:flex !important; justify-content:flex-start !important; align-items:center !important; width:100% !important; } #profileModal .profileNavTop .pillRow#profilePills .pillBtn, #profileModal .profileNavTop .pillRow#profilePillsSignedIn .pillBtn{ box-sizing:border-box !important; flex:0 0 148px !important; width:148px !important; min-width:148px !important; max-width:148px !important; height:56px !important; min-height:56px !important; padding:0 20px !important; overflow:visible !important; transform:none !important; } .owJournalBadge { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 14px; margin-bottom: 10px; border-radius: 99px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 500; color: rgba(255,255,255,.80); letter-spacing: .02em; width: fit-content; margin-left: auto; margin-right: auto; transition: opacity .3s; white-space: nowrap; } .owJournalBadgeTitle { color: rgba(255,255,255,.92); font-weight: 600; } .owJournalBadgeDot { color: rgba(255,255,255,.42); } .owJournalBadgeMeta { color: rgba(255,255,255,.58); font-size: 11px; } body[data-ui-mode="dawn"] .owJournalBadge { background: linear-gradient(135deg, rgba(248,241,229,.97) 0%, rgba(240,231,247,.98) 56%, rgba(231,240,247,.98) 100%); border-color: rgba(196,183,225,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 4px 14px rgba(166,146,203,.08); color: rgba(73,61,104,.78); } body[data-ui-mode="dawn"] .owJournalBadgeTitle { color: rgba(64,50,98,.96); } body[data-ui-mode="dawn"] .owJournalBadgeDot { color: rgba(96,82,131,.38); } body[data-ui-mode="dawn"] .owJournalBadgeMeta { color: rgba(102,89,136,.66); } /* === original inline style block 106; id: ow-v800-moon-search; original line: 16204 === */ .owMoonBadge { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 14px; margin-bottom: 10px; border-radius: 99px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 500; color: rgba(255,255,255,.80); letter-spacing: .02em; width: fit-content; margin-left: auto; margin-right: auto; transition: opacity .3s; white-space: nowrap; } .owMoonBadge .owMoonEmoji { font-size: 16px; line-height: 1; } .owMoonBadge .owMoonName { color: rgba(255,255,255,.92); font-weight: 600; } .owMoonBadge .owMoonPct { color: rgba(255,255,255,.52); font-size: 11px; } body[data-ui-mode="dawn"] .owMoonBadge { background: linear-gradient(135deg, rgba(248,241,229,.97) 0%, rgba(240,231,247,.98) 56%, rgba(231,240,247,.98) 100%); border-color: rgba(196,183,225,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 4px 14px rgba(166,146,203,.08); color: rgba(73,61,104,.78); } body[data-ui-mode="dawn"] .owMoonBadge .owMoonName { color: rgba(64,50,98,.96); } body[data-ui-mode="dawn"] .owMoonBadge .owMoonPct { color: rgba(102,89,136,.64); } .memoriesSearchPane { flex: 1; display: flex; flex-direction: column; gap: 0; min-width: 0; overflow: hidden; } .owSearchHeader { padding: 4px 4px 12px; display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; } .owSearchInputWrap { position: relative; display: flex; align-items: center; } .owSearchIcon { position: absolute; left: 12px; font-size: 14px; pointer-events: none; opacity: .55; } .owSearchInput { width: 100%; padding: 10px 36px 10px 36px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: var(--ink); font-family: inherit; font-size: 14px; outline: none; transition: border-color .2s, background .2s; -webkit-appearance: none; } .owSearchInput::placeholder { color: rgba(255,255,255,.35); font-style: italic; } .owSearchInput::-webkit-search-decoration, .owSearchInput::-webkit-search-cancel-button, .owSearchInput::-webkit-search-results-button, .owSearchInput::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display:none; } .owSearchInput:focus { border-color: rgba(155,116,255,.55); background: rgba(255,255,255,.10); } .owSearchClear { position: absolute; right: 10px; background: none; border: none; cursor: pointer; color: rgba(255,255,255,.45); font-size: 13px; padding: 4px 6px; line-height: 1; border-radius: 99px; transition: color .15s; } .owSearchClear:hover { color: rgba(255,255,255,.85); } .owSearchFilters { display: flex; gap: 6px; flex-wrap: wrap; } .owSearchFilter { padding: 5px 11px; border-radius: 99px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: rgba(255,255,255,.60); font-size: 12px; font-family: inherit; font-weight: 600; letter-spacing: .04em; cursor: pointer; transition: all .15s; white-space: nowrap; } .owSearchFilter:hover { background: rgba(255,255,255,.10); color: var(--ink); } .owSearchFilter.active { background: rgba(155,116,255,.22); border-color: rgba(155,116,255,.45); color: rgba(200,170,255,.95); } .owSearchResults { flex: 1; overflow-y: auto; padding: 0 4px 16px; display: flex; flex-direction: column; gap: 8px; } .owSearchResults::-webkit-scrollbar { width: 4px; } .owSearchResults::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 99px; } .owSearchEmpty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px 20px; text-align: center; color: rgba(255,255,255,.40); } .owSearchEmptyIcon { font-size: 28px; opacity: .45; } .owSearchEmptyTitle { font-size: 15px; font-weight: 600; color: rgba(255,255,255,.55); } .owSearchEmptySub { font-size: 13px; } .owSearchItem { display: flex; align-items: flex-start; gap: 11px; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); cursor: pointer; transition: background .15s, border-color .15s; } .owSearchItem:hover { background: rgba(155,116,255,.10); border-color: rgba(155,116,255,.25); } .owSearchItemImg { width: 42px; height: 56px; border-radius: 7px; object-fit: cover; flex-shrink: 0; background: rgba(255,255,255,.07); } .owSearchItemBody { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .owSearchItemDate { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: rgba(255,255,255,.45); text-transform: uppercase; } .owSearchItemName { font-size: 14px; font-weight: 700; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .owSearchItemRealm { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 2px 7px; border-radius: 99px; background: rgba(155,116,255,.15); color: rgba(190,160,255,.90); width: fit-content; } .owSearchItemSnippet { font-size: 12px; color: rgba(255,255,255,.52); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.45; margin-top: 2px; } .owSearchItemSnippet mark { background: rgba(255,208,124,.28); color: rgba(255,220,150,.95); border-radius: 3px; padding: 0; margin: 0; } .owSearchNoResults { text-align: center; padding: 32px 16px; color: rgba(255,255,255,.40); font-size: 14px; } body[data-ui-mode="dawn"] .owSearchInput { background: rgba(80,60,140,.09); border-color: rgba(120,90,200,.20); color: rgba(40,20,80,.90); } body[data-ui-mode="dawn"] .owSearchInput::placeholder { color: rgba(40,20,80,.35); } body[data-ui-mode="dawn"] .owSearchFilter { border-color: rgba(120,90,200,.20); color: rgba(40,20,80,.60); background: rgba(80,60,140,.07); } body[data-ui-mode="dawn"] .owSearchFilter.active { background: rgba(120,90,200,.18); border-color: rgba(120,90,200,.40); color: rgba(80,40,160,.90); } body[data-ui-mode="dawn"] .owSearchItem { background: rgba(80,60,140,.08); border-color: rgba(120,90,200,.15); } body[data-ui-mode="dawn"] .owSearchItem:hover { background: rgba(120,90,200,.14); border-color: rgba(120,90,200,.30); } body[data-ui-mode="dawn"] .owSearchItemName { color: rgba(30,10,60,.90); } body[data-ui-mode="dawn"] .owSearchItemSnippet { color: rgba(30,10,60,.52); } @media (max-width: 735px) { .memoriesSearchPane { display: flex !important; min-width: 100%; width: 100%; } } /* === original inline style block 107; id: ow-v833-archive-search-dawn-fix; original line: 16421 === */ .memArchiveSearchBtn{ all: unset; box-sizing: border-box; width: 100%; min-height: 48px; margin-top: 12px; display:flex; align-items:center; justify-content:center; gap:10px; padding: 12px 14px; border-radius: 16px; cursor:pointer; border: 1px solid rgba(255,255,255,.14); background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); color: rgba(255,255,255,.88); box-shadow: 0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08); transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease; } .memArchiveSearchBtn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.22); background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06)); box-shadow: 0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10); } .memArchiveSearchBtnIcon{ font-size: 15px; opacity: .82; } .memArchiveSearchBtnText{ font-size: 13px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } body[data-ui-mode="dawn"] #memoriesModal .memArchiveSearchBtn{ border-color: rgba(188,168,145,.22) !important; background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,239,233,.96)) !important; color: #6a5a43 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 24px rgba(144,121,93,.08) !important; } body[data-ui-mode="dawn"] #memoriesModal .memArchiveSearchBtn:hover{ border-color: rgba(170,144,109,.28) !important; background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,241,236,.98)) !important; } body[data-ui-mode="dawn"] #memoriesModal .memDetailAddReflectionBtn{ color: #5e5068 !important; background: linear-gradient(135deg, rgba(252,248,242,.98) 0%, rgba(244,236,248,.98) 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 0 0 1px rgba(214,192,164,.45), 0 10px 28px rgba(144,121,93,.10) !important; } body[data-ui-mode="dawn"] #memoriesModal .memDetailAddReflectionBtn::before{ background: linear-gradient(135deg, rgba(202,173,124,.42) 0%, rgba(177,153,209,.34) 100%) !important; } body[data-ui-mode="dawn"] #memoriesModal .memDetailAddReflectionBtn::after{ color: rgba(170,138,84,.86) !important; } body[data-ui-mode="dawn"] #memoriesModal .memDetailAddReflectionBtn:hover{ color: #544762 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 0 0 1px rgba(214,192,164,.56), 0 12px 30px rgba(144,121,93,.12) !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.selected, body[data-ui-mode="dawn"] #memoriesModal .calDay.today.selected{ color:#34415a !important; } body[data-ui-mode="dawn"] #memoriesModal .calDay.selected span, body[data-ui-mode="dawn"] #memoriesModal .calDay.today.selected span{ color:#34415a !important; font-weight: 900 !important; } /* === original inline style block 108; id: ow-v1046c-cursor-picker-consolidated-style; original line: 16498 === */ body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn, body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn:hover, body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn:focus-visible, body.owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal, body.owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal:hover{ animation:none !important; } body.owCursorCustomPickerReady #cursorWidget .owCursorPickerAnchor{ flex:0 0 auto !important; width:min(332px, calc(100vw - 44px)) !important; max-width:min(332px, calc(100vw - 44px)) !important; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerBtn.owCursorPickerBtn{ width:100% !important; max-width:100% !important; transform:none !important; transition:background .14s ease, border-color .14s ease, box-shadow .14s ease, filter .14s ease !important; } body.owCursorCustomPickerReady #cursorWidget #owCursorPickerPortal{ width:100% !important; max-width:100% !important; box-shadow:0 26px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important; } @media (max-width: 640px){ body.owCursorCustomPickerReady #cursorWidget .owCursorPickerAnchor{ width:min(312px, calc(100vw - 24px)) !important; max-width:min(312px, calc(100vw - 24px)) !important; } } /* === original inline style block 109; id: ow-v1046d-unified-design-system-style; original line: 16529 === */ :root{ --ow-surface-strong: radial-gradient(140% 60% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 62%), linear-gradient(168deg, rgba(17,12,39,.90) 0%, rgba(9,30,60,.76) 100%); --ow-surface-soft: radial-gradient(140% 60% at 50% 0%, rgba(255,255,255,.06) 0%, transparent 62%), linear-gradient(168deg, rgba(19,13,42,.84) 0%, rgba(10,28,54,.66) 100%); --ow-line-soft: rgba(255,255,255,.11); --ow-line-strong: rgba(255,255,255,.16); --ow-radius-xl: 28px; --ow-radius-lg: 22px; --ow-radius-md: 18px; --ow-shadow-panel: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); --ow-shadow-control: 0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06); --ow-text-strong: rgba(255,255,255,.94); --ow-text-soft: rgba(255,255,255,.70); --ow-accent-grad: linear-gradient(135deg, rgba(255,205,120,.94), rgba(177,142,255,.88), rgba(140,220,255,.64)); --panel-bg: var(--ow-surface-strong); --panel-border: var(--ow-line-soft); --panel-shadow: var(--ow-shadow-panel); --panel-radius: var(--ow-radius-xl); --title-grad: linear-gradient(125deg, rgba(255,208,124,.98) 0%, rgba(183,147,255,.92) 56%, rgba(143,222,255,.82) 100%); } .header, .shell, .stage, .oracle, .ritualPanel, .tile, .premiumHint, .hint, .journalSection, .memoriesLauncher, .shareCard, .intentCard, .profileCard, .memoriesPanel, .chapter{ border-color: var(--ow-line-soft) !important; box-shadow: var(--ow-shadow-panel) !important; } .shell, .stage, .oracle, .ritualPanel, .tile, .premiumHint, .hint, .journalSection, .memoriesLauncher, .shareCard, .intentCard, .profileCard, .memoriesPanel, .chapter{ background: var(--ow-surface-strong) !important; } .header{ background: var(--ow-surface-soft) !important; border-radius: calc(var(--ow-radius-xl) + 2px) !important; } .btn, .chapterBtn, .sharePill, .cursorPickBtn, .cursorSelectLux, .chip, .memRealmTab, .imRecapHeroBtn, .zodiacInterpLockedAction, .zodiacInterpPreviewAction{ border-color: var(--ow-line-strong) !important; box-shadow: var(--ow-shadow-control) !important; } .btnPrimary, #pickBtn, .heroCtaBtn, .zodiacBigBtn{ background: var(--ow-accent-grad) !important; color: rgba(20,10,34,.96) !important; border-color: rgba(255,255,255,.20) !important; } .chip, .memRealmTab, .sharePill, .chapterBtn, .cursorSelectLux, .cursorPickBtn{ background: rgba(255,255,255,.06) !important; color: var(--ow-text-strong) !important; } .metaPill, .hintPill, .zodiacInterpTheme, .zodiacInterpStatusPill, .panelRevealActionPill, .zodiacInterpLockedKicker, .zodiacInterpPreviewKicker{ background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.10) !important; color: var(--ow-text-soft) !important; } .sub, .oracleDesc, .tileText, .ritualText, .promptBar, .zodiacInterpLockedText, .zodiacInterpPreviewText{ color: var(--ow-text-soft) !important; } .ritualPanelTitle, .oracleTitle, .hintTitle, .zodiacInterpTitle, .imRecapHeroTitle{ background: var(--title-grad) !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; } /* === original inline style block 110; id: ow-v1046e-next-step-consolidated-style; original line: 16603 === */ #actionsChapter .chapterKicker{ display:none !important; } #actionsChapterHeader{ padding:18px 22px 18px !important; } #actionsChapterHeaderTop{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:start !important; column-gap:16px !important; } #actionsChapterCopy{ min-width:0 !important; } #actionsChapterActions, #actionsChapter .chapterActions{ display:flex !important; visibility:visible !important; opacity:1 !important; margin-left:auto !important; gap:10px !important; align-items:center !important; justify-content:flex-end !important; flex-wrap:nowrap !important; } #actionsChapter .chapterInner, #actionsChapterInner{ display:none !important; padding:0 !important; margin:0 !important; min-height:0 !important; } #actionsChapterActions .btn, #actionsChapterActions .actions.actionsPremium .btn, #againBtnInlineStatic, #shareOracleBtnInlineStatic{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; height:44px !important; min-width:0 !important; width:auto !important; padding:0 18px !important; border-radius:14px !important; font-size:14px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:-0.01em !important; white-space:nowrap !important; } #shareOracleBtnInlineStatic svg{ width:16px !important; height:16px !important; margin-right:6px !important; } @media (max-width: 900px){ #actionsChapterHeaderTop{ grid-template-columns:1fr !important; row-gap:10px !important; } #actionsChapterActions, #actionsChapter .chapterActions{ margin-left:0 !important; justify-content:flex-start !important; flex-wrap:wrap !important; } } /* === original inline style block 111; id: ow-v1046f-streak-banner-consolidated-style; original line: 16668 === */ .imStreakDots{ display:none !important; } .imStreakBar{ justify-content: space-between !important; column-gap: 18px !important; } .imStreakMini{ max-width: 560px; text-wrap: balance; flex: 0 1 520px !important; margin-left: 6px !important; justify-self: start !important; text-align: left !important; font-size: 14px !important; line-height: 1.45 !important; } .imStreakSecondary{ display:block; margin-top: 6px !important; font-size: 13.5px !important; line-height: 1.35; color: rgba(255,255,255,.62) !important; letter-spacing: -.01em; } .imStreakPrimary{ display:inline; font-size: 14px !important; color: rgba(255,255,255,.82) !important; line-height: 1.35 !important; } .imStreakPrimary strong{ color: rgba(255,255,255,.92) !important; font-weight: 900 !important; } .imStreakNote{ display:block; margin-top:6px; font-size:12px; color: rgba(255,255,255,.56); line-height:1.35; } .imStreakSecondary .imUnlock{ font-weight: 900; color: rgba(255,255,255,.74); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: rgba(255,205,120,.55); } .imNoWrap{ white-space: nowrap !important; } br.imStreakMobBr{ display:none; } @media (min-width: 721px){ .imStreakBanner{ display:flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 18px !important; padding: 16px 18px !important; } .imStreakLeft{ min-width: 210px !important; flex: 0 0 auto !important; } .imStreakMini{ max-width: none !important; flex: 1 1 0 !important; margin-left: 0 !important; } .imStreakActions{ flex: 0 0 auto !important; margin-left: 18px !important; justify-content: flex-end !important; align-items: center !important; gap: 10px !important; white-space: nowrap !important; } .imStreakBtn.gold{ padding: 10px 16px !important; border-radius: 18px !important; font-weight: 900 !important; letter-spacing: -.01em !important; box-shadow: 0 18px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.12) !important; } body[data-ui-mode="dawn"] .imStreakBtn.gold{ font-size: 15px !important; } } @media (max-width: 640px){ .imStreakBanner{ flex-wrap: wrap !important; } .imStreakActions{ width: 100% !important; justify-content: flex-start !important; } } @media (max-width: 560px){ br.imStreakMobBr{ display: initial; } } /* === original inline style block 112; id: ow-v1046g-header-consolidated-style; original line: 16760 === */ #mainHeader{ position: relative !important; overflow: hidden !important; padding: 18px 22px 14px !important; } #mainHeader .logo{ width: min(170px, 44vw) !important; height: 56px !important; margin: 0 auto 6px !important; opacity: .92 !important; filter: drop-shadow(0 10px 22px rgba(0,0,0,.32)) !important; } #mainHeader .ow-brand{ margin: 0 auto 12px !important; } #mainHeader .ow-wordmark{ font-size: clamp(30px, 3.2vw, 40px) !important; font-weight: 650 !important; letter-spacing: -0.028em !important; text-shadow: 0 12px 34px rgba(0,0,0,.20) !important; } #mainHeader .ow-tagline{ margin-top: 6px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.18em !important; opacity: .88 !important; } #mainHeader .todayMsg{ margin: 8px auto 10px !important; max-width: 860px !important; font-size: clamp(14px, 1.15vw, 17px) !important; line-height: 1.55 !important; font-weight: 500 !important; color: rgba(255,255,255,.84) !important; } #mainHeader .headerSpacer{ height: 6px !important; } #mainHeader .dateLine{ margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; opacity: .62 !important; } #mainTitle{background:var(--title-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:0 14px 40px rgba(0,0,0,.38),0 0 34px rgba(155,116,255,.18),0 0 26px rgba(255,205,120,.14)!important;filter:drop-shadow(0 16px 34px rgba(0,0,0,.22));line-height:1.16!important;padding:.04em 0!important;overflow:visible!important} #shootingStarsCanvas, .shootingStarsCanvas{ display: block !important; opacity: .58; mix-blend-mode: screen; filter: saturate(105%) contrast(105%); } @media (max-width: 640px){ #mainHeader{ padding: 14px 14px 12px !important; } #mainHeader .logo{ width: 150px !important; height: 50px !important; } #mainHeader .ow-wordmark{ font-size: 30px !important; } #mainHeader .ow-tagline{ font-size: 11px !important; letter-spacing: 0.16em !important; } #mainHeader .todayMsg{ margin: 8px auto 10px !important; font-size: 14px !important; } #mainHeader .headerSpacer{ height: 4px !important; } } @media (prefers-reduced-motion: reduce){ #shootingStarsCanvas, .shootingStarsCanvas{ display:none !important; } } /* === original inline style block 113; id: ow-v1046h-hero-draw-button-hover-color-lock; original line: 16827 === */ #heroDrawBtn, #heroDrawBtn:hover, #heroDrawBtn:focus, #heroDrawBtn:focus-visible, #heroDrawBtn:active, #heroDrawBtn.btn:hover, #heroDrawBtn.btnPrimary:hover, #heroDrawBtn.heroCtaBtn:hover{ background: var(--ow-grad-cta) !important; color: #1a1428 !important; border: 1px solid rgba(255,255,255,.22) !important; box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22) !important; filter: none !important; } /* === original inline style block 114; id: ow-v1046i-intent-ready-button-hover-color-lock; original line: 16843 === */ #intentReadyBtn, #intentReadyBtn:hover, #intentReadyBtn:focus, #intentReadyBtn:focus-visible, #intentReadyBtn:active, #intentReadyBtn.btn:hover, #intentReadyBtn.btnPrimary:hover{ background: var(--ow-grad-cta) !important; color: #1a1428 !important; border: 1px solid rgba(255,255,255,.22) !important; box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22) !important; filter: none !important; } /* === original inline style block 115; id: ow-v1046j-memory-streak-size-label-consolidated-style; original line: 16858 === */ @media (min-width: 641px){ .memoriesLauncher, .imStreakBanner{ min-height: 90px !important; } .memoriesLauncher{ padding: 8px 22px !important; gap: 16px !important; align-items: center !important; } .imStreakBanner{ padding: 10px 22px !important; gap: 16px !important; align-items: center !important; } .memoriesLauncherText{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:18px !important; flex:1 1 auto !important; min-width:0 !important; } .memoriesLauncherKicker{ flex:0 0 228px !important; min-width:228px !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; line-height:1 !important; letter-spacing:.10em !important; color:rgba(255,255,255,.90) !important; font-size:15px !important; } .memoriesLauncherSub{ flex:1 1 auto !important; margin:0 0 0 -4px !important; line-height:1.28 !important; max-width:780px !important; } .imStreakLeft{ min-width:228px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; align-self:center !important; } .imStreakLabel{ line-height:1 !important; letter-spacing:.10em !important; color:rgba(255,255,255,.72) !important; font-size:15px !important; font-weight:900 !important; } .imStreakMini{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-self:center !important; margin:0 0 0 -4px !important; min-height:0 !important; line-height:1.28 !important; } .imStreakMini .imStreakLine2, .imStreakMini .imStreakSecondary, .imStreakMini br.imStreakMobBr{ margin-top:4px !important; } .imStreakActions{ flex:0 0 auto !important; margin-left:auto !important; align-self:center !important; } .memoriesLauncherBtn, .imStreakBtn{ padding-top:10px !important; padding-bottom:10px !important; } } /* === original inline style block 116; id: ow-v1046k-memory-streak-icon-consolidated-style; original line: 16947 === */ .memoriesLauncherIcon.memoriesPremiumSigil, .imStreakOrb{ position: relative !important; width: 60px !important; height: 60px !important; border-radius: 999px !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; background: transparent !important; border: 0 !important; box-shadow: 0 10px 24px rgba(10,16,40,.12) !important; isolation: isolate; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } @media (min-width: 641px){ .memoriesLauncherIcon.memoriesPremiumSigil, .imStreakOrb{ width: 64px !important; height: 64px !important; } } .memoriesLauncherIcon.memoriesPremiumSigil::before, .imStreakOrb::before, .memoriesLauncherIcon.memoriesPremiumSigil::after, .imStreakOrb::after{ content: none !important; } .memoriesPremiumSigil .panelIconImg, .imStreakOrb .panelIconImg, .imStreakOrb > img.panelIconImg{ position: absolute !important; top: 50% !important; left: 50% !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; transform: translate(-50%, -50%) !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 999px !important; } body[data-ui-mode="dawn"] .memoriesLauncherIcon.memoriesPremiumSigil, body[data-ui-mode="dawn"] .imStreakOrb{ box-shadow: 0 10px 24px rgba(155,126,88,.10) !important; } .imStreakOrb.has-wave-icon{ background-image: none !important; } /* === original inline style block 117; id: ow-v1046l-cursor-widget-shell-consolidated-style; original line: 17004 === */ .cursorWidget{ border-color: rgba(255,255,255,.10) !important; background: radial-gradient(900px 220px at 22% 0%, rgba(255,205,120,.05), transparent 56%), radial-gradient(760px 220px at 86% 100%, rgba(155,116,255,.06), transparent 58%), linear-gradient(135deg, rgba(16,12,36,.90), rgba(10,26,58,.82)) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.025) inset, 0 14px 34px rgba(0,0,0,.20) !important; } .cursorWidgetTitle{ color: rgba(255,255,255,.94) !important; } .cursorWidgetSub{ color: rgba(255,255,255,.54) !important; } /* === original inline style block 118; id: ow-v1046m-dawn-header-account-visual-chain-consolidated-style; original line: 17020 === */ body[data-ui-mode="dawn"] .header{ background: radial-gradient(920px 260px at 50% 0%, rgba(255,255,255,.58), transparent 70%), linear-gradient(180deg, rgba(255,248,239,.96), rgba(247,240,231,.92)) !important; border-color: rgba(181,160,136,.18) !important; box-shadow: 0 18px 42px rgba(141,118,92,.08), inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode=dawn] .authUserBadge{border-color:#b8a48555!important;background:linear-gradient(180deg,#fff8eee8,#efe3d8e2)!important;color:#26344e!important;box-shadow:0 10px 26px #715a4020,inset 0 1px 0 #fff!important}body[data-ui-mode=dawn] .authUserBadge .imAvatar{background:linear-gradient(135deg,#f3e5d6,#c0aae9,#bbd5e7)!important}body[data-ui-mode=dawn] .authUserBadge .imInitial{color:#26344e!important}body[data-ui-mode="dawn"] #profileModal .profilePanel, body[data-ui-mode="dawn"] #profileModal .profileSidebar, body[data-ui-mode="dawn"] #profileModal .profileMain, body[data-ui-mode="dawn"] #profileModal .pCard, body[data-ui-mode="dawn"] #profileModal .profileShell{ background: linear-gradient(180deg, rgba(255,250,244,.22), rgba(241,232,221,.16)) !important; } body[data-ui-mode="dawn"] #profileModal, body[data-ui-mode="dawn"] #profileModal .profilePanel, body[data-ui-mode="dawn"] #profileModal .pSectionTitle, body[data-ui-mode="dawn"] #profileModal .pLabel, body[data-ui-mode="dawn"] #profileModal .profileNavBtn, body[data-ui-mode="dawn"] #profileModal .profileEmail, body[data-ui-mode="dawn"] #profileModal .profileTitle{ color: rgba(47,57,80,.96) !important; } body[data-ui-mode="dawn"] #profileModal .pFine, body[data-ui-mode="dawn"] #profileModal .muted, body[data-ui-mode="dawn"] #profileModal .profileSub, body[data-ui-mode="dawn"] #profileModal .profileMeta{ color: rgba(66,76,98,.82) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavBtn.active, body[data-ui-mode="dawn"] #profileModal .profileNavBtn[aria-current="page"]{ background: linear-gradient(135deg, rgba(238,221,197,.84), rgba(215,206,238,.76), rgba(202,223,237,.80)) !important; color: #2f3b52 !important; } body[data-ui-mode="dawn"] .header{ background: radial-gradient(980px 260px at 50% 0%, rgba(255,251,244,.94), transparent 68%), linear-gradient(180deg, rgba(251,246,236,.96) 0%, rgba(247,239,227,.93) 100%) !important; border-color: rgba(186,166,140,.22) !important; box-shadow: 0 24px 70px rgba(152,127,97,.08), inset 0 1px 0 rgba(255,255,255,.88) !important; } body[data-ui-mode="dawn"] .page > .header, body[data-ui-mode="dawn"] #mainHeader.header{ background: radial-gradient(980px 260px at 50% 0%, rgba(255,251,244,.94), transparent 68%), linear-gradient(180deg, rgba(251,246,236,.96) 0%, rgba(247,239,227,.93) 100%) !important; } body[data-ui-mode="dawn"] #profileModal .profileCard{ background: radial-gradient(980px 300px at 18% 0%, rgba(255,248,239,.95), transparent 62%), radial-gradient(980px 380px at 82% 100%, rgba(232,223,246,.22), transparent 58%), linear-gradient(180deg, rgba(251,247,240,.985), rgba(246,239,230,.965)) !important; } body[data-ui-mode="dawn"] #profileModal .profileNav, body[data-ui-mode="dawn"] #profileModal .profileMain{ background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(249,243,236,.62)) !important; border-color: rgba(181,156,128,.22) !important; } body[data-ui-mode="dawn"] #profileModal .pCard{ background: linear-gradient(180deg, rgba(243,239,239,.66), rgba(232,228,236,.56)) !important; border-color: rgba(166,151,174,.20) !important; } body[data-ui-mode="dawn"] #profileModal .profileBrand .pTitle, body[data-ui-mode="dawn"] #profileModal .pSectionTitle, body[data-ui-mode="dawn"] #profileModal .profileEmail, body[data-ui-mode="dawn"] #profileModal .pValue, body[data-ui-mode="dawn"] #profileModal .profileNavItem, body[data-ui-mode="dawn"] #profileModal .pillBtn, body[data-ui-mode="dawn"] #profileModal .profileClose, body[data-ui-mode="dawn"] #profileModal .profileMain, body[data-ui-mode="dawn"] #profileModal strong, body[data-ui-mode="dawn"] #profileModal b{ color: #36415b !important; } body[data-ui-mode="dawn"] #profileModal .profileBrand .pKicker, body[data-ui-mode="dawn"] #profileModal .pSectionKicker, body[data-ui-mode="dawn"] #profileModal .pLabel, body[data-ui-mode="dawn"] #profileModal .profileMini, body[data-ui-mode="dawn"] #profileModal .profileNavItem .hint, body[data-ui-mode="dawn"] #profileModal .profileFooterLink a, body[data-ui-mode="dawn"] #profileModal .muted, body[data-ui-mode="dawn"] #profileModal .pFine{ color: rgba(91,93,113,.82) !important; } body[data-ui-mode="dawn"] #profileModal input, body[data-ui-mode="dawn"] #profileModal textarea, body[data-ui-mode="dawn"] #profileModal select{ background: linear-gradient(180deg, rgba(74,72,92,.94), rgba(67,65,84,.94)) !important; color: rgba(255,250,244,.96) !important; border: 1px solid rgba(189,170,145,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 6px 16px rgba(53,47,60,.10) !important; } body[data-ui-mode="dawn"] #profileModal input::placeholder, body[data-ui-mode="dawn"] #profileModal textarea::placeholder{ color: rgba(231,224,217,.56) !important; } body[data-ui-mode="dawn"] #profileModal .pillBtn, body[data-ui-mode="dawn"] #profileModal .profileClose, body[data-ui-mode="dawn"] #profileModal .subBtn, body[data-ui-mode="dawn"] #profileModal .receiptBtn, body[data-ui-mode="dawn"] #profileModal .toggleBtn, body[data-ui-mode="dawn"] #profileModal .ghostBtn, body[data-ui-mode="dawn"] #profileModal .exportBtn, body[data-ui-mode="dawn"] #profileModal .importBtn, body[data-ui-mode="dawn"] #profileModal .saveBtn, body[data-ui-mode="dawn"] #profileModal button:not(.profileNavItem):not(.toggleSwitch){ color: #37415b !important; } body[data-ui-mode="dawn"] #profileModal .pillBtnPrimary, body[data-ui-mode="dawn"] #profileModal .exportBtn, body[data-ui-mode="dawn"] #profileModal .saveBtn, body[data-ui-mode="dawn"] #profileModal .sendBtn, body[data-ui-mode="dawn"] #profileModal .choosePlanBtn, body[data-ui-mode="dawn"] #profileModal .receiptPrimary{ background: linear-gradient(135deg, rgba(240,211,150,.97), rgba(214,188,241,.96), rgba(172,214,232,.96)) !important; color: #20182f !important; border-color: rgba(184,148,110,.36) !important; box-shadow: 0 12px 30px rgba(143,118,90,.12), inset 0 1px 0 rgba(255,255,255,.58) !important; } body[data-ui-mode="dawn"] #profileModal .profileFooterLink a, body[data-ui-mode="dawn"] #profileModal a{ color: #8e74e8 !important; text-decoration-color: rgba(142,116,232,.4) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"] .hint, body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{ color: #35405b !important; } body[data-ui-mode="dawn"] #profileModal .toggleSwitch, body[data-ui-mode="dawn"] #profileModal .toggle{ background: rgba(214,201,236,.58) !important; border-color: rgba(181,156,128,.24) !important; } body[data-ui-mode="dawn"] #profileModal .toggleSwitch.is-on, body[data-ui-mode="dawn"] #profileModal .toggle.is-on{ background: linear-gradient(135deg, rgba(240,211,150,.92), rgba(193,170,238,.92)) !important; } body[data-ui-mode="dawn"] #profileModal .pNotifStatusMsg{ color:#c89b44 !important; font-style: italic !important; font-weight: 700 !important; opacity:1 !important; } body[data-ui-mode="dawn"] #profileModal .pNotifStatusMsg strong, body[data-ui-mode="dawn"] #profileModal .pNotifStatusMsg b{ color:#b78425 !important; } body[data-ui-mode="dawn"] #profileModal .pTable{ border-color: rgba(166,151,174,.24) !important; background: linear-gradient(180deg, rgba(231,226,235,.76), rgba(224,219,229,.68)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important; } body[data-ui-mode="dawn"] #profileModal .pTable thead, body[data-ui-mode="dawn"] #profileModal .pTable thead tr{ background: linear-gradient(180deg, rgba(224,218,228,.86), rgba(216,210,221,.80)) !important; } body[data-ui-mode="dawn"] #profileModal .pTable th{ color: rgba(111,104,118,.96) !important; opacity: 1 !important; font-weight: 900 !important; } body[data-ui-mode="dawn"] #profileModal .pTable td{ color: #4a5670 !important; border-bottom-color: rgba(185,166,143,.18) !important; opacity: 1 !important; } body[data-ui-mode="dawn"] #profileModal .pTable td.muted, body[data-ui-mode="dawn"] #profileModal .pTable .muted{ color: rgba(88,98,118,.92) !important; opacity: 1 !important; } body[data-ui-mode="dawn"] #profileModal #msgHistoryBody td:nth-child(1), body[data-ui-mode="dawn"] #profileModal #msgHistoryBody td:nth-child(2), body[data-ui-mode="dawn"] #profileModal #msgHistoryBody td:nth-child(3), body[data-ui-mode="dawn"] #profileModal .pTable tbody td{ color:#4a5670 !important; } body[data-ui-mode="dawn"] #profileModal .pLabel, body[data-ui-mode="dawn"] #profileModal .pCard .pLabel, body[data-ui-mode="dawn"] #profileModal .pCard .pSectionLabel{ color: rgba(115,106,121,.94) !important; opacity:1 !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authBg{ background: radial-gradient(1000px 620px at 50% 18%, rgba(255,255,255,.42), transparent 58%), rgba(119,101,82,.22) !important; backdrop-filter: blur(18px) saturate(120%) !important; -webkit-backdrop-filter: blur(18px) saturate(120%) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authCard{ border: 1px solid rgba(182,161,137,.28) !important; background: radial-gradient(980px 280px at 18% 0%, rgba(255,248,238,.96), transparent 62%), radial-gradient(980px 360px at 82% 100%, rgba(226,214,244,.30), transparent 58%), linear-gradient(180deg, rgba(252,247,240,.98), rgba(244,237,228,.96)) !important; box-shadow: 0 34px 90px rgba(128,106,81,.16), inset 0 1px 0 rgba(255,255,255,.96) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authKicker, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authAgeNote, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authLabel{ color: rgba(127,102,63,.92) !important; } body[data-ui-mode="dawn"] #authModal .authConsentRow{ color: #59657d !important; } body[data-ui-mode="dawn"] #authModal .authConsentRow a{ color: #8c62d7 !important; } body[data-ui-mode="dawn"] #authModal .authConsentCheckbox{ background: rgba(255,255,255,.96) !important; border-color: rgba(126,105,163,.46) !important; box-shadow: 0 3px 10px rgba(113,91,70,.10), inset 0 1px 0 rgba(255,255,255,.98) !important; } body[data-ui-mode="dawn"] #authModal .authConsentCheckbox:checked{ background: linear-gradient(135deg, #e6bd72, #a68ae2) !important; border-color: rgba(139,109,193,.62) !important; } body[data-ui-mode="dawn"] #authModal .authConsentCheckbox:checked::after{ color: #2c2440 !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authTitle{ background: linear-gradient(135deg, #d9b169, #9d84df 62%, #7ba1d0 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authSub, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authCardBody p, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authForgotLink, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authError, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authSuccess, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authUserEmail{ color: #59657d !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authTabs{ background: linear-gradient(180deg, rgba(232,225,239,.78), rgba(223,218,234,.76)) !important; border: 1px solid rgba(186,169,197,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authTab{ color: rgba(92,99,120,.86) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authTab.active{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; color: #35405a !important; box-shadow: 0 10px 22px rgba(136,118,96,.10), inset 0 1px 0 rgba(255,255,255,.84) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authInput{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,236,.98)) !important; color: #39445f !important; caret-color: #39445f !important; border: 1.5px solid rgba(183,162,138,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 20px rgba(140,118,92,.06) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authInput::placeholder{ color: rgba(112,116,136,.84) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authInput:focus{ border-color: rgba(155,136,220,.48) !important; box-shadow: 0 0 0 3px rgba(155,136,220,.10), inset 0 1px 0 rgba(255,255,255,.96) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authSubmitBtn{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; border-color: rgba(181,150,115,.44) !important; color: #2b2642 !important; box-shadow: 0 16px 36px rgba(140,118,92,.12), inset 0 1px 0 rgba(255,255,255,.78) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authClose, body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authSignOutBtn{ background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,239,232,.88)) !important; border-color: rgba(182,161,137,.26) !important; color: #4a5670 !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authLoggedIn{ background: linear-gradient(180deg, rgba(255,252,247,.84), rgba(247,241,234,.84)) !important; border-color: rgba(188,168,145,.20) !important; } body[data-ui-mode="dawn"] :is(#authModal,#owPrivacyChoicesModal) .authForgotLink{ color: #8767d7 !important; } /* === original inline style block 119; id: ow-v1046o-dawn-profile-nav-notif-visual-chain-consolidated-style; original line: 17309 === */ body[data-ui-mode="dawn"] .header, body[data-ui-mode="dawn"] .page > .header, body[data-ui-mode="dawn"] #mainHeader.header{ background: radial-gradient(980px 260px at 50% -6%, rgba(255,255,255,.78), transparent 62%), linear-gradient(180deg, #fbf8f1 0%, #f8f3ea 58%, #f6f0e7 100%) !important; border-color: rgba(190,173,148,.22) !important; box-shadow: 0 18px 44px rgba(141,118,92,.08), inset 0 1px 0 rgba(255,255,255,.94) !important; } body[data-ui-mode="dawn"] #profileModal .profileCard, body[data-ui-mode="dawn"] #profileModal .profilePanel, body[data-ui-mode="dawn"] #profileModal .profileShell{ background: radial-gradient(1200px 500px at 20% 0%, rgba(255,250,244,.70), transparent 58%), linear-gradient(180deg, rgba(251,247,240,.985), rgba(245,239,231,.975)) !important; } body[data-ui-mode="dawn"] #profileModal .profileNav{ background: linear-gradient(180deg, rgba(251,247,241,.92), rgba(245,238,230,.90)) !important; border-color: rgba(188,168,145,.22) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem{ background: linear-gradient(180deg, rgba(250,246,239,.94), rgba(244,237,229,.92)) !important; border-color: rgba(190,170,146,.22) !important; color:#3b4764 !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem .hint{ background: linear-gradient(180deg, rgba(238,231,246,.92), rgba(232,240,248,.90)) !important; color:#5d6580 !important; border:1px solid rgba(191,175,214,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important; padding:2px 10px !important; border-radius:999px !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{ background: linear-gradient(135deg, rgba(241,222,194,.96), rgba(227,216,245,.96), rgba(216,230,242,.96)) !important; color:#36415c !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"] .hint{ background: rgba(255,255,255,.58) !important; color:#515b78 !important; border-color: rgba(190,170,146,.40) !important; } body[data-ui-mode="dawn"] #profileModal .profileEmail, body[data-ui-mode="dawn"] #profileModal .pSectionTitle, body[data-ui-mode="dawn"] #profileModal .pValue, body[data-ui-mode="dawn"] #profileModal .pNotifLabel, body[data-ui-mode="dawn"] #profileModal .pNotifTimeLabel, body[data-ui-mode="dawn"] #profileModal .pSectionLabel, body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner strong, body[data-ui-mode="dawn"] #profileModal .pNotice strong{ color:#37415d !important; } body[data-ui-mode="dawn"] #profileModal .profileMini, body[data-ui-mode="dawn"] #profileModal .pFine, body[data-ui-mode="dawn"] #profileModal .pNotice, body[data-ui-mode="dawn"] #profileModal .pNotifDesc, body[data-ui-mode="dawn"] #profileModal .pSectionKicker, body[data-ui-mode="dawn"] #profileModal .pLabel{ color:rgba(95,99,118,.96) !important; opacity:1 !important; } body[data-ui-mode="dawn"] #profileModal input, body[data-ui-mode="dawn"] #profileModal input[type="time"], body[data-ui-mode="dawn"] #profileModal input[type="text"], body[data-ui-mode="dawn"] #profileModal input[type="email"], body[data-ui-mode="dawn"] #profileModal input[type="password"], body[data-ui-mode="dawn"] #profileModal textarea, body[data-ui-mode="dawn"] #profileModal select{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,236,.98)) !important; color:#3b4663 !important; caret-color:#3b4663 !important; border:1.5px solid rgba(188,167,143,.30) !important; } body[data-ui-mode="dawn"] #profileModal input::placeholder, body[data-ui-mode="dawn"] #profileModal textarea::placeholder{ color:rgba(111,115,136,.86) !important; } body[data-ui-mode="dawn"] #profileModal .pNotifTimeInput{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,244,238,.98)) !important; color:#37415d !important; border-color: rgba(188,167,143,.36) !important; color-scheme: light !important; } body[data-ui-mode="dawn"] #profileModal .pNotifTimeInput::placeholder{ color:rgba(93,99,120,.66) !important; } body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner{ background:#faf6ef99!important;border-color:#b199812e!important;color:#39435f!important; } body[data-ui-mode="dawn"] #profileModal .pNotifPermBtn, body[data-ui-mode="dawn"] #profileModal .pNotifSaveBtn, body[data-ui-mode="dawn"] #profileModal .pNotifTestBtn, body[data-ui-mode="dawn"] #profileModal .pBtnPrimary, body[data-ui-mode="dawn"] #profileModal .pBtn.pBtnPrimary, body[data-ui-mode="dawn"] #profileModal .btn, body[data-ui-mode="dawn"] #profileModal .btn.btnDanger, body[data-ui-mode="dawn"] #profileModal .pillBtnPrimary{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; border-color: rgba(181,150,115,.44) !important; color:#2b2642 !important; } body[data-ui-mode="dawn"] #profileModal button[onclick*="owJournalExport.openModal"], body[data-ui-mode="dawn"] #profileModal button[onclick*="owJournalExport.openImport"]{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; color:#2b2642 !important; border-color: rgba(181,150,115,.44) !important; box-shadow: 0 10px 24px rgba(146,123,98,.10), inset 0 1px 0 rgba(255,255,255,.78) !important; } body[data-ui-mode="dawn"] #profileModal button[onclick*="owJournalExport.openModal"] svg path, body[data-ui-mode="dawn"] #profileModal button[onclick*="owJournalExport.openImport"] svg path{ stroke:#d7a84a !important; } body[data-ui-mode="dawn"] #profileModal .pNotifLabel, body[data-ui-mode="dawn"] #profileModal .pNotifDesc, body[data-ui-mode="dawn"] #profileModal .pNotifTimeLabel, body[data-ui-mode="dawn"] #profileModal .pNotifStatusMsg, body[data-ui-mode="dawn"] #profileModal .pSectionLabel, body[data-ui-mode="dawn"] #profileModal #notifPermBanner div, body[data-ui-mode="dawn"] #profileModal #notifPermBanner strong{ opacity:1 !important; } body[data-ui-mode="dawn"] #profileModal .pNotifDesc{ color:rgba(104,108,126,.92) !important; } body[data-ui-mode="dawn"] .pNotifBlock{ margin-top: 0 !important; } body[data-ui-mode="dawn"] .pNotifBlock + .pNotifBlock{ margin-top: 12px !important; } body[data-ui-mode="dawn"] .pNotifCard{ margin-top: 0 !important; } body[data-ui-mode="dawn"] .profileNav{ background: linear-gradient(180deg, rgba(255,253,250,.76), rgba(243,237,229,.88)) !important; border: 1px solid rgba(202,192,176,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 18px 40px rgba(119,101,78,.08) !important; } body[data-ui-mode="dawn"] .profileEmail{ color: #495571 !important; } body[data-ui-mode="dawn"] .profileMini{ color: rgba(95,101,118,.78) !important; } body[data-ui-mode="dawn"] .pillBtn{ background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(246,241,234,.96)) !important; color: #36415e !important; border-color: rgba(200,189,172,.68) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 6px 18px rgba(119,101,78,.06) !important; } body[data-ui-mode="dawn"] .pillBtnPrimary{ background: linear-gradient(135deg, rgba(241,229,210,.96), rgba(226,229,245,.96)) !important; color: #36415e !important; border-color: rgba(202,189,167,.82) !important; } body[data-ui-mode="dawn"] .profileNavList{ display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; border-radius: 0 !important; overflow: visible !important; } body[data-ui-mode="dawn"] .profileNavItem{ border: 1px solid rgba(210,199,183,.62) !important; border-radius: 18px !important; border-bottom: 1px solid rgba(210,199,183,.62) !important; background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(248,243,236,.86)) !important; color: #3f4a67 !important; padding: 14px 18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(119,101,78,.05) !important; transform: none !important; } body[data-ui-mode="dawn"] .profileNavItem:hover{ transform: none !important; background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(248,243,236,.92)) !important; border-color: rgba(204,191,172,.8) !important; } body[data-ui-mode="dawn"] .profileNavItem[aria-selected="true"]{ background: linear-gradient(135deg, rgba(241,226,205,.9), rgba(225,229,245,.92)) !important; border-color: rgba(196,175,140,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 28px rgba(148,122,88,.08) !important; } body[data-ui-mode="dawn"] .profileNavItem .hint{ all: unset !important; display: inline !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 12px !important; line-height: 1.1 !important; font-weight: 900 !important; color: rgba(88,95,117,.72) !important; white-space: nowrap !important; text-transform: none !important; letter-spacing: 0 !important; opacity: 1 !important; } body[data-ui-mode="dawn"] .profileMain{ background: linear-gradient(180deg, rgba(255,252,248,.82), rgba(243,237,229,.92)) !important; border: 1px solid rgba(206,196,181,.44) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 22px 52px rgba(119,101,78,.08) !important; } @media (max-width: 960px){ body[data-ui-mode="dawn"] .profileNavList{ gap: 10px !important; border: 0 !important; background: transparent !important; overflow: visible !important; } body[data-ui-mode="dawn"] .profileNavItem{ border-radius: 18px !important; border: 1px solid rgba(210,199,183,.62) !important; border-bottom: 1px solid rgba(210,199,183,.62) !important; background: linear-gradient(180deg, rgba(255,255,255,.58), rgba(248,243,236,.86)) !important; padding: 14px 16px !important; } body[data-ui-mode="dawn"] .profileNavItem:last-child{ border-bottom: 1px solid rgba(210,199,183,.62) !important; } } body[data-ui-mode="dawn"] .header{ background: radial-gradient(860px 240px at 50% 0%, rgba(255,255,255,.72), transparent 68%), linear-gradient(180deg, rgba(255,252,246,.96) 0%, rgba(250,245,237,.98) 100%) !important; border-color: rgba(185,166,143,.20) !important; } body[data-ui-mode="dawn"] #profileModal .profilePanel, body[data-ui-mode="dawn"] #profileModal .profileSidebar, body[data-ui-mode="dawn"] #profileModal .profileMain, body[data-ui-mode="dawn"] #profileModal .pCard, body[data-ui-mode="dawn"] #profileModal .profileShell{ background: linear-gradient(180deg, rgba(255,252,247,.88), rgba(248,243,236,.86)) !important; border-color: rgba(191,172,148,.18) !important; } body[data-ui-mode="dawn"] #profileModal, body[data-ui-mode="dawn"] #profileModal .profilePanel, body[data-ui-mode="dawn"] #profileModal .pSectionTitle, body[data-ui-mode="dawn"] #profileModal .pValue, body[data-ui-mode="dawn"] #profileModal .pLabel, body[data-ui-mode="dawn"] #profileModal .profileEmail, body[data-ui-mode="dawn"] #profileModal .profileTitle, body[data-ui-mode="dawn"] #profileModal .profileNavItem, body[data-ui-mode="dawn"] #profileModal .profileNavBtn, body[data-ui-mode="dawn"] #profileModal .profileFooterLink a, body[data-ui-mode="dawn"] #profileModal button, body[data-ui-mode="dawn"] #profileModal .pNotifPermBtn{ color: rgba(54,64,90,.98) !important; } body[data-ui-mode="dawn"] #profileModal .profileSub, body[data-ui-mode="dawn"] #profileModal .profileMeta, body[data-ui-mode="dawn"] #profileModal .pFine, body[data-ui-mode="dawn"] #profileModal .pNotice, body[data-ui-mode="dawn"] #profileModal .muted, body[data-ui-mode="dawn"] #profileModal .pSectionKicker, body[data-ui-mode="dawn"] #profileModal .pSectionLabel, body[data-ui-mode="dawn"] #profileModal .hint{ color: rgba(92,96,116,.92) !important; opacity: 1 !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem, body[data-ui-mode="dawn"] #profileModal .profileNavBtn{ background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,240,233,.86)) !important; border-color: rgba(188,168,145,.20) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(140,118,92,.05) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem.active, body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"], body[data-ui-mode="dawn"] #profileModal .profileNavBtn.active, body[data-ui-mode="dawn"] #profileModal .profileNavBtn[aria-current="page"]{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; border-color: rgba(181,150,115,.44) !important; color: rgba(48,58,82,.98) !important; } body[data-ui-mode="dawn"] #profileModal .profileNavItem .hint, body[data-ui-mode="dawn"] #profileModal .profileNavBtn .hint{ color: rgba(112,109,126,.92) !important; } body[data-ui-mode="dawn"] #profileModal .pInput, body[data-ui-mode="dawn"] #profileModal input[type="text"], body[data-ui-mode="dawn"] #profileModal input[type="email"], body[data-ui-mode="dawn"] #profileModal input[type="password"], body[data-ui-mode="dawn"] #profileModal input[type="time"], body[data-ui-mode="dawn"] #profileModal textarea, body[data-ui-mode="dawn"] #profileModal select{ background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,242,236,.98)) !important; color: rgba(50,60,86,.98) !important; border: 1.5px solid rgba(183,162,138,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 20px rgba(140,118,92,.06) !important; } body[data-ui-mode="dawn"] #profileModal .pInput::placeholder, body[data-ui-mode="dawn"] #profileModal textarea::placeholder{ color: rgba(112,116,136,.82) !important; } body[data-ui-mode="dawn"] #profileModal .pBtn, body[data-ui-mode="dawn"] #profileModal .pillBtn, body[data-ui-mode="dawn"] #profileModal .subBtn, body[data-ui-mode="dawn"] #profileModal .receiptBtn, body[data-ui-mode="dawn"] #profileModal .toggleBtn, body[data-ui-mode="dawn"] #profileModal .ghostBtn, body[data-ui-mode="dawn"] #profileModal .exportBtn, body[data-ui-mode="dawn"] #profileModal .importBtn, body[data-ui-mode="dawn"] #profileModal .pNotifPermBtn, body[data-ui-mode="dawn"] #profileModal .profileClose{ background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,239,232,.9)) !important; border-color: rgba(182,161,137,.26) !important; color: rgba(54,64,90,.98) !important; } body[data-ui-mode="dawn"] #profileModal .pBtnPrimary, body[data-ui-mode="dawn"] #profileModal .exportBtn, body[data-ui-mode="dawn"] #profileModal .importBtn{ background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !important; border-color: rgba(181,150,115,.44) !important; color: rgba(38,33,58,.98) !important; } body[data-ui-mode="dawn"] #profileModal .pBtn:disabled, body[data-ui-mode="dawn"] #profileModal button:disabled{ opacity: .7 !important; color: rgba(118,120,136,.9) !important; } body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner{ background:#faf6ef99!important;border-color:#b199812e!important; } body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner strong, body[data-ui-mode="dawn"] #profileModal .pNotifBlock .pValue, body[data-ui-mode="dawn"] #profileModal .pNotifBlock .pLabel{ color: rgba(54,64,90,.98) !important; } body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner, body[data-ui-mode="dawn"] #profileModal .pNotifPermBanner * , body[data-ui-mode="dawn"] #profileModal .pNotifBlock, body[data-ui-mode="dawn"] #profileModal .pNotifBlock *{ text-shadow: none !important; } body[data-ui-mode="dawn"] #profileModal .profileFooterLink a{ color: rgba(132,102,230,.98) !important; } /* === original inline style block 120; id: no-id; original line: 17649 === */ body[data-ui-mode=dawn] .pOraclePill{background:#dab56926!important;border-color:#be975247!important;color:#7e5f2c!important}body[data-ui-mode=dawn] .pToggleTrack{background:#d8d0df!important;border-color:#aaa1b5!important;box-shadow:inset 0 1px 3px #55465f38!important}body[data-ui-mode=dawn] .pToggleWrap input:checked+.pToggleTrack{background:#e8c980!important;border-color:#b9903d!important} /* === original inline style block 121; id: no-id; original line: 17655 === */ #actionsChapterActions .btn{transition:none!important}#journalSection{backface-visibility:hidden;transform:translateZ(0)}