/* Shared Pearl/Smoke glass system. Does not target the locked Today hero. */
:root{--g65-fill:linear-gradient(135deg,#fffdf49b,#f2eee484);--g65-line:#ffffffb3;--g65-shadow:0 18px 55px #493b2b15,inset 0 1px 0 #ffffffb3;--g65-ink:#252525;--g65-muted:#665d52;--g65-back:radial-gradient(ellipse at 12% 8%,#dac8ad6b,transparent 55%),radial-gradient(ellipse at 88% 64%,#e9dfccaa,transparent 64%),#f3efe7}
[data-theme="night"]{--g65-fill:linear-gradient(135deg,#272722bb,#45443cb3);--g65-line:#ffffff55;--g65-shadow:0 18px 55px #0003,inset 0 1px 0 #ffffff24;--g65-ink:#fff8ed;--g65-muted:#ded3c0;--g65-back:radial-gradient(ellipse at 12% 8%,#70634d66,transparent 55%),radial-gradient(ellipse at 88% 64%,#4f4b4166,transparent 64%),#242423}
html,body{background:var(--g65-back)!important;background-attachment:fixed!important}
#app main>.card,#app main details,#app main .mp-card,#app main .meal-slot,.siphox-additive,.booking64-panel,#sample-banner65{background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;box-shadow:var(--g65-shadow)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);color:var(--g65-ink)!important}
.c64-shell{background:transparent!important;--c64-bg:transparent;--social-glass:var(--g65-fill);--social-hair:var(--g65-line);--social-shadow:var(--g65-shadow);color:var(--g65-ink)}
.c64-shellbar,.c64-composer,.c64-review .c64-post,.c64-belong-card,.c64-depth-card{background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;box-shadow:var(--g65-shadow)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
.c64-shellbar{border-radius:20px}.c64-shell .c64-post{background:transparent!important;box-shadow:none!important}.c64-shell .c64-muted,.c64-shell .c64-private{color:var(--g65-muted)}
#aspn-community65{grid-column:1/-1!important;min-width:0}.app[data-route="club"] main:has(#aspn-community65){display:block!important}
#composer-guard .c64-composer-panel{background:var(--g65-fill)!important;color:var(--g65-ink)}
@media(prefers-reduced-transparency:reduce){:root{--g65-fill:#f6f1e8}[data-theme="night"]{--g65-fill:#302e29}}
.mpb{--mpb-card:var(--g65-fill);--mpb-line:var(--g65-line);--mpb-shadow:var(--g65-shadow);--mpb-ink:var(--g65-ink);--mpb-ink2:var(--g65-muted)}.mpb .slot,.mpb .mpb-targets,.mpb .mpb-summary,.mpb .meal-card,.mpb .glass{background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;box-shadow:var(--g65-shadow)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);color:var(--g65-ink)!important}.mpb .slot-add{min-height:44px}

/* Navigation chrome uses high-opacity glass for stable text while scrolling. */
.top,.tabs .tabs-in{background:rgba(246,241,232,.96)!important;backdrop-filter:blur(40px) saturate(1.4)!important;-webkit-backdrop-filter:blur(40px) saturate(1.4)!important;opacity:1!important}
[data-theme="night"] .top,[data-theme="night"] .tabs .tabs-in{background:rgba(40,39,35,.97)!important;color:#fff8ed!important}
:root.nav-dim .top,:root.nav-dim .tabs{opacity:1!important}
#app main{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important;scroll-padding-block:110px calc(160px + env(safe-area-inset-bottom))}
.cx-mobile-post-fab{display:none!important}.c64-surface{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
.mpb .mpb-view>.slot:first-child{position:static!important;top:auto!important}.mpb .mpb-top,.mpb .mpb-toolbar{position:static!important;top:auto!important}
[data-theme="night"] .glass-health-hero>.hero-bg{filter:brightness(.4)!important}
.gh-explore{font-size:14px!important;white-space:nowrap;gap:6px;padding-inline:10px!important}
.c64-shellbar [data-theme]{border:1px solid var(--g65-line)!important;border-radius:22px!important;padding:8px 14px!important;background:var(--g65-fill)!important;box-shadow:var(--g65-shadow)!important;min-height:44px!important}
.pgs-card,.jr-card,.jr-panel,.au-panel,.modal .card,.sheet .card{background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;box-shadow:var(--g65-shadow)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}.jr-root{background:transparent!important;--jr-card:var(--g65-fill);--jr-shadow:var(--g65-shadow)}

.mpb .mpb-viewbar{position:static!important;top:auto!important}
/* Keep scrolling cards below the chrome stacking plane, including flex children. */
#app .top{z-index:100!important;background:rgba(246,241,232,.99)!important;isolation:isolate}
[data-theme="night"] #app .top{background:rgba(40,39,35,.99)!important}
#app .tabs{z-index:110!important}.mpb .mpb-viewbar{z-index:auto!important}

.app[data-route="club"] main:has(#aspn-community65)>aside.rail,.app[data-route="club"] main:has(#aspn-community65)>section:not(#aspn-community65){display:none!important}
#app main:after{content:"";display:block;min-height:160px;grid-column:1/-1;flex:0 0 160px}
#yourDay,#yourDay b,#yourDay .faint{color:var(--g65-ink)!important}#yourDay .sand,#yourDay .link{color:var(--g65-muted)!important}
[data-theme="night"] .home-qp,[data-theme="night"] .home-qp button,[data-theme="night"] .home-qp span,[data-theme="night"] .home-qp .faint,[data-theme="night"] main>p .link,[data-theme="night"] main>p .faint,[data-theme="night"] .tabs .tab{color:#f1e6d1!important;opacity:1!important}

#yourDay .tiny,#yourDay .tiny span,#yourDay a>span.grow{color:var(--g65-muted)!important}#yourDay .tiny b{color:var(--g65-ink)!important}
:root[data-theme] #app #yourDay .tiny.faint,:root[data-theme] #app #yourDay .tiny.faint span{color:var(--g65-muted)!important;opacity:1!important}
:root[data-theme] #app #yourDay b.num{color:var(--g65-ink)!important}

.c64-reply-compose{margin:16px 0;padding:16px;border:1px solid var(--g65-line);border-radius:18px;background:var(--g65-fill)}.c64-reply-compose textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0;padding:12px;border:1px solid var(--g65-line);border-radius:12px;background:var(--g65-fill);color:var(--g65-ink);font:inherit}.c64-reply-compose button,.c64-reply-open{min-height:44px;padding:8px 14px;border:1px solid var(--g65-line);border-radius:22px;background:var(--g65-fill);color:var(--g65-ink);font:inherit}.c64-reply-status{font-size:13px;color:var(--g65-muted)}
/* Signed-out Pearl/Smoke uses the same material and readable tokens. */
:root[data-theme] .au-wrap{background:var(--g65-back)!important;color:var(--g65-ink)!important}
:root[data-theme] .au-wrap::before{background:transparent!important}
:root[data-theme] .au-panel,:root[data-theme] .au-feat,:root[data-theme] .au-step,:root[data-theme] .au-modal-box,:root[data-theme] .au-pend .ring{background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;box-shadow:var(--g65-shadow)!important;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);box-sizing:border-box}
:root[data-theme] .au-h1,:root[data-theme] .au-panel h2,:root[data-theme] .au-feat b,:root[data-theme] .au-step b,:root[data-theme] .au-sec h3{color:var(--g65-ink)!important}
:root[data-theme] .au-sub,:root[data-theme] .au-panel .hint,:root[data-theme] .au-field label,:root[data-theme] .au-alt,:root[data-theme] .au-feat span,:root[data-theme] .au-step span,:root[data-theme] .au-foot,:root[data-theme] .au-sec>p{color:var(--g65-muted)!important}
:root[data-theme] .au-field input,:root[data-theme] .au-btn:not(.pri){background:var(--g65-fill)!important;border:1px solid var(--g65-line)!important;color:var(--g65-ink)!important}
:root[data-theme="night"] .au-brand img{filter:brightness(0) invert(.95)}
:root[data-theme="night"] .au-alt a{color:#e5c9a7!important}
.au-login-stage .au-panel{position:relative;z-index:1;margin:0;max-width:440px}
@media(max-width:650px){.au-login-stage{padding:20px;min-height:580px}}
:root[data-theme] .au-login-stage .au-panel{background:linear-gradient(135deg,#fffdf4e0,#f2eee4d1)!important}
:root[data-theme="night"] .au-login-stage .au-panel{background:linear-gradient(135deg,#272722e8,#45443ce0)!important}
/* Selected compact hero B. Compact health panel without scaling tap targets. */
#app .glass-health-hero{height:440px!important;min-height:440px!important}
#app .glass-health-hero>h1{top:76px!important}
#app .glass-health{padding:14px 18px;left:32px;right:auto;width:calc((100% - 64px)*.82);box-sizing:border-box}
#app .gh-layout{grid-template-columns:108px 1fr 1.15fr;gap:14px;margin-top:8px}
#app .gh-score{width:108px;height:108px}
#app .gh-score b{font-size:52px}
#app .gh-score small{font-size:8px;margin-top:4px}
#app .gh-wearables{gap:7px}
#app .gh-wearables>div{padding:10px 5px}
#app .gh-wearables b{font-size:31px}
#app .gh-trend{margin-top:10px}
#app .gh-explore{min-height:44px;margin-top:8px;padding:8px 10px;box-sizing:border-box}
#app .gh-foot{margin-top:8px;font-size:11px;line-height:1.3}
@media(max-width:650px){
 #app .glass-health-hero{height:520px!important;min-height:520px!important}
 #app .glass-health-hero>h1{top:74px!important}
 #app .glass-health{left:14px;right:14px;width:auto;padding:12px 14px}
 #app .gh-layout{grid-template-columns:86px 1fr;gap:8px;margin-top:6px}
 #app .gh-score{width:86px;height:86px}
 #app .gh-score b{font-size:43px}
 #app .gh-score small{font-size:7px;margin-top:3px}
 #app .gh-wearables{grid-column:1/-1;gap:6px}
 #app .gh-wearables>div{padding:6px 4px}
 #app .gh-wearables b{font-size:27px;line-height:1.15}
 #app .gh-wearables span{font-size:11px}
 #app .gh-wearables small{font-size:11px}
 #app .gh-head{font-size:17px}
 #app .gh-signal{font-size:11px;gap:2px}
 #app .gh-trend{font-size:11px;margin-top:5px;line-height:1.3}
 #app .gh-bar{margin-top:5px;height:5px}
 #app .gh-explore{font-size:14px!important;margin-top:5px;padding:7px 8px!important}
 #app .gh-foot{font-size:10px;margin-top:6px}
}
@media(max-width:650px){#app .glass-health{padding:8px 12px}#app .gh-layout{gap:5px;margin-top:4px}#app .gh-wearables>div{padding:4px}#app .gh-wearables b{font-size:25px;line-height:1.05}#app .gh-wearables span,#app .gh-wearables small{font-size:10px}#app .gh-head{font-size:16px}#app .gh-foot{margin-top:3px}}
#app .gh-score small{font-size:8px;letter-spacing:.04em;margin-top:2px}
@media(max-width:650px){#app .gh-score small{font-size:7px;letter-spacing:0;margin-top:1px}}

/* Selected centered desktop treatment. Mobile remains unchanged. */
@media(min-width:651px){#app .glass-health{left:50%;transform:translateX(-50%)}}

/* 0018: explicit rhythm, centered controls and neutral sample trends. */
#app .glass-health{padding:14px 18px}
#app .gh-head{align-items:center;line-height:20px}
#app .gh-layout{gap:14px;align-items:center;margin-top:8px}
#app .gh-score>span{inset:0;gap:0}
#app .gh-score b{position:absolute;top:50%;left:50%;transform:translate(-50%,-62%);display:flex;align-items:center;justify-content:center;gap:3px;font-size:48px;line-height:1;margin:0;white-space:nowrap}
#app .gh-score small{position:absolute;top:calc(50% + 18px);left:50%;transform:translateX(-50%);font:7px/10px Arial;letter-spacing:0;margin:0;white-space:nowrap}
#app .gh-trend-icon{display:inline-block;width:12px;height:12px;flex:0 0 12px;transform:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
#app .gh-score .gh-trend-icon{width:12px;height:14px;transform:none}
#app .gh-signal{align-items:baseline;line-height:15px}
#app .gh-trend{margin-top:8px;line-height:16px}
#app .gh-explore{display:flex;align-items:center;justify-content:space-between;height:44px;min-height:44px;padding:0 12px!important;margin-top:8px;line-height:1;box-sizing:border-box}
#app .gh-explore>span{display:flex;align-items:center;justify-content:center;line-height:1;font:18px/1 Arial}
#app .gh-wearables>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;min-height:98px;box-sizing:border-box}
#app .gh-wearables>div>span{font-size:11px;line-height:13px;letter-spacing:.04em}
#app .gh-wearables b{display:flex;align-items:center;justify-content:center;gap:3px;font-size:31px;line-height:1;margin:0}
#app .gh-wearables b>span{display:inline;font:inherit;letter-spacing:0;line-height:1}
#app .gh-wearables small{font-size:11px;line-height:13px;margin:0}
#app .gh-foot{margin-top:8px;line-height:14px}
@media(max-width:650px){
 #app .glass-health{padding:10px 12px}
 #app .gh-head{font-size:16px;line-height:18px}
 #app .gh-layout{gap:8px;margin-top:6px;grid-template-columns:86px minmax(0,1fr)}
 #app .gh-score b{font-size:38px;gap:2px}
 #app .gh-score small{top:calc(50% + 14px);font-size:6.5px;line-height:8px}
 #app .gh-score .gh-trend-icon{width:10px;height:12px;flex-basis:10px}
 #app .gh-signal{font-size:11px;line-height:14px;gap:2px}
 #app .gh-bar{margin-top:5px}
 #app .gh-trend{font-size:11px;line-height:14px;margin-top:5px}
 #app .gh-explore{font-size:14px!important;margin-top:6px}
 #app .gh-wearables{gap:6px}
 #app .gh-wearables>div{min-height:76px;gap:3px;padding:7px 3px}
 #app .gh-wearables>div>span{font-size:11px;line-height:13px}
 #app .gh-wearables b{font-size:27px;gap:3px}
 #app .gh-wearables .gh-trend-icon{width:10px;height:12px;flex-basis:10px}
 #app .gh-wearables small{font-size:11px;line-height:13px}
 #app .gh-foot{font-size:10px;line-height:13px;margin-top:6px}
}
#app .glass-strength button{white-space:nowrap;flex-shrink:0}
@media(min-width:651px) and (max-width:900px){
 #app .gh-layout{grid-template-columns:86px minmax(0,1fr);gap:8px}
 #app .gh-score{width:86px;height:86px}
 #app .gh-score b{font-size:38px}
 #app .gh-score small{top:calc(50% + 14px);font-size:6.5px;line-height:8px}
 #app .gh-wearables{grid-column:1/-1}
 #app .gh-wearables>div{min-height:76px;padding:7px 3px;gap:3px}
 #app .gh-wearables b{font-size:27px}
}
#app .glass-strength button{border:1px solid #b6a286!important;border-radius:22px!important;background:transparent!important;min-height:44px;padding:10px 19px!important;display:inline-flex;align-items:center;justify-content:center}
[data-theme="night"] #app .glass-strength button{border-color:#ded3c0!important}

/* 0019: stemless sample chevrons. Opaque local backing stabilizes contrast on glass. */
#app .gh-trend-icon{opacity:1;background:#f6f1e8;border-radius:3px;stroke-width:2.5;stroke:#00643f;color:#00643f}
#app .gh-trend-icon[data-trend="unfavorable"]{stroke:#a11932;color:#a11932}
[data-theme="night"] #app .gh-trend-icon{background:#292822;stroke:#52df9b;color:#52df9b}
[data-theme="night"] #app .gh-trend-icon[data-trend="unfavorable"]{stroke:#ff7082;color:#ff7082}
/* 0020: no icon backings; deep Pearl and luminous Smoke carets. */
#app .gh-trend-icon{background:transparent;border-radius:0;stroke:#003c26;color:#003c26;stroke-width:2.8}
#app .gh-trend-icon[data-trend="unfavorable"]{stroke:#72051d;color:#72051d}
[data-theme="night"] #app .gh-trend-icon{background:transparent;stroke:#67efad;color:#67efad}
[data-theme="night"] #app .gh-trend-icon[data-trend="unfavorable"]{stroke:#ff8f9d;color:#ff8f9d}
/* 0021: center the numeral itself; caret occupies no layout width. */
#app .gh-score b{display:block;gap:0}
#app .gh-score b>.gh-trend-icon{position:absolute;right:calc(100% + 3px);top:50%;transform:translateY(-50%)}
#app .gh-wearables b{position:relative;display:block;gap:0}
#app .gh-wearables b>.gh-trend-icon{position:absolute;right:calc(100% + 3px);top:50%;transform:translateY(-50%)}

html[data-theme="night"] body .top{background:rgba(40,39,35,.99)!important;color:#fff8ed!important}

/* Mobile polish: nested disclosure is not a second glass card. */
#app main details.fuel-macros61{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:inherit!important}
#app main .fuel-macro-toggle61{padding:2px 0;min-width:0}
#app main .fuel-macro-toggle61>span:first-child{flex:1;min-width:0}
#app main .fuel-mini61{flex:none;white-space:nowrap}
/* Calendar dialog must own a plane above both header and tab chrome. */
#sheetRoot:has(#calAddSheet){position:fixed;inset:0;z-index:200}
#sheetRoot:has(#calAddSheet) .scrim{box-sizing:border-box;padding-top:calc(12px + env(safe-area-inset-top,0px));z-index:200}
#sheetRoot .sheet:has(#calAddSheet){box-sizing:border-box;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:rgba(246,241,232,.98);scroll-padding-block:20px}
[data-theme="night"] #sheetRoot .sheet:has(#calAddSheet){background:rgba(40,39,35,.98)}
#sheetRoot .sheet:has(#calAddSheet)>.row{align-items:center;gap:14px}
#sheetRoot .sheet:has(#calAddSheet)>.row h1{min-width:0;margin:0;font-size:30px;line-height:1.1}
#sheetRoot .sheet:has(#calAddSheet)>.row .icon-btn{flex:none}
/* Wearable pre-connect consent must retain dark contrast inside the glass theme. */
.jr-root .jr-card.dark{background:linear-gradient(135deg,#37322c,#211f1c)!important;color:#f3efe8!important;border:1px solid #ffffff20!important}
.jr-root .jr-card.dark .jr-pill{background:#ffffff08!important;color:#f3efe8!important;border-color:#cbb89f!important}
/* Journey's first-run action is a primary gold button, not a dark ghost control. */
.jr-root .jr-welcome .jr-pill{background:linear-gradient(115deg,#e3cba5,#b79b75)!important;color:#26231f!important;border-color:#d4bc98!important}
.jr-root .jr-card.dark.jr-welcome .jr-pill{background:linear-gradient(115deg,#e3cba5,#b79b75)!important;color:#26231f!important;border-color:#d4bc98!important}
/* Club spacing pass. Preserve the existing X-style grid and media geometry. */
.app[data-route=club] article.post.cx-x .post-head{padding-bottom:12px!important}
.app[data-route=club] article.post.cx-x .post-head .grow{column-gap:9px!important;row-gap:3px!important;align-items:center!important}
.app[data-route=club] article.post.cx-x .post-name{gap:8px!important;line-height:1.4!important}
.app[data-route=club] article.post.cx-x .post-time{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0!important;margin:0!important;line-height:1.4!important;white-space:nowrap!important}
.app[data-route=club] article.post.cx-x .post-time::before{content:"\00b7"!important}
.app[data-route=club] article.post.cx-x .cx-main{display:flex!important;flex-direction:column!important}
.app[data-route=club] article.post.cx-x .cx-main>.post-actions{order:20!important;margin:2px 0 0!important;padding:0!important;gap:26px!important;min-height:44px!important}
.app[data-route=club] article.post.cx-x .cx-main>.post-body{margin:8px 0 2px!important;line-height:1.45!important}
.app[data-route=club] article.post.cx-x .post-actions button{min-width:44px!important;min-height:44px!important;padding:6px 0!important}
.app[data-route=club] article.post.cx-x{margin-bottom:8px!important;scroll-margin-bottom:calc(124px + env(safe-area-inset-bottom))}
.app[data-route=club] main{padding-bottom:calc(145px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(124px + env(safe-area-inset-bottom))}
.app[data-route=club] .feed{padding-bottom:32px!important}
.app[data-route=club] article.post.cx-x>.post-time{position:absolute!important;right:4px!important;top:18px!important;max-width:80px!important;font-size:11px!important}
.app[data-route=club] article.post.cx-x .cx-main>.pad.row.between{padding-right:50px!important}
/* Build73 shared material: same Pearl/Smoke as Your Health, no geometry edits. */
:root{--g73-fill:linear-gradient(135deg,#fffdf499,#f2eee486);--g73-border:#ffffffb3;--g73-ink:#252525;--g73-muted:#665d52;--g73-shadow:0 18px 55px #493b2b15,inset 0 1px 0 #ffffffb3}
html[data-theme="night"]{--g73-fill:linear-gradient(135deg,#272722b3,#45443cac);--g73-border:#ffffff55;--g73-ink:#fff8ed;--g73-muted:#ded3c0;--g73-shadow:0 18px 55px #0003,inset 0 1px 0 #ffffff24}
:root{--g65-fill:var(--g73-fill);--g65-line:var(--g73-border);--g65-shadow:var(--g73-shadow);--g65-ink:var(--g73-ink);--g65-muted:var(--g73-muted)}
#app :is(.card,.win,.meal-slot,.mp-card,.mpb-summary,.mpb-targets,.h55-card,.rb-card,.rb-detail,.pgs-card,.pgs-panel,.pgs-glance,.booking64-panel,.progress-card,.profile-card,.v103-pf-card),.jr-root :is(.jr-card,.jr-tile),.modal :is(.card,.sheet),.sheet>.card{
 background:var(--g73-fill)!important;border-color:var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;color:var(--g73-ink)!important;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)
}
/* Preserve media, the locked Today image hero, and intentional dark callouts. */
#app .glass-health-hero{background-color:transparent!important}
#app :is(.card,.win,.h55-card,.rb-card,.pgs-card) :is(.faint,.muted,.sub,.hint){color:var(--g73-muted)!important}
@media(prefers-reduced-transparency:reduce){:root{--g73-fill:#f6f1e8}html[data-theme="night"]{--g73-fill:#302e29}}
/* Shared text hierarchy preserves readable ink on both materials. */
#app main :is(h1,h2,h3,.page-title,.section-title){color:var(--g73-ink)!important}
#app main :is(.kicker,.sub,.faint){color:var(--g73-muted)!important}
#app :is(.program-card,.shop-product-tile,.link-card,.files-card,.tile){background:var(--g73-fill)!important;border-color:var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;color:var(--g73-ink)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#app .gh-wearables>div{background:var(--g73-fill)!important;box-shadow:inset 0 1px 0 #ffffff55!important;border-color:var(--g73-border)!important}
#app .jr-pill,#jr-root .jr-pill{color:var(--jr-ivory)!important;background:var(--jr-char)!important}
#jr-root .jr-pill.ghost{background:transparent!important;color:var(--jr-char)!important}
[data-theme="night"] #app main :is(.card,.win,.tile,.mp-card,.meal-slot) :is(b,strong,.num){color:var(--g73-ink)!important}
/* Material owns full-height background; no viewport-limited wash or theme seam. */
html[data-theme="day"],html[data-theme="day"] body{background:#f3efe7!important}
html[data-theme="night"],html[data-theme="night"] body{background:#252521!important}
html[data-theme="day"] #jr-root{background:#f3efe7!important}
html[data-theme="night"] #jr-root{background:#252521!important}
html[data-theme="day"] #jr-root .jr-pill{background:#252525!important;color:#faf8f4!important}
html[data-theme="night"] #jr-root .jr-pill{background:#cbb89f!important;color:#252525!important}
#app main :is(.eyebrow,.label,.small,.note){color:var(--g73-muted)}
#app main :is(.card,.win,.tile,.link-card,.mp-card) :is(.title,.eyebrow,.label){color:var(--g73-ink)!important}
#app .fuelpg :is(.card,.tile,.link-card){background:var(--g73-fill)!important;color:var(--g73-ink)!important}
html[data-theme] body{--g65-fill:var(--g73-fill);--g65-line:var(--g73-border);--g65-shadow:var(--g73-shadow);--g65-ink:var(--g73-ink);--g65-muted:var(--g73-muted)}
html[data-theme="day"] body{--g73-fill:linear-gradient(135deg,#fffdf499,#f2eee486);--g73-border:#ffffffb3;--g73-ink:#252525;--g73-muted:#665d52;--g73-shadow:0 18px 55px #493b2b15,inset 0 1px 0 #ffffffb3}
html[data-theme="night"] body{--g73-fill:linear-gradient(135deg,#272722b3,#45443cac);--g73-border:#ffffff55;--g73-ink:#fff8ed;--g73-muted:#ded3c0;--g73-shadow:0 18px 55px #0003,inset 0 1px 0 #ffffff24}
html[data-theme="day"] #jr-root button.jr-pill{background:#252525!important;color:#faf8f4!important}
html[data-theme="night"] #jr-root button.jr-pill{background:#cbb89f!important;color:#252525!important}
html[data-theme] #jr-root button.jr-pill.ghost{background:transparent!important;color:var(--jr-char)!important}
html[data-theme="night"] #app main :is(.macro-row,.macro-summary,.fuel-summary,.card) span{color:inherit}
html[data-theme="day"] body[data-theme]{background:#f3efe7!important}
html[data-theme="night"] body[data-theme]{background:#252521!important}
html[data-theme="day"] body #jr-root button.jr-pill{background:#252525!important;color:#faf8f4!important}
html[data-theme="night"] body #jr-root button.jr-pill{background:#cbb89f!important;color:#252525!important}
html[data-theme="night"] #app .fuel-macro-toggle61 :is(.fuel-mini61,.fuel-expand61){color:var(--g73-muted)!important}
html[data-theme="night"] #app .fuel-macro-toggle61{color:var(--g73-ink)!important}
html[data-theme="night"] #app .fuel-searchbar61{background:var(--g73-fill)!important;color:var(--g73-ink)!important;border-color:var(--g73-border)!important}
html[data-theme="night"] #app .fuel-searchbar61 input{color:var(--g73-ink)!important}
html[data-theme="night"] #app .fuel-searchbar61 input::placeholder{color:var(--g73-muted)!important}
#app .glass-health-hero>h1{color:#fff8ed!important}
html[data-theme="night"] #app .fuel-searchbar61 #cn{color:#fff8ed!important}
html[data-theme="night"] #app .fuel-searchbar61 #cn::placeholder{color:#ded3c0!important}
html[data-theme="night"] #app .fuel-tool61,html[data-theme="night"] #app .fuel-manual-toggle71{color:#ded3c0!important}
html[data-theme="day"] #app main .fuel-summary .fuel-macro-toggle61,html[data-theme="day"] #app main .fuel-summary .fuel-macro-toggle61 :is(strong,small,span){color:#252525!important;-webkit-text-fill-color:#252525!important}
html[data-theme="night"] #app main .fuel-summary .fuel-macro-toggle61,html[data-theme="night"] #app main .fuel-summary .fuel-macro-toggle61 :is(strong,small,span){color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important}
html[data-theme] #jr-root button.jr-pill.ghost{background:transparent!important;color:var(--jr-char)!important}

/*74: shared product hierarchy, reserved rows, no inherited link flex stretching. */
#app .shop-product-tile.shop74{display:grid!important;grid-template-rows:auto 24px minmax(32px,auto) 36px 42px!important;gap:8px!important;padding:12px!important;align-content:start!important;height:100%!important;min-width:0}
#app .shop-product-tile.shop74>.shop74-product{display:flex!important;flex-direction:column!important;gap:12px!important;flex:none!important;color:inherit;text-decoration:none;min-width:0}
#app .shop74 .shop-tile-photo{aspect-ratio:1!important;height:auto!important;min-height:0!important;padding:0!important;position:relative!important;flex:none!important;overflow:hidden!important}
#app .shop74 .shop-tile-photo img{position:absolute!important;inset:0!important;object-fit:contain!important;width:100%!important;height:100%!important;padding:8px!important;box-sizing:border-box}
#app .shop74 .shop-tile-title{font-family:var(--font-body,Georgia,serif)!important;font-size:16px!important;font-weight:500!important;line-height:1.3!important;height:3.9em!important;min-height:3.9em!important;-webkit-line-clamp:3!important;display:-webkit-box!important;overflow:hidden!important}
#app .shop74-price{font-size:16px!important;font-weight:600!important;line-height:24px!important;margin:0!important}
#app .shop74-status{margin:0!important;line-height:16px!important;min-height:32px!important}
#app .shop74-favorite .chip{width:100%;height:36px;margin:0!important;font-size:12px;justify-content:center;padding:5px}
#app .shop74>.shop74-action{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;text-decoration:none;text-align:center;font-size:13px;line-height:1.2;box-sizing:border-box}
.fuel74-food,.fuel74-recipe{display:flex;flex-direction:column;min-width:0;gap:6px}.fuel74-food>.food,.fuel74-recipe>.rb-card{flex:1;min-width:0}.fuel74-save{justify-content:center;min-height:36px;font-size:12px;white-space:normal!important}.fuel74-save svg{width:15px;height:15px;flex:none}.fuel74-favorites>section{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.fuel74-favorites .list-row{gap:8px;flex-wrap:wrap}.fuel74-favorites h2,.fuel74-favorites h3{margin:0}

/*74: compact Club feed photos, full original available only on request. */
#app[data-route=club] article.post .carousel{max-height:280px!important;overflow:hidden!important}
#app[data-route=club] article.post .carousel>div{height:280px!important;min-height:0!important}
#app[data-route=club] article.post .carousel img{height:280px!important;max-height:280px!important;width:100%!important;object-fit:cover!important;display:block!important}
.club74-expand{display:block;width:100%;height:100%;padding:0;border:0;background:none;position:relative;cursor:zoom-in}.club74-expand>span{position:absolute;right:12px;bottom:12px;color:white;background:rgba(20,20,20,.7);padding:5px 10px;border-radius:999px;font:12px Georgia,serif}
.club74-lightbox{border:1px solid rgba(166,136,110,.4);border-radius:18px;background:var(--paper,#252525);padding:12px;max-width:94vw;max-height:94vh;box-sizing:border-box}.club74-lightbox::backdrop{background:rgba(0,0,0,.78)}.club74-lightbox>img{display:block;max-width:88vw;max-height:80vh;width:auto;height:auto;object-fit:contain;margin-top:10px}.club74-lightbox>button{display:block;margin-left:auto}
@media(max-width:650px){#app[data-route=club] article.post .carousel,#app[data-route=club] article.post .carousel>div,#app[data-route=club] article.post .carousel img{height:220px!important;max-height:220px!important}}

/*74 Club: preserve the real3-column feed, isolate scrolling surfaces from GPU glass trails. */
@media(min-width:1000px){#app.app[data-route=club] main:not(:has(#aspn-community65)){display:grid!important;grid-template-columns:minmax(170px,220px) minmax(0,600px) minmax(190px,260px)!important;gap:0 20px!important;width:100%;box-sizing:border-box;justify-content:center}#app.app[data-route=club] main>aside.rail{position:static!important;inset:auto!important;width:auto!important;max-width:100%;min-width:0;display:flex!important;align-self:stretch!important}#app.app[data-route=club] main>aside.rail-l{padding-right:16px!important}#app.app[data-route=club] main>aside.rail-r{padding-left:16px!important}}
#app.app[data-route=club] main :is(.card,.post,.rail,.cx-main,.carousel,.tile,.win){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none;filter:none;isolation:auto}
#app.app[data-route=club] main :is(.card,.tile,.win){background:#f4f0e8!important;box-shadow:0 5px 18px #493b2b0c!important}
html[data-theme=night] #app.app[data-route=club] main :is(.card,.tile,.win){background:#302f2a!important}
#app.app[data-route=club] article.post{position:relative!important;overflow:hidden!important}
/* Lab disclosures use a single opaque backing; no nested blur/ghost layers. */
#jr-root :is(details,summary,.jr-lab-row,.jr-labs-row){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;text-shadow:none!important;transform:none!important}

/*74 Fuel: explicit palette and readable zero-state tracks, immune to old theme overrides. */
html[data-theme] #app main section.card.fuel-summary{background:#faf6ef!important;color:#252525!important;border:1px solid #d8caba!important;box-shadow:0 14px 36px #493b2b12!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] #app main .fuel-summary :is(summary,strong,small,span,div,p,button,.eyebrow,.lbl,.note,.faint){color:#554c42!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;opacity:1!important}
html[data-theme] #app main .fuel-summary :is(.kcal,.v,strong){color:#252525!important;-webkit-text-fill-color:#252525!important}
html[data-theme] #app main .fuel-summary .macro{padding:14px 12px;background:#eee8dd;border-radius:13px;gap:9px!important;min-width:0!important}
html[data-theme] #app main .fuel-summary .macro .v{display:flex!important;align-items:baseline!important;gap:3px!important;flex-wrap:wrap!important;font-size:23px!important;line-height:1.3!important;visibility:visible!important;opacity:1!important}
html[data-theme] #app main .fuel-summary .macro .lbl{font-size:11px!important;letter-spacing:.1em!important}
html[data-theme] #app main .fuel-summary .bar{height:8px!important;min-height:8px!important;background:#d2c5b3!important;display:block!important;overflow:hidden!important}
html[data-theme] #app main .fuel-summary .bar>i{height:8px!important;background:#9b7351!important}
html[data-theme] #app main .fuel-summary .macro:nth-child(1){--macro74:#51795c;--track74:#cbddcc}
html[data-theme] #app main .fuel-summary .macro:nth-child(2){--macro74:#527a96;--track74:#cfdee9}
html[data-theme] #app main .fuel-summary .macro:nth-child(3){--macro74:#b47b38;--track74:#e8d8bd}
html[data-theme] #app main .fuel-summary .macro .bar{background:var(--track74)!important}
html[data-theme] #app main .fuel-summary .macro .bar>i{background:var(--macro74)!important}
html[data-theme] #app main .fuel-summary .macro .lbl{color:var(--macro74)!important;-webkit-text-fill-color:var(--macro74)!important}
html[data-theme=night] #app main section.card.fuel-summary{background:#302f2a!important;border-color:#60584d!important}
html[data-theme=night] #app main .fuel-summary :is(summary,strong,small,span,div,p,button,.eyebrow,.lbl,.note,.faint){color:#ded3c0!important;-webkit-text-fill-color:currentColor!important}
html[data-theme=night] #app main .fuel-summary :is(.kcal,.v,strong){color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important}
html[data-theme=night] #app main .fuel-summary .macro{background:#3a3932}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(1){--macro74:#9fcca6;--track74:#3c5140}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(2){--macro74:#9bc2dd;--track74:#3b4d59}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(3){--macro74:#e2bc7f;--track74:#5c4c34}
html[data-theme=day] #app main .fuel-guides .fuel-guide:first-child{background:linear-gradient(130deg,#dce5d6,#f1f2e9)!important;border-color:#b5c4a9!important;color:#334333!important;box-shadow:0 10px 24px #52644512!important}
html[data-theme=day] #app main .fuel-guides .fuel-guide:last-child{background:linear-gradient(130deg,#e6d4bd,#f6eee1)!important;border-color:#cfb591!important;color:#57432e!important;box-shadow:0 10px 24px #7e5a3212!important}
html[data-theme=day] #app main .fuel-guides .fuel-guide :is(b,span){color:inherit!important}
html[data-theme=day] #app main .fuel-guides .fuel-guide .m{opacity:.85!important}
@media(max-width:500px){html[data-theme] #app main .fuel-summary .macro{padding:12px 8px}html[data-theme] #app main .fuel-summary .macro .v{font-size:20px!important}.fuel-summary .macros{gap:7px!important}}
#app .fuelpg .hero .chip{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;height:auto!important;min-height:36px;max-width:100%;font:13px Georgia,serif}
#app .fuelpg .hero .chip svg,#app .fuel74-save svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;flex:none!important}
#app .fuelpg .hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important}#app .fuelpg .hero>.chip{flex:none!important;align-self:flex-start!important;width:auto!important;min-width:0!important;padding:8px 12px!important;text-decoration:none!important}
/* Expanded mobile summary is only the collapse control, not a second calorie readout. */
#app .fuel-summary details[open]>summary>span:first-child{display:none!important}#app .fuel-summary details[open]>summary{justify-content:flex-end!important}#app .fuel-summary details[open]>summary>.fuel-mini61{font-size:0!important}#app .fuel-summary details[open]>summary .fuel-expand61{font-size:0!important}
/*74 owner palette correction: bronze, charcoal and cream, no off-brand macro hues. */
html[data-theme=day] #app main .fuel-summary .macro:nth-child(1){--macro74:#705139;--track74:#d9c8b6}
html[data-theme=day] #app main .fuel-summary .macro:nth-child(2){--macro74:#45413c;--track74:#d2cfca}
html[data-theme=day] #app main .fuel-summary .macro:nth-child(3){--macro74:#80684b;--track74:#e0d5c3}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(1){--macro74:#d0ae8b;--track74:#5d4938}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(2){--macro74:#e0dcd3;--track74:#57554e}
html[data-theme=night] #app main .fuel-summary .macro:nth-child(3){--macro74:#c7b69b;--track74:#5a5143}
html[data-theme=day] #app main .fuel-guides .fuel-guide:first-child{background:linear-gradient(125deg,#302b26,#554638)!important;border-color:#6f5945!important;color:#fff8ed!important;box-shadow:0 10px 24px #493b2b1a!important}
html[data-theme=day] #app main .fuel-guides .fuel-guide:last-child{background:linear-gradient(125deg,#d4b797,#e5d0b8)!important;border-color:#a88969!important;color:#3e3024!important;box-shadow:0 10px 24px #493b2b1a!important}
html[data-theme=day] #app main .fuel-guides .fuel-guide :is(b,span){color:inherit!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
html[data-theme=day] #app .fuelpg :is(.note,.faint,.small,.m,.empty,.lbl,.et-cat){color:#655c51!important;opacity:1!important}
html[data-theme=day] #app .fuelpg .fuel-guide:first-child .m{color:#eee3d5!important;opacity:1!important}
html[data-theme=day] #app .fuelpg .fuel-guide:last-child .m{color:#4d3a29!important;opacity:1!important}
html[data-theme=day] #app .fuelpg .food{color:#252525!important}
html[data-theme=day] #app main .fuel-summary .macro:nth-child(3){--macro74:#755e43;--track74:#e0d5c3}
/*75: a single check-in surface, never a card inside another card. */
#app .ci-overlay{background:#2525254d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app .ci-modal{padding:14px 18px 18px!important;border-radius:22px!important;max-width:390px!important;background:#f5f0e7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app .ci-modal>.checkin.card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:8px 0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:0!important}
#app .ci-modal .ci-q{font-size:26px!important;line-height:1.15!important;margin:18px 0 16px!important}
#app .ci-modal .ci-gauge{height:54px!important;min-height:54px!important;padding:4px!important;border-radius:13px!important;gap:6px!important}
#app .ci-modal .ci-gauge .ci-step{height:46px!important;min-height:46px!important;border-radius:10px!important}
#app .ci-modal .ci-gauge+.row{margin-top:8px!important;margin-bottom:12px!important;font-size:12px!important}
#app .ci-modal .icon-btn{width:32px!important;height:32px!important;min-height:32px!important}
html[data-theme=night] #app .ci-modal{background:#302f2a!important;color:#f8eee0!important}
/*75 product image: no white inset, no contain padding. */
#app .shop-product-tile.shop74{overflow:hidden!important;padding:0 12px 12px!important}
#app .shop-product-tile.shop74>.shop74-product{margin:0 -12px!important;gap:12px!important}
#app .shop74 .shop-tile-photo{border:0!important;border-radius:24px 24px 14px 14px!important;background:transparent!important;box-shadow:none!important;aspect-ratio:1!important;overflow:hidden!important}
#app .shop74 .shop-tile-photo img{padding:0!important;object-fit:cover!important;border-radius:24px 24px 14px 14px!important;background:transparent!important}
#app .shop74 .shop-tile-title{margin:0 12px!important}
#app :is(.cart-item,.cart-row,.shop-favorite) img{border-radius:14px!important;background:transparent!important;object-fit:cover!important}
/*75 favorite hearts retain the original persistence and actions. */
#app :is(.fuel74-save,.favorite75){display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;border-radius:50%!important;box-sizing:border-box!important;color:var(--g73-ink)!important;background:var(--g73-fill)!important;margin:0!important}
#app :is(.fuel74-save,.favorite75) svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important}
#app :is(.fuel74-save,.favorite75).on svg{fill:var(--sand,#a6886e)!important;stroke:var(--sand-deep,#a6886e)!important}
#app :is(.fuel74-recipe,.fuel74-food,.shop-product-tile,.meal-row){position:relative}
#app .fuel74-recipe{position:relative!important}
#app .fuel74-recipe>.fuel74-save{position:absolute!important;right:10px!important;bottom:10px!important;z-index:3}
#app .fuel74-recipe .rb-card{padding-bottom:52px!important}
#app .shop-product-tile>.favorite75{position:absolute!important;right:10px!important;top:10px!important;z-index:3}
#app .fuel74-food>.fuel74-save{position:absolute!important;right:8px!important;top:8px!important}

#app .shop74 .shop74-favorite{position:absolute!important;right:10px!important;top:10px!important;z-index:3!important;height:44px!important;width:44px!important}
#app .shop-product-tile.shop74{position:relative!important;grid-template-rows:auto 24px minmax(32px,auto) 42px!important}
#app .fuel74-food{position:relative!important}#app .fuel74-food .food{padding-right:50px!important}
#jr-root .jr-tabs75 .tabs-in{display:grid!important;gap:0!important;padding:4px 6px!important;width:calc(100vw - 24px)!important;max-width:650px!important}
#jr-root .jr-tabs75 .tab{min-width:0!important;padding:7px 1px!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:4px!important;text-decoration:none;font-size:10px!important;line-height:1.1!important}
#jr-root .jr-tabs75 .tab svg,#jr-root .jr-tabs75 .tab img{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.7;object-fit:contain}
html[data-theme=night] #jr-root .jr-tabs75 img{filter:invert(1)}

/*75 one material across routes. Scroll surfaces share the fill without nested compositing. */
#app main :is(.card,.win,.h55-card,.rb-card,.program-card,.shop-product-tile,.link-card,.tile,.mp-card,.meal-slot),#jr-root :is(.jr-card,.jr-panel),.mpb :is(.slot,.mpb-targets,.mpb-summary,.meal-card){background:var(--g73-fill)!important;border:1px solid var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;color:var(--g73-ink)!important;border-radius:24px}
html[data-theme] #app main section.card.fuel-summary,#app.app[data-route=club] main :is(.card,.tile,.win){background:var(--g73-fill)!important;border-color:var(--g73-border)!important;box-shadow:var(--g73-shadow)!important}
#app main .card :is(.card,details),#jr-root .jr-card .jr-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
#app .ci-modal{background:var(--g73-fill)!important;border:1px solid var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
html[data-theme=night] #app .ci-modal{background:var(--g73-fill)!important}
#jr-root .jr-dial75>span{background:var(--jr-ivory)!important}

/*75 modal can be mounted at body level for scoped step transitions. */
.ci-overlay{background:#25252542!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.ci-overlay .ci-modal{max-width:350px!important;padding:14px 16px 16px!important;border-radius:22px!important;box-sizing:border-box!important;background:linear-gradient(135deg,#faf7f2ed,#f0ece3e6)!important;border:1px solid var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.ci-overlay .ci-modal>.checkin.card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:10px 0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:0!important}
.ci-overlay .ci-modal .ci-q{font-size:25px!important;line-height:1.12!important;margin:16px 0!important}
.ci-overlay .ci-modal .ci-gauge{height:54px!important;min-height:54px!important;padding:4px!important;border-radius:12px!important;gap:5px!important}
.ci-overlay .ci-modal .ci-gauge .ci-step{height:44px!important;min-height:44px!important;border-radius:9px!important}
.ci-overlay .ci-modal .ci-gauge+.row{margin:8px 0 12px!important;font-size:12px!important}
.ci-overlay .ci-modal .icon-btn{width:32px!important;height:32px!important;min-height:32px!important}
html[data-theme=night] .ci-overlay .ci-modal{background:linear-gradient(135deg,#302f2aef,#3c3b33ed)!important;color:#fff8ed!important}
html[data-theme=night] .ci-overlay .ci-modal :is(h2,.eyebrow,.ci-step){color:#fff8ed!important}
.ci-overlay .ci-modal>.checkin.card{display:block!important;gap:0!important}
.ci-overlay .ci-modal .ci-q{margin:16px 0 14px!important}
.ci-overlay .ci-modal .ci-step{background:transparent!important}
.ci-overlay .ci-modal .checkin>.row:last-child{min-height:24px!important;margin-top:0!important;padding:0!important}
#app .fuel74-recipe .rb-card{padding-bottom:44px!important}
#app .fuel74-recipe>.fuel74-save{bottom:7px!important;right:7px!important}
/* High-opacity modal glass keeps background health text from reading through. */
.ci-overlay .ci-modal{background:linear-gradient(135deg,#faf7f2fa,#f0ece3f7)!important}
html[data-theme=night] .ci-overlay .ci-modal{background:linear-gradient(135deg,#302f2afa,#3c3b33f7)!important}
.ci-overlay .ci-modal .ci-q{font-size:23px!important}.ci-overlay .ci-modal>.checkin.card>.row:first-child{margin-top:10px!important}

/*75 hearts sit on the photo without increasing card height. */
#app .fuel74-recipe{position:relative!important}#app .fuel74-recipe>.fuel74-save{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:3!important;background:#f6f1e8e8!important;color:#252525!important}
#app .fuel74-recipe .rb-card{padding-bottom:12px!important}
#app .fuel74-food>.fuel74-save{top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;background:#f6f1e8e8!important;color:#252525!important}
#app .fuel74-food .food{padding-right:12px!important}
#app .meal-row>.fuel74-save{position:absolute!important;left:8px!important;top:8px!important;right:auto!important}
#app .fuel75-logged>.fuel74-save{flex:none!important}#app .fuel75-logged{gap:8px!important}
/*The Today hero stays fixed; all other containers use the shared material. */
#jr-root .jr-tabs75 .tab[aria-current=page]{background:var(--g73-fill)!important;box-shadow:inset 0 0 0 1px var(--g73-border)!important;border-radius:30px!important}
/*75 final favorite treatment: bare glyph, invisible 44px target. */
#app :is(.fuel74-save,.favorite75),#app .fuel74-recipe>.fuel74-save,#app .fuel74-food>.fuel74-save{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff8ed!important;border-radius:0!important;padding:0!important;display:grid!important;place-items:center!important}
#app :is(.fuel74-save,.favorite75) svg{width:17px!important;height:17px!important;stroke:#fff8ed!important;stroke-width:1.7!important;filter:drop-shadow(0 1px 1px #252525dd) drop-shadow(0 0 1px #252525dd)!important}
#app :is(.fuel74-save,.favorite75).on svg{fill:#a6886e!important;stroke:#fff8ed!important}
#app .fuel74-recipe>.fuel74-save{top:9px!important;left:9px!important}#app .shop74 .shop74-favorite{left:0!important;right:auto!important;top:0!important}
#app .fuel75-logged>.fuel74-save svg,#app .fuel74-favorites .fuel74-save svg{stroke:var(--g73-ink)!important;filter:none!important}
#app :is(.fuel74-save,.favorite75):focus-visible{outline:2px solid #a6886e!important;outline-offset:-5px!important;border-radius:8px!important}
/* Modal tint is opaque to keep underlying copy from showing through. */
.ci-overlay .ci-modal{background:linear-gradient(135deg,#faf7f2,#f0ece3)!important}html[data-theme=night] .ci-overlay .ci-modal{background:linear-gradient(135deg,#302f2a,#3c3b33)!important}
/* Glyph is 7-8px from the photo edge, with the 44px hit area kept intact. */
#app .fuel74-recipe>.fuel74-save{top:6px!important;left:6px!important}#app .fuel74-food>.fuel74-save{top:2px!important;left:2px!important}#app .shop74 .shop74-favorite{top:-6px!important;left:-6px!important}
/*75 audit: feature links and modal sheets use the same glass as route cards. */
html[data-theme] #app main .fuel-guides .fuel-guide,html[data-theme] #sheetRoot .sheet{background:var(--g73-fill)!important;border:1px solid var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;color:var(--g73-ink)!important;border-radius:24px!important}
html[data-theme] #app main .fuel-guide .m{color:var(--g73-muted)!important;opacity:1!important}html[data-theme] #app main .fuel-guide .fg-arrow{color:var(--g73-ink)!important}
html[data-theme=night] #app main :is(.program-card,.card,.win,.tile,.shop-product-tile) :is(.m,.muted,.subtext,.desc,.program-desc){color:var(--g73-muted)!important;opacity:1!important}
#sheetRoot .sheet{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
html[data-theme] #app main .fuel-guides .fuel-guide:nth-child(n){background:var(--g73-fill)!important;border:1px solid var(--g73-border)!important;box-shadow:var(--g73-shadow)!important;color:var(--g73-ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] #app main .fuel-guides .fuel-guide:nth-child(n) .m{color:var(--g73-muted)!important;opacity:1!important}
html[data-theme=night] #app main .program-card :is(p,small,.m,.program-desc){color:var(--g73-muted)!important;opacity:1!important}
/*75 desktop navigation: active label stays; other labels reveal on hover/focus. */
@media(min-width:1101px){#app .top .tabs .tab .tab-label{max-width:0!important;opacity:0!important;overflow:hidden!important;white-space:nowrap!important;transition:none}#app .top .tabs .tab{gap:0!important;min-width:44px!important}#app .top .tabs .tab:is([aria-current=page],:hover,:focus,:focus-visible){gap:6px!important}#app .top .tabs .tab:is([aria-current=page],:hover,:focus,:focus-visible) .tab-label{max-width:90px!important;opacity:1!important}#app .top .tabs .tabs-in{width:max-content!important;max-width:680px!important}}
/*75 all sheets sit above the route stacking context, including on Safari. */
#sheetRoot:not([hidden]){position:fixed;inset:0;z-index:200}

/*75a the actual ASPN A mark, never a typed-letter fallback. */
.mpb .aspn-photo75a{background:linear-gradient(135deg,#e9decd,#d8c6ac)!important;border:1px solid #a6886e44}
.mpb .aspn-photo75a>span{display:block;width:27px;height:32px;background:#6f5944;-webkit-mask:url('/brand/aspn-mark75.svg') center/contain no-repeat;mask:url('/brand/aspn-mark75.svg') center/contain no-repeat}
html[data-theme=night] .mpb .aspn-photo75a{background:linear-gradient(135deg,#423c31,#302e27)!important;border-color:#c5ac8566}
html[data-theme=night] .mpb .aspn-photo75a>span{background:#e5d9bd}
/*75a member photo hero and inactive nav must remain legible in day theme. */
#app main .hero-photo>h1,#app main .hero-photo>h1>span{color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important;opacity:1!important;text-shadow:0 2px 12px #000b}
#app main .hero-photo .hero-top .eyebrow{color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important;opacity:1!important;text-shadow:0 1px 5px #000}
html[data-theme=day] #app .top .tabs .tab{color:#51483b!important;-webkit-text-fill-color:#51483b!important;opacity:1!important}
html[data-theme=day] #app .top .tabs .tab[aria-current=page]{color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important}
html[data-theme=day] #app .top .tabs{background:#ebe5d8!important;border-color:#bba98e!important}
html[data-theme=day] #app .top .tabs .tab[aria-current=page]{background:#51483b!important;border-color:#51483b!important}
html[data-theme=day] #app .top .tabs{background:transparent!important;border-color:transparent!important}