/* ============================================================
   VISUAL REBUILD 1. Precision first, sculptural, athletic.
   A cool frosted studio instead of a white page; solid ceramic instead
   of glass; graphite for readouts and the controls that matter; steel
   blue only where something is active, selected or physically progressing.
   One numeric family for every instrument reading.
   ============================================================ */

:root:not([data-theme="dark"]){
  --display:var(--sans);
  --vr-frost:#F3F2EF; --vr-frost-2:#EAE9E6; --vr-frost-3:#DFDEDB;
  --vr-cer-hi:#FCFDFE; --vr-cer-lo:#F5F4F1;
  --vr-graph:#202122; --vr-graph-2:#313233; --vr-graph-ink:#F2F5F8; --vr-graph-sub:#A9B4C2;
  --vr-steel:#A7CFF2; --vr-steel-2:#A7CFF2; --vr-steel-soft:#E9ECF1; --vr-steel-deep:#2F6A9A;
  --ink:#10161F; --ink-2:#39424F; --ink-3:#586271; --ink-4:#6B7582;
  --accent:#8792A2; --accent-hover:#8792A2; --accent-soft:#E9ECF1; --accent-ink:#FFFFFF;
  --vr-ceramic:linear-gradient(180deg,var(--vr-cer-hi) 0%,var(--vr-cer-lo) 100%);
  --vr-edge:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(30,31,33,.07) inset;
  --vr-lift:0 1px 2px rgba(30,31,33,.07),0 16px 34px -20px rgba(30,31,33,.42);
  --vr-lift-2:0 2px 4px rgba(30,31,33,.08),0 26px 50px -24px rgba(30,31,33,.5);
  --vr-well:inset 0 2px 5px rgba(30,31,33,.16),inset 0 -1px 0 rgba(255,255,255,.95);
  --vr-num:'Sora',system-ui,sans-serif;
  --vr-r:22px; --vr-r-sm:14px;
}/* the studio: cool frost with tonal depth and one quiet architectural light */

