/* V121 visual candidate — shared presentation tokens and responsive components. */
html.vr-app{--paper:var(--color-paper);--card:var(--color-source-fffcf7);--card-2:var(--color-source-eeebe3);--ink:var(--color-source-14161a);--ink-soft:var(--color-source-5b5f63);--ink-faint:var(--color-source-86898c);--rule:var(--color-source-ded9cd);--rule-soft:var(--color-source-e6e2d7);--measure:var(--color-source-715a28);--measure-soft:var(--color-source-eee5d2);--clinical:var(--color-source-31645a);--clinical-soft:var(--color-source-dde8d9);--amber:var(--brand-text);--amber-soft:var(--brand-soft);--btn:var(--brand-orange);--btn-ink:var(--brand-ink);--plum:var(--color-source-a6664d);--sky:var(--color-source-326c80);--alert:var(--color-source-a1312c);--alert-soft:var(--color-source-f7e2de);--ink-fixed:var(--color-source-17181b);--paper-fixed:var(--color-text-dark);--mono:Inter,"Segoe UI",Arial,sans-serif;--sans:Inter,"Segoe UI",Arial,sans-serif;--cond:Inter,"Segoe UI",Arial,sans-serif;--r:16px;--shadow:none;--vr-rail:228px;--vr-pad:clamp(24px,3vw,60px);--vr-hero:var(--color-source-17181b);--vr-hero-ink:var(--color-text-dark);--vr-sage:var(--color-source-dde6d7);--vr-action:var(--brand-orange);--vr-chart:var(--color-source-9a9994);--gridline:transparent;--glow:transparent;color-scheme:light}
html.vr-app[data-theme=dark]{--paper:var(--color-ink);--card:var(--color-surface-dark);--card-2:var(--color-source-232326);--ink:var(--color-text-dark);--ink-soft:var(--color-secondary-dark);--ink-faint:var(--color-muted-dark);--rule:var(--color-hairline-dark);--rule-soft:var(--color-source-202024);--measure:var(--color-source-d0b17b);--measure-soft:var(--color-source-3f3b30);--clinical:var(--color-source-aacbb4);--clinical-soft:var(--color-source-294947);--amber:var(--brand-text);--amber-soft:var(--brand-soft);--btn:var(--brand-orange);--btn-ink:var(--brand-ink);--plum:var(--color-source-d5997d);--sky:var(--color-source-9fc8d3);--alert:var(--color-source-ffb4a7);--alert-soft:var(--color-source-553531);--vr-hero:var(--color-source-232326);--vr-sage:var(--color-source-294947);--vr-action:var(--brand-orange);--vr-chart:var(--color-source-726f68);color-scheme:dark}
@media(prefers-color-scheme:dark){html.vr-app:not([data-theme=light]){--paper:var(--color-ink);--card:var(--color-surface-dark);--card-2:var(--color-source-232326);--ink:var(--color-text-dark);--ink-soft:var(--color-secondary-dark);--ink-faint:var(--color-muted-dark);--rule:var(--color-hairline-dark);--rule-soft:var(--color-source-202024);--measure:var(--color-source-d0b17b);--measure-soft:var(--color-source-3f3b30);--clinical:var(--color-source-aacbb4);--clinical-soft:var(--color-source-294947);--amber:var(--brand-text);--amber-soft:var(--brand-soft);--btn:var(--brand-orange);--btn-ink:var(--brand-ink);--plum:var(--color-source-d5997d);--sky:var(--color-source-9fc8d3);--alert:var(--color-source-ffb4a7);--alert-soft:var(--color-source-553531);--vr-hero:var(--color-source-232326);--vr-sage:var(--color-source-294947);--vr-action:var(--brand-orange);--vr-chart:var(--color-source-726f68);color-scheme:dark}}
html.vr-app [hidden]{display:none!important}
html.vr-app body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--type-16);line-height:1.55;letter-spacing:0}
html.vr-app body::before,html.vr-app body::after{background:none;opacity:0;pointer-events:none}
html.vr-app button,html.vr-app input,html.vr-app select,html.vr-app textarea{font-family:var(--sans)}
html.vr-app input,html.vr-app select,html.vr-app textarea{font-size:var(--type-16);min-height:44px;border-radius:9px;border-color:var(--rule);background-color:var(--card);color:var(--ink)}
html.vr-app input[type=checkbox],html.vr-app input[type=radio]{min-height:20px;accent-color:var(--clinical)}
html.vr-app h1,html.vr-app h2,html.vr-app h3,html.vr-app h4{font-family:var(--sans);color:inherit;line-height:1.22;text-transform:none;font-weight:600;letter-spacing:-.65px}
html.vr-app .eyebrow{font-family:var(--sans);font-size:var(--type-12);letter-spacing:1.7px;font-weight:600;color:var(--ink-faint);line-height:1.6}
html.vr-app .sub{font-size:var(--type-14);line-height:1.7;color:var(--ink-soft)}
html.vr-app .card{padding:25px;border:1px solid var(--rule);border-radius:21px;background:var(--card);color:var(--ink);box-shadow:none;margin-bottom:20px;border-top:1px solid var(--rule)}
html.vr-app .card[style*="border-left"]{padding-left:25px!important}
html.vr-app .card>h2{font-size:var(--type-20);line-height:1.22;letter-spacing:-.7px;margin-bottom:10px}
html.vr-app .btn{min-height:44px;border-radius:9px;padding:11px 17px;font-family:var(--sans);font-weight:600;letter-spacing:0;text-transform:none;font-size:var(--type-14);background:var(--btn);color:var(--btn-ink);border:1px solid var(--btn);box-shadow:none}
html.vr-app .btn.ghost{background:var(--card);border-color:var(--rule);color:var(--ink)}
html.vr-app .btn.danger{background:var(--card);border-color:var(--alert);color:var(--alert)}
html.vr-app .btn.sm{font-size:var(--type-14);min-height:44px;padding:9px 13px}
html.vr-app .btn:hover{filter:none;transform:translateY(-1px)}
html.vr-app .btn:active{transform:translateY(0)}
html.vr-app :is(button,a,input,select,textarea,[role=button]):focus-visible{outline:3px solid var(--amber);outline-offset:3px}
html.vr-app .chip,html.vr-app .ci{font-family:var(--sans);font-size:var(--type-14);letter-spacing:0;text-transform:none;min-height:42px;padding:9px 14px;border-radius:9px;border-color:var(--rule);background:var(--card);color:var(--ink-soft)}
html.vr-app .chip[aria-pressed=true],html.vr-app .ci.on,html.vr-app .ci[aria-pressed=true]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
html.vr-app .tag{font-family:var(--sans);font-size:var(--type-14);letter-spacing:.3px;border-radius:6px;padding:4px 8px}
html.vr-app .tag.plain{background:var(--card-2);color:var(--ink-soft);border-color:var(--rule)}
html.vr-app label.fld>span{font-size:var(--type-14);letter-spacing:.7px;text-transform:none;font-weight:600;color:var(--ink-soft)}
html.vr-app .notebox,html.vr-app .warnbox,html.vr-app .alertbox{border-radius:9px;border-width:0 0 0 3px;padding:15px 17px;line-height:1.65}
html.vr-app .notebox{background:var(--card-2);color:var(--ink-soft)}
html.vr-app .warnbox{background:var(--amber-soft);color:var(--amber);border-color:var(--amber)}
html.vr-app .alertbox{background:var(--alert-soft);color:var(--alert)}
html.vr-app .disc{border:1px solid var(--rule);border-radius:13px;background:var(--card);padding:13px 16px;color:var(--ink);margin-bottom:15px}
html.vr-app .disc summary{min-height:32px;font-size:var(--type-14);line-height:1.6;color:var(--ink);font-weight:600}
html.vr-app .empty{background:var(--card-2);border:1px dashed var(--rule);border-radius:12px;font-size:var(--type-14);padding:20px;color:var(--ink-soft)}
html.vr-app .mood-dot{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:var(--type-14);vertical-align:middle}
html.vr-app .mood-dot.on{color:var(--paper)}
html.vr-app [data-scale5$=":1"]::before{content:'1'}html.vr-app [data-scale5$=":2"]::before{content:'2'}html.vr-app [data-scale5$=":3"]::before{content:'3'}html.vr-app [data-scale5$=":4"]::before{content:'4'}html.vr-app [data-scale5$=":5"]::before{content:'5'}
html.vr-app .lead{font-family:var(--sans);font-size:var(--type-14);color:var(--ink-soft);line-height:1.6;border:0;background:none;padding:0;max-width:800px;margin:12px 0 0}
html.vr-app main{max-width:none;padding:35px var(--vr-pad) calc(95px + env(safe-area-inset-bottom));margin:0}
html.vr-app .masthead{background:var(--card);color:var(--ink);border-bottom:1px solid var(--rule);padding:19px var(--vr-pad);position:relative;box-shadow:none;z-index:30}
html.vr-app .masthead-in{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
html.vr-app .brand{display:flex;flex-direction:row;align-items:center;gap:10px;line-height:1;order:0;margin:0;justify-self:start;color:var(--ink);text-decoration:none}
html.vr-app .brand img{width:36px;height:36px;display:block}
html.vr-app .vr-wordmark{font-size:var(--type-28);font-weight:600;letter-spacing:-1px}
html.vr-app .vr-wordmark small{display:block;font-size:var(--type-14);letter-spacing:1.5px;margin-top:7px;color:var(--ink-soft)}
html.vr-app #tier-badge{order:1;margin-left:auto;color:var(--ink-soft);border:1px solid var(--rule);background:var(--card-2);font-size:var(--type-14);padding:5px 9px;border-radius:6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}
html.vr-app .profilebar{order:2;gap:8px;display:flex}
html.vr-app .pbtn{min-width:44px;width:44px;height:44px;border-radius:12px;background:var(--card);color:var(--ink);border:1px solid var(--rule);box-shadow:none;padding:9px}
html.vr-app .pbtn-wrap small{display:none}
html.vr-app .pbtn:hover{background:var(--card-2)}
html.vr-app .masthead .pbtn svg{color:var(--ink);stroke:currentColor}
html.vr-app .vr-mobile-title{display:none}
html.vr-app[data-vr-stage=READY][data-vr-panel=train] #segwrap{display:none}
html.vr-app .bnav{background:var(--card);border-top:1px solid var(--rule);box-shadow:0 -5px 20px var(--color-source-132e3407);padding:8px 8px calc(10px + env(safe-area-inset-bottom));gap:2px}
html.vr-app .bnav button{color:var(--ink-soft);background:none;border:0;border-radius:0;min-height:54px;gap:6px;font-family:var(--sans);font-size:var(--type-14);letter-spacing:0;text-transform:none;font-weight:600;padding:6px 0}
html.vr-app .bnav button svg{width:22px;height:22px;padding:0;background:none;border-radius:0;box-shadow:none}
html.vr-app .bnav button[aria-current=page]{color:var(--amber);background:none}
html.vr-app .bnav button[aria-current=page] svg{background:none;box-shadow:none;color:var(--amber)}
html.vr-app .subhead,html.vr-app .seg{max-width:none}
html.vr-app .subhead{padding:15px var(--vr-pad) 0}
html.vr-app .segwrap{background:var(--paper);border:0;padding:8px var(--vr-pad) 0;position:relative;top:auto}
html.vr-app .seg{background:none;border-bottom:1px solid var(--rule);padding:0;gap:23px;justify-content:flex-start}
html.vr-app .seg button{min-height:48px;padding:11px 0;border-radius:0;background:none;border:0;font-size:var(--type-14);color:var(--ink-soft);text-transform:none;font-weight:400;letter-spacing:0}
html.vr-app .seg button[aria-selected=true]{color:var(--ink);background:none;box-shadow:inset 0 -2px var(--amber)}
html.vr-app .vr-sidebar{display:none}
html.vr-app .vr-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 30px;gap:20px}
html.vr-app .vr-heading h1,html.vr-app .vr-home .homehead h1{font-size:var(--type-28);letter-spacing:-1.8px;line-height:1.13;font-weight:600;max-width:950px;margin:7px 0 10px}
html.vr-app .vr-tabs{display:flex;gap:28px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--rule);margin:0 0 25px;padding:0}
html.vr-app .vr-tabs button{min-height:49px;padding:12px 0;flex-shrink:0;background:none;border:0;border-radius:0;border-bottom:2px solid transparent;color:var(--ink-soft);font-size:var(--type-14);font-weight:400}
html.vr-app .vr-tabs button[aria-selected=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--amber)}
html.vr-app .vr-tab-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
html.vr-app .vr-tab-panel>.card{margin:0;min-width:0}
html.vr-app .vr-tab-panel>.shop-foot,html.vr-app .vr-tab-panel>.sf-row{grid-column:1/-1}
html.vr-app #p-nutrition [data-vr-view=daily]{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
html.vr-app #p-nutrition [data-vr-view=meals],html.vr-app #p-nutrition [data-vr-view=routine]{display:block;max-width:1000px}
html.vr-app #p-train [data-vr-view=session]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
html.vr-app .vr-session .hero-next{padding:0!important;background:none!important;border:0!important;margin-bottom:25px;min-height:0;overflow:visible}
html.vr-app .vr-session .hero-next::after{display:none}
html.vr-app .vr-session .hero-next .eyebrow{display:none}
html.vr-app .vr-session .hn-title{color:var(--ink);font-size:var(--type-28)}
html.vr-app .vr-session .hn-sub{color:var(--ink-soft)}
html.vr-app .vr-session .hn-row{display:block}
html.vr-app #sess-preview{padding-top:18px}
html.vr-app #sess-preview>p{padding:15px 0;margin:0!important;border-bottom:1px solid var(--rule-soft);font-size:var(--type-16)!important;line-height:1.75}
html.vr-app #sess-preview>p>span:first-child{font-size:var(--type-14)!important;letter-spacing:1.4px!important}
html.vr-app .vr-food-summary{display:flex;align-items:center;gap:32px;margin:24px 0 26px}
html.vr-app .vr-macro-bars{flex:1;min-width:0}
html.vr-app .vr-macro-bars>div{margin:12px 0!important}
html.vr-app .bar{height:5px;border-radius:6px;background:var(--card-2)}
html.vr-app .bar>i{border-radius:6px}
html.vr-app .bmrow,html.vr-app .logrow{padding:17px 0;border-color:var(--rule-soft);line-height:1.55}
html.vr-app .bmrow .x,html.vr-app .logrow .x{min-width:44px;min-height:44px;border-radius:10px}
html.vr-app .vr-home .homehead{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 30px;gap:15px}
html.vr-app .vr-home .vr-date{font-size:var(--type-12)!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
html.vr-app .vr-home .homehead #prof-chip{flex-shrink:0;font-size:var(--type-14);margin-top:4px}
html.vr-app .vr-home-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
html.vr-app .vr-home-grid>*{grid-column:span 6;min-width:0;margin:0!important}
html.vr-app .vr-home-grid>.vr-full{grid-column:1/-1}
html.vr-app .vr-home-grid>.hero-next{grid-column:span 7;align-self:stretch}
html.vr-app .vr-home-grid>.vr-home-nutrition{grid-column:span 5;align-self:stretch}
html.vr-app .vr-home-grid>.vr-home-week{grid-column:span 7;align-self:stretch}
html.vr-app .vr-home-grid>.vr-home-weight{grid-column:span 5;align-self:stretch}
html.vr-app .vr-home-grid:not(:has(>.hero-next))>.vr-home-nutrition,html.vr-app .vr-home-grid:not(:has(>.vr-home-nutrition))>.hero-next,html.vr-app .vr-home-grid:not(:has(>.vr-home-week))>.vr-home-weight,html.vr-app .vr-home-grid:not(:has(>.vr-home-weight))>.vr-home-week{grid-column:1/-1}
html.vr-app .hero-next{background:var(--vr-hero);color:var(--vr-hero-ink);padding:29px 30px!important;border:0;border-radius:22px;min-height:278px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;box-shadow:none}
html.vr-app .hero-next::after{content:'';position:absolute;right:-90px;top:-90px;width:400px;height:450px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 17px,var(--color-source-bbd4c233) 18px,transparent 19px 32px);transform:rotate(25deg);z-index:-1;pointer-events:none}
html.vr-app .hero-next .eyebrow{color:var(--color-source-c3d2c7)!important;font-size:var(--type-12);letter-spacing:1.7px;margin-bottom:28px}
html.vr-app .hero-next .hn-row>div{flex:0 1 auto}
html.vr-app .hn-row{display:flex;flex-direction:column;align-items:flex-start;gap:26px;flex:1}
html.vr-app .hn-title{font-family:var(--sans);font-size:var(--type-28);font-weight:600;color:var(--vr-hero-ink);line-height:1.15;letter-spacing:-1.4px}
html.vr-app .hn-sub{font-size:var(--type-14);line-height:1.7;margin-top:12px;color:var(--color-source-c6d2c8)}
html.vr-app .hero-next .btn{background:var(--vr-action);color:var(--brand-ink);border-color:var(--vr-action);padding:12px 20px;font-size:var(--type-14);margin-top:auto}
html.vr-app .vr-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
html.vr-app .vr-card-head h2{font-size:var(--type-20);letter-spacing:-.5px;margin:0}
html.vr-app .vr-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:var(--type-14);color:var(--amber);background:none;border:0;padding:6px 0;white-space:nowrap}
html.vr-app .vr-link svg,html.vr-app .vr-action svg{width:16px;height:16px;flex-shrink:0}
html.vr-app .vr-action{display:inline-flex;align-items:center;gap:9px}
html.vr-app .vr-ring{width:133px;height:133px;position:relative;flex-shrink:0}
html.vr-app .vr-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
html.vr-app .vr-ring-track{fill:none;stroke:var(--card-2);stroke-width:7}
html.vr-app .vr-ring-fill{fill:none;stroke:var(--amber);stroke-width:7;stroke-linecap:round}
html.vr-app .vr-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
html.vr-app .vr-ring strong{font-size:var(--type-28);letter-spacing:-1px;font-weight:600}
html.vr-app .vr-ring small{font-size:var(--type-14);color:var(--ink-soft)}
html.vr-app .vr-nutrition-summary{display:flex;align-items:center;gap:25px}
html.vr-app .vr-macros{display:flex;flex-direction:column;gap:18px;flex:1;min-width:0}
html.vr-app .vr-macro>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:var(--type-14);flex-wrap:wrap;margin-bottom:7px}
html.vr-app .vr-macro b{font-weight:600}
html.vr-app .vr-macro span{color:var(--ink-soft)}
html.vr-app .vr-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:13px;border-top:1px solid var(--rule);margin-top:20px;padding-top:12px;font-size:var(--type-14);color:var(--ink-soft)}
html.vr-app .numstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:1px solid var(--rule);background:transparent;border-radius:18px;overflow:hidden}
html.vr-app .ns-cell{padding:22px 26px;border-right:1px solid var(--rule)}
html.vr-app .ns-cell:last-child{border:0}
html.vr-app .ns-big{font-size:var(--type-28);font-family:var(--sans);letter-spacing:-.8px;font-weight:600;line-height:1.3}
html.vr-app .ns-unit{font-size:var(--type-14);letter-spacing:0;color:var(--ink-soft)}
html.vr-app .ns-sub{font-size:var(--type-14);letter-spacing:0;text-transform:none;color:var(--ink-soft);margin-top:5px}
html.vr-app .vr-week-native>div{gap:7px!important;margin:0 0 20px!important}
html.vr-app .vr-week-native>div>div{min-height:94px;border-radius:11px!important;padding:12px 4px!important;display:flex;flex-direction:column;justify-content:center;gap:9px}
html.vr-app .vr-week-native>div>div>div:first-child{font-size:var(--type-14)!important}
html.vr-app .vr-week-native>div>div>div:last-child{font-size:var(--type-14)!important;overflow-wrap:anywhere}
html.vr-app .vr-home-week>.sub{font-size:var(--type-14);margin:10px 0 0;border-top:1px solid var(--rule);padding-top:15px}
html.vr-app .vr-weight-value,html.vr-app .vr-standalone-number{font-size:var(--type-28);letter-spacing:-1px;font-weight:600;line-height:1.2}
html.vr-app .vr-weight-value small,html.vr-app .vr-standalone-number small{font-size:var(--type-14);letter-spacing:0;color:var(--ink-soft);margin-left:5px;font-weight:400}
html.vr-app .vr-home-weight>.sub{font-size:var(--type-14);margin:5px 0}
html.vr-app .vr-trend{height:125px;width:100%;display:block;margin:13px 0 0}
html.vr-app .vr-chart-grid{stroke:var(--rule);stroke-dasharray:3 5;fill:none}
html.vr-app .vr-chart-labels{display:flex;justify-content:space-between;font-size:var(--type-14);color:var(--ink-faint)}
html.vr-app .tile{border-radius:17px;background:var(--card);border:1px solid var(--rule);box-shadow:none;padding:22px}
html.vr-app .tile .tv{font-size:var(--type-28);font-family:var(--sans);letter-spacing:-1px}
html.vr-app .tile .tl{font-size:var(--type-14);font-family:var(--sans);letter-spacing:.7px}
html.vr-app .more-sec{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:24px;margin-bottom:20px}
html.vr-app .mrow{border-radius:0;padding:15px 0;min-height:67px;background:none;border-color:var(--rule-soft)}
html.vr-app .mrow-t>b{font-size:var(--type-16);font-weight:600}
html.vr-app .mrow-t>small{font-size:var(--type-14);color:var(--ink-soft);margin-top:5px}
html.vr-app .page{background:var(--paper)}
html.vr-app .page-head{background:var(--card);color:var(--ink);border-bottom:1px solid var(--rule);padding:18px 24px}
html.vr-app .page-bd{max-width:1400px;padding:30px;margin:auto}
html.vr-app .page.page-shop .page-bd{max-width:none;padding:30px var(--vr-pad)}
html.vr-app .modal .sheet{background:var(--card);border:1px solid var(--rule);border-radius:23px;padding:27px;box-shadow:0 25px 80px var(--color-source-0b242438);color:var(--ink)}
html.vr-app .modal{background:var(--color-source-09232980);backdrop-filter:blur(3px)}
html.vr-app .gatelogo{display:flex;align-items:center;justify-content:center;gap:12px;line-height:1;font-size:var(--type-28);font-weight:600;letter-spacing:-1px;margin-bottom:25px;color:var(--ink)}
html.vr-app .gatelogo>img{width:55px;height:55px}
html.vr-app #gate{background:var(--paper);color:var(--ink)}
html.vr-app .gatebox{background:var(--card);border:1px solid var(--rule);border-radius:24px;color:var(--ink);padding:30px}
html.vr-app .nextcard,html.vr-app .journey,.vr-app .j-card{border-radius:21px}
html.vr-app .paywall{max-width:710px;margin:auto}
html.vr-app .paywall h2{font-size:var(--type-28);line-height:1.16;letter-spacing:-1px}
html.vr-app .planpick{border-radius:16px;background:var(--card-2);border-color:var(--rule);padding:20px}
html.vr-app .planpick[aria-pressed=true]{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
html.vr-app .lockpad.gym{background:var(--paper);padding:24px max(20px,calc((100vw - 1020px)/2)) calc(45px + env(safe-area-inset-bottom));gap:0}
html.vr-app .lockpad.gym>.card,html.vr-app #gym-ex>.card{border-radius:20px;padding:25px!important}
html.vr-app .gset{gap:9px;padding:7px 0}
html.vr-app .gset input{font-size:var(--type-16);padding:12px 5px;border-radius:9px;background:var(--card-2)}
html.vr-app .gdone{min-width:40px;min-height:44px;border-radius:10px;background:var(--card-2);color:var(--ink);border:1px solid var(--rule)}
html.vr-app .gdone.on{background:var(--clinical);color:var(--paper);border-color:var(--clinical)}
html.vr-app #gym-ex [data-ex]>div:first-child b{font-size:var(--type-20)!important;letter-spacing:-.5px}
html.vr-app #gym-ex [data-ex]>div:first-child p{line-height:1.7}
html.vr-app #gym-name{font-size:var(--type-20)!important}
html.vr-app .ghead{font-size:var(--type-14);letter-spacing:1px;color:var(--ink-soft);padding-top:18px}
html.vr-app .vr-gym-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px;padding:15px 0;border-bottom:1px solid var(--rule)}
html.vr-app .vr-gym-nav .eyebrow{display:block;margin:0 0 5px}
html.vr-app .vr-gym-nav b{font-size:var(--type-16);font-weight:600}
html.vr-app .vr-gym-switches{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
html.vr-app .vr-gym-nav button:disabled{opacity:.4;cursor:default;transform:none}
html.vr-app .restbar{background:var(--clinical-soft);color:var(--ink);border:1px solid var(--rule);border-radius:13px}
html.vr-app .toast{background:var(--btn);color:var(--btn-ink);border:1px solid var(--rule);border-radius:12px;font-size:var(--type-14);box-shadow:0 8px 24px var(--color-source-11272c22)}
html.vr-app .vr-sample> .card:first-child{position:relative!important;background:var(--card)!important;border:1px solid var(--rule);border-left:3px solid var(--amber)}
html.vr-app .vr-sample> .card:first-child .btn{width:auto!important;display:inline-block;margin-right:10px}
html.vr-app .vr-sample-cards>.card{margin-bottom:20px}
html.vr-app .vr-sample button:disabled{opacity:1;cursor:default}
/* Long legacy session names stay readable; only the seven-day strip scrolls. */
html.vr-app .vr-home-week,html.vr-app .vr-week-native{min-width:0;max-width:100%}
html.vr-app .vr-week-native>div{display:flex!important;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
html.vr-app .vr-week-native>div>div{flex:1 0 64px;min-width:64px}
html.vr-app .vr-week-native>div>div>div:last-child{overflow-wrap:normal;word-break:normal}
@media(min-width:900px){
 html.vr-app.vr-ready body{padding-left:var(--vr-rail)}
 html.vr-app.vr-ready .vr-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--vr-rail);display:flex;flex-direction:column;padding:30px 21px 20px;background:var(--card);border-right:1px solid var(--rule);z-index:40;overflow-y:auto}
 html.vr-app .vr-side-brand{display:flex;align-items:center;gap:10px;font-size:var(--type-20);font-weight:600;line-height:1.1;text-decoration:none;color:var(--ink);letter-spacing:-.9px;padding:5px 0}
 html.vr-app .vr-side-brand img{flex-shrink:0;border-radius:10px}
 html.vr-app .vr-side-brand small{display:block;font-size:var(--type-14);letter-spacing:1.3px;color:var(--ink-soft);margin-top:7px;font-weight:600}
 html.vr-app .vr-rail-label{font-size:var(--type-14);letter-spacing:1.65px;color:var(--ink-faint);font-weight:600;margin:36px 10px 12px}
 html.vr-app .vr-sidebar .bnav{position:static;width:auto;display:flex;flex-direction:column;gap:5px;border:0;box-shadow:none;backdrop-filter:none;padding:0;background:none}
 html.vr-app .vr-sidebar .bnav button{display:flex;flex-direction:row;align-items:center;gap:13px;border-radius:10px;min-height:48px;padding:11px 13px;font-size:var(--type-14);color:var(--ink-soft);justify-content:flex-start}
 html.vr-app .vr-sidebar .bnav button[aria-current=page]{background:var(--btn);color:var(--btn-ink)}
 html.vr-app .vr-sidebar .bnav button[aria-current=page] svg{color:var(--btn-ink)}
 html.vr-app .vr-sidebar .bnav button svg{height:20px;width:20px}
 html.vr-app .vr-sidebar .bnav button span{font-size:var(--type-14)}
 html.vr-app .vr-side-link{width:100%;min-height:46px;border:0;background:none;display:flex;align-items:center;gap:13px;padding:10px 13px;text-align:left;color:var(--ink-soft);border-radius:10px;font-size:var(--type-14);font-weight:400}
 html.vr-app .vr-side-link svg{width:19px;height:19px}
 html.vr-app .vr-side-link.on,html.vr-app .vr-side-link:hover{background:var(--card-2);color:var(--ink)}
 html.vr-app .vr-side-foot{font-size:var(--type-14);line-height:1.6;margin:auto 10px 0;padding-top:35px;color:var(--ink);font-weight:600}
 html.vr-app .vr-side-foot span{font-size:var(--type-14);color:var(--ink-faint);font-weight:400}
 html.vr-app.vr-ready .masthead .brand{opacity:0;pointer-events:none;width:0;overflow:hidden;flex:0;margin:0;gap:0}
 html.vr-app.vr-ready .masthead #tier-badge{margin-left:0;margin-right:auto}
 html.vr-app .masthead{height:81px;display:flex;align-items:center}
 html.vr-app .masthead-in{width:100%}
 html.vr-app .page{left:var(--vr-rail)}
 html.vr-app:not(.vr-ready) main{max-width:950px;margin:auto}
 html.vr-app #p-more.on{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 html.vr-app #p-more>.vr-heading,html.vr-app #p-more>.more-build{grid-column:1/-1}
 html.vr-app #p-more>.more-sec{margin:0;align-self:start}
 html.vr-app #p-markers.on{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
 html.vr-app #p-markers>.vr-heading{grid-column:1/-1}
 html.vr-app #p-markers>.card{margin:0}
 html.vr-app .vr-sample-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 html.vr-app .vr-sample-cards>.lead{grid-column:1/-1}
}
@media(min-width:1650px){html.vr-app{--vr-rail:250px}html.vr-app .vr-sidebar{padding-left:26px;padding-right:26px}html.vr-app main{padding-top:45px}html.vr-app .card{padding:29px}html.vr-app .hero-next{min-height:310px;padding:34px!important}html.vr-app .vr-ring{width:153px;height:153px}html.vr-app .vr-home-grid{gap:24px}html.vr-app .vr-macro>div:first-child{font-size:var(--type-14)}}
@media(min-width:900px) and (max-width:1199px){html.vr-app{--vr-rail:186px;--vr-pad:24px}html.vr-app .vr-sidebar{padding-left:14px;padding-right:14px}html.vr-app .vr-side-brand{font-size:var(--type-20);gap:8px}html.vr-app .vr-side-brand img{width:34px;height:34px}html.vr-app .vr-side-brand small{font-size:var(--type-14)}html.vr-app .vr-nutrition-summary{gap:13px}html.vr-app .vr-ring{width:105px;height:105px}html.vr-app .vr-ring strong{font-size:var(--type-20)}html.vr-app .vr-card-head{gap:9px}html.vr-app .vr-card-head h2{font-size:var(--type-20)}html.vr-app .card{padding:20px}html.vr-app .vr-macro>div:first-child{font-size:var(--type-14)}html.vr-app .vr-home-grid{gap:17px}html.vr-app .vr-food-summary{gap:18px;flex-wrap:wrap}html.vr-app .vr-macro-bars{min-width:200px}}
@media(max-width:899px){
 html.vr-app{--vr-pad:22px;--vr-rail:0px}
 html.vr-app .vr-tab-panel{gap:17px}html.vr-app .vr-home-grid{gap:17px}
 html.vr-app .vr-home-grid>.hero-next,html.vr-app .vr-home-grid>.vr-home-nutrition,html.vr-app .vr-home-grid>.vr-home-week,html.vr-app .vr-home-grid>.vr-home-weight{grid-column:span 6}
 html.vr-app .hero-next{padding:25px!important}
 html.vr-app .vr-nutrition-summary{gap:18px}
 html.vr-app .vr-ring{width:115px;height:115px}
 html.vr-app .vr-macros{gap:13px}
 html.vr-app .vr-ring strong{font-size:var(--type-28)}
 html.vr-app .card{padding:22px}
}
@media(max-width:639px){
 html.vr-app{--vr-pad:19px}
 html.vr-app main{padding-top:26px}
 html.vr-app .masthead{padding:15px 18px;padding-top:calc(15px + env(safe-area-inset-top));min-height:75px}
 html.vr-app .brand{gap:8px}
 html.vr-app .brand img{width:31px;height:31px}
 html.vr-app .vr-wordmark{font-size:var(--type-20);letter-spacing:-.8px}
 html.vr-app .vr-wordmark small{display:none}
 html.vr-app #tier-badge{font-size:var(--type-14);padding:3px 6px;max-width:80px}
 html.vr-app .masthead-in{gap:9px}
 html.vr-app .profilebar{gap:5px}
 html.vr-app .pbtn{width:39px;min-width:39px;height:44px;padding:8px;border-radius:11px}
 html.vr-app .vr-install-wrap .pbtn{width:44px;min-width:44px}
 html.vr-app .card{border-radius:18px;padding:21px;margin-bottom:17px}
 html.vr-app .card[style*="border-left"]{padding-left:21px!important}
 html.vr-app .card>h2{font-size:var(--type-20)}
 html.vr-app .vr-heading h1,html.vr-app .vr-home .homehead h1{font-size:var(--type-28);letter-spacing:-1.35px;line-height:1.13}
 html.vr-app .vr-heading{margin-bottom:25px}
 html.vr-app .vr-home .homehead{margin-bottom:25px;flex-wrap:wrap}
 html.vr-app .vr-home .homehead>div{flex:1;min-width:230px}
 html.vr-app .vr-home .homehead .vr-desktop-title{display:none}
 html.vr-app .vr-home .homehead .vr-mobile-title{display:inline}
 html.vr-app .vr-home .homehead #prof-chip{position:absolute;right:var(--vr-pad);top:99px;font-size:var(--type-14);min-height:34px;padding:4px 9px}
 html.vr-app .vr-home .homehead{position:relative}
 html.vr-app .vr-home .homehead #prof-chip{top:-7px;right:0}
 html.vr-app .vr-heading>.vr-action{display:none}
 html.vr-app .vr-home .homehead #prof-chip{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.vr-app .vr-tabs{gap:22px;margin-bottom:20px}
 html.vr-app .vr-tabs button{font-size:var(--type-14)}
 html.vr-app .vr-tab-panel,html.vr-app #p-nutrition [data-vr-view=daily],html.vr-app #p-train [data-vr-view=session]{display:block}
 html.vr-app .vr-tab-panel>.card{margin-bottom:17px}
 html.vr-app .vr-food-summary{gap:20px;align-items:flex-start;flex-wrap:wrap}
 html.vr-app .vr-food-summary>.vr-ring{width:118px;height:118px;margin:0 auto}
 html.vr-app .vr-food-summary .vr-macro-bars{flex:1;min-width:250px}
 html.vr-app .vr-home-grid{display:flex;flex-direction:column;gap:17px}
 html.vr-app .vr-home-grid>*{width:100%}
 html.vr-app .hero-next{min-height:244px;padding:25px!important;border-radius:20px}
 html.vr-app .hero-next .eyebrow{margin-bottom:24px}
 html.vr-app .hn-title{font-size:var(--type-44);letter-spacing:-1.25px}
 html.vr-app .hn-sub{font-size:var(--type-14)}
 html.vr-app .hn-row{gap:21px}
 html.vr-app .vr-card-head{margin-bottom:17px}
 html.vr-app .vr-card-head h2{font-size:var(--type-20)}
 html.vr-app .vr-link{font-size:var(--type-14)}
 html.vr-app .vr-ring{width:120px;height:120px}
 html.vr-app .vr-macro>div:first-child{font-size:var(--type-14);gap:4px}
 html.vr-app .vr-nutrition-summary{gap:20px}
 html.vr-app .vr-card-bottom{font-size:var(--type-14);margin-top:18px;padding-top:10px}
 html.vr-app .ns-cell{padding:18px 12px}
 html.vr-app .ns-big{font-size:var(--type-20);letter-spacing:-.5px}
 html.vr-app .ns-unit{font-size:var(--type-14)}
 html.vr-app .ns-sub{font-size:var(--type-14)}
 html.vr-app .vr-week-native>div{gap:4px!important}
 html.vr-app .vr-week-native>div>div{min-height:83px;padding:10px 2px!important}
 html.vr-app .vr-week-native>div>div>div:first-child{font-size:var(--type-14)!important}
 html.vr-app .vr-week-native>div>div>div:last-child{font-size:var(--type-14)!important}
 html.vr-app .vr-home-weight>.sub{font-size:var(--type-14)}
 html.vr-app .vr-trend{height:135px}
 html.vr-app .more-sec{padding:20px;border-radius:17px}
 html.vr-app .mrow-t>b{font-size:var(--type-14)}
 html.vr-app .mrow-t>small{font-size:var(--type-14)}
 html.vr-app .modal .sheet{padding:22px;border-radius:20px;max-width:calc(100vw - 20px)}
 html.vr-app .page-bd,html.vr-app .page.page-shop .page-bd{padding:20px 17px}
 html.vr-app .page-head{padding:15px 18px}
 html.vr-app .paywall h2{font-size:var(--type-28)}
 html.vr-app .gatebox{padding:23px;border-radius:20px}
 html.vr-app .gatelogo{font-size:var(--type-28)}
 html.vr-app .lockpad.gym{padding:18px 14px calc(40px + env(safe-area-inset-bottom))}
 html.vr-app .lockpad.gym>.card,html.vr-app #gym-ex>.card{padding:19px 14px!important;border-radius:17px}
 html.vr-app .gset{gap:5px}
 html.vr-app .gset input{font-size:var(--type-16);padding:11px 2px}
 html.vr-app #gym-ex [data-ex]>div:first-child b{font-size:var(--type-20)!important}
 html.vr-app #gym-name{font-size:var(--type-16)!important}
 html.vr-app .vr-gym-nav{align-items:flex-start;flex-direction:column;gap:12px}
 html.vr-app .vr-gym-switches{justify-content:flex-start}
 html.vr-app .vr-gym-switches .btn{font-size:var(--type-14);padding:9px 11px}
 html.vr-app .vr-sample> .card:first-child .btn{display:block;width:100%!important;margin-right:0}
}
@media(max-width:374px){html.vr-app{--vr-pad:15px}html.vr-app .card{padding:18px}html.vr-app .vr-nutrition-summary{gap:14px}html.vr-app .vr-ring{width:107px;height:107px}html.vr-app .masthead{padding-left:15px;padding-right:15px}html.vr-app .vr-wordmark{font-size:var(--type-20)}html.vr-app #tier-badge{max-width:60px}html.vr-app .ns-cell{padding:17px 10px}html.vr-app .ns-big{font-size:var(--type-20)}}
@media(prefers-reduced-motion:reduce){html.vr-app *,html.vr-app *::before,html.vr-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Quick appearance control uses the original saved theme engine. */
html.vr-app .vr-softlaunch{display:flex;align-items:center;gap:14px;order:1}
html.vr-app .vr-launch-label{font-size:var(--type-14);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
html.vr-app .vr-report-bug{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-color:var(--brand-text);min-height:44px}
html.vr-app .vr-report-bug svg{width:19px;height:19px;flex:none;color:var(--brand-text)}
html.vr-app .vr-feedback-guide p{font-size:var(--type-14);line-height:1.6;margin:8px 0 0}
@media(max-width:899px){html.vr-app .masthead-in{flex-wrap:wrap}html.vr-app .vr-softlaunch{order:3;flex-basis:100%;justify-content:space-between;padding-top:10px;border-top:1px solid var(--rule)}html.vr-app .vr-report-bug{padding:8px 12px}}
html.vr-app:not([data-vr-stage="READY"]) .vr-theme-wrap{display:none}
html.vr-app .vr-theme-wrap .pbtn{width:44px;min-width:44px}
html.vr-app #tier-badge{min-width:0;flex-shrink:1}

/* Restored schedules share the same overview; the original agenda stays intact. */
html.vr-app .vr-home-day{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px;align-items:start}
html.vr-app .vr-home-support{display:grid;gap:22px;min-width:0}
html.vr-app .vr-home-day .card{margin:0;min-width:0}
html.vr-app .page-head .pback{min-width:44px;min-height:44px;border:1px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink)}
html.vr-app .page-head h2{font-size:var(--type-20);letter-spacing:-.6px}
@media(max-width:899px){html.vr-app .vr-home-day{grid-template-columns:1fr}}

/* Lower-glare surfaces, with colour carried by accents rather than bright panels. */
html.vr-app{--paper:var(--color-source-e7e8df);--card:var(--color-source-f0f1e8);--card-2:var(--color-source-dfe4d9);--ink:var(--color-source-18373b);--ink-soft:var(--color-source-465e54);--ink-faint:var(--color-source-4b6255);--measure:var(--color-source-685021);--amber:var(--brand-text);--amber-soft:var(--brand-soft);--clinical:var(--color-source-235b48);--clinical-soft:var(--color-source-d3e0cb);--plum:var(--color-source-88503c);--rule:var(--color-source-bdcbbb);--rule-soft:var(--color-source-d1dacb)}
html.vr-app[data-appearance-theme=dark]{--paper:var(--color-source-0c171a);--card:var(--color-source-142328);--card-2:var(--color-source-203237);--ink:var(--color-source-e1e7df);--ink-soft:var(--color-source-b4c6bc);--ink-faint:var(--color-source-aabeb3);--measure:var(--color-source-dbb779);--measure-soft:var(--color-source-36362c);--clinical:var(--color-source-8dccb4);--clinical-soft:var(--color-source-223f37);--amber:var(--brand-text);--amber-soft:var(--brand-soft);--plum:var(--color-source-dfa38f);--sky:var(--color-source-87c3db);--rule:var(--color-source-354c4e);--rule-soft:var(--color-source-293f42);--btn:var(--brand-orange);--btn-ink:var(--brand-ink);--vr-hero:var(--color-source-193a3c);--vr-action:var(--brand-orange)}
html.vr-app .eb-row{gap:12px;flex-wrap:wrap}html.vr-app .vr-manage{margin-left:auto;letter-spacing:0}
html.vr-app .vr-water{border-top:1px solid var(--rule);padding-top:22px;margin-top:20px}
html.vr-app .vr-water h3{font-size:var(--type-20);margin:0 0 6px}html.vr-app .vr-water .vr-card-head{margin-bottom:14px}
html.vr-app .vr-water-symbol{color:var(--sky);font-size:var(--type-28)}html.vr-app .vr-water-presets{display:flex;gap:8px;flex-wrap:wrap}
html.vr-app .vr-water-form{display:flex;align-items:flex-end;gap:10px;margin:12px 0}html.vr-app .vr-water-form .fld{flex:1;min-width:0;margin:0}html.vr-app .vr-water-form input{width:100%}
html.vr-app .vr-water>p{font-size:var(--type-14)}html.vr-app .home-routine-modal .sheet{max-width:690px}
html.vr-app .home-routine-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);padding:16px 0}
html.vr-app .home-routine-row>div:first-child{min-width:0;overflow-wrap:anywhere}html.vr-app .home-routine-row small{display:block;font-size:var(--type-14);color:var(--ink-soft);margin-top:5px}
html.vr-app .home-routine-row>div:last-child{display:flex;gap:7px;flex-shrink:0}html.vr-app .home-routine-links{border-top:1px solid var(--rule);margin-top:15px}
html.vr-app .su-inject-consent{display:flex;gap:12px;align-items:flex-start;font-size:var(--type-14);line-height:1.65}
html.vr-app .su-inject-consent input{flex-shrink:0;width:22px;height:22px}
html.vr-app #mm-update-notice{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10000;width:min(520px,calc(100vw - 28px));background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:16px;padding:20px;box-shadow:0 10px 40px var(--color-source-00000055);font-size:var(--type-14)}
html.vr-app #mm-update-notice>div:last-child{display:flex;gap:10px;margin-top:12px}
html.vr-app body{isolation:isolate}html.vr-app #wallpaper{display:block;background-color:var(--paper)}html.vr-app #wallpaper[hidden]{display:none!important}
html.vr-app #wallpaper::after{background:var(--paper);opacity:.84}html.vr-app #wallpaper[data-dim=light]::after{opacity:.76}html.vr-app #wallpaper[data-dim=heavy]::after{opacity:.93}
html.vr-app .wall-opt span{background:var(--color-source-11262bee);color:var(--color-paper);padding:8px}html.vr-app .wall-opt .wall-none{background:var(--card-2);color:var(--ink-soft)}
@media(max-width:600px){html.vr-app .home-routine-row{flex-wrap:wrap}html.vr-app .vr-water-form{flex-wrap:wrap}html.vr-app .vr-water-form .fld{min-width:130px}html.vr-app #mm-update-notice{bottom:calc(82px + env(safe-area-inset-bottom))}}

html.vr-app #p-nutrition [data-vr-view=shopping]{display:block;max-width:1100px}html.vr-app .shopping-actions{flex-wrap:wrap;gap:10px;margin:20px 0}html.vr-app .shopping-group{margin:25px 0}html.vr-app .shopping-group h3{font-size:var(--type-20)}html.vr-app .shopping-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:15px;padding:15px 0}html.vr-app .shopping-row label{display:flex;align-items:center;gap:14px;flex:1;min-width:0;cursor:pointer}html.vr-app .shopping-row input{width:23px;height:23px;flex-shrink:0}html.vr-app .shopping-row span{overflow-wrap:anywhere}html.vr-app .shopping-row small{display:block;color:var(--ink-soft);font-size:var(--type-14);margin-top:5px}html.vr-app .shopping-row.is-done b{text-decoration:line-through}html.vr-app .su-supp-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}html.vr-app .su-supp-options article{padding:20px;border:1px solid var(--rule);border-radius:14px;background:var(--card)}html.vr-app .su-supp-options article .btn{width:100%;text-align:left;font-size:var(--type-16)}html.vr-app .su-supp-options article .eyebrow{margin:18px 0 8px}html.vr-app .su-supp-options a{display:inline-block;color:var(--amber);font-size:var(--type-14);min-height:44px;padding:10px 0}html.vr-app .su-supp-options button[aria-pressed=true]{background:var(--btn);color:var(--btn-ink)}@media(max-width:650px){html.vr-app .su-supp-options{grid-template-columns:1fr}}

html.vr-app .exrow-main{display:flex;gap:13px;align-items:center;flex:1;min-width:0;border:0;background:none;color:var(--ink);padding:6px;text-align:left;min-height:56px}html.vr-app .exrow-copy{min-width:0}html.vr-app .exrow-copy>span{display:block}html.vr-app .exrow-placeholder{width:64px;height:43px;background:var(--card-2);border-radius:6px;flex-shrink:0}

/* Owner local diagnostics uses the existing colour system. */
.owner-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.owner-error-actions .btn{min-height:44px}.owner-error-text{display:block;width:100%;min-height:220px;max-height:440px;resize:vertical;font:var(--type-14)/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;padding:14px;border:1px solid var(--rule);border-radius:12px;background:var(--card-2);color:var(--ink)}.owner-error-card>details>summary{min-height:44px;padding:10px 0;cursor:pointer}@media(max-width:480px){.owner-error-actions>.btn{flex:1 1 130px}}

/* Settings and Shop use the same surfaces, spacing and action palette as More. */
html.vr-app.vr-ready .masthead #tier-badge{display:none!important}
html.vr-app.vr-ready .masthead .profilebar{margin-left:auto}
html.vr-app[data-vr-panel=data]{--wall-opacity:.98}
html.vr-app .vr-settings-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
html.vr-app .vr-settings-jumps a{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none;font-size:var(--type-14);font-weight:600}
html.vr-app .vr-settings-jumps svg{width:20px;height:20px;color:var(--amber)}
html.vr-app .vr-settings-jumps a:hover{border-color:var(--brand-text);background:var(--card-2)}
html.vr-app .vr-settings-directory{max-width:1440px}
html.vr-app .vr-settings-area{scroll-margin-top:110px;margin-bottom:44px}
html.vr-app .vr-settings-section-head{margin-bottom:20px;border-bottom:1px solid var(--rule);padding-bottom:16px}
html.vr-app .vr-settings-section-head h2{font-size:var(--type-20);letter-spacing:-.6px;margin:0 0 5px}
html.vr-app .vr-settings-section-head .sub{margin:0}
html.vr-app .vr-settings-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
html.vr-app .vr-settings-columns>div{display:flex;flex-direction:column;gap:18px;min-width:0}
html.vr-app .vr-settings-columns>div>.card,html.vr-app .vr-settings-columns>div>div>.card{margin:0}
html.vr-app .vr-settings-columns h2{font-size:var(--type-20);line-height:1.25}
html.vr-app .vr-settings-columns .row{flex-wrap:wrap}
html.vr-app .vr-settings-columns .row>.btn{flex:1 1 155px;white-space:normal;min-height:44px}
html.vr-app .vr-settings-columns .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin-top:20px}
html.vr-app .vr-settings-columns .sv{font-size:var(--type-28);overflow-wrap:anywhere}
html.vr-app #d-build{font-size:var(--type-14)!important;line-height:1.5}
html.vr-app #d-howwrap>.card{padding:0;border:0;background:none}
html.vr-app #d-injwrap>.card{padding:0;border:0;background:none}
html.vr-app #d-wallwrap>.card{border:0;padding:24px 0 0;margin:20px 0 0;border-top:1px solid var(--rule);border-radius:0;background:none}
html.vr-app .vr-settings-danger{margin-top:20px;border-top:1px solid var(--rule);padding-top:10px}
html.vr-app .vr-settings-danger summary{min-height:44px;padding:10px 0;font-size:var(--type-14);font-weight:600;cursor:pointer}
html.vr-app .vr-settings-danger>.btn{white-space:normal;width:100%;margin:12px 0 0}
html.vr-app .vr-settings-document{border:1px solid var(--rule);border-radius:16px;background:var(--card);overflow:hidden}
html.vr-app .vr-settings-document>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:20px 24px;min-height:64px;font-weight:600}
html.vr-app .vr-settings-document>summary::-webkit-details-marker{display:none}
html.vr-app .vr-settings-document>summary span{font-size:var(--type-20);color:var(--amber)}
html.vr-app .vr-settings-document[open]>summary span{transform:rotate(45deg)}
html.vr-app .vr-settings-document>.card{border:0;border-top:1px solid var(--rule);border-radius:0;margin:0}
html.vr-app .page.page-shop .page-bd{max-width:1660px}
html.vr-app .page-shop .page-head{padding:18px var(--vr-pad);gap:16px}
html.vr-app .vr-shop-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:10px 0 30px}
html.vr-app .vr-shop-intro h1{font-size:var(--type-28);line-height:1.12;letter-spacing:-1.5px;margin:8px 0 14px}
html.vr-app .vr-shop-intro .sh-intro{font-size:var(--type-16);max-width:520px;margin:0}
html.vr-app .vr-shop-preview{flex:0 0 235px;border-left:3px solid var(--brand-orange);padding:10px 0 10px 18px;font-size:var(--type-14);color:var(--ink-soft);margin:0}
html.vr-app .vr-shop-preview b{display:block;color:var(--ink);margin-bottom:4px;font-size:var(--type-14)}
html.vr-app .sh-controls{border:1px solid var(--rule);border-radius:16px;background:var(--card);padding:18px;gap:16px;margin-bottom:18px}
html.vr-app .sh-search{background:var(--paper);border-radius:10px;min-height:48px;max-width:600px}
html.vr-app .sh-controls>.sh-cats{flex-wrap:wrap;overflow:visible;gap:8px;margin:0;padding:0}
html.vr-app .sh-chip.on{background:var(--brand-orange);color:var(--brand-ink);border-color:var(--brand-orange)}
html.vr-app .sh-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
html.vr-app .sh-tile{border-radius:16px}
html.vr-app .sh-open{display:flex;flex-direction:column}
html.vr-app .sh-thumb{width:100%}
html.vr-app .sh-meta{width:100%;padding:18px;gap:6px;flex:1}
html.vr-app .sh-tile:has(.sh-add) .sh-meta{padding-bottom:60px}
html.vr-app .sh-n{font-size:var(--type-16);font-weight:600;line-height:1.35}
html.vr-app .sh-sub{font-size:var(--type-14);line-height:1.5}
html.vr-app .sh-tfoot{margin-top:auto;padding-top:12px;gap:4px 12px}
html.vr-app .sh-status{font-size:var(--type-14);letter-spacing:.06em}
html.vr-app .sh-tag{font-size:var(--type-14);letter-spacing:0}
html.vr-app .sh-count{font-size:var(--type-14);min-height:44px;margin:0 0 12px}
html.vr-app .sh-section{padding-top:28px;margin-top:36px}
html.vr-app .sh-row{gap:16px}
html.vr-app .sh-mini{flex-basis:190px;border-radius:14px}
html.vr-app .sh-mini>span:not(.sh-mthumb){padding:13px}
html.vr-app .sh-mini b{font-size:var(--type-14)}
html.vr-app .vr-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);max-width:1260px;margin:0 auto}
html.vr-app .vr-product-image .sh-hero{max-width:none;margin:0}
html.vr-app .vr-product-details{min-width:0}
html.vr-app .vr-product-details .sh-phead h2{font-size:var(--type-28);letter-spacing:-1px;line-height:1.15}
html.vr-app .vr-product-details .sh-section{margin-top:24px;padding-top:20px}
html.vr-app .vr-product-details .sh-desc{font-size:var(--type-16);margin-top:20px}
@media(min-width:900px){html.vr-app body.shop-page-open .vr-sidebar .bnav{display:flex}html.vr-app body.shop-page-open .vr-sidebar .bnav button[aria-current=page]{background:none;color:var(--ink-soft)}html.vr-app body.shop-page-open .vr-sidebar .bnav button[aria-current=page] svg{color:var(--ink-soft)}html.vr-app body.shop-page-open .vr-side-link[data-vr-action=shop]{background:var(--brand-soft);color:var(--brand-text)}}
@media(max-width:1100px){html.vr-app .vr-shop-intro{display:block}html.vr-app .vr-shop-preview{margin:20px 0 0;max-width:400px}html.vr-app .vr-settings-columns{grid-template-columns:1fr}html.vr-app .vr-product-layout{gap:24px}}
@media(max-width:650px){html.vr-app .vr-settings-jumps{display:grid;grid-template-columns:1fr;margin-bottom:28px}html.vr-app .vr-settings-jumps a{padding:12px 16px}html.vr-app .vr-settings-area{scroll-margin-top:85px;margin-bottom:32px}html.vr-app .vr-settings-columns .stats{grid-template-columns:repeat(2,minmax(0,1fr))}html.vr-app .vr-shop-intro{margin:4px 0 24px}html.vr-app .vr-shop-intro h1{font-size:var(--type-28);letter-spacing:-1px}html.vr-app .sh-controls{padding:14px;gap:14px}html.vr-app .sh-controls .sh-cats .ci{font-size:var(--type-14);padding:0 12px}html.vr-app .sh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html.vr-app .sh-meta{padding:12px;gap:5px}html.vr-app .sh-n{font-size:var(--type-14)}html.vr-app .sh-sub{font-size:var(--type-14)}html.vr-app .sh-tfoot{display:block}html.vr-app .sh-tag{display:block;margin-top:4px}html.vr-app .sh-mini{flex-basis:160px}html.vr-app .vr-product-layout{display:block}html.vr-app .vr-product-image{margin-bottom:26px}html.vr-app .vr-product-details .sh-phead h2{font-size:var(--type-28)}}


