/* ============================================================ repair-b (B, 9 Oct): RP-B1 Home. Light mobile only. No greeting, no week path, no bodyweight on Home. Today, food and water stay as open sections on the page, no enclosing card (#today.hm-b, the owner's choice of 9 Oct; the ceramic-surface option A was retired on 10 Oct) ============================================================ */ @media (max-width:899px){ :root:not([data-theme="dark"]) body.pm-premium #today{--hm-hair:rgba(22,62,99,.10)}/* shared: the hero top sits closer, the stage is a plain column */ :root:not([data-theme="dark"]) body.pm-premium #today.hm-b #heroProg{display:none!important} :root:not([data-theme="dark"]) body.pm-premium #today.hm-b #heroProg{display:none!important}/* the slab loses its blue paint in both: words are ink on ceramic or on the page *//* food and water: a label, a strong number, a rail, one ceramic key *//* ---------- B: open sections, the page is the surface ---------- */ @media (max-width:360px){ } @media (max-width:340px){ } } @media (min-width:900px){ } /* ---------- RP-B2 Workout: the day, three readings, two real actions ---------- */ @media (max-width:899px){ :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-day{display:block;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-n{display:flex!important;gap:0!important;margin-top:12px!important} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-n .wn{flex:none!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0 14px 0 0!important;min-width:0!important;margin:0 14px 0 0!important;border-right:1px solid rgba(22,62,99,.14)!important} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-n .wn:last-child{border-right:none!important;margin-right:0!important;padding-right:0!important} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-n .wn b{font-family:var(--vr-num);font-size:28px!important;font-weight:700;letter-spacing:-.03em;color:var(--ink)!important;line-height:1} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-n .wn span{display:block;margin-top:4px;font-size:var(--ui-meta,14px)!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)!important;white-space:nowrap} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-m{display:block!important;margin-top:14px!important;max-width:56%;line-height:1.4} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-m i{display:inline!important;font-style:normal;font-size:15px!important;font-weight:700!important;color:var(--ink)!important;padding:0!important;margin:0!important} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-m i::before{content:none!important} :root:not([data-theme="dark"]) body.pm-premium #wkHero .wh-m i+i::before{content:", "!important;display:inline!important;width:auto!important;height:auto!important;background:none!important;white-space:pre}/* Rest today and Change today's workout: two ceramic keys, an icon and a word each, never a link or a pill */ :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:14px 0 10px!important} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts:not(:has(> :not(.hide))){display:none!important} :root:not([data-theme="dark"]) body.pm-premium #progress[data-wk="done"] .wk-dayacts{display:none!important} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:68px!important;margin:0!important;padding:12px 14px!important;text-align:left; border-radius:22px!important;background:linear-gradient(180deg,#FFFFFF 0%,#EEECE7 100%)!important;border:none!important; box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.07) inset,0 1px 2px rgba(30,31,33,.08),0 14px 26px -18px rgba(30,31,33,.55)!important;color:var(--ink)!important;text-decoration:none!important} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn.hide{display:none!important} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn:only-child, :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn:not(.hide):first-child:has(+ .btn.hide){grid-column:1/-1} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn:active{transform:scale(.97)} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-ic{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center; background:linear-gradient(180deg,#DCEBF8 0%,#A7CFF2 100%);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 6px 12px -8px rgba(22,62,99,.6)} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-ic svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-t{display:flex;flex-direction:column;min-width:0;font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-.01em} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-t small{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);margin-top:3px} @media (max-width:360px){ :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .btn{padding:10px 10px!important;gap:8px} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-ic{width:32px;height:32px} :root:not([data-theme="dark"]) body.pm-premium #progress .wk-dayacts .da-t{font-size:14px} } }/* ---------- RP-B2 picker: stays open, Done in reach ---------- */ body.pm-premium #addSheet .ex-donebar{position:sticky;bottom:0;z-index:5;margin:18px -4px 0;padding:12px 4px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(246,245,241,0) 0%,var(--bg,#F6F5F1) 34%)} body.pm-premium #addSheet .ex-donebar .btn{width:100%;min-height:54px;margin:0} body.pm-premium #addSheet .bex.added .bex-state,body.pm-premium #addSheet .bex.in .bex-state{color:var(--ink-2);font-weight:800} body.pm-premium #addSheet .bex.added{animation:addxIn .32s var(--ease,ease)} @keyframes addxIn{0%{transform:scale(.98)}100%{transform:none}} @media (prefers-reduced-motion:reduce){ body.pm-premium #addSheet .bex.added{animation:none} }/* ---------- RP-B2 Training balance: one window, planned against done ---------- */ :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-win{display:flex;flex-direction:column;gap:2px;margin:4px 0 12px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-win b{font-size:18px;font-weight:800;color:var(--ink)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-win span{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 16px;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-2)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key span{display:inline-flex;align-items:center;gap:6px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key i{width:12px;height:12px;border-radius:50%;display:inline-block} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key i.bm-up{background:#5E9BD6} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key i.bm-ok{background:#A7CFF2} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key i.bm-low{background:#E2A65B} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-key i.bm-none{background:#E4E2DD;box-shadow:inset 0 0 0 1px rgba(30,31,33,.12)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-head{display:flex;justify-content:space-between;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:0 0 8px;border-bottom:1px solid rgba(22,62,99,.12)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-head i{font-style:normal;opacity:.6} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-row{display:flex;flex-direction:column;gap:6px;padding:12px 0 14px;border-bottom:1px solid rgba(22,62,99,.10)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-m{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:0;margin:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:36px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-m b{font-size:16px;font-weight:800;color:var(--ink)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-n{font-size:15px;font-weight:700;color:var(--ink-3);white-space:nowrap} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-n strong{font-family:var(--vr-num);font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-n i{font-style:normal;margin:0 4px;opacity:.55} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-n em{font-style:normal;font-size:var(--ui-meta,14px)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-bar{position:relative;display:block;height:8px;border-radius:5px;background:linear-gradient(180deg,#E3E1DC,#EEECE8);box-shadow:inset 0 1px 2px rgba(30,31,33,.16),0 1px 0 #fff;overflow:hidden} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-bar i.pl{background:repeating-linear-gradient(135deg,rgba(94,155,214,.20) 0 4px,rgba(94,155,214,.08) 4px 8px)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-bar i.dn{background:linear-gradient(180deg,#9FC6EC,#5E9BD6);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-row.s-low .bal-bar i.dn{background:linear-gradient(180deg,#F0C892,#E2A65B)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-why2{font-size:14px;font-weight:600;color:var(--ink-2);line-height:1.35} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-act,:root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-coach{align-self:flex-start;min-height:46px;margin-top:4px;padding:10px 16px;border:0;border-radius:16px;font:inherit;font-size:14.5px;font-weight:800;color:var(--ink);cursor:pointer; background:linear-gradient(180deg,#FFFFFF 0%,#EEECE7 100%);box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.07) inset,0 1px 2px rgba(30,31,33,.08),0 12px 22px -16px rgba(30,31,33,.5)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-coach{width:100%;margin-top:16px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-quiet{padding:12px 0 0;font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-empty{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-empty b{font-size:18px;font-weight:800;color:var(--ink)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-empty span{font-size:14.5px;font-weight:600;color:var(--ink-2);line-height:1.4} :root:not([data-theme="dark"]) body.pm-premium #secBalance #balNote{display:block!important;margin-top:12px;font-size:var(--ui-meta,14px);color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium #addSheet .bal-line{display:block;margin-top:6px;font-size:14px;font-weight:600;color:var(--ink-2);line-height:1.35} :root:not([data-theme="dark"]) body.pm-premium #secBalance .body-r .br-layer{filter:saturate(1.05) brightness(1)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .body-r .bm-up{opacity:1} :root:not([data-theme="dark"]) body.pm-premium #secBalance .body-r .bm-ok{opacity:.55} :root:not([data-theme="dark"]) body.pm-premium #secBalance .body-r .bm-low{opacity:.85;filter:hue-rotate(188deg) saturate(1.2) brightness(1.04)} :root:not([data-theme="dark"]) body.pm-premium #secBalance .bal-today{width:100%;margin:0 0 16px}/* ---------- RP-B3 live set: one bar, one control area, the set strip by the set ---------- */ body.pm-premium .sess #sessWSel .barsel .bs-vis{display:none!important} body.pm-premium .sess #sessWSel .barsel{display:flex!important;flex-direction:column;align-items:center} body.pm-premium .sess #sessWSel .barsel .bs-read{order:0} body.pm-premium .sess #sessWSel .barsel .bs-keys{order:1;margin:10px 0 4px!important} body.pm-premium .sess #sessWSel .barsel .bs-on{order:2} body.pm-premium .sess #sessWSel .barsel .bs-tray{order:3}/* a rack or a pin stack is its own picture: the empty stage gives its room to it */ body.pm-premium .sess:has(#sessWStep:not(.hide)) #sessStage[data-kind="rack"], body.pm-premium .sess:has(#sessWStep:not(.hide)) #sessStage[data-kind="pin"]{display:none!important} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-k{min-height:48px!important;padding:0 22px!important;border-radius:16px!important;border:none!important;font-weight:800!important;color:var(--ink)!important; background:linear-gradient(180deg,#FFFFFF 0%,#EDEBE6 100%)!important;box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.07) inset,0 1px 2px rgba(30,31,33,.08),0 12px 22px -16px rgba(30,31,33,.5)!important} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-tray{background:linear-gradient(180deg,#ECEAE5 0%,#F6F5F1 100%)!important;box-shadow:inset 0 2px 5px rgba(30,31,33,.14),0 1px 0 #fff!important} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-pl b{color:var(--ink)!important;text-shadow:none!important} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-pl .bs-disc{filter:drop-shadow(0 6px 8px rgba(30,31,33,.22))} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-onpl{background:linear-gradient(180deg,#FFFFFF 0%,#ECE9E3 100%)!important;color:var(--ink)!important;box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.08) inset,0 8px 16px -12px rgba(30,31,33,.5)!important;border:none!important} :root:not([data-theme="dark"]) body.pm-premium .sess .bs-onpl b{color:var(--ink)!important}/* the dumbbells on the rack: ivory heads, graphite numbers, not black rubber */ :root:not([data-theme="dark"]) body.pm-premium .sess .rack .db img{filter:invert(.9) sepia(.08) brightness(1.04) contrast(.92)} :root:not([data-theme="dark"]) body.pm-premium .sess .rack .db-n,:root:not([data-theme="dark"]) body.pm-premium .sess .rack .db-n small{color:#2A3340!important;text-shadow:none!important}/* the strip: under "Set 1 of 3", a short track per set; done shows what was lifted */ :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip{display:flex!important;gap:6px!important;margin:10px 0 0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;max-width:100%;overflow:visible} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i{flex:1 1 0!important;min-width:0!important;max-width:74px;display:flex;flex-direction:column;align-items:flex-start!important;gap:5px!important;padding:0!important; background:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;opacity:1!important} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i::before{content:"";display:block;width:100%;height:6px;border-radius:4px;background:linear-gradient(180deg,#E3E1DC,#EEECE8);box-shadow:inset 0 1px 2px rgba(30,31,33,.16)} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i.done::before{background:linear-gradient(180deg,#9FC6EC,#5E9BD6);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i.now::before{background:linear-gradient(180deg,#2A5A86,#163E63);box-shadow:none} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i b{display:none} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i span{font-size:var(--ui-meta,14px)!important;font-weight:800!important;color:var(--ink-3)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i.now span{color:var(--ink)!important} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip i.done span{color:var(--ink-2)!important} body.pm-premium .sess #sessStage[data-kind="bar"]{overflow:hidden} :root:not([data-theme="dark"]) body.pm-premium .sess .sess-headtxt .setstrip{border:none!important} :root:not([data-theme="dark"]) body.pm-premium .sess.resting .sess-headtxt .setstrip{display:none!important}/* ---------- RP-B3 rest: a calm room, the dial leads, real keys ---------- */ :root:not([data-theme="dark"]) body.pm-premium .sess>.rr-world>*:not(.rw-back){display:none!important} :root:not([data-theme="dark"]) body.pm-premium .sess>.rr-world .rw-back{background:radial-gradient(80% 52% at 50% 40%,#FFFFFF 0%,#FAF9F6 50%,#EFEDE8 100%)!important} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-ripples{display:none!important} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-keys{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;width:100%;max-width:420px;margin:14px auto 0!important;padding:0 4px;box-sizing:border-box} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-keys>.hide{display:none!important} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k{min-height:52px!important;min-width:52px;padding:0 18px!important;border-radius:18px!important;border:none!important;font-weight:800!important;font-size:15px!important;color:var(--ink)!important;text-decoration:none!important; background:linear-gradient(180deg,#FFFFFF 0%,#EDEBE6 100%)!important;box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.07) inset,0 1px 2px rgba(30,31,33,.08),0 12px 22px -16px rgba(30,31,33,.5)!important} :root:not([data-theme="dark"]) body.pm-premium .sess.resting .sess-foot .btn.acc{border-radius:22px!important}/* ---------- RP-B3 finish: one result, open readings, real bests ---------- */ :root:not([data-theme="dark"]) body.pm-premium #sessDone{text-align:left} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df2-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-check{width:52px!important;height:52px!important;margin:0 0 6px!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-check{border-radius:50%;box-shadow:0 10px 18px -10px rgba(30,31,33,.35);background:none!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-check circle{fill:#FFFFFF;stroke:rgba(22,62,99,.12)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-h{font-size:clamp(34px,10vw,44px)!important;letter-spacing:-.035em;margin:0!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-stats{display:flex!important;gap:0!important;margin:22px 0 0!important;padding:16px 0!important;border-top:1px solid rgba(22,62,99,.12);border-bottom:1px solid rgba(22,62,99,.12)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-stat{flex:1 1 0;background:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0 0 0 14px!important;text-align:left!important;border-left:1px solid rgba(22,62,99,.12)!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-stat:first-child{padding-left:0!important;border-left:none!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-stat b{display:block;font-family:var(--vr-num);font-size:38px!important;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-stat span{display:block;margin-top:6px;font-size:var(--ui-meta,14px)!important;font-weight:700;color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-list{margin-top:18px} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-pr{background:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:12px 0 12px 18px!important;margin:0!important;position:relative;border-bottom:1px solid rgba(22,62,99,.08)!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-pr::before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,#A7CFF2,#5E9BD6)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-pr .pw{font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-pr b{display:block;font-size:17px;font-weight:800;color:var(--ink);margin-top:2px} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-pr span{display:block;font-size:14px;font-weight:600;color:var(--ink-2)} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-note{margin-top:4px;color:var(--ink-3)!important} :root:not([data-theme="dark"]) body.pm-premium #sessDone .df-sets{margin-top:18px;min-height:50px;padding:0 20px;border:0;border-radius:18px;font:inherit;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer; background:linear-gradient(180deg,#FFFFFF 0%,#EDEBE6 100%);box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.07) inset,0 1px 2px rgba(30,31,33,.08),0 12px 22px -16px rgba(30,31,33,.5)} :root:not([data-theme="dark"]) body.pm-premium #sessDone #sessSummary{margin-top:16px!important;font-size:14px;color:var(--ink-3)} :root:not([data-theme="dark"]) body.pm-premium .sess-foot .repmore#sessOneMore{border-radius:18px!important}/* ---------- RP-B3 pre-workout brief ---------- */ .sess-brief{display:none} .sess-brief.on{display:flex;position:absolute;inset:0;z-index:60;align-items:flex-end;justify-content:center;padding:0 0 calc(10px + env(safe-area-inset-bottom,0px));background:rgba(240,239,235,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} .sess-brief .sb-card{position:relative;width:min(560px,calc(100% - 20px));max-height:calc(100% - 40px);overflow-y:auto;padding:24px 20px 16px;border-radius:30px; background:linear-gradient(176deg,#FFFFFF 0%,#F7F6F2 60%,#EFEDE8 100%);box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(30,31,33,.06) inset,0 30px 60px -30px rgba(30,31,33,.55);animation:sbIn .32s cubic-bezier(.2,.8,.2,1) both} @keyframes sbIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}} @media (prefers-reduced-motion:reduce){ .sess-brief .sb-card{animation:none} } .sess-brief .sb-x{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:none;font-size:26px;color:var(--ink-3);cursor:pointer} .sess-brief .sb-k{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)} .sess-brief .sb-h{margin:4px 0 10px;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink)} .sess-brief .sb-row{padding:12px 0;border-top:1px solid rgba(22,62,99,.10)} .sess-brief .sb-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px} .sess-brief .sb-top b{font-size:16px;font-weight:800;color:var(--ink)} .sess-brief .sb-w{flex:none;font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink-2)} .sess-brief .sb-w.up{color:#2F6A9A}.sess-brief .sb-w.down{color:#8A5A1F} .sess-brief .sb-t{margin-top:2px;font-family:var(--vr-num,inherit);font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--ink)} .sess-brief .sb-why{margin-top:2px;font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3);line-height:1.35} .sess-brief .sb-more{padding:10px 0 0;font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3)} .sess-brief .sb-foot{display:flex;flex-direction:column;gap:8px;margin-top:14px} .sess-brief .sb-foot .btn{width:100%;min-height:56px;margin:0} .sess-brief .sb-foot span{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3);text-align:center} .doors.four{display:grid!important;grid-template-columns:1fr 1fr;gap:10px} @media (max-width:360px){/* the two you reach for get the width; Why and More become round keys with a mark */ :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-keys{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px;gap:6px!important;padding:0} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k{min-height:48px!important;min-width:0;padding:0 6px!important;font-size:14px!important;border-radius:15px!important;white-space:nowrap} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k.rf-why,:root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k.rf-moreb{font-size:0!important;padding:0!important;border-radius:50%!important;width:48px;justify-self:center} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k.rf-why::before{margin:0!important;font-size:var(--ui-meta,14px)} :root:not([data-theme="dark"]) body.pm-premium #sessRest .rr-k.rf-moreb::after{content:"\22EF";font-size:20px;line-height:1;color:var(--ink)} }