/* VR11 ยท THE MASTER CORRECTION PASS. Brand lock (#8792A2), the Week Path, the recovery room, the gym finder, the build moment, quick actions as objects, beginner view, nutrition certainty tiers. Phone first, desktop keeps its own compositions from vr10. *//* ---- wordmark: lowercase, always ---- */ body.pm-premium .kicker.wm,body.pm-premium .tn-mark{text-transform:none!important;letter-spacing:-.03em!important;font-family:var(--sans)!important;font-size:18px!important;font-weight:800!important} body.pm-premium .onb-word{text-transform:none;letter-spacing:-.03em}/* ---- WEEK PATH ---- */ body.pm-premium .wpath{position:relative;height:96px;margin:10px -2px 0} body.pm-premium .wpath svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} body.pm-premium .wpath .wp-base{fill:none;stroke:rgba(34,35,36,.12);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke} body.pm-premium .wpath .wp-prog{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)} body.pm-premium .wpath .hw-days{position:absolute;inset:0;display:block;width:auto;gap:0} body.pm-premium .wpath .hw-days i{position:absolute;width:0;height:0;display:block;transform:none;font-size:var(--ui-meta,14px);color:var(--ink-3)} body.pm-premium .wpath .hw-days i b{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 2.5px rgba(30,31,33,.16) inset,0 1px 2px rgba(30,31,33,.12);display:flex;align-items:center;justify-content:center} body.pm-premium .wpath .hw-days i span{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.04em;color:var(--ink-3)} body.pm-premium .wpath .hw-days i.rest b{width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:none;background:rgba(34,35,36,.16)} body.pm-premium .wpath .hw-days i.plan b{width:18px;height:18px;margin:-9px 0 0 -9px;box-shadow:0 0 0 2.5px var(--accent) inset,0 1px 2px rgba(30,31,33,.12)} body.pm-premium .wpath .hw-days i.on b{width:24px;height:24px;margin:-12px 0 0 -12px;background:var(--accent);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 4px 10px -4px rgba(103,104,105,.8)} body.pm-premium .wpath .hw-days i.on b svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} body.pm-premium .wpath .hw-days i.on span,body.pm-premium .wpath .hw-days i.today span{color:var(--ink);font-weight:800} body.pm-premium .wpath .hw-days i.today b{box-shadow:0 0 0 2.5px var(--ink) inset,0 0 0 5px rgba(135,146,162,.22),0 1px 2px rgba(30,31,33,.12)} body.pm-premium .wpath .hw-days i.today.on b{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 5px rgba(135,146,162,.25)} body.pm-premium .wpath .hw-days i.today span{top:18px} body.pm-premium .wpath .hw-days i.missed b{box-shadow:0 0 0 2.5px rgba(30,31,33,.18) inset;background:#F7F6F3} @media (prefers-reduced-motion:no-preference){ body.pm-premium .wpath .hw-days i.today:not(.on) b::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(135,146,162,.5);animation:wpPulse 2.4s ease-out infinite} } @keyframes wpPulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}/* ---- Open day card: one word, one key ---- *//* ---- Week card layout: the path owns the full width under the count ---- */ body.pm-premium #today #heroProg{display:flex!important;flex-direction:column;align-items:stretch;gap:2px} body.pm-premium #today #heroProg .hw-t{display:flex;align-items:baseline;justify-content:space-between;width:100%} body.pm-premium #today #heroProg .hw-t b{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)} body.pm-premium #today #heroProg .hw-t span{font-size:15px;font-weight:700;color:var(--ink)} body.pm-premium #today #heroProg .hw-t span .vr-num{font-size:26px;font-weight:800;margin-right:4px} body.pm-premium #today #heroProg .wpath{width:100%;margin:6px 0 0;background:none;box-shadow:none;border:0}/* ---- THE RECOVERY ROOM. A quiet environment that breathes, one giant number, the next set as an object you can turn, the keys kept small. ---- */ body.pm-premium .sess.resting #sessWork{background:none!important;box-shadow:none!important} body.pm-premium .sess.resting .sess-ws{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;min-height:0!important} body.pm-premium #sessRest{position:relative;margin:0 -6px;border-radius:30px;overflow:hidden; background:radial-gradient(120% 70% at 50% 0%,#FFFFFF 0%,#F9F8F5 48%,#EEEDEA 100%);box-shadow:0 1px 0 #fff inset,0 -1px 0 rgba(30,31,33,.06) inset,0 22px 44px -28px rgba(30,31,33,.4)} body.pm-premium #sessRest .rr-room{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 16px 14px;gap:0;min-height:430px;justify-content:center} body.pm-premium #sessRest .rr-breath{position:absolute;left:50%;top:38%;width:0;height:0;pointer-events:none;z-index:0} body.pm-premium #sessRest .rr-breath i{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:1.5px solid rgba(135,146,162,.22);background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0))} body.pm-premium #sessRest .rr-breath i:nth-child(2){width:420px;height:420px;margin:-210px 0 0 -210px;border-color:rgba(135,146,162,.14)} body.pm-premium #sessRest .rr-breath i:nth-child(3){width:540px;height:540px;margin:-270px 0 0 -270px;border-color:rgba(135,146,162,.08)} @media (prefers-reduced-motion:no-preference){ body.pm-premium #sessRest .rr-breath i{animation:rrBreath 6s ease-in-out infinite} body.pm-premium #sessRest .rr-breath i:nth-child(2){animation-delay:.6s} body.pm-premium #sessRest .rr-breath i:nth-child(3){animation-delay:1.2s} } @keyframes rrBreath{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.06);opacity:1}} body.pm-premium #sessRest .rr-room>*{position:relative;z-index:1} body.pm-premium #sessRest .rf-word{font-size:var(--ui-meta,14px)!important;font-weight:800!important;letter-spacing:.12em;color:var(--ink-3)!important;margin-bottom:2px} body.pm-premium #sessRest .rf-timer{padding:0 20px 6px} body.pm-premium #sessRest .rf-timer .sess-clock{font-size:clamp(118px,37vw,184px)!important;line-height:.92!important;letter-spacing:-.05em!important;font-weight:800;margin:0!important;color:var(--ink)} body.pm-premium #sessRest .rf-ring{width:min(54vw,220px);height:5px;margin-top:10px;background:rgba(34,35,36,.1)} body.pm-premium #sessRest .rf-ring i{background:var(--accent)} body.pm-premium .sess.over #sessRest .rf-ring i{background:var(--ink-3)} body.pm-premium #sessRest .sess-over{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);margin-top:6px} body.pm-premium #sessRest .rf-ready{margin-top:8px} body.pm-premium #sessRest .sess-next{margin-top:18px;width:100%;gap:10px}/* NEXT: a card you can open */ body.pm-premium #sessRest .rr-next{display:grid!important;grid-template-columns:64px minmax(0,1fr) 22px;align-items:center;gap:0 12px;width:min(100%,380px);padding:10px 12px 10px 10px!important;border-radius:22px!important;text-align:left; background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)!important;border:0} body.pm-premium #sessRest .rr-nxo{width:64px;height:64px;border-radius:16px;background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 6px rgba(30,31,33,.14),0 1px 0 #fff;display:flex;align-items:center;justify-content:center;overflow:hidden} body.pm-premium #sessRest .rr-nxo .rr-obj{width:84%;height:84%;display:flex;align-items:center;justify-content:center} body.pm-premium #sessRest .rr-nxo .rr-obj img,body.pm-premium #sessRest .rr-nxo .rr-obj svg,body.pm-premium #sessRest .rr-nxo .rr-obj .body-r{max-width:100%;max-height:100%;width:auto;height:100%} body.pm-premium #sessRest .rr-nxt{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0} body.pm-premium #sessRest .rr-nxt em{font-style:normal;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} body.pm-premium #sessRest .rr-nxt .rf-nm{font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} body.pm-premium #sessRest .rr-nxt b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05} body.pm-premium #sessRest .rr-nxt b small{font-size:15px;font-weight:700;color:var(--ink-2)} body.pm-premium #sessRest .rr-chev{width:22px;height:22px;border-radius:50%;background:rgba(34,35,36,.06);position:relative} body.pm-premium #sessRest .rr-chev::after{content:"";position:absolute;left:7px;top:7px;width:6px;height:6px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg)} body.pm-premium #sessRest .rr-next[aria-expanded="true"] .rr-chev::after{transform:rotate(-135deg);top:9px}/* the quick adjust */ body.pm-premium #sessRest .rr-adj{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(100%,380px);margin:0;padding:14px 14px 12px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 10px 26px -20px rgba(30,31,33,.5)} body.pm-premium #sessRest .rr-adj.hide{display:none} body.pm-premium #sessRest .rr-adj .rr-adj-l,body.pm-premium #sessRest .rr-adj .rf-tgt,body.pm-premium #sessRest .rr-adj .rf-last{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-2);text-align:left} body.pm-premium #sessRest .rr-adj .rf-tgt,body.pm-premium #sessRest .rr-adj .rf-last{display:none} body.pm-premium #sessRest .rr-row{display:flex;align-items:center;justify-content:space-between;gap:10px} body.pm-premium #sessRest .rr-lab{font-size:14px;font-weight:800;color:var(--ink)} body.pm-premium #sessRest .rr-step{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:16px;background:linear-gradient(180deg,#E8E7E4 0%,#F1F0ED 100%);box-shadow:var(--vr-well)} body.pm-premium #sessRest .rr-step b{min-width:74px;text-align:center;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums} body.pm-premium #sessRest .rr-pm{width:40px;height:40px;border-radius:12px;border:0;background:var(--vr-key);box-shadow:var(--vr-key-edge);font:inherit;font-size:20px;font-weight:800;color:var(--ink);cursor:pointer} body.pm-premium #sessRest .rr-pm:active{transform:translateY(1px)} body.pm-premium #sessRest .rr-swap{margin-top:2px;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--accent-hover);padding:6px;cursor:pointer}/* recommendation stays an object under the card */ body.pm-premium #sessRest .rf-rec{width:min(100%,380px);padding:12px 16px;border-radius:18px}/* the quiet keys */ body.pm-premium #sessRest .rr-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px} body.pm-premium #sessRest .rr-k{border:0;background:rgba(255,255,255,.7);box-shadow:0 1px 0 #fff inset,0 1px 2px rgba(30,31,33,.08);border-radius:999px;padding:9px 14px;font:inherit;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-2);cursor:pointer;margin:0!important;display:inline-flex!important;flex-direction:row!important;gap:0} body.pm-premium #sessRest .rr-k.hide{display:none!important} body.pm-premium #sessRest .rr-k.rf-moreb i{display:none} body.pm-premium #sessRest .rf-hint{margin-top:10px;font-size:var(--ui-meta,14px);color:var(--ink-4)} body.pm-premium #sessRest .rf-done{margin-bottom:2px} body.pm-premium .sess.rest-ready #sessRest .rf-word{color:var(--ink)!important} @media (max-height:780px) and (max-width:899px){ body.pm-premium #sessRest .rr-room{min-height:0;padding:14px 12px 10px} body.pm-premium #sessRest .rf-timer .sess-clock{font-size:clamp(96px,30vw,140px)!important} body.pm-premium #sessRest .sess-next{margin-top:10px} body.pm-premium #sessRest .rr-keys{margin-top:10px} } @media (min-width:1140px){ body.pm-premium #sessRest .rr-room{min-height:520px} body.pm-premium #sessRest .rf-timer .sess-clock{font-size:176px!important} }/* ---- Week Path: beat the old strip rules ---- */ body.pm-premium #today #heroProg .wpath .hw-days{display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;margin:0!important;gap:0!important} body.pm-premium #today #heroProg .wpath .hw-days i{position:absolute!important;width:0!important;height:0!important;padding:0!important;background:none!important;box-shadow:none!important;transform:none!important} body.pm-premium #today #heroProg .wpath .hw-days i b{position:absolute!important;left:50%!important;top:50%!important;width:14px!important;height:14px!important;max-width:none!important;margin:-7px 0 0 -7px!important;border-radius:50%!important;background:#FFFFFF!important;box-shadow:0 0 0 2.5px rgba(30,31,33,.16) inset,0 1px 2px rgba(30,31,33,.12)!important} body.pm-premium #today #heroProg .wpath .hw-days i.rest b{width:8px!important;height:8px!important;margin:-4px 0 0 -4px!important;background:rgba(34,35,36,.16)!important;box-shadow:none!important} body.pm-premium #today #heroProg .wpath .hw-days i.plan b{width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important;box-shadow:0 0 0 2.5px var(--accent) inset,0 1px 2px rgba(30,31,33,.12)!important} body.pm-premium #today #heroProg .wpath .hw-days i.on b{width:24px!important;height:24px!important;margin:-12px 0 0 -12px!important;background:var(--accent)!important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 4px 10px -4px rgba(103,104,105,.8)!important} body.pm-premium #today #heroProg .wpath .hw-days i.today b{box-shadow:0 0 0 2.5px var(--ink) inset,0 0 0 5px rgba(135,146,162,.22),0 1px 2px rgba(30,31,33,.12)!important} body.pm-premium #today #heroProg .wpath .hw-days i.today.on b{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 5px rgba(135,146,162,.25)!important} body.pm-premium #today #heroProg .wpath .hw-days i.missed b{background:#F7F6F3!important;box-shadow:0 0 0 2.5px rgba(30,31,33,.18) inset!important} body.pm-premium #today #heroProg .wpath .hw-days i span{position:absolute!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;width:auto!important;font-size:var(--ui-meta,14px)!important;font-weight:800!important;color:var(--ink-3)!important} body.pm-premium #today #heroProg .wpath .hw-days i.today span{top:18px!important;color:var(--ink)!important} body.pm-premium #today #heroProg .wpath .hw-days i.on span{color:var(--ink)!important}/* ---- BUILD MY WEEK preview ---- */ body.pm-premium .wkb{display:flex;flex-direction:column;gap:14px} body.pm-premium .wkb-top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:22px;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)} body.pm-premium .wkb-fig{height:150px;display:flex;align-items:center;justify-content:center} body.pm-premium .wkb-fig .body-r{height:100%;width:auto}body.pm-premium .wkb-fig .body-r img{height:100%;width:auto;max-width:none}body.pm-premium .wkb-fig svg{height:100%;width:auto} body.pm-premium .wkb-sum{display:flex;flex-direction:column;gap:3px;min-width:0} body.pm-premium .wkb-k{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} body.pm-premium .wkb-sum b{font-size:24px;font-weight:800;letter-spacing:-.02em} body.pm-premium .wkb-sum small{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-2)} body.pm-premium .wkb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px} body.pm-premium .wkb-d{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 8px;border-radius:14px;background:rgba(255,255,255,.5);text-align:center;min-width:0} body.pm-premium .wkb-d.on{background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)} body.pm-premium .wkb-dn{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)} body.pm-premium .wkb-o{width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 5px rgba(30,31,33,.14);display:flex;align-items:center;justify-content:center;overflow:hidden} body.pm-premium .wkb-o.rest{background:none;box-shadow:none;position:relative} body.pm-premium .wkb-o.rest::after{content:"";width:8px;height:8px;border-radius:50%;background:rgba(34,35,36,.16)} body.pm-premium .wkb-o .wkb-ob{width:86%;height:86%;display:flex;align-items:center;justify-content:center} body.pm-premium .wkb-o .wkb-ob img,body.pm-premium .wkb-o .wkb-ob svg,body.pm-premium .wkb-o .wkb-ob .body-r{max-width:100%;max-height:100%;width:auto;height:100%} body.pm-premium .wkb-d b{font-size:var(--ui-meta,14px);font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} body.pm-premium .wkb-d small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3)} body.pm-premium .wkb-keys{display:flex;flex-direction:column;gap:8px} body.pm-premium .wkb-keys .btn{margin:0!important} body.pm-premium .wkb-days{display:flex;flex-direction:column;gap:10px} body.pm-premium .wkb-day{padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 #fff} body.pm-premium .wkb-dh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px} body.pm-premium .wkb-dh b{font-size:17px;font-weight:800}body.pm-premium .wkb-dh span{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3)} body.pm-premium .wkb-ls{display:flex;flex-direction:column;gap:6px} body.pm-premium .wkb-l{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px} body.pm-premium .wkb-l i{width:40px;height:34px;border-radius:9px;background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 5px rgba(30,31,33,.12);display:flex;align-items:center;justify-content:center;overflow:hidden} body.pm-premium .wkb-l i .wkb-li{width:84%;height:84%;display:flex;align-items:center;justify-content:center} body.pm-premium .wkb-l i .wkb-li img,body.pm-premium .wkb-l i .wkb-li svg,body.pm-premium .wkb-l i .wkb-li .body-r{max-width:100%;max-height:100%;width:auto;height:100%} body.pm-premium .wkb-l b{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.pm-premium .wkb-l small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums} body.pm-premium .wkb-foot{display:flex;justify-content:space-between;gap:10px;padding:2px 4px 6px} body.pm-premium .wkb-why{border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--accent-hover);padding:6px 0;cursor:pointer} @media (min-width:900px){ body.pm-premium .wkb-keys{flex-direction:row} body.pm-premium .wkb-keys .btn{flex:1} body.pm-premium .wkb-days{display:grid;grid-template-columns:1fr 1fr;gap:12px} }/* ---- COACH quick actions as objects ---- */ body.pm-premium #coachChips{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px!important;overflow:visible!important;width:auto!important;flex-direction:row!important} body.pm-premium #coachChips.hide{display:none!important} body.pm-premium #coachChips .chipbtn.ca{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:104px;padding:10px 8px 10px!important;border-radius:18px!important;text-align:center;width:auto!important;margin:0!important;background:var(--vr-ceramic)!important;box-shadow:var(--vr-edge),var(--vr-lift)!important;border:0!important} body.pm-premium #coachChips .chipbtn.ca.lead{grid-column:1/-1;flex-direction:row;justify-content:flex-start;min-height:0;padding:10px 14px!important;text-align:left} body.pm-premium #coachChips .chipbtn.ca .ca-ob{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex:none} body.pm-premium #coachChips .chipbtn.ca.lead .ca-ob{width:38px;height:38px} body.pm-premium #coachChips .chipbtn.ca .ca-ob img,body.pm-premium #coachChips .chipbtn.ca .ca-ob svg,body.pm-premium #coachChips .chipbtn.ca .ca-ob .body-r{max-width:100%;max-height:100%;width:auto;height:100%} body.pm-premium #coachChips .chipbtn.ca .ca-ob .body-r img{height:100%;width:auto;max-width:none} body.pm-premium #coachChips .chipbtn.ca .ca-ob .fi{width:40px;height:40px} body.pm-premium #coachChips .chipbtn.ca b{font-size:var(--ui-meta,14px)!important;font-weight:800!important;line-height:1.15;color:var(--ink)} body.pm-premium #coachChips .chipbtn.ca.lead b{font-size:14px!important} @media (max-width:370px){ body.pm-premium #coachChips{gap:6px} body.pm-premium #coachChips .chipbtn.ca{min-height:96px;padding:8px 4px 8px!important} body.pm-premium #coachChips .chipbtn.ca b{font-size:var(--ui-meta,14px)!important} } @media (min-width:1140px){ body.pm-premium #ask #coachChips:not(.hide){grid-template-columns:repeat(5,1fr)!important} body.pm-premium #ask #coachChips .chipbtn.ca.lead{grid-column:1/-1} }/* ---- BEGINNER VIEW: essentials only, the rest behind one key ---- */ body.pm-premium.bg-new .wq-sw,body.pm-premium.bg-new .wq-g,body.pm-premium.bg-new #lifts .lswap,body.pm-premium.bg-new #lifts .lhandle{display:none!important} body.pm-premium.bg-new #wkRail .sec:not(#secBalance){display:none!important} body.pm-premium.bg-new #sessDropB,body.pm-premium.bg-new #sessUpB{display:none!important} body.pm-premium.bg-new #sessWork .wother{display:none!important} body.pm-premium.bg-new .pf-page .pft-row,body.pm-premium.bg-new #pfTrainingMore{display:none!important} body.pm-premium.bg-new .bg-more{display:block} body.pm-premium .bg-more{display:none;margin:4px 0 14px;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--accent-hover);padding:6px 2px;cursor:pointer}/* ---- Coach tiles: three across, never a scroller ---- */ body.pm-premium #ask #coachChips{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible!important;flex-wrap:wrap!important} :root:not([data-theme="dark"]) body.pm-premium #ask #coachChips .chipbtn.ca{flex:none!important;max-width:none!important;min-width:0!important;align-items:center!important;justify-content:flex-end!important} :root:not([data-theme="dark"]) body.pm-premium #ask #coachChips .chipbtn.ca.lead{align-items:center!important;justify-content:flex-start!important} /* ---- KEYBOARD-SAFE COACH on phones: the composer is pinned to the keyboard, the conversation keeps its last message in view, nothing floats. ---- */ @media (max-width:899px){ html.kb-open body.pm-premium #ask .chatdock{position:fixed!important;left:0;right:0;bottom:var(--kb,0px)!important;z-index:70;margin:0!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(242,241,238,.96)!important;box-shadow:0 -1px 0 rgba(30,31,33,.06)!important} html.kb-open body.pm-premium #ask .chatbox{padding-bottom:calc(var(--coach-dock-h,150px) + 12px)!important} html.kb-open body.pm-premium #ask #coachChips{display:none!important} html.kb-open body.pm-premium #ask .adam-head{margin:0!important} html.kb-open body.pm-premium #ask .adam-stage{height:72px!important} html.kb-open body.pm-premium #ask .adam-head .acore{width:56px!important;height:56px!important;margin:0 0 8px!important} html.kb-open body.pm-premium #ask .adam-id h1{font-size:22px!important} html.kb-open body.pm-premium #ask #adamNow{display:none!important} html.kb-open body.pm-premium #tabs{display:none!important}/* THE FOOD SEARCH ON THE KEYBOARD (8 Oct recording). The sheet hung from the layout's bottom edge, so its height followed the result count: with 18 rows the search box sat high and visible, with 2 it dropped toward the keyboard, with none it went behind it. While the keyboard is up the sheet is the visible band itself (top at the pan, height of what shows above the keyboard): the box stays put at the top, and the results scroll inside it. Nothing about the sheet moves when the query changes. *//* 11 Oct 08:15: set by the keyboard code (fs-kb) from the measured band only. The backdrop is the whole screen and reaches under the keyboard by however far the band is panned (--fs-top); the panel's top is the band's top, its bottom the screen's, and its padding (--fs-pad, the keyboard's part of the layout) ends the results at the keyboard's edge. The header, the box and its row stay put; only the results scroll, so the phone has no panel to scroll to "reveal" the box (the recording showed the box pushed under the top edge) */ /* Keep the search field within easy reach before the phone reports its keyboard pan. The results absorb the height limit; the field stays visible and food details retain their normal sheet size. */ #foodSheet.on:not(.fs-kb):has(#fsSearchView:not(.hide)) .sheet{max-height:70vh;max-height:70dvh;display:flex;flex-direction:column;overflow:hidden} #foodSheet.on:not(.fs-kb) #fsSearchView:not(.hide){display:flex;flex-direction:column;min-height:0} #foodSheet.on:not(.fs-kb) #fsSearchView .fres{flex:1 1 auto;min-height:0} #foodSheet.on.fs-kb{top:0!important;bottom:calc(-1 * var(--fs-top,0px))!important;height:auto!important;align-items:stretch!important} #foodSheet.on.fs-kb .sheet{position:absolute!important;left:0;right:0;margin:0 auto;top:var(--fs-top,0px)!important;bottom:0!important;height:auto!important;max-height:none!important;border-radius:0!important;animation:none!important;padding-bottom:calc(var(--fs-pad,0px) + 16px)!important;display:flex!important;flex-direction:column;overflow:hidden!important} #foodSheet.on.fs-kb #fsSearchView{display:flex;flex-direction:column;flex:1 1 auto;min-height:0} #foodSheet.on.fs-kb .fres{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain}/* the sheet's entrance plays once per opening: keyboard mode switches the animation off, and switching it back on when the keyboard went down replayed the slide from 30 px below the screen (the sheet dropped and rose again on every dismissal). kb-seen is set when its box first takes focus and cleared when the sheet closes */ .sheet-wrap.on.kb-seen .sheet{animation:none!important} }/* ---- GYM FINDER ---- */ body.pm-premium .gym-find{display:flex;flex-direction:column;gap:10px;margin-top:8px} body.pm-premium .gym-field{position:relative} body.pm-premium .gym-field .onb-in{margin:0;padding-left:48px} body.pm-premium .gym-mag{position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:var(--ink-3);stroke-width:2.2;stroke-linecap:round;pointer-events:none} body.pm-premium .gym-near{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:0;background:var(--vr-key);box-shadow:var(--vr-key-edge);border-radius:999px;padding:11px 16px 11px 12px;font:inherit;font-size:14px;font-weight:800;color:var(--ink);cursor:pointer} body.pm-premium .gym-near i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0 3px,var(--accent) 3.5px 7px,rgba(135,146,162,0) 7.5px)} body.pm-premium .gym-near.busy{opacity:.6} body.pm-premium .gym-row{align-items:center;gap:12px;min-height:58px;padding:9px 12px;border-radius:16px} body.pm-premium .gym-row .gym-pin{width:36px;height:36px;border-radius:12px;flex:none;background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 5px rgba(30,31,33,.14);position:relative} body.pm-premium .gym-row .gym-pin::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:8px;margin:-4px 0 0 -7px;border-radius:3px;background:var(--ink-2);box-shadow:-8px 0 0 -1px var(--ink-3),8px 0 0 -1px var(--ink-3)} body.pm-premium .gym-row.online .gym-pin::after{width:10px;height:10px;margin:-7px 0 0 -5px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);box-shadow:none} body.pm-premium .gym-row.own .gym-pin::after{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:none;box-shadow:inset 0 0 0 2px var(--ink-3)} body.pm-premium .gym-row .gym-t{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1} body.pm-premium .gym-row .gym-t b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.pm-premium .gym-row .gym-t small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.pm-premium .gym-pick{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;margin-top:12px;padding:12px 14px;border-radius:22px;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)} body.pm-premium .gym-pick.hide{display:none} body.pm-premium .gym-pick-o{height:70px;display:flex;align-items:center;justify-content:center} body.pm-premium .gym-pick-o img{max-height:100%;max-width:100%;width:auto} body.pm-premium .gym-pick-t{display:flex;flex-direction:column;gap:2px;min-width:0} body.pm-premium .gym-pick-t em{font-style:normal;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} body.pm-premium .gym-pick-t b{font-size:19px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.pm-premium .onb-step:has(.gym-sug:not(.hide)) .gym-pick,body.pm-premium .onb-step:has(.gym-sug:not(.hide)) .gym-near{display:none}/* BR-08: the person's own scheme, and auxe's suggestion on it */ body.pm-premium .sch-own{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.02em;background:rgba(167,207,242,.45);color:var(--on-key,#163E63);vertical-align:1px} body.pm-premium .sch-sug{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:8px 0 2px;padding:10px 12px;border-radius:14px;background:rgba(167,207,242,.22);box-shadow:inset 0 0 0 1px rgba(47,106,154,.18)} body.pm-premium .sch-sug-t{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:700;color:var(--ink)} body.pm-premium .sch-sug-t small{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3)} body.pm-premium .sch-sug-a{display:flex;gap:8px} body.pm-premium .sch-sug-a .btn{width:auto!important;min-height:38px!important;margin:0!important;padding:6px 14px!important} body.pm-premium .wq .sch-sug{grid-column:1/-1;flex-basis:100%} body.pm-premium .lift > .sch-sug{margin:10px 14px 12px}/* BR-05/06/07: the access choice as four readable rows, and the chosen gym as a clear selection */ body.pm-premium .onb-where.ow-list{display:flex!important;flex-direction:column;gap:10px!important} body.pm-premium .onb-opt.ow-row{display:grid!important;grid-template-columns:64px minmax(0,1fr) 28px;align-items:center;gap:14px!important;min-height:84px;padding:10px 14px 10px 10px!important;text-align:left} body.pm-premium .ow-row .ow-thumb{position:relative;width:64px;height:64px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center; background:linear-gradient(180deg,#EAE9E6 0%,#F3F2EF 100%);box-shadow:inset 0 2px 6px rgba(30,31,33,.14),inset 0 -1px 0 rgba(255,255,255,.9)} body.pm-premium .ow-row .ow-thumb img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(30,31,33,.26))} body.pm-premium .ow-row .ow-thumb.ow-body img{position:absolute;top:4%;left:50%;max-width:none;max-height:none;height:190%;width:auto;transform:translateX(-50%)} body.pm-premium .ow-row .ow-thumb .pushup{width:90%;height:70%} body.pm-premium .ow-row .oo-t{padding:0!important} body.pm-premium .ow-row .oo-t b{font-size:17px!important} body.pm-premium .ow-row .oo-t small{font-size:var(--ui-meta,14px)!important} body.pm-premium .ow-row .ow-chk{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--hair,#D3D2CF);position:relative} body.pm-premium .ow-row.on .ow-chk{background:var(--accent,#A7CFF2);box-shadow:inset 0 0 0 2px rgba(22,62,99,.35)} body.pm-premium .ow-row.on .ow-chk::after{content:"";position:absolute;left:8px;top:5px;width:7px;height:12px;border:solid var(--on-key,#163E63);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} body.pm-premium .gym-pick{grid-template-columns:56px minmax(0,1fr) 28px!important} body.pm-premium .gym-pick-o{height:56px!important} body.pm-premium .gym-pick-t small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body.pm-premium .gym-pick-t small:empty{display:none} body.pm-premium .gym-pick{box-shadow:var(--vr-edge),var(--vr-lift),inset 0 0 0 2px rgba(167,207,242,.9)!important} body.pm-premium .gym-pick-chk{width:26px;height:26px;border-radius:50%;background:var(--accent,#A7CFF2);position:relative} body.pm-premium .gym-pick-chk::after{content:"";position:absolute;left:8px;top:5px;width:7px;height:12px;border:solid var(--on-key,#163E63);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} body.pm-premium .gym-mk{display:block;width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg,#EDECE9,#DBDAD7);box-shadow:inset 0 2px 5px rgba(30,31,33,.14);position:relative} body.pm-premium .gym-mk-n::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-11px 0 0 -8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent,#A7CFF2);box-shadow:inset 0 0 0 2px rgba(22,62,99,.25)} body.pm-premium .gym-logo{display:flex;align-items:center;justify-content:center;background:#fff!important;overflow:hidden} body.pm-premium .gym-logo::after{display:none!important} body.pm-premium .gym-logo .gym-logo-img{max-width:82%;max-height:82%;object-fit:contain}/* ---- THE BUILD MOMENT ---- */ body.pm-premium .onb-build{display:flex;flex-direction:column;gap:18px;margin-top:0;align-items:stretch} body.pm-premium .ob-stage{position:relative;height:min(62vh,480px);border-radius:28px;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,#FFFFFF 0%,#F9F8F5 48%,#EEEDEA 100%);box-shadow:0 1px 0 #fff inset,0 24px 50px -30px rgba(30,31,33,.45)} body.pm-premium .ob-fig{position:absolute;left:50%;top:6%;height:88%;transform:translateX(-50%);transition:transform .6s var(--ease),opacity .6s var(--ease)} body.pm-premium .ob-fig .body-r{height:100%;width:auto}body.pm-premium .ob-fig .body-r img{height:100%;width:auto;max-width:none}body.pm-premium .ob-fig svg{height:100%;width:auto} body.pm-premium .ob-fig .br-layer,body.pm-premium .ob-fig .bm{opacity:0;transition:opacity .45s var(--ease)} body.pm-premium .ob-fig .br-layer.lit,body.pm-premium .ob-fig .bm.lit{opacity:1} body.pm-premium .ob-stage[data-stage="week"] .ob-fig,body.pm-premium .ob-stage[data-stage="gear"] .ob-fig,body.pm-premium .ob-stage[data-stage="targets"] .ob-fig{transform:translateX(-50%) scale(.42) translateY(-62%);opacity:.5} body.pm-premium .ob-stage[data-stage="ready"] .ob-fig{transform:translateX(-50%) scale(.42) translateY(-62%);opacity:.9} body.pm-premium .ob-week{position:absolute;left:8%;right:8%;top:38%;height:90px;opacity:0;transition:opacity .5s var(--ease)} body.pm-premium .ob-stage[data-stage="week"] .ob-week,body.pm-premium .ob-stage[data-stage="gear"] .ob-week,body.pm-premium .ob-stage[data-stage="targets"] .ob-week,body.pm-premium .ob-stage[data-stage="ready"] .ob-week{opacity:1} body.pm-premium .ob-week svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} body.pm-premium .ob-path{fill:none;stroke:rgba(34,35,36,.14);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke} body.pm-premium .ob-nodes i{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(34,35,36,.16);transform:scale(0);transition:transform .35s cubic-bezier(.2,1.3,.3,1)} body.pm-premium .ob-nodes i.on{width:22px;height:22px;margin:-11px 0 0 -11px;background:var(--accent);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 4px 10px -4px rgba(103,104,105,.8)} body.pm-premium .ob-nodes i.in{transform:scale(1)} body.pm-premium .ob-gear{position:absolute;left:0;right:0;top:62%;display:flex;justify-content:center;align-items:flex-end;gap:10px;height:84px;padding:0 14px} body.pm-premium .ob-g{height:100%;flex:0 1 110px;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(26px);transition:opacity .4s var(--ease),transform .5s cubic-bezier(.2,1.2,.3,1)} body.pm-premium .ob-g.in{opacity:1;transform:none} body.pm-premium .ob-g img{max-height:100%;max-width:100%;width:auto;filter:drop-shadow(0 10px 10px rgba(30,31,33,.22))} body.pm-premium .ob-tg{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;align-items:baseline;gap:6px 14px;flex-wrap:wrap;opacity:0;transition:opacity .4s var(--ease)} body.pm-premium .ob-stage[data-stage="targets"] .ob-tg,body.pm-premium .ob-stage[data-stage="ready"] .ob-tg{opacity:1} body.pm-premium .ob-tg b{font-family:var(--vr-num);font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums} body.pm-premium .ob-tg span{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:8px} body.pm-premium .ob-ready{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--accent);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 16px 30px -14px rgba(103,104,105,.9);display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .45s cubic-bezier(.2,1.3,.3,1)} body.pm-premium .ob-ready svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round} body.pm-premium .ob-stage[data-stage="ready"] .ob-ready{transform:scale(1)} body.pm-premium .ob-stage[data-stage="ready"] .ob-week,body.pm-premium .ob-stage[data-stage="ready"] .ob-gear{opacity:.35} body.pm-premium .ob-lines{display:flex;flex-direction:column;gap:8px;padding:0 4px} body.pm-premium .ob-ln{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;color:var(--ink-3);opacity:.4;transition:opacity .3s,color .3s} body.pm-premium .ob-ln i{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2.5px rgba(30,31,33,.16);position:relative;background:#fff} body.pm-premium .ob-ln.on{opacity:1;color:var(--ink)} body.pm-premium .ob-ln.on i{box-shadow:inset 0 0 0 2.5px var(--ink)} body.pm-premium .ob-ln.done{opacity:.85;color:var(--ink-2)} body.pm-premium .ob-ln.done i{background:var(--accent);box-shadow:none} body.pm-premium .ob-ln.done i::after{content:"";position:absolute;left:7px;top:5px;width:5px;height:9px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg)} @media (max-height:720px){ body.pm-premium .ob-stage{height:52vh} body.pm-premium .ob-ln{font-size:15px} }/* ---- NUTRITION CERTAINTY: three tiers you can see ---- */ body.pm-premium .phr-objs .phr-obj{position:relative;border:0;font:inherit;text-align:left;cursor:pointer;padding-right:30px} body.pm-premium .phr-objs .phr-obj .phr-tier{position:absolute;right:10px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 1px 0 #fff inset} body.pm-premium .phr-objs .phr-obj.check .phr-tier{background:#fff;box-shadow:inset 0 0 0 3px var(--accent)} body.pm-premium .phr-objs .phr-obj.unsure .phr-tier{background:#fff;box-shadow:inset 0 0 0 2px rgba(30,31,33,.25);border:0} body.pm-premium .phr-objs .phr-obj.unsure .phr-tier::after{content:"?";position:absolute;left:0;right:0;top:-1px;text-align:center;font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink-3);font-style:normal} body.pm-premium .phr-objs .phr-obj.check{box-shadow:inset 0 0 0 1.5px rgba(135,146,162,.55),var(--vr-lift)} body.pm-premium .phr-objs .phr-obj::after{content:"";position:absolute;right:12px;bottom:14px;width:6px;height:6px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg);opacity:.7} body.pm-premium .phr-opts.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} body.pm-premium .phr-opts.sizes .phr-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px} body.pm-premium .phr-opts.sizes .phr-opt small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3)}/* ---- rest-day card: one line, the reason behind a key ---- */ body.pm-premium .restcard .rn{font-size:15px;font-weight:700;color:var(--ink-2)} body.pm-premium .rc-why{border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--accent-hover);padding:4px 0;cursor:pointer}/* "Why rest?" in the pale accent read at about 1.4:1 on the page, and on a weekday plan it is now the line's only words; it takes the card's own ink (Light and Dark), and an invisible 44px touch area around the same look */ body.pm-premium .restcard .rc-why{color:inherit;position:relative} body.pm-premium .restcard .rc-why::after{content:"";position:absolute;left:50%;top:50%;width:100%;min-width:44px;height:44px;transform:translate(-50%,-50%)}/* ---- rack: a real top-down lean on every shelf, the chosen pair stands proud ---- */ body.pm-premium .rack{perspective:720px;perspective-origin:50% 18%} body.pm-premium .rack-tier{transform:rotateX(9deg);transform-origin:50% 100%} body.pm-premium .rack-tier::before{height:36px;background:linear-gradient(180deg,rgba(222,221,218,0),rgba(200,199,196,.95));clip-path:polygon(1% 0,99% 0,100% 100%,0 100%)} body.pm-premium .rack-pair .db{filter:drop-shadow(0 7px 5px rgba(30,31,33,.42))} body.pm-premium .rack-pair.on .db{filter:drop-shadow(0 16px 12px rgba(30,31,33,.5))}/* the live-room machine horns */ body.pm-premium .bs-vis .horns{width:min(100%,300px);height:120px} body.pm-premium .barsel[data-mode="horn"] .bs-vis{height:120px} body.pm-premium #coachChips .chipbtn.ca.lead span{display:block;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);margin-left:auto;white-space:nowrap} body.pm-premium #coachChips .chipbtn.ca.lead b{text-align:left;flex:1;min-width:0} body.pm-premium .coachwho{text-transform:none!important;letter-spacing:0!important}