/* MoneyBuddy v68.13 · Editorial Finance / Premium & Approachable Homepage-first visual system. All financial calculations and app state remain untouched. Brand colors: white #FFFFFF, navy #14243B, forest #123D31, gold #C49A3A. */ :root { --mbp-white:#FFFFFF; --mbp-navy:#14243B; --mbp-forest:#123D31; --mbp-gold:#C49A3A; --mbp-ink:rgba(20,36,59,.78); --mbp-muted:rgba(20,36,59,.66); --mbp-line:rgba(20,36,59,.12); --mbp-soft-line:rgba(20,36,59,.07); --mbp-radius:22px; --mbp-shadow:0 12px 38px -25px rgba(20,36,59,.24),0 2px 5px rgba(20,36,59,.025); --mbp-font-body:'Inter',Arial,sans-serif; --mbp-font-display:'Plus Jakarta Sans','Inter',Arial,sans-serif; } html, body { background:var(--mbp-white) !important; } body { font-family:var(--mbp-font-body); color:var(--mbp-navy); } /* Navigation — quiet, crisp, trustworthy, no pastel status chips */ header.sticky {background:rgba(255,255,255,.98)!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--mbp-line)!important;} #mb-header-inner {max-width:1340px!important;padding-inline:clamp(16px,3vw,40px)!important;min-height:76px!important;gap:12px!important;} .moneybuddy-brand-title {font-family:var(--mbp-font-display)!important;color:var(--mbp-navy)!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.045em!important;} #mb-header-inner .rounded-full.overflow-hidden {box-shadow:0 2px 8px rgba(20,36,59,.12)!important;} #mb-header-inner nav {background:var(--mbp-white)!important;border:1px solid var(--mbp-line)!important;box-shadow:none!important;border-radius:14px!important;padding:4px!important;gap:3px!important;} #mb-header-inner nav a,#mb-header-inner nav button {border-radius:10px!important;color:var(--mbp-muted)!important;font-weight:650!important;} #mb-header-inner nav [aria-current="page"],#mb-header-inner nav .active,#mb-header-inner nav a:hover {color:var(--mbp-forest)!important;background:rgba(18,61,49,.07)!important;} #mb-header-inner button[onclick*="openAddEntryModal"] {background:var(--mbp-forest)!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important;min-height:42px!important;} #headerSignInBtn {background:var(--mbp-white)!important;color:var(--mbp-navy)!important;border:1px solid var(--mbp-line)!important;box-shadow:none!important;border-radius:12px!important;} #moneyBuddyMoreButton {background:var(--mbp-white)!important;color:var(--mbp-navy)!important;border:1px solid var(--mbp-line)!important;box-shadow:none!important;} #mb-header-inner .moneybuddy-brand-title+span {background:transparent!important;color:var(--mbp-gold)!important;border:1px solid rgba(196,154,58,.45)!important;font-size:9px!important;font-weight:800!important;} /* Main canvas / typography / reusable home components */ #mb-main-shell {max-width:1328px!important;padding:22px clamp(18px,2.6vw,40px) 80px!important;background:#fff!important;} #mb-main-shell > div {gap:20px!important;} #mb-main-shell :is(h2,h3,h4) {font-family:var(--mbp-font-display)!important;letter-spacing:-.045em!important;} #mb-main-shell :is(#buddyHeroCard,:is(#flexible-money-card,#safeToSpendCard),.money-summary-card,#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card,#net-worth-section) {border:1px solid var(--mbp-line)!important;box-shadow:var(--mbp-shadow)!important;border-radius:var(--mbp-radius)!important;} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card,#net-worth-section) {background:#fff!important;padding:23px!important;} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card,#net-worth-section) h3 {font-size:20px!important;font-weight:750!important;line-height:1.2!important;color:var(--mbp-navy)!important;} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card,#net-worth-section) p {color:var(--mbp-muted);} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card) .rounded-2xl {border-radius:14px!important;} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card) :is(.bg-surface-container-low,.bg-surface-container) {background:rgba(20,36,59,.025)!important;} #mb-main-shell button {touch-action:manipulation;} #mb-main-shell :is(button,a):focus-visible {outline:3px solid rgba(196,154,58,.7)!important;outline-offset:3px!important;} /* Editorial hero. Native text is accessible and remains sharp on all screens. */ #moneybuddy-brand-hero.mbp-home-banner {height:222px!important;min-height:222px!important;display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr)!important;align-items:center!important;overflow:hidden!important;position:relative!important;margin:0!important;padding:26px clamp(28px,4vw,58px)!important;background:var(--mbp-navy)!important;border:1px solid var(--mbp-navy)!important;border-radius:24px!important;box-shadow:none!important;isolation:isolate;} #moneybuddy-brand-hero.mbp-home-banner::before {content:""!important;position:absolute!important;inset:auto auto -108px 56%!important;width:240px!important;height:240px!important;border:1px solid rgba(196,154,58,.22)!important;border-radius:50%!important;background:none!important;filter:none!important;} #moneybuddy-brand-hero.mbp-home-banner::after {content:"";position:absolute;right:34px;top:22px;width:85px;height:85px;border-top:1px solid rgba(196,154,58,.43);border-right:1px solid rgba(196,154,58,.43);border-radius:0 18px 0 0;pointer-events:none;} .mbp-home-banner-copy {position:relative;z-index:2;min-width:0;} .mbp-overline {display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--mbp-gold);font-family:var(--mbp-font-body);font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.16em;} .mbp-gold-dot{width:7px;height:7px;border-radius:50%;background:var(--mbp-gold);display:inline-block;flex:none;} .mbp-home-banner h1 {font:750 clamp(29px,3.5vw,43px)/1.11 var(--mbp-font-display)!important;letter-spacing:-.055em!important;color:#fff!important;margin:0 0 12px!important;max-width:660px!important;} .mbp-home-banner h1 em {font-style:normal!important;color:var(--mbp-gold)!important;} .mbp-home-banner p {font-size:12.5px;line-height:1.6;font-weight:450;color:rgba(255,255,255,.85);max-width:570px;margin:0;} .mbp-banner-tagline {margin-top:10px;display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.72);font-size:10px;font-weight:600;letter-spacing:.02em;} .mbp-tagline-mark{color:var(--mbp-gold);font-size:15px;} .mbp-banner-art {position:relative;z-index:1;height:100%;min-height:0;display:flex;justify-content:center;align-items:center;} .mbp-banner-art-ring {position:absolute;border:1px solid rgba(196,154,58,.35);width:177px;height:177px;border-radius:50%;} #mbpBannerBuddy {position:relative;z-index:1;width:min(100%,218px);height:196px;max-height:100%;object-fit:contain;filter:drop-shadow(0 11px 9px rgba(0,0,0,.18));} /* Main two cards: no photo backgrounds, less redundancy, higher information density */ #mb-main-shell > div > section:has(> #buddyHeroCard){align-items:stretch!important;gap:20px!important;} #buddyHeroCard {background:#fff!important;padding:21px 22px!important;min-height:0!important;height:100%!important;isolation:isolate;} #buddyHeroCard:before,#buddyHeroCard:after,#buddySeasonPhoto,#heroBuddyScene,#heroBuddyStageGlow {display:none!important;content:none!important;background:none!important;} #buddyHeroCard > .relative.z-10:first-of-type{display:flex;flex-direction:column;align-items:center;} #buddyHeroCard > .relative.z-10:first-of-type > .flex.items-center.justify-between {width:100%!important;margin-bottom:9px!important;} #buddyHeroCard #heroBuddyActiveLabel {letter-spacing:.075em!important;font-size:10px!important;} #buddyHeroCard .bg-primary-container {background:var(--mbp-forest)!important;color:#fff!important;} #heroBuddyRole {background:rgba(20,36,59,.045)!important;color:var(--mbp-navy)!important;border-radius:99px!important;font-size:10px!important;} #heroBuddyStage {width:150px!important;height:138px!important;min-height:138px!important;padding:0!important;margin:3px auto 7px!important;max-width:150px!important;} #heroBuddyImg {height:138px!important;width:100%!important;max-height:138px!important;object-fit:contain!important;filter:none!important;} #heroBuddyName{font-size:26px!important;line-height:1.13!important;font-weight:800!important;color:var(--mbp-navy)!important;} #heroBuddyDescription {color:var(--mbp-muted)!important;line-height:1.42!important;font-size:12px!important;margin-top:6px!important;max-width:34ch!important;} #buddyHeroCard .relative.mt-space-md {width:100%;margin-top:15px!important;padding:12px 14px!important;border-radius:12px!important;border:1px solid var(--mbp-soft-line)!important;background:rgba(20,36,59,.025)!important;box-shadow:none!important;} #heroBuddyMessage {font-size:12px!important;line-height:1.5!important;color:var(--mbp-navy)!important;} #buddyHeroCard .relative.z-10.mt-space-lg {margin-top:14px!important;padding-top:0!important;gap:10px!important;} #buddyHeroCard .relative.z-10.mt-space-lg button {min-height:42px!important;padding:8px 10px!important;font-size:12px!important;border:1px solid var(--mbp-line)!important;border-radius:12px!important;box-shadow:none!important;} #buddyHeroCard .relative.z-10.mt-space-lg button:first-child {background:#fff!important;color:var(--mbp-navy)!important;} #buddyHeroCard .relative.z-10.mt-space-lg button:last-child {background:var(--mbp-forest)!important;color:#fff!important;border-color:var(--mbp-forest)!important;} #buddyHeroCard .relative.z-10.mt-space-lg button:last-child .material-symbols-outlined {color:var(--mbp-gold)!important;} :is(#flexible-money-card,#safeToSpendCard) {background:#fff!important;padding:23px 26px!important;min-height:0!important;isolation:isolate;} :is(#flexible-money-card,#safeToSpendCard) > .absolute {display:none!important;} :is(#flexible-money-card,#safeToSpendCard) .relative.z-10 > .flex:first-child {margin-bottom:12px!important;} :is(#flexible-money-card,#safeToSpendCard) .relative.z-10 > .flex:first-child > div:last-child {display:none!important;} :is(#flexible-money-card,#safeToSpendCard) #currentMonthBadge{background:rgba(20,36,59,.045)!important;color:var(--mbp-navy)!important;letter-spacing:.04em!important;border-radius:99px!important;} :is(#flexible-money-card,#safeToSpendCard) .relative.z-10 > .flex:first-child .bg-surface-container-low {display:none!important;} :is(#flexible-money-card,#safeToSpendCard) .font-headline-sm {font-family:var(--mbp-font-body)!important;text-transform:none!important;font-size:15px!important;letter-spacing:-.015em!important;font-weight:700!important;color:var(--mbp-navy)!important;} #safeToSpendAmount {font-family:var(--mbp-font-display)!important;font-size:clamp(40px,4.2vw,59px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.067em!important;color:var(--mbp-navy)!important;} #safeToSpendPill {background:rgba(18,61,49,.09)!important;color:var(--mbp-forest)!important;border-radius:99px!important;padding:3px 10px!important;} #safeToSpendDesc {font-size:12px!important;line-height:1.5!important;color:var(--mbp-muted)!important;max-width:50ch!important;} #flexibleMoneyFormula {background:rgba(20,36,59,.025)!important;border:1px solid var(--mbp-soft-line)!important;border-radius:14px!important;box-shadow:none!important;padding:11px!important;margin-bottom:10px!important;} #flexibleMoneyFormula .mb-flexible-formula-head{font-size:10px!important;font-weight:750!important;color:var(--mbp-navy)!important;} #flexibleMoneyFormula .mb-formula-step {background:#fff!important;border:1px solid var(--mbp-soft-line)!important;box-shadow:none!important;border-radius:9px!important;} #flexibleMoneyFormula .mb-formula-step strong {color:var(--mbp-navy)!important;font-family:var(--mbp-font-display)!important;} #flexibleMoneyFormula .mb-formula-op {color:var(--mbp-gold)!important;} :is(#flexible-money-card,#safeToSpendCard) .grid.grid-cols-1.sm\\:grid-cols-2 {gap:10px!important;margin-bottom:10px!important;} :is(#flexible-money-card,#safeToSpendCard) .grid.grid-cols-1.sm\\:grid-cols-2 > div {background:#fff!important;border:1px solid var(--mbp-soft-line)!important;border-radius:12px!important;padding:10px!important;} :is(#flexible-money-card,#safeToSpendCard) .grid.grid-cols-1.sm\\:grid-cols-2 .rounded-full {background:rgba(20,36,59,.055)!important;color:var(--mbp-forest)!important;} #flexiblePurchaseCta {background:rgba(18,61,49,.045)!important;border-radius:12px!important;padding:12px!important;} #flexiblePurchaseCta button {border-radius:10px!important;background:var(--mbp-forest)!important;color:#fff!important;box-shadow:none!important;} /* Home summaries: numbers, then context; no gradients or pastel blocks */ #mb-main-shell .money-summary-card {background:#fff!important;border-top:3px solid var(--mbp-gold)!important;border-radius:18px!important;padding:18px 20px!important;min-height:130px!important;transition:border-color .15s ease!important;} #mb-main-shell .money-summary-card::before,#mb-main-shell .money-summary-card::after {display:none!important;content:none!important;} #mb-main-shell .money-summary-card :is(h3,p,strong) {color:var(--mbp-navy)!important;} #mb-main-shell .money-summary-card .text-display,.money-summary-card .font-display{font-family:var(--mbp-font-display)!important;} #mb-main-shell .money-summary-card .rounded-full {background:rgba(18,61,49,.065)!important;color:var(--mbp-forest)!important;} /* Money Garden as calm feature instead of another competing hero. */ #money-plant-spend-grid {gap:20px!important;} #money-plant-section {background:#fff!important;border:1px solid var(--mbp-line)!important;border-radius:22px!important;box-shadow:var(--mbp-shadow)!important;} #money-plant-section .mb-garden-header h3{font-family:var(--mbp-font-display)!important;font-weight:800!important;color:var(--mbp-navy)!important;letter-spacing:-.04em!important;} #money-plant-section .mb-garden-eyebrow{color:var(--mbp-forest)!important;} #money-plant-section .mb-garden-card{background:#fff!important;border-color:var(--mbp-soft-line)!important;box-shadow:none!important;} #money-plant-section .mb-garden-details{background:var(--mbp-white)!important;} #money-plant-section .mb-garden-collection-link{background:#fff!important;color:var(--mbp-forest)!important;border:1px solid var(--mbp-line)!important;box-shadow:none!important;} #money-plant-section .mb-garden-actions button:not(.mb-garden-action-primary){border-radius:11px!important;} #money-plant-section .mb-garden-action-primary,#money-plant-section .mb-garden-water{background:var(--mbp-forest)!important;color:#fff!important;border-color:var(--mbp-forest)!important;box-shadow:none!important;} #money-plant-section :is(.mb-garden-detail-title,.mb-garden-milestone-amount){color:var(--mbp-navy)!important;} #where-it-goes-section .where-it-goes-mascot {display:none!important;} #where-it-goes-section .where-it-goes-body {gap:0!important;} #where-it-goes-section #cycleBadge {background:rgba(20,36,59,.045)!important;color:var(--mbp-navy)!important;} #net-worth-section{overflow:hidden;} #activity-grid{gap:20px!important;} /* Small screens — calm vertical flow, comfortable tap sizes */ @media(max-width:1023px){ #mb-main-shell > div > section:has(> #buddyHeroCard){grid-template-columns:1fr!important;} #buddyHeroCard{height:auto!important;} } @media(max-width:767px){ #mb-header-inner {padding-inline:14px!important;min-height:70px!important;} .moneybuddy-brand-title{font-size:14px!important;} #mb-main-shell{padding:14px 14px 100px!important;} #mb-main-shell>div {gap:15px!important;} #moneybuddy-brand-hero.mbp-home-banner {height:190px!important;min-height:190px!important;grid-template-columns:minmax(0,1fr) 104px!important;padding:18px!important;border-radius:19px!important;gap:2px!important;} .mbp-overline{font-size:7.2px!important;letter-spacing:.11em!important;gap:5px!important;margin-bottom:10px!important;} .mbp-gold-dot{height:5px;width:5px;} .mbp-home-banner h1{font-size:clamp(23px,6.4vw,29px)!important;letter-spacing:-.05em!important;margin-bottom:9px!important;line-height:1.13!important;} .mbp-home-banner p{font-size:10px!important;line-height:1.43!important;max-width:33ch;} .mbp-banner-tagline{font-size:9px;margin-top:8px;} .mbp-banner-art{min-width:0!important;} .mbp-banner-art-ring{width:95px;height:95px;} #mbpBannerBuddy{height:125px;width:115px!important;max-width:115px;max-height:125px!important;} #moneybuddy-brand-hero.mbp-home-banner::before {display:none!important;} #moneybuddy-brand-hero.mbp-home-banner::after{right:11px;top:10px;width:28px;height:28px;} #buddyHeroCard,:is(#flexible-money-card,#safeToSpendCard){padding:18px!important;border-radius:18px!important;} #buddyHeroCard{min-height:0!important;} #heroBuddyStage{width:132px!important;height:122px!important;min-height:122px!important;margin:2px auto 4px!important;} #heroBuddyImg{height:122px!important;max-height:122px!important;} #heroBuddyName{font-size:24px!important;} #buddyHeroCard .relative.z-10.mt-space-lg {gap:9px!important;flex-direction:row!important;} #buddyHeroCard .relative.z-10.mt-space-lg button {flex:1;min-width:0;width:auto!important;font-size:11px!important;} #safeToSpendAmount{font-size:clamp(40px,11vw,53px)!important;} :is(#flexible-money-card,#safeToSpendCard) .relative.z-10 > .flex:first-child {gap:6px!important;} #flexibleMoneyFormula{padding:9px!important;} #mb-main-shell .money-summary-card{min-height:110px!important;padding:14px 17px!important;border-radius:16px!important;} #mb-main-shell :is(#where-it-goes-section,#upcoming-obligations-card,#recent-activity-card,#net-worth-section){padding:18px!important;border-radius:18px!important;} #money-plant-section{border-radius:19px!important;} #moneyBuddyMobileNav {background:rgba(255,255,255,.98)!important;border:1px solid var(--mbp-line)!important;box-shadow:0 8px 28px rgba(20,36,59,.11)!important;backdrop-filter:none!important;} #moneyBuddyMobileNav>button{background:#fff!important;color:var(--mbp-navy)!important;border-color:var(--mbp-line)!important;box-shadow:none!important;} #moneyBuddyMobileNav>button.mobile-add{background:var(--mbp-forest)!important;color:#fff!important;border-color:var(--mbp-forest)!important;} #moneyBuddyMobileNav>button.is-active:not(.mobile-add){background:rgba(18,61,49,.09)!important;color:var(--mbp-forest)!important;} } @media(max-width:360px){ #moneybuddy-brand-hero.mbp-home-banner{grid-template-columns:minmax(0,1fr) 78px!important;min-height:172px!important;height:172px!important;padding:14px!important;} .mbp-home-banner h1{font-size:23px!important;} .mbp-home-banner p{font-size:9px!important;} #mbpBannerBuddy{width:90px!important;height:108px!important;} .mbp-banner-art-ring{width:83px;height:83px;} #buddyHeroCard,:is(#flexible-money-card,#safeToSpendCard){padding:15px!important;} } @media(prefers-reduced-motion:reduce){#moneybuddy-brand-hero.mbp-home-banner *, #mb-main-shell .money-summary-card{animation:none!important;transition:none!important;}} /* v68.13 critical cascade cleanup: legacy Buddy-specific seasonal paint and re-keyed Flexible Money card both receive consistent surfaces. */ body #mb-main-shell #buddyHeroCard[data-buddy], body #mb-main-shell #buddyHeroCard[data-buddy="sidekick"], body #mb-main-shell #buddyHeroCard[data-buddy="barnaby"], body #mb-main-shell #buddyHeroCard[data-buddy="flora"], body #mb-main-shell #buddyHeroCard[data-buddy="bella"], body #mb-main-shell #buddyHeroCard[data-buddy="penny"], body #mb-main-shell #buddyHeroCard[data-buddy="buzz"], body #mb-main-shell #buddyHeroCard[data-buddy="leo"] {background:#fff!important;background-image:none!important;} body #mb-main-shell :is(#safeToSpendCard,#flexible-money-card){background:#fff!important;background-image:none!important;} body #mb-main-shell #buddyHeroCard #buddySeasonPhoto, body #mb-main-shell #buddyHeroCard #heroBuddyScene {display:none!important;opacity:0!important;background:none!important;} body #mb-main-shell #buddyHeroCard .relative.z-10.mt-space-lg {justify-content:center!important;} body #mb-main-shell #firstRunStarter {background:#fff!important;background-image:none!important;border:1px solid var(--mbp-line)!important;border-radius:20px!important;box-shadow:var(--mbp-shadow)!important;padding:17px 20px!important;} body #mb-main-shell #firstRunStarter > div{gap:16px!important;} body #mb-main-shell #firstRunStarter h2{font-family:var(--mbp-font-display)!important;font-size:21px!important;line-height:1.14!important;font-weight:800!important;color:var(--mbp-navy)!important;} body #mb-main-shell #firstRunStarter p{font-size:12px!important;line-height:1.5!important;color:var(--mbp-muted)!important;} body #mb-main-shell #firstRunStarter .inline-flex.rounded-full {background:transparent!important;color:var(--mbp-forest)!important;border-radius:4px!important;padding-left:0!important;font-size:10px!important;letter-spacing:.11em!important;} body #mb-main-shell #firstRunStarter .first-run-grid{gap:10px!important;} body #mb-main-shell #firstRunStarter .first-run-choice {background:#fff!important;border:1px solid var(--mbp-line)!important;border-radius:14px!important;min-height:85px!important;padding:12px!important;box-shadow:none!important;} body #mb-main-shell #firstRunStarter .first-run-choice:hover {border-color:var(--mbp-forest)!important;background:rgba(18,61,49,.035)!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:first-child{background:rgba(18,61,49,.08)!important;color:var(--mbp-forest)!important;margin-bottom:5px!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:nth-child(2){font-family:var(--mbp-font-display)!important;color:var(--mbp-navy)!important;font-size:12px!important;font-weight:750!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:nth-child(3){color:var(--mbp-muted)!important;font-size:10px!important;} body #mb-main-shell #firstRunStarter .first-run-choice:nth-child(3){border-top:2px solid var(--mbp-gold)!important;} /* Neutralize the last old green-tinted empty state panels on Home. */ body #mb-main-shell #where-it-goes-section :is(.where-goes-empty,.rounded-2xl), body #mb-main-shell #upcoming-obligations-card :is(.rounded-2xl), body #mb-main-shell #recent-activity-card :is(.rounded-2xl){background:rgba(20,36,59,.028)!important;} @media(max-width:767px){ body #mb-main-shell #firstRunStarter{padding:15px!important;border-radius:17px!important;} body #mb-main-shell #firstRunStarter > div{gap:12px!important;} body #mb-main-shell #firstRunStarter h2{font-size:19px!important;} body #mb-main-shell #firstRunStarter p{font-size:11px!important;} body #mb-main-shell #firstRunStarter .first-run-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;} body #mb-main-shell #firstRunStarter .first-run-choice{min-width:0!important;min-height:96px!important;padding:9px 7px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:first-child{width:32px!important;height:32px!important;margin:0 auto 8px!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:nth-child(2){font-size:10px!important;line-height:1.25!important;} body #mb-main-shell #firstRunStarter .first-run-choice > span:nth-child(3){display:none!important;} body #mb-main-shell :is(#safeToSpendCard,#flexible-money-card){background:#fff!important;} } /* Mobile homepage shortcuts and selected navigation: white, not pastel. */ @media(max-width:767px){ #mb65MobileShortcuts {gap:10px!important;} #mb65MobileShortcuts #mb65ChooseBuddy, #mb65MobileShortcuts #mb65SafetyCushion {background:#FFFFFF!important;background-image:none!important;color:#14243B!important;border:1px solid rgba(20,36,59,.19)!important;box-shadow:none!important;border-radius:15px!important;} #mb65MobileShortcuts #mb65SafetyCushion {border-color:rgba(18,61,49,.32)!important;} #moneyBuddyMobileNav>button.is-active:not(.mobile-add), #moneyBuddyMobileNav>button[aria-current="page"]:not(.mobile-add) {background:#FFFFFF!important;color:#123D31!important;border-color:#123D31!important;} } #mb-header-inner nav [aria-current="page"],#mb-header-inner nav .active {background:#FFFFFF!important;color:#123D31!important;box-shadow:inset 0 -2px 0 #C49A3A!important;}