/* ===== REAL USE PASS 03: the rack is the render, the fuel deck, the simple profile ===== *//* THE RACK, with the real dumbbell */


body.pm-premium .rack-pair{align-items:flex-end;min-height:72px;padding:0 0 6px}
body.pm-premium .rack-pair .db{position:relative;display:block;width:60%;container-type:inline-size;flex:none;filter:drop-shadow(0 4px 3px rgba(30,31,33,.35))}
body.pm-premium .rack-pair .db+.db{margin-left:-22%}
body.pm-premium .rack-pair .db{aspect-ratio:253/365}
body.pm-premium .rack-pair .db img{display:block;width:100%;height:100%;object-fit:contain}
body.pm-premium .rack-pair .db-n{position:absolute;left:47%;top:72%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;line-height:1;color:#E8ECF0;font-weight:800;font-size:var(--ui-meta,14px);letter-spacing:-.02em;text-shadow:0 1px 0 rgba(0,0,0,.6);pointer-events:none}
body.pm-premium .rack-pair .db-n small{font-size:var(--ui-meta,14px);font-weight:700;letter-spacing:.14em;color:#AEB6BF;margin-top:2px}
@supports (font-size:1cqw){ body.pm-premium .rack-pair .db-n{font-size:25cqw} body.pm-premium .rack-pair .db-n small{font-size:11cqw} }
body.pm-premium .rack-pair.on{transform:translateY(-10px) scale(1.09)}
body.pm-premium .rack-pair.on .db{filter:drop-shadow(0 14px 9px rgba(30,31,33,.45)) brightness(1.06)}
body.pm-premium .rack-tier{padding:10px 4px 18px;gap:0}
body.pm-premium .rack-tier::before{content:"";position:absolute;left:-6px;right:-6px;bottom:8px;height:30px;background:linear-gradient(180deg,rgba(222,221,218,0),rgba(206,205,202,.9));clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);pointer-events:none}
body.pm-premium .rack-rail{bottom:4px;height:13px;background:linear-gradient(180deg,#F6F5F2 0%,rgba(255,255,255,0.35) 30%,rgba(28,29,30,0.05) 65%,rgba(255,255,255,0.21) 100%),linear-gradient(#A7CFF2,#A7CFF2);clip-path:polygon(1% 0,99% 0,100% 100%,0 100%)}
body.pm-premium .rack{padding:4px 12px 2px}
body.pm-premium .rack-up{width:9px;top:6px}
@media (max-width:370px){ body.pm-premium .rack-pair .db{width:62%} body.pm-premium .rack-pair .db+.db{margin-left:-24%} }/* ===== THE FUEL DECK ===== */

:root:not([data-theme="dark"]) body.pm-premium #fuelCard.fuel-card{padding:16px 14px 12px!important;display:block!important}
body.pm-premium .deck{position:relative;display:grid;grid-template-columns:1.5fr 1.05fr .92fr .82fr;gap:10px;align-items:end;padding:6px 6px 0;--vh:150px}
body.pm-premium .fv{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0}
body.pm-premium .vs-body{position:relative;width:100%;height:calc(var(--vh) * var(--k,1));border-radius:18px 18px 10px 10px;overflow:hidden;
  background:linear-gradient(90deg,#E5E4E1 0%,#FBFAF7 28%,#FFFFFF 50%,#F8F7F4 72%,#D7D6D3 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -6px 10px rgba(30,31,33,.12),inset 0 0 0 1px rgba(30,31,33,.10),0 8px 16px -10px rgba(30,31,33,.35)}
body.pm-premium .v-cal{--k:1}
body.pm-premium .v-pro{--k:.86}
body.pm-premium .v-carb{--k:.72}
body.pm-premium .v-fat{--k:.6}
body.pm-premium .vs-fill{position:absolute;left:0;right:0;bottom:0;height:0%;transition:height .75s cubic-bezier(.22,1.15,.36,1);background:linear-gradient(90deg,rgba(28,29,30,0.24) 0%,rgba(28,29,30,0.10) 45%,rgba(255,255,255,0.13) 60%,rgba(28,29,30,0.19) 100%),linear-gradient(#A7CFF2,#A7CFF2)}
body.pm-premium .v-pro .vs-fill{background:linear-gradient(90deg,rgba(28,29,30,0.29),rgba(28,29,30,0.10) 45%,rgba(28,29,30,0.00) 60%,rgba(28,29,30,0.23) 100%),linear-gradient(#A7CFF2,#A7CFF2)}
body.pm-premium .v-carb .vs-fill{background:linear-gradient(90deg,rgba(28,29,30,0.14),rgba(255,255,255,0.09) 45%,rgba(255,255,255,0.27) 60%,rgba(28,29,30,0.08) 100%),linear-gradient(#A7CFF2,#A7CFF2)}
body.pm-premium .v-fat .vs-fill{background:linear-gradient(90deg,rgba(28,29,30,0.00),rgba(255,255,255,0.32) 45%,#D1D2D3 60%,rgba(255,255,255,0.11) 100%),linear-gradient(#A7CFF2,#A7CFF2)}
body.pm-premium .vs-fill.over{background:linear-gradient(90deg,#3E3F40,rgba(28,29,30,0.16) 45%,rgba(28,29,30,0.07) 60%,#434445 100%),linear-gradient(#A7CFF2,#A7CFF2)}
body.pm-premium .vs-men{position:absolute;left:0;right:0;top:-3px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(.5px)}
body.pm-premium .vs-glass{position:absolute;left:8%;top:6px;width:22%;height:70%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
body.pm-premium .deck-plinth{position:absolute;left:-6px;right:-6px;bottom:52px;height:12px;border-radius:6px;background:linear-gradient(180deg,#F3F2EF,#D3D2CF 60%,#8792A2);box-shadow:0 4px 8px -3px rgba(30,31,33,.35),inset 0 1px 0 #fff;z-index:0}
body.pm-premium .vs-read{height:36px;margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:1}
body.pm-premium .vs-read b{font-family:var(--vr-num,inherit);font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
body.pm-premium .v-cal .vs-read b{font-size:24px}
body.pm-premium .vs-read .tg{font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);margin-top:3px;white-space:nowrap}
body.pm-premium .vs-name{font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
body.pm-premium .fv.done .vs-name{color:var(--ink)}
body.pm-premium .deck.landed .vs-body{animation:deckLand .5s cubic-bezier(.2,1.2,.3,1)}
@keyframes deckLand{0%{transform:translateY(0)}35%{transform:translateY(-4px)}70%{transform:translateY(1px)}100%{transform:translateY(0)}}
body.pm-premium .deck-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(34,35,36,.08)}
body.pm-premium .deck-foot .fuel-left{font-size:14px;font-weight:800;color:var(--ink);margin:0!important}
body.pm-premium .deck-foot .fuel-left.over{color:#8A2F2F}
body.pm-premium .deck-w{border:0;background:none;font:inherit;font-size:var(--ui-meta,14px);font-weight:700;color:var(--ink-3);padding:4px 0;cursor:pointer;display:flex;align-items:baseline;gap:4px}
body.pm-premium .deck-w b{color:var(--ink-2);font-weight:800}
body.pm-premium .deck-w em{font-style:normal;font-size:var(--ui-meta,14px);color:var(--ink-3);margin-left:4px}
body.pm-premium .deck-foot .whyrow{flex-basis:100%}
body.pm-premium .rings-card.nofood .deck{opacity:.45}
body.pm-premium .rings-card .estnote{margin-top:6px}
@media (max-width:370px){ body.pm-premium .deck{--vh:128px;gap:7px} body.pm-premium .vs-read b{font-size:17px} body.pm-premium .v-cal .vs-read b{font-size:21px} body.pm-premium .vs-read .tg{font-size:var(--ui-meta,14px)} body.pm-premium .vs-name{font-size:var(--ui-meta,14px);letter-spacing:.1em} }/* ===== THE SIMPLE PROFILE: six doors, one page each ===== */

body.pm-premium .pf-main{display:flex;flex-direction:column;gap:10px;margin:2px 0 8px}
body.pm-premium .pfdest{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:5px;width:100%;min-height:86px;padding:18px 20px;text-align:left;border:0;border-radius:24px;font:inherit;color:var(--ink);cursor:pointer;
  background:linear-gradient(180deg,#FBFCFE 0%,#F3F2EF 100%);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 0 rgba(30,31,33,.06) inset,0 10px 22px -12px rgba(30,31,33,.32),0 1px 2px rgba(30,31,33,.06);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
body.pm-premium .pfdest:active{transform:translateY(1px) scale(.995);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 4px 10px -8px rgba(30,31,33,.3)}
body.pm-premium .pfdest .pfd-k{grid-column:1;grid-row:1;font-size:var(--ui-meta,14px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
body.pm-premium .pfdest .pfd-v{grid-column:1;grid-row:2;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pm-premium .pfdest .pfr-c{grid-column:2;grid-row:1/3;margin:0}
body.pm-premium .pfdest.quiet{min-height:66px;margin-top:8px;background:none;box-shadow:none;border:1.5px solid rgba(34,35,36,.1)}
body.pm-premium .pfdest.quiet .pfd-v{font-size:16px;font-weight:700;color:var(--ink-2)}
body.pm-premium .pf-page{animation:pageIn .32s var(--ease) both}
body.pm-premium .pf-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 16px 8px 10px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer;
  background:linear-gradient(180deg,#FBFCFE,#EFEEEB);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 6px 14px -8px rgba(30,31,33,.35)}
body.pm-premium .pf-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.pm-premium .pf-page-t{font-family:var(--display);font-weight:600;font-size:34px;line-height:1.04;letter-spacing:-.012em;margin:16px 0 14px}
body.pm-premium .pf-page .pf-rows{border-radius:24px;padding:2px 16px;background:linear-gradient(180deg,#FBFCFE 0%,#F3F2EF 100%);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 10px 22px -12px rgba(30,31,33,.3),0 1px 2px rgba(30,31,33,.06)}
body.pm-premium .pf-page .pfrow{min-height:64px;padding:16px 2px;gap:14px}
body.pm-premium .pf-page .pfrow .pfr-l{font-size:17px;font-weight:700;color:var(--ink)}
body.pm-premium .pf-page .pfrow .pfr-v{font-size:16px!important;font-weight:700!important;color:var(--ink-2)!important;text-align:right}
body.pm-premium .pf-page .pfrow.act .pfr-l{color:var(--ink)}
body.pm-premium .pf-more-key{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:12px;padding:12px 18px;border:1.5px solid rgba(34,35,36,.1);border-radius:20px;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--ink-2);cursor:pointer}
body.pm-premium .pf-more-key .pfr-c{transform:rotate(90deg);margin:0}
body.pm-premium .pf-more-key.on .pfr-c{transform:rotate(-90deg)}
body.pm-premium .pf-more-key.on{border-color:transparent;background:linear-gradient(180deg,#FBFCFE,#EFEEEB);color:var(--ink)}
body.pm-premium #pfTrainingMore{margin-top:10px}
body.pm-premium #pfProgressHost .pf-bodyreg{display:block}
body.pm-premium #pfProgressHost .sec:first-child{margin-top:0}
body.pm-premium #pfAppSec .pf-data{margin-top:18px;border-top:0;padding-top:0}
body.pm-premium .pf-learned{display:flex;flex-direction:column;gap:8px}
body.pm-premium .pfl-row{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 8px 8px 16px;border-radius:16px;background:var(--we-panel,var(--surface));color:var(--ink);border:1px solid var(--hair);box-shadow:none}
body.pm-premium .pfl-row b{font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
body.pm-premium .pfl-row span{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pm-premium .pfl-x{border:1px solid var(--hair);border-radius:999px;min-height:44px;padding:6px 14px;font:inherit;font-size:var(--ui-meta,14px);font-weight:800;color:var(--ink);background:var(--we-soft,var(--surface));box-shadow:none;cursor:pointer}
body.pm-premium #ctl-gymname .gym-wrap{position:relative}
body.pm-premium #ctl-gymname .onb-in{width:100%;min-height:58px;padding:14px 16px;border-radius:18px;border:1.5px solid rgba(34,35,36,.12);background:#fff;font:inherit;font-size:18px;font-weight:700;color:var(--ink)}
body.pm-premium #ctl-gymname .gym-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}
body.pm-premium #ctl-gymname .pf-state{margin-top:12px}
body.pm-premium #ctl-bweight .lock{margin-top:4px}
@media (max-width:370px){ body.pm-premium .pfdest{min-height:80px;padding:16px 18px} body.pm-premium .pfdest .pfd-v{font-size:17.5px} body.pm-premium .pf-page-t{font-size:30px} body.pm-premium .pf-page .pfrow .pfr-l{font-size:16px} body.pm-premium .pf-page .pfrow .pfr-v{font-size:15px!important} }
@media (min-width:1140px){ body.pm-premium .pf-main{gap:12px} body.pm-premium .pfdest{min-height:92px} body.pm-premium .pf-page{margin-top:0} }
/* the identity header on the main screen: short, so the six doors are the screen */
@media (max-width:1139px){
  body.pm-premium .pf-stage{margin:6px 0 14px;padding:16px 18px 14px;border-radius:24px}
  body.pm-premium .pf-h{font-size:27px;margin-top:4px}
  body.pm-premium .pf-line{font-size:var(--ui-meta,14px);margin-top:5px}
  body.pm-premium .pf-tags{margin-top:8px}
  body.pm-premium .pf-tags b{font-size:var(--ui-meta,14px);padding:5px 10px}
  body.pm-premium .pf-fig{width:78px;margin:-6px -4px -12px 0}
  body.pm-premium .pf-stats{margin-top:12px;padding-top:10px}
  body.pm-premium .pf-stats>div>div>div:first-child{font-size:17px!important}
}/* a long value wraps to a second line instead of trailing dots */

body.pm-premium .pf-page .pfrow .pfr-l{flex:none;max-width:50%;white-space:normal}
body.pm-premium .pf-page .pfrow .pfr-v{flex:1;min-width:0;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
@media (max-width:370px){ body.pm-premium .pfdest .pfd-v{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} }
@media (max-width:370px){ body.pm-premium .vs-name{font-size:var(--ui-meta,14px);letter-spacing:.08em} }
@media (max-height:700px) and (max-width:1139px){ body.pm-premium .pf-stage .pf-stats{display:none} body.pm-premium .pf-stage{padding:14px 16px 12px} body.pm-premium .pf-fig{width:70px} }