html.vr-app button.ui-stat[data-vr-action="water"]{font:inherit;color:inherit;text-align:left;cursor:pointer}
html.vr-app button.ui-stat[data-vr-action="water"]:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
html.vr-app .home-water-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid var(--rule);border-radius:20px;background:var(--paper);color:var(--ink);overflow:auto}
.home-water-dialog::backdrop{background:rgba(0,0,0,.65)}
html.vr-app .home-water-dialog>.vr-card-head{margin-bottom:16px}
html.vr-app .home-water-dialog h2{font-size:var(--type-20);margin:0}
html.vr-app .home-water-dialog .vr-water{margin:0;padding:16px}
html.vr-app .home-water-dialog .vr-water-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html.vr-app .home-water-dialog .vr-water-form{display:grid;grid-template-columns:1fr;gap:12px}
@media(max-width:360px){html.vr-app .home-water-dialog{padding:18px}html.vr-app .home-water-dialog .vr-water{padding:12px}}

/* Reuse the daily ring and numeral styles for partial water and all macros. */
html.vr-app .vr-water-progress{display:inline-block;flex:0 0 48px;width:48px;height:48px;margin:0}
.home-macro-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.home-macro-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0;font-family:var(--mono);font-variant-numeric:tabular-nums}
.home-macro-summary span,.home-macro-summary small{font-size:var(--type-14);color:var(--ink-soft);font-weight:400}
.home-macro-summary b{font-size:var(--type-20);font-weight:600}.home-macro-summary b small{display:block}
html.vr-app .vr-macro span{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--type-14)}

