/*
  OraWhale Day 2 CSS extraction: 30-app-sections.css
  Source: FinalWebpage/index.html style blocks 122-172
  Purpose: App section styles extracted from later document flow
  Do not reorder before launch. Cascade order is intentional.
*/

/* === original inline style block 122; id: ow-v1372-next-step-spacing-copy; original line: 17657 === */
/* v1372: give Next Step title/subtitle better breathing room and cleaner UI rhythm */
#actionsChapterTitle{
  margin: 0 0 10px 0 !important;
}
#actionsChapterCopy .chapterSub{
  margin: 0 !important;
  line-height: 1.34 !important;
}
@media (max-width: 640px){
  #actionsChapterTitle{
    margin-bottom: 12px !important;
  }
  #actionsChapter .chapterHeader{
    padding-top: 24px !important;
    padding-bottom: 22px !important;
  }
}

/* === original inline style block 123; id: no-id; original line: 23399 === */
#imLockScreen{
display:none; position:fixed; inset:0; z-index:99999;
background: linear-gradient(180deg, #050611 0%, #07101d 100%);
align-items:center; justify-content:center; flex-direction:column;
}
#imLockScreen.show{ display:flex; }
.imLockCard{
position: relative;
width: min(400px, 92vw);
padding: 36px 28px 32px;
border-radius: 28px;
border: 1px solid rgba(255,255,255,.16);
background: linear-gradient(135deg, rgba(10,12,30,.74), rgba(5,28,48,.38));
backdrop-filter: blur(18px);
box-shadow: 0 32px 80px rgba(0,0,0,.48);
text-align: center;
}
.imLockClose{
appearance:none;
position:absolute;
top:14px;
right:14px;
width:40px;
height:40px;
border-radius:14px;
border:1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.06);
color: rgba(255,255,255,.88);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:24px;
line-height:1;
cursor:pointer;
box-shadow: 0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
}
.imLockClose:hover{ transform: translateY(-1px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.24); color: rgba(255,255,255,.96); }
.imLockClose:active{ transform: translateY(0) scale(.99); }
.imLockClose:focus-visible{ outline: 3px solid rgba(255,205,120,.30); outline-offset: 3px; }
.imLockIcon{ font-size: 48px; margin-bottom: 12px; filter: drop-shadow(0 8px 18px rgba(0,0,0,.28)); }
.imLockTitle{
font-size: clamp(22px,2.6vw,30px); font-weight: 950; margin: 0 0 8px;
background: linear-gradient(135deg, rgba(255,205,120,.98), rgba(155,116,255,.92));
-webkit-background-clip: text; background-clip: text; color: transparent;
}
.imLockSub{ font-size:14px; color:rgba(255,255,255,.70); margin: 0 0 24px; line-height:1.6; }
.imLockSub .subline{ display:block; margin-top:6px; }
.imLockPrivacyNote{
font-size: 12px; color: rgba(255,255,255,.52); margin: 16px 0 0;
line-height: 1.6;
}
.imLockInput{
width:100%; padding:13px 14px; border-radius:14px;
border:1px solid rgba(255,255,255,.20);
background: rgba(255,255,255,.06); color:rgba(255,255,255,.96);
font-size:18px; letter-spacing:.2em; text-align:center;
outline:none; margin-bottom:14px;
}
.imLockInput:focus{ border-color:rgba(180,185,210,.36); box-shadow:0 0 0 3px rgba(180,185,210,.07); }
.imLockBtn{
width:100%; padding:14px; border-radius:16px;
background: linear-gradient(135deg,rgba(255,205,120,.84),rgba(135,110,215,.68));
color:rgba(20,10,36,.94); font-size:16px; font-weight:760;
border:none; cursor:pointer;
box-shadow:0 14px 34px rgba(0,0,0,.22);
transition:transform .12s,filter .12s;
}
.imLockBtn:hover{ transform:translateY(-1px); filter:brightness(1.04); }
.imLockError{ color:rgba(255,120,100,.90); font-size:13px; margin:-8px 0 12px; min-height:18px; }
#imSetPasscodeModal{
display:none; position:fixed; inset:0; z-index:99998;
align-items:center; justify-content:center;
background:rgba(0,0,0,.62); backdrop-filter:blur(6px);
}
#imSetPasscodeModal.show{ display:flex; }
#actionsChapterActions .actions.actionsPremium .btn,
#actionsChapterActions .btn {
min-width: 0 !important;
max-width: none !important;
width: auto !important;
flex: 0 0 auto !important;
height: 46px !important;
padding: 0 16px !important;
font-size: 14px !important;
font-weight: 800 !important;
border-radius: 14px !important;
white-space: nowrap !important;
overflow: hidden !important;
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
}
#actionsChapterActions {
margin-left: auto !important;
flex-shrink: 0 !important;
max-width: none !important;
}
#actionsChapterActions .actions.actionsPremium {
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px !important;
justify-content: flex-end !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 700px) {
#actionsChapterActions .actions.actionsPremium { flex-wrap: wrap !important; }
#actionsChapterActions .actions.actionsPremium .btn,
#actionsChapterActions .btn { width: 100% !important; justify-content: center !important; }
}
*, *::before, *::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.chapterKicker, .memCalKicker, .memDetailKicker,
.ovKicker, .ovExcerptLabel,
.pLabel, .tileTitle {
font-size: 11px !important;
letter-spacing: .12em !important;
font-weight: 600 !important;
line-height: 1.38 !important;
}
.dateLine, .imLockPrivacyNote, .paywallPriceSub,
.journalDateLine, .calDayHeader {
font-size: 12px !important;
letter-spacing: .02em !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.chapterSub, .imLockSub, .journalSectionSub,
.oracleMeta, .hintSub {
font-size: 13px !important;
letter-spacing: -.004em !important;
font-weight: 400 !important;
line-height: 1.60 !important;
}
.attrText, .attrTitle {
font-size: 15px !important;
letter-spacing: -.006em !important;
line-height: 1.65 !important;
}
.oracleDesc, .ovLine, .ovExcerptText,
.ritualText, .tierBody, .tileText,
.paywallSub, .paywallFeature,
.promptBar,
.memDetailText, .memPreviewText {
font-size: 15px !important;
letter-spacing: -.010em !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
.journalTextarea {
font-size: 15px !important;
letter-spacing: -.010em !important;
line-height: 1.65 !important;
}
@media (hover: none) {
.journalTextarea, textarea, input, select {
font-size: 16px !important;
}
}
.shareTitle, .paywallTitle + *,
.journalSavedMsg {
font-size: 16px !important;
letter-spacing: -.012em !important;
font-weight: 400 !important;
}
.chapterTitle, .shareTitle,
.memDetailDate, .ovTitle,
.journalEntryModalDate, .todayRitualPrompt {
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: -.022em !important;
line-height: 1.22 !important;
}
.memoriesTitle, .profileTitle,
.paywallTitle, .imLockTitle {
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: -.028em !important;
line-height: 1.18 !important;
}
.oracleTitle {
font-size: clamp(22px, 2.4vw, 30px) !important;
font-weight: 800 !important;
letter-spacing: -.032em !important;
line-height: 1.12 !important;
}
.ovTitle {
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: -.026em !important;
}
.ovLine {
font-size: 15px !important;
line-height: 1.62 !important;
letter-spacing: -.008em !important;
}
.ovExcerptText {
font-size: 14px !important;
line-height: 1.58 !important;
letter-spacing: -.006em !important;
}
.ovBtn {
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: -.010em !important;
}
.btn, .memRealmTab, .chapterBtn,
.memoriesLauncherBtn, button {
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: -.010em !important;
line-height: 1 !important;
}
#pickBtn, .zodiacBigBtn,
.journalSaveBtn, .intentActions .btn,
.realmNudgeBtn, #againBtn {
font-size: 16px !important;
font-weight: 800 !important;
letter-spacing: -.015em !important;
}
#actionsChapter .chapterKicker {
font-size: 10px !important;
letter-spacing: .14em !important;
font-weight: 700 !important;
}
#actionsChapter .chapterTitle {
font-size: clamp(16px, 1.35vw, 18px) !important;
font-weight: 700 !important;
letter-spacing: -.020em !important;
}
#actionsChapter .chapterSub {
font-size: 13px !important;
letter-spacing: -.006em !important;
font-weight: 400 !important;
}
#actionsChapterActions .btn {
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: -.012em !important;
}
.journalSectionTitle {
letter-spacing: -.030em !important;
}
.journalSectionSub {
font-size: 16px !important;
letter-spacing: -.006em !important;
line-height: 1.55 !important;
}
.todayRitualPill {
font-size: 11px !important;
letter-spacing: .12em !important;
font-weight: 700 !important;
}
.imLockTitle {
font-size: clamp(20px, 2.4vw, 26px) !important;
font-weight: 800 !important;
letter-spacing: -.028em !important;
}
.imLockSub {
font-size: 14px !important;
letter-spacing: -.008em !important;
line-height: 1.60 !important;
}
.imLockInput {
font-size: clamp(16px, 1.35vw, 18px) !important;
letter-spacing: .18em !important;
}
.imLockPrivacyNote {
font-size: 12px !important;
letter-spacing: -.002em !important;
line-height: 1.55 !important;
opacity: .55 !important;
}
#memoriesModal .memoriesCalCompact .journalCalTitle {
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: -.015em !important;
}
#memoriesModal .memoriesCalCompact .calDayHeader {
font-size: 9px !important;
letter-spacing: .10em !important;
font-weight: 600 !important;
}
#memoriesModal .memoriesCalCompact .calDay {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: -.005em !important;
}
.ritualPanelTitle {
font-size: 26px !important;
font-weight: 800 !important;
letter-spacing: -.030em !important;
line-height: 1.15 !important;
}
.ritualPanelSub {
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: -.010em !important;
line-height: 1.45 !important;
opacity: .82 !important;
color: rgba(255,255,255,.82) !important;
}
.ritualStepLabel {
font-size: 10px !important;
letter-spacing: .18em !important;
font-weight: 700 !important;
}
.realmChip .realmLabel {
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: -.010em !important;
line-height: 1.2 !important;
}
.realmChip .realmEmoji {
font-size: 28px !important;
line-height: 1 !important;
}
.realmGrid .chip.realmChip {
min-height: 80px !important;
padding: 16px 10px !important;
gap: 8px !important;
border-radius: 18px !important;
}
.realmGrid.realmSegmented .realmLabel {
font-size: 16px !important;
letter-spacing: -.010em !important;
font-weight: 700 !important;
}
.realmGrid.realmSegmented .realmEmoji {
font-size: 26px !important;
}
@media (max-width: 480px) {
.ritualPanelTitle { font-size: 21px !important; }
.ritualPanelSub   { font-size: 14px !important; }
.journalSectionSub { font-size: 14px !important; }
.realmChip .realmLabel { font-size: 14px !important; }
.realmChip .realmEmoji { font-size: 22px !important; }
.realmGrid .chip.realmChip { min-height: 64px !important; padding: 12px 8px !important; }
}
.ritualPanelTitle,
.hintTitle,
.tapTop,
.journalSectionTitle,
.ritualMain .stage .hintTitle,
.ritualMain .oracle .hintTitle {
background: var(--title-grad) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
}

/* === original inline style block 124; id: no-id; original line: 24355 === */
#owSubModal {
display: none;
position: fixed; inset: 0; z-index: 99999;
align-items: center; justify-content: center;
padding: 16px;
}
#owSubModal.show { display: flex; }
#owSubBg {
position: absolute; inset: 0;
background: rgba(4,2,18,.82);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
#owSubCard {
position: relative; z-index: 1;
width: 100%; max-width: 780px;
max-height: 92dvh; overflow-y: auto;
background:
radial-gradient(ellipse 140% 50% at 50% 0%, rgba(255,255,255,.07) 0%, transparent 65%),
linear-gradient(168deg, rgba(18,10,46,.97) 0%, rgba(6,28,62,.95) 100%);
border: 1px solid rgba(255,255,255,.13);
border-radius: 26px;
box-shadow: 0 32px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10);
padding: 28px 28px 32px;
scrollbar-width: none;
}
#owSubCard::-webkit-scrollbar { display: none; }
.owSubHeader {
display: flex; align-items: flex-start; justify-content: space-between;
margin-bottom: 6px;
}
.owSubKicker {
font-size: 10px; font-weight: 600; letter-spacing: .13em;
text-transform: uppercase; color: rgba(255,208,124,.75);
margin-bottom: 5px;
}
.owSubTitle {
font-size: clamp(20px,3vw,26px); font-weight: 800;
background: linear-gradient(125deg, rgba(255,208,124,.98) 0%, rgba(168,128,255,.92) 52%, rgba(140,218,255,.82) 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
line-height: 1.2; margin: 0;
}
.owSubClose {
background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
color: rgba(255,255,255,.7); border-radius: 50%;
width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
font-size: 15px; cursor: pointer; flex-shrink: 0; margin-left: 12px; margin-top: 2px;
transition: background .15s;
}
.owSubClose:hover { background: rgba(255,255,255,.15); color: #fff; }
.owBillingToggle {
display: flex; align-items: center; justify-content: center;
gap: 0; margin: 14px auto 22px;
background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
border-radius: 999px; padding: 4px; width: fit-content;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.18);
}
.owBillingBtn {
padding: 9px 22px; border-radius: 999px; font-size: 14px; font-weight: 700;
cursor: pointer; border: none; background: transparent;
color: rgba(255,255,255,.58); transition: all .18s; white-space: nowrap;
}
.owBillingBtn.active {
background: linear-gradient(135deg, rgba(130,100,255,.9), rgba(80,160,255,.8));
color: #fff; box-shadow: 0 2px 12px rgba(100,80,255,.35);
}
.owSavePill {
font-size: 10px; font-weight: 800; letter-spacing: .04em;
background: rgba(80,210,130,.18); color: rgba(120,240,160,.95);
border: 1px solid rgba(80,210,130,.3);
padding: 2px 7px; border-radius: 999px; margin-left: 6px;
}
.owTierGrid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
align-items: stretch;
}
@media (max-width: 720px) {
.owTierGrid { grid-template-columns: 1fr; }
}
.owTierCard {
border-radius: 20px;
border: 1px solid rgba(255,255,255,.10);
padding: 20px 18px 18px;
background: rgba(255,255,255,.04);
display: flex; flex-direction: column;
position: relative; overflow: hidden;
transition: border-color .2s, transform .2s, box-shadow .2s, opacity .2s;
}
.owTierCard:hover { transform: translateY(-2px); }
.owTierCard.owFree {
background: rgba(255,255,255,.025);
border-color: rgba(255,255,255,.08);
opacity: .92;
}
.owTierCard.owFree .owTierName,
.owTierCard.owFree .owTierTagline,
.owTierCard.owFree .owPriceMain,
.owTierCard.owFree .owPriceAlt,
.owTierCard.owFree .owFeatureList li,
.owTierCard.owFree .owFeatureSection { opacity: .88; }
.owTierCard.owFeatured {
border-color: rgba(127,119,221,.7);
background: rgba(100,80,200,.08);
box-shadow: 0 0 0 1px rgba(127,119,221,.25), 0 8px 32px rgba(80,60,180,.2);
}
.owTierCard.owBest {
border-color: rgba(29,158,117,.5);
background: rgba(29,158,117,.06);
box-shadow: 0 0 0 1px rgba(29,158,117,.16), 0 10px 34px rgba(20,160,110,.16);
}
.owTierCard.owFeatured::before,
.owTierCard.owBest::before {
content: '';
position: absolute; top: 0; left: 18%; right: 18%; height: 1px;
}
.owTierCard.owFeatured::before {
background: linear-gradient(90deg, transparent, rgba(160,130,255,.8), transparent);
}
.owTierCard.owBest::before {
background: linear-gradient(90deg, transparent, rgba(70,220,170,.75), transparent);
}
.owTierBadge {
display: inline-flex; align-items: center; gap: 4px;
font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
padding: 4px 10px; border-radius: 999px; margin-bottom: 12px; align-self: flex-start;
}
.owTierBadge.free { background: rgba(255,255,255,.07); color: rgba(255,255,255,.5); }
.owTierBadge.popular { background: rgba(127,119,221,.25); color: rgba(180,165,255,.95); border: 1px solid rgba(127,119,221,.35); }
.owTierBadge.best { background: rgba(29,158,117,.2); color: rgba(80,220,160,.95); border: 1px solid rgba(29,158,117,.3); }
.owTierName {
font-size: 22px; font-weight: 800; color: #fff; margin: 0 0 4px; line-height: 1;
}
.owTierTagline {
font-size: 12px; color: rgba(255,255,255,.62); font-style: italic; margin: 0 0 6px;
}
.owTierValueLine {
font-size: 11px; color: rgba(255,255,255,.48); margin: 0 0 14px;
letter-spacing: .01em; font-weight: 600;
}
.owTierPrice {
margin-bottom: 16px; padding-bottom: 16px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.owPriceMain { font-size: 13px; color: rgba(255,255,255,.92); font-weight: 600; line-height: 1.35; }
.owPriceMain strong { font-size: 28px; font-weight: 800; }
.owPriceSave {
display: inline-block; font-size: 10px; font-weight: 800;
background: rgba(80,210,130,.15); color: rgba(100,230,150,.9);
border: 1px solid rgba(80,210,130,.25);
padding: 1px 6px; border-radius: 999px; margin-left: 5px; vertical-align: middle;
}
.owPriceAlt { font-size: 11px; color: rgba(255,255,255,.47); margin-top: 4px; }
.owTrialMini {
margin-top: 9px; padding: 9px 10px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(255,208,80,.10), rgba(100,200,140,.08));
border: 1px solid rgba(255,208,80,.18);
}
.owTrialMiniTitle {
font-size: 11px; font-weight: 800; color: rgba(255,228,150,.96); letter-spacing: .02em;
}
.owTrialMiniSub {
font-size: 10.5px; color: rgba(255,255,255,.56); margin-top: 2px;
}
.owFeatureSection {
font-size: 9.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
color: rgba(255,255,255,.32); margin: 10px 0 4px;
}
.owFeatureList { list-style: none; margin: 0; padding: 0; flex: 1; }
.owFeatureList li {
display: flex; align-items: flex-start; gap: 7px;
font-size: 12px; padding: 4px 0;
border-bottom: 1px solid rgba(255,255,255,.05);
line-height: 1.5; color: rgba(255,255,255,.82);
}
.owFeatureList li:last-child { border-bottom: none; }
.owFeatureList li.dim { color: rgba(255,255,255,.32); }
.owBillingDetails {
margin-top: 14px;
padding: 11px 12px 12px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.09);
background: rgba(255,255,255,.035);
font-size: 10.75px;
line-height: 1.55;
color: rgba(255,255,255,.56);
}
.owBillingDetailsLabel {
font-size: 9px;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(255,255,255,.36);
margin-bottom: 5px;
}
.owFi { font-size: 10px; flex-shrink: 0; margin-top: 3px; }
.owFi.y { color: #50d284; }
.owFi.p { color: #a08cff; }
.owFi.g { color: #f0b94a; }
.owFi.n { color: rgba(255,255,255,.18); }
.owTierCta {
display: block; width: 100%; text-align: center;
padding: 12px 16px; border-radius: 14px;
font-size: 14px; font-weight: 700; letter-spacing: .01em;
cursor: pointer; border: none; margin-top: 18px;
transition: transform .15s, filter .15s, opacity .15s;
text-decoration: none;
}
.owTierCta:hover { transform: translateY(-1px); filter: brightness(1.08); }
.owTierCta.free-cta {
background: transparent; color: rgba(255,255,255,.58);
border: 1px solid rgba(255,255,255,.12); cursor: default;
box-shadow: none;
}
.owTierCta.seeker-cta {
background: linear-gradient(135deg, rgba(36,132,98,.92), rgba(29,158,117,.88));
color: #fff; box-shadow: 0 4px 18px rgba(20,160,110,.28);
}
.owTierCta.oracle-cta {
background: linear-gradient(135deg, rgba(255,205,120,.95), rgba(155,116,255,.86));
color: rgba(18,10,28,.98); box-shadow: 0 10px 30px rgba(100,80,220,.26);
min-height: 54px; font-size: 15px; font-weight: 800;
}
.owSubFooter {
text-align: center; font-size: 11px; color: rgba(255,255,255,.34);
margin-top: 22px; line-height: 1.9;
}
.owSubTrustRow {
display:flex; flex-wrap:wrap; gap: 8px 14px; align-items:center; justify-content:center;
margin-bottom: 8px;
}
.owSubTrustItem { color: rgba(255,255,255,.52); }
.owSubFooter a { color: rgba(255,255,255,.52); text-decoration: underline; cursor: pointer; }
#owSubModal{
padding: 24px;
}
#owSubBg{
background:
radial-gradient(1200px 700px at 50% 18%, rgba(120,90,255,.14), transparent 58%),
rgba(4,2,18,.84);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
#owSubCard{
max-width: 1160px;
border-radius: 30px;
padding: 30px 32px 28px;
background:
radial-gradient(ellipse 120% 56% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 66%),
radial-gradient(900px 300px at 50% -8%, rgba(126,102,212,.14), transparent 58%),
linear-gradient(168deg, rgba(18,10,46,.98) 0%, rgba(6,28,62,.96) 100%);
box-shadow: 0 42px 120px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.10);
}
.owSubHeader{
align-items: center;
margin-bottom: 8px;
}
.owSubKicker{
font-size: 11px;
letter-spacing: .16em;
}
.owSubTitle{
font-size: clamp(22px, 2.3vw, 30px);
letter-spacing: -.03em;
}
.owBillingToggle{
margin: 14px auto 26px;
}
.owTierGrid{
grid-template-columns: minmax(0,.96fr) minmax(0,1.08fr) minmax(0,1.08fr);
gap: 18px;
align-items: stretch;
}
.owTierCard{
border-radius: 24px;
padding: 22px 20px 20px;
backdrop-filter: blur(18px) saturate(132%);
-webkit-backdrop-filter: blur(18px) saturate(132%);
box-shadow: 0 18px 46px rgba(0,0,0,.24);
}
.owTierCard:hover{
transform: translateY(-3px);
}
.owTierCard.owFree{
opacity: .86;
background: rgba(255,255,255,.03);
border-color: rgba(255,255,255,.07);
}
.owTierCard.owFeatured,
.owTierCard.owBest{
background: rgba(255,255,255,.055);
}
.owTierCard.owFeatured{
transform: translateY(-8px) scale(1.018);
border-color: rgba(138,125,240,.78);
box-shadow:
0 0 0 1px rgba(138,125,240,.30),
0 22px 64px rgba(70,54,170,.26),
0 38px 90px rgba(0,0,0,.34);
z-index: 2;
}
.owTierCard.owFeatured:hover{
transform: translateY(-10px) scale(1.022);
}
.owTierCard.owFeatured::after{
content: '';
position: absolute;
inset: 0;
pointer-events: none;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: radial-gradient(520px 180px at 50% 0%, rgba(160,130,255,.10), transparent 62%);
}
.owTierCard.owBest{
box-shadow: 0 0 0 1px rgba(29,158,117,.16), 0 16px 42px rgba(20,160,110,.16), 0 30px 80px rgba(0,0,0,.28);
}
.owTierBadge{
margin-bottom: 14px;
}
.owTierName{
font-size: 24px;
}
.owTierTagline{
font-size: 13px;
margin-bottom: 7px;
}
.owTierValueLine{
font-size: 12px;
color: rgba(255,255,255,.62);
margin-bottom: 16px;
}
.owPriceMain strong{
font-size: 30px;
}
.owPriceSave{
font-size: 10.5px;
}
.owFeatureList li{
font-size: 12.6px;
padding: 5px 0;
}
.owTierCta{
min-height: 54px;
margin-top: 20px;
font-size: 15px;
font-weight: 800;
border-radius: 16px;
}
.owTierCta.seeker-cta,
.owTierCta.oracle-cta{
position: relative;
}
.owTierCta.seeker-cta::after,
.owTierCta.oracle-cta::after{
content: '';
position: absolute;
inset: 1px;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
opacity: .55;
}
.owSubFooter{
margin-top: 24px;
}
.owPreviewPulse{
animation: owPreviewPulse 1.8s ease-out 1;
}
@keyframes owPreviewPulse{
0%{ transform: translateY(-8px) scale(1.018); box-shadow: 0 0 0 0 rgba(160,130,255,.0), 0 22px 64px rgba(70,54,170,.18), 0 38px 90px rgba(0,0,0,.28); }
35%{ transform: translateY(-10px) scale(1.025); box-shadow: 0 0 0 8px rgba(160,130,255,.08), 0 28px 74px rgba(70,54,170,.30), 0 44px 102px rgba(0,0,0,.34); }
100%{ transform: translateY(-8px) scale(1.018); box-shadow: 0 0 0 1px rgba(138,125,240,.30), 0 22px 64px rgba(70,54,170,.26), 0 38px 90px rgba(0,0,0,.34); }
}
#owSubCard.owAnnualFocus .owTierCard.owBest,
#owSubCard.owAnnualFocus .owTierCard.owFree{
opacity: .92;
}
#owSubCard.owAnnualFocus .owTierCard.owFeatured{
outline: 1px solid rgba(160,130,255,.20);
opacity: 1;
}
@media (max-width: 980px){
#owSubCard{
max-width: 860px;
padding: 24px 22px 24px;
}
.owTierGrid{
grid-template-columns: 1fr;
gap: 14px;
}
.owTierCard.owFeatured,
.owTierCard.owFeatured:hover{
transform: none;
}
}
@media (max-width: 720px){
#owSubModal{ padding: 10px; }
#owSubCard{
max-height: 94dvh;
border-radius: 24px;
padding: 20px 16px 20px;
}
}

