:root{--a:#6f7cff;--bg:#080d15;--card:#111824;--card2:#151e2c;--text:#f7f9fc;--muted:#8f9bad;--line:#263143}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;padding:24px 24px 100px}
main{max-width:1180px;margin:auto}h1{font-size:34px;margin:8px 0 18px}h2{margin:8px 0 14px}h3{margin:18px 0 8px}.muted{color:var(--muted)}.small{font-size:12px}
.card{background:linear-gradient(145deg,var(--card),#0d141f);border:1px solid #202b3a;border-radius:20px;padding:20px;margin:14px 0;box-shadow:0 14px 34px #0004}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.hello{display:flex;align-items:center;gap:15px}.hello img{width:76px;height:76px;object-fit:contain;border-radius:18px;background:white}.greeting{font-size:30px;font-weight:850}
button,.importbtn,select,input{border:1px solid #303c4e;border-radius:11px;background:#1b2533;color:white;padding:11px 14px;font:inherit}button,.importbtn{font-weight:800;cursor:pointer}button:not(.secondary):not(.danger){background:var(--a);border-color:transparent}.secondary{background:#1c2634}.danger{background:#3a1d25;color:#ff9aa4}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#1e2938;color:#b8c3d4;font-size:12px;font-weight:800}
nav{position:fixed;left:0;right:0;bottom:0;background:#0d131ddf;backdrop-filter:blur(15px);border-top:1px solid #273140;display:flex;justify-content:center;z-index:20}nav button{background:transparent!important;border:0;border-radius:0;color:#7f8a9c;min-width:100px}nav button.on{color:white;border-top:3px solid var(--a)}nav span{margin-left:6px}
.activebar{position:sticky;top:0;z-index:30;background:#121b28;border:1px solid var(--a);padding:10px 18px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:8px auto}
.workoutvisual{width:100%;max-height:380px;object-fit:cover;border-radius:18px;margin:14px 0;background:#0b111b}
.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wave{padding:12px;border-radius:14px;background:#0b121d;border:1px solid #253143}.phase{padding:8px;margin-top:6px;border-radius:9px;color:#8895a8;cursor:pointer}.phase.current{background:color-mix(in srgb,var(--a) 25%,transparent);color:white;border:1px solid var(--a)}.phase.done{color:#63d9a0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.metric{background:#0b121d;padding:13px;border-radius:13px;color:#8996a8}.metric strong{display:block;color:white;font-size:20px;margin-top:5px}
.seg{display:flex;gap:5px;background:#111925;padding:5px;border-radius:12px}.seg button{background:transparent!important}.seg button.on{background:var(--a)!important}
.chart{width:100%;height:auto;min-height:260px}.chart .line{fill:none;stroke:var(--a);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.chart circle{fill:#101722;stroke:var(--a);stroke-width:4}.chartval{fill:white;font-size:12px;font-weight:800}.chartdate{fill:#8490a2;font-size:10px}.grid{stroke:#283344;stroke-width:1}
.logtable{width:100%;border-collapse:collapse}.logtable th,.logtable td{text-align:left;padding:10px;border-bottom:1px solid #273140}.bwrow{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #273140}
.importbtn input{display:none}.demo{background:#101722;border-radius:18px;padding:18px;margin:12px 0}.demoimg{width:100%;max-height:340px;object-fit:contain;border-radius:14px}.timer{font-size:56px;text-align:center;font-weight:900;margin:18px}.timercontrols{justify-content:center;flex-wrap:wrap}
#modal{display:none}#modal.show{display:flex;position:fixed;inset:0;background:#000a;z-index:99;align-items:center;justify-content:center;padding:20px}.sheet{width:min(680px,100%);max-height:90vh;overflow:auto;background:#111925;border:1px solid #334055;border-radius:20px;padding:22px}
label{display:block;color:#a9b4c4;margin:12px 0 5px}input,select{max-width:100%}.version{display:inline-block;background:#23304a;border:1px solid var(--a);padding:6px 10px;border-radius:99px;font-weight:900}
@media(max-width:720px){body{padding:15px 12px 90px}.cycle,.metrics{grid-template-columns:1fr 1fr}.greeting{font-size:24px}nav button{min-width:auto;flex:1;padding:12px 5px}nav span{display:none}.bwrow{grid-template-columns:1fr 1fr}.workoutvisual{max-height:260px}}

/* FINAL desktop design */
@media(min-width:900px){
 body{padding:20px 28px 40px 292px;background:radial-gradient(circle at 55% -10%,#0b263a 0,#08111c 32%,#060b12 72%)}
 main{max-width:1320px}
 nav{position:fixed;left:0;top:0;bottom:0;width:252px;right:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:118px 14px 20px;background:linear-gradient(180deg,#091522,#07101a);border-right:1px solid #142538;border-top:0}
 nav:before{content:"🏋  FitLyfe";position:absolute;top:28px;left:26px;color:white;font-size:25px;font-weight:900;letter-spacing:-.5px}
 nav button{flex:none;text-align:left;min-width:0;width:100%;padding:16px 18px;margin:4px 0;border-radius:11px!important;font-size:17px}
 nav button.on{border-top:0;background:linear-gradient(135deg,#0e75ff,#0864e7)!important;box-shadow:0 8px 24px #0875ff33}
 nav span{display:inline;margin-left:14px}
 .hello{margin:4px 18px 18px}.hello img{width:110px;height:90px;background:transparent}.greeting{font-size:38px}
 .card{border-color:#18344b;background:linear-gradient(145deg,#0c1b29,#091521);box-shadow:none}
 .workoutvisual{height:365px;max-height:none;object-fit:cover;border:1px solid #18344b}
 .cycle{grid-template-columns:repeat(4,1fr)}
}
.settingsHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settingsHeader h1{margin:0}.settingsGroup{margin:18px 0 28px}.groupLabel{font-size:12px;color:#7f8a9a;font-weight:900;letter-spacing:.08em;margin:0 0 8px 8px}
.settingsItem{width:100%;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;text-align:left;background:#101925!important;border:1px solid #1e2b3a;margin:7px 0;padding:13px 14px;border-radius:14px}
.settingsItem b{display:block;font-size:15px}.settingsItem small{display:block;color:#8592a5;font-weight:500;margin-top:2px}.settingsIcon{width:34px;height:34px;border-radius:10px;background:#172536;display:grid;place-items:center;color:var(--a);font-size:19px}.chev{font-size:26px;color:#758296}.settingsPanel{max-width:760px;background:#101925;border:1px solid #1e2b3a;border-radius:18px;padding:22px}.settingsPanel input:not([type=checkbox]),.settingsPanel select{width:100%}.toggleRow{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #26313f}.toggleRow span small{display:block;color:#8592a5;margin-top:3px}.toggleRow input{width:22px;height:22px}.colorGrid{display:flex;gap:12px;flex-wrap:wrap}.colorDot{width:42px;height:42px;border-radius:50%;padding:0}.backBtn{font-size:30px;background:#172333!important;padding:2px 14px}.brandAbout{display:flex;gap:15px;align-items:center}.brandAbout img{width:80px;height:80px;object-fit:contain}

.programDays{display:grid;gap:14px}.programDay{padding:18px}.dayName{font-size:21px;font-weight:800;margin:8px 0;width:min(430px,100%)}.exerciseEditorList{margin:18px 0}.exerciseEditRow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#0b131e;border:1px solid #223044;border-radius:15px;padding:13px;margin:9px 0}.exerciseOrder{display:grid;gap:5px}.exerciseOrder button{padding:5px 10px}.exerciseEditMain b{font-size:17px}.exerciseEditMain small{display:block;color:#8e9bad;margin-top:5px}.exerciseActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.muscleTags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.muscleTags span{font-size:11px;background:#182536;color:#aebbd0;padding:4px 7px;border-radius:99px}.addExercise{margin-top:5px}.emptyEditor{padding:20px;text-align:center;color:#8491a4;border:1px dashed #304057;border-radius:13px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.exerciseEditRow{grid-template-columns:auto 1fr}.exerciseActions{grid-column:1/-1;justify-content:flex-start}.formGrid{grid-template-columns:1fr}}

.completeIcon{width:72px;height:72px;border-radius:50%;background:#21c784;color:white;display:grid;place-items:center;font-size:42px;font-weight:900;margin:0 auto 12px}.completeActions{display:grid;gap:9px;margin-top:20px}
@media(max-width:600px){body{padding-top:max(15px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(90px + env(safe-area-inset-bottom))}nav{padding-bottom:env(safe-area-inset-bottom)}.sheet{max-height:82vh}.metrics{grid-template-columns:1fr 1fr}}

.exerciseTabs{display:flex;gap:7px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}.exerciseTabs button{white-space:nowrap;background:#162234;color:#b9c5d6;border:1px solid #263851}.exerciseTabs button.on{background:var(--a);color:white}.exerciseNav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.setDone{opacity:.72}.setDone td:last-child button{background:#21c784}.demoimg{min-height:210px;object-fit:cover;background:#09101a}
@media(max-width:600px){.demo{padding:10px}.demoimg{max-height:260px;min-height:190px}.exerciseNav button{flex:1;font-size:12px}.logtable input{min-width:58px}}

/* iPhone 15 / native-app mobile shell */
html{-webkit-text-size-adjust:100%;background:var(--bg)}body{overscroll-behavior-y:none}
.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionTitle h2{margin:0}.sectionTitle span{font-size:12px;color:var(--muted);font-weight:800}
.dashExerciseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.dashExercise{overflow:hidden;border-radius:13px;background:#09111c;border:1px solid #203147}.dashExercise img{width:100%;aspect-ratio:1.18/1;object-fit:cover;display:block}.dashExercise div{padding:8px}.dashExercise b,.dashExercise small{display:block}.dashExercise b{font-size:12px}.dashExercise small{font-size:10px;color:#91a0b3;margin-top:2px}.startBig,.resumeBig{width:100%;min-height:50px;margin-top:8px}.daySelect{max-width:58%;font-size:12px}.tmGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tmGrid div{background:#0a121d;border-radius:12px;padding:11px}.tmGrid span,.tmGrid b{display:block}.tmGrid span{font-size:11px;color:var(--muted)}.tmGrid b{margin-top:3px}.progressHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.progressFilters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.progressFilters select{font-size:13px}.rmRow{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:#0b1420!important;border:1px solid #243246;margin:8px 0}.rmRow small{display:block;color:var(--muted);margin-top:3px}.settingsDivider{height:1px;background:#26313f;margin:22px 0}.rmCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.rmCompare div{background:#0a121d;padding:12px;border-radius:12px;color:var(--muted);font-size:11px}.rmCompare b{display:block;color:white;font-size:17px;margin-top:5px}.planPreview{overflow-x:auto}
@media(max-width:600px){
 body{width:100%;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 12px calc(78px + env(safe-area-inset-bottom));overflow-x:hidden}
 main{width:100%;max-width:393px;margin:0 auto}
 h1{font-size:28px;line-height:1.08;margin:7px 0 14px}h2{font-size:19px}h3{font-size:16px}
 .card{border-radius:17px;padding:14px;margin:11px 0}.hello{gap:10px;margin-bottom:10px}.hello img{width:54px;height:54px;border-radius:13px}.greeting{font-size:21px;line-height:1.1}
 button,.importbtn,select,input{min-height:44px;font-size:16px;padding:10px 11px} /* 16px prevents iOS input zoom */
 nav{height:calc(62px + env(safe-area-inset-bottom));padding:0 3px env(safe-area-inset-bottom);align-items:stretch;background:#09111af2}
 nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 1px;min-height:60px;font-size:18px}
 nav span{display:block!important;margin:0;font-size:9px;font-weight:700}
 .activebar{position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));top:auto;margin:0;padding:8px 10px;border-radius:13px;z-index:31}.activebar button{min-height:38px;padding:7px 10px;font-size:12px}
 .heroCard h1{font-size:25px;margin-bottom:8px}.dashExerciseGrid{grid-template-columns:repeat(2,1fr)}.dashExerciseGrid .dashExercise:last-child:nth-child(odd){grid-column:1/-1}.dashExercise img{aspect-ratio:1.55/1}.dashExercise b{font-size:13px}.dashExercise small{font-size:11px}
 .mobileCycle{overflow-x:auto}.cycle{display:flex;width:max-content;gap:8px}.wave{width:145px;flex:none}
 .tmQuick{margin-bottom:6px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:11px}.metric strong{font-size:17px}
 .progressHead{display:block}.progressFilters{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px}.progressFilters select:first-child{grid-column:1/-1}.chart{min-height:210px}.progressMetrics{grid-template-columns:1fr 1fr}
 .exerciseTabs{margin-right:-12px}.demoimg{width:100%;height:220px;min-height:0;object-fit:cover}.timer{font-size:48px;margin:14px}.timercontrols{display:grid;grid-template-columns:1fr 1.3fr 1fr}.timercontrols button{padding:8px 5px}.logtable{font-size:13px}.logtable th,.logtable td{padding:7px 4px}.logtable input{width:72px!important;min-width:0}
 .programDay{padding:13px}.dayName{font-size:18px}.exerciseEditRow{padding:10px;gap:8px}.exerciseActions button{font-size:11px;min-height:38px;padding:7px 9px}
 .settingsPanel{padding:14px;border-radius:16px}.settingsItem{grid-template-columns:40px 1fr 18px;padding:11px}.settingsHeader{position:sticky;top:0;background:linear-gradient(var(--bg) 75%,transparent);z-index:5;padding:5px 0 10px}.settingsHeader .version{font-size:10px}
 #modal.show{align-items:flex-end;padding:0}.sheet{width:100%;max-width:430px;max-height:88dvh;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #0008}
 .rmCompare{grid-template-columns:1fr 1fr}.rmCompare div:last-child{grid-column:1/-1}
 .bwrow{grid-template-columns:1fr 1fr auto}.bwrow .danger{grid-column:3}
}

.homeScenery{min-height:110px;border-radius:20px;margin-bottom:-28px;padding:18px;background:radial-gradient(circle at 84% 18%,#ffcb77 0 8%,transparent 9%),linear-gradient(145deg,#f56d8a 0 18%,#3138a5 19% 38%,#111b62 39% 55%,#09162b 56%);overflow:hidden}.homeScenery .muted,.homeScenery .greeting,.homeMotto{color:white;text-shadow:0 2px 10px #0008}.homeMotto{font-size:12px;margin-top:5px}.nextUp{position:relative;background:linear-gradient(180deg,#101b2c,#0b1421)}.wavePill{font-size:10px;padding:5px 8px;border-radius:99px;background:#5b2b7b;color:#dca7ff}.roundGo{border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:25px}.exerciseRows{display:grid;gap:6px;margin:8px 0 14px}.dashRow{display:grid;grid-template-columns:4px 1fr auto;align-items:center;gap:9px;background:#111d2d;border-radius:10px;overflow:hidden;min-height:37px;padding-right:9px}.dashRow .stripe{height:100%}.s0{background:#a762ff}.s1{background:#61d7d2}.s2{background:#ffbd5b}.s3{background:#ff6780}.s4{background:#ff9e3d}.dashRow b{font-size:12px}.dashRow span:last-child{font-size:11px;color:#d4dbe5}.quickStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quickStats>div{background:#101b2b;border:1px solid #1d2b40;border-radius:15px;padding:12px 7px;text-align:center}.quickStats b,.quickStats span{display:block}.quickStats span{font-size:9px;color:var(--muted)}.demoimg{width:100%!important;height:225px!important;object-fit:contain!important;object-position:center!important;background:#f6f7f9!important;border-radius:16px!important;padding:8px!important;box-sizing:border-box!important}.emptyChart{height:210px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:20px}
@media(max-width:600px){nav{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;overflow:visible!important}nav button{min-width:0!important;width:auto!important;font-size:16px!important;padding:4px 0!important}nav span{font-size:8px!important;white-space:nowrap}.dashRow{grid-template-columns:4px minmax(90px,1fr) auto}.dashRow span:last-child{font-size:10px!important}}

.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 14px;background:#0d1725;padding:4px;border-radius:12px}.seg button{margin:0;background:transparent}.seg button.on{background:var(--a);color:white}.historyRow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #223044}.historyRow small{display:block;color:var(--muted);margin-top:3px}.historyStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.historyStats span{background:#111d2d;border-radius:10px;padding:9px;text-align:center}.historyStats b,.historyStats small{display:block}.historyStats small{color:var(--muted);font-size:9px}.historyExercise{margin-top:14px}.historyExercise table{width:100%;border-collapse:collapse;margin-top:7px}.historyExercise th,.historyExercise td{text-align:left;padding:7px;border-bottom:1px solid #223044;font-size:12px}

.profileHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;margin-bottom:16px;border:1px solid #1f3852;border-radius:20px;background:linear-gradient(135deg,#0d1a2a,#071523);min-height:130px}.profileIdentity{display:flex;align-items:center;gap:22px}.dashboardAvatar,.settingsAvatar{object-fit:cover;border-radius:50%;border:2px solid #6574ff;background:#152238}.dashboardAvatar{width:118px;height:118px}.settingsAvatar{width:132px;height:132px}.avatarFallback{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:42px;color:#fff;background:linear-gradient(145deg,#5f6fff,#8c54ff)}.heroGreeting{font-size:18px;color:#dce5f2}.profileHero .greeting{font-size:42px;line-height:1.05;margin:6px 0}.profileHero .homeMotto{color:#aebbd0;font-size:16px}.juggerWordmark{display:flex;flex-direction:column;align-items:center;font-size:25px;letter-spacing:2px;color:#fff}.maxLiftGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.maxLiftCard{display:flex;align-items:center;gap:14px;background:#0e1a2a;border:1px solid #1e344c;border-radius:16px;padding:16px}.liftIcon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#19284a;font-size:23px}.maxLiftCard span,.maxLiftCard b,.maxLiftCard small{display:block}.maxLiftCard span{font-weight:700}.maxLiftCard b{font-size:23px;margin:3px 0}.maxLiftCard small{color:var(--muted)}.avatarSettings{margin-top:18px}.avatarPreview{position:relative;width:max-content;margin:20px auto}.avatarCamera{position:absolute;right:0;bottom:2px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.avatarSettings>button{margin-top:8px}.avatarSettings .danger{border-color:#e34b5f;color:#ff6d7e}
@media(max-width:600px){.profileHero{padding:16px;min-height:100px}.dashboardAvatar{width:82px;height:82px}.profileIdentity{gap:14px}.profileHero .greeting{font-size:31px}.heroGreeting{font-size:14px}.profileHero .homeMotto{font-size:12px}.juggerWordmark{display:none}.maxLiftGrid{grid-template-columns:repeat(4,1fr);gap:6px}.maxLiftCard{display:block;padding:9px 6px;text-align:center}.liftIcon{width:34px;height:34px;font-size:15px;margin:0 auto 6px}.maxLiftCard span{font-size:10px}.maxLiftCard b{font-size:14px}.maxLiftCard small{font-size:8px}}

.calendarHead{display:flex;align-items:center;justify-content:space-between}.calendarHead button{width:46px;min-height:42px}.weekdays,.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekdays{margin:16px 0 6px;color:var(--muted);font-size:12px;text-align:center}.calCell{aspect-ratio:1;border:1px solid #20354c;background:#0b1725;border-radius:10px;min-height:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.calCell.blank{visibility:hidden}.calCell.trained{border-color:var(--a)}.calCell.selected{box-shadow:0 0 0 2px var(--a) inset}.calCell i{width:5px;height:5px;border-radius:50%;background:var(--a);margin-top:3px}.historyWorkout{padding:12px 0;border-top:1px solid #1d3044}.historyExercise{margin-top:12px}.historyExercise table{width:100%;margin-top:7px;border-collapse:collapse}.historyExercise th,.historyExercise td{padding:7px;border-bottom:1px solid #1d3044;text-align:left;font-size:13px}

/* v5.5 interactions */
.liftIcon svg{width:38px;height:38px;color:#f7fbff}.workoutChooser{position:relative}.workoutDropdown{position:absolute;right:0;top:58px;width:260px;background:#0c1725;border:1px solid #31465e;border-radius:14px;padding:7px;z-index:30;box-shadow:0 18px 45px rgba(0,0,0,.42)}.workoutDropdown button{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;padding:13px 14px;border-radius:9px;text-align:left}.workoutDropdown button:hover,.workoutDropdown button.selected{background:#17283b}.compactBtn{width:auto;padding:8px 12px;min-height:38px;font-size:12px}.musclePicker{position:relative}.muscleSelectBtn{width:100%;display:flex;justify-content:space-between;background:#182536;border:1px solid #40536b;color:#eef4ff;text-align:left}.muscleMenu{display:none;position:absolute;left:0;right:0;top:58px;z-index:50;background:#0c1725;border:1px solid #40536b;border-radius:14px;padding:12px;max-height:390px;overflow:auto;box-shadow:0 18px 45px rgba(0,0,0,.48)}.muscleMenu.open{display:block}.muscleMenu>input{position:sticky;top:0;z-index:2;background:#172536}.muscleGroup{padding:8px 3px}.muscleGroup>b{display:block;color:#7f8cff;margin:5px 0 7px}.muscleGroup label{display:flex;gap:8px;align-items:center;padding:6px 4px;cursor:pointer}.muscleGroup label input{width:auto;margin:0}.muscleChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.muscleChip{display:inline-flex;align-items:center;gap:6px;border:1px solid #6676ff;background:#17233a;border-radius:999px;padding:6px 9px;font-size:12px}.muscleChip button{width:auto;min-height:0;padding:0;background:transparent;border:0;color:#cdd6e5;font-size:17px}.programProgress .sectionTitle{gap:12px}
@media(max-width:600px){.workoutDropdown{width:min(260px,80vw);right:0}.liftIcon svg{width:27px;height:27px}.compactBtn{font-size:10px;padding:7px 9px}.muscleMenu{position:fixed;left:14px;right:14px;top:15vh;max-height:68vh}}

/* v5.6 workout visual split */
.workoutVisualSplit{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);gap:14px;margin:18px 0}.movementPane{margin:0;height:100%;min-height:390px}.movementPane .demoimg{height:350px;width:100%;object-fit:contain}.targetPane{background:#101b29;border:1px solid #26384d;border-radius:18px;padding:18px;min-height:390px}.targetPaneHead{font-size:20px;margin-bottom:8px}.bodyPair{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:end}.bodyPair svg{width:100%;max-height:285px}.bodyBase{fill:#263342;stroke:#7e8a99;stroke-width:2}.muscles path{fill:transparent;stroke:transparent;stroke-width:4}.muscles .hot{fill:var(--a);stroke:#aab4ff;opacity:.95}.muscleLegend{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:5px}.muscleLegend span{padding:5px 9px;border-radius:999px;background:#1b2a3b;border:1px solid #354a63;font-size:12px}.historyWorkoutHead{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.historyWorkoutHead span{color:#9eacc0;font-size:13px}
@media(max-width:720px){.workoutVisualSplit{grid-template-columns:3fr 2fr;gap:8px}.movementPane,.targetPane{min-height:260px}.movementPane .demoimg{height:230px}.targetPane{padding:10px}.targetPaneHead{font-size:14px}.bodyPair{grid-template-columns:1fr}.bodyPair svg{max-height:125px}.bodyPair svg:first-child{display:none}.muscleLegend span{font-size:9px;padding:3px 5px}}

/* v5.7 dashboard theme backgrounds */
.profileHero{position:relative;overflow:hidden;background:#071422!important;isolation:isolate}
.profileHero:before,.profileHero:after{content:"";position:absolute;inset:-35%;z-index:-2;pointer-events:none;opacity:.95}
.profileHero:after{z-index:-1;inset:auto -8% -70% 25%;height:180%;border-radius:50%;filter:blur(2px);opacity:.42}
.profileHero.theme-purple:before{background:radial-gradient(circle at 12% 72%,#a126df 0,transparent 25%),radial-gradient(circle at 83% 18%,#6922c9 0,transparent 28%),linear-gradient(125deg,#24103d,#07182c 55%,#170b37)}
.profileHero.theme-purple:after{background:linear-gradient(125deg,transparent 38%,#b32cff 39%,transparent 42%)}
.profileHero.theme-indigo:before{background:radial-gradient(circle at 18% 10%,#5968ff 0,transparent 27%),radial-gradient(circle at 90% 75%,#784eff 0,transparent 30%),linear-gradient(135deg,#101944,#07172a 58%,#271451)}
.profileHero.theme-indigo:after{background:linear-gradient(150deg,transparent 42%,#7c72ff 43%,transparent 46%)}
.profileHero.theme-blue:before{background:radial-gradient(circle at 82% 26%,#087cff 0,transparent 30%),linear-gradient(145deg,#031e45,#071522 55%,#06325f)}
.profileHero.theme-blue:after{background:linear-gradient(160deg,transparent 38%,#00b7ff 39%,transparent 42%)}
.profileHero.theme-green:before{background:radial-gradient(circle at 12% 75%,#0d9b70 0,transparent 28%),radial-gradient(circle at 82% 22%,#0fc28b 0,transparent 25%),linear-gradient(140deg,#07392f,#071922 58%,#064239)}
.profileHero.theme-green:after{background:linear-gradient(155deg,transparent 40%,#39e7aa 41%,transparent 44%)}
.profileHero.theme-red:before{background:radial-gradient(circle at 13% 72%,#9e142b 0,transparent 28%),radial-gradient(circle at 86% 18%,#d52b31 0,transparent 25%),linear-gradient(140deg,#3a0812,#11121d 58%,#4a0b14)}
.profileHero.theme-red:after{background:linear-gradient(145deg,transparent 40%,#ff3d4f 41%,transparent 44%)}
.profileHero.theme-orange:before{background:radial-gradient(circle at 12% 70%,#b8490a 0,transparent 27%),radial-gradient(circle at 82% 20%,#ff7b00 0,transparent 25%),linear-gradient(140deg,#442006,#151319 58%,#52230a)}
.profileHero.theme-orange:after{background:linear-gradient(155deg,transparent 40%,#ff9f43 41%,transparent 44%)}
.profileHero.theme-pink:before{background:radial-gradient(circle at 12% 75%,#b2146d 0,transparent 27%),radial-gradient(circle at 83% 20%,#ef338f 0,transparent 25%),linear-gradient(140deg,#3b0928,#101421 58%,#4c0a30)}
.profileHero.theme-pink:after{background:linear-gradient(150deg,transparent 40%,#ff5fc8 41%,transparent 44%)}

/* v5.7 refined 60/40 exercise visual */
.workoutVisualSplit{grid-template-columns:minmax(0,3fr) minmax(330px,2fr)}
.movementPane{display:flex;flex-direction:column;justify-content:center;background:#101925;padding:16px}
.movementPane .demoimg{height:410px;width:100%;object-fit:contain;background:#f7f8fa;border-radius:16px}
.targetPane{display:flex;flex-direction:column;background:linear-gradient(160deg,#0d1928,#0b1420);border-color:#30445c}
.muscleVisual.anatomical{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:center;flex:1}
.muscleVisual.anatomical svg{width:100%;height:330px}
.anatomyBase{fill:#303b49;stroke:#8995a5;stroke-width:2.1}
.anatomyLines{fill:none;stroke:#5e6a79;stroke-width:1.3;opacity:.9}
.muscleRegions path{fill:#3b4654;stroke:#697584;stroke-width:1.2;opacity:.72}
.muscleRegions path.hot{fill:var(--a);stroke:#c3c8ff;stroke-width:2.2;opacity:1;filter:drop-shadow(0 0 5px var(--a))}
.muscleVisual.anatomical .muscleLegend{grid-column:1/-1}
.historyWorkoutHead span{display:inline-flex;align-items:center;gap:5px}
@media(max-width:720px){.workoutVisualSplit{grid-template-columns:3fr 2fr}.movementPane{padding:7px}.movementPane .demoimg{height:250px}.muscleVisual.anatomical{grid-template-columns:1fr 1fr}.muscleVisual.anatomical svg{display:block!important;height:180px}.targetPane{padding:9px}.muscleVisual.anatomical .muscleLegend{gap:4px}}

/* v5.8 realistic target-muscle anatomy */
.profileHero{justify-content:flex-start}
.profileIdentity{position:relative;z-index:2}
.juggerWordmark{display:none!important}
.muscleVisual.realistic{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;flex:1}
.anatomyFigure{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 35%,#172638 0,#0b1521 72%)}
.anatomyFigure img{height:100%;width:100%;object-fit:contain;filter:contrast(1.08)}
.muscleZone{position:absolute;display:none;background:var(--a);opacity:.72;filter:drop-shadow(0 0 7px var(--a));mix-blend-mode:screen;border:1px solid rgba(255,255,255,.45)}
.muscleZone.front,.muscleZone.back{display:block}
.anatomyFigure.front .muscleZone.back,.anatomyFigure.back .muscleZone.front{display:none}
/* front zones */
.anatomyFigure.front .chest{left:30%;top:21%;width:40%;height:10%;border-radius:45% 45% 38% 38%}
.anatomyFigure.front .shoulders{left:20%;top:20%;width:60%;height:8%;border-radius:50%;clip-path:polygon(0 25%,18% 0,28% 80%,72% 80%,82% 0,100% 25%,91% 100%,9% 100%)}
.anatomyFigure.front .biceps{left:18%;top:29%;width:64%;height:13%;clip-path:polygon(0 0,12% 5%,17% 100%,7% 95%,83% 95%,88% 5%,100% 0,94% 100%,6% 100%)}
.anatomyFigure.front .triceps{left:19%;top:30%;width:62%;height:14%;clip-path:polygon(0 0,9% 5%,14% 100%,6% 100%,86% 100%,91% 5%,100% 0,94% 100%,6% 100%)}
.anatomyFigure.front .forearms{left:13%;top:41%;width:74%;height:15%;clip-path:polygon(0 0,8% 3%,14% 100%,6% 100%,86% 100%,92% 3%,100% 0,95% 100%,5% 100%)}
.anatomyFigure.front .core{left:39%;top:31%;width:22%;height:24%;border-radius:28%}
.anatomyFigure.front .quads{left:35%;top:57%;width:30%;height:21%;border-radius:28%;clip-path:polygon(0 0,43% 3%,50% 100%,57% 3%,100% 0,82% 100%,18% 100%)}
.anatomyFigure.front .calves{left:35%;top:79%;width:30%;height:17%;border-radius:35%;clip-path:polygon(0 0,42% 0,50% 100%,58% 0,100% 0,80% 100%,20% 100%)}
/* back zones */
.anatomyFigure.back .back{left:31%;top:18%;width:38%;height:29%;border-radius:32%;clip-path:polygon(18% 0,82% 0,100% 28%,78% 100%,50% 78%,22% 100%,0 28%)}
.anatomyFigure.back .lats{left:31%;top:29%;width:38%;height:20%;border-radius:25%;clip-path:polygon(0 0,35% 20%,50% 100%,65% 20%,100% 0,82% 100%,18% 100%)}
.anatomyFigure.back .shoulders{left:20%;top:19%;width:60%;height:9%;border-radius:50%;clip-path:polygon(0 25%,18% 0,28% 80%,72% 80%,82% 0,100% 25%,91% 100%,9% 100%)}
.anatomyFigure.back .triceps{left:18%;top:28%;width:64%;height:16%;clip-path:polygon(0 0,12% 4%,18% 100%,8% 100%,82% 100%,88% 4%,100% 0,94% 100%,6% 100%)}
.anatomyFigure.back .forearms{left:13%;top:42%;width:74%;height:15%;clip-path:polygon(0 0,8% 3%,14% 100%,6% 100%,86% 100%,92% 3%,100% 0,95% 100%,5% 100%)}
.anatomyFigure.back .glutes{left:35%;top:51%;width:30%;height:13%;border-radius:45%}
.anatomyFigure.back .hamstrings{left:35%;top:63%;width:30%;height:18%;border-radius:28%;clip-path:polygon(0 0,42% 0,50% 100%,58% 0,100% 0,82% 100%,18% 100%)}
.anatomyFigure.back .calves{left:35%;top:80%;width:30%;height:16%;border-radius:35%;clip-path:polygon(0 0,42% 0,50% 100%,58% 0,100% 0,80% 100%,20% 100%)}
.muscleVisual.realistic .muscleLegend{grid-column:1/-1}
.anatomyCredit{grid-column:1/-1;text-align:center;color:#68778a;font-size:9px}
@media(max-width:720px){.anatomyFigure{height:190px}.muscleVisual.realistic{gap:3px}.anatomyCredit{display:none}}

/* v5.9 user-supplied target-muscle artwork */
.muscleVisual.supplied{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%}
.muscleVisual.supplied>img{width:100%;height:340px;object-fit:contain;border-radius:14px;background:#071522;border:1px solid #21384f}
.muscleVisual.supplied .muscleLegend{justify-content:center}
/* additional Appearance themes */
.profileHero.theme-cyan:before{background:radial-gradient(circle at 14% 70%,#087d91 0,transparent 28%),radial-gradient(circle at 85% 18%,#16cbe0 0,transparent 26%),linear-gradient(140deg,#063744,#071923 58%,#074c58)}
.profileHero.theme-lime:before{background:radial-gradient(circle at 15% 72%,#598b18 0,transparent 28%),radial-gradient(circle at 84% 18%,#9ee34f 0,transparent 25%),linear-gradient(140deg,#20380b,#101a18 58%,#314b11)}
.profileHero.theme-gold:before{background:radial-gradient(circle at 14% 70%,#9b6b08 0,transparent 28%),radial-gradient(circle at 84% 18%,#f5c542 0,transparent 25%),linear-gradient(140deg,#3d2d08,#181719 58%,#59420b)}
.profileHero.theme-rose:before{background:radial-gradient(circle at 14% 72%,#9c234b 0,transparent 28%),radial-gradient(circle at 84% 18%,#f05283 0,transparent 25%),linear-gradient(140deg,#3b1021,#111520 58%,#52162e)}
.profileHero.theme-lavender:before{background:radial-gradient(circle at 14% 72%,#7454b7 0,transparent 28%),radial-gradient(circle at 84% 18%,#b998ff 0,transparent 25%),linear-gradient(140deg,#2d2148,#101522 58%,#3f2c64)}
.profileHero.theme-mint:before{background:radial-gradient(circle at 14% 72%,#238e78 0,transparent 28%),radial-gradient(circle at 84% 18%,#62e6c5 0,transparent 25%),linear-gradient(140deg,#0d3d34,#0d1920 58%,#14594b)}
.profileHero.theme-ice:before{background:radial-gradient(circle at 14% 72%,#518bb3 0,transparent 28%),radial-gradient(circle at 84% 18%,#a9ddff 0,transparent 25%),linear-gradient(140deg,#17364c,#0d1722 58%,#24506c)}
.profileHero.theme-silver:before{background:radial-gradient(circle at 14% 72%,#6e7784 0,transparent 28%),radial-gradient(circle at 84% 18%,#d7dde8 0,transparent 24%),linear-gradient(140deg,#303743,#101722 58%,#4a5360)}
@media(max-width:720px){.muscleVisual.supplied>img{height:190px}}

/* v6.0 responsive Program Progress + Bodyweight trend */
.bodyweightTrend .chart{margin-top:6px}
@media(max-width:720px){
 .programProgress .cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .programProgress .wave{padding:10px;min-width:0}
 .programProgress .wave>b{display:block;font-size:16px;margin-bottom:6px}
 .programProgress .phase{font-size:12px;padding:7px 6px;margin-top:5px;white-space:normal}
 .programProgress .sectionTitle{align-items:flex-start;gap:8px}
 .programProgress .sectionTitle h2{font-size:20px}
 .programProgress .compactBtn{font-size:10px;padding:7px 8px;white-space:nowrap}
 .bodyweightTrend .chart{min-height:220px}
}
@media(max-width:380px){
 .programProgress .wave{padding:8px}
 .programProgress .phase{font-size:11px;padding:6px 4px}
 .programProgress .wave>b{font-size:15px}
}

/* v6.0.1: harden mobile Program Progress 2x2 layout */
@media screen and (max-width: 820px){
  .programProgress .cycle{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .programProgress .cycle > .wave{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }
}

/* v6.1 Welcome + HIIT */
.welcomeScreen{max-width:760px;margin:auto}.welcomeHead{display:flex;gap:16px;align-items:center;padding:8px 2px 20px}.welcomeHead h1{margin:2px 0;font-size:30px}.welcomeAvatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #526173}.welcomeAvatar.fallback{display:grid;place-items:center;background:#152131;font-size:30px}.welcomePrompt{letter-spacing:2px;color:#b5bdc9;margin-top:12px;font-size:13px}.modeCard{width:100%;min-height:180px;margin:0 0 16px;border-radius:22px;border:1px solid #384557;display:grid;grid-template-columns:80px 1fr 56px;align-items:end;text-align:left;padding:24px;color:white;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:inset 0 -100px 90px #03070bcc}.modeCard h2{font-size:29px;margin:0 0 5px}.modeCard b{font-size:17px}.modeCard p{margin:7px 0 0;color:#d0d5dc}.modeCard i{font-style:normal;font-size:35px;border:2px solid currentColor;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.modeIcon{font-size:32px;border:2px solid currentColor;border-radius:50%;width:62px;height:62px;display:grid;place-items:center}.modeCard.power{background-image:linear-gradient(90deg,#160b2bdd,#0b0e13aa),url("exercise-images/bench.png");color:#a855f7}.modeCard.hiit{background-image:linear-gradient(90deg,#301006e8,#0b0e13aa),url("exercise-images/squat.png");color:#ff5b2d}.modeCard.cardio{background-image:linear-gradient(90deg,#061d39ee,#0b0e13bb),url("logo-character.png");color:#2687ff}.modeCard h2,.modeCard p{color:white}.welcomeBottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hiitHero{padding:18px;border-radius:22px;background:linear-gradient(145deg,#261008,#111820 70%);margin-bottom:14px}.hiitHero h1{font-size:42px;margin:18px 0 0}.hiitHero>b{color:#ff5b2d}.hiitPrimary{background:#ff5b2d!important;color:white!important}.hiitSetting{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center;margin-top:12px}.hiitExerciseEdit{padding:12px 0;border-top:1px solid #263241;display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}.hiitExerciseEdit label{font-size:11px;color:#98a4b5}.hiitExerciseEdit input[type=number]{width:62px}.hiitLive{text-align:center}.hiitLive>h1{font-size:36px}.hiitRing{width:260px;height:260px;margin:20px auto;border-radius:50%;border:18px solid #2a3038;border-right-color:#ff5b2d;border-bottom-color:#ff5b2d;display:flex;flex-direction:column;align-items:center;justify-content:center}.hiitRing span{color:#aeb7c3}.hiitRing strong{font-size:54px;line-height:1.1}.hiitRing small{color:#8d98a8}.cardioSoon{margin-top:80px;text-align:center;border-color:#1f65ae}.cardioSoon h1{color:#2687ff;font-size:42px}
@media(max-width:720px){.modeCard{min-height:160px;grid-template-columns:62px 1fr 46px;padding:18px}.modeCard h2{font-size:24px}.modeIcon{width:50px;height:50px;font-size:25px}.modeCard i{width:42px;height:42px;font-size:28px}.welcomeHead h1{font-size:25px}.welcomeAvatar{width:62px;height:62px}.hiitExerciseEdit{grid-template-columns:1fr 1fr 1fr}.hiitExerciseEdit>input{grid-column:1/-1}.hiitExerciseEdit .danger{grid-column:1/-1}.hiitRing{width:230px;height:230px}.hiitRing strong{font-size:48px}}

/* v6.2 approved Welcome photography + unified mode headers */
.modeCard.power{background-image:linear-gradient(90deg,#170826f2 0%,#160b2bb8 46%,#0b0e1340 100%),url("mode-images/powerlifting.jpg")!important;background-position:center right!important}
.modeCard.hiit{background-image:linear-gradient(90deg,#321006f2 0%,#301006b5 46%,#0b0e1340 100%),url("mode-images/hiit.jpg")!important;background-position:center right!important}
.modeCard.cardio{background-image:linear-gradient(90deg,#061d39f2 0%,#061d39b5 46%,#0b0e1340 100%),url("mode-images/cardio.jpg")!important;background-position:center right!important}
.modeCard{display:grid!important;width:100%!important;margin-bottom:16px!important}
.modeDashHead{display:flex;align-items:center;gap:14px;width:100%}.modeDashHead .modeSwitch{margin-left:auto;align-self:flex-start}.modeGreeting h2{margin:2px 0}.hiitHero .dashboardAvatar,.cardioSoon .dashboardAvatar{width:62px;height:62px;border-radius:50%;object-fit:cover}.modeProgramSelect{max-width:48%;min-width:150px;background:#162331;color:#fff;border:1px solid #34475b;border-radius:12px;padding:9px 30px 9px 10px}.warmSetting{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;margin:12px 0}.warmSetting input[type=number]{width:90px}
@media(max-width:720px){.modeDashHead{gap:10px}.modeDashHead .modeSwitch{font-size:10px;padding:8px}.modeProgramSelect{max-width:55%;min-width:130px}.welcomeScreen .modeCard{min-height:190px!important}}

/* FitLyfe v6.3 */
.avatarTap{cursor:pointer;transition:transform .15s ease,filter .15s ease}.avatarTap:active{transform:scale(.95);filter:brightness(1.15)}
.photoMenuPreview{display:block;width:150px;height:150px;border-radius:50%;object-fit:cover;margin:12px auto 22px;border:3px solid var(--a)}.photoViewer{text-align:center}.photoViewer img{max-width:100%;max-height:70vh;border-radius:18px}
.hiitHero{background-image:linear-gradient(90deg,#281006ef,#10171ed8),url("mode-images/hiit.jpg")!important;background-size:cover!important;background-position:center!important}
.cardioHero{background-image:linear-gradient(90deg,#061d39ef,#10171ed8),url("mode-images/cardio.jpg");background-size:cover;background-position:center;border-color:#1d6fba}.cardioHero h1{font-size:42px;margin:18px 0 0}.cardioHero>b{color:#2aa3ff}
.cardioPrimary{background:#1688ff!important;color:white!important}.activityTypes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.activityTypes button{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:25px;background:#101b27;border:1px solid #28445e}.activityTypes button b{font-size:13px}.cardioLive{text-align:center}.cardioLive>strong{display:block;font-size:64px;margin:22px 0}
.calWeek,.weekdays,.calendarGrid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;width:100%!important}.calWeek span,.weekdays span{text-align:center!important;min-width:0!important;font-size:12px!important}.calCell{min-width:0!important;width:100%!important}
@media(max-width:720px){.activityTypes{grid-template-columns:repeat(2,1fr)}.cardioLive>strong{font-size:52px}.calWeek,.weekdays,.calendarGrid{gap:4px!important}.calWeek span,.weekdays span{font-size:10px!important}}

/* v6.4 celebrations */
.confettiLayer{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden}.confettiLayer i{position:absolute;left:var(--x);top:-30px;font-style:normal;font-size:var(--s);animation:confettiFall 3.6s var(--d) cubic-bezier(.2,.7,.4,1) forwards}.confettiLayer i:nth-child(5n+1){color:#ffbf24}.confettiLayer i:nth-child(5n+2){color:#ff416c}.confettiLayer i:nth-child(5n+3){color:#5edcff}.confettiLayer i:nth-child(5n+4){color:#a855f7}.confettiLayer i:nth-child(5n){color:#42d392}@keyframes confettiFall{0%{transform:translateY(-5vh) rotate(0)}100%{transform:translateY(110vh) rotate(var(--r))}}
.celebration{text-align:center;padding:4px}.celebration h1{font-size:38px;margin:8px 0}.completeHero .party{font-size:70px}.prHero .trophy{font-size:108px;filter:drop-shadow(0 0 22px #ffbd2e)}.prHero h1{color:#ffd34e;font-size:48px}.prRecord{border:2px solid #e7bd38;border-radius:18px;padding:15px;margin:18px 0;background:#09121ee8}.prRecord>b{display:block;margin-bottom:10px}.prRecord>div{display:flex;justify-content:center;align-items:center;gap:22px;font-size:22px}.prRecord strong{color:#ffd34e;font-size:28px}.prRecord i{font-style:normal;color:#d9ad31}.celebrateSummary{background:#0d1c2c;border:1px solid #2b435b;border-radius:18px;padding:16px;margin:18px 0}.celebrateStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.celebrateStat{display:flex;flex-direction:column;padding:8px;border-right:1px solid #23374a}.celebrateStat:last-child{border-right:0}.celebrateStat b{font-size:21px}.celebrateStat small{color:#9aa8b9;margin-top:5px}@media(max-width:600px){.celebrateStats{grid-template-columns:repeat(2,1fr)}.celebrateStat:nth-child(2){border-right:0}.prHero .trophy{font-size:86px}.prHero h1{font-size:40px}}

/* v6.5 verified Powerlifting photographic banner */
.profileHero{background-image:linear-gradient(90deg,#171039e8 0%,#09172be0 48%,#2c1663a0 100%),url("mode-images/powerlifting.jpg")!important;background-size:cover!important;background-position:center 42%!important}
.profileHero:before,.profileHero:after{display:none!important}

.inlineWarm{display:flex;align-items:center;gap:10px;margin:14px 0}.inlineWarm input[type=number]{width:86px}.warmupRing{border-color:#2a3038!important;border-right-color:#f7b733!important;border-bottom-color:#f7b733!important}.rmCalcResult{margin-top:16px;padding:16px;border:1px solid #30455c;border-radius:14px;background:#0d1926}.rmCalcResult strong,.rmCalcResult small{display:block}.rmCalcResult strong{font-size:30px;margin:5px 0}


/* FitLyfe v6.7 layout, themes and interval timer */
.welcomeBottom{display:flex!important;justify-content:center!important;align-items:center!important}.welcomeBottom>button{min-width:220px}
.themeChoices{display:flex;gap:10px;flex-wrap:wrap}.themeChoices .themeSelected{outline:2px solid var(--a);background:color-mix(in srgb,var(--a) 18%,var(--card2))!important}
.hiitLive{display:flex;flex-direction:column;align-items:center}.hiitLive>.row.hiitControls,.cardioLive>.row.cardioControls{justify-content:center;width:100%;flex-wrap:wrap}.cardioLive{display:flex;flex-direction:column;align-items:center}.cardioLive>small,.cardioLive>h2{width:100%;text-align:center}
.hiitRing{--progress:100;--ring:#ff5b2d;border:18px solid transparent!important;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(var(--ring) calc(var(--progress)*1%),#2a3038 0) border-box!important;transition:background .18s linear}
.hiitRing.warmupRing{--ring:#f7b733}.hiitRing.prepRing{--ring:#19d3e6}.hiitRing.prepRing span{color:#19d3e6;font-weight:900;letter-spacing:.06em}
html[data-theme="light"]{--bg:#f3f6fa;--card:#ffffff;--card2:#edf2f7;--text:#142033;--muted:#64748b;--line:#d6dee8;background:var(--bg)}
html[data-theme="light"] body{background:#f3f6fa;color:var(--text)}
html[data-theme="light"] .card,html[data-theme="light"] .settingsPanel,html[data-theme="light"] .settingsItem,html[data-theme="light"] .wave,html[data-theme="light"] .metric,html[data-theme="light"] .demo,html[data-theme="light"] .exerciseEditRow{background:#fff!important;border-color:#d9e1ea!important;color:#142033}
html[data-theme="light"] button.secondary,html[data-theme="light"] select,html[data-theme="light"] input{background:#eef3f8;color:#142033;border-color:#ccd6e1}
html[data-theme="light"] nav{background:#fff;border-color:#d9e1ea}html[data-theme="light"] nav:before{color:#142033}html[data-theme="light"] nav button{color:#64748b}html[data-theme="light"] nav button.on{color:#fff}
html[data-theme="light"] .hiitRing{background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(var(--ring) calc(var(--progress)*1%),#d7dee7 0) border-box!important}
html[data-theme="light"] .sheet{background:#fff;color:#142033;border-color:#d6dee8}html[data-theme="light"] .activebar{background:#fff}
@media(min-width:900px){html[data-theme="light"] body{background:radial-gradient(circle at 55% -10%,#e9f5ff 0,#f4f7fa 36%,#eef2f6 78%)}}
.cloudAccount,.cloudMeta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.cloudAccount b,.cloudAccount small{display:block}.cloudAccount small{color:var(--muted);margin-top:4px}.cloudStatus{border:1px solid color-mix(in srgb,var(--a) 55%,transparent);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;background:transparent;color:inherit;width:auto;min-width:0;cursor:default}.cloudStatus:disabled{opacity:1}.cloudStatusConflict{cursor:pointer;color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 25%,transparent)}.cloudStatusConflict:hover,.cloudStatusConflict:focus-visible{background:color-mix(in srgb,var(--a) 12%,transparent);outline:2px solid color-mix(in srgb,var(--a) 45%,transparent);outline-offset:2px}.cloudMeta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.cloudMeta span{color:var(--muted)}.cloudActions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.cloudActions button{flex:1;min-width:150px}
/* v6.9 cloud password visibility */
.passwordWrap{position:relative;display:flex;align-items:center}.passwordWrap input{padding-right:52px!important}.passwordEye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0!important;border-radius:10px;background:transparent!important;color:var(--muted)!important;border:0!important;font-size:20px;display:grid;place-items:center}.passwordEye:hover{color:var(--text)!important}
.restoreCompare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.restoreCompare>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 92%,var(--a) 8%)}.restoreCompare small,.restoreCompare b,.restoreCompare span{display:block}.restoreCompare small{color:var(--muted);font-weight:800;margin-bottom:7px}.restoreCompare span{color:var(--muted);font-size:12px;margin-top:5px}.restoreWarning{padding:14px;border-radius:14px;border:1px solid #ff9f43;background:#ff9f4315;margin:14px 0;line-height:1.45}@media(max-width:560px){.restoreCompare{grid-template-columns:1fr}}
/* v6.10: reliable password visibility icon */
.passwordEye svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.passwordEye:focus-visible{outline:2px solid var(--a);outline-offset:2px}

/* v6.14 — consistent active-session dashboard actions + plan accents */
.activeSessionActions{display:grid;gap:10px;margin-top:18px}.activeSessionActions .activeGo{width:100%;margin:0}.endSessionBtn{width:100%;min-height:48px;border:1px solid #ff4d5f!important;background:linear-gradient(180deg,rgba(100,20,32,.82),rgba(52,12,20,.88))!important;color:#ff8792!important;font-weight:900;letter-spacing:.02em}.modePlanRows{margin:14px 0}.modePlanRows .dashRow,.programAccentRow{position:relative;overflow:hidden}.programAccentRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:12px 12px 12px 0;background:var(--panel2,#101d2c);border-radius:12px}.programAccentRow>div{display:grid;gap:4px}.programAccentRow small{display:block;color:var(--muted)}.activeSessionNote{margin-top:14px;color:var(--muted);font-size:.9rem;text-align:center}.modeProgramSelect:disabled{opacity:.65;cursor:not-allowed}
/* v6.15 compact Available Programs dashboard cards */
.availableProgramRow{width:100%;border:0;text-align:left;color:inherit;background:var(--panel2,#101d2d);cursor:pointer;position:relative;padding-right:18px}
.availableProgramRow>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.availableProgramRow small{display:block;font-weight:500;opacity:.72}
.availableProgramRow .programChevron{font-size:28px;opacity:.72;margin-left:auto}
.availableProgramRow.selectedProgram{outline:1px solid var(--accent,#6f7cff);outline-offset:-1px}
/* v6.16 Cardio program + live workout upgrade */
.cardioProgramDetail>h1{margin-bottom:4px}.cardioLiveMetrics,.finishPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:18px 0}.cardioLiveMetrics>div,.finishPreview>div{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.cardioLiveMetrics small,.finishPreview small{color:var(--muted)}.cardioLiveMetrics b,.finishPreview b{font-size:20px}.cardioDistanceEntry{width:100%;margin:4px 0 16px}.cardioDistanceEntry input{margin-top:7px}.cardioLive>strong{font-size:64px;line-height:1.05;margin:8px 0}.cardioLive>small{text-align:center}.cardioControls{gap:10px}.cardioControls button{min-width:130px}@media(max-width:560px){.cardioLiveMetrics,.finishPreview{grid-template-columns:1fr 1fr}.cardioLive>strong{font-size:52px}.cardioControls button{min-width:0;flex:1}}
/* v6.17 HIIT refinement */
.hiitProgramManage{gap:12px;align-items:center}.programManageBtns{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.programManageBtns button{padding:8px 10px;font-size:11px}.exerciseOrderBtns{display:flex;gap:5px}.exerciseOrderBtns button{padding:7px 10px}.hiitContext{display:flex;justify-content:space-between;width:100%;max-width:520px;color:var(--muted);font-weight:800;margin-bottom:4px}.hiitNextCard{width:100%;max-width:none}.hiitNextCard small,.hiitNextCard span{color:var(--muted)}.hiitNextCard h3{margin:5px 0}.historyDetailBtn{width:100%;border:0;color:inherit;text-align:left;cursor:pointer}.historyDetailBtn>span{font-size:24px;color:var(--muted)}@media(max-width:560px){.hiitProgramManage{align-items:flex-start;flex-direction:column}.programManageBtns{justify-content:flex-start}.hiitContext{font-size:13px}}
/* v6.18 unified History Detail design */
.unifiedHistory{display:grid;gap:14px}.unifiedHistory .historyWorkoutHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.unifiedHistory .historyWorkoutHead small{color:var(--muted);font-weight:900;letter-spacing:.08em}.unifiedHistory .historyWorkoutHead h2,.unifiedHistory .historyWorkoutHead h3{margin:4px 0}.historyPrBadge{display:inline-flex;align-items:center;background:#20d996;color:#052417;border-radius:9px;padding:4px 8px;font-size:12px;vertical-align:middle}.historyStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--card2);border-radius:16px;overflow:hidden}.historyStats>div{padding:13px 9px;text-align:center;border-right:1px solid var(--line);min-width:0}.historyStats>div:last-child{border-right:0}.historyStats small,.historyStats b{display:block}.historyStats small{color:var(--muted);font-size:11px}.historyStats b{margin-top:5px;font-size:16px;overflow-wrap:anywhere}.historySectionLabel{margin:4px 0 0}.historyExerciseCard{border:1px solid var(--line);border-left:5px solid var(--historyStripe,var(--a));border-radius:15px;padding:13px;background:var(--card2)}.historyExerciseTitle{display:flex;align-items:center;gap:9px;margin-bottom:8px}.historyIndex{width:30px;height:30px;min-width:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--a) 28%,var(--card2));font-weight:900}.historySetList{display:grid;gap:0;margin-left:39px}.historySetList>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-top:1px solid var(--line)}.historySetList span{color:var(--muted)}.historyMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line)}.historyMeta>span{display:flex;justify-content:space-between;gap:10px;background:var(--card2);padding:12px}.historyExerciseHeader{display:grid;grid-template-columns:1fr auto 54px;gap:10px;align-items:end;padding:0 10px;color:var(--muted);font-size:11px}.historyExerciseHeader b{color:var(--text);font-size:18px}.hiitHistoryExercises{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card2)}.hiitHistoryRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto 44px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.hiitHistoryRow:last-child{border-bottom:0}.hiitHistoryRow>span:nth-child(3),.hiitHistoryRow>strong{text-align:right;white-space:nowrap}.historyPrCallout{display:flex;gap:12px;align-items:center;border:1px solid #d6a82f;border-radius:15px;padding:14px;background:#d6a82f15;color:#f5c542}.historyPrCallout div{display:grid;gap:3px}.historyPrCallout small{color:var(--muted)}.cardioStructure{grid-template-columns:1fr}.powerHistory{margin-bottom:16px}.powerHistory .historyStats{margin:4px 0}
@media(max-width:560px){.historyStats{grid-template-columns:repeat(2,minmax(0,1fr))}.historyStats>div:nth-child(2){border-right:0}.historyStats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.historyExerciseHeader{grid-template-columns:1fr auto 44px}.hiitHistoryRow{grid-template-columns:32px minmax(0,1fr) auto 36px;gap:7px;padding:10px 8px}.hiitHistoryRow .historyIndex{width:28px;height:28px;min-width:28px}.hiitHistoryRow>span:nth-child(3){font-size:12px}.historyMeta{grid-template-columns:1fr}.historySetList{margin-left:0}.unifiedHistory .historyWorkoutHead>span{font-size:12px;color:var(--muted)}}

/* FitLyfe v6.19 — unified Personal Records blocks in History Detail */
.historyPRSection{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,190,30,.055),rgba(255,255,255,.018))}
.historyPRSection h3{margin:0 0 4px;font-size:20px}.historyPRSection>p{margin:0 0 10px}
.historyPRRow{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.historyPRRow:first-of-type{border-top:0}.historyPRIcon{font-size:21px;text-align:center}.historyPRRow b,.historyPRRow small{display:block}.historyPRRow small{color:var(--muted);margin-top:3px;line-height:1.3}
@media(max-width:520px){.historyPRSection{padding:14px}.historyPRSection h3{font-size:18px}.historyPRRow{grid-template-columns:30px minmax(0,1fr)}}

/* FitLyfe v6.21 — icon-led History stats, preserving v6.20 layouts */
.iconStats>div{position:relative;padding-top:10px}.historyStatIcon{display:block;font-size:21px;line-height:1;margin:0 auto 5px;font-weight:900}.historyStat.blue .historyStatIcon{color:#28a8ff}.historyStat.cyan .historyStatIcon{color:#28d7ef}.historyStat.green .historyStatIcon{color:#78e846}.historyStat.purple .historyStatIcon{color:#bd5cff}.historyStat.orange .historyStatIcon{color:#ff6b20}.historyStat.rose .historyStatIcon{color:#ff416c}.historyStat.gold .historyStatIcon{color:#f5c542}.historyStat.silver .historyStatIcon{color:#aab8ca}.iconStats .historyStat small{font-size:10px}.iconStats .historyStat b{font-size:15px}

/* FitLyfe v6.22 — Exercise Library + demonstration-only active workout */
.exerciseLibraryPicker{display:grid;gap:10px;margin:8px 0 16px}.librarySearch{display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:0 10px}.librarySearch input{border:0;background:transparent;margin:0}.libraryCats{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.libraryCats button{white-space:nowrap;padding:7px 12px;border-radius:999px;background:var(--card2);color:var(--muted);border:1px solid var(--line)}.libraryCats button.on{background:var(--a);color:#fff;border-color:var(--a)}#exerciseLibraryResults{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:14px}.libraryExercise{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;padding:9px 11px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--card2);color:var(--text)}.libraryExercise:last-child{border-bottom:0}.libraryExercise.selected{box-shadow:inset 4px 0 0 var(--a);background:color-mix(in srgb,var(--a) 10%,var(--card2))}.libraryExercise img,.libraryPlaceholder{width:54px;height:46px;border-radius:9px;object-fit:contain;background:#eef1f5}.libraryPlaceholder{display:grid;place-items:center;background:var(--card);font-size:22px}.libraryExercise>span:nth-child(2){display:grid;gap:3px}.libraryExercise small{color:var(--muted)}.libraryModeNote{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}.libraryModeNote small{color:var(--muted)}.libraryEmpty{padding:15px}.exerciseDemoOnly{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:grid;gap:10px}.exerciseDemoOnly .demoimg{width:100%;max-height:390px;object-fit:contain;border-radius:14px;background:#eef1f5}.noExerciseDemo{min-height:220px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center;padding:20px}.noExerciseDemo span{font-size:42px}.noExerciseDemo b{color:var(--text)}

/* FitLyfe v6.23 — production exercise photo library */
.libraryExercise img{background:#03141f;object-fit:contain}.exerciseDemoOnly .demoimg{background:#03141f;object-fit:contain}.libraryPlaceholder{display:none}

/* FitLyfe v6.24 — approved minimal exercise demonstration */
.exerciseDemoOnly{padding:16px;background:linear-gradient(180deg,#091826,#071522);border:1px solid #233b50;border-radius:18px;gap:14px}
.exerciseDemoHead{display:flex;align-items:center;justify-content:space-between;gap:14px}.exerciseDemoHead h2{margin:0;font-size:28px;line-height:1.05}.exerciseDemoHead small{display:block;margin-top:5px;color:var(--muted);font-size:14px}
.exerciseDemoFrame{width:100%;aspect-ratio:16/9;max-height:560px;border:1px solid #1f394d;border-radius:16px;overflow:hidden;background:#03141f;display:grid;place-items:center}
.exerciseDemoOnly .exerciseDemoFrame .demoimg{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#03141f}
.libraryExercise img{object-fit:cover;object-position:center;background:#03141f}
@media(max-width:700px){.exerciseDemoOnly{padding:12px}.exerciseDemoHead h2{font-size:23px}.exerciseDemoFrame{aspect-ratio:4/3;max-height:420px}}


/* FitLyfe v6.26 — workout demonstration image fill fix */
.exerciseDemoFrame{position:relative!important;width:100%!important;height:clamp(300px,46vw,520px)!important;aspect-ratio:auto!important;max-height:520px!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#03141f!important;border:1px solid #1f394d!important;border-radius:16px!important;display:block!important}
.exerciseDemoOnly .exerciseDemoFrame > img.demoimg{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border-radius:0!important;object-fit:cover!important;object-position:center center!important;background:#03141f!important}
@media(max-width:700px){.exerciseDemoFrame{height:clamp(230px,62vw,380px)!important}}
/* FitLyfe v6.27 — compact active-workout controls */
.activebarActions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.activebarActions button{margin:0;white-space:nowrap}
.activebarFinish{border:1px solid #ff4d5f!important;background:linear-gradient(180deg,rgba(100,20,32,.82),rgba(52,12,20,.88))!important;color:#ff8792!important;font-weight:900}
.workoutContext{margin:8px 0 12px}
.workoutContext h1{margin-top:8px;margin-bottom:0}
@media(max-width:700px){.activebarActions{gap:6px}.activebarActions button{padding:7px 9px!important;font-size:11px!important}.activebarInfo b{font-size:12px}.activebarInfo .small{font-size:11px}.workoutContext{margin-top:4px}}

/* FitLyfe v6.28 — unified mode heroes + polished workout status */
.profileHero.modeHero,.hiitHero,.cardioHero{box-sizing:border-box;min-height:205px!important;padding:18px 24px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.profileHero.modeHero{align-items:stretch!important}.modeHeroIdentity{display:flex;align-items:center;gap:16px;margin-top:14px}.modeHeroIdentity h1{font-size:38px!important;line-height:1!important;margin:0 0 7px!important;color:#fff}.modeHeroIdentity b{font-size:16px;letter-spacing:.02em}.powerHero .modeHeroIdentity b{color:#a855f7}.hiitHero .modeHeroIdentity b{color:#ff5b2d}.cardioHero .modeHeroIdentity b{color:#2aa3ff}.modeHeroIcon{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;flex:0 0 auto}.powerHero .modeHeroIcon{box-shadow:0 0 0 2px #a855f7}.hiitHero .modeHeroIcon{box-shadow:0 0 0 2px #ff5b2d}.cardioHero .modeHeroIcon{box-shadow:0 0 0 2px #2687ff}.modeIcon{overflow:hidden;padding:0!important;background:#07111d!important}.modeIcon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.workoutStatusPills{display:flex;justify-content:center;align-items:center;gap:14px;margin:12px auto 18px;flex-wrap:wrap}.workoutStat{min-width:145px;display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px;border-radius:999px;background:#0c1724;border:1px solid currentColor;box-shadow:inset 0 0 20px rgba(0,0,0,.18)}.workoutStat svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workoutStat div{display:grid;line-height:1.05}.workoutStat b{font-size:18px;color:#f6f8fc}.workoutStat small{font-size:11px;margin-top:4px;color:currentColor}.statExercises{color:#278cff}.statSets{color:#2bd99f}.statTime{color:#ff982f}.workoutContext{text-align:left}.workoutContext h1{margin-top:4px}.activebarActions button:first-child,.activebarFinish{display:flex;align-items:center;gap:7px}@media(max-width:700px){.profileHero.modeHero,.hiitHero,.cardioHero{min-height:180px!important;padding:15px!important}.modeHeroIdentity{gap:11px;margin-top:10px}.modeHeroIcon{width:56px;height:56px}.modeHeroIdentity h1{font-size:28px!important}.modeHeroIdentity b{font-size:12px}.workoutStatusPills{gap:7px;margin:8px auto 12px;flex-wrap:nowrap}.workoutStat{min-width:0;flex:1;padding:8px 7px;gap:6px}.workoutStat svg{width:21px;height:21px}.workoutStat b{font-size:14px}.workoutStat small{font-size:9px}}

/* FitLyfe v6.29 — uniform mode icon rings */
.modeHeroIcon,.modeIcon img{
  box-sizing:border-box!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#070b17!important;
}
.powerHero .modeHeroIcon,.modeCard.power .modeIcon img{
  border:3px solid #a855f7!important; box-shadow:none!important;
}
.hiitHero .modeHeroIcon,.modeCard.hiit .modeIcon img{
  border:3px solid #ff5b2d!important; box-shadow:none!important;
}
.cardioHero .modeHeroIcon,.modeCard.cardio .modeIcon img{
  border:3px solid #2687ff!important; box-shadow:none!important;
}
.modeIcon{border:none!important;box-shadow:none!important;background:transparent!important}
.modeIcon img{width:100%!important;height:100%!important;padding:5px!important}
.modeHeroIcon{padding:5px!important}

/* FitLyfe v6.30 — single-ring mode icons */
.modeIcon img,.modeHeroIcon{padding:7px!important}

/* FitLyfe v6.31 — precise mode icon centering */
.modeIcon,.modeHeroIdentity{overflow:visible!important}
.modeIcon img,.modeHeroIcon{
  object-position:50% 50%!important;
  transform:none!important;
  vertical-align:middle!important;
}

/* FitLyfe v6.32 — rebuilt centered mode symbols */
.modeIcon img,.modeHeroIcon{
 padding:0!important;
 object-fit:cover!important;
 object-position:center center!important;
 background:#050a14!important;
}
.powerHero .modeHeroIcon,.modeCard.power .modeIcon img{border:3px solid #a855f7!important}
.hiitHero .modeHeroIcon,.modeCard.hiit .modeIcon img{border:3px solid #ff5b2d!important}
.cardioHero .modeHeroIcon,.modeCard.cardio .modeIcon img{border:3px solid #2687ff!important}

/* FitLyfe v6.32.1 — clean centered vector mode icons */
.modeIcon img,.modeHeroIcon{object-fit:contain!important;object-position:50% 50%!important;padding:9px!important}

/* v6.33 HIIT integrated warm-up */
.hiitPlanSummary{display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1px solid #31465c;border-radius:18px;margin:20px 0;overflow:hidden;background:#0b1724}.hiitSummaryCell{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center}.hiitSummaryCell+.hiitSummaryCell{border-left:1px solid #31465c}.hiitSummaryCell>svg{width:42px;height:42px;border:2px solid currentColor;border-radius:50%;padding:9px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.hiitSummaryCell.blue{color:#3799ff}.hiitSummaryCell.green{color:#39dd91}.hiitSummaryCell.orange{color:#ff9636}.hiitSummaryCell>strong{font-size:23px;color:#fff}.hiitSummaryCell>span{font-size:13px;color:#9eb0c7}.hiitWarmControl{margin-top:10px;width:100%}.hiitWarmControl>b{display:block;margin-bottom:6px}.hiitWarmControl>div{display:flex;justify-content:center;align-items:center;border:1px solid #46586d;border-radius:11px;overflow:hidden;max-width:185px;margin:auto;background:#111e2d}.hiitWarmControl button{border:0!important;border-radius:0!important;min-width:48px;padding:8px!important;font-size:19px}.hiitWarmControl strong{min-width:62px;color:#fff;font-size:19px}@media(max-width:700px){.hiitPlanSummary{grid-template-columns:1fr 1fr}.hiitSummaryCell.orange{grid-column:1/-1;border-left:0!important;border-top:1px solid #31465c}}

/* FitLyfe v6.34 — Powerlifting dynamic workout summary + 1RM relocation */
.powerPlanSummary{display:grid;grid-template-columns:1fr 1fr 1.18fr;border:1px solid #31465c;border-radius:18px;margin:20px 0;overflow:hidden;background:#0b1724}
.powerSummaryCell{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center}
.powerSummaryCell+.powerSummaryCell{border-left:1px solid #31465c}
.powerSummaryCell>svg{width:42px;height:42px;border:2px solid currentColor;border-radius:50%;padding:9px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.powerSummaryCell.blue{color:#3799ff}.powerSummaryCell.green{color:#39dd91}.powerSummaryCell.orange{color:#ff9636}
.powerSummaryCell>strong{font-size:23px;color:#fff}.powerSummaryCell>span{font-size:13px;color:#9eb0c7}
.powerWarmControl{margin-top:10px;width:100%}.powerWarmControl>b{display:block;margin-bottom:6px}
.powerWarmControl>div{display:flex;justify-content:center;align-items:center;border:1px solid #46586d;border-radius:11px;overflow:hidden;max-width:185px;margin:auto;background:#111e2d}
.powerWarmControl button{border:0!important;border-radius:0!important;min-width:48px;padding:8px!important;font-size:19px}
.powerWarmControl strong{min-width:62px;color:#fff;font-size:19px}
.strengthOverview{margin-bottom:16px}.strengthOverview .maxLiftGrid{margin:10px 0 0}
@media(max-width:700px){.powerPlanSummary{grid-template-columns:1fr 1fr}.powerSummaryCell.orange{grid-column:1/-1;border-left:0!important;border-top:1px solid #31465c}.strengthOverview .maxLiftGrid{grid-template-columns:repeat(2,1fr)}}

/* FitLyfe v6.35 — Powerlifting default rest timer setting */
.defaultRestControl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;padding:18px;border:1px solid #33465a;border-radius:16px;background:#0b1724}
.defaultRestControl strong{min-width:100px;text-align:center;font-size:32px;color:#fff}
.defaultRestControl button{min-width:130px}
@media(max-width:600px){.defaultRestControl{gap:8px}.defaultRestControl button{min-width:0;flex:1;padding:12px 8px}.defaultRestControl strong{min-width:72px;font-size:25px}}

/* FitLyfe v6.36 — approved neon icon assets */
.modeIcon img,.modeHeroIcon{
  padding:0!important;border:0!important;box-shadow:none!important;
  object-fit:cover!important;object-position:center!important;background:transparent!important;
}
.neonLiftIcon{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.strengthOverview .liftIcon{padding:0!important;background:transparent!important;overflow:hidden;border-radius:50%;box-shadow:none!important}

/* Power warm-up: dashboard-configured stopwatch-style timer */
.powerWarmStopwatch{text-align:center;padding:8px 4px 2px}
.powerWarmStopwatch>small{font-weight:800;letter-spacing:.12em;color:#9fb0c5}
.warmRing{width:250px;height:250px;margin:18px auto 24px;border-radius:50%;display:grid;place-items:center;
 border:8px solid #6f7cff;background:radial-gradient(circle,#152033 0%,#0b1522 72%);
 box-shadow:0 0 28px rgba(111,124,255,.22),inset 0 0 28px rgba(111,124,255,.08)}
.warmRing .timer{font-size:64px!important;font-weight:900;margin:0!important}
.powerWarmStopwatch .timercontrols{justify-content:center}
.powerWarmStopwatch .timercontrols button{min-width:110px}
@media(max-width:600px){.warmRing{width:210px;height:210px}.warmRing .timer{font-size:52px!important}.powerWarmStopwatch .timercontrols button{min-width:0;flex:1}}
/* FitLyfe v6.37 — Strength Overview layout correction */
.strengthOverview .maxLiftGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.strengthOverview .maxLiftCard{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:16px 18px;text-align:left!important}
.strengthOverview .liftIcon{width:64px!important;height:64px!important;margin:0!important;flex:0 0 64px}
.strengthOverview .neonLiftIcon{width:64px!important;height:64px!important;object-fit:contain!important}
.strengthOverview .maxLiftCard>div:last-child{min-width:0}
.strengthOverview .maxLiftCard span{font-size:16px!important}
.strengthOverview .maxLiftCard b{display:block;white-space:nowrap;font-size:25px!important;line-height:1.15;margin:6px 0!important}
.strengthOverview .maxLiftCard small{font-size:14px!important}
@media(max-width:1050px){.strengthOverview .maxLiftGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.strengthOverview .maxLiftGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.strengthOverview .maxLiftCard{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:11px 9px}.strengthOverview .liftIcon,.strengthOverview .neonLiftIcon{width:44px!important;height:44px!important}.strengthOverview .maxLiftCard span{font-size:12px!important}.strengthOverview .maxLiftCard b{font-size:17px!important}.strengthOverview .maxLiftCard small{font-size:10px!important}}

/* FitLyfe v6.38 — definitive Strength Overview sizing */
.strengthOverview .maxLiftGrid{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
 gap:14px!important;
}
.strengthOverview .maxLiftCard{
 display:flex!important;
 align-items:center!important;
 text-align:left!important;
 gap:16px!important;
 min-width:0!important;
 padding:18px 20px!important;
}
.strengthOverview .liftIcon{
 width:72px!important;height:72px!important;min-width:72px!important;
 margin:0!important;padding:4px!important;overflow:visible!important;
 background:transparent!important;
}
.strengthOverview .neonLiftIcon{
 width:64px!important;height:64px!important;max-width:none!important;
 object-fit:contain!important;border-radius:50%!important;
}
.strengthOverview .maxLiftCard>div:last-child{min-width:0!important;flex:1 1 auto!important}
.strengthOverview .maxLiftCard span{font-size:17px!important;line-height:1.15!important}
.strengthOverview .maxLiftCard b{
 display:block!important;white-space:nowrap!important;word-break:keep-all!important;
 overflow-wrap:normal!important;font-size:28px!important;line-height:1.1!important;
 margin:7px 0!important;
}
.strengthOverview .maxLiftCard small{font-size:14px!important}
@media(max-width:680px){
 .strengthOverview .maxLiftGrid{grid-template-columns:1fr!important}
 .strengthOverview .maxLiftCard{padding:15px 16px!important}
 .strengthOverview .liftIcon{width:62px!important;height:62px!important;min-width:62px!important}
 .strengthOverview .neonLiftIcon{width:54px!important;height:54px!important}
 .strengthOverview .maxLiftCard b{font-size:24px!important}
}

/* FitLyfe v6.39 — Cardio dashboard summary */
.cardioPlanSummary{display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1px solid #31465c;border-radius:18px;margin:20px 0;overflow:hidden;background:#0b1724}
.cardioSummaryCell{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}
.cardioSummaryCell+.cardioSummaryCell{border-left:1px solid #31465c}
.cardioSummaryCell>svg{width:44px;height:44px;border:2px solid currentColor;border-radius:50%;padding:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.cardioSummaryCell.blue{color:#3799ff}.cardioSummaryCell.green{color:#39dd91}.cardioSummaryCell.orange{color:#ff9636}
.cardioSummaryCell>strong{font-size:24px;color:#fff;white-space:nowrap}.cardioSummaryCell>span{font-size:13px;color:#9eb0c7;margin-top:3px}
.cardioWarmControl{margin-top:10px;width:100%}.cardioWarmControl>b{display:block;margin-bottom:6px}
.cardioWarmControl>div{display:flex;justify-content:center;align-items:center;border:1px solid #46586d;border-radius:11px;overflow:hidden;max-width:190px;margin:auto;background:#111e2d}
.cardioWarmControl button{border:0!important;border-radius:0!important;min-width:48px;padding:8px!important;font-size:19px}.cardioWarmControl strong{min-width:62px;color:#fff;font-size:19px}
@media(max-width:700px){.cardioPlanSummary{grid-template-columns:1fr 1fr}.cardioSummaryCell.orange{grid-column:1/-1;border-left:0!important;border-top:1px solid #31465c}.cardioSummaryCell{min-height:125px;padding:12px}}

/* FitLyfe v6.40 — Cardio single-screen dashboard */
.cardioDashActions{align-items:center;justify-content:flex-end;gap:10px}
.cardioDashboardDetails{margin-top:14px}
.cardioDashboardStart{margin-top:18px}
@media(max-width:700px){.cardioNextCard>.row.between{align-items:flex-start;gap:12px}.cardioDashActions{width:100%;justify-content:stretch;flex-wrap:wrap}.cardioDashActions select{flex:1;min-width:180px}}

/* FitLyfe v6.41 — Cardio mirrors HIIT dashboard hierarchy */
.cardioHiitMirror .cardioTopDetails{margin:16px 0 22px}
.cardioHiitMirror .cardioPlanSummary{margin-top:0}
.cardioHiitMirror .cardioWarmControl>b{color:#ff9636}
.cardioHiitMirror .cardioDashboardStart{margin-top:18px}

/* FitLyfe v6.44 — unified mode banner geometry */
.profileHero.modeHero.powerHero,.hiitHero,.cardioHero{
  box-sizing:border-box!important;
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
  padding:15px!important;
  border-radius:22px!important;
  margin-bottom:14px!important;
}
.modeNextCard{box-sizing:border-box}
.modeNextHeader{min-height:46px;align-items:center!important}
.modeNextHeader .modeProgramSelect{height:46px;min-height:46px}
.modeNextTitle{min-height:40px;display:flex;align-items:center;margin-top:8px!important;margin-bottom:12px!important}
.cardioHiitMirror .modeNextHeader + .modeNextTitle{margin-top:8px!important}
@media(max-width:640px){
  .profileHero.modeHero.powerHero,.hiitHero,.cardioHero{
    height:180px!important;min-height:180px!important;max-height:180px!important;padding:15px!important;
  }
  .modeNextHeader{min-height:44px}
  .modeNextHeader .modeProgramSelect{height:44px;min-height:44px}
}

/* FitLyfe v6.45 — compact Strength Overview */
.strengthOverview{padding:16px!important}
.strengthOverview .sectionTitle{margin-bottom:10px!important}
.strengthOverview .sectionTitle h2{font-size:22px!important;margin:0 0 2px!important}
.strengthOverview .sectionTitle small{font-size:12px!important}
.strengthOverview .maxLiftGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.strengthOverview .maxLiftCard{
  min-height:0!important;
  height:82px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.strengthOverview .maxLiftCard .liftIcon{
  width:48px!important;height:48px!important;min-width:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.strengthOverview .maxLiftCard .liftIcon img{
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:contain!important;
}
.strengthOverview .maxLiftCard>div:last-child{min-width:0!important;display:grid!important;grid-template-columns:auto auto;column-gap:7px!important;align-items:baseline!important}
.strengthOverview .maxLiftCard span{font-size:13px!important;font-weight:700!important;grid-column:1/-1}
.strengthOverview .maxLiftCard b{font-size:21px!important;line-height:1.05!important;white-space:nowrap!important;margin:2px 0 0!important}
.strengthOverview .maxLiftCard small{font-size:10px!important;margin:0!important}
@media(max-width:700px){
 .strengthOverview{padding:13px!important}
 .strengthOverview .maxLiftGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .strengthOverview .maxLiftCard{height:72px!important;padding:8px 9px!important;gap:8px!important}
 .strengthOverview .maxLiftCard .liftIcon,.strengthOverview .maxLiftCard .liftIcon img{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;max-height:40px!important}
 .strengthOverview .maxLiftCard b{font-size:18px!important}
 .strengthOverview .maxLiftCard span{font-size:12px!important}
}

/* FitLyfe v6.46 — restore flexible mode banners; selector buttons + ultra-compact Strength Overview */
.profileHero.modeHero.powerHero,.hiitHero,.cardioHero{
 height:auto!important;min-height:180px!important;max-height:none!important;
 padding:15px!important;border-radius:22px!important;
}
.modeProgramTitleRow{position:relative;align-items:center!important}
.modeProgramTitleRow .modeNextTitle{margin:4px 0 10px!important;min-height:0!important}
.modeChooseProgram{font-size:22px!important;line-height:1!important}
.modeProgramDropdown{right:0;left:auto;top:calc(100% + 8px);min-width:220px;z-index:30}
.strengthOverviewCompact{padding:12px!important}
.strengthOverviewCompact .sectionTitle{margin-bottom:7px!important}
.strengthOverviewCompact .sectionTitle h2{font-size:19px!important;margin:0!important}
.strengthOverviewCompact .sectionTitle small{font-size:11px!important}
.strengthOverviewCompact .maxLiftGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.strengthOverviewCompact .maxLiftCard{
 height:58px!important;min-height:58px!important;padding:7px 10px!important;border-radius:12px!important;
 display:flex!important;align-items:center!important;overflow:visible!important;
}
.strengthOverviewCompact .strengthTextOnly{display:block!important;min-width:0!important;width:100%!important}
.strengthOverviewCompact .strengthTextOnly span{display:block!important;font-size:11px!important;line-height:1.1!important;margin-bottom:4px!important}
.strengthOverviewCompact .strengthTextOnly b{display:block!important;font-size:18px!important;line-height:1.05!important;white-space:nowrap!important;margin:0!important}
@media(max-width:700px){
 .strengthOverviewCompact{padding:10px!important}
 .strengthOverviewCompact .maxLiftGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 .strengthOverviewCompact .maxLiftCard{height:54px!important;min-height:54px!important;padding:6px 9px!important}
 .strengthOverviewCompact .strengthTextOnly b{font-size:17px!important}
}

/* FitLyfe v6.47 — full-width responsive Next cards */
.modeNextCard,.nextUp,.hiitNextCard,.cardioNextCard{
 width:100%!important;
 max-width:none!important;
 box-sizing:border-box!important;
}
.hiitNextCard .modePlanRows,.cardioNextCard .modePlanRows,.nextUp .exerciseRows{
 width:100%!important;
}
.modeProgramTitleRow{width:100%!important}
.modeProgramTitleRow .modeNextTitle{flex:1 1 auto!important;min-width:0!important}
.modeProgramTitleRow .workoutChooser{flex:0 0 auto!important;margin-left:16px!important}
@media(min-width:900px){
 .hiitNextCard,.cardioNextCard,.nextUp{padding-left:28px!important;padding-right:28px!important}
 .hiitNextCard .hiitPlanSummary,.cardioNextCard .cardioPlanSummary,.nextUp .powerPlanSummary{width:100%!important}
}
@media(max-width:700px){
 .hiitNextCard,.cardioNextCard,.nextUp{padding-left:14px!important;padding-right:14px!important}
 .modeProgramTitleRow .workoutChooser{margin-left:10px!important}
}

/* FitLyfe v6.48 — compact mode banners + practical exercise category grid */
.modeDashHeadMinimal{justify-content:flex-end!important;min-height:42px}
.profileHero.modeHero.powerHero,.hiitHero,.cardioHero{min-height:150px!important;padding:16px 20px!important}
.modeDashHeadMinimal + .modeHeroIdentity{margin-top:0!important}
.libraryCats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important}
.libraryCats button{white-space:normal!important;min-height:46px!important;padding:9px 10px!important;border-radius:12px!important;text-align:center!important;background:var(--card2)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.libraryCats button.on{background:var(--a)!important;color:#fff!important;border-color:var(--a)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 35%,transparent)!important}
@media(min-width:1100px){.libraryCats{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:700px){
 .profileHero.modeHero.powerHero,.hiitHero,.cardioHero{min-height:125px!important;padding:13px 15px!important}
 .modeDashHeadMinimal{min-height:36px}
 .libraryCats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .libraryCats button{min-height:42px!important;padding:7px 5px!important;font-size:12px!important}
}
/* FitLyfe v6.49 — simplified accessory prescription */
.accessoryPrescriptionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:420px;gap:12px!important}
@media(max-width:520px){.accessoryPrescriptionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}}

/* FitLyfe v6.50 — unified timer visual language */
.unifiedTimer{text-align:center;margin:18px auto 8px;width:100%;transition:.22s ease}
.timerPhase{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}
.unifiedTimerRing{--timer-accent:#8b5cf6;--timer-progress:100;width:240px;height:240px;margin:14px auto 20px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:12px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(var(--timer-accent) calc(var(--timer-progress)*1%),#293241 0) border-box;box-shadow:0 0 28px color-mix(in srgb,var(--timer-accent) 20%,transparent);transition:width .22s ease,height .22s ease,background .18s linear}
.unifiedTimerRing strong{font-size:56px;line-height:1;font-weight:900;letter-spacing:-.04em}
.powerTimer .unifiedTimerRing{--timer-accent:#8b5cf6}
.hiitRing.unifiedTimerRing{--timer-accent:var(--ring,#ff5b2d);--timer-progress:var(--progress,100);border-width:12px!important;width:240px;height:240px}
.cardioTimerRing{--timer-accent:#1688ff;margin-top:12px}
.unifiedTimerControls{justify-content:center;gap:10px;flex-wrap:wrap}.unifiedTimerControls button{min-width:110px}
.timerDoneLabel{display:none;font-size:12px;font-weight:900;letter-spacing:.08em;color:#9fb0c5;margin:6px 0 10px}
.powerTimer.isDone{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.powerTimer.isDone .timerPhase,.powerTimer.isDone .unifiedTimerControls{display:none}
.powerTimer.isDone .unifiedTimerRing{width:34px;height:34px;margin:0;border-width:4px;flex:0 0 34px;box-shadow:none;background:linear-gradient(var(--card2),var(--card2)) padding-box,conic-gradient(#8b5cf6 100%,#293241 0) border-box}
.powerTimer.isDone .unifiedTimerRing strong{display:none}.powerTimer.isDone .timerDoneLabel{display:block;margin:0}
.powerWarmStopwatch .warmRing{width:240px;height:240px;border:12px solid transparent;box-shadow:0 0 28px rgba(139,92,246,.20)}
.powerWarmStopwatch .warmRing strong{font-size:56px}
@media(max-width:600px){.unifiedTimerRing,.hiitRing.unifiedTimerRing,.powerWarmStopwatch .warmRing{width:216px;height:216px}.unifiedTimerRing strong,.powerWarmStopwatch .warmRing strong{font-size:50px}.unifiedTimerControls{display:grid;grid-template-columns:1fr 1fr 1fr}.unifiedTimerControls button{min-width:0;padding:10px 5px}}

/* FitLyfe v6.52 — clearer labelled navigation */
#nav{--nav-accent:#8b5cf6;min-height:72px;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:clamp(2px,1.4vw,18px);background:rgba(9,15,24,.94);border-top:1px solid #263143;box-shadow:0 -10px 30px rgba(0,0,0,.18)}
#nav.nav-power{--nav-accent:#8b5cf6}#nav.nav-hiit{--nav-accent:#ff6a2a}#nav.nav-cardio{--nav-accent:#1688ff}
#nav button{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:84px!important;min-height:56px!important;padding:6px 10px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#8491a4!important;font-size:20px!important;line-height:1!important;transition:color .16s ease,background .16s ease,transform .12s ease!important}
#nav button span{display:block!important;margin:0!important;font-size:10px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.02em!important;color:inherit!important}
#nav button:hover{background:rgba(255,255,255,.045)!important;color:#b9c5d5!important}#nav button:active{transform:scale(.96)}
#nav button.on{color:var(--nav-accent)!important;background:color-mix(in srgb,var(--nav-accent) 10%,transparent)!important;box-shadow:none!important;border:0!important}
#nav button.on:after{content:"";position:absolute;bottom:-7px;left:50%;width:28px;height:3px;transform:translateX(-50%);border-radius:99px;background:var(--nav-accent);box-shadow:0 0 12px color-mix(in srgb,var(--nav-accent) 65%,transparent)}
@media(min-width:900px){body{padding:20px 28px 104px!important}main{max-width:1320px!important}#nav{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:auto!important;flex-direction:row!important;justify-content:space-evenly!important;border-right:0!important;border-top:1px solid #263143!important}#nav:before{display:none!important}#nav button{width:auto!important;flex:0 1 150px!important;text-align:center!important}}
@media(max-width:600px){#nav{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;min-height:68px!important;padding-left:4px!important;padding-right:4px!important}#nav button{min-width:0!important;width:auto!important;padding:5px 1px!important;font-size:18px!important}#nav button span{font-size:8.5px!important}#nav button.on:after{bottom:-7px;width:22px}}
html[data-theme="light"] #nav{background:rgba(255,255,255,.96);border-color:#d9e1ea}html[data-theme="light"] #nav button{color:#718096!important}html[data-theme="light"] #nav button.on{color:var(--nav-accent)!important}

/* v6.53 Powerlifting workout UX polish */
.currentSetHero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:12px 14px;border:1px solid color-mix(in srgb,#8b5cf6 45%,var(--line));border-radius:14px;background:color-mix(in srgb,#8b5cf6 9%,var(--card))}.currentSetHero span{font-size:11px;font-weight:900;letter-spacing:.11em;color:#bca7ff}.currentSetHero strong{font-size:20px}.demoHeadActions{display:flex;align-items:center;gap:8px}.demoToggle{min-width:38px!important;width:38px;height:38px;padding:0!important;border-radius:10px;font-size:20px}.exerciseDemoOnly.demoCollapsed{padding:12px 16px}.powerLogTable tr{transition:.16s ease}.powerLogTable .setDone{opacity:.56}.powerLogTable .setDone input{background:transparent;border-color:transparent}.powerLogTable .setFuture{opacity:.72}.powerLogTable .setCurrent{background:color-mix(in srgb,#8b5cf6 9%,transparent);box-shadow:inset 4px 0 0 #8b5cf6}.powerLogTable .setCurrent td{padding-top:13px;padding-bottom:13px}.powerLogTable .completeSetBtn{min-width:124px;background:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:900}.nextExercisePrompt{display:grid;gap:7px;text-align:center;margin:0 0 16px;padding:18px;border:1px solid color-mix(in srgb,#8b5cf6 45%,var(--line));border-radius:16px;background:color-mix(in srgb,#8b5cf6 8%,var(--card2))}.nextExercisePrompt>span{font-size:12px;font-weight:900;color:#a98cff}.nextExercisePrompt small{margin-top:5px;letter-spacing:.12em;color:var(--muted)}.nextExercisePrompt h2{margin:0}.nextExercisePrompt button{margin:7px auto 0;min-width:180px}.workoutFinishState{display:grid;place-items:center;gap:8px;text-align:center;padding:20px;margin:16px 0;border:1px solid color-mix(in srgb,#8b5cf6 45%,var(--line));border-radius:16px;background:color-mix(in srgb,#8b5cf6 8%,var(--card2))}.workoutFinishState>span{font-weight:900;letter-spacing:.12em;color:#b49cff}.workoutFinishState h2{font-size:32px;margin:0}.workoutFinishState div{display:grid}.workoutFinishState div b{font-size:22px}.workoutFinishState div small{color:var(--muted);font-size:10px;letter-spacing:.1em}.workoutFinishState button{margin-top:6px;min-width:190px}
@media(max-width:600px){.currentSetHero{align-items:flex-start;flex-direction:column;gap:5px}.currentSetHero strong{font-size:18px}.powerLogTable .completeSetBtn{min-width:0;font-size:11px;padding:9px 6px}.demoHeadActions .pill{font-size:10px}}
/* v6.54 — HIIT active workout polish */
.hiitPhaseHeader{text-align:center;width:100%;max-width:620px;margin:4px auto 0}.hiitPhaseLabel{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,#ff5b2d 16%,transparent);border:1px solid color-mix(in srgb,#ff5b2d 42%,transparent);color:#ff7a52;font-size:12px;font-weight:900;letter-spacing:.16em}.hiitPhaseHeader h1{font-size:38px;line-height:1.08;margin:12px 0 7px}.hiitPosition{color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.02em}.hiitLive .hiitRing{margin-top:16px;margin-bottom:16px}.hiitLive .hiitRing small{margin-top:9px;font-weight:800;letter-spacing:.04em}.hiitNextCompact{max-width:620px!important;margin:0 auto 14px!important;padding:13px 16px!important;display:flex;align-items:center;justify-content:space-between;text-align:left}.hiitNextCompact h3{margin:3px 0 0!important;font-size:17px}.hiitNextCompact>strong{font-size:19px;color:#ff7a52}.hiitControls{max-width:620px;margin:0 auto}.hiitControls button{min-width:145px}.hiitPaused .hiitRing{opacity:.68}.hiitPaused .hiitPhaseLabel{background:#202733;border-color:#4b5665;color:#d8dee8}.hiitPhase-prep .hiitPhaseLabel{animation:hiitReadyPulse 1s ease-in-out infinite alternate}.hiitPhase-rest .hiitNextCompact,.hiitPhase-cycleRest .hiitNextCompact{border-color:color-mix(in srgb,#ff5b2d 35%,#2a3442)}
@keyframes hiitReadyPulse{from{box-shadow:0 0 0 rgba(255,91,45,0)}to{box-shadow:0 0 20px rgba(255,91,45,.18)}}
@media(max-width:600px){.hiitPhaseHeader h1{font-size:31px}.hiitNextCompact{width:100%!important}.hiitControls{display:grid!important;grid-template-columns:1fr 1fr}.hiitControls button{min-width:0}}

/* FitLyfe v6.55 — semantic phase colors + Cardio active-workout polish */
.hiitPhase-prep .hiitRing,.hiitPhase-warmup .hiitRing{--ring:#2687ff}
.hiitPhase-prep .hiitPhaseLabel,.hiitPhase-warmup .hiitPhaseLabel{color:#55a4ff;background:color-mix(in srgb,#2687ff 16%,transparent);border-color:color-mix(in srgb,#2687ff 42%,transparent)}
.hiitPhase-work .hiitRing{--ring:#ff6a22}
.hiitPhase-work .hiitPhaseLabel{color:#ff7a52;background:color-mix(in srgb,#ff5b2d 16%,transparent);border-color:color-mix(in srgb,#ff5b2d 42%,transparent)}
.hiitPhase-rest .hiitRing,.hiitPhase-cycleRest .hiitRing{--ring:#35d46a}
.hiitPhase-rest .hiitPhaseLabel,.hiitPhase-cycleRest .hiitPhaseLabel{color:#53e27d;background:color-mix(in srgb,#35d46a 15%,transparent);border-color:color-mix(in srgb,#35d46a 42%,transparent)}
.hiitPhase-rest .hiitNextCompact,.hiitPhase-cycleRest .hiitNextCompact{border-color:color-mix(in srgb,#35d46a 35%,#2a3442)}

.cardioLivePolished{text-align:center;--cardio-phase:#2687ff}
.cardioLivePolished.phase-work,.cardioLivePolished.phase-main{--cardio-phase:#ff6a22}
.cardioLivePolished.phase-rest{--cardio-phase:#35d46a}
.cardioLivePolished.phase-warmup,.cardioLivePolished.phase-cooldown{--cardio-phase:#2687ff}
.cardioPhaseLabel{display:inline-flex;padding:7px 14px;border-radius:999px;color:var(--cardio-phase);background:color-mix(in srgb,var(--cardio-phase) 14%,transparent);border:1px solid color-mix(in srgb,var(--cardio-phase) 40%,transparent);font-size:12px;font-weight:900;letter-spacing:.15em}
.cardioLivePolished .cardioTimerRing{--timer-accent:var(--cardio-phase)}
.cardioLivePolished .cardioTimerRing strong{color:#f5f7fb}
.cardioPhaseContext{color:var(--muted);font-size:13px;font-weight:800;margin:8px 0 0}
.cardioNextCompact{max-width:620px;margin:14px auto!important;padding:13px 16px!important;display:flex;align-items:center;justify-content:space-between;text-align:left;border-color:color-mix(in srgb,var(--cardio-phase) 26%,#2a3442)}
.cardioNextCompact h3{margin:3px 0 0;font-size:17px}.cardioNextCompact strong{font-size:18px;color:var(--cardio-phase)}
.cardioLivePolished .cardioLiveMetrics{max-width:620px;margin-left:auto;margin-right:auto}
.cardioLivePolished .cardioDistanceEntry{max-width:620px;margin-left:auto;margin-right:auto}
.cardioLivePolished .cardioControls{max-width:620px;margin-left:auto;margin-right:auto}
.cardioLivePolished.cardioPaused .cardioTimerRing{opacity:.66}.cardioLivePolished.cardioPaused .cardioPhaseLabel{color:#d8dee8;background:#202733;border-color:#4b5665}

/* v6.56 — minimal NEXT cards */
.cardioNextCompact,.hiitNextCompact{min-height:0!important;padding:9px 13px!important;margin:10px auto!important;display:block!important;text-align:left!important}
.cardioNextCompact h3,.hiitNextCompact h3{margin:2px 0 0!important;font-size:15px!important;font-weight:650!important;line-height:1.25!important;color:var(--text,#f5f7fb)!important}
.cardioNextCompact small,.hiitNextCompact small{font-size:10px!important;letter-spacing:.08em!important;color:#9eacc0!important}
.cardioNextCompact>strong,.hiitNextCompact>strong{display:none!important}

/* FitLyfe v6.57 — unified Progress hierarchy */
.progressModeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.progressModeTabs button{background:transparent!important;border:0!important;color:var(--muted)!important;padding:9px 10px!important;border-radius:10px!important;font-size:12px!important;font-weight:850!important}
.progressModeTabs button.on{background:color-mix(in srgb,var(--a) 15%,var(--card))!important;color:var(--a)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 38%,transparent)}
.compactProgressHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px}.compactProgressHead h2{margin:0}.compactProgressHead .progressFilters{display:flex;gap:8px;flex-wrap:wrap}.compactProgressHead select{min-width:150px}
.progressRangeChips{display:flex;gap:5px;flex-wrap:wrap}.progressRangeChips button{min-width:44px;padding:7px 9px!important;border-radius:9px!important;background:transparent!important;border:1px solid var(--line)!important;color:var(--muted)!important;font-size:11px!important;font-weight:850!important}.progressRangeChips button.on{color:var(--a)!important;border-color:color-mix(in srgb,var(--a) 55%,var(--line))!important;background:color-mix(in srgb,var(--a) 12%,transparent)!important}
.summaryTitle{margin:12px 0 8px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.progressChartCard .chart{margin-top:4px}.liftChange{display:block!important;margin-top:2px;font-size:9px!important;font-weight:800}.liftChange.up{color:#48d97d!important}.liftChange.down{color:#ff7b72!important}
@media(max-width:600px){.progressModeTabs button{padding:8px 4px!important;font-size:10px!important}.compactProgressHead{align-items:stretch}.compactProgressHead .progressFilters{display:grid;grid-template-columns:1fr 1fr;width:100%}.compactProgressHead select{min-width:0;width:100%}.progressRangeChips{width:100%;display:grid;grid-template-columns:repeat(5,1fr)}.progressRangeChips button{min-width:0;padding:7px 2px!important}}
/* v6.58 — compact, exercise-selectable Powerlifting PRs */
.powerGlobalPR .prHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.powerGlobalPR .prHeader h2{margin:0 0 4px}.powerGlobalPR .prHeader p{margin:0}.prExerciseSelect{min-width:220px;margin:0}.prExerciseSelect span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.prExerciseSelect select{width:100%}.prSubhead{margin:16px 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.prOverviewList{border-top:1px solid var(--line)}.prOverviewRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid var(--line)}.prOverviewRow div{min-width:0}.prOverviewRow b{display:block}.prOverviewRow small{display:block;color:var(--muted);margin-top:2px}.prOverviewRow>span{font-size:13px;color:var(--muted);white-space:nowrap}.prWorkoutGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prWorkoutStat,.prDetailCard{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.prWorkoutStat span,.prDetailCard>span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em}.prWorkoutStat b,.prDetailCard strong{display:block;font-size:22px;margin:5px 0 2px}.prWorkoutStat small,.prDetailCard small{color:var(--muted)}.prSelectedTitle{font-size:20px;font-weight:850;margin:14px 0 10px}.prDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:650px){.powerGlobalPR .prHeader{display:block}.prExerciseSelect{min-width:0;margin-top:12px}.prDetailGrid{grid-template-columns:1fr}.prWorkoutGrid{grid-template-columns:1fr 1fr}.prOverviewRow{padding:10px 0}}

/* FitLyfe v6.59 — History density & hierarchy polish */
.historySummaryRow{width:100%;margin:0;padding:13px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:none}.historySummaryRow:last-child{border-bottom:0}.historySummaryRow:hover{background:color-mix(in srgb,var(--a) 7%,transparent)}.historySummaryMain{display:grid;gap:3px;min-width:0}.historySummaryMain small{font-size:10px;letter-spacing:.08em;font-weight:900;color:var(--muted)}.historySummaryMain b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historySummaryMain span{font-size:12px;color:var(--muted)}.historyChevron{font-size:25px;color:var(--muted);padding-left:12px}.historyPrDot{font-size:9px;letter-spacing:.04em;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--a) 20%,transparent);color:var(--a);vertical-align:middle}.powerHistoryDetail .historyExerciseCard{margin-top:8px;padding:11px 12px;border-left-width:3px}.powerHistoryDetail .historyExerciseTitle{margin-bottom:4px}.powerHistoryDetail .historyExerciseTitle small{margin-left:auto;color:var(--muted)}.powerHistoryDetail .historySetList>div{padding:6px 0}.compactPrCallout{padding:11px 13px}.bodyweightSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.bodyweightSummary span{display:grid;gap:3px;padding:9px;background:var(--card2);font-size:11px;color:var(--muted);text-align:center}.bodyweightSummary b{font-size:13px;color:var(--text)}
@media(max-width:560px){.historySummaryRow{padding:12px 2px}.bodyweightSummary{grid-template-columns:1fr 1fr 1fr}.bodyweightSummary span{padding:8px 4px}.bodyweightSummary b{font-size:12px}}
/* v6.60 History PR clarity */
.exercisePrBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#d6a82f18;border:1px solid #d6a82f66;color:#f5c542;font-size:10px;font-weight:900;letter-spacing:.03em;white-space:nowrap}.specificPrCallout>span{font-size:20px}.specificPrCallout strong{font-size:15px;color:var(--text)}.specificPrCallout small{font-size:11px}.historyDoneWrap{display:flex;justify-content:center;margin-top:2px}.historyDoneWrap button{width:auto;min-width:132px;margin:0}

/* v6.64 — decimal input consistency + mobile bodyweight add layout */
.bodyweightAddRow{align-items:stretch;gap:10px}.bodyweightAddRow>input{min-width:0}.bodyweightAddBtn{white-space:nowrap}
@media(max-width:600px){.bodyweightAddRow{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:100%}.bodyweightAddRow .bodyweightAddBtn{grid-column:1/-1;width:100%;margin:0}.bodyweightAddRow>input{width:100%;box-sizing:border-box}}

/* v6.67 persistent restore safety */
.restoreSafetyCard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin:0 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035)}
.restoreSafetyCard>div{display:flex;flex-direction:column;gap:3px;min-width:0}.restoreSafetyCard small{font-size:10px;letter-spacing:.12em;color:var(--accent,#a855f7);font-weight:800}.restoreSafetyCard b{font-size:14px}.restoreSafetyCard span{font-size:11px;color:#8d98aa}.restoreSafetyCard button{flex:0 0 auto;margin:0;padding:10px 12px;font-size:11px}@media(max-width:520px){.restoreSafetyCard{align-items:stretch;flex-direction:column}.restoreSafetyCard button{width:100%}}

/* v6.68 — compact portable-backup controls */
.backupActions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:12px 0}
.backupActions>button,.backupActions>.importbtn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;margin:0;box-sizing:border-box}
.backupActions>.importbtn{min-height:44px}
.backupActions>button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:520px){.backupActions{align-items:stretch}.backupActions>button,.backupActions>.importbtn{flex:1 1 auto}}

/* v6.75 Smart Progression */
.smartProgressCard{margin:14px 0;padding:18px;border:1px solid color-mix(in srgb,var(--a) 45%,#2b3040);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 10%,#111521),#111521 60%);box-shadow:0 10px 28px #0004}.smartProgressHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.smartProgressHead span{font-size:11px;letter-spacing:.12em;color:var(--a);font-weight:900}.smartProgressHead h3{margin:4px 0 0;font-size:16px}.smartBadge{border:1px solid color-mix(in srgb,var(--a) 50%,transparent);border-radius:999px;padding:5px 8px}.smartCompare{display:grid;grid-template-columns:1fr auto 1.2fr;align-items:stretch;gap:12px;margin-top:14px}.smartCompare>div:not(.smartArrow){padding:14px;border-radius:15px;background:#ffffff08;border:1px solid #ffffff0d}.smartCompare small{display:block;font-size:10px;letter-spacing:.1em;color:#8992a7;font-weight:800}.smartCompare strong{display:block;font-size:20px;margin:6px 0}.smartCompare span{display:block;font-size:12px;color:#9ba4b7}.smartCompare .smartSuggested{background:color-mix(in srgb,var(--a) 10%,#151a27);border-color:color-mix(in srgb,var(--a) 35%,#ffffff10)}.smartCompare .smartSuggested strong{color:var(--a)}.smartArrow{align-self:center;font-size:24px;color:var(--a);font-weight:900}.smartApply{width:100%;margin-top:12px}.performanceInsights{margin-top:14px}.performanceInsights .sectionTitle p{margin:4px 0 0}.insightGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insightGrid>div{padding:14px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff0d}.insightGrid small,.insightGrid span{display:block;color:#8f98aa;font-size:11px}.insightGrid strong{display:block;font-size:24px;margin:5px 0}@media(max-width:640px){.smartCompare{grid-template-columns:1fr}.smartArrow{transform:rotate(90deg);justify-self:center}.insightGrid{grid-template-columns:1fr 1fr}.insightGrid>div:last-child{grid-column:1/-1}}
/* v6.76 focused progression polish */
.smartNextProjection{margin-top:16px;padding:16px 20px;border:1px solid rgba(111,124,255,.35);border-radius:16px;background:rgba(111,124,255,.07);display:flex;flex-direction:column;gap:5px}.smartNextProjection small,.finishProgress h3,.finishPR span{font-weight:800;letter-spacing:.12em;color:#8fa0ff}.smartNextProjection strong{font-size:1.15rem}.smartNextProjection span{color:var(--muted)}.smartNextProjection.pending{background:rgba(255,255,255,.025)}.finishProgress,.finishPR{margin:16px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03)}.finishProgress h3{margin:0 0 10px}.finishProgress>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}.finishProgress>div:first-of-type{border-top:0}.finishProgress span{color:var(--muted);text-align:right}.finishPR{display:flex;flex-direction:column;gap:5px}.finishPR strong{font-size:1.1rem}.finishPR small{color:var(--muted)}

/* v6.77 progression status + PR polish */
.finishProgress .progressResult span{display:flex;align-items:center;justify-content:flex-end;gap:9px;font-weight:800}.finishProgress .progressResult span i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;font-style:normal;font-size:19px;font-weight:1000;line-height:1}.finishProgress .progressResult.up span{color:#5ee58a}.finishProgress .progressResult.up span i{color:#07140b;background:#5ee58a;box-shadow:0 0 16px rgba(94,229,138,.28)}.finishProgress .progressResult.repeat span{color:#f3ca52}.finishProgress .progressResult.repeat span i{color:#181203;background:#f3ca52;box-shadow:0 0 16px rgba(243,202,82,.24)}.finishProgress .progressResult.program span i{color:#0b1020;background:#8fa0ff}.finishPR strong+small{margin-bottom:7px}.finishPR strong{margin-top:4px}
@media(max-width:560px){.finishProgress .progressResult{align-items:center}.finishProgress .progressResult span{max-width:62%;font-size:12px}.finishProgress .progressResult span i{width:25px;height:25px;flex:0 0 25px}}

/* v6.77.4 compact Juggernaut dashboard */
.compactProgram .sectionTitle{align-items:center}.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;color:#7f8cff;margin-bottom:3px}.compactProgramGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.compactLiftRow{min-height:0;width:100%;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:13px 15px;background:#0d1826;border:1px solid #2c3c50;border-radius:13px;text-align:left}.compactLiftRow:hover{border-color:#6575ff}.compactLiftRow>b{color:#f5f8ff}.compactLiftRow>span{color:#aab6ca;font-size:13px}.compactLiftRow>i{display:flex;gap:5px}.compactLiftRow em{display:block;width:9px;height:9px;border-radius:50%;background:#344153}.compactLiftRow em.done{background:#35c78f}.compactLiftRow em.current{background:#7886ff;box-shadow:0 0 0 3px rgba(120,134,255,.14)}.programDetailHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
@media(max-width:700px){.compactProgramGrid{grid-template-columns:1fr}.compactLiftRow{grid-template-columns:78px 1fr auto}.compactLiftRow>span{font-size:12px}}
/* v6.77.4 compact Juggernaut dashboard */
.compactProgram .sectionTitle{align-items:center}.eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;color:#7f8cff;margin-bottom:3px}.compactProgramGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.compactLiftRow{min-height:0;width:100%;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:13px 15px;background:#0d1826;border:1px solid #2c3c50;border-radius:13px;text-align:left}.compactLiftRow:hover{border-color:#6575ff}.compactLiftRow>b{color:#f5f8ff}.compactLiftRow>span{color:#aab6ca;font-size:13px}.compactLiftRow>i{display:flex;gap:5px}.compactLiftRow em{display:block;width:9px;height:9px;border-radius:50%;background:#344153}.compactLiftRow em.done{background:#35c78f}.compactLiftRow em.current{background:#7886ff;box-shadow:0 0 0 3px rgba(120,134,255,.14)}.programDetailHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}@media(max-width:700px){.compactProgramGrid{grid-template-columns:1fr}.compactLiftRow{grid-template-columns:78px 1fr auto}.compactLiftRow>span{font-size:12px}}

/* v6.77.7 Training Max visibility */
.currentTMCard{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(111,124,255,.3);border-radius:14px;background:rgba(111,124,255,.07)}.currentTMCard small,.tmUpdateCard>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#8fa0ff}.currentTMCard strong{font-size:24px}.currentTMCard span,.tmUpdateCard small{color:var(--muted)}.tmUpdateCard{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:16px 18px;border:1px solid rgba(243,202,82,.28);border-radius:16px;background:rgba(243,202,82,.055)}.tmUpdateCard>b{font-size:16px}.tmUpdateCard>div{display:flex;align-items:center;gap:10px;font-size:19px}.tmUpdateCard>div i{font-style:normal;color:#f3ca52}.tmUpdateCard>div strong:last-child{color:#5ee58a}
/* v6.77.8 TM history + double progression */
.currentTMCard .tmHistoryBtn{align-self:flex-start;margin-top:8px}.tmHistoryList{display:flex;flex-direction:column;gap:10px}.tmHistoryRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tmHistoryRow>div{display:flex;flex-direction:column;gap:4px}.tmHistoryRow small{color:var(--muted)}.tmHistoryRow>span{display:flex;align-items:center;gap:8px}.tmHistoryRow i{font-style:normal;color:#8fa0ff}.tmHistoryRow>span strong:last-child{color:#5ee58a}
/* v6.78 Exercise Progress */
.exerciseProgressHero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:12px 0 14px}.exerciseProgressHero h2{margin:2px 0 3px;font-size:30px}.exerciseProgressHero small{color:var(--muted)}.exerciseTM{display:flex;flex-direction:column;align-items:flex-end;padding:10px 13px;border:1px solid rgba(111,124,255,.3);border-radius:13px;background:rgba(111,124,255,.07)}.exerciseTM small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#8fa0ff}.exerciseTM strong{font-size:20px}.exerciseStatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.exerciseStatGrid>div{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.exerciseStatGrid span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.exerciseStatGrid strong{display:block;margin-top:6px;font-size:21px}.progressMetricTabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.progressMetricTabs button{min-width:max-content;padding:9px 14px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--muted)}.progressMetricTabs button.on{background:var(--a);border-color:var(--a);color:#fff}.exerciseChartCard{margin-top:0}.progressTimeline{margin-top:12px}.progressEvent{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.progressEvent:first-of-type{border-top:0}.progressEvent>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff08;font-size:16px}.progressEvent>div{display:flex;flex-direction:column;gap:3px}.progressEvent small,.progressEvent time{color:var(--muted);font-size:11px}.progressEvent time{white-space:nowrap}.tmVsE1rm{margin-top:12px}.tmVsE1rm p{margin:6px 0 12px;line-height:1.5}@media(max-width:600px){.exerciseProgressHero{align-items:flex-start}.exerciseProgressHero h2{font-size:25px}.exerciseStatGrid{grid-template-columns:1fr 1fr}.exerciseStatGrid>div:last-child{grid-column:1/-1}.progressEvent{grid-template-columns:32px 1fr}.progressEvent time{grid-column:2}.exerciseTM strong{font-size:17px}}

/* v6.80 — iPhone/mobile UX production pass */
@media(max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:calc(82px + env(safe-area-inset-bottom));touch-action:manipulation}
  main{width:100%;max-width:100%}
  h1{font-size:28px;line-height:1.12;margin:6px 0 14px}h2{font-size:21px;line-height:1.18}h3{line-height:1.2}
  .card{padding:15px;border-radius:17px;margin:10px 0}
  button,.importbtn{min-height:44px;padding:10px 12px}
  input,select,textarea{font-size:16px!important;min-height:44px}
  input[type=checkbox],input[type=radio]{min-height:0}
  .activebar{top:max(6px,env(safe-area-inset-top));margin:0 0 10px;padding:9px 11px;border-radius:13px;gap:8px}
  .activebar button{min-height:40px}
  #nav{min-height:calc(64px + env(safe-area-inset-bottom))!important;padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left))!important}
  #nav button{min-height:58px!important;padding:6px 1px!important;-webkit-tap-highlight-color:transparent}
  #nav button span{font-size:8.5px!important;line-height:1.05!important}
  .sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:min(88dvh,760px);border-radius:22px 22px 0 0;padding:20px 15px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}
  #modal.show{align-items:flex-end;padding:0}
  .row{min-width:0}.between{gap:8px}.between>*{min-width:0}
  .seg{overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar,.exerciseTabs::-webkit-scrollbar,.progressMetricTabs::-webkit-scrollbar{display:none}
  .seg button{white-space:nowrap;min-height:40px}
  .timer{font-size:48px;margin:14px 0}.timercontrols{gap:8px}.timercontrols button{flex:1 1 92px}
  .powerLogTable,.logtable{table-layout:fixed;width:100%}.powerLogTable th,.powerLogTable td,.logtable th,.logtable td{padding:8px 4px}.powerLogTable input,.logtable input{width:100%;min-width:0!important;padding:9px 5px;text-align:center}
  .powerLogTable .completeSetBtn{min-height:42px;padding:8px 4px!important}
  .workoutVisualSplit{grid-template-columns:1fr!important}.movementPane,.targetPane{min-height:0}.movementPane .demoimg{height:auto;max-height:280px;aspect-ratio:16/9;object-fit:contain}.targetPane{padding:12px}.muscleVisual.realistic{min-height:210px}
  .exerciseProgressHero{align-items:center;gap:10px}.exerciseProgressHero h2{font-size:24px}.exerciseTM{flex:0 0 auto;padding:8px 10px}.exerciseTM strong{font-size:16px}
  .chart{min-height:220px;overflow:visible}.exerciseChartCard{overflow:hidden}
  .compactLiftRow{min-height:52px;padding:12px;grid-template-columns:70px minmax(0,1fr) auto;gap:8px}
  .tmHistoryRow{align-items:flex-start;padding:12px;gap:10px}.tmHistoryRow>span{flex-wrap:wrap;justify-content:flex-end}
  .settingsItem{min-height:64px;padding:11px 12px}.settingsIcon{width:38px;height:38px}.backBtn{min-width:44px;min-height:44px}
  .calendarHead button{min-width:44px}.calCell{border-radius:9px}.weekdays,.calendarGrid{gap:4px}
  .historyWorkoutHead{align-items:flex-start;flex-direction:column;gap:3px}
  .workoutFinishState{padding:16px 12px}.workoutFinishState h2{font-size:27px}
  .finishProgress>div{gap:8px}.finishProgress .progressResult span{max-width:66%}
}
@media(max-width:390px){
  body{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .card{padding:13px}.greeting{font-size:22px}.hello{gap:10px}.hello img{width:60px;height:60px}
  .metrics{gap:7px}.metric{padding:10px}.metric strong{font-size:18px}
  .exerciseTM small{font-size:9px}.exerciseTM strong{font-size:15px}
  .compactLiftRow{grid-template-columns:64px minmax(0,1fr) auto;padding:10px}.compactLiftRow>span{font-size:11px}
}

/* v6.80.1 — screen-by-screen QA polish */
.sectionTitle h2,.sectionTitle h3{margin-top:0;margin-bottom:0}
.sectionTitle small{display:block;margin-top:3px}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.card>p.muted:last-child{margin-bottom:0}
.emptyChart{line-height:1.45}
.progressTimeline .sectionTitle{margin-bottom:2px}
.progressEvent:last-child{padding-bottom:2px}
button:focus-visible,.importbtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--a);outline-offset:2px}
@media(max-width:600px){
  .sectionTitle{gap:8px}
  .sectionTitle h2{font-size:19px}
  .progressTimeline{padding-top:14px;padding-bottom:14px}
  .progressEvent{padding:10px 0}
  .compactProgressHead{margin-top:4px}
}

/* v6.80.1 — screen-by-screen QA polish */
.sectionTitle h2,.sectionTitle h3{margin-top:0;margin-bottom:0}
.sectionTitle small{display:block;margin-top:3px}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.card>p.muted:last-child{margin-bottom:0}
.emptyChart{line-height:1.45}
.progressTimeline .sectionTitle{margin-bottom:2px}
.progressEvent:last-child{padding-bottom:2px}
button:focus-visible,.importbtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--a);outline-offset:2px}
@media(max-width:600px){.sectionTitle{gap:8px}.sectionTitle h2{font-size:19px}.progressTimeline{padding-top:14px;padding-bottom:14px}.progressEvent{padding:10px 0}.compactProgressHead{margin-top:4px}}

/* v6.80.2 — real-device iPhone fixes from QA screenshots */
@media(max-width:700px){
  /* Active workout: v6.80 accidentally set both top and bottom on the fixed bar, stretching it vertically. */
  .activebar{top:auto!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px 10px!important;align-items:center!important}
  .activebarInfo{min-width:0;overflow:hidden}.activebarInfo b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .activebarActions{flex:0 0 auto}.activebarActions button{min-height:38px!important;padding:7px 8px!important}

  /* Program editor: never force day title + reorder + remove into one desktop row. */
  .programDay>.row.between:first-child{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:8px!important}
  .programDay>.row.between:first-child>div:first-child{min-width:0!important;width:100%!important}
  .programDay>.row.between:first-child .dayName{width:100%!important;max-width:none!important;margin:7px 0 0!important}
  .programDay>.row.between:first-child>.row{display:grid!important;grid-template-columns:52px 52px minmax(0,1fr)!important;width:100%!important;gap:7px!important}
  .programDay>.row.between:first-child>.row button{width:100%!important;min-width:0!important;margin:0!important;white-space:nowrap!important}

  /* Juggernaut program: true phone layout, one wave per row. */
  .liftCycleBlock{min-width:0!important;overflow:hidden!important}
  .liftCycleBlock .cycle{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important}
  .liftCycleBlock .wave{display:grid!important;grid-template-columns:minmax(68px,.8fr) repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;padding:8px!important}
  .liftCycleBlock .wave>b{font-size:12px!important;white-space:nowrap!important}
  .liftCycleBlock .phase{margin:0!important;padding:7px 3px!important;min-width:0!important;text-align:center!important;font-size:0!important;white-space:nowrap!important}
  .liftCycleBlock .phase::after{font-size:11px!important;font-weight:800!important}
  .liftCycleBlock .phase:nth-child(2)::after{content:"A"}.liftCycleBlock .phase:nth-child(3)::after{content:"I"}.liftCycleBlock .phase:nth-child(4)::after{content:"R"}.liftCycleBlock .phase:nth-child(5)::after{content:"D"}
  .liftCycleBlock .phase.done::after{content:"✓"!important;font-size:13px!important}
  .programDetailHead{min-width:0!important}.programDetailHead>div{min-width:0!important}.programDetailHead h2{overflow-wrap:anywhere}

  /* Add Exercise: compact picker with sticky search + horizontal filter chips. */
  #modal .sheet{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100dvh - max(18px,env(safe-area-inset-top)))!important}
  .exerciseLibraryPicker{gap:8px!important;margin-bottom:12px!important}
  .librarySearch{position:sticky!important;top:-1px!important;z-index:4!important;background:var(--card2)!important}
  .libraryCats{display:flex!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 0 4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .libraryCats::-webkit-scrollbar{display:none!important}
  .libraryCats button{flex:0 0 auto!important;min-height:38px!important;padding:7px 12px!important;border-radius:999px!important;white-space:nowrap!important;font-size:12px!important}
  #exerciseLibraryResults{max-height:42dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:var(--card2)!important}
  .libraryExercise{grid-template-columns:48px minmax(0,1fr) 20px!important;gap:9px!important;padding:7px 9px!important;min-height:58px!important;background:var(--card2)!important}
  .libraryExercise img,.libraryPlaceholder{width:46px!important;height:42px!important;border-radius:8px!important}
  .libraryExercise b{font-size:14px!important;line-height:1.15!important}.libraryExercise small{font-size:11px!important;line-height:1.2!important;color:#aeb9ca!important}
  .libraryExercise.selected{background:color-mix(in srgb,var(--a) 16%,var(--card2))!important}.libraryExercise.selected small{color:#d0d7e5!important}
}
@media(max-width:390px){
  .activebarActions button{font-size:10px!important;padding:6px 7px!important}.activebarInfo b{font-size:11px!important}
  .liftCycleBlock .wave{grid-template-columns:62px repeat(4,minmax(0,1fr))!important;padding:7px 6px!important}
}

/* v6.80.3 — consolidated real-device iPhone polish */
/* Neutral menus: selection is communicated by checkmark, not accent fill. */
.workoutDropdown button,.modeProgramDropdown button{background:rgba(24,37,54,.88)!important;color:var(--text)!important}
.workoutDropdown button+button,.modeProgramDropdown button+button{margin-top:4px}
.workoutDropdown button:hover,.workoutDropdown button.selected,.modeProgramDropdown button:hover,.modeProgramDropdown button.selected{background:rgba(38,51,68,.96)!important;color:var(--text)!important}

/* Subtle iOS-like glass is reserved for floating/navigation surfaces. */
.workoutDropdown,.muscleMenu,.sheet,.activebar,#nav{
  -webkit-backdrop-filter:saturate(150%) blur(18px);backdrop-filter:saturate(150%) blur(18px);
}
.workoutDropdown,.muscleMenu{background:rgba(12,23,37,.82)!important;border-color:rgba(142,160,190,.28)!important;box-shadow:0 18px 48px rgba(0,0,0,.42)}
.sheet{background:rgba(16,28,43,.94)!important;border-color:rgba(142,160,190,.25)!important}
.activebar{background:rgba(15,27,42,.88)!important;box-shadow:0 12px 35px rgba(0,0,0,.32)}
#nav{background:rgba(7,16,27,.88)!important;border-top-color:rgba(142,160,190,.20)!important}
select{background-color:rgba(24,37,54,.82)!important}

/* Program header: actions belong directly below title. */
.programPageHead{display:grid;gap:8px;margin-bottom:12px}.programPageHead h1{margin-bottom:0}.programTopActions{display:flex;gap:8px;flex-wrap:wrap}.programTopActions button{width:auto;min-height:38px;padding:8px 11px;font-size:12px;white-space:nowrap}

/* Compact, collapsed-by-default Juggernaut prescription. */
.juggernautCompact{padding:0!important;overflow:hidden}.juggernautCompact summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.juggernautCompact summary::-webkit-details-marker{display:none}.juggernautCompact summary span{display:grid;gap:3px}.juggernautCompact summary small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#8fa0ff}.juggernautCompact summary strong{font-size:16px}.collapseChevron{font-size:20px;transition:transform .18s ease}.juggernautCompact[open] .collapseChevron{transform:rotate(180deg)}.juggernautCompactBody{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.juggernautCompactBody>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.juggernautCompactBody small{font-size:9px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.juggernautCompactBody strong{font-size:14px}.juggernautCompactBody span{font-size:11px;color:var(--muted)}

@media(max-width:700px){
  /* Keep final page controls clear of active workout + nav. */
  body:has(.activebar) main{padding-bottom:88px!important}

  /* Program actions: compact and fully on-screen. */
  .programPageHead{gap:7px;margin-bottom:10px}.programPageHead h1{margin:4px 0 2px}.programTopActions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:7px}.programTopActions button{width:100%;min-width:0!important;min-height:38px!important;padding:7px 8px!important;font-size:10px!important;line-height:1.1!important}

  /* Every LOG button uses the same footprint, including the active set. */
  .powerLogTable td:last-child button{width:100%!important;min-width:0!important;min-height:44px!important;padding:8px 4px!important;font-size:11px!important}
  .powerLogTable .completeSetBtn{width:100%!important;min-width:0!important;min-height:44px!important;padding:8px 4px!important}

  /* Timer: compact +/- controls flank the ring; skip sits below. */
  .powerTimer.isActive{display:grid!important;grid-template-columns:54px minmax(0,190px) 54px!important;grid-template-areas:"phase phase phase" "minus ring plus" "skip skip skip";align-items:center;justify-content:center;column-gap:7px;row-gap:7px;margin-top:10px}
  .powerTimer.isActive .timerPhase{grid-area:phase;margin:0!important}
  .powerTimer.isActive .unifiedTimerRing{grid-area:ring;width:184px!important;height:184px!important;margin:0 auto!important;border-width:10px!important}
  .powerTimer.isActive .unifiedTimerRing strong{font-size:44px!important}
  .powerTimer.isActive .timerDoneLabel{display:none!important}
  .powerTimer.isActive .unifiedTimerControls{display:contents!important}
  .powerTimer.isActive .unifiedTimerControls button{min-width:0!important;width:54px!important;min-height:38px!important;padding:5px 2px!important;font-size:9px!important;line-height:1.05!important;border-radius:10px!important}
  .powerTimer.isActive .unifiedTimerControls button:nth-child(1){grid-area:minus}
  .powerTimer.isActive .unifiedTimerControls button:nth-child(2){grid-area:skip;width:92px!important;justify-self:center;font-size:11px!important}
  .powerTimer.isActive .unifiedTimerControls button:nth-child(3){grid-area:plus}

  /* Compact Juggernaut strip on phone. */
  .juggernautCompact summary{padding:10px 12px}.juggernautCompact summary strong{font-size:14px}.juggernautCompactBody{grid-template-columns:1fr;padding:0 10px 10px}

  /* Neutral exercise-library category/selection states too. */
  .libraryCats button,.libraryCats button.on{background:rgba(30,43,59,.92)!important;color:var(--text)!important;border-color:rgba(142,160,190,.24)!important}.libraryCats button.on::after{content:" ✓";font-weight:900}.libraryExercise.selected{background:rgba(38,51,68,.96)!important;box-shadow:inset 3px 0 0 #9aa7ba!important}
}

/* v6.80.4 final phone polish */
.accessoryProgressCard .accessoryCompactBody{padding-bottom:12px}.accessoryProgressCard .smartApply{width:calc(100% - 24px);margin:0 12px}.accessoryProgressCard .smartSuggested strong{color:var(--a)}
@media(max-width:640px){.programTopActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.programTopActions button{width:100%!important;min-height:42px!important;padding:8px 7px!important;font-size:10px!important}.accessoryProgressCard .juggernautCompactBody{grid-template-columns:1fr}.accessoryProgressCard .smartApply{min-height:40px}}