:root:not([data-theme="dark"]) body.pm-premium{
  background:
    linear-gradient(104deg,rgba(255,255,255,0) 58%,rgba(255,255,255,.55) 66%,rgba(255,255,255,0) 74%),
    radial-gradient(1100px 620px at 18% -8%,#FFFFFF 0%,rgba(255,255,255,0) 60%),
    radial-gradient(900px 700px at 110% 104%,#D9D8D5 0%,rgba(217,216,213,0) 62%),
    linear-gradient(180deg,#F6F5F2 0%,#EDECE9 46%,#E4E3E0 100%);
  background-attachment:fixed}/* titles: large, bold, sans; the serif retires */

body.pm-premium h1,body.pm-premium .onb h2{font-family:var(--sans)}
body.pm-premium #today h1,body.pm-premium #progress>h1,body.pm-premium #eat>h1,body.pm-premium #setup>h1,body.pm-premium #ask>h1{
  font-family:var(--sans);font-weight:700;letter-spacing:-.035em}/* solid ceramic replaces frosted glass on the main surfaces */

:root:not([data-theme="dark"]) body.pm-premium .card,:root:not([data-theme="dark"]) body.pm-premium .adaptcard,
:root:not([data-theme="dark"]) body.pm-premium .homeline,:root:not([data-theme="dark"]) body.pm-premium .rept,
:root:not([data-theme="dark"]) body.pm-premium .srpill{
  background:var(--vr-ceramic);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;
  box-shadow:var(--vr-edge),var(--vr-lift)}/* the primary control is graphite, sculpted, not a blue glow */

:root:not([data-theme="dark"]) body.pm-premium .btn.acc,
:root:not([data-theme="dark"]) body.pm-premium .btn:not(.acc):not(.ghost){
  background:var(--vr-graphite);color:var(--on-key,#fff);
  box-shadow:var(--vr-graphite-edge)}
:root:not([data-theme="dark"]) body.pm-premium .btn.acc:active,
:root:not([data-theme="dark"]) body.pm-premium .btn:not(.acc):not(.ghost):active{transform:translateY(1px) scale(.995);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 4px 10px -6px rgba(30,31,33,.6)}
:root:not([data-theme="dark"]) body.pm-premium .btn.ghost{background:var(--vr-ceramic);color:var(--ink-2);border:none;box-shadow:var(--vr-edge),var(--vr-lift)}/* section heads: bigger, darker, no rule lines */

body.pm-premium .sec-head h2{font-size:21px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
body.pm-premium .sec-head .ix{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3)}/* the instrument primitives */

.vr-well{background:linear-gradient(180deg,#E9E8E5 0%,#F2F1EE 100%);box-shadow:var(--vr-well);border-radius:var(--vr-r-sm)}
.vr-num{font-family:var(--vr-num);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.035em}/* ---- the dock: part of the page, not a floating pill ---- */


:root:not([data-theme="dark"]) body.pm-premium .tabs{
  left:0;right:0;bottom:0;transform:none;width:auto;max-width:none;border-radius:0;gap:0;
  padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));
  display:flex;justify-content:space-around;
  background:#ECEBE8 linear-gradient(180deg,#F2F1EE 0%,#EAE9E6 100%);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:none;border-top:1px solid rgba(255,255,255,.9);box-shadow:0 -1px 0 rgba(30,31,33,.08),0 -18px 30px -24px rgba(30,31,33,.35)}
:root:not([data-theme="dark"]) body.pm-premium .tabs button{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;
  padding:6px 2px 4px;border-radius:14px;background:none;box-shadow:none;color:var(--t-ink4,#7A8491);
  font-family:var(--sans);font-size:var(--ui-meta,14px);font-weight:600;letter-spacing:0;text-transform:none}
:root:not([data-theme="dark"]) body.pm-premium .tabs button svg{width:25px;height:25px;stroke-width:1.7;transition:transform .2s var(--ease)}
:root:not([data-theme="dark"]) body.pm-premium .tabs button.on{background:none;box-shadow:none;color:var(--vr-graph);font-weight:800}
:root:not([data-theme="dark"]) body.pm-premium .tabs button.on svg{stroke-width:2.4;transform:translateY(-1px)}
:root:not([data-theme="dark"]) body.pm-premium .tabs button.on::before,
:root:not([data-theme="dark"]) body.pm-premium .tabs button.on::after{content:none;display:none}

/* ---- desktop: a spatial control rail instead of a stretched phone ---- */
@media (min-width:900px){
  body.pm-premium .topnav{
    top:0;bottom:0;left:0;right:auto;width:232px;height:auto;flex-direction:column;align-items:stretch;gap:6px;
    padding:28px 16px 22px;background:linear-gradient(180deg,#F8F7F4 0%,#ECEBE8 100%);
    -webkit-backdrop-filter:none;backdrop-filter:none;border:none;
    box-shadow:1px 0 0 rgba(255,255,255,.9) inset,1px 0 0 rgba(30,31,33,.08),18px 0 40px -34px rgba(30,31,33,.5)}
  :root[data-theme="dark"] body.pm-premium .topnav{background:var(--surface);box-shadow:1px 0 0 var(--hairline)}
  :root[data-theme="dark"] body.pm-premium .topnav .tn-tabs button{color:var(--ink-2)}
  :root[data-theme="dark"] body.pm-premium .topnav .tn-tabs button.on{background:var(--surface);color:var(--ink)}
  body.pm-premium .topnav .tn-mark{padding:0 10px 22px;font-size:15px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}
  body.pm-premium .topnav .tn-tabs{flex-direction:column;flex:1;gap:4px}
  body.pm-premium .topnav .tn-tabs button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;
    font-size:15px;font-weight:600;color:#667180;background:none}
  body.pm-premium .topnav .tn-tabs button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
  body.pm-premium .topnav .tn-tabs button:hover{color:var(--ink);background:rgba(255,255,255,.55)}
  body.pm-premium .topnav .tn-tabs button.on{color:var(--vr-graph);font-weight:800;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)}
  body.pm-premium .topnav .tn-tabs button.on svg{stroke-width:2.3}
  body.pm-premium .topnav .tn-search{justify-content:flex-start;border:none;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift);padding:12px 14px;border-radius:14px}
  body.pm-premium{padding-left:232px}
  body.pm-premium .col{padding-top:44px!important}
  body.pm-premium .wk-fab{right:36px;bottom:36px}
}/* ============================ HOME ============================ */


body.pm-premium #today .hero-top .kicker.wm{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
body.pm-premium #today #todayTitle{font-size:clamp(32px,9vw,40px);line-height:1.02;margin-top:18px}
body.pm-premium #today #todaySub{font-size:15.5px;font-weight:600;color:var(--ink-3);margin-top:6px}/* the stage: the Today slab is the hero, the body lives inside it *//* weekly progress: a carved channel of seven days */

body.pm-premium #today #heroProg{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;padding:16px 18px!important;
  border-radius:var(--vr-r)!important;background:var(--vr-ceramic)!important;border:none!important;box-shadow:var(--vr-edge),var(--vr-lift)!important;margin:0!important}
body.pm-premium #today #heroProg .hw-ring{display:none}
body.pm-premium #today #heroProg .hw-t{display:flex;flex-direction:column;gap:2px}
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{display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:700;color:var(--ink-2)}
body.pm-premium #today #heroProg .hw-t>span .vr-num{display:inline;font-size:30px;color:var(--ink)}
body.pm-premium #today #heroProg .hw-days{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0 0!important;padding:6px;border-radius:14px;
  background:linear-gradient(180deg,#E8E7E4 0%,#F1F0ED 100%);box-shadow:var(--vr-well)}
body.pm-premium #today #heroProg .hw-days i{display:flex!important;flex-direction:column;align-items:center;gap:5px;font-style:normal;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-4);padding:6px 0 5px;border-radius:10px}
body.pm-premium #today #heroProg .hw-days i b{display:block!important;width:78%!important;max-width:44px;height:12px!important;border-radius:4px!important;background:rgba(34,35,36,.1)!important;box-shadow:inset 0 1px 2px rgba(30,31,33,.18)}
body.pm-premium #today #heroProg .hw-days i.on b{background:linear-gradient(180deg,var(--vr-steel-2),var(--vr-steel))!important;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 3px 8px -3px rgba(78,79,80,.6)}
body.pm-premium #today #heroProg .hw-days i.today{color:var(--ink);font-weight:800}
body.pm-premium #today #heroProg .hw-days i.today b{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--vr-graph)}/* the numbers read like instruments *//* the day list below the hero */

body.pm-premium #today .srpill{border-radius:16px}
body.pm-premium #today #homeNextSec{margin-top:28px}
body.pm-premium #today .hn-row{display:flex;align-items:center;gap:14px;width:100%;padding:15px 4px;border:none;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-bottom:1px solid rgba(34,35,36,.08)}
body.pm-premium #today .hn-row:last-child{border-bottom:none}
body.pm-premium #today .hn-row .hn-d{flex:none;width:74px;display:flex;flex-direction:column;align-items:flex-start}
body.pm-premium #today .hn-row .hn-d b{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
body.pm-premium #today .hn-row .hn-d span{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-4)}
body.pm-premium #today .hn-row .hn-t{flex:1;min-width:0}
body.pm-premium #today .hn-row .hn-t b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
body.pm-premium #today .hn-row .hn-t span{display:block;font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3);margin-top:2px}
body.pm-premium #today .hn-row .hn-o{flex:none;width:64px;height:40px;display:flex;align-items:center;justify-content:center}
body.pm-premium #today .hn-row .hn-o img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(30,31,33,.25))}
@media (max-width:370px){
}/* ============================ WORKOUT ============================ */


body.pm-premium #progress>h1{font-size:clamp(34px,9.5vw,42px)}
body.pm-premium #progress .kicker.wm{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}/* the hero: a training environment, about a third of the first screen */

body.pm-premium #wkHero{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);min-height:300px;margin-top:16px;padding:22px 20px 20px!important;
  border-radius:26px!important;overflow:hidden;border:none!important;
  background:
    linear-gradient(90deg,rgba(249,248,245,.97) 0%,rgba(249,248,245,.9) 42%,rgba(249,248,245,.25) 72%,rgba(249,248,245,0) 100%),
    var(--wk-env,linear-gradient(180deg,#F3F2EF,#E4E3E0)) center/cover no-repeat!important;
  box-shadow:var(--vr-edge),var(--vr-lift-2)!important}
body.pm-premium #wkHero.hide{display:none!important}
body.pm-premium #wkHero .wh-t{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;max-width:64%}
body.pm-premium #wkHero .wh-k{font-size:clamp(38px,11vw,50px);font-weight:800;letter-spacing:-.045em;line-height:.95;color:var(--ink);font-family:var(--sans)}
body.pm-premium #wkHero .wh-n{display:flex;gap:6px;margin-top:14px;flex-wrap:nowrap;width:100%}
body.pm-premium #wkHero .wh-n .wn{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px 7px;border-radius:12px;
  background:linear-gradient(180deg,#E9E8E5 0%,#F2F1EE 100%);box-shadow:var(--vr-well);min-width:0;flex:1 1 auto;padding:8px 8px 7px!important}
body.pm-premium #wkHero .wh-n .wn b{font-family:var(--vr-num);font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--ink)}
body.pm-premium #wkHero .wh-n .wn span{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
body.pm-premium #wkHero .wh-m{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
body.pm-premium #wkHero .wh-m i{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-2);padding:0;background:none;box-shadow:none;border:none}
body.pm-premium #wkHero .wh-m i::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--vr-steel)}
body.pm-premium #wkHero .wh-m i svg,body.pm-premium #wkHero .wh-m i img{display:none}
body.pm-premium #wkHero .wh-start{margin-top:18px!important;width:auto!important;padding:15px 22px!important;border-radius:16px!important;font-size:16px!important;display:inline-flex;align-items:center;gap:10px}
body.pm-premium #wkHero .wh-start::before{content:"";width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
body.pm-premium #wkHero .wh-v{grid-area:auto!important;align-self:stretch!important;justify-self:stretch!important;position:absolute!important;display:block!important;left:auto!important;right:-4%!important;top:6px!important;bottom:0!important;width:50%!important;height:auto!important;margin:0!important;z-index:2;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}
body.pm-premium #wkHero .wh-v .wh-body{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important}
body.pm-premium #wkHero .wh-v .body-r{position:absolute;left:50%;top:0;width:135%;transform:translateX(-50%);max-width:none}
body.pm-premium #wkHero .wh-v .body-r img{filter:drop-shadow(0 16px 22px rgba(30,31,33,.28))}
body.pm-premium #wkHero .wh-load{display:none!important;position:absolute!important;left:auto;right:-4%;bottom:-8px;width:74%;z-index:3;pointer-events:none;opacity:1;transform:none!important;margin:0!important}
body.pm-premium #wkHero .wh-load svg{width:100%;height:auto;filter:drop-shadow(0 14px 14px rgba(30,31,33,.28))}/* the sequence: alternating rows, the object big, the load an instrument */

body.pm-premium #wkHero .wh-seq{display:none!important}
body.pm-premium .wkseq{margin-top:26px}
body.pm-premium .wkseq-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
body.pm-premium .wkseq-h h2{font-size:21px;font-weight:700;letter-spacing:-.025em}
body.pm-premium .wkseq-h span{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3)}
body.pm-premium .wq{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 30px;grid-template-areas:"obj txt grip";align-items:center;gap:0 14px;
  padding:14px 10px 14px 12px;margin-bottom:12px;border-radius:22px;background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift);cursor:pointer;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease);touch-action:pan-y}
body.pm-premium .wq.alt{grid-template-columns:30px minmax(0,1fr) 112px;grid-template-areas:"grip txt obj"}
body.pm-premium .wq.alt .wq-t{text-align:right;align-items:flex-end}
body.pm-premium .wq.alt .wq-a{justify-content:flex-end}
body.pm-premium .wq.done{opacity:.72}
body.pm-premium .wq.drag{z-index:5;transform:scale(1.02);box-shadow:var(--vr-edge),var(--vr-lift-2)}
body.pm-premium .wq-o{grid-area:obj;position:relative;height:96px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:visible;
  background:radial-gradient(80% 70% at 50% 58%,#FFFFFF 0%,rgba(255,255,255,0) 70%),linear-gradient(180deg,#ECEBE8 0%,#F7F6F3 100%);box-shadow:var(--vr-well)}
body.pm-premium .wq-o img,body.pm-premium .wq-o .sq-obj img{max-width:118%;max-height:92px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(30,31,33,.28))}
body.pm-premium .wq-o svg{max-width:112%;max-height:84px;filter:drop-shadow(0 10px 10px rgba(30,31,33,.24))}
body.pm-premium .wq-o .sq-obj{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
body.pm-premium .wq-o i.wq-ix{position:absolute;left:8px;top:6px;font-style:normal;font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink-4);z-index:2}
body.pm-premium .wq.alt .wq-o i.wq-ix{left:auto;right:8px}
body.pm-premium .wq-t{grid-area:txt;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.pm-premium .wq-t b{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
body.pm-premium .wq-t small{font-size:var(--ui-meta,14px);font-weight:600;color:var(--ink-3);margin-top:3px}
body.pm-premium .wq-r{display:inline-flex;align-items:baseline;gap:5px;margin-top:9px;padding:6px 10px 5px;border-radius:10px;background:linear-gradient(180deg,#E9E8E5 0%,#F2F1EE 100%);box-shadow:var(--vr-well)}
body.pm-premium .wq-r em{font-style:normal;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
body.pm-premium .wq-r b{font-family:var(--vr-num);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
body.pm-premium .wq-r b i{font-style:normal;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);margin-left:2px}
body.pm-premium .wq-r.up b{color:var(--vr-steel-deep)}
body.pm-premium .wq-r.up em{color:var(--vr-steel)}
body.pm-premium .wq-a{display:flex;gap:8px;margin-top:10px;width:100%}
body.pm-premium .wq-a button{border:none;background:none;padding:6px 0;font:inherit;font-size:var(--ui-meta,14px);font-weight:700;color:var(--vr-steel);cursor:pointer}
body.pm-premium .wq-g{grid-area:grip;align-self:stretch;display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:grab;color:var(--t-ink4,#9AA4B1);touch-action:none}
body.pm-premium .wq-g svg{width:16px;height:22px;fill:currentColor}
body.pm-premium .wq-g:active{cursor:grabbing;color:var(--ink-2)}/* adding is always one reach away */

.wk-fab{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;padding:14px 18px 14px 15px;border:none;border-radius:18px;
  font:inherit;font-size:15px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(180deg,#363738 0%,#1A1B1C 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 -2px 0 rgba(0,0,0,.35) inset,0 18px 30px -14px rgba(30,31,33,.8)}
.wk-fab svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.wk-fab:active{transform:translateY(1px)}
#progress.hide .wk-fab,.wk-fab.hide{display:none}/* the week: carved keys */

body.pm-premium #progress .wkstrip{gap:6px!important}
body.pm-premium #progress .wkstrip>*{background:var(--vr-ceramic)!important;border:none!important;box-shadow:var(--vr-edge),var(--vr-lift)!important;border-radius:14px!important}
body.pm-premium #progress .wkstrip>.now{background:linear-gradient(180deg,#363738,#1A1B1C)!important;color:#fff!important}
body.pm-premium #progress .wkstrip>.now *{color:#fff!important}/* balance is secondary: smaller, calmer */

body.pm-premium #secBalance .balwrap figure{max-width:136px!important;flex:0 1 136px}
body.pm-premium #progress{padding-bottom:72px}
body.pm-premium #secBalance .balwrap{gap:18px!important}
@media (max-width:370px){
  body.pm-premium .wq{grid-template-columns:92px minmax(0,1fr) 26px}
  body.pm-premium .wq.alt{grid-template-columns:26px minmax(0,1fr) 92px}
  body.pm-premium .wq-o{height:84px}
  body.pm-premium #wkHero .wh-t{max-width:64%}
}
@media (min-width:900px){
  body.pm-premium #wkHero{min-height:360px;padding:34px 36px 30px!important}
  body.pm-premium #wkHero .wh-t{max-width:46%}
  body.pm-premium #wkHero .wh-v{width:40%;right:10%}
  body.pm-premium #wkHero .wh-load{width:48%;right:-2%}
  body.pm-premium .wkseq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  body.pm-premium .wkseq-list .wq{margin:0}
}/* the old hero card and stage step back: the slab is the hero now */

body.pm-premium #today .hero,body.pm-premium #today .hero.has-stage{margin:0 0 16px!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;overflow:visible!important;border-radius:0!important;min-height:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.pm-premium #today .hero::before,body.pm-premium #today .hero::after{content:none!important;display:none!important}/* the page stays the studio on every tab; the gym lives inside the Workout hero */

:root:not([data-theme="dark"]) body.pm-premium.has-env{
  background:
    linear-gradient(104deg,rgba(255,255,255,0) 58%,rgba(255,255,255,.55) 66%,rgba(255,255,255,0) 74%),
    radial-gradient(1100px 620px at 18% -8%,#FFFFFF 0%,rgba(255,255,255,0) 60%),
    radial-gradient(900px 700px at 110% 104%,#D9D8D5 0%,rgba(217,216,213,0) 62%),
    linear-gradient(180deg,#F6F5F2 0%,#EDECE9 46%,#E4E3E0 100%);
  background-attachment:fixed}
body.pm-premium #wkHero .wh-v,body.pm-premium #wkHero .wh-body,body.pm-premium #wkHero .body-r{background:none!important;box-shadow:none!important;border:none!important}
body.pm-premium #wkHero .wh-v::before,body.pm-premium #wkHero .wh-v::after,body.pm-premium #wkHero .wh-body::before,body.pm-premium #wkHero .wh-body::after{content:none!important}
/* Home on a wide screen: greeting, then the Today slab large on the left with the week and the numbers beside it */
@media (min-width:900px){
  body.pm-premium #today>.hero{display:block!important;grid-column:1/-1!important;max-width:none!important}
  body.pm-premium #today>.hero h1,body.pm-premium #today>.hero .homesub{max-width:none}
  body.pm-premium #today #todayTitle{font-size:52px;margin-top:22px}
}
:root:not([data-theme="dark"]) body.pm-premium .topnav .tn-tabs button.on{color:var(--vr-graph)!important}
@media (min-width:1140px){body.pm-premium #today #todayRail #homeNextSec{margin-top:0;padding:18px 20px;border-radius:var(--vr-r);background:var(--vr-ceramic);box-shadow:var(--vr-edge),var(--vr-lift)}}
body.pm-premium #wkHero .wh-e{display:block;margin-top:12px;font-size:15px;font-weight:600;color:var(--ink-2);line-height:1.4}
body.pm-premium #wkHero.empty{min-height:250px}
body.pm-premium #wkHero.empty .wh-add::before{content:"+";border:none;width:auto;height:auto;font-size:20px;line-height:1;margin-top:-2px}
body.pm-premium #wkHero.empty .wh-v .br-base{opacity:.8}/* the body inside the slab: behind the words, above the graphite */
@media (min-width:900px){}/* no shadow on a clipped body: a clipped shadow reads as a seam */body.pm-premium #wkHero .wh-v .body-r img{filter:none!important}/* a lift with no render yet gets a carved well, not a coloured tile */

body.pm-premium #lifts .lglyph{background:linear-gradient(180deg,#E9E8E5 0%,#F2F1EE 100%)!important;box-shadow:var(--vr-well)!important;border:none!important;color:var(--ink-3)!important}
body.pm-premium #lifts .lglyph svg{stroke:var(--ink-3)!important;fill:none!important;opacity:.85}
body.pm-premium #wkHero .wh-v,body.pm-premium #wkHero .wh-v *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.pm-premium #wkHero .wh-v .body-r{filter:none!important;mix-blend-mode:normal!important}
body.pm-premium #wkHero .wh-v,body.pm-premium #wkHero .wh-v *{filter:none!important}/* one wordmark everywhere */

body.pm-premium .col .kicker.wm{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
body.pm-premium #today #todayTitle{max-width:800px}/* ---- quick sweep: chosen things are graphite, progress is steel, ceramic is neutral ---- */


:root:not([data-theme="dark"]){
  --sky:#A7CFF2; --sky-lo:#8EBFE8; --sky-soft:#EEEDEA;
  --ceramic:linear-gradient(170deg,#FFFFFF 0%,#F3F2EF 55%,#E4E3E0 100%);
  --cer-hi:#FFFFFF; --cer:#EAE9E6; --cer-lo:#CCCDCE; --cer-edge:#9AA8B8; --cer-ink:#1B222C;
  --cer-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(30,31,33,.08),0 6px 14px -8px rgba(30,31,33,.35)}
:root:not([data-theme="dark"]) body.pm-premium .onb-opt.on,:root:not([data-theme="dark"]) body.pm-premium .onb-chip.on,
:root:not([data-theme="dark"]) body.pm-premium #ctl-equip .opt.sel,:root:not([data-theme="dark"]) body.pm-premium #ctl-limits .opt.sel,
:root:not([data-theme="dark"]) body.pm-premium #ctl-customex .opt.sel,:root:not([data-theme="dark"]) body.pm-premium .pf-ctl .opt.sel,
:root:not([data-theme="dark"]) body.pm-premium .phr-kind.on,:root:not([data-theme="dark"]) body.pm-premium .phr-size.on,
:root:not([data-theme="dark"]) body.pm-premium .sess .setstrip i.now,:root:not([data-theme="dark"]) body.pm-premium .ap-week.after span:not(.r){
  background:var(--vr-graphite)!important;color:var(--on-key,#fff)!important;border-color:transparent!important;
  box-shadow:var(--vr-graphite-edge)!important}
body.pm-premium .onb-opt.on *,body.pm-premium .onb-chip.on *,body.pm-premium .pf-ctl .opt.sel *,body.pm-premium .sess .setstrip i.now *,
body.pm-premium .phr-kind.on *,body.pm-premium .phr-size.on *{color:inherit!important}
body.pm-premium .onb-opt.on small,body.pm-premium .onb-opt.on .oo-t small{color:#C9D2DD!important}/* the tutorial ring and step marks are steel, not a glow */

.tring{box-shadow:0 0 0 3px var(--vr-steel)!important}/* macros: one steel family, darkest for protein */

#proArc{stroke:var(--vr-steel-deep)}#carbArc{stroke:#8792A2}#fatArc{stroke:#8792A2}/* progress rails */

:root:not([data-theme="dark"]) body.pm-premium .sess-bar i,:root:not([data-theme="dark"]) body.pm-premium #sessRest .rf-ring i,.onb-prog i{background:linear-gradient(90deg,rgba(255,255,255,0.10),rgba(255,255,255,0.00)),linear-gradient(#A7CFF2,#A7CFF2)!important}/* Coach: no glowing mark beside the name */

body.pm-premium .adam-head .acore{display:none!important}
body.pm-premium .coachwho i{background:var(--vr-steel)!important}
/* rest: the strip under the card clears the Start button */
@media (max-width:899px){
  #sessRest .sess-next{margin-top:14px}
  .rf-moreb{margin-top:8px}
  #sessRest .rf-hint{margin-top:2px}
}