.owBillingDetails{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body[data-ui-mode="dawn"] .owBillingDetails{
background: rgba(247,240,229,.62) !important;
border-color: rgba(124,118,145,.12) !important;
color: rgba(78,89,109,.72) !important;
}
body[data-ui-mode="dawn"] .owBillingDetailsLabel{color: rgba(126,104,77,.62) !important;}
body[data-ui-mode="moon"] .owBillingDetails{
background: rgba(255,255,255,.034) !important;
border-color: rgba(255,255,255,.085) !important;
color: rgba(233,231,245,.64) !important;
}
body[data-ui-mode="moon"] .owBillingDetailsLabel{color: rgba(233,231,245,.42) !important;}

/* === original inline style block 125; id: orawhale-annual-almanac-v622; original line: 27194 === */
.imRecapModal[aria-label="Annual Almanac"] .imRecapCard{ max-width:min(1080px,94vw); }
.imAlmShell{ display:flex; flex-direction:column; gap:14px; }
.imAlmYearNav{ display:flex; align-items:center; justify-content:center; gap:10px; }
.imAlmYearLabelWrap{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.imAlmYearLabel{ font-size:clamp(20px,2.2vw,28px); font-weight:920; letter-spacing:-.03em; color:rgba(255,255,255,.96); }
.imAlmYearSub{ font-size:12px; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.56); }
.imAlmYearBtn{
appearance:none; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.07); color:rgba(255,255,255,.94);
width:42px; height:42px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
box-shadow:0 14px 34px rgba(0,0,0,.20); transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.imAlmYearBtn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.24); }
.imAlmYearBtn[disabled]{ opacity:.35; cursor:not-allowed; transform:none; }
.imAlmYearBtn{ display:none !important; }
.imAlmFrame{
position:relative; border-radius:28px; border:1px solid rgba(255,255,255,.05);
background:var(--ow-imAlmFrame-bg,
radial-gradient(1200px 420px at 10% 0%, rgba(255,208,124,.09), transparent 56%),
radial-gradient(1000px 460px at 100% 0%, rgba(168,128,255,.14), transparent 58%),
linear-gradient(180deg, rgba(16,12,36,.92), rgba(8,20,44,.88)));
box-shadow:0 22px 68px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
overflow:hidden;
}
.imAlmFrame::before{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.02;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:180px 180px; mix-blend-mode:soft-light;
}
.imAlmScreenSurface{ position:relative; z-index:1; padding:24px; min-height:580px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; }
.imAlmEyebrowRow{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.imAlmEyebrow{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.48); font-weight:760; }
.imAlmAct{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.68); font-weight:760; padding:7px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.03); }
.imAlmHero{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:18px; align-items:stretch; }
.imAlmPanel{ border-radius:24px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.04); box-shadow:0 14px 34px rgba(0,0,0,.14); }
.imAlmPanel.soft{ background:rgba(255,255,255,.04); }
.imAlmCoverMain{ padding:28px; display:flex; flex-direction:column; gap:18px; justify-content:space-between; }
.imAlmCoverTitle{ font-size:clamp(36px,5vw,62px); line-height:.96; font-weight:760; letter-spacing:-.05em; margin:0; background:linear-gradient(128deg, rgba(255,216,156,.98), rgba(188,155,255,.92) 56%, rgba(157,225,255,.86)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.imAlmCoverCopy{ margin:0; font-size:16px; line-height:1.72; color:rgba(255,255,255,.82); max-width:38ch; }
.imAlmHeroMeta{ display:flex; flex-wrap:wrap; gap:8px; }
.imAlmMetaPill{ display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:rgba(255,255,255,.88); font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:760; }
.imAlmMetaPill strong{ color:rgba(255,255,255,.96); font-weight:900; }
.imAlmRealmEmblem{ padding:22px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; }
.imAlmSigil{ width:90px; height:90px; border-radius:28px; display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:760; letter-spacing:-.06em; border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 20px 44px rgba(0,0,0,.22); }
.imAlmSigil[data-realm="Plant"]{ background:linear-gradient(160deg, rgba(164,226,173,.28), rgba(37,114,71,.20)); color:rgba(228,255,233,.96); }
.imAlmSigil[data-realm="Animal"]{ background:linear-gradient(160deg, rgba(255,208,140,.26), rgba(131,74,33,.18)); color:rgba(255,241,220,.96); }
.imAlmSigil[data-realm="Mushroom"]{ background:linear-gradient(160deg, rgba(204,172,255,.26), rgba(84,41,124,.20)); color:rgba(246,236,255,.98); }
.imAlmSigil[data-realm="Mineral"]{ background:linear-gradient(160deg, rgba(146,220,255,.22), rgba(39,92,127,.20)); color:rgba(232,249,255,.98); }
.imAlmRealmLabel{ display:flex; flex-direction:column; gap:5px; }
.imAlmRealmName{ font-size:27px; letter-spacing:-.03em; font-weight:760; color:rgba(255,255,255,.97); }
.imAlmRealmSub{ font-size:14px; line-height:1.65; color:rgba(255,255,255,.74); }
.imAlmCTA{ display:inline-flex; align-items:center; gap:10px; width:fit-content; padding:13px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.16); background:linear-gradient(135deg, rgba(255,208,124,.92), rgba(168,128,255,.82), rgba(145,222,255,.62)); color:rgba(18,10,28,.98); font-weight:900; letter-spacing:.01em; box-shadow:0 18px 42px rgba(0,0,0,.22); }
.imAlmCTA.ghost{ background:rgba(255,255,255,.06); color:rgba(255,255,255,.92); }
.imAlmArchetypeWrap{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); gap:18px; }
.imAlmBigTitle{ margin:0; font-size:clamp(34px,4.2vw,54px); line-height:.98; letter-spacing:-.05em; font-weight:760; color:rgba(255,255,255,.98); }
.imAlmLead{ margin:0; font-size:18px; line-height:1.72; color:rgba(255,255,255,.82); }
.imAlmStack{ display:flex; flex-direction:column; gap:12px; }
.imAlmQuote{ padding:20px 22px; border-radius:22px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(140deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); font-size:17px; line-height:1.76; color:rgba(255,255,255,.88); }
.imAlmSupportPill{ display:inline-flex; align-items:center; gap:8px; width:fit-content; min-height:36px; padding:0 13px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); font-size:12px; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.74); font-weight:760; }
.imAlmGrid4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.imAlmStat{ padding:18px 16px; border-radius:22px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); box-shadow:0 16px 38px rgba(0,0,0,.16); }
.imAlmStatNum{ font-size:clamp(24px,2.7vw,38px); font-weight:900; letter-spacing:-.04em; color:rgba(255,255,255,.98); }
.imAlmStatLabel{ margin-top:8px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.54); font-weight:760; }
.imAlmStatHint{ margin-top:8px; font-size:13px; line-height:1.55; color:rgba(255,255,255,.70); }
.imAlmNarrative{ padding:20px 22px; border-radius:22px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); font-size:16px; line-height:1.78; color:rgba(255,255,255,.82); }
.imAlmGlanceFoot{ display:grid; grid-template-columns:minmax(220px,.82fr) minmax(0,2.18fr); gap:14px; margin-top:14px; }
.imAlmStat.imAlmStat--support{ min-height:100%; }
.imAlmConstellation{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); gap:18px; }
.imAlmSkyWrap{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.imAlmSky{ position:relative; min-height:360px; border-radius:24px; border:1px solid rgba(255,255,255,.10); background:radial-gradient(900px 300px at 50% 0%, rgba(255,255,255,.08), transparent 60%), linear-gradient(180deg, rgba(8,15,34,.96), rgba(7,18,40,.90)); overflow:hidden; }
.imAlmSkyGrid{ position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:50px 50px; mask-image:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.18)); opacity:.20; }
.imAlmSkyIntro{ position:absolute; left:22px; top:18px; right:22px; display:flex; flex-direction:column; gap:0; z-index:2; pointer-events:none; }
.imAlmSkyTitle{ display:none; }
.imAlmSkyHint{ max-width:31ch; font-size:14px; line-height:1.58; color:rgba(255,255,255,.72); }
.imAlmRealmLane{ position:absolute; left:18px; right:18px; z-index:1; pointer-events:none; }
.imAlmRealmLaneLine{ position:absolute; left:68px; right:14px; top:50%; height:1px; transform:translateY(-50%); background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); }
.imAlmRealmLaneLabel{ position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:10px; letter-spacing:.10em; text-transform:uppercase; font-weight:760; color:rgba(255,255,255,.36); }
.imAlmStarLine{ position:absolute; height:1px; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(255,255,255,0)); transform-origin:left center; opacity:.45; }
.imAlmStar{ position:absolute; appearance:none; border:0; padding:0; border-radius:999px; cursor:pointer; box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 0 18px rgba(255,255,255,.15); transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease; z-index:3; }
.imAlmStar:hover{ transform:scale(1.08); }
.imAlmStar.is-active{ box-shadow:0 0 0 2px rgba(255,255,255,.16), 0 0 24px rgba(255,255,255,.30); }
.imAlmSkyAxis{ position:absolute; left:78px; right:18px; bottom:16px; display:flex; justify-content:space-between; gap:8px; z-index:2; pointer-events:none; }
.imAlmSkyAxisItem{ font-size:10px; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.36); font-weight:760; }
.imAlmStar[data-realm="Plant"]{ background:radial-gradient(circle at 35% 35%, rgba(236,255,240,1), rgba(154,226,168,.86) 45%, rgba(154,226,168,0) 75%); }
.imAlmStar[data-realm="Animal"]{ background:radial-gradient(circle at 35% 35%, rgba(255,248,238,1), rgba(255,206,141,.88) 45%, rgba(255,206,141,0) 75%); }
.imAlmStar[data-realm="Mushroom"]{ background:radial-gradient(circle at 35% 35%, rgba(252,245,255,1), rgba(204,172,255,.86) 45%, rgba(204,172,255,0) 75%); }
.imAlmStar[data-realm="Mineral"]{ background:radial-gradient(circle at 35% 35%, rgba(238,250,255,1), rgba(146,220,255,.88) 45%, rgba(146,220,255,0) 75%); }
.imAlmPreview{ padding:22px; display:flex; flex-direction:column; gap:14px; }
.imAlmPreviewDate{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.50); font-weight:760; }
.imAlmPreviewTitle{ font-size:28px; line-height:1.06; letter-spacing:-.04em; color:rgba(255,255,255,.98); font-weight:820; }
.imAlmPreviewCopy{ font-size:16px; line-height:1.75; color:rgba(255,255,255,.78); }
.imAlmPreviewGuide{ margin-top:auto; display:flex; flex-direction:column; gap:10px; padding-top:4px; }
.imAlmChipRow{ display:flex; flex-wrap:wrap; gap:8px; }
.imAlmChip{ display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); color:rgba(255,255,255,.80); font-size:12px; font-weight:750; letter-spacing:.03em; }
.imAlmRealmGrid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.imAlmRealmCard{ padding:18px 16px; border-radius:22px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); display:flex; flex-direction:column; gap:12px; box-shadow:0 16px 40px rgba(0,0,0,.16); }
.imAlmRealmHead{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.imAlmRealmCount{ font-size:28px; font-weight:900; letter-spacing:-.05em; color:rgba(255,255,255,.98); }
.imAlmRealmBar{ height:7px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.imAlmRealmBar span{ display:block; height:100%; border-radius:inherit; }
.imAlmRealmBar span[data-realm="Plant"]{ background:linear-gradient(90deg, rgba(166,227,176,.95), rgba(85,170,105,.92)); }
.imAlmRealmBar span[data-realm="Animal"]{ background:linear-gradient(90deg, rgba(255,216,154,.96), rgba(227,139,69,.92)); }
.imAlmRealmBar span[data-realm="Mushroom"]{ background:linear-gradient(90deg, rgba(216,191,255,.96), rgba(140,92,197,.92)); }
.imAlmRealmBar span[data-realm="Mineral"]{ background:linear-gradient(90deg, rgba(168,232,255,.96), rgba(73,155,198,.92)); }
.imAlmRealmCopy{ font-size:14px; line-height:1.62; color:rgba(255,255,255,.74); }
.imAlmPairing{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.imAlmMiniPanel{ padding:18px 18px; border-radius:22px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); }
.imAlmMiniLabel{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.50); font-weight:760; margin-bottom:10px; }
.imAlmMiniText{ font-size:15px; line-height:1.72; color:rgba(255,255,255,.82); }
.imAlmLetterShell{ display:flex; flex-direction:column; gap:16px; }
.imAlmToggleRow{ display:flex; gap:8px; flex-wrap:wrap; }
.imAlmToggle{ appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:rgba(255,255,255,.78); min-height:38px; padding:0 14px; border-radius:999px; cursor:pointer; font-size:12px; letter-spacing:.10em; text-transform:uppercase; font-weight:760; }
.imAlmToggle.is-active{ background:linear-gradient(135deg, rgba(255,208,124,.18), rgba(168,128,255,.18)); color:rgba(255,255,255,.96); border-color:rgba(255,255,255,.18); }
.imAlmLetterBody{ padding:24px 24px; border-radius:24px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); }
.imAlmLetterBody p{ margin:0 0 18px; font-size:17px; line-height:1.86; color:rgba(255,255,255,.86); }
.imAlmLetterBody p:last-child{ margin-bottom:0; }
.imAlmExcerpt{ display:block; margin-top:12px; padding:14px 16px; border-left:2px solid rgba(255,208,124,.58); border-radius:0 18px 18px 0; background:rgba(255,255,255,.04); color:rgba(255,255,255,.90); }
.imAlmClosing{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr); gap:18px; align-items:stretch; }
.imAlmCurrentCard{ padding:26px; border-radius:24px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); display:flex; flex-direction:column; gap:14px; justify-content:space-between; }
.imAlmCurrentLabel{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.52); font-weight:760; }
.imAlmCurrentValue{ font-size:clamp(30px,3.2vw,42px); line-height:1.02; letter-spacing:-.05em; color:rgba(255,255,255,.98); font-weight:820; }
.imAlmClosingLine{ font-size:18px; line-height:1.74; color:rgba(255,255,255,.84); }
.imAlmStoryNav{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.imAlmDots{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.imAlmDot{ width:10px; height:10px; border-radius:999px; border:0; padding:0; background:rgba(255,255,255,.20); cursor:pointer; transition:transform .12s ease, background .12s ease; }
.imAlmDot.is-active{ background:linear-gradient(135deg, rgba(255,208,124,.92), rgba(168,128,255,.82)); transform:scale(1.08); }
.imAlmStoryBtn{ appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:rgba(255,255,255,.92); min-height:44px; padding:0 14px; border-radius:16px; cursor:pointer; font-size:14px; font-weight:850; letter-spacing:.01em; box-shadow:0 14px 34px rgba(0,0,0,.18); }
.imAlmStoryBtn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.22); }
.imAlmStoryBtn[disabled]{ opacity:.35; cursor:not-allowed; transform:none; }
.imAlmLegend{ display:flex; gap:10px; flex-wrap:wrap; }
.imAlmLegend--sky{ padding:0 6px 0 6px; }
.imAlmLegendItem{ display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.70); font-size:12px; font-weight:700; }
.imAlmLegendSwatch{ width:10px; height:10px; border-radius:999px; }
.imAlmLegendSwatch[data-realm="Plant"]{ background:rgba(166,227,176,.95); }
.imAlmLegendSwatch[data-realm="Animal"]{ background:rgba(255,216,154,.95); }
.imAlmLegendSwatch[data-realm="Mushroom"]{ background:rgba(216,191,255,.95); }
.imAlmLegendSwatch[data-realm="Mineral"]{ background:rgba(168,232,255,.95); }
.imAlmEmpty{ padding:28px; border-radius:28px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); display:flex; flex-direction:column; gap:18px; min-height:420px; justify-content:center; }
.imAlmEmptyTitle{ font-size:clamp(34px,4vw,48px); line-height:.98; letter-spacing:-.05em; color:rgba(255,255,255,.98); font-weight:760; margin:0; }
.imAlmEmptyCopy{ font-size:17px; line-height:1.75; color:rgba(255,255,255,.80); max-width:34ch; }
.imAlmFine{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.46); font-weight:760; }
.imAlmMoment{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:18px; }
.imAlmMomentCard{ padding:24px; border-radius:24px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); }
.imAlmMomentTitle{ font-size:32px; line-height:1.02; letter-spacing:-.05em; color:rgba(255,255,255,.98); font-weight:820; }
.imAlmMomentCopy{ margin-top:12px; font-size:16px; line-height:1.78; color:rgba(255,255,255,.82); }
@media (max-width: 980px){
.imAlmHero, .imAlmArchetypeWrap, .imAlmConstellation, .imAlmClosing, .imAlmMoment{ grid-template-columns:1fr; }
.imAlmGrid4, .imAlmRealmGrid, .imAlmPairing{ grid-template-columns:1fr 1fr; }
.imAlmGlanceFoot{ grid-template-columns:1fr; }
.imAlmScreenSurface{ min-height:auto; padding:20px; }
}
@media (max-width: 640px){
.imAlmGrid4, .imAlmRealmGrid, .imAlmPairing, .imAlmGlanceFoot{ grid-template-columns:1fr; }
.imAlmStoryNav{align-items:center}
.imAlmStoryBtn{width:auto}
.imAlmYearNav{ align-items:flex-start; }
.imAlmYearLabel{ font-size:24px; }
.imAlmCoverTitle, .imAlmBigTitle, .imAlmEmptyTitle{ font-size:32px; }
.imAlmLetterBody p{ font-size:16px; }
.imAlmPreviewTitle{ font-size:24px; }
}
body[data-ui-mode="dawn"] .imAlmFrame{
background:var(--ow-imAlmFrame-bg-dawn,
radial-gradient(1000px 420px at 8% 0%, rgba(255,223,178,.46), transparent 56%),
radial-gradient(940px 420px at 100% 0%, rgba(146,220,255,.26), transparent 58%),
linear-gradient(180deg, rgba(255,253,248,.96), rgba(241,249,250,.94)));
border-color: rgba(61, 99, 122, .12);
box-shadow: 0 26px 80px rgba(73,104,124,.16), inset 0 1px 0 rgba(255,255,255,.82);
}
body[data-ui-mode="dawn"] .imAlmFrame::before{ opacity:.016; }
body[data-ui-mode="dawn"] .imAlmAct{
background: rgba(108,119,212,.18);
border-color: rgba(108,119,212,.32);
color: rgba(78,89,154,.96);
box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
body[data-ui-mode="dawn"] .imAlmYearLabel,
body[data-ui-mode="dawn"] .imAlmBigTitle,
body[data-ui-mode="dawn"] .imAlmRealmName,
body[data-ui-mode="dawn"] .imAlmPreviewTitle,
body[data-ui-mode="dawn"] .imAlmCurrentValue,
body[data-ui-mode="dawn"] .imAlmMomentTitle,
body[data-ui-mode="dawn"] .imAlmStatNum,
body[data-ui-mode="dawn"] .imAlmEmptyTitle{ color:rgba(33,48,59,.96); }
body[data-ui-mode="dawn"] .imAlmLead,
body[data-ui-mode="dawn"] .imAlmCoverCopy,
body[data-ui-mode="dawn"] .imAlmNarrative,
body[data-ui-mode="dawn"] .imAlmPreviewCopy,
body[data-ui-mode="dawn"] .imAlmRealmCopy,
body[data-ui-mode="dawn"] .imAlmMiniText,
body[data-ui-mode="dawn"] .imAlmClosingLine,
body[data-ui-mode="dawn"] .imAlmMomentCopy,
body[data-ui-mode="dawn"] .imAlmLetterBody p,
body[data-ui-mode="dawn"] .imAlmRealmSub,
body[data-ui-mode="dawn"] .imAlmEmptyCopy,
body[data-ui-mode="dawn"] .imAlmStatHint{ color:rgba(48,66,78,.92); }
body[data-ui-mode="dawn"] .imAlmEyebrow,
body[data-ui-mode="dawn"] .imAlmYearSub,
body[data-ui-mode="dawn"] .imAlmMiniLabel,
body[data-ui-mode="dawn"] .imAlmCurrentLabel,
body[data-ui-mode="dawn"] .imAlmStatLabel,
body[data-ui-mode="dawn"] .imAlmPreviewDate,
body[data-ui-mode="dawn"] .imAlmFine{ color:rgba(67,96,111,.56); }
body[data-ui-mode="dawn"] .imAlmPanel,
body[data-ui-mode="dawn"] .imAlmStat,
body[data-ui-mode="dawn"] .imAlmMiniPanel,
body[data-ui-mode="dawn"] .imAlmRealmCard,
body[data-ui-mode="dawn"] .imAlmCurrentCard,
body[data-ui-mode="dawn"] .imAlmMomentCard,
body[data-ui-mode="dawn"] .imAlmLetterBody,
body[data-ui-mode="dawn"] .imAlmEmpty{
background: rgba(255,255,255,.06);
border-color: rgba(61,99,122,.10);
box-shadow: 0 18px 48px rgba(118,155,176,.08), inset 0 1px 0 rgba(255,255,255,.22);
backdrop-filter: blur(6px);
}
body[data-ui-mode="dawn"] .imAlmYearBtn,
body[data-ui-mode="dawn"] .imAlmStoryBtn,
body[data-ui-mode="dawn"] .imAlmToggle,
body[data-ui-mode="dawn"] .imAlmMetaPill,
body[data-ui-mode="dawn"] .imAlmSupportPill,
body[data-ui-mode="dawn"] .imAlmChip{ background: rgba(255,255,255,.76); border-color: rgba(61,99,122,.10); color: rgba(43,63,75,.86); }
body[data-ui-mode="dawn"] .imAlmSky{ background: linear-gradient(180deg, rgba(244,250,252,.96), rgba(229,241,246,.96)); border-color: rgba(61,99,122,.10); }
body[data-ui-mode="dawn"] .imAlmSkyGrid{ opacity:.22; }
body[data-ui-mode="dawn"] .imAlmDot{
background: rgba(88,102,114,.28);
border: 1px solid rgba(88,102,114,.18);
box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
body[data-ui-mode="dawn"] .imAlmDot.is-active{
background: linear-gradient(135deg, rgba(232,201,146,.98), rgba(182,146,255,.92));
border-color: rgba(150,121,218,.34);
box-shadow: 0 6px 16px rgba(167,146,214,.16), inset 0 1px 0 rgba(255,255,255,.46);
}
body[data-ui-mode="dawn"] .imAlmPreview .imAlmChip,
body[data-ui-mode="dawn"] .imAlmLegendItem{ color: rgba(55,74,86,.76); }
body[data-ui-mode="dawn"] .imAlmStarLine{ background: linear-gradient(90deg, rgba(61,99,122,0), rgba(61,99,122,.18), rgba(61,99,122,0)); }
body[data-ui-mode="dawn"] .imAlmSkyTitle{ color: rgba(110,85,58,.80); }
body[data-ui-mode="dawn"] .imAlmSkyHint{ color: rgba(88,102,114,.74); }
body[data-ui-mode="dawn"] .imAlmRealmLaneLabel,
body[data-ui-mode="dawn"] .imAlmSkyAxisItem{ color: rgba(88,102,114,.41); }
body[data-ui-mode="dawn"] .imAlmRealmLaneLine{ background: linear-gradient(90deg, rgba(88,102,114,.16), rgba(88,102,114,.06)); }
body[data-ui-mode="dawn"] .imAlmSupportPill--soft{ background: rgba(255,255,255,.58); border-color: rgba(61,99,122,.08); color: rgba(67,96,111,.68); }
body[data-ui-mode="dawn"] .imAlmStoryBtn{ color: rgba(33,48,59,.92); }
body[data-ui-mode="dawn"] .imAlmToggle.is-active{ color: rgba(33,48,59,.96); }
body[data-ui-mode="dawn"] .imAlmDots{
padding: 2px 6px;
}
body[data-ui-mode="dawn"] .imAlmAct{
background: linear-gradient(180deg, rgba(156,164,235,.24), rgba(142,149,223,.20));
border-color: rgba(119,128,208,.40);
color: rgba(90,98,168,.98);
box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 2px 8px rgba(122,129,189,.08);
}
body[data-ui-mode="dawn"] .imAlmMetaPill,
body[data-ui-mode="dawn"] .imAlmSupportPill{
background: rgba(255,255,255,.92);
border-color: rgba(89,102,122,.14);
color: rgba(69,82,103,.94);
box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
body[data-ui-mode="dawn"] .imAlmMetaPill strong,
body[data-ui-mode="dawn"] .imAlmSupportPill strong{
color: rgba(90,98,168,.96);
}
body[data-ui-mode="dawn"] .imAlmSupportPill--soft{
background: rgba(255,255,255,.88);
border-color: rgba(89,102,122,.12);
color: rgba(69,82,103,.86);
}
body[data-ui-mode="dawn"] .imAlmDot{
background: rgba(99,109,126,.34);
border: 1px solid rgba(99,109,126,.20);
box-shadow: inset 0 1px 0 rgba(255,255,255,.42);
}
body[data-ui-mode="dawn"] .imAlmDot.is-active{
background: linear-gradient(135deg, rgba(235,205,149,.98), rgba(178,146,255,.94));
border-color: rgba(139,117,204,.34);
box-shadow: 0 6px 18px rgba(152,132,219,.16), inset 0 1px 0 rgba(255,255,255,.56);
}

/* === original inline style block 126; id: orawhale-annual-almanac-fit-v624; original line: 27475 === */
@media (min-width: 981px){
.imRecapModal[aria-label="Annual Almanac"] .imRecapCard{
width:min(1240px,96vw);
max-width:min(1240px,96vw);
height:min(980px,calc(100svh - 20px));
max-height:calc(100svh - 20px);
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapTop{
padding:16px 18px 12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapBody{
display:flex;
flex-direction:column;
overflow:hidden;
padding:14px 18px 12px;
gap:0;
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapFooter{
padding:10px 18px 14px;
gap:12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapFooterBtn{
padding:11px 16px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmShell{
flex:1 1 auto;
min-height:0;
gap:12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmYearNav,
.imRecapModal[aria-label="Annual Almanac"] .imAlmStoryNav{
flex:0 0 auto;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmFrame{
flex:1 1 auto;
min-height:0;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface{
height:100%;
min-height:0;
padding:18px 20px;
gap:14px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmHero,
.imRecapModal[aria-label="Annual Almanac"] .imAlmArchetypeWrap,
.imRecapModal[aria-label="Annual Almanac"] .imAlmConstellation,
.imRecapModal[aria-label="Annual Almanac"] .imAlmClosing,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMoment{
height:100%;
align-items:stretch;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmHero > *,
.imRecapModal[aria-label="Annual Almanac"] .imAlmArchetypeWrap > *,
.imRecapModal[aria-label="Annual Almanac"] .imAlmConstellation > *,
.imRecapModal[aria-label="Annual Almanac"] .imAlmClosing > *,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMoment > *{
min-height:0;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmPanel,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMiniPanel,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmCard{
height:100%;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmEmblem,
.imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmPreview,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody{
padding:20px 22px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle{
font-size:clamp(30px,4vw,54px);
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmBigTitle{
font-size:clamp(30px,3.8vw,48px);
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentValue{
font-size:clamp(28px,3vw,40px);
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewTitle,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentTitle{
font-size:24px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmLead,
.imRecapModal[aria-label="Annual Almanac"] .imAlmQuote,
.imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmNarrative,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMiniText,
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody p,
.imRecapModal[aria-label="Annual Almanac"] .imAlmClosingLine,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmSub,
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmStatHint{
font-size:15px;
line-height:1.62;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmGrid4{
gap:12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmStat{
padding:16px 14px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmSky{
min-height:286px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterShell{
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody{
flex:1 1 auto;
min-height:0;
overflow:auto;
}
}
@media (min-width: 981px) and (max-height: 940px){
.imRecapModal[aria-label="Annual Almanac"] .imRecapCard{
height:calc(100svh - 12px);
max-height:calc(100svh - 12px);
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapTop{
padding:14px 16px 10px;
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapBody{
padding:12px 16px 10px;
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapFooter{
padding:8px 16px 12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmScreenSurface{
padding:16px 18px;
gap:12px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverMain,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmEmblem,
.imRecapModal[aria-label="Annual Almanac"] .imAlmCurrentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmPreview,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCard,
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody{
padding:18px 20px;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle{
font-size:clamp(28px,3.6vw,48px);
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmBigTitle{
font-size:clamp(28px,3.5vw,44px);
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmLead,
.imRecapModal[aria-label="Annual Almanac"] .imAlmQuote,
.imRecapModal[aria-label="Annual Almanac"] .imAlmPreviewCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmNarrative,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMomentCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmMiniText,
.imRecapModal[aria-label="Annual Almanac"] .imAlmLetterBody p,
.imRecapModal[aria-label="Annual Almanac"] .imAlmClosingLine,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmSub,
.imRecapModal[aria-label="Annual Almanac"] .imAlmCoverCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmRealmCopy,
.imRecapModal[aria-label="Annual Almanac"] .imAlmStatHint{
font-size:14px;
line-height:1.56;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmSky{
min-height:260px;
}
}
@media (max-width: 980px){
.imRecapModal[aria-label="Annual Almanac"] .imRecapCard{
width:min(920px,96vw);
max-width:min(920px,96vw);
height:auto;
max-height:calc(100svh - 20px);
}
.imRecapModal[aria-label="Annual Almanac"] .imRecapBody{
overflow-y:auto;
}
}

/* === original inline style block 127; id: im-zodiac-grid-4x3-fix; original line: 29852 === */
#zodiacGrid{
--zTile: 192px;
--zGap: 18px;
display: grid !important;
grid-template-columns: repeat(4, var(--zTile)) !important;
gap: var(--zGap) !important;
justify-content: center !important;
justify-items: center !important;
align-content: start !important;
width: 100% !important;
max-width: calc(4 * var(--zTile) + 3 * var(--zGap)) !important;
margin: 18px auto 6px !important;
padding: 0 !important;
}
#zodiacGrid > button{
width: var(--zTile) !important;
max-width: var(--zTile) !important;
aspect-ratio: 1 / 1 !important;
}
@media (max-width: 900px){
#zodiacGrid{
grid-template-columns: repeat(3, var(--zTile)) !important;
max-width: calc(3 * var(--zTile) + 2 * var(--zGap)) !important;
}
}
@media (max-width: 560px){
#zodiacGrid{
--zTile: 150px;
grid-template-columns: repeat(2, var(--zTile)) !important;
max-width: calc(2 * var(--zTile) + 1 * var(--zGap)) !important;
}
}
@media (max-width: 390px){
#zodiacGrid{ --zTile: 132px; }
}

/* === original inline style block 128; id: orawhale-signin-gate-v336; original line: 29914 === */
.owGateModal{
position: fixed; inset: 0; z-index: 100000;
display: none; align-items: center; justify-content: center;
padding: 18px;
}
.owGateModal.show{ display:flex; }
.owGateBackdrop{
position:absolute; inset:0;
background: rgba(8,10,18,.62);
backdrop-filter: blur(18px) saturate(150%);
-webkit-backdrop-filter: blur(18px) saturate(150%);
}
.owGateCard{
position: relative;
width: min(560px, calc(100vw - 32px));
border-radius: 26px;
padding: 18px 18px 16px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(18,20,36,.56);
backdrop-filter: blur(22px) saturate(160%);
-webkit-backdrop-filter: blur(22px) saturate(160%);
box-shadow: 0 26px 78px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.10);
transform: translateZ(0);
overflow: hidden;
}
.owGateCard::before{
content:"";
position:absolute; inset:0;
border-radius: inherit;
background:
radial-gradient(1200px 520px at -20% -10%, rgba(155,116,255,.18), transparent 56%),
radial-gradient(1100px 520px at 120% 120%, rgba(255,205,120,.12), transparent 58%);
pointer-events:none;
}
.owGateCard::after{
content:"";
position:absolute; inset:0;
border-radius: inherit;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27120%27%20height%3D%27120%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.9%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27/%3E%3C/filter%3E%3Crect%20width%3D%27120%27%20height%3D%27120%27%20filter%3D%27url%28%23n%29%27%20opacity%3D%27.18%27/%3E%3C/svg%3E");
opacity: .10;
mix-blend-mode: overlay;
pointer-events:none;
}
.owGateTop{
position: relative;
display:flex; align-items:center; justify-content: space-between;
gap: 12px; margin-bottom: 10px;
}
.owGateKicker{
font-size: 11px;
letter-spacing: .24em;
text-transform: uppercase;
font-weight: 900;
color: rgba(255,255,255,.54);
}
.owGateClose{
appearance:none;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.06);
color: rgba(255,255,255,.74);
border-radius: 14px;
width: 40px; height: 40px;
cursor:pointer;
box-shadow: 0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
backdrop-filter: blur(10px) saturate(140%);
-webkit-backdrop-filter: blur(10px) saturate(140%);
transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.owGateClose:hover{
transform: translateY(-1px);
background: rgba(255,255,255,.085);
border-color: rgba(255,255,255,.18);
}
.owGateClose:active{ transform: translateY(0); }
.owGateTitle{
position: relative;
font-size: 26px;
line-height: 1.06;
font-weight: 950;
letter-spacing: -.02em;
margin: 2px 0 10px;
background: var(--title-grad);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-wrap: balance;
}
.owGateBody{
position: relative;
font-size: 16px;
line-height: 1.55;
color: rgba(255,255,255,.80);
margin: 0 0 14px;
max-width: 52ch;
}
.owGateBodySub{
display:block;
margin-top: 6px;
font-size: 13px;
line-height: 1.45;
color: rgba(255,255,255,.60);
letter-spacing: -.01em;
}
.owGateFine{
position: relative;
font-size: 12px;
line-height: 1.5;
color: rgba(255,255,255,.53);
margin: -2px 0 16px;
}
.owGateActions{
position: relative;
display:flex;
gap: 12px;
justify-content: flex-end;
flex-wrap: wrap;
}
.owGateCard .btn{
height: 46px !important;
border-radius: 18px !important;
padding: 0 18px !important;
font-weight: 850 !important;
letter-spacing: -.01em;
box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
.owGateCard .btnPrimary{
background: linear-gradient(135deg, rgba(255,205,120,.88), rgba(155,116,255,.74));
border: 1px solid rgba(255,205,120,.26) !important;
color: rgba(20,18,26,.92) !important;
box-shadow: 0 16px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.10) inset;
}
.owGateCard .btnPrimary:hover{
transform: translateY(-1px);
box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.12) inset;
}
.owGateCard .btnPrimary:active{ transform: translateY(0); }
.owGateCard .btn:not(.btnPrimary){
background: rgba(255,255,255,.06) !important;
border: 1px solid rgba(255,255,255,.14) !important;
color: rgba(255,255,255,.92) !important;
}
@media (max-width: 520px){
.owGateCard{ border-radius: 24px; padding: 16px 16px 14px; }
.owGateTitle{ font-size: 22px; }
.owGateBody{ font-size: 15px; }
.owGateActions{ justify-content: stretch; }
.owGateActions .btn{ width: 100%; }
}

/* === original inline style block 129; id: ow-gate-dawn-fix-v1; original line: 30064 === */
body[data-ui-mode="dawn"] .owGateBackdrop{
background: rgba(242,236,229,.44);
backdrop-filter: blur(16px) saturate(120%);
-webkit-backdrop-filter: blur(16px) saturate(120%);
}
body[data-ui-mode="dawn"] .owGateCard{
border-color: rgba(124,118,145,.16);
background:
radial-gradient(900px 280px at 14% 0%, rgba(230,199,147,.20), transparent 58%),
radial-gradient(900px 320px at 86% 100%, rgba(216,184,216,.20), transparent 58%),
linear-gradient(180deg, rgba(255,252,248,.96), rgba(245,239,232,.94)) !important;
box-shadow:
0 24px 68px rgba(124,101,77,.12),
inset 0 1px 0 rgba(255,255,255,.86) !important;
backdrop-filter: blur(22px) saturate(125%);
-webkit-backdrop-filter: blur(22px) saturate(125%);
}
body[data-ui-mode="dawn"] .owGateCard::before{
background:
radial-gradient(1200px 520px at -20% -10%, rgba(230,199,147,.18), transparent 56%),
radial-gradient(1100px 520px at 120% 120%, rgba(165,205,221,.14), transparent 58%);
opacity: .92;
}
body[data-ui-mode="dawn"] .owGateCard::after{
opacity: .035;
mix-blend-mode: multiply;
}
body[data-ui-mode="dawn"] .owGateKicker{
color: #8f7a5b;
}
body[data-ui-mode="dawn"] .owGateClose{
border-color: rgba(124,118,145,.18);
background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(244,238,231,.94));
color: rgba(72,78,96,.88);
box-shadow:
0 10px 24px rgba(124,101,77,.10),
inset 0 1px 0 rgba(255,255,255,.86);
backdrop-filter: blur(10px) saturate(120%);
-webkit-backdrop-filter: blur(10px) saturate(120%);
}
body[data-ui-mode="dawn"] .owGateClose:hover{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,240,233,.98));
border-color: rgba(124,118,145,.24);
}
body[data-ui-mode="dawn"] .owGateTitle{
background: linear-gradient(135deg, #d59b52 0%, #bc8fb4 52%, #7f9fc0 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
body[data-ui-mode="dawn"] .owGateBody{
color: rgba(58,69,88,.86);
}
body[data-ui-mode="dawn"] .owGateBodySub,
body[data-ui-mode="dawn"] .owGateFine{
color: rgba(95,102,121,.70);
}
body[data-ui-mode="dawn"] .owGateCard .btn{
box-shadow:
0 12px 28px rgba(124,101,77,.10),
inset 0 1px 0 rgba(255,255,255,.74) !important;
}
body[data-ui-mode="dawn"] .owGateCard .btnPrimary{
background: var(--ow-grad-cta) !important;
border-color: rgba(209,188,142,.34) !important;
color: #2f3a4d !important;
box-shadow:
0 16px 34px rgba(162,135,104,.16),
inset 0 1px 0 rgba(255,255,255,.46) !important;
}
body[data-ui-mode="dawn"] .owGateCard .btn:not(.btnPrimary){
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,238,231,.96)) !important;
border-color: rgba(124,118,145,.18) !important;
color: #243046 !important;
}

/* === original inline style block 130; id: ow-gate-moon-signin-contrast-v1; original line: 30141 === */
body:not([data-ui-mode="dawn"]) .owGateCard .btnPrimary{
background: linear-gradient(180deg, rgba(24,30,48,.92), rgba(14,18,32,.96)) !important;
border: 1px solid rgba(255,216,140,.22) !important;
color: rgba(255,255,255,.96) !important;
-webkit-text-fill-color: rgba(255,255,255,.96) !important;
text-shadow: 0 1px 0 rgba(0,0,0,.18);
box-shadow:
0 16px 34px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body:not([data-ui-mode="dawn"]) .owGateCard .btnPrimary:hover{
background: linear-gradient(180deg, rgba(30,36,56,.94), rgba(18,22,38,.98)) !important;
color: rgba(255,255,255,.98) !important;
-webkit-text-fill-color: rgba(255,255,255,.98) !important;
}

/* === original inline style block 131; id: no-id; original line: 30683 === */
#owExpOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);z-index:999999;align-items:center;justify-content:center;padding:16px}#owExpOverlay.on{display:flex}#owExpBox{background:linear-gradient(155deg,#100d22 0%,#08192a 100%);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:28px 22px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;color:#f0eaff;font-family:inherit;box-shadow:0 32px 80px rgba(0,0,0,.6)}.oweh{font-size:19px;font-weight:760;letter-spacing:-.02em;margin-bottom:5px;background:linear-gradient(125deg,#ffd07c,#a880ff);-webkit-background-clip:text;background-clip:text;color:transparent}.owes{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:20px}.owel{display:block;font-size:11px;font-weight:760;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:7px}.owei{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:10px 13px;color:#f0eaff;font-size:14px;font-family:inherit;box-sizing:border-box;margin-bottom:14px}.owei:focus{outline:none;border-color:rgba(255,208,124,.38);box-shadow:0 0 0 2px rgba(255,208,124,.13)}#owCal{margin:-6px 0 14px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#111827}.owct{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.owct button,.owcg button{border:0;background:0;color:inherit;font:inherit}.owct b{font-size:13px}.owcg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.owcg i{font-style:normal;font-size:10px;opacity:.5}.owcg button{padding:6px 0;border-radius:9px}.owcg .sel{background:#d5c6a2;color:#171a24}body[data-ui-mode=dawn] #owCal{background:#f7f4ee;border-color:rgba(114,122,142,.18);color:#2f374b;box-shadow:0 14px 32px rgba(79,64,47,.12)}.owefrow{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:14px}.owefb{border-radius:14px;border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgba(255,255,255,.80);cursor:pointer;text-align:left;min-height:88px}.owefb.sel{background:linear-gradient(135deg,rgba(255,208,124,.14),rgba(255,255,255,.06));border-color:rgba(255,208,124,.42);color:#fff;box-shadow:0 0 0 1px rgba(255,208,124,.14),0 8px 20px rgba(0,0,0,.24)}.owebar{display:flex;gap:9px;margin-top:6px}.owebb{flex:1;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);font-size:14px;font-weight:760;cursor:pointer}.owebb:hover{background:rgba(255,255,255,.13)}.owebb.pri{background:rgba(255,255,255,.08);color:#fff}.owebb.pri:hover{filter:brightness(1.07)}.owebb:disabled{opacity:.5;cursor:default}.oweerr{color:#ff9999;font-size:13px;margin:-6px 0 10px;min-height:16px}.owenote{font-size:12px;color:rgba(255,255,255,.4);margin-top:12px;line-height:1.5}.oweinfo{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:16px;line-height:1.6}.owcitem{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:13px;padding:13px;margin-bottom:9px}.owcdate{font-weight:760;color:#ffd07c;margin-bottom:4px}.owcreal{font-size:12px;color:#a880ff;margin-bottom:8px}.owcopts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.owcopt{padding:8px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:12px;cursor:pointer;text-align:left;color:rgba(255,255,255,.75);transition:all .14s}.owcopt.chosen{background:rgba(168,128,255,.25);border-color:rgba(168,128,255,.5);color:#fff}.owclbl{font-size:10px;font-weight:760;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:3px}.owcsnip{font-size:11px;opacity:.75;max-height:50px;overflow:hidden;white-space:pre-wrap}#mainHeader .heroPromise,#mainHeader .todayMsg,#mainHeader .headerSpacer{display:none !important}#mainHeader .heroHook{margin:12px auto 0 !important}#mainHeader .heroCtaWrap{margin:18px auto 14px!important;display:flex!important;justify-content:center!important;width:100%!important}#mainHeader .dateLine{margin-top:0 !important;margin-bottom:0 !important}body[data-ui-mode=dawn] #owExpOverlay{background:rgba(72,62,48,.28)}body[data-ui-mode=dawn] #owExpBox{background:linear-gradient(180deg,#faf6ef,#f5efe6);border-color:rgba(114,122,142,.16);color:#2f374b;box-shadow:0 24px 64px rgba(79,64,47,.18)}body[data-ui-mode=dawn] .oweh{background:none;color:#2f374b}body[data-ui-mode=dawn] .owes,body[data-ui-mode=dawn] .owel,body[data-ui-mode=dawn] .owenote{color:rgba(47,55,75,.62)}body[data-ui-mode=dawn] .owei,body[data-ui-mode=dawn] .owebb,body[data-ui-mode=dawn] .owefb{background:rgba(255,255,255,.72);border-color:rgba(114,122,142,.18);color:#2f374b;color-scheme:light}body[data-ui-mode=dawn] .owefb.sel{background:linear-gradient(135deg,rgba(216,188,134,.18),rgba(178,154,226,.14));border-color:rgba(162,140,223,.42);color:#2f374b;box-shadow:none}body[data-ui-mode=dawn] .oweerr{color:#9a3434}

/* === original inline style block 132; id: ow-v455-premium-fixes; original line: 31157 === */
button,
.btn,
.chip,
.sharePill,
.memoriesLauncherBtn,
.journalSaveBtn,
.journalTag,
.journalMoodBtn,
.journalScrollBtn,
.zodiacBigBtn,
.chapterBtn,
select {
caret-color: transparent !important;
}
#panelDraw .ritualPanelTitle{
display:flex !important;
align-items:center !important;
gap: 12px !important;
}
#panelDraw .ritualPanelSub{
margin-top: 4px !important;
}
#pickBtn{
letter-spacing: -.02em !important;
}
#actionsChapter{
border-radius: 34px !important;
border: 1px solid rgba(255,255,255,.12) !important;
background:
radial-gradient(1200px 340px at 18% 0%, rgba(255,205,120,.10), transparent 62%),
radial-gradient(1200px 420px at 82% 0%, rgba(155,116,255,.12), transparent 62%),
linear-gradient(180deg, rgba(18,18,40,.76), rgba(9,14,38,.78)) !important;
box-shadow:
0 24px 80px rgba(0,0,0,.32),
inset 0 1px 0 rgba(255,255,255,.08) !important;
overflow: hidden !important;
}
#actionsChapter .chapterActions{
display:none !important;
}
#actionsChapter .chapterHeader{
display:block !important;
padding: 34px 38px 12px !important;
}
#actionsChapter .chapterKicker{
display:none !important;
}
#actionsChapter .chapterTitle{
font-size: clamp(40px, 4vw, 64px) !important;
line-height: .96 !important;
letter-spacing: -.05em !important;
font-weight: 820 !important;
color: rgba(255,232,170,.96) !important;
text-shadow: 0 12px 34px rgba(0,0,0,.20) !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
margin: 0 !important;
}
#actionsChapter .chapterSub{
margin-top: 12px !important;
max-width: 720px !important;
font-size: clamp(20px, 1.45vw, 24px) !important;
line-height: 1.35 !important;
color: rgba(255,255,255,.70) !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
#actionsChapter .chapterInner{
display:block !important;
padding: 0 38px 36px !important;
}
#actionsChapterInner .actions.actionsPremium{
display:grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 22px !important;
margin-top: 18px !important;
width: 100% !important;
}
#actionsChapterInner .actions.actionsPremium .btn{
width:100% !important;
min-width:0 !important;
min-height: 92px !important;
border-radius: 28px !important;
justify-content:center !important;
white-space:nowrap !important;
font-size: clamp(22px, 1.8vw, 30px) !important;
line-height: 1.05 !important;
font-weight: 820 !important;
letter-spacing: -.03em !important;
padding: 0 28px !important;
box-shadow:
0 20px 56px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.18),
0 0 0 1px rgba(255,255,255,.06) !important;
}
#actionsChapterInner .actions.actionsPremium .btn svg{
width: 24px !important;
height: 24px !important;
margin-right: 8px !important;
}
#shareModal .shareGrid{
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
#shareModal .sharePill{height:60px!important;display:grid!important;place-items:center!important;border-radius:20px!important;font-size:16px!important;font-weight:760!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.13)!important}
#shareModal .sharePill[data-share=native-image],#shareModal .sharePill[data-ow-share=native-image]{background:linear-gradient(135deg,rgba(255,221,164,.24),rgba(187,156,255,.24),rgba(166,221,255,.16))!important}
body[data-ui-mode=dawn] #shareModal .sharePill{background:linear-gradient(180deg,#fff,#f6f0e8)!important;color:#243046!important;border-color:rgba(184,163,138,.16)!important}
body[data-ui-mode=dawn] #shareModal .sharePill[data-share=native-image],body[data-ui-mode=dawn] #shareModal .sharePill[data-ow-share=native-image]{background:linear-gradient(135deg,#eedbbc,#e5d8ee,#dceaf3)!important;color:#2b2540!important}
@media (max-width: 900px){
#actionsChapter .chapterHeader{
padding: 28px 24px 10px !important;
}
#actionsChapter .chapterInner{
padding: 0 24px 24px !important;
}
#actionsChapterInner .actions.actionsPremium{
grid-template-columns: 1fr !important;
gap: 14px !important;
}
#actionsChapterInner .actions.actionsPremium .btn{
min-height: 76px !important;
font-size: 20px !important;
}
}
@media (max-width: 520px){
#shareModal .shareGrid{
grid-template-columns: 1fr !important;
}
}

/* === original inline style block 133; id: ow-v459-plant-guidance-vertical; original line: 31617 === */
body[data-theme="plant"] .oracle .grid{
grid-template-columns: 1fr !important;
gap: 14px !important;
}
body[data-theme="plant"] .oracle .grid > .tile{
grid-column: 1 / -1 !important;
}
@media (min-width: 981px){
body[data-theme="plant"] .oracle .grid{
max-width: 760px;
}
}

/* === original inline style block 134; id: ow-v460-moon-consistency; original line: 31631 === */
body:not([data-ui-mode="dawn"]) .cursorWidget,
body:not([data-ui-mode="dawn"]) .ritualStrip .ritualPanel,
body:not([data-ui-mode="dawn"]) #panelZodiac,
body:not([data-ui-mode="dawn"]) #panelRealm,
body:not([data-ui-mode="dawn"]) #panelDraw,
body:not([data-ui-mode="dawn"]) #panelJournal,
body:not([data-ui-mode="dawn"]) .stage,
body:not([data-ui-mode="dawn"]) .oracle,
body:not([data-ui-mode="dawn"]) .journalSection,
body:not([data-ui-mode="dawn"]) .memoriesLauncher,
body:not([data-ui-mode="dawn"]) #actionsChapter,
body:not([data-ui-mode="dawn"]) .zodiacInterpShell,
body:not([data-ui-mode="dawn"]) .shareCard,
body:not([data-ui-mode="dawn"]) .intentCard,
body:not([data-ui-mode="dawn"]) .chapter{
background:
radial-gradient(1200px 280px at 18% 0%, rgba(227,191,122,.08), transparent 58%),
radial-gradient(1200px 320px at 82% 0%, rgba(152,126,255,.08), transparent 60%),
linear-gradient(180deg, rgba(16,28,46,.84), rgba(7,19,35,.88)) !important;
border:1px solid rgba(255,255,255,.09) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 18px 44px rgba(0,0,0,.22) !important;
}
body:not([data-ui-mode="dawn"]) #actionsChapter .chapterTitle{
font-size:26px !important;
line-height:1.16 !important;
letter-spacing:-0.02em !important;
font-weight:680 !important;
}
body:not([data-ui-mode="dawn"]) #actionsChapter .chapterSub{
font-size:16px !important;
line-height:1.45 !important;
color:rgba(230,236,244,.78) !important;
}
body:not([data-ui-mode="dawn"]) #actionsChapterActions .btn,
body:not([data-ui-mode="dawn"]) #actionsChapter .actions.actionsPremium .btn{
font-size:18px !important;
line-height:1.15 !important;
font-weight:700 !important;
}
body:not([data-ui-mode="dawn"]) .ritualPanelTitle{
font-size:22px !important;
line-height:1.18 !important;
letter-spacing:-0.02em !important;
}
body:not([data-ui-mode="dawn"]) .ritualPanelSub{
font-size:16px !important;
line-height:1.42 !important;
}
body:not([data-ui-mode="dawn"]) .stage .hintTitle,
body:not([data-ui-mode="dawn"]) .oracle .hintTitle{
font-size:32px !important;
line-height:1.1 !important;
letter-spacing:-0.03em !important;
}
body:not([data-ui-mode="dawn"]) .stage .hintSub,
body:not([data-ui-mode="dawn"]) .oracle .hintSub{
font-size:16px !important;
line-height:1.45 !important;
}
body:not([data-ui-mode="dawn"]) .journalSectionTitle{font-size:30px!important;font-weight:950!important;line-height:1.25!important;letter-spacing:-.03em!important}
body:not([data-ui-mode="dawn"]) .zodiacInterpPreviewAction{font-size:18px!important;font-weight:700!important}
body:not([data-ui-mode="dawn"]) .journalSaveBtn,body:not([data-ui-mode="dawn"]) .journalScrollBtn{font-size:17px!important;font-weight:700!important}

/* === original inline style block 135; id: orawhale-dawn-intent-visibility-v475; original line: 31802 === */
body[data-ui-mode="dawn"] .intentBackdrop{
background:
radial-gradient(900px 520px at 50% 30%, rgba(255,255,255,.42), transparent 62%),
rgba(238,232,223,.68) !important;
backdrop-filter: blur(12px) saturate(115%) !important;
}
body[data-ui-mode="dawn"] .intentCard{
background:
radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.96) 0%, rgba(255,255,255,.62) 44%, transparent 78%),
linear-gradient(180deg, rgba(255,252,248,.985), rgba(246,240,233,.975)) !important;
border: 1px solid rgba(148,136,170,.18) !important;
box-shadow: 0 30px 80px rgba(108,89,67,.16), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body[data-ui-mode="dawn"] .intentCard::after{
background:
radial-gradient(620px 200px at 50% 0%, rgba(255,255,255,.52), transparent 70%),
radial-gradient(380px 160px at 18% 24%, rgba(232,198,141,.16), transparent 70%),
radial-gradient(380px 160px at 82% 26%, rgba(177,198,226,.16), transparent 70%) !important;
}
body[data-ui-mode="dawn"] .intentTitle{
color:#273248 !important;
text-shadow:none !important;
}
body[data-ui-mode="dawn"] .intentBody{
color:#526078 !important;
}
body[data-ui-mode="dawn"] .intentBody p{
color:#5b677d !important;
}
body[data-ui-mode="dawn"] .intentQuote{
background: rgba(255,255,255,.68) !important;
border: 1px solid rgba(160,148,182,.16) !important;
color:#4e5b71 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-ui-mode="dawn"] .intentQuote em{
color:#2d3950 !important;
}
body[data-ui-mode="dawn"] .breatheRow{
color:#56647b !important;
}
body[data-ui-mode="dawn"] .breatheRow > div:last-child{
opacity:1 !important;
color:#56647b !important;
}
body[data-ui-mode="dawn"] .breatheOrb{
background: radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(169,140,243,.78) 48%, rgba(169,140,243,0) 72%) !important;
filter: drop-shadow(0 0 12px rgba(169,140,243,.24)) !important;
}
body[data-ui-mode="dawn"] .intentClose{
background:rgba(255,250,241,.52)!important;
border-color: rgba(160,148,182,.18) !important;
color:#627086 !important;
box-shadow: 0 14px 34px rgba(108,89,67,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
}
body[data-ui-mode="dawn"] .intentClose:hover{
background:rgba(255,252,246,.68)!important;
color:#425067 !important;
border-color: rgba(160,148,182,.24) !important;
}
body[data-ui-mode="dawn"] .intentActions .btn:not(.btnPrimary){
background: rgba(255,255,255,.84) !important;
border-color: rgba(160,148,182,.18) !important;
color:#2f3a4f !important;
box-shadow: 0 14px 32px rgba(108,89,67,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body[data-ui-mode="dawn"] .intentActions .btn:not(.btnPrimary):hover{
background: rgba(255,255,255,.92) !important;
}
body[data-ui-mode="dawn"] #intentReadyBtn{
background: linear-gradient(135deg, rgba(231,201,151,.98), rgba(214,187,223,.96) 48%, rgba(172,199,224,.98)) !important;
color:#2b354a !important;
border: 1px solid rgba(166,152,196,.26) !important;
box-shadow: 0 18px 42px rgba(140,118,92,.16), inset 0 1px 0 rgba(255,255,255,.46) !important;
}

/* === original inline style block 136; id: ow-v507-realm-icon-upsize; original line: 31905 === */
#panelRealm .realmGrid.realmSegmented .realmChip{
min-height: 146px !important;
height: auto !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
padding: 18px 12px !important;
}
#panelRealm .realmIconImg{
width: 64px !important;
height: 64px !important;
flex: 0 0 64px !important;
line-height: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
will-change: transform;
}
#panelRealm .realmIconImg img{
width: 64px !important;
height: 64px !important;
object-fit: contain !important;
display: block !important;
filter: drop-shadow(0 10px 28px rgba(0,0,0,.18)) !important;
transition: transform .26s cubic-bezier(.2,.8,.2,1), filter .26s ease !important;
transform-style: preserve-3d;
will-change: transform;
}
#panelRealm .realmChip:hover .realmIconImg img{
filter: drop-shadow(0 14px 34px rgba(0,0,0,.22)) !important;
}
#panelRealm .realmGrid.realmSegmented .realmLabel{
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
}
@media (max-width: 640px){
#panelRealm .realmGrid.realmSegmented .realmChip{
min-height: 118px !important;
gap: 10px !important;
padding: 14px 10px !important;
}
#panelRealm .realmIconImg,
#panelRealm .realmIconImg img{
width: 54px !important;
height: 54px !important;
flex-basis: 54px !important;
}
#panelRealm .realmGrid.realmSegmented .realmLabel{
font-size: 16px !important;
}
}

