/* Trainer3D workspace: equipment-led training, mint / petrol / copper.
   Loaded after page styles so every route uses the same visual language. */
:root,html:not([data-theme=light]) {
  --bg:#0b1415;--bg-2:#101f21;--card:#132426;--card-2:#1b3032;
  --line:#2a3e40;--line-2:#48605f;--text:#f2f2e8;--text-2:#d2ddd7;--muted:#a5b8b1;
  --accent:#a8ebc8;--accent-2:#c7f7dc;--accent-ink:#102a23;
  --accent-soft:#a8ebc811;--accent-line:#a8ebc85c;--copper:#d9956b;
  --promo-bg:#12282a;--glass:#0b1415f5;--ok:#a8ebc8;--ok-line:#a8ebc85c;
  --warn:#e2bc77;--warn-line:#e2bc7770;--glow:0 0 0 1px var(--accent-line);
  --sans:'DM Sans',sans-serif;--serif:'Manrope',sans-serif;
  --display:'Barlow Condensed',Impact,sans-serif;--r:6px;--r-sm:4px;
}
html[data-theme=light] {
  --bg:#eef1e8;--bg-2:#e3eae0;--card:#fafbf5;--card-2:#e6eee3;
  --line:#cbd7cc;--line-2:#8baba0;--text:#14302d;--text-2:#34564d;--muted:#526d63;
  --accent:#24624e;--accent-2:#174835;--accent-ink:#f4f6ec;
  --accent-soft:#24624e0e;--accent-line:#24624e60;--copper:#925b39;
  --promo-bg:#dde8dc;--glass:#eef1e8f5;--ok:#24624e;--ok-line:#24624e60;
  --warn:#795614;--warn-line:#79561470;--shadow:0 12px 30px #14302d0c;
}
.btn,.site-mode .btn,.app-mode .btn { border-radius:4px; }
.tag,.pill { border-radius:3px; }
:is(input,select,textarea):not([type=checkbox]):not([type=radio]) { border-radius:4px; }
.locale-menu summary,.locale-options,.theme-btn { border-radius:4px; }
.locale-options a { border-radius:2px; }
.cp-select-trigger,.cp-select-popup,.cp-select-option { border-radius:4px; }
.auth { border-top:3px solid var(--accent);background:var(--card);padding:clamp(24px,4vw,48px);border-radius:4px; }
.auth h1,.offline-box h1 { font:700 clamp(36px,5vw,56px)/1 var(--display);text-transform:uppercase;letter-spacing:-.015em; }
.offline-box { max-width:620px;margin:10vh auto;padding:32px;border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--card); }
.offline-box:before { content:'';display:block;width:64px;height:70px;margin-bottom:28px;background:url('/img/brand/trainer3d-favicon.svg') center/contain no-repeat; }
.plan,.plan-pro,.pro-box,.referral,.coach-audience,.coach-steps { border-radius:6px; }
.plan-pro { background:var(--promo-bg);box-shadow:var(--glow); }
.referral { background:var(--promo-bg); }
.referral>img.t3d-referral-mark { object-fit:contain;width:120px;height:140px;margin:24px; }
.ex-card .fig-preview,.site-mode .fig-preview,html:not([data-theme=light]) .site-mode .fig-preview { background:var(--bg-2);--fig-body:#c2d9cd;--fig-back:#4c716c;--fig-prop:#d5a180;--fig-floor:#426260;--fig-glow:#e0a782; }
html[data-theme=light] .fig-preview { --fig-body:#345e57;--fig-back:#9aaea3;--fig-prop:#a56a46;--fig-floor:#c6d1c8;--fig-glow:#b26339; }

body.app-mode { --r:6px;--r-sm:4px;--app-sidebar:236px; }
.app-mode>main.wrap { max-width:1456px;padding-top:30px; }
.app-mode h1,.app-mode .page-head h1 { font:700 clamp(38px,4vw,58px)/1.02 var(--display);letter-spacing:-.015em;text-transform:uppercase; }
.app-mode h2 { font:600 clamp(25px,2.6vw,32px)/1.12 var(--display);letter-spacing:0; }
.app-mode h3 { font:700 17px/1.35 var(--sans);letter-spacing:-.02em; }
.app-mode .panel-head,.app-mode .page-head { margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--line); }
.app-mode .panel-head p { margin:12px 0 0; }
.app-mode .page-head p { font-size:15px; }
.app-mode .app-eyebrow { font-size:10px;letter-spacing:.16em;color:var(--copper); }
.app-mode .btn-accent { background:var(--accent);border-color:var(--accent);color:var(--accent-ink); }
.app-mode .btn-accent:hover { background:var(--accent-2); }
.app-mode .btn-ghost:hover { background:var(--accent-soft);color:var(--text);border-color:var(--accent); }
.app-mode .btn-danger { border-color:#b7736b;color:#e5a39a;background:transparent; }
html[data-theme=light] .app-mode .btn-danger { color:#933c31; }
.app-mode :is(.app-card,.my-path,.day,.account-settings section,.progress-stats article,.wk-item,.planner,.free-entry,.chart,.test-card) { border-radius:6px;background:var(--card);border-color:var(--line);box-shadow:none; }
.app-mode :is(.app-card,.my-path,.account-settings section) { padding:26px; }
.app-mode .app-card>.sec-head { padding-bottom:16px;border-bottom:1px solid var(--line); }
.app-mode .sec-head h2 { margin:0; }
.app-mode .app-sidebar { padding:30px 18px 20px;gap:20px; }
.app-mode .app-sidebar .logo { --w:196px;width:196px;max-width:100%;height:56px; }
.t3d-space-label { margin:0 12px 8px;color:var(--muted);font-size:9px;letter-spacing:.15em; }
.app-primary { gap:3px; }
.app-primary a { min-height:54px;padding:14px 12px;border-radius:0;border-left:2px solid transparent;font-size:14px; }
.app-primary a.on { border-left-color:var(--accent);background:var(--accent-soft); }
.t3d-nav-number { margin-left:auto;font-size:10px;font-weight:400;opacity:.65; }
.app-secondary a { padding:11px 14px;font-size:12px; }
.app-mode .app-sidebar-foot { font-size:12px;gap:14px;padding-inline:12px; }
.app-profile-link b { font-size:14px; }
.app-topbar { min-height:74px;background:var(--bg); }
.app-section-name { font-size:13px;color:var(--text); }
.app-section-name small { font-size:10px;color:var(--muted);letter-spacing:.08em;margin-right:10px; }
.app-mode .theme-btn { color:var(--text-2);border-color:var(--line); }
html[data-theme=light] .app-mode .logo { background-image:url('/img/brand/trainer3d-logo-on-light.svg'); }
.app-mode .app-access { font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:3px; }

/* The dashboard opens with training photography, followed by one metric strip. */
.app-mode .t3d-dashboard-hero { position:relative;isolation:isolate;overflow:hidden;min-height:320px;margin:0;border:1px solid var(--line);border-radius:6px 6px 0 0;background:#0c1b1b;color:#f2f2e8; }
.t3d-dashboard-hero>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 10%;z-index:-2; }
.t3d-dashboard-hero:after { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b191af5 5%,#0b191ac9 40%,#0b191a18 100%); }
.t3d-hero-copy { position:relative;width:62%;max-width:580px;padding:38px; }
.app-mode .t3d-hero-copy .app-eyebrow { color:#a8ebc8;margin-bottom:22px;font-size:10px; }
.t3d-hero-copy .app-eyebrow span { color:#89a99a;padding-inline:8px; }
.app-mode .t3d-hero-copy h1 { font-size:clamp(42px,4.2vw,66px);overflow-wrap:anywhere; }
.t3d-hero-copy>.muted { color:#c3d3c9;font-size:14px;max-width:32ch;margin:14px 0 24px; }
.app-mode .t3d-hero-copy .btn { background:#a8ebc8;color:#102a23;border-color:#a8ebc8;display:inline-flex;gap:30px;justify-content:space-between; }
.t3d-hero-caption { position:absolute;right:30px;bottom:26px;font:700 clamp(32px,4vw,60px)/.93 var(--display);letter-spacing:-.01em;color:#eef5e5;opacity:.9;text-align:right; }
.app-stats { gap:0;margin:0 0 28px;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;background:var(--card); }
.app-stats>div { padding:22px 28px;border:0;border-radius:0;background:transparent;gap:7px; }
.app-stats>div+div { border-left:1px solid var(--line); }
.app-stats dd { order:-1;font:600 42px/1 var(--display);margin:0;color:var(--accent); }
.app-stats dt { font-size:12px;line-height:1.4; }
.app-dashboard-grid { gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
.app-dashboard-side { gap:16px; }
.app-week-strip { gap:5px;margin-block:18px;padding-bottom:18px; }
.app-week-strip li { padding:10px 2px;background:var(--bg-2);border:1px solid transparent;gap:10px;font-size:11px; }
.app-week-strip .is-today { border-color:var(--accent-line); }
.app-week-strip .app-day-dot { border-radius:2px;width:24px;height:6px;border:0; }
.app-week-strip .is-today .app-day-dot { border:0;outline:0;box-shadow:none; }
.app-mode .app-start-card h3,.app-mode .app-rest-day h3 { font:600 28px/1.1 var(--display); }
.app-mode .starter-hero { padding:0;display:grid;grid-template-columns:1fr .75fr;gap:0;background:var(--card); }
.starter-hero .starter-copy { padding:30px; }
.starter-hero .starter-illustration { width:100%;max-width:none;height:100%;min-height:240px;object-fit:cover;border-radius:0;background:var(--bg-2); }
.app-mode .starter-copy h2 { font-size:36px;margin:10px 0 14px; }
.starter-copy>p { font-size:14px; }
.starter-exercises img { border-radius:3px;object-fit:cover; }
.t3d-training-links { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0; }
.t3d-training-links>a { position:relative;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);padding:26px;border-radius:4px; }
.t3d-training-links>a:hover { border-color:var(--accent);color:var(--text); }
.t3d-training-links>a>span:first-child { flex:1;min-width:0;position:relative;z-index:1; }
.t3d-training-links small { display:block;color:var(--copper);font-size:9px;letter-spacing:.14em;margin-bottom:12px; }
.t3d-training-links b { display:block;font:600 30px/1.05 var(--display);margin-bottom:10px; }
.t3d-training-links span>span { display:block;font-size:12px;color:var(--muted); }
.t3d-training-links img { width:100px;height:110px;object-fit:cover;border-radius:3px; }
.t3d-training-links>a>i { position:absolute;right:12px;top:9px;font-size:20px;font-style:normal;color:var(--accent); }
.t3d-sound-bars { display:flex;align-items:center;justify-content:center;gap:6px;width:90px;height:90px;flex:none; }
.t3d-sound-bars i { width:5px;height:35%;background:var(--copper); }
.t3d-sound-bars i:nth-child(2n) { height:65%; }.t3d-sound-bars i:nth-child(3n) { height:90%; }
.app-mode .pwa-bar.t3d-install,html.has-player .app-mode .pwa-bar.t3d-install { position:static;inset:auto;transform:none;width:100%;max-width:none;display:flex;align-items:center;gap:18px;margin:28px 0;padding:20px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px;box-shadow:none; }
.t3d-install>img { flex:none; }.t3d-install>div:nth-child(2) { flex:1;min-width:0; }
.t3d-install p { margin:0;font-size:12px; }.t3d-install .t3d-install-title { margin-bottom:5px;font-size:16px;font-weight:700; }.t3d-install-title span { color:var(--copper);font-size:10px;letter-spacing:.1em; }
.t3d-install .btns-inline { gap:16px; }.t3d-install .link { font-size:12px; }

/* Plans, progress, training and account share the same quieter working surfaces. */
.app-mode :is(.plan-tabs,.progress-tabs) { max-width:none;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0;gap:18px;margin-block:0 28px; }
.app-mode :is(.plan-tabs,.progress-tabs) a { flex:0 0 auto;border-radius:0;background:transparent;padding:12px 2px;font-size:13px;min-height:50px;color:var(--muted);box-shadow:none; }
.app-mode :is(.plan-tabs,.progress-tabs) a[aria-current=page] { color:var(--accent);background:transparent;box-shadow:inset 0 -3px var(--accent); }
.app-mode .progress-tabs { display:flex;overflow-x:auto; }
.app-mode .progress-tabs a { flex:1 0 auto; }
.app-mode .plan-head { margin-bottom:18px; }
.app-mode .progress-stats { gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden; }
.app-mode .progress-stats article { border:0;border-radius:0; }
.app-mode .progress-stats article+article { border-left:1px solid var(--line); }
.app-mode .progress-stats strong { font:600 48px/1 var(--display);color:var(--accent);margin:16px 0; }
.app-mode .progress-stats article>span { font-size:12px; }
.app-mode .progress-recent-check { border-radius:3px; }
.app-mode .calendar-day { border-radius:3px; }
.app-mode .calendar-month h2 { font-size:27px; }
.app-mode :is(.program-form,.program-session,.program-save,.program-explainer,.program-day,.program-guidance,.program-error,.program-warning) { border-radius:4px; }
.app-mode .program-number { border-radius:3px;font:500 12px var(--sans); }
.app-mode .program-form h2,.app-mode .program-save h2 { font-size:27px; }
.app-mode .program-eyebrow { color:var(--copper);font-size:10px;letter-spacing:.14em; }
.app-mode .account-settings { gap:20px;counter-reset:account-section; }
.app-mode .account-settings section { counter-increment:account-section;border-top:2px solid var(--line-2); }
.app-mode .account-settings section>h2:before { content:counter(account-section,decimal-leading-zero) ' / ';font:400 13px var(--sans);color:var(--copper);vertical-align:middle;margin-right:8px; }
.app-account-links a { border-radius:4px;border-left:3px solid var(--accent-line); }
.app-mode .account-danger { border-top-color:#b7736b; }
.app-mode .tbl th { font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-2); }
.app-mode .tbl td { font-size:13px; }
.app-mode .wk-flow,.app-mode .wk-guide,.app-mode .wk-foot { border-radius:4px; }
.app-mode .wk-step { border-radius:3px; }.app-mode .wk-step i { border-radius:2px; }
.app-mode .wk-body { padding:24px; }.app-mode .wk-title h2 { font:600 30px/1.08 var(--display); }
.app-mode .set { border-radius:3px; }.app-mode .rest { border-radius:4px;border-top:3px solid var(--accent);background:var(--card); }
.app-mode .rest-time { font-family:var(--display); }
.app-mode .app-history .tag { font-size:10px; }
.app-mode .app-referral { background:transparent; }
.app-mode .app-referral summary { font-size:14px; }
.app-mode .invite-link code { overflow-wrap:anywhere;min-width:0; }
@media(min-width:901px) and (max-width:1150px) {
  body.app-mode { --app-sidebar:208px; }.app-mode .app-sidebar .logo { --w:172px;width:172px; }
  .t3d-hero-caption { font-size:38px;right:20px; }.t3d-hero-copy { padding:28px;width:70%; }
  .app-dashboard-grid { grid-template-columns:1fr; }.app-dashboard-side { grid-template-columns:1fr 1fr; }
  .t3d-training-links { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  body.app-mode { --app-sidebar:0px;--botnav:68px; }
  .app-mode>main.wrap { padding-top:22px;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right)); }
  .app-mode .app-topbar { min-height:72px;flex-wrap:nowrap;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;background:var(--bg-2); }
  .app-mode .app-topbar>.logo { --w:160px;width:160px;height:44px;max-width:45vw; }
  .app-topbar-actions { gap:6px; }.app-mode .theme-btn { width:40px;height:40px; }
  .app-topbar .locale-menu summary { min-height:40px;padding:8px;gap:6px;background:transparent; }
  .app-topbar .locale-name,.app-topbar .locale-globe { display:none; }.app-topbar .locale-short { display:inline; }
  .app-mode .app-tabs { inset:auto 0 0;width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--bg-2);padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));box-shadow:0 -6px 24px #0001; }
  .app-mode .app-tabs a { position:relative;min-height:68px;padding:12px 2px 10px;border-radius:0;font-size:10px;font-weight:600;gap:6px; }
  .app-mode .app-tabs a.on { background:transparent;color:var(--accent); }.app-mode .app-tabs a.on:before { content:'';position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--accent); }
  .app-tabs svg { width:22px;height:22px; }.app-tabs .t3d-nav-number { display:none; }
  .app-dashboard-grid { grid-template-columns:1fr; }.app-dashboard-side { grid-template-columns:1fr; }
  .app-mode :is(.app-card,.my-path,.account-settings section) { padding:22px; }
  .app-mode .t3d-dashboard-hero { min-height:300px; }.t3d-hero-copy { padding:28px;width:70%; }.t3d-hero-caption { font-size:35px;right:20px;bottom:24px; }
  .app-stats>div { padding:20px; }.app-stats dd { font-size:38px; }
  .app-mode .starter-hero { padding:0; }.starter-hero .starter-copy { padding:24px; }
  .t3d-training-links>a { padding:22px; }.t3d-training-links img { width:76px;height:100px; }
  .t3d-training-links b { font-size:27px; }.t3d-sound-bars { width:65px;gap:4px; }
}
@media(max-width:600px) {
  .app-mode>main.wrap { padding-top:18px; }
  .app-mode h1,.app-mode .page-head h1,.app-mode .plan-head h1 { font-size:40px; }
  .app-mode .panel-head { gap:14px;flex-wrap:wrap; }.app-mode .panel-head p { font-size:14px; }
  .app-mode .t3d-dashboard-hero { min-height:318px; }
  .t3d-dashboard-hero>img { object-position:64% center; }.t3d-dashboard-hero:after { background:linear-gradient(90deg,#0b191ae8,#0b191a55),linear-gradient(0deg,#0b191aa8,transparent 70%); }
  .t3d-hero-copy { padding:24px;width:100%;max-width:360px; }.app-mode .t3d-hero-copy h1 { font-size:48px;max-width:260px; }
  .t3d-hero-copy>.muted { max-width:24ch;font-size:13px;margin-bottom:24px; }.app-mode .t3d-hero-copy .app-eyebrow { margin-bottom:26px; }
  .t3d-hero-caption { font-size:28px;right:16px;bottom:22px;max-width:100px; }
  .app-mode .t3d-hero-copy .btn { max-width:calc(100% - 64px);font-size:12px;padding-inline:14px;gap:12px; }
  .app-stats { margin-bottom:24px; }.app-stats>div { padding:17px 12px;gap:8px; }.app-stats dt { font-size:10px; }.app-stats dd { font-size:34px; }
  .app-mode .starter-hero { grid-template-columns:1fr; }.starter-hero .starter-copy { padding:22px; }.starter-hero .starter-illustration { order:0;min-height:0;height:180px;object-fit:cover;object-position:center 58%; }
  .app-mode .starter-copy h2 { font-size:32px; }.starter-copy>p { font-size:13px; }
  .t3d-training-links { grid-template-columns:1fr;gap:12px;margin-block:24px; }.t3d-training-links>a { min-height:154px; }.t3d-training-links img { width:100px;height:100px; }.t3d-sound-bars { width:90px; }
  .app-mode .pwa-bar.t3d-install,html.has-player .app-mode .pwa-bar.t3d-install { display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:18px; }
  .t3d-install>img { width:32px;height:40px; }.t3d-install .btns-inline { grid-column:1/-1;display:flex;justify-content:space-between; }
  .app-mode .progress-stats article { padding:16px 10px; }.app-mode .progress-stats strong { font-size:38px; }.app-mode .progress-stats article>span { font-size:10px; }
  .app-mode .progress-stats small { font-size:10px; }.app-mode :is(.plan-tabs,.progress-tabs) { gap:16px; }.app-mode :is(.plan-tabs,.progress-tabs) a { font-size:12px; }
  .app-mode .wk-body { padding:18px; }.app-mode .wk-title h2 { font-size:28px; }
  .app-mode .account-settings { gap:14px; }.app-mode .app-account-links { gap:10px; }.app-account-links a { padding:18px; }
}
@media(max-width:370px) {
  .app-mode .app-topbar { padding-inline:14px;gap:6px; }.app-mode .app-topbar>.logo { --w:144px;width:144px; }
  .app-mode>main.wrap { padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right)); }
  .app-mode .t3d-hero-copy h1 { font-size:43px; }.t3d-hero-copy { padding:21px; }.t3d-hero-caption { font-size:24px;max-width:80px;right:12px; }
  .app-stats>div { padding-inline:10px; }.app-mode .app-tabs a { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .app-mode .btn,.app-mode a { transition:none; } }
/* Gym logging keeps working values close together; demonstrations remain available. */
.gym-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.wk-loading{position:absolute;inset:auto 10px 10px;z-index:3;padding:8px 12px;border-radius:5px;background:var(--card);color:var(--text);font-size:.8rem;text-align:center}
.gym-load-help{color:var(--muted);font-size:.88rem;max-width:850px;margin:20px 0}
.gym-workout .wk-item{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr)}
.gym-workout .wk-body{min-width:0}
.gym-workout .wk-title h2{font-size:clamp(1.4rem,3vw,2rem)}
body.app-mode .gym-workout .set-loaded{display:grid;grid-template-columns:48px minmax(70px,1fr) 90px 68px 68px;gap:10px;align-items:end;padding:14px 0;border-top:1px solid var(--line)}
body.app-mode .gym-workout .set-loaded .set-no{font-size:.8rem;align-self:center}
body.app-mode .gym-workout .set-loaded .unit,body.app-mode .gym-workout .set-loaded .target{display:none}
.set-previous{display:flex;flex-direction:column;gap:6px;align-self:center;font-size:.85rem}
.set-previous small,.set-load-label,.set-reps-label{color:var(--muted);font-size:.72rem;line-height:1.3}
.set-previous b{color:var(--text);font-weight:500;white-space:nowrap}
.set-load-label,.set-reps-label{display:flex;flex-direction:column;gap:7px}
body.app-mode .gym-workout .set-loaded input{box-sizing:border-box;width:100%;min-width:0;height:48px;margin:0;padding:0 4px;text-align:center;font-size:1.1rem;border-radius:8px;background:var(--bg);color:var(--text);appearance:textfield;-moz-appearance:textfield}
body.app-mode .gym-workout .set-loaded input::-webkit-inner-spin-button,body.app-mode .gym-workout .set-loaded input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.app-mode .gym-workout .set-loaded [data-value]{align-self:end}
body.app-mode .gym-workout .set-loaded [data-save]{height:48px;padding:0 8px;font-size:.75rem;min-width:0}
body.app-mode .gym-workout .set-loaded.set-done{border-left:3px solid var(--accent);padding-left:8px}
body.app-mode .gym-workout .set-loaded.set-dirty{border-left:3px solid var(--copper,#ca926e);padding-left:8px}
.gym-guide-load{display:flex;gap:12px;align-items:center;margin:18px 0;font-size:.85rem}
.gym-guide-load input{width:130px;height:54px;font-size:1.4rem}
.gym-workout .rest{position:sticky;top:80px;z-index:10;padding:10px 18px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 15px #0002}
@media(max-width:700px){
 .gym-setup-grid{grid-template-columns:1fr}
 .gym-workout .wk-item{display:flex;flex-direction:column}
 .gym-workout .wk-fig:not(.wk-fig-open){width:100%;height:185px!important;min-height:0;max-height:185px;order:2}
 .gym-workout .wk-body{width:100%;box-sizing:border-box;padding:18px 14px;order:1}
 body.app-mode .gym-workout .set-loaded{grid-template-columns:30px minmax(55px,1fr) 65px 52px 58px;gap:6px}
 body.app-mode .gym-workout .set-loaded input{font-size:1rem;height:46px}
 .set-previous{font-size:.74rem}.set-previous small,.set-load-label,.set-reps-label{font-size:.65rem}
 .gym-workout .wk-head{flex-wrap:wrap}.gym-workout .wk-flow-head{flex-wrap:wrap;gap:10px}
}
@media(max-width:359px){.gym-workout .wk-body{padding:14px 9px}body.app-mode .gym-workout .set-loaded{grid-template-columns:25px minmax(44px,1fr) 56px 45px 51px;gap:4px}body.app-mode .gym-workout .set-loaded [data-save]{font-size:.65rem;padding:0 3px}}