#tile-kcal{grid-column:1/-1}
html.vr-app .ui-stat-label .vr-water-progress{flex:0 0 22px;width:22px;height:22px}
html.vr-app .ui-stat-nutrition .home-macro-summary{margin-top:10px}
html.vr-app .ui-overview .ui-stat.ui-stat-nutrition{display:block}
@media(max-width:600px){html.vr-app .ui-home-quicklog{grid-template-columns:minmax(0,1fr)}}

/* Food first, water second: identical order in the browser and installed app. */
html.vr-app .ui-overview.ui-home-quicklog{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
html.vr-app .ui-home-quicklog .ui-stat{grid-column:auto}
html.vr-app .ui-home-quicklog .ui-stat-label{min-height:44px;margin-bottom:10px}
html.vr-app .ui-scan-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;padding:8px 10px;min-width:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:12px;background:transparent;color:var(--amber);font:inherit;font-size:var(--type-14);cursor:pointer}
html.vr-app .ui-scan-shortcut svg{width:24px;height:24px}
html.vr-app .ui-scan-shortcut:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
html.vr-app .ui-stat-water .ui-quick-water-label{display:block;margin-top:16px;color:var(--ui-ink);font-size:var(--type-14)}
@media(max-width:600px){html.vr-app .ui-overview.ui-home-quicklog{grid-template-columns:minmax(0,1fr)}}