/* === original inline style block 137; id: orawhale-header-light-aqua-v508; original line: 31999 === */
body[data-ui-mode="dawn"] .header{
background:
radial-gradient(760px 240px at 50% 0%, rgba(255,255,255,.82) 0%, rgba(255,255,255,.22) 48%, transparent 78%),
linear-gradient(180deg, rgba(226,254,254,.96) 0%, rgba(219,248,248,.94) 55%, rgba(214,244,244,.92) 100%) !important;
border-color: rgba(133,177,182,.20) !important;
box-shadow:
0 18px 42px rgba(92,142,148,.10),
inset 0 1px 0 rgba(255,255,255,.88) !important;
backdrop-filter: blur(8px) saturate(108%) !important;
}
body[data-ui-mode="dawn"] .hero,
body[data-ui-mode="dawn"] .heroCard,
body[data-ui-mode="dawn"] .topHero,
body[data-ui-mode="dawn"] .landingHero{
background:
radial-gradient(920px 320px at 50% 8%, rgba(255,255,255,.42) 0%, rgba(255,255,255,.10) 40%, transparent 72%),
linear-gradient(180deg, rgba(226,254,254,.72) 0%, rgba(232,249,247,.54) 100%) !important;
}

/* === original inline style block 138; id: orawhale-realm-icons-match-zodiac-v509; original line: 32019 === */
#panelRealm .realmGrid.realmSegmented .realmChip{
gap: 10px !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg{
display: block !important;
width: 64px !important;
height: 64px !important;
margin: 0 auto 10px !important;
flex: 0 0 64px !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
display: block !important;
width: 64px !important;
height: 64px !important;
object-fit: cover !important;
border-radius: 999px !important;
margin: 0 auto !important;
background: transparent !important;
filter: drop-shadow(0 10px 28px rgba(0,0,0,.45)) !important;
transition: transform .32s cubic-bezier(.2,.8,.2,1) !important;
}
#panelRealm .realmGrid.realmSegmented .realmLabel{
font-size: 17px !important;
font-weight: 850 !important;
line-height: 1.08 !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
filter: drop-shadow(0 12px 26px rgba(88,84,74,.18)) !important;
}

