/* Training shares MilliMark's semantic colors, type and controls in both themes. */ html.vr-app .th-scope{--th-gap:20px;min-width:0;color:var(--ink);font-family:var(--sans)} html.vr-app .th-scope *,html.vr-app .th-scope *::before,html.vr-app .th-scope *::after{box-sizing:border-box} html.vr-app .th-scope h1,html.vr-app .th-scope h2,html.vr-app .th-scope h3{overflow-wrap:anywhere} html.vr-app .th-scope h2{font-size:var(--type-20);margin:0 0 12px;line-height:1.2} html.vr-app .th-scope h3{font-size:var(--type-20);margin:10px 0;line-height:1.25} html.vr-app .th-scope p{overflow-wrap:anywhere} html.vr-app .th-scope .eyebrow{margin:0 0 10px} html.vr-app .th-scope .sub{margin:8px 0 18px} html.vr-app .th-scope button{cursor:pointer;touch-action:manipulation} html.vr-app .th-scope button,html.vr-app .th-scope input,html.vr-app .th-scope select,html.vr-app .th-scope summary{min-height:44px} html.vr-app .th-scope button:disabled{cursor:default;opacity:.48;transform:none} html.vr-app .th-scope :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid var(--ink);outline-offset:3px} html.vr-app .th-scope .btn{max-width:100%;white-space:normal;line-height:1.35;margin:0;min-height:44px} html.vr-app .th-scope>.btn,html.vr-app .th-scope .card>.btn{margin:0 8px 10px 0} html.vr-app .th-scope .fld{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;min-width:0} html.vr-app .th-scope .fld>span{font-size:var(--type-14);letter-spacing:.3px;line-height:1.4;color:var(--ink-soft)} html.vr-app .th-scope input,html.vr-app .th-scope select,html.vr-app .th-scope textarea{width:100%;max-width:100%;min-width:0;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:12px;font:inherit;font-size:var(--type-16)} html.vr-app .th-scope input::placeholder,html.vr-app .th-scope textarea::placeholder{color:var(--ink-faint);opacity:1} html.vr-app .th-scope textarea{min-height:104px;resize:vertical;line-height:1.5} html.vr-app .th-scope .card{min-width:0;margin:0 0 var(--th-gap);padding:24px;border:1px solid var(--rule);border-radius:20px;background:var(--card)} html.vr-app .th-scope .card> :last-child{margin-bottom:0} html.vr-app .th-scope details>summary{padding:11px 0;cursor:pointer;line-height:1.45;font-weight:600;color:var(--ink)} html.vr-app .th-page{padding:0 0 calc(24px + env(safe-area-inset-bottom));scroll-padding-block:105px 130px} /* Training pages opened above Gym share its layer; later pages paint on top. */ html.vr-app body.session-page-open .th-page{z-index:130} html.vr-app .th-page:has(.th-rest:not([hidden])){scroll-padding-top:220px} html.vr-app .th-page .page-head{margin:0;padding:16px 28px;gap:14px;z-index:6} html.vr-app .th-page .page-head h2{font-size:var(--type-20);line-height:1.3;overflow-wrap:anywhere} html.vr-app .th-page .page-bd{width:100%;max-width:1120px;padding:28px;margin:0 auto} html.vr-app .th-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--rule);border-radius:14px;background:var(--card-2);margin:0 0 14px;max-width:840px} html.vr-app .th-tabs button{appearance:none;min-width:0;padding:12px 14px;font:inherit;font-size:var(--type-14);font-weight:600;border:1px solid transparent;border-radius:9px;color:var(--ink-soft);background:transparent} html.vr-app .th-tabs button[aria-current=page]{color:var(--ink);background:var(--card);border-color:var(--rule)} html.vr-app .th-save{display:flex;align-items:baseline;gap:8px;font-size:var(--type-14);line-height:1.5;color:var(--ink-soft);margin:12px 0 24px} html.vr-app .th-save::before{content:'';flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--clinical)} html.vr-app .th-save.th-error{color:var(--alert);padding:13px 15px;background:var(--alert-soft);border:1px solid var(--alert);border-radius:10px;font-size:var(--type-14)} html.vr-app .th-save.th-error::before{background:currentColor} html.vr-app .th-hero{display:flex;align-items:center;min-height:245px;padding:clamp(26px,3.8vw,48px);margin:0 0 20px;border:1px solid var(--rule);border-radius:22px;background:var(--vr-hero);color:var(--vr-hero-ink)} html.vr-app .th-hero>div{max-width:760px} html.vr-app .th-hero .eyebrow,html.vr-app .th-hero h2,html.vr-app .th-hero p{color:inherit} html.vr-app .th-hero h2{font-size:var(--type-28);letter-spacing:-1.1px;max-width:680px} html.vr-app .th-hero p:not(.eyebrow){font-size:var(--type-16);line-height:1.6;margin:14px 0 22px} html.vr-app .th-actions,html.vr-app .th-sticky-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 24px} html.vr-app .th-actions>.btn{flex:0 1 auto} html.vr-app .th-sticky-actions{position:sticky;bottom:0;z-index:4;padding:14px 0 max(14px,env(safe-area-inset-bottom));margin-bottom:0;background:var(--paper);border-top:1px solid var(--rule)} html.vr-app .th-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 22px} html.vr-app .th-section-head h2{margin-bottom:7px} html.vr-app .th-section-head .sub{margin-bottom:0} html.vr-app .th-section-head>.btn{flex-shrink:0;max-width:260px} html.vr-app .th-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--th-gap);margin-bottom:24px} html.vr-app .th-grid>.card{margin:0} html.vr-app .th-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:5px 9px;border:1px solid var(--rule);border-radius:6px;background:var(--clinical-soft);color:var(--clinical);font-size:var(--type-14);line-height:1.5;font-weight:600;letter-spacing:1px;margin:0 0 12px} html.vr-app .th-empty{padding:24px;border:1px dashed var(--rule);border-radius:14px;background:var(--card);margin:0 0 24px;color:var(--ink-soft);line-height:1.65} html.vr-app .th-empty p{margin:0;max-width:650px} html.vr-app .card .th-empty{padding:18px;background:var(--card-2);margin:18px 0 0} html.vr-app .th-list-row,html.vr-app .th-library-row{appearance:none;display:flex;align-items:center;gap:16px;width:100%;min-height:74px;text-align:left;font:inherit;padding:16px 0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink)} html.vr-app .th-list-row>span:first-child,html.vr-app .th-library-row>span:not(.th-media){flex:1;min-width:0} html.vr-app .th-list-row strong,html.vr-app .th-library-row strong,html.vr-app .th-picker-row strong{display:block;font-size:var(--type-16);font-weight:600;line-height:1.4;overflow-wrap:anywhere} html.vr-app .th-list-row small,html.vr-app .th-library-row small,html.vr-app .th-picker-row small{display:block;font-size:var(--type-14);line-height:1.55;color:var(--ink-soft);margin-top:5px;overflow-wrap:anywhere} html.vr-app .th-library-row{padding:14px;gap:16px;border:1px solid var(--rule);border-radius:14px;background:var(--card);margin-bottom:10px} html.vr-app [data-library-results]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px} html.vr-app [data-library-results]>.th-library-row{margin:0} html.vr-app .th-day-card{display:flex;justify-content:space-between;gap:26px;align-items:center} html.vr-app .th-day-card>div:first-child{flex:1;min-width:0} html.vr-app .th-day-card>.th-actions{flex:0 1 330px;justify-content:flex-end;margin:0} html.vr-app .th-mini-media{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0} html.vr-app .th-mini-media .th-media.mini{width:54px;height:36px;border-radius:8px} html.vr-app .th-ex-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px} html.vr-app .th-ex-head>div{min-width:0;flex:1} html.vr-app .th-ex-head h2,html.vr-app .th-ex-head h3{margin:0 0 8px} html.vr-app .th-ex-head .sub{margin:0 0 12px} html.vr-app .th-media{display:block;box-sizing:border-box;width:112px;height:auto;object-fit:contain;object-position:center;flex:0 0 auto;aspect-ratio:3/2;padding:3px 5px;border:1px solid var(--color-source-d8d3c9);border-radius:10px;background:var(--color-source-f3f0e8);color:var(--color-source-14161a);max-width:100%} html.vr-app .th-media.thumb{width:112px;height:auto} html.vr-app .th-media.large{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;padding:11px 17px} html.vr-app .th-media.th-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;background:var(--card-2);color:var(--ink-soft);font-size:var(--type-14);text-align:center;overflow:hidden} html.vr-app .th-media.th-missing small{font-size:var(--type-14);line-height:1.15;letter-spacing:.2px;text-transform:uppercase;margin:0;color:var(--ink-soft)} html.vr-app .th-media.th-missing strong{font-size:var(--type-14);font-weight:600;line-height:1.2;overflow-wrap:anywhere;max-width:100%;color:var(--ink)} html.vr-app .th-media.th-missing.large{aspect-ratio:3/2;min-height:140px;padding:20px} html.vr-app .th-media.th-missing.large small{font-size:var(--type-14)} html.vr-app .th-media.th-missing.large strong{font-size:var(--type-20)} html.vr-app .th-coming .th-target{display:block;font-size:var(--type-14);font-weight:400;color:var(--ink-soft);margin-bottom:2px} html.vr-app .th-coming time{display:block;line-height:1.25} html.vr-app .th-coming.large .th-target{font-size:var(--type-14)} html.vr-app .th-mini-media .th-media.th-missing strong{font-size:var(--type-14)} html.vr-app .th-mini-media .th-media.th-missing small{font-size:var(--type-14)} html.vr-app .th-detail-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px} html.vr-app .th-detail-media:has(>.th-image-inspect:only-child){grid-template-columns:1fr;max-width:468px} html.vr-app .th-instructions{padding-left:24px;max-width:800px;margin:16px 0 24px} html.vr-app .th-instructions li{padding:0 0 16px 8px;line-height:1.75} html.vr-app .th-instructions li::marker{color:var(--clinical);font-weight:600} html.vr-app .th-set-plans{list-style:none;padding:0;margin:18px 0;border-top:1px solid var(--rule)} html.vr-app .th-set-plans li{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--rule)} html.vr-app .th-set-plans li>span{flex:1;min-width:0;line-height:1.55;font-size:var(--type-14);overflow-wrap:anywhere} html.vr-app .th-set-plans .btn{padding:10px 13px} html.vr-app .th-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px} html.vr-app .th-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px} html.vr-app .th-check{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 0;margin:0 0 10px;font-size:var(--type-14);line-height:1.6;cursor:pointer} html.vr-app .th-scope input:is([type=checkbox],[type=radio]){appearance:auto;min-height:22px;width:22px;height:22px;flex:0 0 22px;padding:0;margin:0;accent-color:var(--clinical)} html.vr-app .th-picker-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--rule);border-radius:14px;margin-bottom:10px;background:var(--card)} html.vr-app .th-picker-row:has(input:checked){border-color:var(--clinical);background:var(--clinical-soft);box-shadow:inset 3px 0 var(--clinical)} html.vr-app .th-picker-row>label{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:64px;cursor:pointer} html.vr-app .th-picker-row label>span:not(.th-media){min-width:0;flex:1} html.vr-app .th-picker-row .th-media{width:112px;height:auto} html.vr-app .th-picker-row>.btn{flex-shrink:0} html.vr-app .th-gym-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:12px} html.vr-app .th-gym-toolbar h1{font-size:var(--type-28);margin:0 0 12px;letter-spacing:-1px} html.vr-app .th-gym-toolbar .sub{margin:0;font-variant-numeric:tabular-nums} html.vr-app .th-gym-toolbar>.btn{flex-shrink:0} html.vr-app .th-ex-nav{display:flex;gap:8px;overflow:auto;padding:4px 3px 10px;margin:0 -3px 20px;scrollbar-width:thin;overscroll-behavior-x:contain} html.vr-app .th-ex-nav>button{appearance:none;display:flex;align-items:center;gap:14px;flex:0 0 auto;max-width:320px;padding:12px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink-soft);text-align:left;font:inherit;font-size:var(--type-14);line-height:1.45} html.vr-app .th-ex-nav>button[aria-current=step]{border-color:var(--clinical);background:var(--clinical-soft);color:var(--ink);font-weight:600} html.vr-app .th-ex-nav small{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:var(--type-14)} html.vr-app .th-previous{padding:16px 18px;margin:18px 0;border-left:3px solid var(--clinical);border-radius:0 10px 10px 0;background:var(--card-2);font-size:var(--type-14);color:var(--ink-soft);line-height:1.7} html.vr-app .th-previous strong{color:var(--ink);font-weight:600} html.vr-app .th-suggestion{margin:0 0 20px;padding:0 16px 12px;border:1px solid var(--rule);border-radius:10px;font-size:var(--type-14)} html.vr-app .th-suggestion:not([open]){padding-bottom:0} html.vr-app .th-log-set{display:grid;grid-template-columns:minmax(130px,1fr) minmax(200px,1.5fr) minmax(210px,1.2fr);align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--rule)} html.vr-app .th-log-set:last-child{border-bottom:1px solid var(--rule)} html.vr-app .th-set-label{display:grid;grid-template-columns:30px 1fr;gap:4px 10px;align-items:center;font-size:var(--type-14)} html.vr-app .th-set-label>strong{display:grid;place-items:center;grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--card-2);font-size:var(--type-14)} html.vr-app .th-set-label>span{text-transform:capitalize;font-weight:600} html.vr-app .th-set-label>small{color:var(--ink-soft);font-size:var(--type-14);line-height:1.5;overflow-wrap:anywhere} html.vr-app .th-set-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} html.vr-app .th-set-inputs>label{display:flex;flex-direction:column;gap:6px;min-width:0} html.vr-app .th-set-inputs label>span{font-size:var(--type-14);line-height:1.4;color:var(--ink-soft)} html.vr-app .th-set-inputs input{height:52px;padding:10px;font-size:var(--type-20);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2} html.vr-app .th-set-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-self:end} html.vr-app .th-set-buttons .btn{padding:11px 8px;font-size:var(--type-14)} html.vr-app .th-set-buttons .btn:first-child{grid-column:1/-1;min-height:48px;font-size:var(--type-14);background:var(--btn);color:var(--btn-ink);border-color:transparent} html.vr-app .th-log-set.is-done .th-set-buttons .btn:first-child{background:var(--clinical-soft);color:var(--ink);border-color:var(--clinical)} html.vr-app .th-log-set.is-done .th-set-label>strong{background:var(--clinical-soft);color:var(--clinical)} html.vr-app .th-log-set.is-skipped .th-set-label>span{text-decoration:line-through} html.vr-app .th-log-set.is-skipped .th-set-buttons .btn:first-child{background:var(--card-2);color:var(--ink);border-color:var(--rule)} html.vr-app .th-rest{position:sticky;top:78px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--clinical);border-radius:14px;background:var(--clinical-soft);margin:16px 0 20px;color:var(--ink)} html.vr-app .th-rest>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 14px;min-width:0} html.vr-app .th-rest small{font-size:var(--type-14);letter-spacing:1.5px;font-weight:600} html.vr-app .th-rest strong{grid-column:1;grid-row:2;font-size:var(--type-28);line-height:1.1;font-variant-numeric:tabular-nums} html.vr-app .th-rest [data-rest-next]{grid-column:2;grid-row:1/3;font-size:var(--type-14);line-height:1.45;overflow-wrap:anywhere} html.vr-app .th-rest .th-actions{margin:0;flex-shrink:0} html.vr-app .th-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px} html.vr-app .th-metrics>div{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--rule);border-radius:16px;background:var(--card)} html.vr-app .th-metrics small{color:var(--ink-soft);font-size:var(--type-14);font-weight:600;letter-spacing:1.2px} html.vr-app .th-metrics strong{font-size:var(--type-28);font-weight:600;line-height:1.1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} html.vr-app .th-metrics span{font-size:var(--type-14);color:var(--ink-soft);line-height:1.5} html.vr-app .th-history-set{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:var(--type-14);margin:0;line-height:1.5} html.vr-app .th-history-set>span{color:var(--ink-soft);text-transform:capitalize} html.vr-app .th-history-set>strong{text-align:right;font-weight:600} html.vr-app .th-trend{display:block;width:100%;max-width:760px;height:auto;margin:24px 0;color:var(--ink-soft)} html.vr-app .th-table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin} html.vr-app .th-table-scroll table{border-collapse:collapse;width:100%;min-width:420px;font-size:var(--type-14);font-variant-numeric:tabular-nums} html.vr-app .th-table-scroll caption{text-align:left;padding:8px 0 16px;color:var(--ink);font-weight:600} html.vr-app .th-table-scroll th,html.vr-app .th-table-scroll td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.55} html.vr-app .th-table-scroll th{color:var(--ink-soft);font-size:var(--type-14);font-weight:600;background:var(--card-2)} html.vr-app .th-home-resume{display:block;width:100%;text-align:left;margin:0 0 24px;padding:16px 20px;min-height:54px;white-space:normal} @media (hover:hover){ html.vr-app .th-list-row:hover,html.vr-app .th-library-row:hover{background:var(--card-2)} html.vr-app .th-tabs button:hover:not([aria-current=page]){color:var(--ink);border-color:var(--rule)} } @media (max-width:1050px){ html.vr-app .th-log-set{grid-template-columns:minmax(100px,1fr) minmax(180px,1.5fr);gap:16px} html.vr-app .th-set-buttons{grid-column:2} html.vr-app .th-set-label{align-self:start;padding-top:24px} html.vr-app .th-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))} html.vr-app .th-day-card{align-items:flex-start;flex-direction:column;gap:10px} html.vr-app .th-day-card>.th-actions{flex:auto;justify-content:flex-start} html.vr-app .th-rest{flex-wrap:wrap} } @media (max-width:899px){ html.vr-app body:not(.session-page-open) .th-page{padding-bottom:calc(74px + env(safe-area-inset-bottom))} } @media (max-width:650px){ html.vr-app .th-scope{--th-gap:16px} html.vr-app .th-scope .vr-heading{align-items:flex-start;gap:14px;margin-bottom:24px} html.vr-app .th-scope .vr-heading h1{font-size:var(--type-28);letter-spacing:-1.1px} html.vr-app .th-scope .vr-heading>.btn{padding:10px;min-width:90px;font-size:var(--type-14)} html.vr-app .th-page .page-head{padding:12px 17px;min-height:70px} html.vr-app .th-page .page-head h2{font-size:var(--type-20);letter-spacing:-.3px} html.vr-app .th-page .page-bd{padding:20px 17px} html.vr-app .th-scope .card{padding:19px 17px;border-radius:16px} html.vr-app .th-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px} html.vr-app .th-tabs button{grid-column:span 2} html.vr-app .th-tabs button:nth-last-child(-n+2){grid-column:span 3} html.vr-app .th-tabs button{min-height:44px;padding:10px 6px;font-size:var(--type-14);letter-spacing:0} html.vr-app .th-save{margin:10px 0 20px;font-size:var(--type-14)} html.vr-app .th-hero{min-height:230px;padding:25px 22px;border-radius:18px} html.vr-app .th-hero h2{font-size:var(--type-28)} html.vr-app .th-hero p:not(.eyebrow){font-size:var(--type-12)} html.vr-app .th-grid{grid-template-columns:1fr;gap:16px} html.vr-app .th-section-head{align-items:stretch;flex-direction:column;gap:15px;margin:22px 0 18px} html.vr-app .th-section-head>.btn{align-self:flex-start;max-width:100%} html.vr-app .th-actions{gap:8px;margin:16px 0 20px} html.vr-app .th-actions>.btn{flex:1 1 auto;padding:11px 12px} html.vr-app .th-sticky-actions{gap:8px;padding-top:12px;box-shadow:0 -8px 12px -12px var(--ink);margin-top:20px} html.vr-app .th-sticky-actions>.btn{flex:1 1 auto;padding:12px} html.vr-app .th-sticky-actions>.btn:first-child{flex-basis:100%;min-height:50px} html.vr-app [data-library-results]{grid-template-columns:1fr} html.vr-app .th-library-row{gap:13px;padding:12px} html.vr-app .th-library-row .th-media{width:96px;height:auto} html.vr-app .th-library-row .th-missing{padding:4px} html.vr-app .th-library-row .th-missing strong{font-size:var(--type-14)} html.vr-app .th-ex-head{gap:13px;margin-bottom:16px} html.vr-app .th-ex-head .th-media{width:96px;height:auto;border-radius:10px} html.vr-app .th-ex-head h2,html.vr-app .th-ex-head h3{font-size:var(--type-20)} html.vr-app .th-ex-head .sub{font-size:var(--type-14);line-height:1.6} html.vr-app .th-ex-head .eyebrow{font-size:var(--type-12);margin-bottom:7px} html.vr-app .th-set-plans li{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 0} html.vr-app .th-set-plans li>span{grid-column:1/-1;font-size:var(--type-14)} html.vr-app .th-set-plans .btn{font-size:var(--type-14);padding:10px 8px} html.vr-app .th-form-grid{grid-template-columns:1fr;gap:0} html.vr-app .th-filter-grid{gap:0 12px} html.vr-app .th-filter-grid .fld{margin-bottom:14px} html.vr-app .th-filter-grid select{font-size:var(--type-14);padding:12px 8px} html.vr-app .th-picker-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px} html.vr-app .th-picker-row>label{grid-column:1/-1;gap:10px} html.vr-app .th-picker-row>.btn{grid-column:2;min-width:78px;padding:10px 12px;font-size:var(--type-14)} html.vr-app .th-picker-row .th-media{width:96px;height:auto;border-radius:10px} html.vr-app .th-picker-row strong{font-size:var(--type-14)} html.vr-app .th-picker-row small{font-size:var(--type-14)} html.vr-app .th-detail-media{gap:10px} html.vr-app .th-detail-media .th-media{border-radius:10px} html.vr-app .th-gym-toolbar{gap:12px;align-items:flex-start} html.vr-app .th-gym-toolbar h1{font-size:var(--type-28);letter-spacing:-.8px} html.vr-app .th-gym-toolbar>.btn{max-width:95px;font-size:var(--type-14);padding:10px} html.vr-app .th-gym-toolbar .sub{font-size:var(--type-14)} html.vr-app .th-ex-nav{margin-bottom:16px} html.vr-app .th-ex-nav>button{max-width:250px;padding:12px;font-size:var(--type-14);gap:10px} html.vr-app .th-previous{padding:13px 14px;font-size:var(--type-14)} html.vr-app .th-log-set{display:block;padding:19px 0} html.vr-app .th-set-label{grid-template-columns:30px 1fr;margin-bottom:14px;padding:0} html.vr-app .th-set-label>small{font-size:var(--type-14)} html.vr-app .th-set-inputs{gap:12px;margin-bottom:14px} html.vr-app .th-set-inputs input{height:56px;font-size:var(--type-28);padding:12px} html.vr-app .th-set-inputs label>span{font-size:var(--type-14)} html.vr-app .th-set-buttons{gap:8px} html.vr-app .th-set-buttons .btn:first-child{min-height:52px;font-size:var(--type-16)} html.vr-app .th-rest{top:70px;padding:12px;gap:10px;margin:12px 0 16px;border-radius:12px} html.vr-app .th-rest>div:first-child{width:100%;gap:2px 14px} html.vr-app .th-rest strong{font-size:var(--type-28)} html.vr-app .th-rest .th-actions{width:100%;gap:7px;flex-wrap:nowrap} html.vr-app .th-rest .btn{min-height:44px;padding:10px 8px;font-size:var(--type-14);flex:1} html.vr-app .th-metrics{gap:8px;margin-bottom:24px} html.vr-app .th-metrics>div{padding:16px 11px;border-radius:12px;gap:9px} html.vr-app .th-metrics small{font-size:var(--type-14);letter-spacing:.5px} html.vr-app .th-metrics strong{font-size:var(--type-28);letter-spacing:-1px} html.vr-app .th-metrics span{font-size:var(--type-14);line-height:1.6} html.vr-app .th-history-set{font-size:var(--type-14);gap:12px} html.vr-app .th-table-scroll table{font-size:var(--type-14);min-width:375px} html.vr-app .th-table-scroll th,html.vr-app .th-table-scroll td{padding:11px 8px} } /* Let inputs use the available height when a phone keyboard reduces the view. */ @media (max-height:600px){ html.vr-app .th-page .th-rest,html.vr-app .th-page .th-sticky-actions{position:static} html.vr-app .th-page:has(.th-rest:not([hidden])){scroll-padding-top:105px} } @media (prefers-reduced-motion:reduce){ html.vr-app .th-scope *,html.vr-app .th-page,html.vr-app .th-home-resume{scroll-behavior:auto!important;animation:none!important;transition:none!important} html.vr-app .th-scope .btn:hover{transform:none} } /* A shared 3:2 matte keeps full poses visible without color filters or cropping. */ html.vr-app .th-image-inspect{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px;min-width:0;width:100%;color:var(--ink-soft);border:1px solid var(--rule);border-radius:14px;background:var(--card);font:inherit;cursor:zoom-in} html.vr-app .th-image-inspect .th-media.large{max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0} html.vr-app .th-image-inspect>span{font-size:var(--type-14);line-height:1.5} html.vr-app .th-expanded-media{display:flex;align-items:center;justify-content:center;min-height:200px;margin:20px 0} html.vr-app .th-expanded-media .th-media.expanded{width:min(100%,960px,112.5vh);max-width:960px;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:14px;padding:11px 17px} html.vr-app .th-expanded-media .th-missing.expanded{height:240px;color:var(--ink);background:var(--card-2)} html.vr-app .th-expanded-media.is-original-size{display:block;overflow:auto;max-height:75vh;border:1px solid var(--rule);border-radius:14px} html.vr-app .th-expanded-media.is-original-size .th-media.expanded{max-width:none;max-height:none;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0} @media(max-width:700px){html.vr-app .th-media.thumb{width:96px}html.vr-app .th-detail-media{grid-template-columns:1fr}html.vr-app .th-expanded-media .th-media.expanded{width:min(100%,105vh);max-height:none}} /* Small library orientation and honest review status for newly generated media. */ html.vr-app .th-library-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:20px 0 12px;color:var(--ink-soft);font-size:var(--type-14);line-height:1.6} html.vr-app .th-library-intro strong{color:var(--ink);font-size:var(--type-16);font-weight:600;letter-spacing:-.2px} html.vr-app .th-media-review{margin:10px 0 18px;padding:8px 12px;border-left:2px solid var(--rule);color:var(--ink-soft);font-size:var(--type-14);line-height:1.6} /* Exercises-only density: preserve controls and reveal an image without scrolling. */ html.vr-app .th-library-row .th-media{flex:0 0 112px;width:112px;height:auto;object-fit:contain} html.vr-app .th-library-view>.vr-heading{align-items:center;margin-bottom:16px} html.vr-app .th-library-view>.vr-heading h1{font-size:var(--type-28);line-height:1.15;letter-spacing:-.7px} html.vr-app .th-library-view>.vr-heading~[data-training-content] .th-section-head h2{display:none} html.vr-app .th-library-view .th-section-head{margin:14px 0;gap:12px} @media(max-width:700px){ html.vr-app .th-library-view>.vr-heading{margin-bottom:12px;align-items:center} html.vr-app .th-library-view>.vr-heading h1{font-size:var(--type-20);line-height:1.15;letter-spacing:-.4px} html.vr-app .th-library-view>.vr-heading .eyebrow{margin-bottom:5px} html.vr-app .th-library-view>.th-tabs{margin-bottom:8px} html.vr-app .th-library-view>.th-save{margin:8px 0 12px} html.vr-app .th-library-view .th-section-head{margin:10px 0 12px;gap:0} html.vr-app .th-library-view .th-section-head .sub{display:none} html.vr-app .th-library-view .th-section-head>.btn{min-height:40px;padding:10px 12px;font-size:var(--type-14)} html.vr-app .th-library-view .th-library-intro{margin:10px 0 10px;gap:2px 10px} html.vr-app .th-library-view .th-library-intro span{display:none} html.vr-app .th-library-row .th-media{flex-basis:96px;width:96px;height:auto;object-fit:contain} } /* Integrated Training presentation. Models, routes and saved bindings stay owned by Training. */ html.vr-app .th-scope{--th-gap:20px;color:var(--ui-ink,var(--ink));--th-surface:var(--ui-surface,var(--card));--th-soft:var(--ui-soft,var(--card-2));--th-line:var(--ui-line,var(--rule));--th-muted:var(--ui-muted,var(--ink-soft));--th-primary:var(--ui-primary,var(--btn));--th-on-primary:var(--ui-on-primary,var(--btn-ink));--th-accent:var(--ui-accent,var(--color-source-a75504));--th-accent-soft:var(--ui-accent-soft,var(--color-source-fff0dd));--th-green:var(--ui-green,var(--color-source-1b6b56));--th-green-soft:var(--ui-green-soft,var(--color-source-e0f3ec))} html.vr-app .th-scope .card{padding:20px;border-radius:22px;border-color:var(--th-line);background:var(--th-surface);box-shadow:0 3px 12px var(--color-source-17253603)} html.vr-app .th-scope h2{font-size:var(--type-20);letter-spacing:-.6px;line-height:1.25} html.vr-app .th-scope h3{font-size:var(--type-16);letter-spacing:-.3px;line-height:1.3} html.vr-app .th-scope .sub{color:var(--th-muted);font-size:var(--type-14);line-height:1.6} html.vr-app .th-scope .eyebrow{color:var(--th-muted);font-size:var(--type-12);font-weight:600;letter-spacing:1.7px;line-height:1.5} html.vr-app .th-scope .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;min-height:46px;border-radius:12px;border:1px solid transparent;font-size:var(--type-14);font-weight:600;letter-spacing:0;text-transform:none;background:var(--th-primary);color:var(--th-on-primary);box-shadow:none} html.vr-app .th-scope .btn.ghost{color:var(--ui-ink,var(--ink));border-color:var(--th-line);background:var(--th-surface)} html.vr-app .th-scope .btn:hover{transform:none} html.vr-app .th-scope .th-icon{width:19px;height:19px;min-width:19px;flex-shrink:0;vertical-align:middle} html.vr-app .th-scope .th-icon-button{width:44px;min-width:44px;min-height:44px;max-height:44px;padding:10px;background:transparent;border-color:transparent;flex-shrink:0} html.vr-app .th-scope .th-text-button{padding:7px 0;min-height:44px;background:transparent;border-color:transparent;font-size:var(--type-14)} html.vr-app .th-scope .th-wide-button{width:100%;margin:8px 0 0} html.vr-app .th-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} html.vr-app .th-scope .th-hub-heading{align-items:flex-start;margin:0 0 22px;gap:14px} html.vr-app .th-scope .th-hub-heading h1,html.vr-app .th-scope .th-editor-heading h1,html.vr-app .th-scope .th-gym-toolbar h1{font-size:var(--type-28);font-weight:600;letter-spacing:-1.5px;line-height:1.1;margin:0} html.vr-app .th-scope .th-hub-heading .eyebrow{margin:0 0 12px} html.vr-app .th-heading-copy{font-size:var(--type-16);color:var(--th-muted);line-height:1.55;margin:12px 0 0;max-width:660px} html.vr-app .th-tabs{display:flex;gap:24px;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;padding:0;border:0;border-bottom:1px solid var(--th-line);border-radius:0;background:transparent;margin:0 0 22px;scrollbar-width:none} html.vr-app .th-tabs::-webkit-scrollbar{display:none} html.vr-app .th-tabs button{min-width:max-content;flex:0 0 auto;padding:0 0 13px;min-height:46px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;font-size:var(--type-14);font-weight:400;color:var(--th-muted)} html.vr-app .th-tabs button[aria-current=page]{border:0;border-bottom:2px solid var(--color-source-e68a18);background:transparent;color:var(--ui-ink,var(--ink));font-weight:600} html.vr-app .th-tabs button:hover:not([aria-current=page]){border-bottom-color:var(--th-line)} html.vr-app .th-save{font-size:var(--type-14);color:var(--th-muted);line-height:1.55;margin:14px 0 20px} html.vr-app .th-save::before{background:var(--th-green)} html.vr-app .th-scope>.th-save{margin-top:18px} html.vr-app .th-scope input,html.vr-app .th-scope select,html.vr-app .th-scope textarea{background:var(--th-surface);color:var(--ui-ink,var(--ink));border-color:var(--th-line);border-radius:12px;padding:12px;font-size:var(--type-16);line-height:1.5} html.vr-app .th-scope .fld>span{color:var(--ui-ink,var(--ink));font-size:var(--type-14);letter-spacing:0;font-weight:600} html.vr-app .th-scope .fld{gap:8px;margin-bottom:18px} html.vr-app .th-scope .th-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px} html.vr-app .th-scope input:is([type=checkbox],[type=radio]){accent-color:var(--th-primary)} html.vr-app .th-section-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px} html.vr-app .th-section-head h2,html.vr-app .th-section-head h3{margin:0} html.vr-app .th-section-head>.btn{flex-shrink:0;max-width:50%;align-self:auto} html.vr-app .th-badge{padding:5px 10px;border:0;border-radius:100px;background:var(--th-soft);color:var(--th-muted);font-size:var(--type-14);letter-spacing:.1px;line-height:1.4;margin:0} html.vr-app .th-state-published{color:var(--ui-ink,var(--ink));background:var(--th-soft)} html.vr-app .th-state-draft{color:var(--ui-purple,var(--color-source-7546b3));background:var(--ui-purple-soft,var(--color-source-f0e8fc))} html.vr-app .th-state-active{color:var(--th-accent);background:var(--th-accent-soft)} html.vr-app .th-empty{border:1px dashed var(--th-line);background:var(--th-surface);border-radius:20px;padding:24px;color:var(--th-muted);font-size:var(--type-14);margin-bottom:20px} html.vr-app .th-scope .th-media{border:0;background:var(--color-text-dark);padding:3px;border-radius:13px;object-fit:contain} html.vr-app .th-scope .th-media.th-missing{background:var(--th-soft);color:var(--th-muted)} html.vr-app .th-today-layout,html.vr-app .th-editor-layout,html.vr-app .th-gym-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px} html.vr-app .th-today-layout>*,html.vr-app .th-editor-layout>*,html.vr-app .th-gym-layout>*{min-width:0} html.vr-app .th-today-sidebar .card:last-child{margin-bottom:0} html.vr-app .th-hero{display:flex;position:relative;isolation:isolate;min-height:220px;margin:0 0 22px;padding:24px;background:var(--color-source-192a3a);color:var(--color-white);border:0;border-radius:28px;overflow:hidden} html.vr-app .th-hero>.th-hero-copy{position:relative;z-index:2;max-width:100%;min-width:0} html.vr-app .th-hero.th-has-art>.th-hero-copy{max-width:65%} html.vr-app .th-hero .eyebrow{font-size:var(--type-12);color:var(--color-source-d8e1eb);letter-spacing:1.4px;margin:0 0 13px} html.vr-app .th-hero h2{font-size:var(--type-28);letter-spacing:-1px;line-height:1.1;margin:0;max-width:none;color:var(--color-white)} html.vr-app .th-hero p:not(.eyebrow){margin:14px 0 17px;font-size:var(--type-12);line-height:1.5;color:var(--color-source-d8e1eb)} html.vr-app .th-hero .btn{min-height:44px;padding:10px 13px;font-size:var(--type-14);background:var(--color-white);color:var(--color-source-192a3a)} html.vr-app .th-hero-art{position:absolute;inset:0 0 0 auto;width:57%;max-width:none;z-index:0;background:var(--color-text-dark)} html.vr-app .th-hero-art .th-media.large{width:100%;height:100%;max-width:none;padding:10px 0;border:0;border-radius:0;object-fit:contain} html.vr-app .th-hero.th-has-art::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--color-source-192a3a) 0%,var(--color-source-192a3a) 39%,var(--color-source-192a3a00) 79%);pointer-events:none} html.vr-app .th-today-exercises{display:grid;gap:10px} html.vr-app .th-today-exercise{display:flex;align-items:center;text-align:left;gap:13px;min-height:89px;width:100%;padding:12px;border:1px solid var(--th-line);border-radius:18px;background:var(--th-surface);color:var(--ui-ink,var(--ink));font:inherit} html.vr-app .th-today-exercise .th-media{width:74px;height:64px;aspect-ratio:auto;padding:3px} html.vr-app .th-today-exercise>span:not(.th-media){min-width:0;flex:1} html.vr-app .th-today-exercise strong{display:block;font-size:var(--type-14);line-height:1.4;font-weight:600} html.vr-app .th-today-exercise small{display:block;margin-top:6px;font-size:var(--type-14);line-height:1.45;color:var(--th-muted)} html.vr-app .th-today-exercise>.th-icon{width:15px;min-width:15px} html.vr-app .th-quick-actions{margin:20px 0 0} html.vr-app .th-quick-actions .btn{font-size:var(--type-14)} html.vr-app .th-today-sidebar .th-list-row{padding:14px 0} html.vr-app .th-today-sidebar .th-list-row strong{font-size:var(--type-14)} html.vr-app .th-training-summary h2{font-size:var(--type-20)} html.vr-app .th-partners-prompt .th-feature-icon{margin-bottom:14px} html.vr-app .th-program-list-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px} html.vr-app .th-chips{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0;overscroll-behavior-x:contain} html.vr-app .th-scope .th-chip{min-height:42px;flex:0 0 auto;white-space:nowrap;padding:10px 13px;border:1px solid var(--th-line);border-radius:100px;background:var(--th-surface);color:var(--th-muted);font:inherit;font-size:var(--type-14)} html.vr-app .th-scope .th-chip.is-active{background:var(--th-primary);color:var(--th-on-primary);border-color:var(--th-primary)} html.vr-app .th-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px} html.vr-app .th-scope .th-program-card{display:flex;flex-direction:column;width:100%;min-width:0;padding:0;text-align:left;font:inherit;overflow:hidden;background:var(--th-surface);border:1px solid var(--th-line);border-radius:22px;color:var(--ui-ink,var(--ink));box-shadow:0 4px 10px var(--color-source-17253603)} html.vr-app .th-program-art{display:block;position:relative;width:100%;min-width:0;height:auto;aspect-ratio:1.3;background:var(--color-text-dark);overflow:hidden} html.vr-app .th-program-art>.th-media.large{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;object-fit:contain;padding:8px} html.vr-app .th-program-art>.th-badge{position:absolute;top:12px;left:12px} html.vr-app .th-program-art-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;height:100%;color:var(--th-muted);background:var(--th-soft);padding:24px 12px;font-size:var(--type-14)} html.vr-app .th-program-art-empty>.th-icon{width:40px;height:40px} html.vr-app .th-program-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px;width:100%;min-width:0} html.vr-app .th-program-body>.eyebrow{font-size:var(--type-12);margin:0} html.vr-app .th-program-name{font-size:var(--type-16);font-weight:600;letter-spacing:-.4px;line-height:1.25;overflow-wrap:anywhere} html.vr-app .th-program-description{font-size:var(--type-14);line-height:1.5;color:var(--th-muted);margin-bottom:8px;overflow-wrap:anywhere} html.vr-app .th-program-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid var(--th-line);font-size:var(--type-14)} html.vr-app .th-program-meta>span{display:flex;align-items:center;gap:5px} html.vr-app .th-program-meta>span:last-child{font-weight:600} html.vr-app .th-program-meta .th-icon{width:14px;height:14px;min-width:14px} html.vr-app .th-program-links{display:grid;gap:14px;margin:0 0 20px} html.vr-app .th-scope .th-feature-link{display:flex;align-items:center;gap:14px;text-align:left;font:inherit;color:var(--ui-ink,var(--ink));width:100%;margin:0;min-height:90px} html.vr-app .th-feature-link>span:nth-child(2){min-width:0;flex:1} html.vr-app .th-feature-link strong{display:block;font-size:var(--type-16);line-height:1.35} html.vr-app .th-feature-link small{display:block;margin-top:4px;font-size:var(--type-14);color:var(--th-muted);line-height:1.45} html.vr-app .th-feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:15px;background:var(--th-accent-soft);color:var(--th-accent)} html.vr-app .th-blue-icon{color:var(--ui-blue,var(--color-source-346cb4));background:var(--ui-blue-soft,var(--color-source-e9f0ff))} html.vr-app .th-scope .th-starters{padding:10px 20px} html.vr-app .th-editor-heading{margin:0 0 24px;max-width:790px} html.vr-app .th-editor-heading>.th-badge{margin-bottom:14px} html.vr-app .th-editor-heading>.sub{font-size:var(--type-16);margin:13px 0 0} html.vr-app .th-day-card{gap:18px;align-items:flex-start} html.vr-app .th-day-card-controls{flex:0 0 auto;max-width:45%;display:flex;align-items:flex-end;flex-direction:column;gap:8px} html.vr-app .th-day-card h3{margin:0 0 8px;font-size:var(--type-20)} html.vr-app .th-day-card .th-mini-media .th-media.mini{width:62px;height:48px} html.vr-app .th-day-card .th-advanced{width:100%;max-width:220px} html.vr-app .th-day-card .th-advanced>summary{font-size:var(--type-14);text-align:right} html.vr-app .th-day-card .th-advanced .th-actions{margin:0;justify-content:flex-end} html.vr-app .th-scope .th-advanced{margin:0;border:0;background:transparent} html.vr-app .th-scope .th-advanced>summary{font-size:var(--type-14);color:var(--th-muted);font-weight:600;min-height:44px;padding:13px 0} html.vr-app .th-scope .th-advanced[open]>.th-actions{margin-top:4px} html.vr-app .th-day-structure .th-section-head{margin-bottom:0} html.vr-app .th-week-structure h2,html.vr-app .th-day-structure h2{font-size:var(--type-20);margin:0 0 18px} html.vr-app .th-program-ex .th-ex-head{gap:12px;margin-bottom:8px} html.vr-app .th-program-ex .th-ex-head .th-media{width:80px;height:68px} html.vr-app .th-program-ex .th-ex-head h3{font-size:var(--type-16);margin:0 0 6px} html.vr-app .th-program-ex .th-ex-head .sub{font-size:var(--type-14);margin:0} html.vr-app .th-program-ex .th-ex-head .eyebrow{font-size:var(--type-12);margin:0 0 6px} html.vr-app .th-set-plans{margin:14px 0 4px} html.vr-app .th-set-plans li{display:flex;align-items:center;padding:8px 0;gap:8px} html.vr-app .th-set-plans li>span{font-size:var(--type-14);text-transform:capitalize} html.vr-app .th-set-plans li>span>strong{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;border-radius:7px;background:var(--th-soft);font-size:var(--type-14)} html.vr-app .th-set-plans li>span>small{display:block;padding-left:28px;font-size:var(--type-14);color:var(--th-muted);text-transform:none} html.vr-app .th-set-plans .btn{font-size:var(--type-14);min-height:40px;padding:8px 10px} html.vr-app .th-ex-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 0} html.vr-app .th-ex-footer>.sub{font-size:var(--type-14);margin:0} html.vr-app .th-ex-footer>.sub .th-icon{height:14px;min-width:14px;width:14px} html.vr-app .th-scope .th-sticky-actions{position:sticky;bottom:0;display:flex;flex-wrap:nowrap;gap:10px;background:var(--th-surface);border:1px solid var(--th-line);border-radius:20px;padding:12px;box-shadow:0 6px 24px var(--color-source-17253610);margin:18px 0 0;z-index:4} html.vr-app .th-scope .th-sticky-actions>.btn,html.vr-app .th-scope .th-sticky-actions>.btn:first-child{flex:1 1 0;flex-basis:0;min-height:46px;padding:11px 10px;margin:0;font-size:var(--type-14)} html.vr-app .th-page{background:var(--ui-bg,var(--paper));scroll-padding-top:90px} html.vr-app .th-page .page-bd{max-width:1280px;padding:28px} html.vr-app .th-page .page-head{background:var(--th-surface,var(--ui-surface,var(--card)));border-bottom:1px solid var(--ui-line,var(--rule))} html.vr-app .th-page .page-head h2{font-size:var(--type-14);font-weight:600;color:var(--ui-muted,var(--ink-soft));letter-spacing:0} html.vr-app .th-library-search{margin:0 0 12px} html.vr-app .th-library-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} html.vr-app .th-library-search>input{min-height:50px} html.vr-app .th-library-tools{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:13px;min-width:0} html.vr-app .th-library-tools>.fld{margin:0;width:185px;flex-shrink:0} html.vr-app .th-library-tools>.fld>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} html.vr-app .th-library-tools select{font-size:var(--type-14);padding:10px;min-height:42px} html.vr-app .th-library-count{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px} html.vr-app .th-library-count>.sub{font-size:var(--type-14);margin:0} html.vr-app .th-library-count>.btn{font-size:var(--type-14);flex-shrink:0;padding:10px 12px} html.vr-app [data-library-results]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px} html.vr-app .th-scope .th-library-row{display:flex;align-items:stretch;flex-direction:column;gap:0;border-radius:20px;border:1px solid var(--th-line);padding:0;overflow:hidden;background:var(--th-surface);margin:0;box-shadow:0 3px 12px var(--color-source-17253603)} html.vr-app .th-scope .th-library-row .th-media.large{width:100%;height:auto;aspect-ratio:1.35;flex:0 0 auto;border-radius:0;object-fit:contain;padding:6px} html.vr-app .th-library-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;min-width:0;flex:1} html.vr-app .th-library-row strong{font-size:var(--type-14);font-weight:600;line-height:1.35;min-height:35px} html.vr-app .th-library-row small{font-size:var(--type-14);line-height:1.5;color:var(--th-muted);margin:0} html.vr-app .th-category{margin-top:auto;padding:4px 7px;font-size:var(--type-14);line-height:1.35;font-weight:600;border-radius:100px;color:var(--ui-purple,var(--color-source-7546b3));background:var(--ui-purple-soft,var(--color-source-f0e8fc));text-transform:capitalize} html.vr-app .th-scope .th-more-button{display:flex;min-width:130px;margin:14px auto 22px} html.vr-app .th-catalog-note{font-size:var(--type-14)} html.vr-app .th-picker-filters{padding:0 16px;margin:0 0 16px;border:1px solid var(--th-line);border-radius:14px;background:var(--th-surface)} html.vr-app .th-picker-filters>summary{font-size:var(--type-14)} html.vr-app .th-picker-count{margin:0 0 14px} html.vr-app .th-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} html.vr-app .th-picker-row{position:relative;display:flex;align-items:stretch;flex-direction:column;gap:0;padding:0;margin:0;min-width:0;overflow:hidden;background:var(--th-surface);border:1px solid var(--th-line);border-radius:20px} html.vr-app .th-picker-row>label{display:flex;flex-direction:column;gap:0;align-items:stretch;min-width:0;width:100%;flex:1} html.vr-app .th-picker-row input[data-pick]{position:absolute;top:11px;left:11px;z-index:1;box-shadow:0 1px 5px var(--color-source-00000022)} html.vr-app .th-picker-row .th-media{width:100%;height:auto;aspect-ratio:1.35;padding:6px;border-radius:0;object-fit:contain} html.vr-app .th-picker-row label>span:not(.th-media){display:block;padding:13px 13px 6px} html.vr-app .th-picker-row strong{font-size:var(--type-14);line-height:1.35} html.vr-app .th-picker-row small{font-size:var(--type-14);margin-top:8px} html.vr-app .th-picker-row>.btn{margin:6px 12px 12px;min-height:40px;font-size:var(--type-14);padding:9px;align-self:stretch} html.vr-app .th-picker-row:has(input:checked){background:var(--th-green-soft);border-color:var(--th-green);box-shadow:inset 0 0 0 1px var(--th-green)} html.vr-app .th-detail-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} html.vr-app .th-detail-media:has(>.th-image-inspect:only-child){grid-template-columns:1fr;max-width:700px;margin-inline:auto} html.vr-app .th-image-inspect{border-color:var(--th-line);background:var(--th-surface);border-radius:22px;padding:14px} html.vr-app .th-image-inspect .th-media.large{border-radius:16px} html.vr-app .th-instructions{padding-left:24px;max-width:900px} html.vr-app .th-instructions li{padding-bottom:18px;font-size:var(--type-16);line-height:1.65} html.vr-app .th-instructions li::marker{color:var(--th-accent)} html.vr-app .th-gym-toolbar{margin:0 0 12px} html.vr-app .th-gym-toolbar .sub{margin-top:12px;font-size:var(--type-16)} html.vr-app .th-gym-toolbar+.th-save{margin:0 0 22px;font-size:var(--type-14)} html.vr-app .th-gym-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px} html.vr-app .th-elapsed{font-variant-numeric:tabular-nums;white-space:nowrap} html.vr-app .th-elapsed strong{font-size:var(--type-20);letter-spacing:-.7px} html.vr-app .th-elapsed small{font-size:var(--type-14);color:var(--th-muted)} html.vr-app .th-scope .th-rest{position:sticky;top:70px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:10px;padding:16px;border:1px solid var(--th-line);border-radius:20px;background:var(--th-surface);margin:0 0 18px;color:var(--ui-ink,var(--ink))} html.vr-app .th-scope .th-rest[hidden]{display:none} html.vr-app .th-rest>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0;width:auto} html.vr-app .th-rest small{font-size:var(--type-14);letter-spacing:1.5px;color:var(--th-muted)} html.vr-app .th-rest strong{font-size:var(--type-28);font-weight:600} html.vr-app .th-rest [data-rest-next]{font-size:var(--type-14);line-height:1.3;max-width:180px} html.vr-app .th-rest .th-actions{width:auto;display:flex;flex-wrap:nowrap;gap:6px;margin:0;flex:0 0 auto} html.vr-app .th-rest .btn{flex:0 0 auto;min-width:44px;min-height:44px;padding:9px 10px;font-size:var(--type-14);border:0;background:var(--th-soft)} html.vr-app .th-gym-ex .th-ex-head{align-items:center;gap:15px;margin-bottom:12px} html.vr-app .th-gym-ex .th-ex-head .th-media{width:96px;height:83px;aspect-ratio:auto} html.vr-app .th-gym-ex .th-ex-head .eyebrow{font-size:var(--type-12);margin-bottom:10px;letter-spacing:1.4px} html.vr-app .th-gym-ex .th-ex-head h2{font-size:var(--type-20);letter-spacing:-.7px;line-height:1.25;margin-bottom:8px} html.vr-app .th-gym-ex .th-ex-head .sub{font-size:var(--type-14);margin-bottom:2px} html.vr-app .th-gym-ex .th-ex-head .th-text-button{font-size:var(--type-14)} html.vr-app .th-gym-context{display:flex;align-items:center;gap:12px;margin:18px 0 15px;min-width:0} html.vr-app .th-gym-context>.th-previous{padding:0;margin:0;border:0;background:transparent;flex:1;font-size:var(--type-14);line-height:1.5} html.vr-app .th-gym-context>.btn{font-size:var(--type-14);min-height:44px;padding:8px 12px;background:var(--th-soft);border:0;flex-shrink:0} html.vr-app .th-scope .th-log-set{display:grid;grid-template-columns:minmax(70px,.75fr) minmax(0,1.6fr) 45px;align-items:center;gap:10px;padding:12px 0;border-color:var(--th-line)} html.vr-app .th-set-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;margin:0;padding:0;font-size:var(--type-14);line-height:1.35;min-width:0} html.vr-app .th-set-label>strong{display:block;width:auto;height:auto;border-radius:0;background:none;line-height:1.4;font-size:var(--type-14)} html.vr-app .th-set-label>span{font-size:var(--type-14);color:var(--th-muted);font-weight:400} html.vr-app .th-set-label>small{font-size:var(--type-14);line-height:1.35;color:var(--th-muted)} html.vr-app .th-set-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;min-width:0} html.vr-app .th-set-inputs>label{gap:5px} html.vr-app .th-set-inputs label>span{font-size:var(--type-14);text-transform:uppercase;letter-spacing:.5px;line-height:1.35;color:var(--th-muted)} html.vr-app .th-set-inputs input{height:45px;min-height:45px;padding:8px 6px;font-size:var(--type-16);font-weight:600;text-align:center;border-radius:10px} html.vr-app .th-set-buttons{display:flex;flex-direction:column;gap:0;align-self:center;align-items:center;padding-top:13px;width:45px} html.vr-app .th-set-buttons>.btn:first-child{width:44px;height:44px;min-height:44px;padding:11px;border:0;border-radius:11px;background:var(--th-soft);color:var(--ui-ink,var(--ink));font-size:var(--type-14)} html.vr-app .th-log-set.is-done{background:var(--th-surface);padding:12px 0;margin-inline:0;border-color:var(--th-line)} html.vr-app .th-log-set.is-done .th-set-buttons>.btn:first-child{background:var(--th-primary);color:var(--th-on-primary);border-color:transparent} html.vr-app .th-log-set.is-done .th-set-inputs input{background:transparent;border-color:transparent;color:var(--ui-ink,var(--ink))} html.vr-app .th-log-set.is-done .th-set-label>strong{background:transparent;color:var(--ui-ink,var(--ink))} html.vr-app .th-log-set.is-skipped{opacity:.65} html.vr-app .th-set-more{position:relative;border:0;padding:0;margin:0;background:transparent;font-size:var(--type-14);min-width:36px} html.vr-app .th-scope .th-set-more>summary{display:grid;place-items:center;list-style:none;padding:6px;min-height:30px;min-width:36px;font-size:var(--type-14);cursor:pointer;letter-spacing:1px;color:var(--th-muted)} html.vr-app .th-set-more>summary::-webkit-details-marker{display:none} html.vr-app .th-set-more>.th-actions{position:absolute;right:0;top:100%;z-index:8;width:178px;max-width:calc(100vw - 64px);display:flex;flex-direction:column;gap:6px;margin:0;padding:10px;border:1px solid var(--th-line);border-radius:14px;background:var(--th-surface);box-shadow:0 10px 28px var(--color-source-101a2824)} html.vr-app .th-set-more>.th-actions>.btn{width:100%;min-height:44px;font-size:var(--type-14);border-color:var(--th-line);background:var(--th-surface);color:var(--ui-ink,var(--ink))} html.vr-app .th-gym-sidebar .th-section-head{margin:0 0 12px} html.vr-app .th-gym-sidebar .th-section-head h2{font-size:var(--type-20)} html.vr-app .th-ex-nav{display:flex;flex-direction:column;gap:0;overflow:visible;padding:0;margin:0 0 10px} html.vr-app .th-ex-nav>button{width:100%;max-width:none;border:0;border-bottom:1px solid var(--th-line);border-radius:0;padding:13px 0;min-height:76px;display:flex;align-items:center;gap:12px;background:transparent;color:var(--ui-ink,var(--ink));font:inherit} html.vr-app .th-ex-nav>button:last-child{border-bottom:0} html.vr-app .th-ex-nav>button[aria-current=step]{border-color:var(--th-line);background:transparent;font-weight:600} html.vr-app .th-ex-nav-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:var(--th-soft);font-size:var(--type-14)} html.vr-app .th-ex-nav>button[aria-current=step] .th-ex-nav-number{background:var(--th-accent-soft);color:var(--th-accent)} html.vr-app .th-ex-nav>button>span:nth-child(2){min-width:0;flex:1} html.vr-app .th-ex-nav strong{display:block;font-size:var(--type-14);line-height:1.4} html.vr-app .th-ex-nav small{display:block;font-size:var(--type-14);color:var(--th-muted);margin-top:4px} html.vr-app .th-ex-nav .th-icon{width:14px;height:14px;min-width:14px;color:var(--th-muted)} html.vr-app .th-gym-sidebar .th-session-help{font-size:var(--type-14)} html.vr-app .th-gym-sidebar>.sub{font-size:var(--type-14)} @media(min-width:900px){ html.vr-app .th-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} html.vr-app .th-program-art{aspect-ratio:1.75} html.vr-app .th-program-body{padding:20px;gap:10px} html.vr-app .th-program-name{font-size:var(--type-20)} html.vr-app .th-program-description{font-size:var(--type-14)} html.vr-app .th-program-meta{font-size:var(--type-14);padding-top:17px} html.vr-app .th-program-links{grid-template-columns:1.3fr 1fr;gap:20px} html.vr-app .th-today-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr)} html.vr-app .th-editor-layout,html.vr-app .th-gym-layout{grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr)} html.vr-app .th-editor-layout>aside,html.vr-app .th-gym-sidebar{align-self:start} html.vr-app .th-page .page-bd{padding:32px 36px} html.vr-app .th-page .page-head{padding-inline:36px} html.vr-app .th-scope .th-hero{min-height:254px;padding:28px} html.vr-app .th-scope .th-hero h2{font-size:var(--type-28)} html.vr-app [data-library-results],html.vr-app .th-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} html.vr-app .th-scope .th-library-row .th-media.large,html.vr-app .th-picker-row .th-media{aspect-ratio:1.7} html.vr-app .th-library-row strong,html.vr-app .th-picker-row strong{font-size:var(--type-16);min-height:40px} html.vr-app .th-library-row small,html.vr-app .th-picker-row small{font-size:var(--type-14)} html.vr-app .th-library-card-body{padding:17px} html.vr-app .th-set-inputs input{font-size:var(--type-20);height:49px} html.vr-app .th-set-label>small{font-size:var(--type-14)} html.vr-app .th-scope .th-log-set{grid-template-columns:minmax(86px,.75fr) minmax(0,1.6fr) 45px;gap:14px} } @media(max-width:899px){ html.vr-app .th-program-list-tools{flex-wrap:wrap} html.vr-app .th-program-list-tools>.th-chips{order:2;flex-basis:100%} html.vr-app .th-program-list-tools>.btn{margin-left:auto;margin-top:-4px;margin-bottom:3px;font-size:var(--type-14);min-height:43px} html.vr-app .th-library-tools{flex-wrap:wrap;gap:10px} html.vr-app .th-library-tools>.th-chips{width:100%} html.vr-app .th-library-tools>.fld{width:100%;max-width:none} html.vr-app .th-library-tools>.fld select{font-size:var(--type-14)} html.vr-app .th-page .page-bd{padding:24px 20px 28px} html.vr-app .th-page .page-head{padding:14px 20px} html.vr-app .th-scope .th-sticky-actions{bottom:0} html.vr-app .th-day-layout>aside{margin-top:0} html.vr-app .th-editor-note{display:block} html.vr-app .th-day-card{flex-direction:row} html.vr-app .th-today-sidebar{display:grid;grid-template-columns:1fr;gap:0} } @media(max-width:400px){ html.vr-app .th-scope .th-hub-heading h1,html.vr-app .th-scope .th-editor-heading h1,html.vr-app .th-scope .th-gym-toolbar h1{font-size:var(--type-28)} html.vr-app .th-tabs{gap:20px} html.vr-app .th-tabs button{font-size:var(--type-14)} html.vr-app .th-scope .card{padding:16px} html.vr-app .th-scope .th-hero{padding:21px;min-height:218px} html.vr-app .th-program-grid{gap:10px} html.vr-app .th-program-body{padding:13px} html.vr-app .th-program-meta{font-size:var(--type-14)} html.vr-app .th-program-name{font-size:var(--type-16)} html.vr-app .th-program-ex .th-ex-head .th-media{width:65px;height:62px} html.vr-app .th-gym-ex .th-ex-head .th-media{width:77px;height:76px} html.vr-app .th-gym-ex .th-ex-head h2{font-size:var(--type-20)} html.vr-app .th-log-set{grid-template-columns:62px minmax(0,1fr) 42px!important;gap:8px!important} html.vr-app .th-set-inputs{gap:6px} html.vr-app .th-page .page-bd{padding:22px 16px} html.vr-app .th-program-ex .th-ex-head{gap:9px} html.vr-app .th-scope .th-icon-button{min-width:32px;width:32px;padding:6px} } @media(max-height:600px){html.vr-app .th-scope .th-rest,html.vr-app .th-scope .th-sticky-actions{position:static}} @media(prefers-reduced-motion:reduce){html.vr-app .th-scope *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* Clear inherited pre-redesign grid placement and button minimums. */ html.vr-app .th-set-buttons{grid-column:auto;grid-row:auto} html.vr-app .th-set-label{align-self:center;padding-top:0} html.vr-app .th-scope .th-hub-heading>.btn.th-icon-button{width:44px;min-width:44px;max-width:44px;padding:10px} html.vr-app .th-scope .btn.th-text-button{border-color:transparent;background:transparent;padding:7px 0;color:var(--ui-ink,var(--ink))} html.vr-app .th-scope .th-create-button{min-width:130px;max-width:155px;flex-shrink:0} html.vr-app .th-program-list-tools{margin-bottom:18px} html.vr-app .th-library-tools{flex-wrap:nowrap} html.vr-app .th-library-tools>.th-chips{width:auto;flex:1} html.vr-app .th-library-all-equipment{position:relative;flex:0 0 44px;min-width:44px} html.vr-app .th-library-all-equipment>summary{display:grid;place-items:center;list-style:none;min-height:44px;padding:10px;border-radius:12px;border:1px solid var(--th-line);background:var(--th-surface)} html.vr-app .th-library-all-equipment>summary::-webkit-details-marker{display:none} html.vr-app .th-library-all-equipment>.fld{position:absolute;right:0;top:48px;width:240px;max-width:calc(100vw - 48px);padding:15px;border:1px solid var(--th-line);border-radius:15px;background:var(--th-surface);box-shadow:0 10px 30px var(--color-source-17253620);z-index:7} @media(max-width:650px){html.vr-app .th-scope .th-hub-heading:has(.th-create-button) h1{font-size:var(--type-28)}html.vr-app .th-scope .th-hub-heading:has(.th-create-button){flex-wrap:wrap;position:relative;padding-right:0}html.vr-app .th-scope .th-hub-heading:has(.th-create-button)>div{width:100%}html.vr-app .th-scope .th-hub-heading>.th-create-button{position:absolute;top:0;right:0;min-width:124px;max-width:130px;min-height:42px;font-size:var(--type-14);padding:8px 10px}html.vr-app .th-scope .th-hub-heading:has(.th-create-button) .eyebrow{margin-bottom:18px}} html.vr-app .th-scope .th-log-set{grid-template-columns:58px minmax(0,1fr) 44px 44px;gap:8px;padding-block:10px} html.vr-app .th-log-set .th-set-buttons{display:contents} html.vr-app .th-log-set .th-set-buttons>.btn:first-child{grid-column:3;grid-row:1;align-self:center} html.vr-app .th-log-set .th-set-buttons>.th-set-more{grid-column:4;grid-row:1;width:44px;min-width:44px;align-self:center} html.vr-app .th-log-set .th-set-more>summary{width:44px;min-width:44px;min-height:44px} html.vr-app .th-log-set:not(:first-child) .th-set-inputs label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} @media(min-width:900px){html.vr-app .th-scope .th-log-set{grid-template-columns:90px minmax(0,1fr) 44px 44px;gap:12px}} @media(max-width:400px){html.vr-app .th-scope .th-log-set{grid-template-columns:50px minmax(0,1fr) 44px 44px!important;gap:6px!important}} html.vr-app .th-hero{background:var(--ui-hero,var(--color-source-192a3a))} html.vr-app .th-hero.th-has-art::after{background:linear-gradient(90deg,var(--ui-hero,var(--color-source-192a3a)) 0%,var(--ui-hero,var(--color-source-192a3a)) 39%,transparent 79%)} html.vr-app .th-log-set.is-done .th-set-buttons>.btn:first-child{color:var(--th-on-primary)} /* Home mounts the same catalog media independently of its surrounding layout. */ html.vr-app .ui-home-hero-art>.th-media.large{width:100%;height:100%;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;padding:8px;border:0;border-radius:0} /* v1.3.5: gym controls belong to the viewport, in both existing views. */ html.vr-app .th-route-gym{--gym-controls-height:94px;padding-bottom:calc(var(--gym-controls-height) + 24px);scroll-padding-bottom:calc(var(--gym-controls-height) + 24px)} html.vr-app .th-scope .th-gym-controls{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:10px;align-items:stretch;margin:0;padding:12px max(16px,calc((100vw - 1064px)/2)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--th-line,var(--rule));background:var(--th-surface,var(--paper))} html.vr-app .th-scope .th-gym-controls>.btn{flex:1 1 0;min-width:0;min-height:48px;margin:0} html.vr-app .th-log-set .th-set-buttons>.th-set-menu-button{grid-column:4;grid-row:1;align-self:center;width:44px;height:44px;padding:0} html.vr-app .th-gym-menu .th-section-head{gap:12px;align-items:center} html.vr-app .th-gym-menu .th-section-head>h2{font-size:var(--type-20);margin:0;flex:1} html.vr-app .th-gym-menu-actions{display:grid;gap:10px} html.vr-app .th-gym-menu-actions>.btn{width:100%;margin:0;min-height:48px;text-align:left} html.vr-app .th-gym-ex input[data-actual="loadKg"]::placeholder{color:var(--th-muted,var(--ink-faint));opacity:1} /* Native desktop steppers must not obscure a remembered decimal at 360px. */ html.vr-app .th-gym-ex input[type="number"]{appearance:textfield;-moz-appearance:textfield} html.vr-app .th-gym-ex input[type="number"]::-webkit-inner-spin-button, html.vr-app .th-gym-ex input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} /* v1.7.0-a: quiet headings and row-level context, using the existing record model. */ html.vr-app .th-scope .th-hub-heading{margin:0 0 16px} html.vr-app .th-scope .th-hub-heading h1, html.vr-app .th-scope .th-editor-heading h1{font-size:var(--type-28);font-weight:600;line-height:1.2;letter-spacing:-.5px} html.vr-app .th-tab-toolbar{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;min-width:0} html.vr-app .th-tab-toolbar .th-tabs{flex:1;min-width:0;margin:0;gap:4px;padding:6px;border:0;border-radius:14px;background:var(--card-2);scroll-padding-inline:6px} html.vr-app .th-tab-toolbar .th-tabs button{min-height:44px;padding:8px 14px;border:0;border-radius:10px;font-weight:400;color:var(--ink-soft);background:transparent} html.vr-app .th-tab-toolbar .th-tabs button[aria-current=page]{border:0;background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 8%,transparent)} html.vr-app .th-tab-toolbar .th-tabs button:focus-visible{outline:2px solid var(--amber);outline-offset:-3px} @media(hover:hover){html.vr-app .th-tab-toolbar .th-tabs button:hover:not([aria-current=page]){background:var(--card);color:var(--ink);border:0}} html.vr-app .th-tab-toolbar>.th-icon-button{width:44px;min-width:44px;height:44px;padding:10px;flex:0 0 44px} html.vr-app .th-program-create{margin:0 0 16px} html.vr-app .th-save[hidden]{display:none!important} html.vr-app .th-gym-context{justify-content:flex-end;margin:12px 0} html.vr-app .th-scope .th-log-set{grid-template-columns:40px 58px minmax(0,1fr) 44px 44px;gap:6px} html.vr-app .th-set-previous{min-width:0;display:flex;flex-direction:column;gap:5px;align-self:center;color:var(--th-muted)} html.vr-app .th-set-previous>span{font-size:var(--type-14);line-height:1.35} html.vr-app .th-set-previous>small{font-size:var(--type-14);line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} html.vr-app .th-log-set:not(:first-child) .th-set-previous>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} html.vr-app .th-log-set .th-set-buttons>.btn:first-child{grid-column:4} html.vr-app .th-log-set .th-set-buttons>.th-set-menu-button{grid-column:5} html.vr-app .th-log-set.is-current{background:var(--th-surface);outline:1px solid var(--th-primary);outline-offset:0;border-radius:10px} html.vr-app .th-log-set.is-current .th-set-buttons>.btn:first-child{background:var(--th-primary);color:var(--th-on-primary)} @media(min-width:900px){html.vr-app .th-scope .th-log-set{grid-template-columns:90px 90px minmax(0,1fr) 44px 44px;gap:12px}} @media(max-width:400px){html.vr-app .th-scope .th-log-set{grid-template-columns:36px 54px minmax(0,1fr) 44px 44px!important;gap:6px!important}} /* Keep full load values readable when Previous is present on a phone. */ @media(max-width:650px){ html.vr-app .th-scope .th-log-set{grid-template-columns:64px minmax(0,1fr) 44px 44px!important;gap:8px 6px!important} html.vr-app .th-log-set .th-set-label{grid-column:1/-1;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 10px} html.vr-app .th-set-label>span,html.vr-app .th-set-label>small{font-size:var(--type-14);line-height:1.5} html.vr-app .th-log-set .th-set-previous{grid-column:1;grid-row:2} html.vr-app .th-log-set .th-set-inputs{grid-column:2;grid-row:2} html.vr-app .th-log-set .th-set-buttons>.btn:first-child{grid-column:3;grid-row:2} html.vr-app .th-log-set .th-set-buttons>.th-set-menu-button{grid-column:4;grid-row:2} } /* v1.7.0-b: scoped layout polish. */ html.vr-app .th-week-structure{padding:0;border:0;background:none;display:flex;justify-content:flex-end;margin-bottom:12px} .th-program-menu>summary,.th-ex-overflow>summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;list-style:none;cursor:pointer;border:1px solid var(--th-line);border-radius:var(--r)} .th-program-menu{position:relative}.th-program-menu[open]{width:100%;padding:12px;background:var(--th-surface)} html.vr-app .th-gym-list .th-ex-head{display:flex;align-items:center;gap:12px} html.vr-app .th-gym-list .th-ex-head>.th-media{width:44px;height:44px;min-width:44px;flex:0 0 44px;border-radius:8px} html.vr-app .th-gym-list .th-ex-head>div{flex:1;min-width:0} html.vr-app .th-gym-list .th-ex-head h2{font-size:var(--type-20);font-weight:600;line-height:1.2} html.vr-app .th-gym-list .th-ex-overflow{position:relative;flex:0 0 44px} .th-ex-overflow[open]>div{position:absolute;right:0;top:48px;min-width:180px;z-index:3;display:grid;gap:8px;padding:12px;border:1px solid var(--th-line);border-radius:var(--r);background:var(--th-surface)} html.vr-app .th-gym-list .th-suggestion{border-radius:22px;margin:16px 0;background:var(--th-surface)} html.vr-app .th-gym-list .th-log-set{grid-template-columns:44px 54px minmax(0,1fr) 44px!important;gap:4px!important;align-items:start;padding:8px 0} html.vr-app .th-gym-list .th-log-set .th-set-label{grid-column:1;grid-row:1;display:block;align-self:center} html.vr-app .th-gym-list .th-set-number{width:44px;height:44px;padding:0;font-weight:600;border:0} html.vr-app .th-gym-list .th-log-set .th-set-previous{grid-column:2;grid-row:1;align-self:center} html.vr-app .th-gym-list .th-log-set .th-set-inputs{grid-column:3;grid-row:1;display:flex;gap:4px;min-width:0;flex-wrap:wrap} html.vr-app .th-gym-list .th-set-inputs label{flex:1 1 40%;min-width:0;margin:0} html.vr-app .th-gym-list .th-set-inputs input{width:100%;min-width:0;height:44px;min-height:44px;font-size:var(--type-16);padding:8px 2px;text-align:center} html.vr-app .th-gym-list .th-set-inputs label>span{font-size:var(--type-14);line-height:1.3;white-space:nowrap} html.vr-app .th-gym-list .th-log-set .th-set-buttons>.btn:first-child{grid-column:4;grid-row:1;align-self:center;width:44px;height:44px;padding:0} html.vr-app .th-gym-list .th-rep-target{display:block;color:var(--th-muted);font-size:var(--type-14);text-align:center;margin-top:4px} html.vr-app .th-gym-list .th-rest:not([hidden]){position:fixed;top:auto;height:auto;min-height:0;z-index:9;bottom:var(--gym-controls-height,94px);left:0;right:0;margin:0;padding:14px max(16px,calc((100vw - 1064px)/2));background:var(--th-surface);border-top:1px solid var(--th-line);border-radius:16px 16px 0 0} html.vr-app .th-gym-list{padding-bottom:130px} @media(min-width:900px){html.vr-app .th-gym-list .th-log-set{grid-template-columns:44px 90px minmax(0,1fr) 44px!important;gap:12px!important}} html.vr-app .th-gym-list .th-set-heading{display:grid;grid-template-columns:44px 54px minmax(0,1fr) 44px;gap:4px;margin-top:16px;color:var(--th-muted);font-size:var(--type-12);align-items:center} .th-set-heading>span{text-align:center}.th-set-heading>span:nth-child(3){display:flex}.th-set-heading i{font-style:normal;flex:1} html.vr-app .th-gym-list .th-set-inputs label>span,html.vr-app .th-gym-list .th-set-previous>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} @media(min-width:900px){html.vr-app .th-gym-list .th-set-heading{grid-template-columns:44px 90px minmax(0,1fr) 44px;gap:12px}} html.vr-app .th-program-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.th-program-heading .th-program-menu[open]{flex:1;width:auto}.th-program-heading .th-program-menu>summary{margin-left:auto;width:44px} /* Keep the exercise readable at phone widths: full art in its own column, without a faded overlay behind the workout name or controls. */ html.vr-app #p-train .th-today-main>.th-hero.th-has-art{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:0;padding:0;min-height:180px;border:1px solid var(--ui-line)} html.vr-app #p-train .th-today-main>.th-hero.th-has-art>.th-hero-copy{grid-column:1;grid-row:1;align-self:center;max-width:none;padding:18px;min-width:0} html.vr-app #p-train .th-today-main>.th-hero.th-has-art>.th-hero-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:100%;min-height:180px;opacity:1;background:var(--ui-art)} html.vr-app #p-train .th-today-main>.th-hero.th-has-art>.th-hero-art .th-media.large{padding:8px;object-fit:contain;object-position:center;background:var(--ui-art)} @media(max-width:600px){html.vr-app #p-train .th-today-main>.th-hero.th-has-art .th-hero-copy>.btn .th-icon{display:none}} /* Explicit shortcuts keep remembered work separate from completed work. */ .th-quick-load,.th-set-saved{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0} .th-quick-load .sub{flex:1 1 180px;font-size:var(--type-14);line-height:1.5} .th-set-saved{justify-content:space-between;padding:8px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--card-2)} .th-set-saved .btn,.th-quick-load .btn{min-height:44px;white-space:normal} /* Full-width entry fields stay legible on narrow phones and with larger text. */ @media(max-width:650px){ html.vr-app .th-scope .th-gym-focus .th-log-set{grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:10px 8px!important} html.vr-app .th-gym-focus .th-log-set .th-set-label{grid-column:1/-1;grid-row:1} html.vr-app .th-gym-focus .th-log-set .th-set-inputs{grid-column:1/-1;grid-row:2} html.vr-app .th-gym-focus .th-log-set .th-set-previous{grid-column:1;grid-row:3;flex-direction:row;flex-wrap:wrap;gap:5px 8px} html.vr-app .th-gym-focus .th-log-set .th-set-buttons>.btn:first-child{grid-column:2;grid-row:3} html.vr-app .th-gym-focus .th-log-set .th-set-buttons>.th-set-menu-button{grid-column:3;grid-row:3} html.vr-app .th-gym-focus .th-log-set .th-set-previous>span,html.vr-app .th-gym-focus .th-log-set .th-set-inputs label>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal} } /* Whole-workout mode keeps complete decimal values and their labels visible. The bottom spacer follows the actual rest panel, including larger text. */ html.vr-app .th-gym-list{padding-bottom:calc(var(--gym-rest-height,0px) + 20px)} html.vr-app .th-ex-nav>button>span:nth-child(2){min-width:0} html.vr-app .th-ex-nav strong{overflow-wrap:anywhere} @media(max-width:650px){ html.vr-app .th-scope .th-rest{flex-wrap:wrap} html.vr-app .th-rest>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:1 1 100%;gap:6px 12px} html.vr-app .th-rest strong{grid-column:2;grid-row:1} html.vr-app .th-rest [data-rest-next]{grid-column:1/-1;grid-row:2;max-width:none} html.vr-app .th-rest .th-actions{width:100%;gap:8px} html.vr-app .th-rest .btn{flex:1;min-width:44px} html.vr-app .th-gym-list .th-set-heading{display:none} html.vr-app .th-gym-list .th-log-set{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:10px 8px!important;padding:12px 0} html.vr-app .th-gym-list .th-log-set .th-set-label{grid-column:1;grid-row:1} html.vr-app .th-gym-list .th-log-set .th-set-previous{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:wrap;gap:4px 8px} html.vr-app .th-gym-list .th-log-set .th-set-inputs{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0} html.vr-app .th-gym-list .th-log-set .th-set-buttons>.btn:first-child{grid-column:3;grid-row:1} html.vr-app .th-gym-list .th-set-inputs input{padding:8px;min-height:48px;height:auto;font-size:var(--type-20)} html.vr-app .th-gym-list .th-set-inputs label>span,html.vr-app .th-gym-list .th-set-previous>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal} } /* Daylight / Performance: a workout instrument, using the chosen app theme. */ html.vr-app .th-scope .dl-gym .dl-exercise-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin:0 0 2px} html.vr-app .th-scope .dl-gym .dl-exercise-tools>.btn{min-width:44px;min-height:44px;border:0;background:transparent;font-size:var(--type-12);padding:6px 0} html.vr-app .th-scope .dl-training-today .th-hero .btn{background:var(--day-accent,var(--amber));color:var(--day-accent-ink,var(--color-ink));font-weight:600} html.vr-app .th-scope{--th-surface:var(--day-surface,var(--card));--th-soft:var(--day-soft,var(--card-2));--th-line:var(--day-line,var(--rule));--th-muted:var(--day-muted,var(--ink-soft));--th-primary:var(--day-accent,var(--amber));--th-on-primary:var(--day-accent-ink,var(--color-ink))} html.vr-app .page.th-route-gym{background:var(--day-bg,var(--paper));scroll-padding-top:90px} html.vr-app .page.th-route-gym .page-head{background:var(--th-surface,var(--card));border-bottom:1px solid var(--day-line,var(--rule))} html.vr-app .page.th-route-gym .page-head h2{font-size:var(--type-20);font-weight:600;letter-spacing:-.5px} html.vr-app .page.th-route-gym .page-bd{padding-top:16px} html.vr-app .th-scope .dl-gym{align-items:start;padding-bottom:0;color:var(--day-ink,var(--ink))} html.vr-app .th-scope .dl-gym .th-gym-intro{margin:0 0 16px;gap:12px;align-items:center} html.vr-app .th-scope .dl-gym .th-state-active{padding:0;border:0;border-radius:0;background:none;color:var(--th-muted);letter-spacing:0;font-size:var(--type-14)} html.vr-app .th-scope .dl-gym .card{border-radius:12px;box-shadow:none;padding:18px;margin-bottom:14px;background:var(--th-surface)} html.vr-app .th-scope .dl-gym .th-ex-head{align-items:center;gap:12px;margin-bottom:8px} html.vr-app .th-scope .dl-gym .th-ex-head h2{font-size:var(--type-20);line-height:1.3;letter-spacing:-.45px;margin:0 0 4px} html.vr-app .th-scope .dl-gym .th-ex-head .eyebrow{font-size:var(--type-12);letter-spacing:.4px;line-height:1.4;margin-bottom:6px} html.vr-app .th-scope .dl-gym .th-ex-head .th-media{width:68px;height:78px;min-width:68px;flex:0 0 68px;object-fit:contain;border-radius:8px;padding:3px;background:var(--th-soft);border-color:var(--th-line)} html.vr-app .th-scope .dl-gym .th-ex-head .th-text-button{font-size:var(--type-12);min-height:44px;text-align:left;padding:5px 0} html.vr-app .th-scope .dl-gym .th-gym-context{justify-content:flex-end;margin:0 0 8px} html.vr-app .th-scope .dl-gym .th-gym-context>.btn{min-height:44px;padding:6px 12px;font-size:var(--type-12);background:transparent} html.vr-app .th-scope .dl-gym .th-quick-load{margin:10px 0 14px;gap:8px} html.vr-app .th-scope .dl-gym .th-quick-load .sub{font-size:var(--type-12);line-height:1.5;margin:0} html.vr-app .th-scope .dl-gym .th-suggestion{margin:12px 0;border-radius:8px;background:var(--th-soft)} html.vr-app .th-scope .dl-gym .dl-set-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:16px 0 6px;color:var(--th-muted);font-size:var(--type-12);line-height:1.5;align-items:center} html.vr-app .th-scope .dl-gym .dl-set-heading>span{text-align:center} html.vr-app .th-scope .dl-gym .dl-set-heading>span:nth-child(2){display:flex;gap:8px} html.vr-app .th-scope .dl-gym .dl-set-heading i{flex:1;min-width:0;font-style:normal;overflow-wrap:anywhere} html.vr-app .th-scope .dl-gym .dl-set-heading>span:nth-child(3){display:block} html.vr-app .th-scope .dl-gym .dl-set-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:3px 8px!important;align-items:center;padding:7px 0;border-top:1px solid var(--th-line);border-bottom:0;border-radius:0;outline:0} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-label{display:block;grid-column:1;grid-row:1;align-self:center;padding:0} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-number{display:grid;place-items:center;width:44px;min-width:44px;height:48px;min-height:48px;padding:0;font-size:var(--type-16);font-weight:600;border:0;background:none;color:inherit;border-radius:8px} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--set-fields,2),minmax(0,1fr));gap:8px;min-width:0;margin:0} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs>label{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs label>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs input{width:100%;min-width:0;height:48px;min-height:48px;padding:7px 3px;text-align:center;font-size:var(--type-20);font-weight:600;line-height:1.3;border:1px solid var(--th-line);border-radius:7px;background:var(--day-bg,var(--paper));color:var(--day-ink,var(--ink))} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-buttons{display:contents} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-buttons>.btn:first-child{grid-column:3;grid-row:1;align-self:center;width:44px;height:48px;min-height:48px;min-width:44px;padding:10px;border:1px solid var(--th-line);border-radius:7px;background:transparent;color:var(--th-muted)} html.vr-app .th-scope .dl-gym .dl-set-row.is-current{padding-inline:0;background:color-mix(in srgb,var(--th-primary) 11%,var(--th-surface));box-shadow:inset 3px 0 var(--th-primary);border-radius:8px} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-number{color:var(--day-accent-text,var(--ink))} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-inputs input{border-color:color-mix(in srgb,var(--th-primary) 65%,var(--th-line));background:color-mix(in srgb,var(--th-primary) 5%,var(--day-bg,var(--paper)))} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-buttons>.btn:first-child,html.vr-app .th-scope .dl-gym .dl-set-row.is-done .th-set-buttons>.btn:first-child{background:var(--th-primary);color:var(--th-on-primary);border-color:var(--th-primary)} html.vr-app .th-scope .dl-gym .dl-set-row:not(.is-done):not(.is-current) .th-set-buttons>.btn:first-child .th-icon{opacity:.45} html.vr-app .th-scope .dl-gym .dl-set-row.is-skipped{opacity:.68} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-previous{grid-column:2;grid-row:2;display:flex;flex-direction:row;align-items:baseline;gap:5px;margin:0;color:var(--th-muted)} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-previous>span,html.vr-app .th-scope .dl-gym .dl-set-row .th-set-previous>small{position:static;width:auto;height:auto;padding:0;clip:auto;overflow:visible;white-space:normal;font-size:var(--type-12);line-height:1.4} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-previous.is-empty{display:none} html.vr-app .th-scope .dl-gym .dl-set-heading-extended>span:nth-child(2){visibility:hidden} html.vr-app .th-scope .dl-gym .dl-set-extended .th-set-inputs label>span{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:var(--type-12);line-height:1.4} html.vr-app .th-scope .dl-gym .th-ex-footer{margin:10px 0 0;padding:0;border:0;align-items:center;gap:8px} html.vr-app .th-scope .dl-gym .th-ex-footer .sub{font-size:var(--type-12);margin:0;text-align:right} html.vr-app .th-scope .dl-gym .th-advanced{margin-top:8px;border-top:1px solid var(--th-line)} html.vr-app .th-scope .dl-gym .th-advanced>summary{font-weight:400;font-size:var(--type-12);padding:12px 0} html.vr-app .th-scope .dl-gym .dl-rest:not([hidden]){position:static;display:block;inset:auto;min-height:0;height:auto;padding:14px 16px;margin:14px 0;border:1px solid var(--th-line);border-radius:12px;background:var(--th-surface);color:var(--day-ink,var(--ink));box-shadow:none} html.vr-app .th-scope .dl-gym .dl-rest .dl-rest-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%} html.vr-app .th-scope .dl-gym .dl-rest small{font-size:var(--type-14);letter-spacing:0;font-weight:400} html.vr-app .th-scope .dl-gym .dl-rest .dl-rest-skip{min-height:44px;padding:6px 10px;border:0;background:transparent;color:var(--th-muted);font-size:var(--type-12)} html.vr-app .th-scope .dl-gym .dl-rest-clock{display:grid;grid-template-columns:minmax(44px,1fr) 116px minmax(44px,1fr);align-items:center;gap:12px;margin:-4px 0 8px} html.vr-app .th-scope .dl-gym .dl-rest-clock .th-actions{display:flex;justify-content:center;margin:0;width:auto;gap:0} html.vr-app .th-scope .dl-gym .dl-rest-clock .btn{flex:0 1 76px;width:auto;min-width:44px;min-height:48px;padding:8px;font-size:var(--type-16);background:var(--th-soft)} html.vr-app .th-scope .dl-gym .dl-rest-dial{display:grid;place-items:center;position:relative;width:116px;height:116px} html.vr-app .th-scope .dl-gym .dl-rest-dial>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)} html.vr-app .th-scope .dl-gym .dl-rest-dial circle{fill:none;stroke:var(--th-line);stroke-width:6} html.vr-app .th-scope .dl-gym .dl-rest-dial .dl-rest-arc{stroke:var(--th-primary);stroke-linecap:round;stroke-dasharray:var(--rest-progress,100) 100;transition:none} html.vr-app .th-scope .dl-gym .dl-rest strong{grid-area:auto;display:block;font-size:var(--type-28);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px} html.vr-app .th-scope .dl-gym .dl-rest [data-rest-next]{display:block;grid-area:auto;max-width:none;text-align:center;font-size:var(--type-12);line-height:1.5;color:var(--th-muted)} /* Whole-workout view keeps an active rest within reach while the list scrolls. The observed panel height reserves real space above the workout controls. */ html.vr-app .th-scope .dl-gym.th-gym-list{padding-bottom:calc(var(--gym-rest-height,0px) + 20px)} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest:not([hidden]){position:fixed;z-index:9;left:0;right:0;top:auto;bottom:var(--gym-controls-height,94px);margin:0;padding:8px max(16px,calc((100vw - 1064px)/2)) 12px;border-radius:12px 12px 0 0;border-bottom:0} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest-clock{grid-template-columns:minmax(44px,1fr) 96px minmax(44px,1fr);margin:-6px 0 4px} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest-dial{width:96px;height:96px} html.vr-app .th-scope .dl-gym .dl-next-exercise{display:flex;align-items:center;gap:12px;width:100%;min-height:84px;padding:12px 16px;margin:14px 0;border:1px solid var(--th-line);border-radius:12px;background:var(--th-surface);color:inherit;text-align:left;font:inherit} html.vr-app .th-scope .dl-gym .dl-next-exercise>.th-media{width:58px;height:58px;min-width:58px;object-fit:contain;background:var(--th-soft);border-color:var(--th-line)} html.vr-app .th-scope .dl-gym .dl-next-exercise>span{flex:1;min-width:0} html.vr-app .th-scope .dl-gym .dl-next-exercise small{display:block;margin-bottom:4px;color:var(--th-muted);font-size:var(--type-12)} html.vr-app .th-scope .dl-gym .dl-next-exercise strong{display:block;font-size:var(--type-16);line-height:1.4;overflow-wrap:anywhere} html.vr-app .th-scope .dl-gym .th-set-saved{padding:4px 12px;margin:0 0 12px;border-radius:8px;background:var(--th-soft);font-size:var(--type-12)} html.vr-app .th-scope .dl-gym .th-set-saved .btn{background:transparent;border:0;font-size:var(--type-12)} html.vr-app .th-scope .dl-gym .th-ex-nav>button{border-radius:8px;background:transparent} html.vr-app .th-scope .dl-gym .th-ex-nav>button[aria-current=step]{border-color:var(--th-primary);background:color-mix(in srgb,var(--th-primary) 9%,var(--th-surface))} html.vr-app .th-scope .dl-gym .th-gym-sidebar .card h2,html.vr-app .th-scope .dl-gym .th-gym-sidebar .card h3{font-size:var(--type-16);letter-spacing:-.3px} html.vr-app .th-scope .dl-gym .th-gym-sidebar .th-section-head{margin:0 0 10px;flex-direction:row;align-items:center;gap:12px} html.vr-app .page.th-route-gym .th-gym-controls{background:var(--day-bg,var(--paper));border-color:var(--th-line);gap:12px} html.vr-app .page.th-route-gym .th-gym-controls>.btn{font-size:var(--type-14);background:var(--th-surface);color:var(--day-ink,var(--ink));border-color:var(--th-line);border-radius:10px} html.vr-app .page.th-route-gym .th-gym-controls>.dl-finish{font-weight:600;background:var(--th-soft)} html.vr-app .dl-training-today .th-hero,html.vr-app #p-train .dl-training-today .th-hero.th-has-art{border-radius:16px;border:1px solid var(--th-line);background:var(--th-surface);color:var(--day-ink,var(--ink));min-height:190px;box-shadow:var(--day-shadow,none)} html.vr-app .dl-training-today .th-hero::after{display:none} html.vr-app .dl-training-today .th-hero .eyebrow{color:var(--th-muted);font-size:var(--type-12);letter-spacing:1px} html.vr-app .dl-training-today .th-hero h2{font-size:var(--type-28);line-height:1.15;letter-spacing:-.7px} html.vr-app .dl-training-today .th-hero p:not(.eyebrow){font-size:var(--type-14);line-height:1.55;color:var(--th-muted);margin:10px 0 18px} html.vr-app .dl-training-today .th-today-exercises{display:grid;gap:0;border-block:1px solid var(--th-line)} html.vr-app .dl-training-today .th-today-exercise{border:0;border-bottom:1px solid var(--th-line);border-radius:0;padding:12px 0;background:transparent;min-height:82px} html.vr-app .dl-training-today .th-today-exercise:last-child{border-bottom:0} html.vr-app .dl-training-today .th-today-exercise>.th-media{width:56px;height:56px;object-fit:contain;border-radius:8px;background:var(--th-soft)} html.vr-app .dl-training-today .th-today-exercise small{font-size:var(--type-12);line-height:1.5;margin-top:4px} html.vr-app .dl-training-today .th-section-head{flex-direction:row;align-items:center;gap:12px;margin:24px 0 12px} html.vr-app .dl-training-today .th-section-head h2{font-size:var(--type-16);margin:0} html.vr-app .dl-training-today .th-section-head .btn{font-size:var(--type-12)} html.vr-app .dl-training-today .th-today-sidebar .card{border-radius:16px;box-shadow:none;padding:20px} html.vr-app .dl-training-today .th-today-sidebar h2,html.vr-app .dl-training-today .th-today-sidebar h3{font-size:var(--type-20);line-height:1.3;letter-spacing:-.4px} html.vr-app .dl-training-today .th-quick-actions .btn{background:var(--th-surface);color:var(--day-ink,var(--ink));border:1px solid var(--th-line)} @media(min-width:900px){html.vr-app .th-scope .dl-gym{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px}html.vr-app .th-scope .dl-gym .card{padding:24px}html.vr-app .th-scope .dl-gym .dl-rest-clock{grid-template-columns:1fr 128px 1fr}html.vr-app .th-scope .dl-gym .dl-rest-dial{width:128px;height:128px}} @media(max-width:400px){html.vr-app .th-scope .dl-gym .card{padding:14px}html.vr-app .th-scope .dl-gym .dl-rest-clock{gap:8px;grid-template-columns:minmax(44px,1fr) 108px minmax(44px,1fr)}html.vr-app .th-scope .dl-gym .dl-rest-dial{width:108px;height:108px}html.vr-app .th-scope .dl-gym .th-ex-head .th-media{width:56px;min-width:56px;flex-basis:56px;height:66px}html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs input{font-size:var(--type-16)}html.vr-app .dl-training-today .th-section-head{flex-wrap:wrap}} /* Approved Performance composition: live exercise art beside the set table. */ html.vr-app .th-page .th-form-grid>.fld{align-self:end} html.vr-app .th-page:not(.th-route-gym) .page-head{gap:7px;padding:12px;border:0;background:var(--day-bg,var(--paper))} html.vr-app .th-page:not(.th-route-gym) .page-head .pback{width:44px;height:44px;padding:0;border:0;background:none;font-size:calc(var(--type-28)*1.142857);font-weight:400;color:var(--day-ink)} html.vr-app .th-page:not(.th-route-gym) .page-head h2{font-size:var(--type-20);font-weight:600;line-height:1.25;letter-spacing:-.35px;white-space:normal;overflow-wrap:anywhere} html.vr-app .th-page:not(.th-route-gym) .th-scope .card,html.vr-app .th-page:not(.th-route-gym) .th-picker-row{border-radius:12px;box-shadow:none} html.vr-app .page.th-route-gym{padding-bottom:80px;scroll-padding-bottom:90px} html.vr-app .page.th-route-gym .page-bd{padding:12px 12px 24px} html.vr-app .page.th-route-gym .page-head{border:0;background:var(--day-bg,var(--paper))} html.vr-app .page.th-route-gym .page-head h2{line-height:1.25;text-align:left;overflow:visible;white-space:normal} html.vr-app .page.th-route-gym .dl-workout-progress{display:block;margin-top:3px;font-size:var(--type-14);font-weight:400;letter-spacing:0;line-height:1.35;color:var(--th-muted)} html.vr-app .page.th-route-gym .page-head{gap:6px;padding:12px 14px 10px} html.vr-app .page.th-route-gym .page-head .pback{width:44px;height:44px;padding:0;border:0;background:none;font-size:calc(var(--type-28)*1.142857);font-weight:400;color:var(--day-ink)} html.vr-app .page.th-route-gym .page-head h2{flex:1;margin:0;font-size:var(--type-20);font-weight:600;min-width:0} html.vr-app .page.th-route-gym .dl-gym-account{display:flex;align-items:center;gap:8px} html.vr-app .page.th-route-gym .dl-gym-account>button{display:flex!important;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--day-accent)} html.vr-app .page.th-route-gym .dl-gym-account .mm-leaderboard-top svg{width:25px;height:25px} html.vr-app .page.th-route-gym .dl-gym-account .prof-chip-copy{display:none} html.vr-app .page.th-route-gym .dl-gym-account .av{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:var(--day-ink);background:var(--day-soft);font:600 var(--type-16)/1 var(--sans)} html.vr-app .page.th-route-gym>.dl-gym-nav{position:fixed;left:0;right:0;bottom:0;z-index:11;display:flex!important;width:100%;max-width:none;margin:0;padding:7px 8px calc(9px + env(safe-area-inset-bottom));border:1px solid var(--day-line);border-radius:12px 12px 0 0;background:var(--day-bg)} html.vr-app .page.th-route-gym>.dl-gym-nav button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:46px;padding:0;border:0;background:none;color:var(--day-muted);font:400 var(--type-12)/1.2 var(--sans)} html.vr-app .page.th-route-gym>.dl-gym-nav button svg{width:23px;height:23px;stroke-width:1.8} html.vr-app .page.th-route-gym>.dl-gym-nav button[aria-current=page]{color:var(--day-accent-text)} html.vr-app .th-scope .dl-gym{gap:0} html.vr-app .th-scope .dl-gym .dl-exercise{overflow:hidden;padding:0;margin:0 0 10px;border:1px solid var(--th-line);border-radius:12px;background:var(--th-surface)} html.vr-app .th-scope .dl-gym .dl-exercise .th-ex-head{display:flex;align-items:center;gap:5px;margin:0;padding:14px 10px 12px 15px;border-bottom:1px solid color-mix(in srgb,var(--th-line) 45%,transparent)} html.vr-app .th-scope .dl-gym .dl-exercise .th-ex-head>div{min-width:0;flex:1} html.vr-app .th-scope .dl-gym .dl-exercise .th-ex-head h2{margin:0 0 4px;font-size:var(--type-20);line-height:1.2;font-weight:600;letter-spacing:-.35px;overflow-wrap:anywhere} html.vr-app .th-scope .dl-gym .dl-exercise .th-ex-head .sub{margin:0;font-size:var(--type-14);line-height:1.25;color:var(--th-muted)} html.vr-app .th-scope .dl-gym .dl-exercise-menu{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;border:0;background:none;color:inherit;font-size:var(--type-16);letter-spacing:1px} html.vr-app .th-scope .dl-gym .dl-exercise-body{display:grid;grid-template-columns:minmax(0,35%) minmax(0,65%);min-height:214px} html.vr-app .th-scope .dl-gym .dl-exercise-figure{display:block;align-self:stretch;position:relative;width:100%;min-width:0;min-height:210px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;cursor:pointer} html.vr-app .th-scope .dl-gym .dl-exercise-figure>.th-media{width:100%;max-width:none;height:100%;min-height:210px;aspect-ratio:auto;object-fit:cover;object-position:center;padding:0;border:0;border-radius:0;background:transparent} html.vr-app .th-scope .dl-gym .dl-exercise-figure>img.th-media{object-fit:contain;background:var(--th-soft)} html.vr-app .th-scope .dl-gym .dl-exercise-table{min-width:0;padding:8px 6px 12px 3px} html.vr-app .th-scope .dl-gym .dl-set-heading{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px;margin:0 0 4px;font-size:var(--type-12);line-height:1.6} html.vr-app .th-scope .dl-gym .dl-set-heading>span:nth-child(2){gap:3px} html.vr-app .th-scope .dl-gym .dl-set-row{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:3px!important;padding:0;margin:0 0 4px;border:1px solid transparent;border-radius:6px;box-shadow:none;background:none} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-number{width:44px;min-width:44px;height:48px;min-height:48px;font-size:var(--type-16);font-weight:600;border-radius:5px;background:color-mix(in srgb,var(--day-bg,var(--paper)) 50%,transparent)} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs{gap:3px} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-inputs input{height:48px;min-height:48px;font-size:calc(var(--type-16)*1.125);font-weight:600;padding:5px 1px;border-radius:5px;line-height:1.3} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-buttons>.btn:first-child{position:relative;width:44px;height:48px;min-height:48px;padding:0;border:0;background:color-mix(in srgb,var(--day-bg,var(--paper)) 50%,transparent);color:var(--th-muted)} html.vr-app .th-scope .dl-gym .dl-set-row.is-done .th-set-buttons>.btn:first-child{background:color-mix(in srgb,var(--day-bg,var(--paper)) 50%,transparent)} html.vr-app .th-scope .dl-gym .dl-set-row:not(.is-done) .th-set-buttons .th-icon{visibility:hidden} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-buttons>.btn:first-child::after{content:'';position:absolute;width:20px;height:20px;border:1.5px solid currentColor;border-radius:3px} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-buttons>.btn:first-child .th-icon{width:23px;height:23px;padding:2px;opacity:0} html.vr-app .th-scope .dl-gym .dl-set-row.is-done .th-set-buttons>.btn:first-child .th-icon{opacity:1;border-radius:3px;background:var(--th-primary);color:var(--th-on-primary)} html.vr-app .th-scope .dl-gym .dl-set-row.is-done .th-set-buttons>.btn:first-child::after{display:none} html.vr-app .th-scope .dl-gym .dl-set-row.is-current{padding:0;background:color-mix(in srgb,var(--th-primary) 29%,var(--th-surface));border-color:color-mix(in srgb,var(--th-primary) 75%,var(--th-line));box-shadow:inset 0 0 14px color-mix(in srgb,var(--th-primary) 15%,transparent);border-radius:6px} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-number{color:var(--day-accent-text);background:transparent} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-inputs input{border-color:color-mix(in srgb,var(--th-primary) 65%,var(--th-line));background:color-mix(in srgb,var(--th-primary) 10%,transparent)} html.vr-app .th-scope .dl-gym .dl-set-row.is-current .th-set-buttons>.btn:first-child{background:transparent;color:var(--day-ink,var(--ink))} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-previous{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} html.vr-app .th-scope .dl-gym .dl-rest:not([hidden]){position:relative;inset:auto;padding:13px 15px 10px;margin:0 0 10px;min-height:142px;border:1px solid var(--th-line);border-radius:12px} html.vr-app .th-scope .dl-gym .dl-rest .dl-rest-top{position:absolute;left:16px;right:8px;top:8px;width:auto;z-index:1} html.vr-app .th-scope .dl-gym .dl-rest .dl-rest-top>small{font-size:var(--type-14);color:var(--day-ink,var(--ink))} html.vr-app .th-scope .dl-gym .dl-rest .dl-rest-skip{flex:0 0 44px;color:var(--th-muted);font-size:var(--type-12);padding:5px;min-width:44px;min-height:44px} html.vr-app .th-scope .dl-gym .dl-rest-clock{grid-template-columns:minmax(44px,1fr) 128px minmax(44px,1fr);gap:12px;margin:0} html.vr-app .th-scope .dl-gym .dl-rest-dial{width:128px;height:128px} html.vr-app .th-scope .dl-gym .dl-rest-dial circle{stroke-width:6.5} html.vr-app .th-scope .dl-gym .dl-rest-clock .btn{position:relative;z-index:2;margin-top:14px;width:80px;min-height:44px;border:1px solid var(--th-line);border-radius:11px;font-size:var(--type-16);font-weight:600;background:var(--th-soft)} html.vr-app .th-scope .dl-gym .dl-rest [data-rest-next]{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden} html.vr-app .th-scope .dl-gym .dl-next-exercise{min-height:92px;margin:0 0 10px;padding:8px 12px 8px 0;gap:12px;border-radius:12px;overflow:hidden} html.vr-app .th-scope .dl-gym .dl-next-exercise>.th-media{width:116px;min-width:116px;height:76px;border:0;border-radius:0;padding:0;background:transparent;object-fit:contain} html.vr-app .th-scope .dl-gym .dl-next-exercise small{font-size:var(--type-12);margin-bottom:5px} html.vr-app .th-scope .dl-gym .dl-next-exercise strong{font-size:var(--type-16);font-weight:600;line-height:1.25} html.vr-app .th-scope .dl-gym .dl-next-exercise .dl-next-muscle{margin:6px 0 0;font-size:var(--type-12)} html.vr-app .page.th-route-gym .th-gym-controls{position:static;display:flex;margin:0;padding:0;gap:0;border:0;background:none} html.vr-app .page.th-route-gym .th-gym-controls>.dl-finish{width:100%;min-height:48px;border:1px solid var(--th-line);border-radius:11px;font-size:var(--type-16);font-weight:600;background:var(--th-soft);color:var(--th-muted)} html.vr-app .th-scope .dl-gym .th-set-saved{margin:4px 0;padding:0 8px;background:none} html.vr-app .th-scope .dl-gym .dl-workout-options{border:0;margin:0} html.vr-app .th-scope .dl-gym .dl-workout-options>summary{min-height:44px;padding:12px 4px;color:var(--th-muted);font-size:var(--type-12)} html.vr-app .th-scope .dl-gym.th-gym-list{padding-bottom:calc(var(--gym-rest-height,0px) + 12px)} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest:not([hidden]){position:fixed;z-index:12;left:max(12px,calc((100vw - 1064px)/2));right:max(12px,calc((100vw - 1064px)/2));top:auto;bottom:calc(64px + env(safe-area-inset-bottom));min-height:0;margin:0;padding:8px 14px;border:1px solid var(--th-line);border-radius:12px;background:var(--th-surface)} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest-clock{grid-template-columns:minmax(44px,1fr) 96px minmax(44px,1fr);margin:0} html.vr-app .th-scope .dl-gym.th-gym-list .dl-rest-dial{width:96px;height:96px} html.vr-app .th-scope .dl-gym .dl-exercise-extended .dl-exercise-body,html.vr-app .th-scope .dl-gym .dl-exercise-wide-values .dl-exercise-body{grid-template-columns:minmax(0,1fr)} html.vr-app .th-scope .dl-gym .dl-exercise-extended .dl-exercise-figure,html.vr-app .th-scope .dl-gym .dl-exercise-wide-values .dl-exercise-figure{display:none} html.vr-app .th-scope .dl-gym .dl-exercise-extended .dl-exercise-table,html.vr-app .th-scope .dl-gym .dl-exercise-wide-values .dl-exercise-table{padding:10px 12px} html.vr-app .th-scope .dl-gym .dl-exercise-extended .th-set-inputs{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:3px} html.vr-app .th-scope .dl-gym .dl-exercise-extended .th-set-inputs label>span{font-size:var(--type-12);white-space:normal} @media(min-width:900px){ html.vr-app .page.th-route-gym .page-bd{padding-top:20px} html.vr-app .th-scope .dl-gym{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px} html.vr-app .th-scope .dl-gym .dl-exercise-body{min-height:260px} html.vr-app .th-scope .dl-gym .dl-exercise-figure{display:flex;align-items:center;justify-content:center;height:260px} html.vr-app .th-scope .dl-gym .dl-exercise-figure>.th-media{width:auto;max-width:100%;height:auto;min-height:0;max-height:260px;object-fit:contain} html.vr-app .th-scope .dl-gym .dl-exercise-table{padding:16px 12px} html.vr-app .th-scope .dl-gym .dl-set-heading,html.vr-app .th-scope .dl-gym .dl-set-row{grid-template-columns:44px minmax(0,1fr) 48px!important} html.vr-app .th-scope .dl-gym .dl-set-row .th-set-number{width:44px} }