/* Conversion clarity: preserve core page design while making the first useful action obvious. */
.auth-body [hidden]{display:none!important}
.auth-body--register .figma-step-subtitle{color:#c9bdce!important}
.auth-body--register .form-row:has(#regEmailGroup){display:block!important}
.auth-body--register .form-row:has(#regDay){display:grid!important;grid-template-columns:.8fr 1.25fr 1fr!important;gap:8px!important}
.auth-body--register .date-select{width:100%!important;min-width:0!important;padding-left:10px!important;font-size:14px!important}
.auth-body--register #figmaRegisterForm .form-group{margin-bottom:16px}
.auth-body--register .password-requirements{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0;list-style:none;font-size:12px}
.auth-body--register #regEmailGroup,.auth-body--register #regPhoneGroup{width:100%!important}
.conversion-intro{padding:12px 16px;border:1px solid #b18aaf55;border-radius:14px;background:#38283d;color:#f8eaf6;font:500 13px/1.5 Figtree,sans-serif;margin:12px 0 18px}
.conversion-intro p{margin:4px 0;color:#d5c2d8}
.conversion-intro a{color:#f4c5df;text-decoration:underline}
.conversion-hero-proof{display:flex;flex-wrap:wrap;gap:8px 20px;color:#f4e6f3;font:500 13px/1.5 Figtree,sans-serif;margin:16px 0 22px}
.conversion-hero-proof span{display:inline-flex;align-items:center;gap:7px}
.conversion-hero-proof span::before{content:'✓';color:#f5b5d0;font-weight:700}
.hero__intro .conversion-join-note{margin:14px 0 0;font:400 12px/1.5 Figtree,sans-serif;color:#d8cbd6}
.hero:has(.conversion-hero-proof){padding-bottom:40px}
.conversion-choice{padding:18px;border:1px solid #aa819f;border-radius:18px;background:#38273f;color:#f8edf8;margin:16px 0}
.conversion-choice h2{font-size:20px;margin:0 0 8px;color:inherit}
.conversion-choice p{font-size:14px;color:#d4bdd7;line-height:1.5}
.conversion-choice-actions{display:flex;gap:10px;flex-wrap:wrap}
.conversion-choice-actions a,.conversion-choice-actions button{padding:12px 16px;border:1px solid #b383a2;border-radius:12px;background:#50334d;color:#fff;text-decoration:none;font-weight:600}
.conversion-sticky-join{display:none}
.discover-person-intent{font-size:12px;color:#e4c8de;margin:4px 0}
@media(max-width:991px){
 .nav-shell .nav-links:not(.active){display:none!important}
 .nav-shell .nav-links.active{display:flex!important}
}
@media(max-width:600px){
 .hero__copy h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.12!important}
 .conversion-sticky-join{display:flex;position:fixed;bottom:12px;left:16px;right:16px;z-index:80;justify-content:center;align-items:center;min-height:48px;border-radius:24px;background:#c70a45;color:#fff!important;font:700 15px Figtree,sans-serif;text-decoration:none;box-shadow:0 6px 24px #0005}
 body:has(.conversion-sticky-join){padding-bottom:76px}
 .conversion-choice-actions>*{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.hero__copy,.hero__intro,.auth-panel{animation:none!important;opacity:1!important;transform:none!important}}


.step-card__top>span,.why-zobeya-download .download-label{color:#ff91b8!important;opacity:1!important}

/* Keep the first screen stable; hover and navigation interactions remain available. */
.landing-home .hero__polaroids{animation:none!important;opacity:1!important;translate:none!important;transform:none!important}
.landing-home .polaroid,.landing-home .nav-shell,.landing-home .hero__buttons .btn{animation:none!important}
.landing-home .nav-shell{opacity:1!important}
.landing-home .process,.landing-home .footer{content-visibility:auto;contain-intrinsic-size:auto 700px}

/* Decorative lower-page artwork loads as lazy images, with stable section geometry. */
.landing-home .lazy-art-section{position:relative;isolation:isolate;background-image:none!important}
.landing-home .lazy-art-section::before{background-image:none!important;animation:none!important}
.landing-home .landing-section-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;pointer-events:none}
.landing-home .story-banner{content-visibility:auto;contain-intrinsic-size:auto 451px}

/* Contrast improvements from the public PageSpeed audit. */
.landing-body .process__cta,.landing-body .contact-submit-btn,.landing-body .modal-continue-btn{background:#b5073e!important;color:#fff!important}
.landing-body .story-card__time{color:#caced8!important}
.subscription-page-body .pricing-tier-card .tier-daily{color:#ff8daf!important}
.subscription-page-body .popular-badge{background:#6d28d9!important;color:#fff!important}
.support-page-body .service-faq-card h3{color:#b5073e!important}
.landing-body .blog-sidebar-badge{color:#a50638}
.landing-body .blog-editorial-breadcrumbs .crumb-current{color:#475569}

.subscription-page-body .pricing-tier-card h3{margin:0 0 6px;font-size:20px;font-weight:700;color:#fff;font-family:var(--font-body);line-height:1.2}.subscription-page-body .pricing-tier-card h3 small{font-size:16px;font-weight:400;color:#caced8}.subscription-page-body .credit-feature-text h4{margin:0 0 5px;font-size:18px;font-weight:700;color:#fff;line-height:1.25}.subscription-page-body .pricing-tier-card.is-popular h3{padding-right:112px}

.contact-page-body .contact-submit-btn{background:#b5073e!important;color:#fff!important}

.landing-body .credits-hero-content,.landing-body .stories-hero-content{animation:none!important;opacity:1!important;transform:none!important}

/* Defer rendering below the first screen until each section approaches view. */
.landing-home .zobeya-changes-section,.landing-home .cosmic-section,.landing-home .double-date-section,.landing-home .music-mode-section,.landing-home .safety-section,.landing-home .why-zobeya-section,.landing-home .ready-section{content-visibility:auto;contain-intrinsic-size:auto 840px}
.landing-home .process-map__outline,.landing-home .section-title,.landing-home .process__cta,.landing-home .footer__logo{animation:none!important;opacity:1!important}

.landing-home p.card-title,.landing-home p.music-mode-subtitle{letter-spacing:-.01em}

/* Keep the FAQ's two calls to action separated and equally sized. */
.advice-page .advice-cta-actions{display:flex;justify-content:center;align-items:stretch;gap:16px;flex-wrap:wrap;max-width:640px;margin-inline:auto}
.advice-page .advice-cta-actions .advice-cta-btn{flex:1 1 240px;min-width:0;min-height:50px;height:auto;padding:14px 20px;box-sizing:border-box;text-align:center;line-height:1.4;margin:0}
.advice-page .advice-cta-actions .btn--ghost{background:transparent;border:1px solid #a4a0ae;box-shadow:none;color:#fff!important}
@media(max-width:600px){.advice-page .advice-cta-actions{flex-direction:column;gap:14px;width:100%;max-width:340px}.advice-page .advice-cta-actions .advice-cta-btn{flex:none;width:100%;font-size:14px}}

/* Shared language picker: match the plum theme on public and account pages. */
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-dropdown{background:#302333!important;color:#f6edf8!important;border:1px solid #806477!important;border-radius:18px!important;box-shadow:0 16px 40px #120a1866!important;max-height:min(440px,calc(100dvh - 120px));overflow-y:auto;overscroll-behavior:contain;padding:8px 0}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-head{background:#302333!important;color:#cdb9d1!important;border-bottom:1px solid #634b65!important;padding:12px 16px!important}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-head span{color:#cdb9d1!important}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item{min-height:48px;box-sizing:border-box;color:#f6edf8!important;background:transparent!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item-content{display:flex;align-items:center;gap:12px}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item .lang-name{color:#f6edf8!important;font-size:15px}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item .lang-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:28px;background:#49344e!important;color:#ead6e6!important;border-radius:7px}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item:is(:hover,.is-active){background:#49344e!important;color:#fff!important}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item .lang-check{color:#ffc5df!important}
body :is(.landing-lang-wrapper,.dash-lang-wrapper) .dash-lang-item:focus-visible{outline:2px solid #efbad7;outline-offset:-4px}

body .landing-lang-wrapper .dash-lang-dropdown{left:auto!important;right:0!important;max-width:calc(100vw - 24px)!important}

/* Consistent plum purchase surfaces across public plans, account plans and credits. */
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section){--z-surface-light:#302333;--z-ink:#f8eef5;--z-ink-muted:#d6c5da;--z-border-light:#806477}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) :is(.pricing-tier-card,.credit-bundle-card){background:#302333!important;color:#f8eef5!important;border:1px solid #806477!important;box-shadow:none!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) :is(.pricing-tier-card.is-selected,.pricing-tier-card.is-popular,.credit-bundle-card.is-popular,.pricing-tier-card:hover){background:#49344e!important;border-color:#d9a4c3!important;transform:none!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) :is(h3,h4,h5,.tier-pricing,.tier-pricing strong,.tier-name,.plan-benefits li,.credit-bundle-amount,.credit-bundle-price){color:#f8eef5!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) :is(.tier-desc,.tier-daily,.tier-pricing span,.tier-pricing small,.tier-pricing h3 small,.credit-bundle-desc,.credit-bundle-subtitle,.credit-bundle-chat,.credit-bundle-unit,.credit-bundle-price small,.plan-benefits small){color:#d6c5da!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) .plan-credit-metrics{background:#443048!important;border-color:#806477!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) .plan-credit-metrics strong{color:#ffbedb!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) .plan-credit-metrics span{color:#e0cde2!important}
body:is(.dash-body.zobeya-premium,.subscription-page-body) :is(#upgradeCreditsModal,.premium-page-wrapper,.subscription-section) .plan-benefits svg{color:#ffc1dc!important}
body.dash-body.zobeya-premium #upgradeCreditsModal :is(.credits-modal-card,.credits-modal-body,.credits-modal-nav-bar,.credits-modal-footer){background:#302333!important;border-color:#806477!important;color:#f8eef5!important}
body.dash-body.zobeya-premium #upgradeCreditsModal :is(.modal-tab-pill,.credit-chat-explainer,.credit-usage-guide,.credit-usage-guide summary,.credits-features-col>h3,.credit-feature-text h5,.credit-feature-text p,.user-balance-text){color:#e0cde2!important}
body.dash-body.zobeya-premium #upgradeCreditsModal .modal-tab-pill{background:#38253f!important;border:1px solid #806477!important}
body.dash-body.zobeya-premium #upgradeCreditsModal .modal-tab-pill.active{background:#69445e!important;border-color:#d9a4c3!important;color:#fff!important}
body.dash-body.zobeya-premium #upgradeCreditsModal .user-balance-val{color:#f5d88d!important}
.advice-page .advice-cta-card{background:linear-gradient(135deg,#332637,#281e2d);border-color:#634b65}
body.settings-page-body #account-settings-form .settings-field>span{color:#f8eef5!important}
body.settings-page-body .settings-section{animation:none!important}
body.settings-page-body .settings-mobile-head>a{display:grid;place-items:center}
body.settings-page-body .settings-mobile-head>a svg{width:22px;height:22px}

/* Account pages that previously retained white legacy cards. */
body.dash-body.notifications-body .notifications-page-card{background:#302333!important;color:#f8eef5!important;border:1px solid #806477!important;border-radius:20px!important}
body.dash-body.notifications-body :is(.notifications-card-title,.notifications-page-list h3,.mobile-page-head h2){color:#f8eef5!important}
body.dash-body.notifications-body :is(.notifications-card-subtitle,.notifications-page-list p,.notif-item-text,.notif-item-time){color:#d6c5da!important}
body.dash-body.notifications-body .notifications-page-tabs{border-color:#765771!important}
body.dash-body.notifications-body .notif-tab-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#38253f!important;color:#ead6e6!important;border:1px solid #806477!important}
body.dash-body.notifications-body .notif-tab-btn.is-active{background:#69445e!important;color:#fff!important;border-color:#d9a4c3!important}
body.dash-body.notifications-body .notifications-page-list .notif-popup-item{background:#302333!important;border-color:#634b65!important;color:#f8eef5!important}
body.dash-body.notifications-body .notifications-page-list .notif-popup-item:is(:hover,.is-unread){background:#49344e!important}
body.dash-body.notifications-body .notifications-page-list>div>div{background:#49344e!important;color:#e0cde2!important}
body.dash-body.bookmarks-body :is(#empty-state,.bookmark-card){background:#302333!important;border-color:#806477!important;box-shadow:none!important}
body.dash-body.bookmarks-body :is(h1,h3,.bookmark-card h4){color:#f8eef5!important}
body.dash-body.bookmarks-body :is(.bookmarks-content>div>div>p,#empty-state p,.bookmark-card p){color:#d6c5da!important}
body.dash-body.bookmarks-body #bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))!important}
body.dash-body.bookmarks-body #empty-state{padding:48px 20px!important}
body.dash-body.bookmarks-body .bookmark-card button{min-height:44px;min-width:44px}

body.auth-body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),body.auth-body .date-select{font-size:16px!important}
.advice-page .faq-question:is(:hover,:focus-visible),.advice-page .faq-item.active .faq-question{color:#ff9bc2!important}
@media(max-width:480px){body.dash-body.zobeya-premium #upgradeCreditsModal .credit-bundle-price{font-size:clamp(18px,4.8vw,22px)!important;line-height:1.4!important}}