/* === original inline style block 139; id: ow-v519-dawn-memory-panel-readability-fixed; original line: 32050 === */
body[data-ui-mode="dawn"] #memoriesModal .memDetailTop,
body[data-ui-mode="dawn"] #memoriesModal .memJournalTop{
background: linear-gradient(180deg, rgba(241,236,247,.96), rgba(228,223,236,.94)) !important;
border: 1px solid rgba(171,156,189,.24) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 12px 28px rgba(144,121,93,.08) !important;
border-radius: 18px !important;
padding: 14px 18px !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailKicker,
body[data-ui-mode="dawn"] #memoriesModal .memJournalKicker{
color: #8f6d42 !important;
text-shadow: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailDate,
body[data-ui-mode="dawn"] #memoriesModal .memJournalDate,
body[data-ui-mode="dawn"] #memoriesModal .memPreviewDate{
color: #33415c !important;
-webkit-text-fill-color: #33415c !important;
text-shadow: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailRealmPill,
body[data-ui-mode="dawn"] #memoriesModal #memJournalRealmPill{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,237,232,.94)) !important;
border: 1px solid rgba(188,168,145,.24) !important;
color: #5b667b !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 22px rgba(144,121,93,.06) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal .memPreviewText,
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane,
body[data-ui-mode="dawn"] #memoriesModal .memDetailText *,
body[data-ui-mode="dawn"] #memoriesModal .memPreviewText *,
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText *{
color: #49586f !important;
text-shadow: none !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailText[data-has-text="1"]::before,
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText[data-has-text="1"]::before{
color: #7f8ca0 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .journalTag,
body[data-ui-mode="dawn"] #memoriesModal .journalTagAdd,
body[data-ui-mode="dawn"] #memoriesModal .tagChip,
body[data-ui-mode="dawn"] #memoriesModal .journalMoodBtn,
body[data-ui-mode="dawn"] #memoriesModal .journalTagBtn{
background: linear-gradient(180deg, rgba(255,252,248,.92), rgba(244,239,234,.94)) !important;
border-color: rgba(188,168,145,.22) !important;
color: #5a667b !important;
}
body[data-ui-mode="dawn"] #memoriesModal .journalTag.selected,
body[data-ui-mode="dawn"] #memoriesModal .journalMoodBtn[aria-pressed="true"],
body[data-ui-mode="dawn"] #memoriesModal .journalTagBtn[aria-pressed="true"]{
background: linear-gradient(135deg, rgba(239,223,202,.96), rgba(228,216,240,.94)) !important;
border-color: rgba(186,162,220,.28) !important;
color: #39455d !important;
}