/* Shared settings switch. A real knob avoids mobile pseudo-element rendering faults. */
html.vr-app .mm-switch{appearance:none;display:inline-flex;align-items:center;flex:0 0 46px;width:46px;height:28px;min-height:28px;margin:0;padding:3px;border:1px solid var(--rule);border-radius:999px;background:var(--card-2);color:var(--ink);cursor:pointer}
html.vr-app .mm-switch-knob{display:block;width:20px;height:20px;border-radius:50%;background:currentColor;transform:translateX(0)}
html.vr-app .mm-switch[aria-checked=true]{border-color:var(--btn);background:var(--btn);color:var(--btn-ink)}
html.vr-app .mm-switch[aria-checked=true] .mm-switch-knob{transform:translateX(18px)}
html.vr-app .mm-consent-switch-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
html.vr-app .mm-consent-switch-row>span{min-width:0}

/* Nutrition owns one moving indicator rather than fading two tab borders together. */
html.vr-app #p-nutrition>.vr-tabs .ui-nutrition-tab-scroll{position:relative;display:flex;align-items:stretch;gap:28px;min-width:0;overflow-x:auto;scrollbar-width:thin}
html.vr-app #p-nutrition>.vr-tabs .ui-nutrition-tab-scroll>[data-vr-tab][aria-selected=true]{border-bottom-color:transparent;box-shadow:none}
html.vr-app #p-nutrition .vr-tab-indicator{position:absolute;left:0;bottom:0;width:var(--vr-tab-indicator-width,0px);height:2px;border-radius:1px;background:var(--amber);transform:translateX(var(--vr-tab-indicator-left,0px));pointer-events:none}

html.vr-app .th-history-search-label{display:inline-flex;align-items:center;width:max-content;min-height:32px;margin:0 0 8px;padding:6px 10px;font-size:var(--type-14);font-weight:600;line-height:1.35}