@import url("/assets/rounded-frames-v1.css?v=1") layer(mz-rounded);
/* MyZinergi client visual release 1.4.0. Layout and access rules stay with their existing modules. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--mz-paper:#fbf8f2!important;--mz-cream:#f3eee6!important;--mz-sand:#e9dfd0!important;--mz-taupe:#8b745d!important;--mz-primary:#806a55!important;--mz-gold:#b58a46!important;--mz-ink:#4a3b32!important;--mz-muted:#756052!important;--mz-danger:#943f32!important;color-scheme:light;accent-color:var(--mz-primary)}
body{color:var(--mz-ink);font-family:Manrope,Arial,sans-serif!important}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif!important}
a,button,input,select,textarea,[tabindex]{-webkit-tap-highlight-color:#e9dfd0}
:focus-visible{outline:2px solid var(--mz-primary);outline-offset:3px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--mz-primary)}
.choice input:focus-visible+span{outline:2px solid var(--mz-primary);outline-offset:3px}
img[src*="zinergi-mark-transparent-v2"]{object-fit:contain;background:transparent}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo:before,.zinergi-brand-icon{background-image:url(/assets/brand/zinergi-mark-transparent-v2.svg)!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:transparent!important}

/* 1.4.1 — light homepage reference: dark ink is for text, not large surfaces. */
:root{--mz-action:#eadfce;--mz-action-hover:#e0d1ba;--mz-action-border:#9b7b4b;--mz-surface:#fffdf9;--mz-line:#e3d9cb;--mz-soft-gold:#f2eadc;--mz-shadow:0 8px 28px rgba(74,59,50,.055)}
html,body{background:var(--mz-paper)!important;color:var(--mz-ink)!important}
.app{background:var(--mz-paper)!important;box-shadow:0 0 0 1px var(--mz-line),0 12px 40px rgba(74,59,50,.035)!important}
.head,header.head,.nav{background:rgba(251,248,242,.97)!important;color:var(--mz-ink)!important;box-shadow:none!important}
.topline,.bar{background:var(--mz-cream)!important;color:var(--mz-ink)!important;border-bottom:1px solid var(--mz-line)}
.auth-overlay,.auth{background:linear-gradient(145deg,var(--mz-paper),var(--mz-cream))!important}
.auth-card,.authbox,.card,.recipe,.metric,.section,.gate,.done,.pilot-choice,.profile-card{background:var(--mz-surface)!important;color:var(--mz-ink)!important;border-color:var(--mz-line)!important;box-shadow:var(--mz-shadow)!important}
/* Keep original geometry, imagery, hidden states, and interaction behavior. */
.hero,.inner,header:not(.head),.one-thing,.guide-box,.v12-feature,.cj-card,.tc-journey,.restore-v1 .rv-hero,.rv-action,.connect-hero,.connect-reflection,.connect-complete,.coach-hero,.coach-onboard,.pre-session,.breathe-session,.breathe-complete,.breath-coach-cert-card,.academy-course-card,.jv1-card.dark,.training-v2-personal,.understand-note-card,.understand-action-card{background:linear-gradient(135deg,var(--mz-surface),var(--mz-soft-gold))!important;color:var(--mz-ink)!important;border:1px solid var(--mz-line);box-shadow:var(--mz-shadow)!important}
:is(.hero,.inner,header:not(.head),.one-thing,.guide-box,.v12-feature,.cj-card,.tc-journey,.rv-hero,.rv-action,.connect-hero,.connect-reflection,.connect-complete,.coach-hero,.coach-onboard,.pre-session,.breathe-session,.breathe-complete,.breath-coach-cert-card,.academy-course-card,.jv1-card.dark,.training-v2-personal,.understand-note-card,.understand-action-card) :is(h1,h2,h3,h4,p,small,strong,span,label,a){color:var(--mz-ink)!important}
.full,.primary,.btn:not(.danger):not(.error),.jv1-primary,.shared-plan-button,.sub-primary,.training-v26-submit,.training-v26-client-actions button,.training-v28-actions button.primary,.training-v2-quick button:first-child,.program-card button{background:var(--mz-action)!important;color:var(--mz-ink)!important;border:1px solid var(--mz-action-border)!important;box-shadow:0 3px 10px rgba(74,59,50,.045)!important}
:is(.full,.primary,.btn,.jv1-primary,.shared-plan-button,.sub-primary) :is(span,strong,small){color:inherit!important}
:is(.full,.primary,.btn,.jv1-primary,.shared-plan-button,.sub-primary):hover:not(:disabled){background:var(--mz-action-hover)!important}
.secondary,.btn.alt,.btn-outline{background:var(--mz-surface)!important;color:var(--mz-ink)!important;border:1px solid var(--mz-action-border)!important;box-shadow:none!important}
.choice input:checked+span,.bristol-option input:checked+.bristol-card,.filter.active,.dietFilter.active,.coach-tabs button.active,.training-v2-pills button.is-active,.training-v24-categorychips button.is-active,.training-v25-favfilter.is-active,.training-v25-detailactions button.is-saved{background:var(--mz-action)!important;color:var(--mz-ink)!important;border-color:var(--mz-action-border)!important}
.score-value,.bristol-option input:checked+.bristol-card .bristol-check,.profile-dot,.trial-strip .trial-days,#today .one-check.done,.tc-day-card.tc-done .tc-icon{background:var(--mz-action)!important;color:var(--mz-ink)!important;border-color:var(--mz-action-border)!important;box-shadow:none!important}
.fill,.meter span,.trial-progress span,.rv-day span{background:var(--mz-gold)!important}
.banner{background:var(--mz-soft-gold)!important;color:var(--mz-ink)!important}
:focus-visible{outline:2px solid var(--mz-action-border)!important;outline-offset:3px}
.tab.on,button[aria-selected="true"],.mz-platform-fab,.mz-platform-continue{background:var(--mz-action)!important;color:var(--mz-ink)!important;border:1px solid var(--mz-action-border)!important;box-shadow:var(--mz-shadow)!important}
.mz-platform-fab :is(span,b),.mz-platform-continue :is(span,strong){color:var(--mz-ink)!important}
.mz-platform-menu{background:var(--mz-surface)!important;box-shadow:var(--mz-shadow)!important}
.pf-trigger,.pf-submit{background:var(--mz-action)!important;color:var(--mz-ink)!important;border:1px solid var(--mz-action-border)!important;box-shadow:var(--mz-shadow)!important}
.chapter-hero{box-shadow:var(--mz-shadow)!important}

/* 1.4.2: late-injected profile styles must never restore dark surfaces. */
html body #me .profile-settings-group,html body .profile-link-group{background:var(--mz-surface)!important;border:1px solid var(--mz-line)!important;box-shadow:var(--mz-shadow)!important}
html body #me .profile-settings-group .settings-row,html body #me .profile-settings-group .settings-row span,html body .profile-link-group .full{color:var(--mz-ink)!important;border-color:var(--mz-line)!important;background:transparent!important}
html body #me .settings-row:focus-visible,html body #me .settings-row:active,html body .profile-link-group .full:hover{background:var(--mz-soft-gold)!important;outline-color:var(--mz-action-border)!important}
.prompt-row button,.guide-reply{color:var(--mz-ink)!important;border-color:var(--mz-line)!important;background:var(--mz-paper)!important}
.app-editorial-photo{display:block;margin:12px 0 20px;overflow:hidden;border-radius:4px 36px 4px 4px;background:#f3eee6;max-width:100%;height:132px}
.app-editorial-photo img{width:100%;height:100%;display:block;object-fit:cover}
.app-editorial-photo[data-scene="breath"],.app-editorial-photo[data-scene="systemic"]{border-radius:36px 4px 4px 4px}
@media(min-width:700px){.app-editorial-photo{height:160px}}

/* Intake photo always has a light fallback and legible foreground. */
.visual{background-color:var(--mz-paper)!important}
.visual .copy,.visual .copy p,.visual .copy h1{color:var(--mz-ink)!important;text-shadow:none!important}
.visual:after{background:linear-gradient(180deg,rgba(251,248,242,.25),rgba(251,248,242,.95))!important}

/* 1.4.5: monochrome interface symbols, never colored emoji arrows. */
.icon-btn svg,.shareBtn svg{color:var(--mz-ink,#4a3b32);flex-shrink:0}