/* === original inline style block 140; id: ow-v537-realm-icons-like-zodiac; original line: 32109 === */
#panelRealm .realmGrid.realmSegmented{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !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){
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
min-height: 150px !important;
height: 150px !important;
border-radius: 22px !important;
padding: 12px 10px !important;
gap: 12px !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip:hover,
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip:hover,
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: translateY(-1px) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"],
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"],
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg{
width: 72px !important;
height: 72px !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-shadow: none !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji::before,
#panelRealm .realmGrid.realmSegmented .realmEmoji::after,
#panelRealm .realmGrid.realmSegmented .realmChip::before,
#panelRealm .realmGrid.realmSegmented .realmChip::after{
display: none !important;
content: none !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
width: 72px !important;
height: 72px !important;
border-radius: 999px !important;
object-fit: cover !important;
display: block !important;
background: transparent !important;
border: 1px solid rgba(255,255,255,.22) !important;
box-shadow:
0 18px 44px rgba(0,0,0,.35),
0 0 0 6px rgba(255,255,255,.06),
0 0 34px rgba(255,205,120,.20) !important;
transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s cubic-bezier(.2,.8,.2,1), border-color .2s ease !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmEmoji img,
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
box-shadow:
0 12px 28px rgba(88,84,74,.18),
0 0 0 6px rgba(255,255,255,.24),
0 0 28px rgba(194,168,255,.16) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip:hover .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmChip:hover .realmEmoji.realmIconImg img,
#panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji.realmIconImg img{
transform: translateY(-1px) scale(1.02) !important;
}
#panelRealm .realmGrid.realmSegmented .realmLabel{
margin-top: 4px !important;
font-size: 17px !important;
font-weight: 850 !important;
line-height: 1.08 !important;
text-align: center !important;
}
@media (max-width: 640px){
#panelRealm .realmGrid.realmSegmented .realmChip{
min-height: 126px !important;
height: 126px !important;
padding: 10px 8px !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg,
#panelRealm .realmGrid.realmSegmented .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
width: 64px !important;
height: 64px !important;
}
}

/* === original inline style block 141; id: ow-v547-next-step-header-buttons-visible; original line: 32212 === */
#actionsChapter .chapterActions,
#actionsChapterActions{
display:flex !important;
visibility:visible !important;
opacity:1 !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;
}
#actionsChapter .chapterActions,
#actionsChapterActions{
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;
box-shadow: 0 8px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(255,255,255,.06) !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;
}
#actionsChapter .chapterActions,
#actionsChapterActions{
margin-left:0 !important;
justify-content:flex-start !important;
flex-wrap:wrap !important;
}
}

/* === original inline style block 142; id: ow-v548-step2-match-v514-behavior; original line: 32284 === */
#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;
}
#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),
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip,
body[data-ui-mode="moon"] #panelRealm .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;
background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04)) !important;
border: 1px solid rgba(255,255,255,.12) !important;
box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
opacity: 1 !important;
transform: none !important;
transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip{
background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,241,235,.88)) !important;
border-color: rgba(203,192,178,.46) !important;
box-shadow: 0 10px 24px rgba(145,121,93,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip:hover{
transform: translateY(-1px) !important;
background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
border-color: rgba(255,255,255,.20) !important;
box-shadow: 0 18px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,237,231,.98)) !important;
border-color: rgba(193,178,160,.58) !important;
box-shadow: 0 16px 30px rgba(145,121,93,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"],
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"],
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{
transform: translateY(0) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[data-theme="plant"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(255,214,145,.24), rgba(205,241,177,.20) 40%, rgba(196,178,255,.22)) !important;
border-color: rgba(148,214,111,.54) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(148,214,111,.16), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[data-theme="animal"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(255,218,158,.24), rgba(255,203,170,.20) 42%, rgba(198,180,255,.22)) !important;
border-color: rgba(255,180,118,.56) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,180,118,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mushroom"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(255,216,166,.24), rgba(244,199,216,.22) 40%, rgba(203,180,255,.22)) !important;
border-color: rgba(214,146,206,.56) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(214,146,206,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mineral"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(252,223,178,.24), rgba(214,205,255,.20) 45%, rgba(188,232,255,.24)) !important;
border-color: rgba(142,211,255,.58) !important;
box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 0 0 1px rgba(142,211,255,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="plant"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,237,207,.98), rgba(232,244,217,.96) 42%, rgba(232,224,255,.96)) !important;
border-color: rgba(141,197,108,.74) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(141,197,108,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="animal"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(250,238,212,.98), rgba(250,228,210,.96) 42%, rgba(233,224,255,.96)) !important;
border-color: rgba(225,168,103,.76) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(225,168,103,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mushroom"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,236,212,.98), rgba(245,222,232,.96) 40%, rgba(233,224,255,.96)) !important;
border-color: rgba(196,128,186,.76) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(196,128,186,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mineral"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,236,212,.98), rgba(230,223,255,.96) 42%, rgba(221,242,255,.98)) !important;
border-color: rgba(123,188,232,.78) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(123,188,232,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji,
#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: transparent !important;
box-shadow: none !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji::before,
#panelRealm .realmGrid.realmSegmented .realmEmoji::after,
#panelRealm .realmGrid.realmSegmented .realmChip::before,
#panelRealm .realmGrid.realmSegmented .realmChip::after{
display:none !important;
content:none !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
width: 64px !important;
height: 64px !important;
border-radius: 999px !important;
object-fit: cover !important;
display:block !important;
background: transparent !important;
border: 1px solid rgba(255,255,255,.22) !important;
box-shadow: 0 14px 34px rgba(0,0,0,.26), 0 0 0 5px rgba(255,255,255,.05), 0 0 24px rgba(255,205,120,.14) !important;
transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s cubic-bezier(.2,.8,.2,1), border-color .16s ease !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmEmoji img,
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
border-color: rgba(182,164,142,.34) !important;
box-shadow: 0 10px 24px rgba(145,121,93,.12), 0 0 0 5px rgba(255,255,255,.34), 0 0 18px rgba(194,168,255,.10) !important;
}
#panelRealm .realmGrid.realmSegmented .realmChip:hover .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmEmoji img{
transform: translateY(-1px) scale(1.02) !important;
}
#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: inherit !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmLabel{
color: #9f7e4d !important;
}
body[data-ui-mode="dawn"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{
color: #8b6a3f !important;
}
@media (max-width: 640px){
#panelRealm .realmGrid.realmSegmented{
gap: 10px !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: 118px !important;
height: 118px !important;
padding: 12px 8px !important;
border-radius: 24px !important;
}
#panelRealm .realmGrid.realmSegmented .realmEmoji,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg,
#panelRealm .realmGrid.realmSegmented .realmEmoji img,
#panelRealm .realmGrid.realmSegmented .realmEmoji.realmIconImg img{
width: 56px !important;
height: 56px !important;
}
#panelRealm .realmGrid.realmSegmented .realmLabel{
font-size: 15px !important;
}
}

/* === original inline style block 143; id: ow-v571-premium-share-style; original line: 32462 === */
#shareModal .shareCard{
background:
radial-gradient(140% 90% at 50% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 54%),
linear-gradient(160deg, rgba(24,18,60,.86) 0%, rgba(8,24,58,.82) 100%) !important;
border: 1px solid rgba(255,255,255,.14) !important;
box-shadow:
0 34px 90px rgba(0,0,0,.42),
inset 0 1px 0 rgba(255,255,255,.11),
inset 0 -1px 0 rgba(255,255,255,.03) !important;
backdrop-filter: blur(28px) saturate(165%) !important;
}
#shareModal .shareCard::after{
background:
radial-gradient(70% 30% at 18% 0%, rgba(255,210,145,.11) 0%, transparent 70%),
radial-gradient(60% 32% at 82% 100%, rgba(129,197,255,.08) 0%, transparent 72%) !important;
opacity: 1 !important;
}
#shareModal .shareTitle{
background: linear-gradient(125deg, rgba(255,221,164,.98), rgba(187,156,255,.95), rgba(166,221,255,.88));
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
font-weight: 860 !important;
letter-spacing: -.03em !important;
}
#shareModal .shareCardImgWrap,
#shareModal .sharePreview{
background:
radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 58%),
linear-gradient(180deg, rgba(12,18,44,.56), rgba(9,18,40,.42)) !important;
border-color: rgba(255,255,255,.11) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.06),
0 10px 28px rgba(0,0,0,.16) !important;
}
#shareModal .shareCardImgWrap img{
box-shadow: 0 12px 32px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08) !important;
}
#shareModal .sharePill{box-shadow:0 16px 32px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.28)!important}

/* === original inline style block 144; id: ow-v594-premium-action-unify; original line: 32503 === */
#againBtn,
#againBtnInlineStatic{
background:rgba(255,255,255,.06)!important;
color:var(--ow-text-primary)!important;
border:1px solid var(--ow-border-medium)!important;
box-shadow:var(--ow-shadow-soft),var(--ow-shadow-inset)!important;
font-weight:850!important;
}
#againBtn:hover,
#shareOracleBtn:hover,
#againBtnInlineStatic:hover,
#shareOracleBtnInlineStatic:hover{
filter: brightness(1.02) !important;
transform: translateY(-1px) !important;
}
#shareOracleBtn,
#shareOracleBtnInlineStatic{
justify-content:center!important;
gap:0!important;
background:linear-gradient(135deg,#ebcf9f 0%,#dbbfe1 52%,#afd5e4 100%)!important;
color:#2f2940!important;
border:1px solid rgba(214,189,152,.30)!important;
box-shadow:0 14px 28px rgba(169,138,105,.12),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#shareOracleBtn svg,
#shareOracleBtnInlineStatic svg{
display: none !important;
}
html body[data-ui-mode="dawn"] #shareModal .shareBackdrop{
background: rgba(231,223,212,.40) !important;
backdrop-filter: blur(20px) saturate(112%) !important;
}
html body[data-ui-mode="dawn"] #shareModal .shareCard{
background:
radial-gradient(130% 84% at 50% 0%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 58%),
linear-gradient(180deg, rgba(252,247,240,.985), rgba(244,237,228,.985)) !important;
border: 1px solid rgba(184,163,138,.16) !important;
box-shadow:
0 26px 70px rgba(113,94,72,.14),
inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html body[data-ui-mode="dawn"] #shareModal .shareCard::after{
background:
radial-gradient(46% 28% at 12% 0%, rgba(235,196,146,.20) 0%, transparent 72%),
radial-gradient(48% 32% at 88% 100%, rgba(166,205,230,.14) 0%, transparent 76%) !important;
}
html body[data-ui-mode="dawn"] #shareModal .shareCardImgWrap,
html body[data-ui-mode="dawn"] #shareModal .sharePreview{
background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(247,241,234,.96)) !important;
border: 1px solid rgba(184,163,138,.14) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 8px 22px rgba(126,104,83,.07) !important;
}
html body[data-ui-mode="dawn"] #shareModal .shareTitle{ color:#c78343 !important; -webkit-text-fill-color:#c78343 !important; }
html body[data-ui-mode="dawn"] #shareModal .shareCardImgName,
html body[data-ui-mode="dawn"] #shareModal .sharePreview{ color:#51617b !important; }
html body[data-ui-mode="dawn"] #shareModal .shareCardImgSub{ color:#b48d64 !important; }
html body[data-ui-mode="dawn"] #shareModal .shareClose{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,238,229,.98)) !important;
border-color: rgba(184,163,138,.16) !important;
color: #a88965 !important;
}

/* === original inline style block 145; id: ow-v603-iphone-step4-and-dawn-poster-fix; original line: 32566 === */
@media (max-width: 860px){
#panelJournal{
grid-column: 1 / -1 !important;
display: flex !important;
flex-direction: column !important;
}
#panelJournal .ritualPanelTop{
padding: 24px 20px 10px !important;
display: block !important;
}
#panelJournal .ritualPanelTitleWrap{
display: flex !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
max-width: none !important;
}
#panelJournal .ritualPanelHeaderIcon{
width: 60px !important;
height: 60px !important;
flex: 0 0 60px !important;
margin: 0 !important;
}
#panelJournal .ritualPanelHeaderIcon img{
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
border-radius: 50% !important;
}
#panelJournal .ritualPanelTitle{
display: block !important;
width: auto !important;
max-width: none !important;
font-size: clamp(24px, 8.1vw, 36px) !important;
line-height: 1.03 !important;
letter-spacing: -.035em !important;
text-wrap: balance !important;
white-space: normal !important;
overflow: visible !important;
}
#panelJournal .ritualPanelSub{
margin-top: 12px !important;
width: 100% !important;
max-width: none !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: #5f6d86 !important;
}
#panelJournal .ritualPanelBody{
padding: 0 20px 22px !important;
display: block !important;
clear: both !important;
margin-top: 0 !important;
}
#panelJournal .journalScrollBtn{
display: flex !important;
width: 100% !important;
min-height: 56px !important;
height: 56px !important;
margin: 0 !important;
border-radius: 18px !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
font-weight: 850 !important;
letter-spacing: -.01em !important;
align-self: stretch !important;
}
#journalSection{
padding: 20px 16px 22px !important;
border-radius: 24px !important;
}
#journalSection .journalSectionHeader{
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 10px 14px !important;
align-items: center !important;
margin-bottom: 16px !important;
}
#journalSection .journalSectionIconImgWrap{
width: 56px !important;
height: 56px !important;
flex: 0 0 56px !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(24px, 8.5vw, 36px) !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;
justify-content: center !important;
margin-top: 0 !important;
min-height: 46px !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(168px, 44vw) !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(18px, 5.5vw, 23px) !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;
}
}
@media (max-width: 540px){
#panelJournal .ritualPanelTitle{ font-size: clamp(22px, 9.2vw, 32px) !important; }
#journalSection .journalSectionTitle{ font-size: clamp(22px, 9.6vw, 32px) !important; }
#journalSection .journalCardPreview{ width: min(160px, 48vw) !important; }
}

/* === original inline style block 146; id: ow-v1421-step-panels-match-step12; original line: 33103 === */
@media (max-width: 860px){
#panelDraw,
#panelJournal{
grid-column: 1 / -1 !important;
display: flex !important;
flex-direction: column !important;
min-height: auto !important;
}
#panelDraw .ritualPanelTop,
#panelJournal .ritualPanelTop{
padding: 18px 50px 15px 20px !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
#panelDraw .ritualPanelTitleWrap,
#panelJournal .ritualPanelTitleWrap{
display: flex !important;
align-items: center !important;
gap: 16px !important;
width: 100% !important;
max-width: none !important;
}
#panelDraw .ritualPanelHeaderIcon,
#panelJournal .ritualPanelHeaderIcon{
width: 52px !important;
height: 52px !important;
flex: 0 0 52px !important;
margin: 0 !important;
}
#panelDraw .ritualPanelHeaderIcon img,
#panelJournal .ritualPanelHeaderIcon img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 50% !important;
}
#panelDraw .ritualPanelTitle,
#panelJournal .ritualPanelTitle{
font-size: 22px !important;
line-height: 1.18 !important;
letter-spacing: -.025em !important;
max-width: none !important;
white-space: normal !important;
text-wrap: balance !important;
}
#panelDraw .ritualPanelSub,
#panelJournal .ritualPanelSub{
margin-top: 3px !important;
width: auto !important;
max-width: none !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
#panelDraw .ritualPanelBody,
#panelJournal .ritualPanelBody{
padding: 18px 20px 22px !important;
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: stretch !important;
gap: 11px !important;
margin-top: 0 !important;
}
#panelDraw .ritualPanelBody::before,
#panelJournal .ritualPanelBody::before{
content: none !important;
display: none !important;
}
#panelDraw .owMoonBadge,
#panelJournal .owJournalBadge{
align-self: center !important;
max-width: 100% !important;
}
#panelDraw #pickBtn,
#panelJournal .journalScrollBtn{
width: 100% !important;
max-width: none !important;
min-height: 56px !important;
height: 56px !important;
margin: 0 !important;
padding: 0 18px !important;
border-radius: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
font-size: 16px !important;
font-weight: 850 !important;
letter-spacing: -.01em !important;
}
}

/* === original inline style block 147; id: ow-v619-remove-static-geometry-bg; original line: 33550 === */
#owStaticGeomBg,
body[data-ui-mode="dawn"] #owStaticGeomBg,
body[data-ui-mode="moon"] #owStaticGeomBg{
display: none !important;
opacity: 0 !important;
background: none !important;
background-image: none !important;
filter: none !important;
}

/* === original inline style block 148; id: ow-v630-memory-streak-surface-harmony; original line: 33581 === */
.memoriesLauncher,
.imStreakBanner{
border-width: 1px !important;
border-style: solid !important;
backdrop-filter: blur(18px) saturate(128%) !important;
-webkit-backdrop-filter: blur(18px) saturate(128%) !important;
}
body:not([data-ui-mode="dawn"]) .memoriesLauncher,
body:not([data-ui-mode="dawn"]) .imStreakBanner{
background:
radial-gradient(135% 165% at 10% 16%, rgba(255,255,255,.05), transparent 38%),
linear-gradient(135deg, rgba(22,28,56,.94), rgba(8,20,50,.90)) !important;
border-color: rgba(144,160,210,.15) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 18px 40px rgba(0,0,0,.22) !important;
}
body:not([data-ui-mode="dawn"]) .imStreakBanner{
background:
radial-gradient(95% 135% at 14% 20%, rgba(112,126,255,.09), transparent 44%),
radial-gradient(75% 110% at 82% 18%, rgba(116,191,255,.06), transparent 36%),
linear-gradient(135deg, rgba(22,28,56,.94), rgba(8,20,50,.90)) !important;
}
body[data-ui-mode="dawn"] .memoriesLauncher,
body[data-ui-mode="dawn"] .imStreakBanner{
background: linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important;
border-color: rgba(126,120,145,.16) !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{
background:
radial-gradient(118% 145% at 12% 18%, rgba(184,198,231,.10), transparent 40%),
radial-gradient(88% 120% at 82% 18%, rgba(203,193,230,.06), transparent 32%),
linear-gradient(180deg, rgba(255,252,248,.99), rgba(247,241,234,.98)) !important;
}
body[data-ui-mode="dawn"] .imStreakInfo *,
body[data-ui-mode="dawn"] .imStreakMini,
body[data-ui-mode="dawn"] .imStreakMini strong,
body[data-ui-mode="dawn"] .imStreakMini .imStreakLine2,
body[data-ui-mode="dawn"] .imStreakLabel,
body[data-ui-mode="dawn"] .imStreakCount{
color:#445168 !important;
text-shadow:none !important;
}

/* === original inline style block 149; id: orawhale-annual-almanac-dawn-fixes-v652; original line: 33629 === */
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmAct{
background: linear-gradient(180deg, rgba(142,152,232,.28), rgba(128,137,220,.24)) !important;
border: 1px solid rgba(112,122,205,.46) !important;
color: rgba(86,96,172,.98) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 10px rgba(122,129,189,.10) !important;
opacity: 1 !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill,
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill{
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(96,109,128,.16) !important;
color: rgba(72,85,103,.96) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.94) !important;
opacity: 1 !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmMetaPill strong,
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill strong{
color: rgba(86,96,172,.98) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSupportPill--soft{
background: rgba(255,255,255,.94) !important;
border: 1px solid rgba(96,109,128,.15) !important;
color: rgba(72,85,103,.92) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmDot{
width: 11px !important;
height: 11px !important;
background: rgba(98,108,123,.42) !important;
border: 1px solid rgba(98,108,123,.20) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.46) !important;
opacity: 1 !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmDot.is-active{
background: linear-gradient(135deg, rgba(235,205,149,.98), rgba(178,146,255,.96)) !important;
border-color: rgba(139,117,204,.38) !important;
box-shadow: 0 6px 18px rgba(152,132,219,.18), inset 0 1px 0 rgba(255,255,255,.58) !important;
transform: scale(1.08) !important;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmYearNav{
justify-content: center !important;
}
.imRecapModal[aria-label="Annual Almanac"] .imAlmYearBtn,
.imRecapModal[aria-label="Annual Almanac"] [data-top-story-nav]{
display: none !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSky{
background:
radial-gradient(900px 320px at 50% 0%, rgba(173,193,214,.20), transparent 58%),
linear-gradient(180deg, rgba(232,239,243,.96), rgba(225,234,238,.94)) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSkyGrid{
opacity: .34 !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmLaneLine{
background: linear-gradient(90deg, rgba(105,118,136,.18), rgba(105,118,136,.10)) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmRealmLaneLabel,
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmSkyAxisItem{
color: rgba(108,119,134,.72) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStar{
box-shadow: 0 0 0 1px rgba(255,255,255,.42), 0 0 18px rgba(128,144,166,.18) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmStar.is-active{
box-shadow: 0 0 0 2px rgba(255,255,255,.56), 0 0 24px rgba(137,125,200,.24) !important;
}

/* === original inline style block 150; id: orawhale-cover-dawn-refine-v654; original line: 33717 === */
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmCTA{
background: linear-gradient(135deg, rgba(236,221,192,.98), rgba(214,205,236,.94) 62%, rgba(208,220,234,.92)) !important;
color: rgba(34,39,52,.96) !important;
box-shadow: 0 12px 24px rgba(176,166,198,.12), inset 0 1px 0 rgba(255,255,255,.55) !important;
border-color: rgba(160,156,188,.18) !important;
}
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle{
background: linear-gradient(128deg, rgba(214,165,108,.98), rgba(188,140,118,.96) 28%, rgba(170,126,194,.96) 62%, rgba(128,110,214,.94)) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
text-shadow: none !important;
}

/* === original inline style block 151; id: orawhale-cover-title-colorful-v655; original line: 33733 === */
body[data-ui-mode="dawn"] .imRecapModal[aria-label="Annual Almanac"] .imAlmCoverTitle{
filter: saturate(1.08) contrast(1.06);
}

/* === original inline style block 152; id: ow-mood-selected-like-tags-v667; original line: 33738 === */
:is(.journalTag.selected,.journalMoodBtn.selected,#memoriesModal .journalMoodBtn[aria-pressed=true],#memoriesModal .journalTagBtn[aria-pressed=true]){background:linear-gradient(135deg,#ffcd783d,#9b74ff38)!important;border-color:#ffcd786b!important;color:#f8f5ff!important;box-shadow:inset 0 1px 0 #fff1,0 7px 18px #9b74ff26!important;transform:none!important;outline:0!important}:is(.journalTag.selected .jtHash,.journalMoodBtn.selected .journalMoodText,#memoriesModal .journalMoodBtn[aria-pressed=true] .journalMoodText){color:inherit!important}body[data-ui-mode=dawn] :is(.journalTag.selected,.journalMoodBtn.selected,#memoriesModal .journalMoodBtn[aria-pressed=true],#memoriesModal .journalTagBtn[aria-pressed=true]){background:linear-gradient(135deg,#ead9b8e8,#ddd3f1e8)!important;border-color:#b99ada78!important;color:#35415a!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px #8f786014!important}body[data-ui-mode=dawn] :is(.journalTag.selected .jtHash,.journalMoodBtn.selected .journalMoodText,#memoriesModal .journalMoodBtn[aria-pressed=true] .journalMoodText){color:inherit!important}

/* === original inline style block 153; id: ow-dawn-emoji-picker-light-v676; original line: 33770 === */
body[data-ui-mode="dawn"] .jrtEmojiPicker{
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,243,251,.95)) !important;
border-color: rgba(203,192,226,.34) !important;
box-shadow: 0 24px 52px rgba(170,160,190,.14), inset 0 1px 0 rgba(255,255,255,.86) !important;
backdrop-filter: blur(24px) saturate(130%) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiTabs{
border-bottom-color: rgba(197,188,221,.28) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiTab{
color: rgba(92,98,116,.62) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiTab:hover{
background: rgba(232,226,243,.72) !important;
color: rgba(63,72,96,.92) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiTab.active{
background: linear-gradient(135deg, rgba(238,225,205,.92), rgba(229,219,242,.94)) !important;
color: #43506a !important;
border-bottom-color: rgba(176,156,215,.72) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiGrid{
scrollbar-color: rgba(182,168,214,.50) transparent !important;
}
body[data-ui-mode="dawn"] .jrtEmojiGrid::-webkit-scrollbar-thumb{
background: rgba(182,168,214,.50) !important;
}
body[data-ui-mode="dawn"] .jrtEmojiBtn:hover{
background: rgba(233,226,243,.78) !important;
}
body[data-ui-mode="dawn"] .jrtLinkPopover{
background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,245,252,.96)) !important;
border-color: rgba(199,189,223,.34) !important;
box-shadow: 0 20px 46px rgba(171,160,193,.16), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
body[data-ui-mode="dawn"] .jrtLinkInput{
background: rgba(255,255,255,.74) !important;
border-color: rgba(201,190,224,.34) !important;
color: #4b566f !important;
}

/* === original inline style block 154; id: ow-moon-edit-panels; original line: 33812 === */
body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover){background:radial-gradient(ellipse 160% 60% at 50% 0,#fff1,transparent 60%),linear-gradient(160deg,#120830f5,#081e44eb)!important;border-color:#9b74ff47!important;box-shadow:0 18px 52px #0009,inset 0 1px 0 #ffffff1a!important;color:#ffffffe6!important}body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover) :is(input,.owCtxInput,.owMoodCtxNameInput,.owPopoverInput){background:#9b74ff12!important;border-color:#9b74ff61!important;color:#ffffffe6!important}body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover) :is(.owCtxSave,.owPopoverConfirm){background:linear-gradient(135deg,#9b74ff52,#ffcd7829)!important;border-color:#9b74ff6b!important;color:#ffffffe6!important}body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover) .owCtxDelete{background:#ff787814!important;border-color:#ff787847!important;color:#ffb8b8dc!important}body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover) :is(.owPanelEditingLabel,.owPanelEditingName,.owMoodCtxEmojiLabel,.owPopoverLabel,div[style*=uppercase]){color:#ffffffb3!important}body:not([data-ui-mode=dawn]) :is(.owTagEditPanel,.owMoodEditPanel,.owTagPopover,.owMoodPopover) button:not(.owCtxSave):not(.owCtxDelete):not(.owPopoverConfirm){background:#ffffff0f!important;color:#ffffffe6!important;border-color:#ffffff24!important}body[data-ui-mode=dawn] :is(.owTagEditPanel,.owMoodEditPanel) *{color:#586175!important}

/* === original inline style block 155; id: ow-v820-otd-compact-premium; original line: 34213 === */
.otdModal{
align-items:center !important;
justify-content:center !important;
padding:clamp(18px,3vw,28px) !important;
}
.otdPanel,
.otdModal .memoriesPanel.otdPanel{
width:min(700px, 90vw) !important;
max-width:min(700px, 90vw) !important;
max-height:min(calc(100svh - 56px), 760px) !important;
height:auto !important;
min-height:0 !important;
align-self:center !important;
display:flex !important;
flex-direction:column !important;
border-radius:28px !important;
}
.otdModal .memoriesHeader{
padding:16px 18px 14px !important;
}
.otdModal .memoriesKicker{
font-size:10.5px !important;
letter-spacing:.18em !important;
color:rgba(255,255,255,.62) !important;
}
.otdModal .memoriesTitle{
margin-top:2px !important;
font-size:clamp(16px,1.7vw,19px) !important;
font-weight:900 !important;
}
.otdModal .memoriesClose{
width:42px !important;
height:42px !important;
border-radius:15px !important;
background:rgba(255,255,255,.05) !important;
border-color:rgba(255,255,255,.12) !important;
box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}
.otdModal .memoriesClose:hover{
background:rgba(255,255,255,.08) !important;
border-color:rgba(255,255,255,.18) !important;
}
.otdBody{
padding:14px 16px 16px !important;
display:flex !important;
flex-direction:column !important;
gap:12px !important;
overflow:visible !important;
max-height:none !important;
}
.otdIntro{
padding:0 !important;
}
.otdKicker{
font-size:10.5px !important;
margin-bottom:8px !important;
}
.otdIntroTitle{
margin:0 0 4px !important;
font-size:clamp(24px,2.8vw,31px) !important;
line-height:1.04 !important;
}
.otdIntroSub{
font-size:14px !important;
line-height:1.5 !important;
color:rgba(255,255,255,.54) !important;
}
.otdList{
display:flex;
flex-direction:column;
gap:10px;
overflow:auto;
max-height:min(56svh, 520px);
padding-right:4px;
margin-right:-2px;
scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,.08) transparent;
mask-image: linear-gradient(to bottom, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, transparent 0, black 12px, black calc(100% - 12px), transparent 100%);
}
.otdList::-webkit-scrollbar{ width:4px; }
.otdList::-webkit-scrollbar-track{ background:transparent; }
.otdList::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.08);
border-radius:999px;
}
.otdYearHeader{
grid-template-columns:34px minmax(0,1fr) 34px !important;
gap:8px !important;
padding:9px 10px !important;
border-radius:15px !important;
margin-bottom:2px !important;
background:
radial-gradient(600px 160px at 50% 0%, rgba(255,255,255,.04), transparent 70%),
rgba(255,255,255,.03) !important;
}
.otdYearNav{
width:28px !important;
height:28px !important;
font-size:16px !important;
}
.otdYearLabel{
font-size:13px !important;
}
.otdYearCount{
margin-top:2px !important;
font-size:9px !important;
letter-spacing:.14em !important;
}
.otdEntries{
gap:10px !important;
}
.otdEntry{
border-radius:18px !important;
box-shadow:0 10px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.otdEntry:hover{
transform:translateY(-1px) !important;
}
.otdEntryThumbCol{
flex:0 0 74px !important;
width:74px !important;
}
.otdEntryThumb,
.otdEntryThumbPlaceholder{
width:74px !important;
min-height:96px !important;
}
.otdEntryContent{
padding:11px 13px 12px !important;
gap:5px !important;
}
.otdEntryRealm{
gap:5px !important;
font-size:10.5px !important;
letter-spacing:.12em !important;
}
.otdEntryTodayBadge{
min-height:20px !important;
padding:0 7px !important;
font-size:8.5px !important;
}
.otdEntryCardName{
font-size:17px !important;
line-height:1.14 !important;
}
.otdEntrySnippet,
.otdEntryNoReflection{
font-size:13.5px !important;
line-height:1.45 !important;
-webkit-line-clamp:2 !important;
}
.otdEntryMeta{
gap:5px !important;
margin-top:1px !important;
}
.otdEntryMood{
font-size:11.5px !important;
}
.otdEntryTag{
min-height:20px !important;
padding:0 7px !important;
font-size:9.5px !important;
}
@media (max-width: 680px){
.otdModal{ padding:14px !important; }
.otdPanel,
.otdModal .memoriesPanel.otdPanel{
width:min(calc(100vw - 18px), 700px) !important;
max-width:min(calc(100vw - 18px), 700px) !important;
max-height:calc(100svh - 28px) !important;
border-radius:24px !important;
}
.otdBody{
padding:14px 13px 14px !important;
gap:10px !important;
}
.otdList{ max-height:min(58svh, 480px); }
.otdEntryThumbCol,
.otdEntryThumb,
.otdEntryThumbPlaceholder{
width:64px !important;
flex-basis:64px !important;
min-height:88px !important;
}
.otdEntryContent{ padding:10px 11px 11px !important; }
.otdIntroTitle{ font-size:clamp(22px, 8vw, 28px) !important; }
}
body[data-ui-mode="dawn"] .otdList::-webkit-scrollbar-thumb{
background:rgba(128,102,71,.12) !important;
}
body[data-ui-mode="dawn"] .otdList{
scrollbar-color:rgba(128,102,71,.12) transparent;
}

/* === original inline style block 156; id: ow-v823-otd-centered-true-fix; original line: 34409 === */
.otdModal{
display:none !important;
position:fixed !important;
inset:0 !important;
z-index:9999 !important;
padding:clamp(16px, 2.4vw, 28px) !important;
overflow:hidden !important;
}
.otdModal.show{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.otdModal .memoriesBg{
position:absolute !important;
inset:0 !important;
}
.otdModal .memoriesPanel.otdPanel,
.otdPanel{
position:relative !important;
display:flex !important;
flex-direction:column !important;
width:min(860px, calc(100vw - 48px)) !important;
max-width:min(860px, calc(100vw - 48px)) !important;
max-height:min(74svh, 720px) !important;
height:auto !important;
min-height:0 !important;
margin:0 auto !important;
align-self:center !important;
justify-self:center !important;
overflow:hidden !important;
border-radius:30px !important;
}
.otdModal .memoriesHeader{
flex:0 0 auto !important;
}
.otdBody{
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
min-height:0 !important;
overflow:hidden !important;
padding:12px 16px 16px !important;
gap:10px !important;
}
.otdIntro{
flex:0 0 auto !important;
}
.otdList{
flex:1 1 auto !important;
min-height:0 !important;
max-height:none !important;
overflow-y:auto !important;
overflow-x:hidden !important;
padding-right:4px !important;
margin-right:-2px !important;
scrollbar-width:thin !important;
scrollbar-color:rgba(255,255,255,.06) transparent !important;
overscroll-behavior:contain !important;
}
.otdList::-webkit-scrollbar{ width:4px !important; }
.otdList::-webkit-scrollbar-track{ background:transparent !important; }
.otdList::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.06) !important;
border-radius:999px !important;
}
.otdList:hover::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.09) !important; }
.otdYearHeader{ flex:0 0 auto !important; }
body[data-ui-mode="dawn"] .otdList{ scrollbar-color:rgba(128,102,71,.10) transparent !important; }
body[data-ui-mode="dawn"] .otdList::-webkit-scrollbar-thumb{ background:rgba(128,102,71,.10) !important; }
@media (max-width:680px){
.otdModal{ padding:12px !important; }
.otdModal .memoriesPanel.otdPanel,
.otdPanel{
width:calc(100vw - 24px) !important;
max-width:calc(100vw - 24px) !important;
max-height:calc(100svh - 24px) !important;
border-radius:24px !important;
}
.otdBody{ padding:12px 12px 12px !important; }
}

/* === original inline style block 157; id: ow-v842-memories-and-backup-tighten; original line: 34492 === */
#memoriesModal .memoriesCalPane{
gap: 8px !important;
padding: 8px !important;
}
#memoriesModal .journalCalSection{
margin-top: 20px !important;
}
#memoriesModal .memoriesCalCompact .journalCalHeader{
margin-bottom: 8px !important;
}
#memoriesModal .memoriesCalCompact .journalCalGrid{
gap: 3px !important;
}
#memoriesModal .memoriesCalCompact .calDayHeader{
padding: 2px 0 !important;
font-size: 8.5px !important;
}
#memoriesModal .memoriesCalCompact .calDay{
min-height: 24px !important;
font-size: 11px !important;
border-radius: 8px !important;
gap: 1px !important;
}
#memoriesModal .memoriesCalPane .memRealmTabs{
padding: 10px 10px 8px !important;
gap: 6px !important;
}
#memoriesModal .memoriesCalPane .memRealmTabs::before{
margin-bottom: 6px !important;
}
#memoriesModal .memoriesCalPane .memRealmTab{
min-height: 0 !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}
#memoriesModal .memArchiveSearchBtn{
margin-top: 8px !important;
min-height: 42px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
}
#memoriesModal .memArchiveSearchBtnText{
font-size: 12px !important;
letter-spacing: .10em !important;
}
@media (max-width: 900px){
#memoriesModal .memoriesCalPane{
gap: 6px !important;
padding: 7px !important;
}
#memoriesModal .memoriesCalCompact .journalCalNav{
width: 28px !important;
height: 28px !important;
font-size: 16px !important;
}
#memoriesModal .memoriesCalCompact .journalCalTitle{
font-size: 14px !important;
}
#memoriesModal .memoriesCalCompact .journalCalGrid{
gap: 2px !important;
}
#memoriesModal .memoriesCalCompact .calDay{
min-height: 22px !important;
font-size: 10.5px !important;
}
#memoriesModal .memoriesCalPane .memRealmTabs{
padding: 8px 8px 7px !important;
}
#memoriesModal .memArchiveSearchBtn{
min-height: 40px !important;
padding: 9px 10px !important;
}
}
.pBackupCard .pActionBtn.isLocked,
.pBackupCard .pActionBtn[disabled]{
opacity: .52 !important;
cursor: not-allowed !important;
filter: saturate(.82) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* === original inline style block 158; id: ow-v844-archive-tighten-and-backup-lock; original line: 34574 === */
#memoriesModal .memoriesBody{
padding: 10px !important;
}
#memoriesModal .memoriesGrid{
gap: 10px !important;
}
#memoriesModal .memoriesCalPane{
gap: 6px !important;
padding: 6px !important;
}
#memoriesModal .memCalKicker{
margin-bottom: 6px !important;
}
#memoriesModal .memoriesCalCompact .journalCalSection{
padding: 10px 10px 8px !important;
border-radius: 18px !important;
}
#memoriesModal .memoriesCalCompact .journalCalHeader{
margin-bottom: 9px !important;
}
#memoriesModal .memoriesCalCompact .journalCalNav{
width: 26px !important;
height: 26px !important;
font-size: 15px !important;
}
#memoriesModal .memoriesCalCompact .journalCalTitle{
font-size: 13px !important;
}
#memoriesModal .memoriesCalCompact .journalCalGrid{
gap: 2px !important;
}
#memoriesModal .memoriesCalCompact .calDayHeader{
padding: 1px 0 !important;
font-size: 8px !important;
}
#memoriesModal .memoriesCalCompact .calDay{
min-height: 20px !important;
font-size: 10px !important;
border-radius: 7px !important;
gap: 0 !important;
padding: 1px 0 !important;
}
#memoriesModal .memoriesCalPane .memRealmTabs{
padding: 8px 8px 7px !important;
gap: 5px !important;
border-radius: 18px !important;
}
#memoriesModal .memoriesCalPane .memRealmTabs::before{
margin-bottom: 5px !important;
font-size: 9px !important;
}
#memoriesModal .memoriesCalPane .memRealmTab{
min-height: 0 !important;
padding: 8px 10px !important;
font-size: 11px !important;
border-radius: 999px !important;
}
#memoriesModal .memArchiveSearchBtn{
margin-top: 6px !important;
min-height: 38px !important;
padding: 8px 10px !important;
border-radius: 14px !important;
position: sticky !important;
bottom: 0 !important;
z-index: 3 !important;
}
#memoriesModal .memArchiveSearchBtnText{
font-size: 11px !important;
letter-spacing: .10em !important;
}
@media (max-width: 900px){
#memoriesModal .memoriesBody{
padding: 8px !important;
}
#memoriesModal .memoriesCalPane{
gap: 5px !important;
padding: 5px !important;
}
#memoriesModal .memoriesCalCompact .journalCalSection{
padding: 8px 8px 7px !important;
}
#memoriesModal .memoriesCalCompact .journalCalNav{
width: 24px !important;
height: 24px !important;
font-size: 14px !important;
}
#memoriesModal .memoriesCalCompact .journalCalTitle{
font-size: 12.5px !important;
}
#memoriesModal .memoriesCalCompact .calDay{
min-height: 18px !important;
font-size: 9.5px !important;
}
#memoriesModal .memoriesCalPane .memRealmTab{
padding: 7px 8px !important;
font-size: 10.5px !important;
}
}
.pBackupCard .pActionBtn.isLocked,
.pBackupCard .pActionBtn[data-tier-locked="true"]{
opacity: .46 !important;
cursor: not-allowed !important;
filter: saturate(.75) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.pBackupCard .pActionBtn.isLocked svg,
.pBackupCard .pActionBtn[data-tier-locked="true"] svg{
opacity: .72 !important;
}
.pBackupCard .pNotice.pNoticeSoft::before{
content: "Seeker & Oracle only. ";
font-weight: 800;
}

/* === original inline style block 159; id: ow-v850-otd-dawn-readability-fix; original line: 34835 === */
body[data-ui-mode="dawn"] #otdModal .owOTDIntroKickerX{
color:#a07a46 !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDIntroSubX{
color:#6b5a47 !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDYearHeaderX{
border-color:rgba(139,116,82,.12) !important;
background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,240,232,.92)) !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDYearNavX,
body[data-ui-mode="dawn"] #otdModal .owOTDCloseX{
border-color:rgba(139,116,82,.16) !important;
background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,236,227,.96)) !important;
color:#6b5a47 !important;
box-shadow:0 10px 24px rgba(109,85,54,.08) !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDYearNavX:hover,
body[data-ui-mode="dawn"] #otdModal .owOTDCloseX:hover{
background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,239,230,.98)) !important;
color:#4f3f2f !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDYearLabelX{
color:#7c6240 !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDItemX{
border-color:rgba(139,116,82,.10) !important;
background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(247,240,232,.84)) !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDEmptyX{
border-color:rgba(139,116,82,.14) !important;
background:
radial-gradient(760px 180px at 50% 0%, rgba(255,255,255,.74), transparent 72%),
linear-gradient(180deg, rgba(255,252,248,.92), rgba(246,239,231,.96)) !important;
color:#6a5946 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDEmptyX strong{
color:#4d3c2d !important;
}
body[data-ui-mode="dawn"] #otdModal .owOTDEmptyIconX{
opacity:.96 !important;
filter:none !important;
}

/* === original inline style block 160; id: ow-v861-archive-search-oracle-gate-style; original line: 34949 === */
#memoriesModal .memArchiveSearchBtn.is-locked{
position:relative;
}
#memoriesModal .memArchiveSearchBtn.is-locked::after{
content:"Oracle";
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:8px;
padding:2px 8px 2.5px;
border-radius:999px;
border:1px solid rgba(255,205,120,.24);
background:linear-gradient(180deg, rgba(255,226,164,.14), rgba(255,205,120,.075));
color:rgba(255,224,162,.88);
font-size:9.5px;
font-weight:900;
letter-spacing:.09em;
line-height:1.05;
text-transform:uppercase;
white-space:nowrap;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body[data-ui-mode="dawn"] #memoriesModal .memArchiveSearchBtn.is-locked::after{
border-color:rgba(165,125,64,.22);
background:linear-gradient(180deg, rgba(255,246,226,.86), rgba(191,156,93,.095));
color:rgba(135,96,34,.88);
box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}

/* === original inline style block 161; id: ow-annual-almanac-microspacing-v878; original line: 35109 === */
#imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{
gap:20px !important;
}
@media (max-width:1280px){
#imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{
gap:18px !important;
}
}
@media (max-width:1100px){
#imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{
gap:14px !important;
}
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
font-size:18px !important;
line-height:1.66 !important;
font-weight:500 !important;
max-width:31ch !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
color:rgba(94,102,114,.92) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCoverFooter{
margin-top:clamp(34px,6.4vh,62px) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote{
border-color:rgba(154,147,173,.10) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why{
justify-content:center !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{
max-width:24.5ch !important;
margin-top:14px !important;
line-height:1.82 !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniLabel{
margin-top:2px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCurrentCard{
gap:18px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmClosingLine{
margin-top:8px !important;
line-height:1.64 !important;
max-width:19ch !important;
}
@media (min-width:1100px){
#imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{
font-size:clamp(28px,2.9vw,38px) !important;
line-height:1.02 !important;
letter-spacing:-.036em !important;
white-space:nowrap !important;
max-width:none !important;
}
}
#imRecapModal[data-recap-mode="light"] .imRecapClose{
border-color:rgba(168,173,195,.16) !important;
background:linear-gradient(180deg, rgba(255,255,255,.54), rgba(255,255,255,.32)) !important;
box-shadow:
0 10px 24px rgba(120,126,146,.07),
inset 0 1px 0 rgba(255,255,255,.48) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapClose{
color:rgba(109,114,132,.88) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapClose:hover{
background:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.36)) !important;
border-color:rgba(168,173,195,.22) !important;
}

/* === original inline style block 162; id: ow-annual-almanac-luxury-finish-v879; original line: 35183 === */
#imRecapModal[data-recap-mode="light"] .imAlmCoverTitle.imAlmCoverTitle--starterSplit{
gap:12px !important;
align-items:flex-start !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverMain{
gap:14px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverMain .imAlmCoverFooter{
margin-top:clamp(26px,4.8vh,44px) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
font-size:19px !important;
line-height:1.56 !important;
font-weight:500 !important;
max-width:none !important;
}
@media (min-width: 1080px){
#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
white-space:nowrap !important;
}
}
@media (max-width: 1079px){
#imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
max-width:34ch !important;
white-space:normal !important;
}
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverCopy{
color:rgba(92,101,114,.94) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem .imAlmQuote{
border-color:rgba(152,146,171,.08) !important;
}
@media (min-width: 981px){
#imRecapModal[data-recap-mode="light"] .imRecapCard{
height:calc(100svh - 12px) !important;
max-height:calc(100svh - 12px) !important;
}
#imRecapModal[data-recap-mode="light"] .imRecapTop{
padding:14px 16px 10px !important;
}
#imRecapModal[data-recap-mode="light"] .imRecapBody{
overflow:hidden !important;
padding:10px 16px 10px !important;
scrollbar-width:none !important;
}
#imRecapModal[data-recap-mode="light"] .imRecapBody::-webkit-scrollbar{
display:none !important;
width:0 !important;
height:0 !important;
}
#imRecapModal[data-recap-mode="light"] .imRecapFooter{
padding:8px 16px 12px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmScreenSurface{
padding:14px 16px !important;
gap:12px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmHero,
#imRecapModal[data-recap-mode="light"] .imAlmMoment,
#imRecapModal[data-recap-mode="light"] .imAlmClosing{
gap:16px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCoverMain,
#imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem,
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard,
#imRecapModal[data-recap-mode="light"] .imAlmCurrentCard,
#imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{
padding:18px 20px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--luxury-left{
grid-template-columns:minmax(228px,.72fr) minmax(0,1.28fr) !important;
gap:18px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentFigure{
min-height:260px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentBody{
gap:10px !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why{
justify-content:center !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentCard.imAlmMomentCard--why .imAlmMiniText{
max-width:24ch !important;
line-height:1.72 !important;
margin-top:8px !important;
margin-bottom:0 !important;
}
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentHint{
letter-spacing:.12em !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmMomentTitle{
line-height:.98 !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmChip{
border-color:rgba(140,145,169,.12) !important;
color:rgba(112,118,138,.84) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmChip{
border-color:rgba(143,149,170,.12) !important;
color:rgba(117,123,142,.84) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCurrentCard{
justify-content:center !important;
align-items:center !important;
gap:18px !important;
text-align:center !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCurrentCard .imAlmCurrentLabel{
width:100% !important;
text-align:left !important;
align-self:flex-start !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{
width:100% !important;
text-align:center !important;
max-width:none !important;
margin:0 auto !important;
line-height:1.00 !important;
letter-spacing:-.055em !important;
}
@media (min-width: 1100px){
#imRecapModal[data-recap-mode="light"] .imAlmCurrentValue{
font-size:clamp(40px,4.2vw,58px) !important;
white-space:nowrap !important;
}
}
#imRecapModal[data-recap-mode="light"] .imAlmClosingLine{
width:min(23ch,100%) !important;
max-width:23ch !important;
margin:4px auto 0 !important;
text-align:center !important;
line-height:1.72 !important;
font-size:18px !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosingLine{
color:rgba(92,101,114,.92) !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{
justify-content:center !important;
}
#imRecapModal[data-recap-mode="light"] .imAlmClosing .soft .imAlmMiniText,
#imRecapModal[data-recap-mode="light"] .imAlmClosingNoteText{
max-width:26ch !important;
line-height:1.68 !important;
margin-top:auto !important;
margin-bottom:auto !important;
}
#imRecapModal[data-recap-mode="light"] .imRecapClose{
border-color:rgba(168,173,195,.14) !important;
background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.28)) !important;
box-shadow:0 8px 20px rgba(120,126,146,.05), inset 0 1px 0 rgba(255,255,255,.48) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imRecapClose{
color:rgba(109,114,132,.84) !important;
}

/* === original inline style block 163; id: ow-annual-almanac-dawn-panel-transparency-v885-final; original line: 35345 === */
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCoverMain,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmRealmEmblem,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmMomentCard,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmCurrentCard,
body[data-ui-mode="dawn"] #imRecapModal[data-recap-mode="light"] .imAlmClosing .soft{
background: rgba(255,255,255,.06) !important;
}

/* === original inline style block 164; id: ow-annual-almanac-dawn-root-cause-fix-v897; original line: 35354 === */
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imRecapCard{
background:
radial-gradient(1100px 320px at 50% 0%, rgba(248,241,232,.14), transparent 72%),
linear-gradient(180deg, rgba(243,236,227,.84), rgba(238,231,222,.80)) !important;
border-color: rgba(188,173,224,.22) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"]{
--ow-alm-line: rgba(126,126,136,.055) !important;
--ow-alm-line-strong: rgba(120,120,132,.075) !important;
--ow-alm-surface: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
--ow-alm-surface-strong: linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)) !important;
--ow-alm-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
--ow-alm-shadow-strong: inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanelInner{
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanel,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmCoverMain,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmRealmEmblem,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMomentCard,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmCurrentCard{
background: var(--ow-alm-surface) !important;
border-color: var(--ow-alm-line) !important;
box-shadow: var(--ow-alm-shadow) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmPanel--strong,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--cover .owAlmPanel:first-child,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--moment .owAlmPanel:first-child,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmGrid--closing .owAlmPanel:first-child{
background: var(--ow-alm-surface-strong) !important;
border-color: var(--ow-alm-line-strong) !important;
box-shadow: var(--ow-alm-shadow-strong) !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmSupport,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmExcerpt,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmArtifactFigure,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmEmblemWrap,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmClosingNotePanel,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmCurrentPanel,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmMeaning,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmArtifact{
background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)) !important;
border-color: rgba(126,126,136,.055) !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmMetaPill,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmSupportPill,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmChip,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmClosingMeta,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmMetaLine,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .owAlmQuietMeta{
background: rgba(255,255,255,.10) !important;
border-color: rgba(89,102,122,.07) !important;
box-shadow: none !important;
}
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmScreenSurface,
body[data-ui-mode="dawn"] #imRecapModal[aria-label="Annual Almanac"][data-recap-mode="light"] .imAlmShell.imAlmShell--light{
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

/* === original inline style block 165; id: orawhale-dawn-contrast-fix-v468; original line: 35426 === */
body[data-ui-mode="dawn"]{
background:
linear-gradient(180deg, #f8f4ee 0%, #f4efe8 48%, #f7f3ed 100%) !important;
}
body[data-ui-mode="dawn"] #imBaseBg{
opacity: 1 !important;
filter: none !important;
background:
radial-gradient(900px 500px at 50% -10%, rgba(255,255,255,.72) 0%, rgba(255,255,255,.18) 45%, transparent 72%),
radial-gradient(680px 420px at 0% 8%, rgba(245, 227, 196, .22) 0%, transparent 62%),
radial-gradient(680px 420px at 100% 10%, rgba(228, 220, 246, .22) 0%, transparent 62%),
radial-gradient(760px 420px at 50% 100%, rgba(215, 228, 241, .12) 0%, transparent 62%),
linear-gradient(180deg, #faf7f2 0%, #f4efe8 52%, #f8f4ee 100%) !important;
}
body[data-ui-mode="dawn"]::before,
body[data-ui-mode="dawn"]::after,
body[data-ui-mode="dawn"] .elementTint{
opacity: 0 !important;
background: none !important;
filter: none !important;
}
body[data-ui-mode="dawn"] .header{
background:
radial-gradient(720px 220px at 50% 0%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.32) 48%, transparent 78%),
linear-gradient(180deg, rgba(255,250,244,.96), rgba(247,241,233,.94)) !important;
border-color: rgba(160,146,127,.15) !important;
box-shadow:
0 18px 38px rgba(123,104,79,.08),
inset 0 1px 0 rgba(255,255,255,.95) !important;
backdrop-filter: blur(8px) saturate(108%) !important;
}
body[data-ui-mode="dawn"] .logo{
filter: drop-shadow(0 6px 16px rgba(80,69,58,.10)) !important;
}
body[data-ui-mode="dawn"] .ow-wordmark,
body[data-ui-mode="dawn"] .brandWord{
color: #24324a !important;
background: none !important;
-webkit-background-clip: initial !important;
background-clip: initial !important;
text-shadow: none !important;
filter: none !important;
}
body[data-ui-mode="dawn"] .ow-tagline{ color:#7b879d !important; }
body[data-ui-mode="dawn"] .title{
background: linear-gradient(135deg, #c7924d 0%, #b789b8 50%, #7e9fc3 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"] .heroHook,
body[data-ui-mode="dawn"] .sub{ color:#617089 !important; }
body[data-ui-mode="dawn"] .dateLine{ color:#8893a6 !important; letter-spacing:.16em !important; }
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"] .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:#56647c !important;
}
body[data-ui-mode="dawn"] .chapterTitle,
body[data-ui-mode="dawn"] .journalSectionTitle,
body[data-ui-mode="dawn"] .todayRitualQuestion,
body[data-ui-mode="dawn"] .cursorWidgetTitle,
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"] .intentCard h2,
body[data-ui-mode="dawn"] .intentCard h3{
text-shadow:none !important;
}
body[data-ui-mode="dawn"] .stage .hint,
body[data-ui-mode="dawn"] .oracle .hint,
body[data-ui-mode="dawn"] .stage .premiumHint,
body[data-ui-mode="dawn"] .oracle .premiumHint,
body[data-ui-mode="dawn"] .stage .oracleHint,
body[data-ui-mode="dawn"] .oracle .oracleHint,
body[data-ui-mode="dawn"] .stage .placeholder,
body[data-ui-mode="dawn"] .oracle .placeholder{
background: linear-gradient(180deg, rgba(244,241,251,.94), rgba(235,239,247,.92)) !important;
border-color: rgba(165,162,190,.20) !important;
}
body[data-ui-mode="dawn"] .stage .hintSub,
body[data-ui-mode="dawn"] .oracle .hintSub,
body[data-ui-mode="dawn"] .stage .placeholder,
body[data-ui-mode="dawn"] .oracle .placeholder,
body[data-ui-mode="dawn"] .stage .oracleDesc,
body[data-ui-mode="dawn"] .oracle .oracleDesc{
color:#5d6980 !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,
body[data-ui-mode="dawn"] .memoriesLauncherBtn,
body[data-ui-mode="dawn"] .dayStreakCard .btn,
body[data-ui-mode="dawn"] .dayStreakPanel .btn,
body[data-ui-mode="dawn"] .streakPanel .btn,
body[data-ui-mode="dawn"] .journalSaveBtn{
color:#2e394c !important;
text-shadow:none !important;
}
.oracle-card,
.reading-card,
.share-card,
.day-streak-card,
.panel-card,
.glass-panel,
[class*="panel"],
[class*="card"]{
box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.06);
background-image: radial-gradient(120% 65% at 50% 0%, rgba(255,255,255,.12), transparent 58%);
}

/* === original inline style block 166; id: orawhale-v498-dawn-account-polish; original line: 35583 === */
body[data-ui-mode="dawn"] #profileModal .profileBg{
background:
radial-gradient(1100px 680px at 50% 12%, rgba(255,255,255,.52), transparent 62%),
radial-gradient(900px 420px at 50% 100%, rgba(214,195,231,.20), transparent 64%),
rgba(117, 101, 86, .18) !important;
backdrop-filter: blur(18px) saturate(125%) !important;
-webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileCard{
border: 1px solid rgba(177, 153, 129, .26) !important;
background:
radial-gradient(980px 300px at 18% 0%, rgba(255,245,228,.88), transparent 62%),
radial-gradient(980px 380px at 82% 100%, rgba(223,212,241,.34), transparent 58%),
linear-gradient(180deg, rgba(252,247,240,.97), rgba(244,237,228,.94)) !important;
box-shadow:
0 30px 80px rgba(120, 96, 73, .14),
inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileTop{
border-bottom-color: rgba(176,153,129,.14) !important;
background: linear-gradient(180deg, rgba(255,252,248,.44), rgba(255,252,248,.18)) !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{
color: rgba(104,95,110,.72) !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{
color: #38435b !important;
}
body[data-ui-mode="dawn"] #profileModal .profileNav,
body[data-ui-mode="dawn"] #profileModal .profileMain{
border: 1px solid rgba(177,153,129,.20) !important;
background:
linear-gradient(180deg, rgba(255,255,255,.34), rgba(248,241,234,.22)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.78),
0 18px 44px rgba(141,118,92,.10) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileNavTop{
border-bottom-color: rgba(176,153,129,.12) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileNavItem{
border-color: rgba(177,153,129,.18) !important;
background: linear-gradient(180deg, rgba(255,255,255,.46), rgba(247,239,231,.30)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileNavItem:hover{
background: linear-gradient(180deg, rgba(255,255,255,.60), rgba(248,241,234,.40)) !important;
border-color: rgba(169,145,122,.30) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileNavItem[aria-selected="true"]{
background:#fffc!important;
border-color: rgba(181,150,115,.46) !important;
box-shadow:
0 10px 24px rgba(146,123,98,.10),
inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body[data-ui-mode="dawn"] #profileModal .pCard{
border: 1px solid rgba(177,153,129,.18) !important;
background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(246,239,232,.34)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !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{
border-color: rgba(177,153,129,.24) !important;
background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(244,237,230,.84)) !important;
box-shadow:
0 8px 20px rgba(141,118,92,.08),
inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body[data-ui-mode="dawn"] #profileModal .pillBtnPrimary,
body[data-ui-mode="dawn"] #profileModal .exportBtn{
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;
}
body[data-ui-mode="dawn"] #profileModal .profileClose:hover,
body[data-ui-mode="dawn"] #profileModal .pillBtn:hover,
body[data-ui-mode="dawn"] #profileModal .subBtn:hover,
body[data-ui-mode="dawn"] #profileModal .receiptBtn:hover,
body[data-ui-mode="dawn"] #profileModal .toggleBtn:hover,
body[data-ui-mode="dawn"] #profileModal .ghostBtn:hover,
body[data-ui-mode="dawn"] #profileModal .exportBtn:hover,
body[data-ui-mode="dawn"] #profileModal .importBtn:hover{
filter: brightness(1.02) !important;
}
body[data-ui-mode="dawn"] #profileModal .profileMain::-webkit-scrollbar-thumb{
background: rgba(153,130,108,.22) !important;
}

/* === original inline style block 167; id: ow-dawn-archive-lock-fix-v518; original line: 35688 === */
body[data-ui-mode="dawn"] #imLockScreen{
background:
radial-gradient(900px 420px at 50% 18%, rgba(208,247,247,.72), transparent 62%),
linear-gradient(180deg, rgba(249,245,238,.98), rgba(240,233,225,.98)) !important;
}
body[data-ui-mode="dawn"] .imLockCard,
body[data-ui-mode="dawn"] #imSetPasscodeModal .imLockCard{
border-color: rgba(188,168,145,.26) !important;
background:
radial-gradient(800px 220px at 50% 0%, rgba(255,255,255,.54), transparent 68%),
linear-gradient(180deg, rgba(255,251,245,.96), rgba(245,239,232,.96)) !important;
box-shadow:
0 28px 70px rgba(144,121,93,.14),
inset 0 1px 0 rgba(255,255,255,.78) !important;
}
body[data-ui-mode="dawn"] .imLockSub,
body[data-ui-mode="dawn"] .imLockPrivacyNote,
body[data-ui-mode="dawn"] .imLockError{
color:#5f6a7f !important;
}
body[data-ui-mode="dawn"] .imLockInput{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,239,232,.92)) !important;
border-color: rgba(181,150,115,.26) !important;
color:#2c3950 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-ui-mode="dawn"] .imLockInput::placeholder{ color: rgba(96,107,126,.58) !important; }
body[data-ui-mode="dawn"] .imLockBtn{
background: linear-gradient(135deg, rgba(241,222,194,.98), rgba(226,214,244,.96), rgba(215,229,240,.98)) !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"] .imLockClose{
border-color: rgba(188,168,145,.24) !important;
background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(245,239,232,.82)) !important;
color: #746249 !important;
box-shadow: 0 12px 28px rgba(140,118,92,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body[data-ui-mode="dawn"] .imLockClose:hover{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,239,232,.94)) !important;
border-color: rgba(181,150,115,.34) !important;
color: #5d4a33 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesBg{
background:
radial-gradient(1200px 560px at 50% 20%, rgba(208,247,247,.42), transparent 58%),
linear-gradient(180deg, rgba(248,244,237,.88), rgba(238,231,223,.90)) !important;
-webkit-backdrop-filter: blur(14px) saturate(120%) !important;
backdrop-filter: blur(14px) saturate(120%) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesPanel{
border-color: rgba(188,168,145,.24) !important;
background:
radial-gradient(900px 280px at 50% 0%, rgba(255,255,255,.56), transparent 68%),
linear-gradient(180deg, rgba(255,251,245,.97), rgba(244,238,231,.97)) !important;
box-shadow:
0 34px 90px rgba(144,121,93,.14),
inset 0 1px 0 rgba(255,255,255,.78) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesPanel::before,
body[data-ui-mode="dawn"] #memoriesModal .memoriesPanel::after{
opacity:.18 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesHeader{
background: linear-gradient(180deg, rgba(255,255,255,.54), rgba(248,243,236,.44)) !important;
border-bottom-color: rgba(188,168,145,.16) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesKicker,
body[data-ui-mode="dawn"] #memoriesModal .memCalKicker,
body[data-ui-mode="dawn"] #memoriesModal .memDetailKicker,
body[data-ui-mode="dawn"] #memoriesModal .journalCalTitle,
body[data-ui-mode="dawn"] #memoriesModal .calDayHeader,
body[data-ui-mode="dawn"] #memoriesModal .memPreviewEmpty,
body[data-ui-mode="dawn"] #memoriesModal .memJournalHint,
body[data-ui-mode="dawn"] #memoriesModal .memJournalPanePlaceholder{
color:#8a6e43 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesTitle,
body[data-ui-mode="dawn"] #memoriesModal .memDetailDate,
body[data-ui-mode="dawn"] #memoriesModal .journalCalTitle,
body[data-ui-mode="dawn"] #memoriesModal .memJournalTitle,
body[data-ui-mode="dawn"] #memoriesModal .memoriesSeg .memSegBtn[aria-selected="true"]{
color:#2d3850 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesClose,
body[data-ui-mode="dawn"] #memoriesModal .memJournalGrab,
body[data-ui-mode="dawn"] #memoriesModal .memDetailMore,
body[data-ui-mode="dawn"] #memoriesModal .journalCalNav,
body[data-ui-mode="dawn"] #memoriesModal .memSegBtn,
body[data-ui-mode="dawn"] #memoriesModal .memRealmTab{
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,239,232,.90)) !important;
border-color: rgba(188,168,145,.22) !important;
color:#4f5a70 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 22px rgba(144,121,93,.08) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memSegBtn[aria-selected="true"],
body[data-ui-mode="dawn"] #memoriesModal .memRealmTab[aria-selected="true"],
body[data-ui-mode="dawn"] #memoriesModal .memRealmTab.active{
background: linear-gradient(135deg, rgba(237,222,200,.96), rgba(228,216,240,.94)) !important;
border-color: rgba(186,162,220,.28) !important;
color:#39455d !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memoriesCalPane,
body[data-ui-mode="dawn"] #memoriesModal .memoriesJournalPane,
body[data-ui-mode="dawn"] #memoriesModal .memJournalSheet,
body[data-ui-mode="dawn"] #memoriesModal .memDetailCard,
body[data-ui-mode="dawn"] #memoriesModal .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane{
background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(247,242,236,.90)) !important;
border-color: rgba(188,168,145,.18) !important;
color:#435066 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 14px 34px rgba(144,121,93,.08) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal #memDetailUnwrittenPane,
body[data-ui-mode="dawn"] #memoriesModal .memPreviewText,
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner .memDetailText,
body[data-ui-mode="dawn"] #memoriesModal .memJournalInner [id="memDetailUnwrittenPane"]{
color:#435066 !important;
}
body[data-ui-mode="dawn"] #memoriesModal .calDay{
color:#596479 !important;
border-color: transparent !important;
}
body[data-ui-mode="dawn"] #memoriesModal .calDay.hasEntry{
background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,241,234,.92)) !important;
border-color: rgba(188,168,145,.18) !important;
}
body[data-ui-mode="dawn"] #memoriesModal .calDay.selected{
background: linear-gradient(135deg, rgba(237,222,200,.96), rgba(228,216,240,.94)) !important;
border-color: rgba(186,162,220,.28) !important;
color:#34415a !important;
box-shadow: 0 14px 34px rgba(144,121,93,.10), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.memoriesLauncher{
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 18px 40px rgba(0,0,0,.22) !important;
}

/* === original inline style block 168; id: ow-v527-moon-panel-parity; original line: 35829 === */
body:not([data-ui-mode="dawn"]) .memoriesLauncherKicker{
font-size: 15px !important;
letter-spacing: .10em !important;
font-weight: 900 !important;
line-height: 1.0 !important;
}
body:not([data-ui-mode="dawn"]) .memoriesLauncherSub{
font-size: 14px !important;
line-height: 1.42 !important;
}
body:not([data-ui-mode="dawn"]) .memoriesLauncherBtn{
font-size: 14px !important;
font-weight: 950 !important;
}
body:not([data-ui-mode="dawn"]) .imStreakLabel{
font-size: 15px !important;
letter-spacing: .10em !important;
font-weight: 900 !important;
}
body:not([data-ui-mode="dawn"]) #imStreakMini,
body:not([data-ui-mode="dawn"]) .imStreakMini{
font-size: 14px !important;
line-height: 1.42 !important;
}
body:not([data-ui-mode="dawn"]) .imStreakMini strong,
body:not([data-ui-mode="dawn"]) .imStreakMini .imStreakPrimary{
font-size: 14px !important;
font-weight: 700 !important;
}
body:not([data-ui-mode="dawn"]) .imStreakMini .imStreakLine2,
body:not([data-ui-mode="dawn"]) .imStreakMini .imStreakSecondary{
font-size: 14px !important;
line-height: 1.42 !important;
}
body:not([data-ui-mode="dawn"]) .imStreakBtn{
height: 36px !important;
padding: 0 14px !important;
font-size: 15px !important;
font-weight: 900 !important;
}
@media (min-width: 641px){
body:not([data-ui-mode="dawn"]) .memoriesLauncher,
body:not([data-ui-mode="dawn"]) .imStreakBanner{
min-height: unset !important;
}
}
body:not([data-ui-mode="dawn"]) .memoriesLauncherKicker{
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
margin: 0 !important;
}
@media (min-width: 641px){
body:not([data-ui-mode="dawn"]) .memoriesLauncherKicker{
flex: 0 0 228px !important;
min-width: 228px !important;
gap: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
body:not([data-ui-mode="dawn"]) .imStreakLeft{
min-width: 228px !important;
gap: 14px !important;
}
}

/* === original inline style block 169; id: ow-v533-next-step-compact; original line: 35901 === */
#actionsChapter .chapterHeader{
padding: 18px 22px 6px !important;
}
#actionsChapter .chapterInner{
padding: 0 22px 18px !important;
}
#actionsChapter .chapterTitle{
font-size: 15px !important;
line-height: 1.0 !important;
letter-spacing: .10em !important;
font-weight: 900 !important;
text-transform: uppercase !important;
margin: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
body[data-ui-mode] #actionsChapter .chapterTitle{font-size:clamp(24px,2vw,31px)!important;color:var(--ow-text-primary)!important;letter-spacing:-.04em!important;font-weight:760!important;text-transform:none!important}
#actionsChapter .chapterSub{
font-size: 14px !important;
line-height: 1.42 !important;
margin-top: 8px !important;
max-width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
body:not([data-ui-mode="dawn"]) #actionsChapter .chapterSub{color:rgba(230,236,244,.72)!important}
body[data-ui-mode="dawn"] #actionsChapter .chapterSub{color:#617392!important}
#actionsChapterInner .actions.actionsPremium{
gap: 10px !important;
margin-top: 10px !important;
}
#actionsChapterInner .actions.actionsPremium .btn{
min-height: 44px !important;
height: 44px !important;
border-radius: 14px !important;
padding: 0 18px !important;
font-size: 14px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: -.01em !important;
box-shadow:
0 8px 22px rgba(0,0,0,.16),
inset 0 1px 0 rgba(255,255,255,.18),
0 0 0 1px rgba(255,255,255,.06) !important;
}
#actionsChapterInner .actions.actionsPremium .btn svg{
width: 16px !important;
height: 16px !important;
margin-right: 5px !important;
}
@media (max-width: 820px){
#actionsChapter .chapterHeader{
padding: 16px 18px 5px !important;
}
#actionsChapter .chapterSub{
margin-top: 10px !important;
}
#actionsChapter .chapterInner{
padding: 0 18px 16px !important;
}
#actionsChapterInner .actions.actionsPremium .btn{
min-height: 44px !important;
height: 44px !important;
font-size: 14px !important;
}
}

/* === original inline style block 170; id: ow-v545-next-step-header-buttons-hardcoded; original line: 35971 === */
#actionsChapter .chapterHeader{
display:block !important;
padding:22px 28px 20px !important;
border-bottom:none !important;
}
#actionsChapterHeaderTop{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
column-gap:18px !important;
row-gap:10px !important;
}
#actionsChapterCopy{
min-width:0 !important;
}
#actionsChapterTitle{
margin:0 !important;
line-height:1 !important;
white-space:nowrap !important;
}
#actionsChapterCopy .chapterSub{
margin:10px 0 0 0 !important;
max-width:620px !important;
}
#actionsChapterActions{
display:inline-flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:10px !important;
margin-left:auto !important;
flex-wrap:nowrap !important;
width:auto !important;
visibility:visible !important;
opacity:1 !important;
}
#actionsChapterActions .btn,
#againBtnInlineStatic,
#shareOracleBtnInlineStatic{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:46px !important;
min-height:46px !important;
padding:0 18px !important;
border-radius:14px !important;
font-size:14px !important;
font-weight:850 !important;
letter-spacing:-.01em !important;
white-space:nowrap !important;
visibility:visible !important;
opacity:1 !important;
}
#againBtnInlineStatic{ width:180px !important; }
#shareOracleBtnInlineStatic{ width:136px !important; }
#shareOracleBtnInlineStatic svg{
width:15px !important;
height:15px !important;
margin-right:4px !important;
}
#actionsChapterInner{
display:none !important;
padding:0 !important;
}
@media (max-width: 980px){
#actionsChapterHeaderTop{
grid-template-columns:1fr !important;
row-gap:12px !important;
}
#actionsChapterActions{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
width:100% !important;
justify-content:stretch !important;
margin-left:0 !important;
flex-wrap:nowrap !important;
gap:10px !important;
}
#againBtnInlineStatic,
#shareOracleBtnInlineStatic,
#actionsChapterActions .btn{
width:100% !important;
min-width:0 !important;
max-width:none !important;
}
}
@media (max-width: 640px){
#actionsChapterTitle{
margin:0 !important;
}
#actionsChapterCopy .chapterSub{
margin-top:12px !important;
}
#againBtnInlineStatic,
#shareOracleBtnInlineStatic{
flex:1 1 0 !important;
width:100% !important;
}
}

/* === original inline style block 171; id: ow-v550-moon-step2-v514-harmony-nextstep-equal; original line: 36093 === */
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{
display:grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 1px !important;
padding: 1px !important;
border-radius: 28px !important;
overflow: hidden !important;
background: linear-gradient(180deg, rgba(76,88,118,.42), rgba(48,59,86,.28)) !important;
border: 1px solid rgba(255,255,255,.10) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 18px 42px rgba(0,0,0,.26) !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 12px !important;
border-radius: 26px !important;
cursor:pointer !important;
-webkit-tap-highlight-color: transparent !important;
background:
radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.035), transparent 62%),
linear-gradient(180deg, rgba(15,28,58,.96), rgba(11,22,48,.985)) !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
transition: transform .16s ease, background .16s ease, box-shadow .16s ease !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip:hover{
transform: translateY(-1px) !important;
background:
radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.05), transparent 60%),
linear-gradient(180deg, rgba(18,33,67,.97), rgba(13,25,54,.99)) !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"]{
background:
radial-gradient(120% 90% at 18% 0%, rgba(255,223,169,.10), transparent 48%),
radial-gradient(90% 90% at 82% 100%, rgba(128,180,255,.08), transparent 52%),
linear-gradient(145deg, rgba(87,82,123,.96) 0%, rgba(74,79,130,.95) 56%, rgba(48,63,109,.98) 100%) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 10px 24px rgba(0,0,0,.16) !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: transparent !important;
box-shadow: none !important;
}
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"] #panelRealm .realmGrid.realmSegmented .realmChip::before,
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::after{
display:none !important;
content:none !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(240,228,194,.90) !important;
box-shadow:
0 0 0 1px rgba(255,255,255,.16),
0 14px 34px rgba(0,0,0,.34) !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.06 !important;
text-align: center !important;
color: rgba(255,255,255,.95) !important;
text-shadow: 0 1px 0 rgba(0,0,0,.14) !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;
}
}
#againBtnInlineStatic,
#shareOracleBtnInlineStatic{
width: 188px !important;
min-width: 188px !important;
}
@media (max-width: 640px){
#againBtnInlineStatic,
#shareOracleBtnInlineStatic{
min-width: 0 !important;
}
}

/* === original inline style block 172; id: ow-v551-step2-unify-dawn-nextstep-clean; original line: 36229 === */
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented{
display:grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
body[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: linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,241,235,.88)) !important;
border: 1px solid rgba(203,192,178,.46) !important;
box-shadow: 0 10px 24px rgba(145,121,93,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
opacity: 1 !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{
transform: translateY(-1px) !important;
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,237,231,.98)) !important;
border-color: rgba(193,178,160,.58) !important;
box-shadow: 0 16px 30px rgba(145,121,93,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="plant"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,237,207,.98), rgba(232,244,217,.96) 42%, rgba(232,224,255,.96)) !important;
border-color: rgba(141,197,108,.74) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(141,197,108,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="animal"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(250,238,212,.98), rgba(250,228,210,.96) 42%, rgba(233,224,255,.96)) !important;
border-color: rgba(225,168,103,.76) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(225,168,103,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mushroom"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,236,212,.98), rgba(245,222,232,.96) 40%, rgba(233,224,255,.96)) !important;
border-color: rgba(196,128,186,.76) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(196,128,186,.18), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[data-theme="mineral"][aria-pressed="true"]{
background: linear-gradient(135deg, rgba(249,236,212,.98), rgba(230,223,255,.96) 42%, rgba(221,242,255,.98)) !important;
border-color: rgba(123,188,232,.78) !important;
box-shadow: 0 14px 28px rgba(145,121,93,.10), inset 0 0 0 1px rgba(123,188,232,.18), inset 0 1px 0 rgba(255,255,255,.98) !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: transparent !important;
box-shadow: none !important;
}
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"] #panelRealm .realmGrid.realmSegmented .realmChip::before,
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip::after{
display:none !important;
content:none !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;
background: transparent !important;
border: 1px solid rgba(182,164,142,.34) !important;
box-shadow: 0 10px 24px rgba(145,121,93,.12), 0 0 0 5px rgba(255,255,255,.34), 0 0 18px rgba(194,168,255,.10) !important;
transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s cubic-bezier(.2,.8,.2,1), border-color .16s 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.02) !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: #9f7e4d !important;
text-shadow: none !important;
}
body[data-ui-mode="moon"] #panelRealm .realmGrid.realmSegmented .realmChip[aria-pressed="true"] .realmLabel{
color: #8b6a3f !important;
}
body[data-ui-mode="moon"] #panelRealm .ritualPanelSub{
color: rgba(223,232,245,.80) !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;
}
}
#actionsChapterActions,
#actionsChapter .chapterActions,
#actionsChapterActions .actions.actionsPremium{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
backdrop-filter: none !important;
padding: 0 !important;
}
#againBtnInlineStatic,
#shareOracleBtnInlineStatic,
#actionsChapterActions .btn{
width: 198px !important;
min-width: 198px !important;
max-width: 198px !important;
}
@media (max-width: 900px){
#againBtnInlineStatic,
#shareOracleBtnInlineStatic,
#actionsChapterActions .btn{
width: 198px !important;
min-width: 198px !important;
max-width: 198px !important;
}
}
@media (max-width: 640px){
#actionsChapterActions{
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 10px !important;
width: 100% !important;
flex-wrap: nowrap !important;
}
#againBtnInlineStatic,
#shareOracleBtnInlineStatic,
#actionsChapterActions .btn{
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
}