/* Extracted from index.html style block 1 */
@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skeleton{background:linear-gradient(90deg,#0f0f0c 25%,#1a1a16 50%,#0f0f0c 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:1px solid var(--line);margin-bottom:12px;}
.skeleton-card{height:80px;width:100%;}
.skeleton-metric{height:60px;width:100%;}
:root{--bg:#050505;--panel:#0b0b09;--panel2:#10100d;--line:#23211a;--line2:#353020;--text:#eee8dc;--muted:#8b8476;--dim:#545047;--gold:#c9a84c;--gold2:#efd06b;--red:#e05c3a;--green:#4fa477;--purple:#8f6cc8;--blue:#5c83a0}
*{box-sizing:border-box;margin:0;padding:0} html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overscroll-behavior-y:contain} body{min-height:100vh} button,input,select,textarea{font-family:inherit} button{touch-action:manipulation} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} input[type=number]{-moz-appearance:textfield} select option{background:#090909;color:var(--text)} #app{max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#060606,#040404);padding-bottom:82px;position:relative;overflow:hidden}.screen{padding:12px 14px 18px}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(5,5,5,.98),rgba(5,5,5,.94));border-bottom:1px solid var(--line);padding:10px 0 10px}.week-strip{display:flex;gap:8px;overflow-x:auto;padding:0 12px 2px;scrollbar-width:none}.week-strip::-webkit-scrollbar{display:none}.day-card{min-width:76px;border:1px solid var(--line);background:#0d0d0b;color:var(--text);border-radius:0;padding:10px 8px;text-align:center}.day-card.active{background:var(--gold);border-color:var(--gold);color:#090909}.day-card .dw{font-size:13px;font-weight:800;letter-spacing:1px}.day-card .dn{font-size:30px;line-height:1;font-weight:900;margin:7px 0}.day-card .dm{font-size:14px;font-weight:700}.section-title{font-size:10px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin:0 0 10px}.card,.settings-box{background:#0b0b09;border:1px solid var(--line);padding:14px;margin-bottom:12px;border-radius:0}.btn{border:1px solid var(--line2);background:#10100d;color:var(--text);padding:11px 13px;border-radius:0;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.btn.gold{background:var(--gold);border-color:var(--gold);color:#090909}.btn.green{background:var(--green);border-color:var(--green);color:#050505}.btn.red{background:transparent;border-color:var(--red);color:var(--red)}.btn.full{width:100%}.btn.small{padding:8px 10px;font-size:11px}.input,.select,.textarea{width:100%;background:#050605;border:1px solid var(--line);border-radius:0;color:var(--text);font-size:14px;padding:12px;outline:none}.textarea{min-height:78px;resize:vertical;line-height:1.4}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.label{font-size:10px;letter-spacing:2px;color:var(--dim);text-transform:uppercase;margin:0 0 7px}.small{font-size:12px;color:var(--muted);line-height:1.4}.muted{color:var(--muted)}.dim{color:var(--dim)}.gold-text{color:var(--gold)}.red-text{color:var(--red)}.green-text{color:var(--green)}.progress{height:7px;background:#191916;border-radius:999px;overflow:hidden}.progress.thin{height:5px}.bar{height:100%;border-radius:999px;background:var(--gold);width:0%;transition:width .2s}.bar.red{background:var(--red)}.bar.green{background:var(--green)}.macro-card{border:1px solid #24231d;background:#0a0a09;padding:16px;margin-bottom:12px;border-radius:0;overflow:hidden}.macro-card.over{border-color:rgba(224,92,58,.7);background:linear-gradient(180deg,rgba(224,92,58,.10),#090908)}.macro-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.macro-kicker{font-size:10px;letter-spacing:4px;color:#777064;text-transform:uppercase;font-weight:800;margin-bottom:7px}.macro-number{font-size:38px;font-weight:900;line-height:1;color:var(--gold);letter-spacing:-1.3px}.macro-number.goal{font-size:34px;color:#8f887a}.macro-unit{font-size:14px;color:#8d8577;margin-left:4px;font-weight:800}.macro-goal{text-align:right}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.macro-name{font-size:12px;color:#a99f8e;margin-bottom:5px;font-weight:700}.macro-val{font-size:12px;color:#ddd5c4;margin-bottom:8px;font-weight:800}.over-note{border:1px solid var(--red);color:var(--red);background:rgba(224,92,58,.08);padding:10px;font-size:12px;margin-top:12px;border-radius:0}.metric-card{background:#0b0b09;border:1px solid var(--line);padding:14px;margin-bottom:12px;border-radius:0}.metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.metric-name{font-size:15px;font-weight:800}.metric-value{font-size:28px;font-weight:900;color:var(--gold)}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:rgba(5,5,5,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(6,1fr);padding:8px 6px max(8px,env(safe-area-inset-bottom));z-index:50}.nav-item{border:0;background:transparent;color:#5d574c;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:0;font-size:10px}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-item.active{color:var(--gold);background:rgba(201,168,76,.12)}.toast{animation:slideUp 0.2s ease;position:fixed;left:50%;bottom:92px;transform:translateX(-50%);max-width:420px;width:calc(100% - 36px);background:#10100d;border:1px solid var(--gold);color:var(--text);padding:12px 14px;text-align:center;z-index:90;font-size:13px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.workout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.workout-choice{background:#0d0d0b;border:1px solid var(--line);padding:13px;min-height:70px;text-align:left;color:var(--text);border-radius:0}.workout-choice .w-title{font-size:15px;font-weight:800;margin-bottom:4px}.workout-choice .w-sub{font-size:11px;color:#504a3f;line-height:1.3}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.title-block h2{font-size:20px;line-height:1;font-weight:900;letter-spacing:.5px}.title-block p{font-size:11px;color:var(--muted);margin-top:5px}.pill{border:1px solid var(--line);padding:8px 10px;border-radius:999px;font-size:11px;color:var(--muted);background:#0b0b09}.exercise-card{background:#0e0e0c;border:1px solid var(--line);border-radius:0;padding:13px 14px;margin-bottom:9px}.exercise-head{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;cursor:pointer}.ex-name{font-size:15px;font-weight:750;color:var(--text);margin-bottom:3px}.ex-reps{font-size:12px;color:#7d7467}.ex-count{font-size:25px;font-weight:900;line-height:1}.chev{font-size:24px;color:var(--text);line-height:1}.set-box{display:none;margin-top:12px;border-top:1px solid #1d1b16;padding-top:10px}.exercise-card.open .set-box{display:block}.set-row{display:grid;grid-template-columns:74px 1fr 1fr;gap:8px;align-items:center;margin-top:8px}.set-label{font-size:12px;color:var(--muted)}.mini-input{background:var(--panel2);border:1px dashed var(--line2);border-radius:0;color:var(--text);padding:10px;font-size:13px;width:100%}.superset-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:17px 0 8px}.superset-title:before,.superset-title:after{content:"";height:1px;background:currentColor;opacity:.45}.superset-title span{font-size:12px;font-weight:900;letter-spacing:4px;text-transform:uppercase}.superset-group{border:1px solid currentColor;border-left:5px solid currentColor;border-radius:0;padding:9px;margin-bottom:12px;background:var(--panel)}.superset-group .exercise-card{border:0;border-bottom:1px solid #1f1d17;border-radius:0;margin-bottom:0;background:transparent}.superset-group .exercise-card:last-child{border-bottom:0}.superset-mid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:4px 0;color:currentColor;opacity:.75}.superset-mid:before,.superset-mid:after{content:"";height:1px;background:#28251e}.superset-mid span{font-size:9px;letter-spacing:3px}.edit-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.mini-btn{height:32px;border:1px solid var(--line2);background:#090909;color:var(--text);border-radius:0;font-size:12px;font-weight:900}.mini-btn.gold{border-color:var(--gold);color:var(--gold)}.mini-btn.red{border-color:var(--red);color:var(--red)}.food-card{background:var(--panel);border:1px solid var(--line);border-radius:0;padding:12px;margin-bottom:9px;color:var(--text)}.food-title{font-size:14px;font-weight:850;color:var(--text);margin-bottom:5px}.food-macros{font-size:12px;color:var(--muted);line-height:1.4}.food-row{display:grid;grid-template-columns:1fr 86px 42px;gap:8px;align-items:center;margin-top:10px}.food-row input{height:40px;text-align:center}.plus-btn{height:40px;border-radius:0;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:20px}.meal-section{border:1px solid var(--line);background:#080908;margin-bottom:12px;border-radius:0;overflow:hidden}.meal-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.meal-title{font-size:15px;font-weight:900;color:var(--text)}.meal-total{text-align:right;font-size:11px;color:var(--gold);line-height:1.45}.meal-item{padding:11px 14px;border-bottom:1px solid #171612;display:grid;grid-template-columns:1fr auto;gap:10px}.meal-item:last-child{border-bottom:0}.delete-small{border:1px solid var(--red);background:transparent;color:var(--red);border-radius:0;padding:6px 9px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px;padding-bottom:2px}.tab-pill{white-space:nowrap;border:1px solid var(--line);background:#0b0b09;color:var(--muted);padding:9px 11px;border-radius:0;font-size:12px;font-weight:800}.tab-pill.active{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.08)}.warning{border:1px solid var(--red);background:rgba(224,92,58,.08);color:var(--red);padding:11px;margin-top:11px;font-size:12px;line-height:1.4;border-radius:0}.ok-box{border:1px solid rgba(79,164,119,.5);background:rgba(79,164,119,.06);color:var(--green);padding:11px;margin-top:11px;font-size:12px;line-height:1.4;border-radius:0}.empty{border:1px dashed var(--line2);color:var(--muted);padding:16px;text-align:center;border-radius:0;background:var(--panel2);font-size:13px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at top,#16130a 0,#050505 45%,#030303 100%)}.auth-card{width:100%;max-width:420px;border:1px solid var(--line2);background:linear-gradient(180deg,#0d0d0a,#070707);padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.auth-title{font-size:24px;letter-spacing:5px;font-weight:800;color:#f4efe6;margin-bottom:6px}.auth-sub{font-size:13px;color:var(--muted);line-height:1.45;margin-bottom:22px}.auth-error{border:1px solid var(--red);color:var(--red);background:rgba(224,92,58,.08);padding:12px;font-size:13px;margin-top:12px;line-height:1.4}.pull-indicator{position:fixed;top:8px;left:50%;transform:translateX(-50%);background:#10100d;border:1px solid var(--gold);color:var(--gold);padding:8px 13px;border-radius:999px;font-size:12px;z-index:100;display:none}.recipe-detail{border:1px solid var(--line2);background:#080806;border-radius:0;padding:12px;margin:10px 0}.muscle-chips{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.chip{border:1px solid var(--line);background:#0b0b09;color:var(--muted);padding:8px 10px;border-radius:999px;white-space:nowrap;font-size:12px}.chip.active{border-color:var(--gold);color:var(--gold)}@media(max-width:370px){.day-card{min-width:68px}.day-card .dn{font-size:26px}.macro-number{font-size:32px}.macro-number.goal{font-size:30px}.screen{padding:10px 12px}.nav-icon{font-size:20px}}
.icon-back{width:36px;height:36px;border-radius:0;border:1px solid var(--line2);background:#0d0d0b;color:var(--gold);font-size:28px;line-height:1;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.tab-pill{border:1px solid var(--line);background:#0d0d0b;color:var(--muted);border-radius:0;padding:10px 8px;font-weight:850;font-size:12px}.tab-pill.active{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.10)}
.muscle-map-card{background:#080908;border:1px solid var(--line);border-radius:0;padding:12px;margin-bottom:12px;overflow:hidden}.muscle-map-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.muscle-map-title h3{font-size:16px;line-height:1;font-weight:900;color:var(--text)}.muscle-map-title span{font-size:11px;color:var(--muted)}.body-maps{display:grid;grid-template-columns:1fr;gap:12px}.body-panel{border:1px solid #1f1d17;background:radial-gradient(circle at 50% 15%,rgba(201,168,76,.08),transparent 36%),#050505;border-radius:0;padding:12px}.body-panel h4{text-align:center;color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:8px}.body-diagram{position:relative;height:390px;max-width:310px;margin:0 auto}.human-core{position:absolute;left:50%;transform:translateX(-50%);top:26px;width:112px;height:288px}.head{position:absolute;left:38px;top:0;width:36px;height:42px;border-radius:50%;background:#34322d;border:1px solid #5a5140}.neck{position:absolute;left:43px;top:37px;width:26px;height:34px;background:#33302a;border-radius:0}.torso{position:absolute;left:20px;top:60px;width:72px;height:112px;border-radius:36px 36px 18px 18px;background:#2c2924;border:1px solid #5a5140}.pelvis{position:absolute;left:28px;top:164px;width:56px;height:48px;border-radius:24px 24px 30px 30px;background:#2c2924;border:1px solid #5a5140}.arm{position:absolute;top:77px;width:24px;height:122px;border-radius:0;background:#2c2924;border:1px solid #5a5140}.arm.l{left:-8px;transform:rotate(11deg)}.arm.r{right:-8px;transform:rotate(-11deg)}.leg{position:absolute;top:205px;width:28px;height:132px;border-radius:0;background:#2c2924;border:1px solid #5a5140}.leg.l{left:23px}.leg.r{right:23px}.muscle-shape{position:absolute;background:rgba(201,168,76,calc(.10 + var(--a,0) * .55));border:1px solid rgba(201,168,76,calc(.25 + var(--a,0) * .55));box-shadow:0 0 calc(4px + var(--a,0)*16px) rgba(201,168,76,calc(.10 + var(--a,0)*.25));transition:.2s}.m-chest{left:20px;top:74px;width:72px;height:45px;border-radius:26px 26px 14px 14px}.m-abs{left:36px;top:117px;width:40px;height:70px;border-radius:0}.m-shoulder-l{left:-7px;top:64px;width:30px;height:36px;border-radius:0}.m-shoulder-r{right:-7px;top:64px;width:30px;height:36px;border-radius:0}.m-biceps-l{left:-14px;top:104px;width:23px;height:54px;border-radius:0}.m-biceps-r{right:-14px;top:104px;width:23px;height:54px;border-radius:0}.m-quad-l{left:19px;top:211px;width:31px;height:82px;border-radius:0}.m-quad-r{right:19px;top:211px;width:31px;height:82px;border-radius:0}.m-trap{left:28px;top:43px;width:56px;height:45px;clip-path:polygon(50% 0,100% 100%,0 100%)}.m-lats-l{left:-2px;top:92px;width:35px;height:83px;border-radius:0 24px 12px 26px}.m-lats-r{right:-2px;top:92px;width:35px;height:83px;border-radius:24px 8px 26px 12px}.m-rear-l{left:-7px;top:64px;width:30px;height:35px;border-radius:0}.m-rear-r{right:-7px;top:64px;width:30px;height:35px;border-radius:0}.m-triceps-l{left:-14px;top:101px;width:24px;height:61px;border-radius:0}.m-triceps-r{right:-14px;top:101px;width:24px;height:61px;border-radius:0}.m-glute-l{left:20px;top:167px;width:37px;height:48px;border-radius:0}.m-glute-r{right:20px;top:167px;width:37px;height:48px;border-radius:0}.m-ham-l{left:18px;top:216px;width:31px;height:80px;border-radius:0}.m-ham-r{right:18px;top:216px;width:31px;height:80px;border-radius:0}.m-calf-l{left:21px;top:292px;width:26px;height:54px;border-radius:0}.m-calf-r{right:21px;top:292px;width:26px;height:54px;border-radius:0}.muscle-badge{position:absolute;border:1px solid rgba(201,168,76,.55);background:rgba(13,13,11,.92);border-radius:999px;padding:5px 8px;font-size:11px;color:var(--text);white-space:nowrap;display:flex;gap:5px;align-items:center}.muscle-badge b{color:var(--gold)}.badge-chest{right:2px;top:88px}.badge-shoulder{right:6px;top:48px}.badge-biceps{left:2px;top:105px}.badge-abs{right:10px;top:160px}.badge-quad{left:0;top:260px}.badge-trap{left:5px;top:52px}.badge-lats{right:0;top:130px}.badge-triceps{left:0;top:105px}.badge-rear{right:0;top:62px}.badge-glute{left:0;top:180px}.badge-ham{right:0;top:245px}.badge-calf{left:12px;top:318px}.muscle-breakdown{display:grid;gap:8px;margin-top:12px}.muscle-row{display:grid;grid-template-columns:108px 1fr 54px;gap:8px;align-items:center;font-size:12px;color:var(--text)}.muscle-row .track{height:7px;background:#181612;border-radius:999px;overflow:hidden}.muscle-row .fill{height:100%;width:var(--w);background:linear-gradient(90deg,#5f5130,var(--gold));border-radius:999px}.muscle-row.warn .name,.muscle-row.warn .val{color:var(--red)}.muscle-row.warn .fill{background:var(--red)}
/* v6 realistic muscle balance diagram */
.muscle-map-card{background:#080806;border:1px solid #3a3120;border-radius:0;padding:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.28)}
.muscle-map-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.muscle-map-title h3{font-size:19px;line-height:1.1;margin-bottom:4px}.muscle-map-title span{font-size:12px;color:var(--muted)}
.body-maps{display:grid;gap:14px}.real-body-panel{position:relative;border:1px solid rgba(201,168,76,.32);border-radius:0;background:radial-gradient(circle at 50% 15%,rgba(201,168,76,.09),rgba(0,0,0,.08) 38%,rgba(0,0,0,.3));overflow:hidden;padding:0}.real-body-panel h4{position:absolute;top:12px;left:0;right:0;text-align:center;z-index:3;color:var(--gold);font-size:13px;letter-spacing:5px;font-weight:900}.anatomy-img{display:block;width:100%;height:auto;opacity:.96;filter:contrast(1.04) saturate(.95)}
.anatomy-pct{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;min-width:44px;padding:5px 9px;border-radius:999px;background:rgba(8,8,7,.82);border:1px solid rgba(201,168,76,.82);color:var(--gold);font-size:12px;font-weight:900;box-shadow:0 0 18px rgba(201,168,76,.15);backdrop-filter:blur(4px)}.anatomy-pct.warn{border-color:rgba(224,92,58,.8);color:var(--red)}
.fp-shoulder{right:11%;top:17%}.fp-chest{right:10%;top:29%}.fp-abs{right:11%;top:46%}.fp-biceps{left:8%;top:32%}.fp-quad{left:13%;top:68%}
.bp-trap{left:13%;top:22%}.bp-lats{left:10%;top:38%}.bp-calf{left:15%;top:73%}.bp-rear{right:12%;top:26%}.bp-triceps{right:12%;top:39%}.bp-glute{right:13%;top:55%}.bp-ham{right:12%;top:68%}
.muscle-breakdown{display:grid;gap:8px;margin-top:12px}.muscle-row{display:grid;grid-template-columns:112px 1fr 58px;gap:8px;align-items:center;font-size:12px;color:var(--text)}.muscle-row .track{height:7px;background:#181612;border-radius:999px;overflow:hidden}.muscle-row .fill{height:100%;width:var(--w);background:linear-gradient(90deg,#5f5130,var(--gold));border-radius:999px}.muscle-row.warn .name,.muscle-row.warn .val{color:var(--red)}.muscle-row.warn .fill{background:var(--red)}
.chart-empty{color:var(--muted);font-size:13px;text-align:center;padding:20px 0}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold);color:#090909;padding:8px 16px;font-weight:800;z-index:9999}.skip-link:focus{left:0}
.offline-bar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#e05c3a;color:#fff;text-align:center;font-size:12px;font-weight:800;padding:6px;z-index:100;letter-spacing:1px;display:none}
.offline-bar.show{display:block}
[data-theme="light"]{
--bg:#f0f0ec;
--panel:#ffffff;
--panel2:#e8e6e0;
--line:#d4d0c8;
--line2:#c0bbb0;
--text:#1a1a14;
--muted:#5a5650;
--dim:#8a8680;
--gold:#8a6820;
--gold2:#b08830;
--red:#b03020;
--green:#2a6a42;
--purple:#5a3f90;
--blue:#2a5070;
}
[data-theme="light"] body{background:#f0f0ec}
[data-theme="light"] #app{background:#f0f0ec}
[data-theme="light"] .bottom-nav{background:rgba(240,240,236,0.97);border-top:1px solid #d4d0c8}
[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(240,240,236,0.98),rgba(240,240,236,0.94))}
[data-theme="light"] .screen{background:#f0f0ec}
[data-theme="light"] .metric-card{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .settings-box{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .macro-card{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .food-card{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .exercise-card{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .mini-input{background:#f0f0ec;border-color:#c0bbb0;color:#1a1a14}
[data-theme="light"] .input{background:#f0f0ec;border-color:#c0bbb0;color:#1a1a14}
[data-theme="light"] .select{background:#f0f0ec;border-color:#c0bbb0;color:#1a1a14}
[data-theme="light"] .day-card{background:#e8e6e0;border:1px solid #d4d0c8;color:#1a1a14}
[data-theme="light"] .day-card.active{background:var(--gold);border-color:var(--gold);color:#fff}
[data-theme="light"] .tab-pill{background:#e8e6e0;color:#5a5650}
[data-theme="light"] .tab-pill.active{background:var(--gold);color:#fff}
[data-theme="light"] .btn{border-color:#c0bbb0;color:#1a1a14}
[data-theme="light"] .workout-choice{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] .water-visual{background:#e0eef8;border-color:#c0d4e8}
[data-theme="light"] .meal-item{border-color:#d4d0c8}
[data-theme="light"] .meal-section{background:#fff;border:1px solid #d4d0c8}
[data-theme="light"] select option{background:#fff;color:#1a1a14}
[data-theme="light"] .nav-item{color:#5a5650}
[data-theme="light"] .nav-item.active{color:var(--gold)}
[data-theme="light"] .progress{background:#d4d0c8}
[data-theme="light"] .kcal-bar-wrap{background:#d4d0c8}
[data-theme="light"] .toast{background:#fff;border:1px solid var(--gold);color:#1a1a14;box-shadow:0 16px 40px rgba(0,0,0,.14)}
[data-theme="light"] .pwa-banner{background:#fff;border-color:#d4d0c8;box-shadow:0 16px 40px rgba(0,0,0,.14)}
[data-theme="light"] .pwa-banner.update{border-color:var(--gold);background:linear-gradient(180deg,rgba(138,104,32,.10),#fff)}
[data-theme="light"] .pwa-banner.install{border-color:rgba(42,106,66,.65);background:linear-gradient(180deg,rgba(42,106,66,.08),#fff)}
[data-theme="light"] .pwa-banner-title{color:#1a1a14}
[data-theme="light"] .pwa-banner-text{color:#5a5650}
[data-theme="light"] .pull-indicator{background:#fff;color:var(--gold);box-shadow:0 10px 25px rgba(0,0,0,.12)}
/* Water wave animation */
@keyframes wave{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(-25%) translateY(-3px)}}
@keyframes wave2{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(25%) translateY(-2px)}}
@keyframes fillUp{from{height:0%}to{height:var(--fill-h)}}
@keyframes barGrow{from{width:0%}to{width:var(--target-w)}}
@keyframes moonGlow{0%,100%{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor)}}
.water-visual{position:relative;height:64px;background:#050e14;border:1px solid #1a2a35;overflow:hidden;margin-bottom:12px}
.water-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,rgba(92,131,160,0.6),rgba(92,131,160,0.9));transition:height 0.8s cubic-bezier(0.4,0,0.2,1)}
.water-wave{position:absolute;top:-8px;left:-50%;width:200%;height:16px;background:rgba(92,131,160,0.5);border-radius:50%;animation:wave 2s ease-in-out infinite}
.water-wave2{position:absolute;top:-5px;left:-50%;width:200%;height:12px;background:rgba(92,131,160,0.3);border-radius:50%;animation:wave2 2.5s ease-in-out infinite}
.water-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:900;color:#fff;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,0.5)}
.moon-container{display:flex;align-items:center;gap:14px;padding:4px 0}
.moon-svg{transition:all 0.5s ease;flex-shrink:0}
.sleep-info{flex:1}
.sleep-hours{font-size:28px;font-weight:900;line-height:1}
.sleep-label{font-size:11px;color:var(--muted);margin-top:3px}
.bar.animated{transition:width 0.8s cubic-bezier(0.4,0,0.2,1)}
/* Footstep animation */
@keyframes stepLeft{0%{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-6px) rotate(-8deg)}50%{transform:translateY(0) rotate(-5deg)}100%{transform:translateY(0) rotate(-5deg)}}
@keyframes stepRight{0%{transform:translateY(0) rotate(5deg)}25%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-6px) rotate(8deg)}75%{transform:translateY(0) rotate(5deg)}100%{transform:translateY(0) rotate(5deg)}}
@keyframes fadeInStep{0%{opacity:0;transform:scale(0.5)}100%{opacity:0.35;transform:scale(1)}}
@keyframes walkShoe{0%{transform:translateX(0)}100%{transform:translateX(var(--walk-dist))}}
.steps-visual{position:relative;height:72px;overflow:hidden;margin-bottom:12px;background:#050e08;border:1px solid #1a2a1a}
.steps-track{position:absolute;bottom:0;left:0;height:100%;background:linear-gradient(90deg,rgba(79,164,119,0.15),rgba(79,164,119,0.05));transition:width 0.8s cubic-bezier(0.4,0,0.2,1)}
.footprints-container{position:absolute;bottom:8px;left:0;width:100%;height:40px;overflow:hidden}
.footprint{position:absolute;bottom:0;opacity:0;animation:fadeInStep 0.4s ease forwards}
.shoe-container{position:absolute;bottom:6px;display:flex;gap:8px;transition:left 0.8s cubic-bezier(0.4,0,0.2,1)}
.shoe-left{animation:stepLeft 0.6s ease-in-out infinite}
.shoe-right{animation:stepRight 0.6s ease-in-out infinite}
.steps-pct{position:absolute;top:8px;right:10px;font-size:12px;font-weight:800;color:var(--green);letter-spacing:1px}
.steps-count{position:absolute;top:8px;left:10px;font-size:12px;font-weight:800;color:var(--green)}
/* Calorie bar with flame tip */
@keyframes barShimmer{
0%{background-position:200% center}
100%{background-position:-200% center}
}
@keyframes flameTip{
0%{transform:translateX(-50%) scaleX(1) scaleY(1) rotate(-2deg);filter:drop-shadow(0 0 4px rgba(201,168,76,0.7))}
20%{transform:translateX(-50%) scaleX(0.82) scaleY(1.18) rotate(3deg);filter:drop-shadow(0 0 8px rgba(239,208,107,0.9))}
40%{transform:translateX(-50%) scaleX(1.12) scaleY(0.88) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(201,168,76,0.8))}
60%{transform:translateX(-50%) scaleX(0.88) scaleY(1.14) rotate(2deg);filter:drop-shadow(0 0 10px rgba(239,208,107,1))}
80%{transform:translateX(-50%) scaleX(1.08) scaleY(0.94) rotate(-1deg);filter:drop-shadow(0 0 5px rgba(201,168,76,0.7))}
100%{transform:translateX(-50%) scaleX(1) scaleY(1) rotate(-2deg);filter:drop-shadow(0 0 4px rgba(201,168,76,0.7))}
}
@keyframes flameTipFast{
0%{transform:translateX(-50%) scaleX(1) scaleY(1) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(224,92,58,0.8))}
15%{transform:translateX(-50%) scaleX(0.75) scaleY(1.25) rotate(4deg);filter:drop-shadow(0 0 14px rgba(224,92,58,1))}
35%{transform:translateX(-50%) scaleX(1.18) scaleY(0.84) rotate(-4deg);filter:drop-shadow(0 0 10px rgba(224,92,58,0.9))}
55%{transform:translateX(-50%) scaleX(0.82) scaleY(1.2) rotate(3deg);filter:drop-shadow(0 0 16px rgba(239,208,107,1))}
75%{transform:translateX(-50%) scaleX(1.15) scaleY(0.88) rotate(-2deg);filter:drop-shadow(0 0 8px rgba(224,92,58,0.8))}
100%{transform:translateX(-50%) scaleX(1) scaleY(1) rotate(-3deg);filter:drop-shadow(0 0 6px rgba(224,92,58,0.8))}
}
@keyframes barGlimmer{
0%,100%{opacity:0.12}50%{opacity:0.28}
}
.kcal-bar-wrap{position:relative;height:8px;background:var(--line2);border-radius:0;margin-top:20px;margin-bottom:16px;overflow:visible}
.kcal-bar-fill{height:100%;border-radius:0;background:linear-gradient(90deg,var(--gold) 0%,#efd06b 50%,var(--gold) 100%);background-size:200% 100%;animation:barShimmer 3s linear infinite;transition:width 0.8s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:visible}
.kcal-bar-fill.over{background:linear-gradient(90deg,#e05c3a 0%,#f07050 50%,#e05c3a 100%);background-size:200% 100%;animation:barShimmer 1.5s linear infinite}
.kcal-bar-glimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%);background-size:200% 100%;animation:barShimmer 2s linear infinite}
.kcal-flame-tip{position:absolute;top:50%;transform:translateY(-65%);pointer-events:none;z-index:2;margin-left:-6px}
.kcal-flame-tip svg{transform-origin:bottom center;animation:flameTip 1.4s ease-in-out infinite;display:block}
.kcal-flame-tip.hot svg{animation:flameTipFast 0.8s ease-in-out infinite}
.kcal-bar-fill.over .kcal-flame-tip svg{animation:flameTipFast 0.6s ease-in-out infinite}
.kcal-main{display:flex;align-items:baseline;gap:6px}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeSlideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
.screen{animation:fadeSlideIn 0.2s ease forwards}
@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}
@keyframes trophyPop{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
.confetti-piece{position:fixed;width:8px;height:8px;top:-10px;z-index:999;animation:confettiFall linear forwards;pointer-events:none}
.trophy-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.trophy-icon{font-size:80px;animation:trophyPop 0.5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}
.trophy-title{font-size:24px;font-weight:900;color:var(--gold);letter-spacing:2px;text-align:center}
.trophy-sub{font-size:14px;color:var(--muted);text-align:center}
.trophy-btn{margin-top:8px}
[data-theme="light"] textarea{background:#f0f0ec!important;border-color:#c0bbb0!important;color:#1a1a14!important}
[data-theme="light"] .mini-input{background:#e8e6e0!important;border-color:#c0bbb0!important;color:#1a1a14!important}
[data-theme="light"] .mini-input:disabled{background:#e0ddd8!important;color:#8a8680!important}
[data-theme="light"] .exercise-card{background:#fff!important;border-color:#d4d0c8!important;color:#1a1a14!important}
[data-theme="light"] .exercise-card.open{background:#f8f8f4!important}
[data-theme="light"] .food-card{background:#fff!important;border-color:#d4d0c8!important}
[data-theme="light"] .empty{background:#e8e6e0!important;color:#5a5650!important}
[data-theme="light"] .workout-choice{background:#fff!important;border-color:#d4d0c8!important}
[data-theme="light"] .set-label{color:#5a5650!important}
[data-theme="light"] .macro-number{color:#1a1a14!important}
[data-theme="light"] .macro-unit{color:#5a5650!important}
[data-theme="light"] .metric-value{color:#1a1a14!important}
[data-theme="light"] .metric-name{color:#1a1a14!important}
[data-theme="light"] .food-title{color:#1a1a14!important}
[data-theme="light"] .food-macros{color:#5a5650!important}
[data-theme="light"] .ex-name{color:#1a1a14!important}
[data-theme="light"] .ex-sub{color:#5a5650!important}
[data-theme="light"] .count-badge{background:var(--gold)!important;color:#fff!important}
[data-theme="light"] .workout-header h2{color:#1a1a14!important}
[data-theme="light"] .section-title{color:#5a5650!important}
[data-theme="light"] .over-note{background:#f8e8e4!important;color:#b03020!important}
[data-theme="light"] .water-label{color:#1a2a35!important}
/* ============ LIGHT THEME COMPLETE OVERRIDE ============ */
[data-theme="light"] .btn{background:#e0ddd6!important;border-color:#b8b4aa!important;color:#1a1a14!important}
[data-theme="light"] .btn.gold{background:#8a6820!important;color:#fff!important;border-color:#8a6820!important}
[data-theme="light"] .btn.red{background:#b03020!important;color:#fff!important;border-color:#b03020!important}
[data-theme="light"] .btn.small{background:#e0ddd6!important;color:#1a1a14!important}
[data-theme="light"] .btn.small.red{background:#b03020!important;color:#fff!important}
[data-theme="light"] .btn:disabled{background:#ccc9c0!important;color:#8a8680!important}
[data-theme="light"] .superset-group{background:#f5f5f0!important;border-color:var(--color)!important}
[data-theme="light"] .exercise-card{background:#ffffff!important;color:#1a1a14!important}
[data-theme="light"] .exercise-card .ex-name{color:#1a1a14!important}
[data-theme="light"] .mini-input{background:#ebebе5!important;border-color:#c0bbb0!important;color:#1a1a14!important}
[data-theme="light"] .mini-input:disabled{background:#dedad4!important;color:#8a8680!important}
[data-theme="light"] textarea{background:#ebebе5!important;border-color:#c0bbb0!important;color:#1a1a14!important}
[data-theme="light"] .set-label{color:#5a5650!important}
[data-theme="light"] .icon-back{background:#e0ddd6!important;color:#1a1a14!important}
[data-theme="light"] .tab-pill{background:#e0ddd6!important;color:#5a5650!important}
[data-theme="light"] .tab-pill.active{background:#8a6820!important;color:#fff!important}
[data-theme="light"] .empty{background:#e8e5de!important;color:#5a5650!important;border-color:#c0bbb0!important}
[data-theme="light"] .food-card{background:#fff!important;border-color:#d4d0c8!important;color:#1a1a14!important}
[data-theme="light"] .meal-section{background:#fff!important;border-color:#d4d0c8!important}
[data-theme="light"] .meal-section-header{color:#1a1a14!important}
[data-theme="light"] .macro-card{background:#fff!important;border-color:#d4d0c8!important}
[data-theme="light"] .macro-number{color:#1a1a14!important}
[data-theme="light"] .macro-number.gold-text{color:#8a6820!important}
[data-theme="light"] .macro-number.red-text{color:#b03020!important}
[data-theme="light"] .workout-choice{background:#fff!important;border-color:#d4d0c8!important;color:#1a1a14!important}
[data-theme="light"] .workout-choice h3{color:#1a1a14!important}
[data-theme="light"] .workout-choice p{color:#5a5650!important}
[data-theme="light"] .recipe-detail{background:#fff!important;border-color:#d4d0c8!important}
[data-theme="light"] .over-note{background:#f5e0dc!important;color:#b03020!important}
[data-theme="light"] .w-sub{color:#5a5650!important}
[data-theme="light"] .toolbar{color:#1a1a14!important}
[data-theme="light"] .toolbar h2{color:#1a1a14!important}
[data-theme="light"] .toolbar p{color:#5a5650!important}
[data-theme="light"] .title-block h2{color:#1a1a14!important}
[data-theme="light"] .title-block p{color:#5a5650!important}
[data-theme="light"] .day-card{background:#e8e5de!important;color:#1a1a14!important;border-color:#c0bbb0!important}
[data-theme="light"] .day-card.active{background:#8a6820!important;color:#fff!important}
[data-theme="light"] .kcal-bar-wrap{background:#d0cdc5!important}
[data-theme="light"] .bar{background:var(--gold)!important}
[data-theme="light"] .progress{background:#d0cdc5!important}
[data-theme="light"] .count-badge{background:#8a6820!important;color:#fff!important}
[data-theme="light"] .small{color:#5a5650!important}
[data-theme="light"] .superset-group{background:#f0ede6!important}
[data-theme="light"] .superset-title{color:var(--gold)!important}
/* Extracted from index.html style block 2 */
body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:24px;color:#1a1a14;background:#fff}
h1{color:#a07830;font-size:24px;border-bottom:2px solid #c9a84c;padding-bottom:8px}
h2{color:#1a1a14;font-size:16px;margin-top:24px;margin-bottom:8px}
table{width:100%;border-collapse:collapse;margin-bottom:16px}
th{background:#c9a84c;color:#fff;padding:8px 12px;text-align:left;font-size:12px}
td{padding:8px 12px;border-bottom:1px solid #eee;font-size:13px}
tr:nth-child(even){background:#f9f8f4}
.gold{color:#a07830;font-weight:bold}
.footer{margin-top:32px;font-size:11px;color:#999;text-align:center}
@media print{body{padding:0}}
.previous-summary{font-size:11px;color:var(--gold);line-height:1.35;margin-top:4px;max-width:255px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previous-values{border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.07);padding:10px 11px;margin-bottom:10px;font-size:12px;color:#d9cfb8;line-height:1.55}.previous-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:900;margin-bottom:5px}.previous-values-empty{border-color:var(--line);background:rgba(255,255,255,.03);color:var(--muted)}[data-theme="light"] .previous-summary{color:#8a6a14}[data-theme="light"] .previous-values{background:#fff8df;border-color:#d6bd69;color:#3d382f}[data-theme="light"] .previous-title{color:#8a6a14}[data-theme="light"] .previous-values-empty{background:#efede8;border-color:#ccc5b8;color:#666058}
.overload-summary{font-size:11px;color:var(--green);line-height:1.35;margin-top:3px;max-width:255px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overload-values{border:1px solid rgba(79,164,119,.38);background:rgba(79,164,119,.08);padding:10px 11px;margin:-2px 0 10px;font-size:12px;color:#d4eadc;line-height:1.55}
.overload-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:900;margin-bottom:5px}
[data-theme="light"] .overload-summary{color:#2f7650}
[data-theme="light"] .overload-values{background:#eaf6ee;border-color:#7db894;color:#24382b}
[data-theme="light"] .overload-title{color:#2f7650}
.strength-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.strength-summary-card{border:1px solid var(--line);background:#080806;padding:11px;min-height:82px}.strength-summary-card.secondary{border-color:rgba(201,168,76,.38);background:rgba(201,168,76,.06)}.strength-summary-value{font-size:18px;font-weight:900;color:var(--gold);line-height:1.15;margin-bottom:5px}.strength-last-sets{grid-column:1/-1;border:1px solid var(--line);background:#080806;padding:11px;font-size:12px;color:#d9cfb8;line-height:1.5}.strength-session{border:1px solid var(--line);background:#080806;margin-bottom:10px;padding:12px}.strength-session:last-child{margin-bottom:0}.strength-session-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:8px}.strength-session-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;margin-bottom:8px}.strength-set-list{display:grid;gap:6px}.strength-set-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 9px;background:#0d0d0a;border:1px solid #171612;font-size:12px;color:var(--muted)}.strength-set-row b{color:var(--text);font-weight:850}[data-theme="light"] .strength-summary-card,[data-theme="light"] .strength-last-sets,[data-theme="light"] .strength-session{background:#fff;border-color:#d4d0c8}[data-theme="light"] .strength-summary-card.secondary{background:#fff8df;border-color:#d6bd69}[data-theme="light"] .strength-last-sets{color:#3d382f}[data-theme="light"] .strength-set-row{background:#f6f3ed;border-color:#ddd7cb}[data-theme="light"] .strength-set-row b{color:#14120d}@media(max-width:370px){.strength-summary-grid{grid-template-columns:1fr}.strength-last-sets{grid-column:auto}}
.volume-week-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:12px}.volume-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.volume-summary-card{border:1px solid var(--line);background:#080806;padding:11px;min-height:82px}.volume-summary-card.secondary{border-color:rgba(92,131,160,.45);background:rgba(92,131,160,.08)}.volume-summary-value{font-size:18px;font-weight:900;color:var(--gold);line-height:1.15;margin-bottom:5px}.volume-note{grid-column:1/-1;border:1px solid rgba(201,168,76,.3);background:rgba(201,168,76,.06);padding:10px 11px;font-size:11px;color:var(--muted);line-height:1.45}.volume-list{display:grid;gap:10px}.volume-exercise-row{border:1px solid var(--line);background:#080806;padding:11px}.volume-exercise-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:8px}.volume-value{font-size:16px;font-weight:900;color:var(--gold);white-space:nowrap}.volume-progress{height:5px}.volume-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.volume-day-card{border:1px solid var(--line);background:#080806;padding:10px}.volume-day-card.empty-day{opacity:.55}.volume-day-value{font-size:15px;font-weight:900;color:var(--text);margin-top:3px}[data-theme="light"] .volume-summary-card,[data-theme="light"] .volume-exercise-row,[data-theme="light"] .volume-day-card{background:#fff;border-color:#d4d0c8}[data-theme="light"] .volume-summary-card.secondary{background:#eef6fb;border-color:#a9bfd0}[data-theme="light"] .volume-note{background:#fff8df;border-color:#d6bd69;color:#5a5650}@media(max-width:370px){.volume-week-controls,.volume-summary-grid,.volume-day-grid{grid-template-columns:1fr}.volume-note{grid-column:auto}.volume-exercise-head{grid-template-columns:1fr}.volume-value{text-align:left}}
.exercise-muscle-badge{display:inline-block;border:1px solid rgba(201,168,76,.32);background:rgba(201,168,76,.07);color:var(--gold);padding:3px 7px;margin:5px 0 2px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.cardio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.volume-summary-card.cardio{border-color:rgba(79,164,119,.45);background:rgba(79,164,119,.07)}.mapping-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.mapping-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;border:1px solid var(--line);background:#080806;padding:10px}.mapping-select{height:40px;padding:8px;font-size:12px}.cardio-session-list{margin-top:12px}[data-theme="light"] .exercise-muscle-badge{background:#fff8df;border-color:#d6bd69}[data-theme="light"] .volume-summary-card.cardio{background:#eef9f2;border-color:#a7ccb5}[data-theme="light"] .mapping-row{background:#fff;border-color:#d4d0c8}@media(max-width:370px){.cardio-form-grid,.mapping-row{grid-template-columns:1fr}.mapping-select{width:100%}}
.training-tabs{grid-template-columns:repeat(4,1fr)}
@media(max-width:370px){.training-tabs{grid-template-columns:repeat(2,1fr)}}
.muscle-volume-overview{display:grid;gap:10px}.muscle-volume-head{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2px}.muscle-volume-head>div{border:1px solid var(--line);background:#080806;padding:10px}.muscle-volume-main{font-size:18px;font-weight:900;color:var(--gold);line-height:1.15;margin-top:3px}.muscle-volume-row.ok{border-color:rgba(79,164,119,.45)}.muscle-volume-row.low,.muscle-volume-row.none{border-color:rgba(224,92,58,.42)}.muscle-volume-row.high{border-color:rgba(201,168,76,.6)}.muscle-volume-status-line{display:flex;justify-content:flex-end;margin:-2px 0 7px}.muscle-status{border:1px solid var(--line);background:#10100d;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:4px 7px}.muscle-status.ok{border-color:rgba(79,164,119,.55);color:var(--green)}.muscle-status.low,.muscle-status.none{border-color:rgba(224,92,58,.55);color:var(--red)}.muscle-status.high{border-color:rgba(201,168,76,.65);color:var(--gold)}.volume-note.compact{font-size:11px;padding:9px 10px}[data-theme="light"] .muscle-volume-head>div{background:#fff;border-color:#d4d0c8}[data-theme="light"] .muscle-status{background:#fff}@media(max-width:370px){.muscle-volume-head{grid-template-columns:1fr}.muscle-volume-status-line{justify-content:flex-start}}
.weekly-report{display:grid;gap:12px}.weekly-report-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.weekly-report-title{font-size:20px;font-weight:900;color:var(--gold);line-height:1}.weekly-report-badge{border:1px solid rgba(201,168,76,.4);background:rgba(201,168,76,.08);color:var(--gold);padding:6px 8px;font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.weekly-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weekly-report-card{border:1px solid var(--line);background:#080806;padding:10px;min-height:78px}.weekly-report-value{font-size:18px;font-weight:900;color:var(--text);line-height:1.15;margin-bottom:5px}.weekly-report-section{border-top:1px solid var(--line);padding-top:12px}.weekly-report-list{display:grid;gap:8px}.weekly-report-row{border:1px solid var(--line);background:#080806;padding:10px}.weekly-report-row.good{border-color:rgba(79,164,119,.45);background:rgba(79,164,119,.06)}.weekly-report-row.low{border-color:rgba(224,92,58,.42);background:rgba(224,92,58,.06)}.weekly-report-row.high{border-color:rgba(201,168,76,.55);background:rgba(201,168,76,.07)}.weekly-report-row.ok{border-color:rgba(79,164,119,.45);background:rgba(79,164,119,.06)}.weekly-report-empty{border:1px dashed var(--line2);background:#080806;color:var(--muted);padding:11px;font-size:12px;line-height:1.45}[data-theme="light"] .weekly-report-card,[data-theme="light"] .weekly-report-row,[data-theme="light"] .weekly-report-empty{background:#fff;border-color:#d4d0c8}[data-theme="light"] .weekly-report-badge{background:#fff8df;border-color:#d6bd69}@media(max-width:370px){.weekly-report-grid{grid-template-columns:1fr}.weekly-report-top{display:grid}.weekly-report-badge{width:max-content}}
.profile-weekly-report-box{display:grid;gap:12px}.profile-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.profile-report-controls{margin:0}
/* Nutrition meal-level add food drawer */
.meal-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:rgba(201,168,76,.035)}
.meal-actions .btn{flex:1}
.meal-add-panel{margin:0 14px 14px;padding:12px;border:1px solid var(--line);background:rgba(201,168,76,.045)}
[data-theme="light"] .meal-actions{background:#f5f1e8;border-color:#d4d0c8}
[data-theme="light"] .meal-add-panel{background:#fbf7ec;border-color:#d4d0c8}
.mini-card{border:1px solid var(--line);background:#080806;padding:10px;min-height:72px}
[data-theme="light"] .mini-card{background:#fff;border-color:#d4d0c8}
/* Logged food editing + meal templates */
.logged-food-item{align-items:flex-start}.logged-food-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.logged-food-actions .btn{padding:7px 9px;font-size:11px}.logged-food-edit{margin-top:10px;padding:10px;border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.06)}.meal-actions.secondary{padding-top:0;border-top:0;background:transparent}.meal-template-panel{margin:0 14px 14px;padding:12px;border:1px solid var(--line);background:rgba(79,164,119,.055)}.meal-template-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#080806;padding:10px;margin-top:8px}.meal-template-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}[data-theme="light"] .logged-food-edit{background:#fff8df;border-color:#d6bd69}[data-theme="light"] .meal-template-panel{background:#eef9f2;border-color:#a7ccb5}[data-theme="light"] .meal-template-row{background:#fff;border-color:#d4d0c8}@media(max-width:370px){.meal-template-row{display:grid}.meal-template-actions{justify-content:flex-start}.logged-food-actions .btn{flex:1}}
/* Nutrition target modes */
.nutrition-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
@media(max-width:430px){.nutrition-mode-grid{grid-template-columns:repeat(2,1fr)}}
/* Prompt 22–23: supplements + recovery report */
.supplement-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.supplement-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#080806;padding:10px;font-size:12px;font-weight:800;color:var(--muted)}.supplement-row.checked{border-color:rgba(79,164,119,.5);background:rgba(79,164,119,.08);color:var(--text)}.supplement-row input{accent-color:var(--gold);width:16px;height:16px}.supplement-add-row{align-items:end}.recovery-report-box .weekly-report-card:nth-child(4){border-color:rgba(201,168,76,.45);background:rgba(201,168,76,.06)}.recovery-day-grid .volume-day-card{min-height:78px}[data-theme="light"] .supplement-row{background:#fff;border-color:#d4d0c8}[data-theme="light"] .supplement-row.checked{background:#eef9f2;border-color:#a7ccb5}@media(max-width:370px){.supplement-list{grid-template-columns:1fr}.supplement-add-row{grid-template-columns:1fr}}
/* Prompt 24/25: body progress, dashboard polish, supplement management */
.home-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-mini-card{background:#0f0f0c;border:1px solid var(--line);color:var(--text);padding:12px;text-align:left;border-radius:0}
.home-mini-card:active{transform:translateY(1px)}
.home-mini-value{font-size:22px;font-weight:900;color:var(--gold);line-height:1.1;margin-bottom:4px}
.body-delta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px}
.body-delta-grid>div{background:#080806;border:1px solid var(--line);padding:10px}
.body-report-grid{grid-template-columns:1fr 1fr!important}
.body-history-item{align-items:flex-start}
.supplement-row-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:8px}
.supplement-row-wrap .supplement-row{margin-bottom:0}
.supplement-row-wrap .delete-small{height:36px;width:36px;display:flex;align-items:center;justify-content:center}
@media(max-width:380px){.body-delta-grid{grid-template-columns:1fr 1fr}.home-card-grid{grid-template-columns:1fr}}
/* Prompt 27: safe backup import/restore */
.backup-current-card,.backup-summary-card{border:1px solid var(--line);background:#080806;padding:11px;margin:10px 0}
.backup-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.backup-summary-grid>div{border:1px solid var(--line);background:#0f0f0c;padding:8px;text-align:center}
.backup-summary-grid strong{display:block;font-size:18px;color:var(--gold);line-height:1.05}
.backup-summary-grid span{display:block;font-size:10px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.backup-import-note{border:1px dashed rgba(201,168,76,.35);background:rgba(201,168,76,.055);color:var(--muted);font-size:12px;line-height:1.45;padding:10px;margin-top:10px}
.backup-preview-box{border-color:rgba(201,168,76,.45)!important;background:rgba(201,168,76,.035)}
.backup-message-list{display:grid;gap:7px;margin:10px 0}.backup-message{padding:9px 10px;border:1px solid var(--line);font-size:12px;line-height:1.4}.backup-message.warn{border-color:rgba(201,168,76,.55);background:rgba(201,168,76,.08);color:#e7d28e}.backup-message.error{border-color:rgba(224,92,58,.55);background:rgba(224,92,58,.08);color:#ff9a82}.backup-confirm-box{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
[data-theme="light"] .backup-current-card,[data-theme="light"] .backup-summary-card,[data-theme="light"] .backup-summary-grid>div{background:#fff;border-color:#d4d0c8}[data-theme="light"] .backup-import-note,[data-theme="light"] .backup-preview-box{background:#fff8df;border-color:#d6bd69!important}[data-theme="light"] .backup-message.warn{background:#fff8df;color:#7a5b00}[data-theme="light"] .backup-message.error{background:#fff0ec;color:#a43c26}@media(max-width:370px){.backup-summary-grid{grid-template-columns:1fr 1fr}}
/* Prompt 28: home focus dashboard */
.home-focus-box{border-color:rgba(201,168,76,.35)!important;background:rgba(201,168,76,.035)}
.home-focus-list{display:grid;gap:8px}
.home-focus-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:#080806;color:var(--text);padding:10px;border-radius:0}
.home-focus-item span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.9px;color:var(--gold);white-space:nowrap}
.home-focus-item.low{border-color:rgba(224,92,58,.45);background:rgba(224,92,58,.055)}
.home-focus-item.high{border-color:rgba(201,168,76,.55);background:rgba(201,168,76,.08)}
.home-focus-item.ok{border-color:rgba(79,164,119,.45);background:rgba(79,164,119,.06)}
.home-focus-item.neutral{border-color:rgba(201,168,76,.28);background:#0f0f0c}
.home-focus-item:active{transform:translateY(1px)}
[data-theme="light"] .home-focus-box{background:#fff8df;border-color:#d6bd69!important}
[data-theme="light"] .home-focus-item{background:#fff;border-color:#d4d0c8}
[data-theme="light"] .home-focus-item.low{background:#fff0ec;border-color:#e2a290}
[data-theme="light"] .home-focus-item.high{background:#fff8df;border-color:#d6bd69}
[data-theme="light"] .home-focus-item.ok{background:#eef9f2;border-color:#a7ccb5}
@media(max-width:370px){.home-focus-item{display:grid}.home-focus-item span{white-space:normal}}
/* Prompt 29 — PWA / offline polish */
.pwa-banner{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);width:calc(100% - 28px);max-width:452px;z-index:95;background:#10100d;border:1px solid var(--line2);box-shadow:0 22px 60px rgba(0,0,0,.55);padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;animation:slideUp .2s ease}.pwa-banner.update{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,168,76,.12),#10100d)}.pwa-banner.install{border-color:rgba(79,164,119,.8);background:linear-gradient(180deg,rgba(79,164,119,.10),#10100d)}.pwa-banner-title{font-size:13px;font-weight:900;color:var(--text);margin-bottom:3px}.pwa-banner-text{font-size:12px;color:var(--muted);line-height:1.35}.pwa-banner-actions{display:flex;gap:7px;align-items:center}.offline-bar{font-size:12px;line-height:1.35;padding:9px 12px;text-align:center}.offline-bar.show{box-shadow:0 10px 35px rgba(0,0,0,.45)}@media(max-width:420px){.pwa-banner{grid-template-columns:1fr;bottom:82px}.pwa-banner-actions{justify-content:stretch}.pwa-banner-actions .btn{flex:1}}
/* Prompt 32–36 — final cleanup polish */
.profile-report-tabs{gap:7px;scrollbar-width:none}.profile-report-tabs::-webkit-scrollbar{display:none}
.profile-report-tabs .tab-pill{font-size:11px;padding:9px 10px}
.profile-weekly-report-box{border-color:rgba(201,168,76,.30)}
.weekly-report-section{margin-top:12px}.weekly-report-section:first-child{margin-top:0}
.weekly-report-empty{border:1px dashed var(--line2);background:var(--panel2);color:var(--muted);padding:14px;text-align:center;font-size:13px;line-height:1.4}
.home-focus-box{border-color:rgba(201,168,76,.36)}
.home-focus-list{display:grid;gap:8px}.home-focus-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);background:#080806;color:var(--text);padding:10px;border-radius:0}.home-focus-item span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--gold);white-space:nowrap}.home-focus-item.low{border-color:rgba(224,92,58,.45);background:rgba(224,92,58,.055)}.home-focus-item.high{border-color:rgba(201,168,76,.55);background:rgba(201,168,76,.08)}.home-focus-item.ok{border-color:rgba(79,164,119,.45);background:rgba(79,164,119,.06)}.home-focus-item.neutral{border-color:rgba(143,108,200,.38);background:rgba(143,108,200,.06)}
[data-theme="light"] .home-focus-box{background:#fff;border-color:#d4d0c8}
[data-theme="light"] .home-focus-item{background:#fff;border-color:#d4d0c8;color:#1a1a14}
[data-theme="light"] .home-focus-item.low{background:#fff0ec;border-color:#e2a290}
[data-theme="light"] .home-focus-item.high{background:#fff8df;border-color:#d6bd69}
[data-theme="light"] .home-focus-item.ok{background:#eef9f2;border-color:#a7ccb5}
[data-theme="light"] .home-focus-item.neutral{background:#f7f1ff;border-color:#c7b1e6}
@media(max-width:370px){.home-focus-item{display:grid}.home-focus-item span{white-space:normal}.profile-report-tabs .tab-pill{font-size:10px;padding:8px 9px}}
/* Prompt 39 — fresh start + workout timer */
.workout-timer-card,.planned-cardio-card{background:linear-gradient(180deg,rgba(201,168,76,.10),var(--panel));border:1px solid rgba(201,168,76,.45);padding:13px 14px;margin-bottom:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.workout-timer-value{font-size:30px;line-height:1;font-weight:950;color:var(--gold);letter-spacing:1px;font-variant-numeric:tabular-nums}
.planned-cardio-card{display:block;background:var(--panel);border-color:var(--line)}
.danger-zone{border-color:rgba(224,92,58,.55);background:linear-gradient(180deg,rgba(224,92,58,.08),var(--panel))}
[data-theme="light"] .workout-timer-card{background:linear-gradient(180deg,rgba(138,104,32,.10),#fff);border-color:rgba(138,104,32,.45)}
[data-theme="light"] .planned-cardio-card{background:#fff;border-color:#d4d0c8}
[data-theme="light"] .danger-zone{background:linear-gradient(180deg,rgba(176,48,32,.07),#fff);border-color:rgba(176,48,32,.45)}
/* Prompt 40 — workout/product/nutrition UI fixes */
.product-db-card{border:1px solid var(--line);background:var(--panel);padding:12px;margin-bottom:9px;display:grid;gap:10px}
.product-db-main .food-title{white-space:normal;overflow-wrap:anywhere;margin-bottom:4px}
.product-db-actions{display:flex;gap:6px;flex-wrap:wrap}
.compact-food-card{padding:10px;margin-bottom:8px}
.compact-food-card .food-title{font-size:14px;margin-bottom:4px}
.compact-preview{color:var(--gold);font-weight:800;margin-bottom:8px}
.compact-food-row{display:grid;grid-template-columns:minmax(92px,128px) 42px;gap:8px;align-items:center}
.amount-field{position:relative}.amount-field input{height:38px;padding-right:34px;text-align:right}.amount-field span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}.compact-plus{height:38px}
.workout-set-input{font-size:16px}
[data-theme="light"] .home-mini-card{background:#fff;border-color:#d4d0c8;color:#1a1a14}
[data-theme="light"] .home-mini-card .small{color:#5a5650}
[data-theme="light"] .home-dashboard{background:#fff;border-color:#d4d0c8}
[data-theme="light"] .product-db-card{background:#fff;border-color:#d4d0c8}
[data-theme="light"] .compact-food-card{background:#fff;border-color:#d4d0c8}
/* Prompt 41 — compact nutrition logging polish */
.meal-add-panel{margin:0 6px 12px;padding:10px;background:rgba(201,168,76,.035)}
.meal-search-input{height:44px;font-size:15px}
.compact-food-card{padding:9px 10px;margin-bottom:7px}
.compact-food-card .food-title{font-size:14px;line-height:1.15;margin-bottom:7px;overflow-wrap:anywhere}
.compact-food-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.compact-preview{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.3}
.compact-food-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}
.compact-food-controls .amount-field{width:92px}
.compact-food-controls .amount-field input{height:36px;padding:8px 28px 8px 8px;font-size:16px;text-align:right}
.compact-plus{width:38px;height:36px;font-size:20px;display:flex;align-items:center;justify-content:center}
.logged-food-actions{display:flex;gap:7px;margin-top:8px;align-items:center}
.logged-food-actions .btn{padding:7px 11px;font-size:11px;min-width:0}
.logged-food-actions .btn.red{margin-left:0}
.meal-item.logged-food-item{display:block;padding:10px 14px}
.product-db-card{padding:10px;margin-bottom:8px;gap:8px}
.product-db-actions{display:grid;grid-template-columns:1fr 1fr 42px;gap:6px}.product-db-actions .btn{padding:8px 9px;font-size:11px}
[data-theme="light"] .meal-add-panel{background:#fffaf0;border-color:#d4d0c8}
@media(max-width:370px){.compact-food-line{grid-template-columns:1fr}.compact-food-controls{justify-content:flex-start}.product-db-actions{grid-template-columns:1fr 1fr 42px}.logged-food-actions .btn{flex:0 0 auto}}
/* Prompt 42 — visual polish + compact workout/nutrition refinements */
.workout-toolbar-compact{align-items:center;gap:8px;margin-bottom:10px}
.workout-title-compact{min-width:0;overflow:hidden}.workout-title-compact h2{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;line-height:1.05;letter-spacing:.1px}.workout-title-compact p{font-size:12px;margin-top:3px}.compact-back{flex:0 0 auto}.workout-actions-compact{display:flex;gap:7px;flex:0 0 auto}.workout-actions-compact .btn{padding:10px 12px;letter-spacing:.7px}
.cardio-workout-exercise{border-style:dashed;background:linear-gradient(180deg,rgba(201,168,76,.06),var(--panel));margin-top:12px}.cardio-exercise-head{grid-template-columns:1fr auto}.cardio-exercise-badge{border:1px solid rgba(201,168,76,.5);color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:6px 8px;white-space:nowrap}
.compact-food-card{padding:10px 11px}.compact-food-card .food-title{font-size:15px;margin-bottom:7px}.compact-food-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.compact-preview{font-size:13px;font-weight:700;color:var(--muted)}.compact-food-controls{display:flex;align-items:center;gap:6px}.amount-field{display:flex;align-items:center;gap:5px;border:1px solid var(--line2);background:var(--panel2);padding:0 8px;height:38px;min-width:92px}.amount-field input{border:0!important;background:transparent!important;padding:0!important;text-align:right;font-size:16px;min-width:42px}.amount-field span{color:var(--muted);font-size:13px}.compact-plus{width:38px;height:38px;font-size:22px;line-height:1}.logged-food-actions{display:flex;gap:7px;align-items:center;margin-top:9px}.logged-food-actions .btn{padding:8px 10px;font-size:11px}
.macro-card,.metric-card,.settings-box,.meal-section,.exercise-card,.food-card,.product-db-card,.recipe-detail{border-radius:10px}.btn,.input,.select,.textarea,.mini-input,.tab-pill{border-radius:8px}.day-card{border-radius:10px}.bottom-nav{box-shadow:0 -10px 35px rgba(0,0,0,.18)}.macro-card{box-shadow:0 10px 28px rgba(0,0,0,.18)}.exercise-card,.meal-section,.settings-box,.metric-card{box-shadow:0 8px 22px rgba(0,0,0,.10)}
[data-theme="light"] .home-dashboard{background:#fff;border-color:#d8d2c5;box-shadow:0 8px 24px rgba(0,0,0,.07)}
[data-theme="light"] .home-mini-card{background:linear-gradient(180deg,#fff,#f7f4ec);border-color:#d8d2c5;color:#1a1a14;box-shadow:0 8px 18px rgba(0,0,0,.055)}
[data-theme="light"] .home-mini-card .label{color:#8a8680}[data-theme="light"] .home-mini-value{color:var(--gold)}[data-theme="light"] .home-mini-card .small{color:#5a5650}
[data-theme="light"] .cardio-workout-exercise{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#d6bd69}[data-theme="light"] .amount-field{background:#f7f4ec;border-color:#c7c0b4}[data-theme="light"] .amount-field input{color:#1a1a14!important}
@media(max-width:390px){.workout-title-compact h2{font-size:18px}.workout-actions-compact .btn{padding:9px 10px;font-size:11px}.compact-back{padding:9px 12px}.compact-food-line{grid-template-columns:1fr}.compact-food-controls{justify-content:flex-start}.amount-field{min-width:102px}}
/* Prompt 43-45 — program editor, PR cards, recipe editing polish */
.program-editor-box .grid2{align-items:center}
.program-ex-row,.pr-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:11px 12px;margin-bottom:8px}
.program-ex-main{min-width:0}
.program-ex-actions,.compact-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pr-list{display:grid;gap:8px}
.pr-card{border-color:rgba(201,168,76,.35);background:linear-gradient(180deg,rgba(201,168,76,.07),var(--panel))}
.recipe-ingredient-row{align-items:center}
[data-theme="light"] .program-ex-row,[data-theme="light"] .pr-card{background:#fff;border-color:#d4d0c8;box-shadow:0 8px 18px rgba(0,0,0,.04)}
@media(max-width:420px){
.program-ex-row,.pr-card{grid-template-columns:1fr;padding:10px}
.program-ex-actions,.compact-actions{justify-content:flex-start}
.program-ex-actions .btn,.compact-actions .btn{padding:7px 9px;font-size:10px}
}
/* Prompt 47 — final visual theme pass */
:root{--radius-card:14px;--radius-control:10px;--shadow-soft:0 10px 28px rgba(0,0,0,.16);--shadow-light:0 8px 22px rgba(0,0,0,.07)}
.card,.settings-box,.metric-card,.macro-card,.meal-section,.exercise-card,.food-card,.product-db-card,.recipe-detail,.program-ex-row,.pr-card{border-radius:var(--radius-card)}
.btn,.input,.select,.textarea,.mini-input,.tab-pill,.day-card{border-radius:var(--radius-control)}
.btn{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:scale(.985)}
.tab-pill{box-shadow:0 4px 12px rgba(0,0,0,.08)}.tab-pill.active{box-shadow:0 7px 16px rgba(201,168,76,.18)}
.exercise-card,.meal-section,.macro-card,.settings-box,.metric-card,.home-dashboard{box-shadow:var(--shadow-soft)}
.section-title,.label{letter-spacing:3.5px}
.meal-head{align-items:center}.meal-title{font-size:16px}.meal-total{font-size:12px}.food-title{line-height:1.2}.food-macros{line-height:1.35}
.pr-card{gap:12px;border-color:rgba(201,168,76,.42)}.pr-card .food-title{font-size:16px}.pr-card .small{white-space:nowrap;color:var(--muted)}
.program-ex-row{border-color:rgba(201,168,76,.22)}.program-ex-actions .btn{min-height:34px}
.workout-title-compact h2{font-weight:950}.workout-timer-card{border-radius:var(--radius-card);box-shadow:0 12px 30px rgba(201,168,76,.10)}
.bottom-nav{backdrop-filter:blur(10px)}
[data-theme="light"] .card,[data-theme="light"] .settings-box,[data-theme="light"] .metric-card,[data-theme="light"] .macro-card,[data-theme="light"] .meal-section,[data-theme="light"] .exercise-card,[data-theme="light"] .food-card,[data-theme="light"] .product-db-card,[data-theme="light"] .recipe-detail,[data-theme="light"] .program-ex-row,[data-theme="light"] .pr-card{background:#fff;border-color:#d8d2c5;box-shadow:var(--shadow-light)}
[data-theme="light"] .btn{background:#e9e4da;border-color:#c8c0b4;color:#1a1a14}[data-theme="light"] .btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}[data-theme="light"] .btn.red{background:#fff;border-color:var(--red);color:var(--red)}
[data-theme="light"] .input,[data-theme="light"] .select,[data-theme="light"] .textarea,[data-theme="light"] .mini-input{background:#fbfaf6;border-color:#c8c0b4;color:#1a1a14}
[data-theme="light"] .macro-card{background:linear-gradient(180deg,#fff,#fbfaf4)}
[data-theme="light"] .bottom-nav{background:rgba(250,248,242,.88);box-shadow:0 -10px 30px rgba(0,0,0,.08)}
@media(max-width:420px){.screen{padding:10px 12px 18px}.card,.settings-box,.metric-card,.macro-card,.meal-section,.exercise-card{margin-bottom:10px}.macro-number{font-size:34px}.macro-number.goal{font-size:31px}.day-card{min-width:72px}.btn{padding:10px 11px}.tab-pill{padding:9px 10px}}
/* Prompt 52 — cleaner UI, compact nutrition inputs, training history */
.compact-food-card{border-radius:18px!important;padding:11px 12px!important;box-shadow:0 8px 22px rgba(0,0,0,.07)}
.compact-food-line{grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important}
.compact-preview{font-size:13px!important;line-height:1.25!important;font-weight:700!important;color:var(--muted)!important}
.compact-food-controls{display:flex!important;align-items:center!important;gap:7px!important;flex-shrink:0!important}
.amount-field,.compact-amount-field{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;height:40px!important;min-width:96px!important;max-width:112px!important;border:1px solid var(--line2)!important;background:var(--panel2)!important;border-radius:12px!important;padding:0 10px!important;overflow:hidden!important}
.amount-field input,.compact-amount-field input{position:static!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;min-width:0!important;width:58px!important;height:38px!important;padding:0!important;text-align:right!important;font-size:17px!important;color:var(--text)!important}
.amount-field span,.compact-amount-field span{position:static!important;transform:none!important;right:auto!important;top:auto!important;display:inline-block!important;min-width:14px!important;font-size:13px!important;color:var(--muted)!important;pointer-events:none!important}
.compact-plus{width:40px!important;height:40px!important;border-radius:12px!important;font-size:22px!important;line-height:1!important}
.compact-remove-fav{margin:-2px 0 12px!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important}
.meal-add-panel{border-radius:18px!important;padding:14px!important;background:linear-gradient(180deg,rgba(201,168,76,.06),var(--panel))!important}
.meal-search-input{border-radius:14px!important}
.logged-food-actions{display:flex!important;gap:8px!important;align-items:center!important;margin-top:8px!important}.logged-food-actions .btn{padding:8px 10px!important;font-size:11px!important;border-radius:12px!important}.logged-food-item{padding:12px 14px!important}
.training-calendar{margin-top:12px}.training-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:900;text-align:center}.training-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.training-calendar-day{min-height:58px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:7px 4px;text-align:left;display:flex;flex-direction:column;gap:4px}.training-calendar-day b{font-size:13px}.training-calendar-day small{font-size:9px;line-height:1.15;color:var(--gold);font-weight:800;overflow:hidden}.training-calendar-day.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,168,76,.12)}.training-calendar-day.muted-month{opacity:.38}.training-calendar-day.has-workout{background:linear-gradient(180deg,rgba(201,168,76,.08),var(--panel))}.training-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.training-history-head h3{text-transform:capitalize;font-size:17px;line-height:1.1}.next-workout-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(201,168,76,.35);background:linear-gradient(180deg,rgba(201,168,76,.08),var(--panel));border-radius:18px;padding:13px}.history-workout-row{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border-radius:16px;padding:12px;margin-bottom:8px}.history-workout-row span{color:var(--gold);font-size:20px}
[data-theme="light"] .meal-add-panel{background:#fffaf0!important;border-color:#d8d2c5}[data-theme="light"] .compact-food-card,[data-theme="light"] .history-workout-row,[data-theme="light"] .training-calendar-day{background:#fff!important;border-color:#d8d2c5}[data-theme="light"] .next-workout-card,[data-theme="light"] .training-calendar-day.has-workout{background:linear-gradient(180deg,#fffaf0,#fff)!important;border-color:#d6bd69}[data-theme="light"] .amount-field,[data-theme="light"] .compact-amount-field{background:#f7f4ec!important;border-color:#c7c0b4!important}
@media(max-width:390px){.compact-food-line{grid-template-columns:1fr!important}.compact-food-controls{justify-content:flex-start!important}.training-calendar-day{min-height:52px;padding:6px 3px}.training-calendar-day small{font-size:8px}.amount-field,.compact-amount-field{min-width:104px!important}}
/* Prompt 53 — UI Design System Foundation */
:root{
--bg:#050504;
--bg-soft:#090806;
--panel:#10100d;
--panel2:#17150f;
--surface:#11110d;
--surface-elevated:#17150f;
--surface-soft:#0c0c09;
--line:#262216;
--line2:#3a321f;
--line-soft:rgba(239,208,107,.13);
--text:#f3eddf;
--text-strong:#fff8e8;
--muted:#a69b86;
--dim:#686050;
--gold:#c9a84c;
--gold2:#efd06b;
--gold-soft:rgba(201,168,76,.12);
--gold-border:rgba(201,168,76,.34);
--red:#e05c3a;
--red-soft:rgba(224,92,58,.11);
--green:#4fa477;
--green-soft:rgba(79,164,119,.11);
--blue:#5c83a0;
--blue-soft:rgba(92,131,160,.12);
--radius-card:20px;
--radius-card-sm:16px;
--radius-control:14px;
--radius-pill:999px;
--shadow-soft:0 18px 50px rgba(0,0,0,.28);
--shadow-card:0 12px 30px rgba(0,0,0,.20);
--shadow-tap:0 8px 18px rgba(0,0,0,.16);
--shadow-gold:0 12px 28px rgba(201,168,76,.16);
--space-screen:14px;
}
html,
body{
background:
radial-gradient(circle at top center, rgba(201,168,76,.12), transparent 34rem),
linear-gradient(180deg,#050504 0%,#090806 48%,#050504 100%);
color:var(--text);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body{min-height:100svh;}
#app{
background:
radial-gradient(circle at 50% -6rem, rgba(201,168,76,.16), transparent 18rem),
linear-gradient(180deg,#080805 0%,#0c0b08 36%,#070705 100%);
box-shadow:0 0 0 1px rgba(201,168,76,.05),0 28px 90px rgba(0,0,0,.42);
overflow-x:hidden;
}
.screen{padding:14px var(--space-screen) 22px;}
.topbar{
background:linear-gradient(180deg,rgba(7,7,5,.96),rgba(7,7,5,.82));
border-bottom:1px solid var(--line-soft);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
box-shadow:0 10px 30px rgba(0,0,0,.22);
}
.week-strip{gap:9px;padding:1px 13px 4px;}
.day-card{
border-color:var(--line-soft);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
border-radius:var(--radius-control);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.13);
transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.day-card:active{transform:translateY(1px) scale(.985);}
.day-card.active{
color:#11100b;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-color:rgba(239,208,107,.72);
box-shadow:0 12px 28px rgba(201,168,76,.22),inset 0 1px 0 rgba(255,255,255,.34);
}
.day-card .dw{font-size:11px;letter-spacing:1.7px;color:inherit;opacity:.82;}
.day-card .dn{font-size:29px;letter-spacing:-1px;}
.day-card .dm{font-size:12px;opacity:.8;}
.card,
.settings-box,
.metric-card,
.macro-card,
.meal-section,
.exercise-card,
.food-card,
.product-db-card,
.recipe-detail,
.program-ex-row,
.pr-card,
.home-dashboard,
.home-mini-card,
.history-workout-row,
.training-calendar-day,
.next-workout-card,
.weekly-report-card,
.weekly-report-row,
.weekly-report-empty,
.strength-summary-card,
.strength-last-sets,
.strength-session,
.volume-summary-card,
.volume-exercise-row,
.volume-day-card,
.muscle-volume-head>div,
.mini-card,
.mapping-row{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
border-color:var(--line-soft);
border-radius:var(--radius-card);
box-shadow:var(--shadow-card);
}
.card,
.settings-box,
.metric-card,
.macro-card{padding:16px;}
.macro-card{
background:
radial-gradient(circle at 16% 0%, rgba(239,208,107,.12), transparent 12rem),
linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
border-color:var(--gold-border);
box-shadow:var(--shadow-soft);
}
.macro-card.over{background:linear-gradient(180deg,var(--red-soft),rgba(255,255,255,.018));}
.home-dashboard,
.home-focus-box{border-color:rgba(201,168,76,.22);}
.home-card-grid{gap:10px;}
.home-mini-card{
padding:13px 12px;
text-align:left;
border:1px solid var(--line-soft);
color:var(--text);
min-height:92px;
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.home-mini-card:active,
.home-focus-item:active,
.history-workout-row:active,
.next-workout-card:active{transform:translateY(1px) scale(.99);}
.home-mini-card:hover,
.home-focus-item:hover,
.history-workout-row:hover{border-color:var(--gold-border);}
.home-mini-value{font-size:24px;font-weight:950;letter-spacing:-.6px;color:var(--gold2);line-height:1.05;margin:4px 0 5px;}
.home-focus-list{display:grid;gap:9px;}
.home-focus-item{
width:100%;
display:grid;
grid-template-columns:1fr auto;
gap:12px;
align-items:center;
text-align:left;
color:var(--text);
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
border:1px solid var(--line-soft);
border-radius:var(--radius-card-sm);
padding:12px;
transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.home-focus-item span{
border:1px solid var(--gold-border);
background:var(--gold-soft);
color:var(--gold2);
border-radius:var(--radius-pill);
padding:7px 9px;
font-size:10px;
font-weight:900;
letter-spacing:.7px;
text-transform:uppercase;
white-space:nowrap;
}
.home-focus-item.high{border-color:rgba(224,92,58,.38);background:linear-gradient(180deg,rgba(224,92,58,.10),rgba(255,255,255,.014));}
.home-focus-item.low{border-color:rgba(201,168,76,.30);}
.home-focus-item.ok{border-color:rgba(79,164,119,.34);background:linear-gradient(180deg,rgba(79,164,119,.10),rgba(255,255,255,.014));}
.metric-card{overflow:hidden;}
.metric-head{margin-bottom:12px;}
.metric-name{font-size:14px;font-weight:850;color:var(--text-strong);letter-spacing:-.1px;}
.metric-value{font-size:30px;font-weight:950;letter-spacing:-1px;color:var(--gold2);}
.meal-section,
.exercise-card,
.food-card,
.product-db-card,
.program-ex-row,
.pr-card,
.history-workout-row,
.next-workout-card{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;}
.exercise-card.open{border-color:rgba(201,168,76,.32);box-shadow:0 14px 36px rgba(201,168,76,.08),var(--shadow-card);}
.meal-head{background:rgba(255,255,255,.022);border-bottom-color:var(--line-soft);}
.meal-item{border-bottom-color:rgba(255,255,255,.055);}
.next-workout-card{border-color:var(--gold-border);background:linear-gradient(180deg,rgba(201,168,76,.12),rgba(255,255,255,.018));}
.training-calendar-grid{gap:6px;}
.training-calendar-weekdays{letter-spacing:.8px;}
.training-calendar-day{box-shadow:0 8px 18px rgba(0,0,0,.14);}
.training-calendar-day.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,168,76,.16),0 10px 22px rgba(0,0,0,.18);}
.training-calendar-day.has-workout{background:linear-gradient(180deg,rgba(201,168,76,.13),rgba(255,255,255,.02));}
.history-workout-row span{color:var(--gold2);}
.btn,
.mini-btn,
.plus-btn,
.delete-small{
border-radius:var(--radius-control);
min-height:40px;
font-weight:900;
letter-spacing:.7px;
transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,color .12s ease;
}
.btn{
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
border-color:var(--line-soft);
color:var(--text-strong);
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.12);
}
.btn:hover,.mini-btn:hover,.plus-btn:hover{border-color:var(--gold-border);}
.btn:active,.mini-btn:active,.plus-btn:active,.delete-small:active{transform:translateY(1px) scale(.985);}
.btn.gold{
color:#141006;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-color:rgba(239,208,107,.74);
box-shadow:var(--shadow-gold),inset 0 1px 0 rgba(255,255,255,.42);
}
.btn.green{
color:#05110b;
background:linear-gradient(180deg,#70c99a,var(--green));
border-color:rgba(112,201,154,.6);
}
.btn.red,
.delete-small,
.mini-btn.red{
color:#ff8a6e;
border-color:rgba(224,92,58,.42);
background:rgba(224,92,58,.06);
}
.btn.small{min-height:34px;}
.mini-btn{background:rgba(255,255,255,.03);border-color:var(--line-soft);color:var(--text);}
.mini-btn.gold{color:var(--gold2);background:var(--gold-soft);border-color:var(--gold-border);}
.plus-btn{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold2);}
.tabs{
gap:8px;
padding:3px 0 8px;
margin-bottom:13px;
scrollbar-width:none;
}
.tabs::-webkit-scrollbar{display:none;}
.tab-pill{
border-radius:var(--radius-pill);
background:rgba(255,255,255,.035);
border-color:var(--line-soft);
color:var(--muted);
padding:10px 13px;
box-shadow:none;
transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease;
}
.tab-pill:active{transform:translateY(1px) scale(.985);}
.tab-pill.active{
color:#141006;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-color:rgba(239,208,107,.72);
box-shadow:0 10px 22px rgba(201,168,76,.18);
}
.input,
.select,
.textarea,
.mini-input,
.amount-field,
.compact-amount-field{
border-radius:var(--radius-control)!important;
background:rgba(255,255,255,.035)!important;
border-color:var(--line-soft)!important;
color:var(--text)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.input,
.select,
.textarea{padding:12px 13px;}
.input::placeholder,
.textarea::placeholder{color:rgba(166,155,134,.72);}
.input:focus,
.select:focus,
.textarea:focus,
.mini-input:focus,
.amount-field:focus-within,
.compact-amount-field:focus-within{
border-color:rgba(239,208,107,.68)!important;
box-shadow:0 0 0 3px rgba(201,168,76,.12),inset 0 1px 0 rgba(255,255,255,.04);
}
select option{background:#11100d;color:var(--text);}
.bottom-nav{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:5px;
padding:8px 8px max(8px,env(safe-area-inset-bottom));
background:rgba(7,7,5,.84);
border-top:1px solid var(--line-soft);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
box-shadow:0 -18px 48px rgba(0,0,0,.34);
}
.nav-item{
min-height:54px;
border-radius:18px;
color:var(--dim);
font-size:10px;
font-weight:800;
letter-spacing:.1px;
transition:background .14s ease,color .14s ease,transform .12s ease;
}
.nav-item:active{transform:translateY(1px) scale(.985);}
.nav-item.active{
color:var(--gold2);
background:linear-gradient(180deg,rgba(201,168,76,.17),rgba(201,168,76,.08));
box-shadow:inset 0 0 0 1px rgba(201,168,76,.18);
}
.nav-icon{width:24px;height:24px;}
.section-title,
.label{
color:var(--dim);
font-weight:900;
letter-spacing:2.4px;
}
.section-title{font-size:10px;margin-bottom:11px;}
.label{font-size:10px;}
.small,
.muted,
.food-macros{color:var(--muted);}
.food-title,
.meal-title,
.ex-name{color:var(--text-strong);letter-spacing:-.1px;}
.food-title{font-size:14px;font-weight:850;}
.macro-kicker{color:var(--muted);letter-spacing:3px;}
.macro-number{color:var(--gold2);}
.macro-number.goal{color:var(--muted);}
.macro-name{color:var(--muted);}
.macro-val{color:var(--text-strong);}
.progress{background:rgba(255,255,255,.06);}
.bar{background:linear-gradient(90deg,var(--gold),var(--gold2));}
.bar.green{background:linear-gradient(90deg,var(--green),#78c99e);}
.bar.red{background:linear-gradient(90deg,var(--red),#ff8a6e);}
.over-note,
.warning{border-radius:var(--radius-control);background:var(--red-soft);border-color:rgba(224,92,58,.42);}
.ok-box{border-radius:var(--radius-control);background:var(--green-soft);border-color:rgba(79,164,119,.42);}
.toast{border-radius:18px;background:rgba(17,16,13,.96);border-color:var(--gold-border);box-shadow:0 22px 60px rgba(0,0,0,.42);}
.compact-food-card,
.meal-add-panel{
border-radius:var(--radius-card)!important;
box-shadow:var(--shadow-card)!important;
}
.meal-add-panel{background:linear-gradient(180deg,rgba(201,168,76,.10),rgba(255,255,255,.018))!important;border-color:var(--gold-border)!important;}
.compact-plus{border-radius:var(--radius-control)!important;}
.logged-food-actions .btn{border-radius:var(--radius-control)!important;}
@media(min-width:520px){
body{padding:14px 0;background:radial-gradient(circle at top,rgba(201,168,76,.13),transparent 32rem),#030302;}
#app{border-radius:30px;min-height:calc(100svh - 28px);}
.bottom-nav{border-radius:24px 24px 0 0;}
}
@media(max-width:390px){
:root{--space-screen:12px;--radius-card:18px;--radius-control:13px;}
.home-mini-value{font-size:22px;}
.bottom-nav{gap:3px;padding-left:6px;padding-right:6px;}
.nav-item{font-size:9px;min-height:52px;}
}
html[data-theme="light"]{
--bg:#f5f0e7;
--bg-soft:#fbf8f1;
--panel:#fffdf8;
--panel2:#f3eee5;
--surface:#fffdf8;
--surface-elevated:#ffffff;
--surface-soft:#f7f3eb;
--line:#ddd4c5;
--line2:#cabda9;
--line-soft:rgba(90,79,60,.14);
--text:#1c1912;
--text-strong:#11100b;
--muted:#61594b;
--dim:#8a806f;
--gold:#b58b24;
--gold2:#d6aa35;
--gold-soft:rgba(181,139,36,.12);
--gold-border:rgba(181,139,36,.32);
--shadow-soft:0 18px 50px rgba(69,55,31,.12);
--shadow-card:0 10px 26px rgba(69,55,31,.085);
--shadow-tap:0 7px 16px rgba(69,55,31,.08);
--shadow-gold:0 12px 24px rgba(181,139,36,.16);
}
html[data-theme="light"],
html[data-theme="light"] body{
background:
radial-gradient(circle at top center, rgba(214,170,53,.16), transparent 32rem),
linear-gradient(180deg,#fbf8f1 0%,#f4eee4 100%);
color:var(--text);
}
html[data-theme="light"] #app{
background:
radial-gradient(circle at 50% -7rem, rgba(214,170,53,.20), transparent 18rem),
linear-gradient(180deg,#fffaf0 0%,#f7f2e9 42%,#f3eee4 100%);
box-shadow:0 0 0 1px rgba(105,88,51,.08),0 28px 90px rgba(70,56,35,.14);
}
html[data-theme="light"] .topbar{
background:rgba(250,246,237,.84);
border-bottom-color:rgba(89,75,50,.13);
box-shadow:0 10px 30px rgba(74,57,31,.08);
}
html[data-theme="light"] .card,
html[data-theme="light"] .settings-box,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .macro-card,
html[data-theme="light"] .meal-section,
html[data-theme="light"] .exercise-card,
html[data-theme="light"] .food-card,
html[data-theme="light"] .product-db-card,
html[data-theme="light"] .recipe-detail,
html[data-theme="light"] .program-ex-row,
html[data-theme="light"] .pr-card,
html[data-theme="light"] .home-dashboard,
html[data-theme="light"] .home-mini-card,
html[data-theme="light"] .history-workout-row,
html[data-theme="light"] .training-calendar-day,
html[data-theme="light"] .next-workout-card,
html[data-theme="light"] .weekly-report-card,
html[data-theme="light"] .weekly-report-row,
html[data-theme="light"] .weekly-report-empty,
html[data-theme="light"] .strength-summary-card,
html[data-theme="light"] .strength-last-sets,
html[data-theme="light"] .strength-session,
html[data-theme="light"] .volume-summary-card,
html[data-theme="light"] .volume-exercise-row,
html[data-theme="light"] .volume-day-card,
html[data-theme="light"] .muscle-volume-head>div,
html[data-theme="light"] .mini-card,
html[data-theme="light"] .mapping-row{
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,251,243,.88));
border-color:rgba(91,78,57,.14);
box-shadow:var(--shadow-card);
color:var(--text);
}
html[data-theme="light"] .macro-card{
background:radial-gradient(circle at 16% 0%,rgba(214,170,53,.17),transparent 12rem),linear-gradient(180deg,#fff,#fff8ed);
border-color:rgba(181,139,36,.24);
}
html[data-theme="light"] .day-card{
background:linear-gradient(180deg,#fff,#f6f0e6);
border-color:rgba(91,78,57,.14);
color:var(--text);
box-shadow:0 8px 18px rgba(69,55,31,.07);
}
html[data-theme="light"] .day-card.active,
html[data-theme="light"] .tab-pill.active,
html[data-theme="light"] .btn.gold{
color:#161006;
background:linear-gradient(180deg,#f0c85c,var(--gold));
border-color:rgba(181,139,36,.48);
}
html[data-theme="light"] .btn,
html[data-theme="light"] .mini-btn{
background:linear-gradient(180deg,#fffaf0,#eee6d9);
border-color:rgba(91,78,57,.18);
color:var(--text-strong);
}
html[data-theme="light"] .btn.red,
html[data-theme="light"] .delete-small,
html[data-theme="light"] .mini-btn.red{background:rgba(224,92,58,.06);color:#c94524;border-color:rgba(201,68,36,.32);}
html[data-theme="light"] .btn.green{background:linear-gradient(180deg,#7ed3a6,#4fa477);color:#06120c;}
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] .mini-input,
html[data-theme="light"] .amount-field,
html[data-theme="light"] .compact-amount-field{
background:#fffaf2!important;
border-color:rgba(91,78,57,.18)!important;
color:var(--text)!important;
}
html[data-theme="light"] .amount-field input,
html[data-theme="light"] .compact-amount-field input{color:var(--text)!important;}
html[data-theme="light"] .tab-pill{
background:rgba(255,255,255,.72);
border-color:rgba(91,78,57,.14);
color:var(--muted);
}
html[data-theme="light"] .bottom-nav{
background:rgba(252,248,240,.86);
border-top-color:rgba(91,78,57,.13);
box-shadow:0 -18px 48px rgba(69,55,31,.10);
}
html[data-theme="light"] .nav-item{color:#918673;}
html[data-theme="light"] .nav-item.active{color:#9b7418;background:linear-gradient(180deg,rgba(214,170,53,.17),rgba(214,170,53,.08));}
html[data-theme="light"] .progress{background:rgba(91,78,57,.13)!important;}
html[data-theme="light"] .meal-add-panel{background:linear-gradient(180deg,#fff6df,#fff)!important;border-color:rgba(181,139,36,.24)!important;}
html[data-theme="light"] .home-focus-item{background:linear-gradient(180deg,#fff,#fff8ed);border-color:rgba(91,78,57,.14);color:var(--text);}
html[data-theme="light"] .home-focus-item span{color:#8a6410;background:rgba(214,170,53,.13);border-color:rgba(181,139,36,.28);}
html[data-theme="light"] select option{background:#fffaf2;color:var(--text);}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}
/* Prompt 53.1 — UI Contrast + Training Cards Hotfix */
html[data-theme="dark"],
html:not([data-theme="light"]){
--text:#f6efdf;
--text-strong:#fff7e7;
--muted:#b5aa96;
--dim:#918673;
--line-soft:rgba(239,208,107,.18);
}
html[data-theme="dark"] body,
html:not([data-theme="light"]) body{
color:var(--text);
}
/* Reset the old extracted report styles that were making dark-mode h2 titles nearly black. */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html:not([data-theme="light"]) h1,
html:not([data-theme="light"]) h2,
html:not([data-theme="light"]) h3,
html:not([data-theme="light"]) h4{
color:var(--text-strong);
}
html[data-theme="dark"] .toolbar,
html:not([data-theme="light"]) .toolbar{
color:var(--text-strong);
}
html[data-theme="dark"] .title-block h2,
html[data-theme="dark"] .screen h1,
html[data-theme="dark"] .screen h2,
html[data-theme="dark"] .screen h3,
html[data-theme="dark"] .settings-box h2,
html[data-theme="dark"] .settings-box h3,
html[data-theme="dark"] .metric-name,
html[data-theme="dark"] .meal-title,
html[data-theme="dark"] .food-title,
html[data-theme="dark"] .ex-name,
html:not([data-theme="light"]) .title-block h2,
html:not([data-theme="light"]) .screen h1,
html:not([data-theme="light"]) .screen h2,
html:not([data-theme="light"]) .screen h3,
html:not([data-theme="light"]) .settings-box h2,
html:not([data-theme="light"]) .settings-box h3,
html:not([data-theme="light"]) .metric-name,
html:not([data-theme="light"]) .meal-title,
html:not([data-theme="light"]) .food-title,
html:not([data-theme="light"]) .ex-name{
color:var(--text-strong);
text-shadow:0 1px 0 rgba(0,0,0,.35);
}
html[data-theme="dark"] .title-block p,
html[data-theme="dark"] .small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .food-macros,
html[data-theme="dark"] .ex-reps,
html[data-theme="dark"] .metric-card .small,
html:not([data-theme="light"]) .title-block p,
html:not([data-theme="light"]) .small,
html:not([data-theme="light"]) .muted,
html:not([data-theme="light"]) .food-macros,
html:not([data-theme="light"]) .ex-reps,
html:not([data-theme="light"]) .metric-card .small{
color:var(--muted)!important;
}
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .label,
html:not([data-theme="light"]) .section-title,
html:not([data-theme="light"]) .label{
color:#a79b86!important;
opacity:1;
}
/* Training program cards: make them feel like tappable fitness cards instead of admin boxes. */
.workout-grid{
gap:12px;
}
.workout-choice{
position:relative;
overflow:hidden;
min-height:94px;
padding:16px 15px;
border-radius:20px!important;
border:1px solid var(--line-soft)!important;
background:
radial-gradient(circle at 18% 0%, rgba(239,208,107,.13), transparent 7.5rem),
linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018))!important;
box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045);
transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.workout-choice::after{
content:"";
position:absolute;
inset:auto 12px 10px 12px;
height:1px;
background:linear-gradient(90deg, transparent, currentColor, transparent);
opacity:.17;
}
.workout-choice:active{
transform:translateY(1px) scale(.985);
}
.workout-choice:hover,
.workout-choice:focus-visible{
border-color:rgba(239,208,107,.42)!important;
box-shadow:0 16px 34px rgba(0,0,0,.24), 0 0 0 3px rgba(201,168,76,.08), inset 0 1px 0 rgba(255,255,255,.065);
outline:none;
}
.workout-choice .w-title{
font-size:17px;
line-height:1.15;
font-weight:950;
letter-spacing:-.25px;
margin-bottom:8px;
color:currentColor;
}
.workout-choice .w-sub{
font-size:12.5px;
line-height:1.35;
color:var(--muted)!important;
font-weight:650;
}
html[data-theme="dark"] .workout-choice,
html:not([data-theme="light"]) .workout-choice{
background:
radial-gradient(circle at 16% 0%, rgba(239,208,107,.11), transparent 7rem),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.018))!important;
border-color:rgba(239,208,107,.15)!important;
}
html[data-theme="dark"] .workout-choice .w-sub,
html:not([data-theme="light"]) .workout-choice .w-sub{
color:#aaa08d!important;
}
html[data-theme="dark"] .workout-choice .w-title,
html:not([data-theme="light"]) .workout-choice .w-title{
text-shadow:0 1px 0 rgba(0,0,0,.38);
}
/* Slightly improve active/important cards in dark mode without changing layout. */
html[data-theme="dark"] .settings-box,
html[data-theme="dark"] .card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .meal-section,
html[data-theme="dark"] .macro-card,
html[data-theme="dark"] .exercise-card,
html[data-theme="dark"] .pr-card,
html[data-theme="dark"] .history-workout-row,
html:not([data-theme="light"]) .settings-box,
html:not([data-theme="light"]) .card,
html:not([data-theme="light"]) .metric-card,
html:not([data-theme="light"]) .meal-section,
html:not([data-theme="light"]) .macro-card,
html:not([data-theme="light"]) .exercise-card,
html:not([data-theme="light"]) .pr-card,
html:not([data-theme="light"]) .history-workout-row{
border-color:rgba(239,208,107,.16);
}
/* Light mode protection: keep it clean and readable, just round the training cards. */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] .title-block h2,
html[data-theme="light"] .screen h2,
html[data-theme="light"] .screen h3,
html[data-theme="light"] .food-title,
html[data-theme="light"] .meal-title,
html[data-theme="light"] .ex-name{
color:#17140f!important;
text-shadow:none;
}
html[data-theme="light"] .title-block p,
html[data-theme="light"] .small,
html[data-theme="light"] .muted,
html[data-theme="light"] .food-macros,
html[data-theme="light"] .ex-reps{
color:#6c6253!important;
}
html[data-theme="light"] .section-title,
html[data-theme="light"] .label{
color:#625a4e!important;
}
html[data-theme="light"] .workout-choice{
min-height:94px;
border-radius:20px!important;
background:
radial-gradient(circle at 18% 0%, rgba(214,170,53,.12), transparent 7.5rem),
linear-gradient(180deg,#fff,#fffaf0)!important;
border-color:rgba(91,78,57,.17)!important;
box-shadow:0 10px 24px rgba(69,55,31,.08), inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-theme="light"] .workout-choice .w-sub{
color:#6f675a!important;
}
@media(max-width:390px){
.workout-grid{gap:10px;}
.workout-choice{min-height:88px;padding:14px 13px;}
.workout-choice .w-title{font-size:16px;}
.workout-choice .w-sub{font-size:12px;}
}
/* Prompt 54 — Home / Dashboard v2 */
.home-hero-card{
position:relative;
overflow:hidden;
margin-bottom:12px;
padding:18px;
border:1px solid rgba(201,168,76,.30);
border-radius:24px;
background:
radial-gradient(circle at 10% 0%,rgba(239,208,107,.18),transparent 13rem),
radial-gradient(circle at 92% 16%,rgba(79,164,119,.10),transparent 10rem),
linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.022));
box-shadow:0 22px 54px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);
}
.home-hero-card:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%,rgba(201,168,76,.045));
opacity:.75;
}
.home-hero-card>*{position:relative;z-index:1;}
.home-hero-card.ok{border-color:rgba(79,164,119,.35);}
.home-hero-card.low{border-color:rgba(224,92,58,.32);}
.home-hero-top{
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:start;
}
.home-eyebrow{
font-size:10px;
letter-spacing:2.6px;
text-transform:uppercase;
font-weight:950;
color:var(--gold2);
margin-bottom:8px;
}
.home-hero-card h2{
margin:0;
color:var(--text-strong);
font-size:25px;
line-height:1.02;
letter-spacing:-.8px;
font-weight:950;
}
.home-hero-card p{
margin:9px 0 0;
max-width:310px;
color:var(--muted);
font-size:13px;
line-height:1.45;
}
.home-score-ring{
--score:0;
width:72px;
height:72px;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
gap:1px;
flex:0 0 auto;
background:conic-gradient(var(--gold2) calc(var(--score) * 1%),rgba(255,255,255,.08) 0);
box-shadow:0 12px 28px rgba(201,168,76,.13),inset 0 0 0 1px rgba(255,255,255,.07);
position:relative;
}
.home-score-ring:before{
content:"";
position:absolute;
inset:7px;
border-radius:50%;
background:linear-gradient(180deg,#14120c,#090806);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-score-ring strong,
.home-score-ring span{position:relative;z-index:1;}
.home-score-ring strong{font-size:18px;line-height:1;color:var(--text-strong);font-weight:950;letter-spacing:-.5px;}
.home-score-ring span{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);font-weight:900;}
.home-hero-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-top:16px;
}
.home-hero-stat{
border:1px solid rgba(239,208,107,.14);
border-radius:17px;
background:rgba(9,9,7,.48);
color:var(--text);
text-align:left;
padding:10px;
min-height:76px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.home-hero-stat span,
.home-hero-stat em{
display:block;
color:var(--muted);
font-size:10px;
font-style:normal;
font-weight:850;
letter-spacing:.7px;
text-transform:uppercase;
}
.home-hero-stat strong{
display:block;
margin:5px 0 3px;
color:var(--gold2);
font-size:18px;
line-height:1;
font-weight:950;
letter-spacing:-.4px;
}
.home-quick-actions{
display:grid;
grid-template-columns:1.25fr 1fr 1fr;
gap:8px;
margin-top:12px;
}
.home-quick-actions .btn{
min-height:42px;
padding:10px 9px;
font-size:10px;
letter-spacing:.6px;
}
.home-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
}
.home-section-head .section-title{margin-bottom:4px;}
.home-section-head .mini-btn{
min-width:68px;
padding:0 10px;
}
.home-snapshot-card{
background:
radial-gradient(circle at 12% 0%,rgba(239,208,107,.07),transparent 10rem),
linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.017));
}
.home-card-grid-v2{gap:9px;}
.home-stat-card{
min-height:108px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.home-mini-bar{
height:5px;
border-radius:999px;
overflow:hidden;
background:rgba(255,255,255,.075);
margin-top:9px;
}
.home-mini-bar span{
display:block;
height:100%;
max-width:100%;
border-radius:inherit;
background:linear-gradient(90deg,var(--gold),var(--gold2));
}
.home-recovery-panel{
border-color:rgba(92,131,160,.20);
background:
radial-gradient(circle at 100% 0%,rgba(92,131,160,.10),transparent 12rem),
linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.017));
}
.home-recovery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
}
.home-recovery-card{
min-width:0;
border:1px solid var(--line-soft);
border-radius:18px;
background:rgba(255,255,255,.026);
color:var(--text);
text-align:left;
padding:12px 10px;
min-height:118px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:8px;
box-shadow:0 10px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.04);
transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.home-recovery-card:hover{border-color:var(--gold-border);}
.home-recovery-card:active{transform:translateY(1px) scale(.99);}
.home-recovery-value{
color:var(--text-strong);
font-size:20px;
line-height:1;
font-weight:950;
letter-spacing:-.5px;
}
.home-recovery-sleep{
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
gap:8px;
}
.home-recovery-sleep .moon-svg{width:34px;height:34px;}
.home-recovery-card .small{font-size:11px;line-height:1.25;}
.home-recovery-card .progress{margin-top:auto;}
.home-focus-box{
background:
radial-gradient(circle at 8% 0%,rgba(201,168,76,.08),transparent 9rem),
linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.017));
}
.home-focus-box .section-title{margin-bottom:11px;}
.home-focus-item .food-title{font-size:14px;letter-spacing:-.1px;}
.home-focus-item .food-macros{font-size:12px;line-height:1.35;}
html[data-theme="light"] .home-hero-card{
background:
radial-gradient(circle at 10% 0%,rgba(214,170,53,.18),transparent 13rem),
radial-gradient(circle at 92% 16%,rgba(79,164,119,.12),transparent 10rem),
linear-gradient(180deg,#fffdf7,#fff7e7);
border-color:rgba(181,139,36,.24);
box-shadow:0 16px 36px rgba(92,74,28,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .home-hero-card h2{color:#211b10;}
html[data-theme="light"] .home-hero-card p{color:#675d4d;}
html[data-theme="light"] .home-eyebrow{color:#9a7316;}
html[data-theme="light"] .home-score-ring{
background:conic-gradient(#c99b24 calc(var(--score) * 1%),rgba(65,51,20,.10) 0);
box-shadow:0 10px 24px rgba(181,139,36,.14),inset 0 0 0 1px rgba(95,70,8,.06);
}
html[data-theme="light"] .home-score-ring:before{background:linear-gradient(180deg,#fff,#fff7e5);}
html[data-theme="light"] .home-score-ring strong{color:#211b10;}
html[data-theme="light"] .home-score-ring span{color:#766b58;}
html[data-theme="light"] .home-hero-stat,
html[data-theme="light"] .home-recovery-card{
background:rgba(255,255,255,.64);
border-color:rgba(91,78,57,.13);
box-shadow:0 8px 18px rgba(80,64,35,.07),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .home-hero-stat span,
html[data-theme="light"] .home-hero-stat em{color:#7c7160;}
html[data-theme="light"] .home-hero-stat strong{color:#9a7316;}
html[data-theme="light"] .home-snapshot-card,
html[data-theme="light"] .home-recovery-panel,
html[data-theme="light"] .home-focus-box{
background:linear-gradient(180deg,#fff,#fffaf0);
border-color:rgba(91,78,57,.12);
}
html[data-theme="light"] .home-mini-bar{background:rgba(91,78,57,.10);}
html[data-theme="light"] .home-recovery-value{color:#211b10;}
html[data-theme="light"] .home-recovery-card .small{color:#665f53;}
@media(max-width:420px){
.home-hero-card{padding:16px;border-radius:22px;}
.home-hero-card h2{font-size:23px;}
.home-score-ring{width:66px;height:66px;}
.home-score-ring strong{font-size:16px;}
.home-hero-stats{grid-template-columns:1fr 1fr 1fr;gap:7px;}
.home-hero-stat{padding:9px 8px;min-height:72px;}
.home-hero-stat strong{font-size:16px;}
.home-quick-actions{grid-template-columns:1fr 1fr;}
.home-quick-actions .btn:first-child{grid-column:1 / -1;}
.home-recovery-grid{grid-template-columns:1fr;}
.home-recovery-card{min-height:94px;}
}
@media(max-width:360px){
.home-hero-top{grid-template-columns:1fr;}
.home-score-ring{position:absolute;right:14px;top:14px;transform:scale(.86);transform-origin:top right;}
.home-hero-card h2{padding-right:60px;}
.home-hero-stats{grid-template-columns:1fr;}
}
/* Prompt 55 — Training Hub v2 */
.training-tabs{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
overflow:visible;
padding-bottom:12px;
margin-bottom:14px;
}
.training-tabs .tab-pill{
width:100%;
min-height:46px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:10px 8px;
font-size:11px;
letter-spacing:.25px;
white-space:normal;
line-height:1.15;
}
html[data-theme="dark"] .title-block h2,
html:not([data-theme="light"]) .title-block h2,
html[data-theme="dark"] .toolbar .title-block h2,
html:not([data-theme="light"]) .toolbar .title-block h2{
color:#fff7e7!important;
opacity:1!important;
text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 18px rgba(239,208,107,.10);
}
html[data-theme="dark"] .title-block p,
html:not([data-theme="light"]) .title-block p{
color:#b7ac99!important;
opacity:1!important;
}
.training-hub{display:block;}
.training-next-panel{
position:relative;
overflow:hidden;
padding:16px!important;
border-radius:24px!important;
border-color:color-mix(in srgb, var(--workout-accent, var(--gold)) 42%, transparent)!important;
background:
radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--workout-accent, var(--gold)) 20%, transparent), transparent 12rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);
}
.training-next-panel::after{
content:"";
position:absolute;
inset:auto 16px 0 16px;
height:1px;
background:linear-gradient(90deg,transparent,var(--workout-accent,var(--gold)),transparent);
opacity:.22;
}
.training-next-top{
display:grid;
grid-template-columns:1fr auto;
gap:12px;
align-items:start;
}
.training-next-title{
display:flex;
align-items:center;
gap:9px;
margin-top:2px;
color:var(--text-strong);
}
.training-next-title span{font-size:26px;line-height:1;}
.training-next-title strong{
font-size:24px;
line-height:1;
font-weight:950;
letter-spacing:-.65px;
color:var(--text-strong);
}
.training-next-sub,
.training-next-desc{
color:var(--muted);
font-size:12.5px;
line-height:1.35;
}
.training-next-sub{margin-top:7px;}
.training-next-desc{
margin-top:12px;
border:1px solid rgba(255,255,255,.055);
background:rgba(0,0,0,.10);
border-radius:16px;
padding:11px 12px;
}
.training-next-badge{
border:1px solid color-mix(in srgb, var(--workout-accent, var(--gold)) 48%, transparent);
background:color-mix(in srgb, var(--workout-accent, var(--gold)) 14%, transparent);
color:var(--workout-accent,var(--gold));
border-radius:999px;
padding:7px 10px;
font-size:10px;
line-height:1;
font-weight:950;
letter-spacing:1.2px;
text-transform:uppercase;
}
.training-hub-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin-top:12px;
}
.training-hub-stat{
min-width:0;
border:1px solid var(--line-soft);
border-radius:18px;
background:rgba(255,255,255,.028);
color:var(--text);
text-align:left;
padding:11px 10px;
min-height:82px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.training-hub-stat span,
.training-hub-stat em{
display:block;
color:var(--muted);
font-size:10px;
font-style:normal;
font-weight:850;
letter-spacing:.7px;
text-transform:uppercase;
}
.training-hub-stat strong{
display:block;
margin:5px 0 3px;
color:var(--workout-accent,var(--gold2));
font-size:24px;
line-height:1;
font-weight:950;
}
.training-next-cta{margin-top:12px;}
.training-program-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin:18px 0 11px;
}
.training-program-head .section-title{margin-bottom:5px;}
.training-program-head p{
color:var(--muted);
font-size:12.5px;
line-height:1.35;
max-width:290px;
}
.training-program-head .mini-btn{
min-width:82px;
padding:0 12px;
}
.training-program-grid{
gap:12px;
margin-bottom:22px;
}
.workout-choice.training-program-card{
position:relative;
overflow:hidden;
min-height:142px!important;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:10px;
padding:15px!important;
border-radius:24px!important;
border:1px solid color-mix(in srgb, var(--workout-accent, var(--gold)) 24%, rgba(255,255,255,.08))!important;
background:
radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--workout-accent, var(--gold)) 18%, transparent), transparent 8rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016))!important;
box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important;
transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.workout-choice.training-program-card::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 42%);
opacity:.7;
}
.workout-choice.training-program-card.suggested{
border-color:color-mix(in srgb, var(--workout-accent, var(--gold)) 55%, transparent)!important;
box-shadow:0 16px 36px rgba(0,0,0,.23),0 0 0 3px color-mix(in srgb, var(--workout-accent, var(--gold)) 10%, transparent),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.training-card-kicker{
position:relative;
z-index:1;
align-self:flex-start;
border:1px solid color-mix(in srgb, var(--workout-accent, var(--gold)) 38%, transparent);
background:color-mix(in srgb, var(--workout-accent, var(--gold)) 12%, transparent);
color:var(--workout-accent,var(--gold));
border-radius:999px;
padding:5px 8px;
font-size:9px;
line-height:1;
font-weight:950;
letter-spacing:.9px;
text-transform:uppercase;
}
.training-card-main{
position:relative;
z-index:1;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:8px;
}
.workout-choice.training-program-card .w-title{
color:var(--workout-accent,var(--gold2))!important;
font-size:18px!important;
line-height:1.15!important;
font-weight:950!important;
letter-spacing:-.35px!important;
margin:0!important;
}
.workout-choice.training-program-card .w-title span{font-size:21px;}
.training-card-arrow{
color:var(--muted);
font-size:24px;
line-height:1;
transform:translateY(-1px);
}
.workout-choice.training-program-card .w-sub{
position:relative;
z-index:1;
color:var(--muted)!important;
font-size:12.5px!important;
line-height:1.35!important;
font-weight:650!important;
min-height:34px;
}
.training-card-meta{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding-top:10px;
border-top:1px solid rgba(255,255,255,.06);
color:var(--muted);
font-size:10.5px;
line-height:1.15;
font-weight:850;
letter-spacing:.55px;
text-transform:uppercase;
}
.workout-choice.training-program-card:active{transform:translateY(1px) scale(.985);}
.workout-choice.training-program-card:focus-visible{
outline:none;
border-color:var(--workout-accent,var(--gold))!important;
box-shadow:0 0 0 3px color-mix(in srgb, var(--workout-accent, var(--gold)) 18%, transparent),0 14px 32px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .training-next-panel,
html:not([data-theme="light"]) .training-next-panel,
html[data-theme="dark"] .workout-choice.training-program-card,
html:not([data-theme="light"]) .workout-choice.training-program-card{
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--workout-accent, var(--gold)) 16%, transparent), transparent 9rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.014))!important;
}
html[data-theme="dark"] .workout-choice.training-program-card .w-sub,
html:not([data-theme="light"]) .workout-choice.training-program-card .w-sub,
html[data-theme="dark"] .training-next-desc,
html:not([data-theme="light"]) .training-next-desc{
color:#b8ad9a!important;
}
html[data-theme="light"] .training-next-panel{
background:
radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--workout-accent, var(--gold)) 18%, transparent), transparent 12rem),
linear-gradient(180deg,#fffdf8,#fff6e6)!important;
border-color:color-mix(in srgb, var(--workout-accent, var(--gold)) 28%, rgba(91,78,57,.14))!important;
box-shadow:0 16px 36px rgba(80,64,35,.10),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
html[data-theme="light"] .training-next-title strong{color:#17140f;}
html[data-theme="light"] .training-next-sub,
html[data-theme="light"] .training-next-desc,
html[data-theme="light"] .training-program-head p{color:#6d6253!important;}
html[data-theme="light"] .training-next-desc{
background:rgba(255,255,255,.62);
border-color:rgba(91,78,57,.10);
}
html[data-theme="light"] .training-hub-stat{
background:rgba(255,255,255,.64);
border-color:rgba(91,78,57,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(80,64,35,.06);
}
html[data-theme="light"] .workout-choice.training-program-card{
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--workout-accent, var(--gold)) 15%, transparent), transparent 8rem),
linear-gradient(180deg,#fff,#fffaf0)!important;
border-color:color-mix(in srgb, var(--workout-accent, var(--gold)) 24%, rgba(91,78,57,.14))!important;
box-shadow:0 12px 24px rgba(69,55,31,.085),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html[data-theme="light"] .workout-choice.training-program-card .w-sub{color:#71685a!important;}
html[data-theme="light"] .training-card-meta{
border-top-color:rgba(91,78,57,.10);
color:#786e5f;
}
html[data-theme="light"] .training-card-arrow{color:#9b907d;}
@media(max-width:390px){
.training-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.training-tabs .tab-pill{min-height:44px;font-size:11px;}
.training-hub-stats{grid-template-columns:1fr 1fr 1fr;gap:7px;}
.training-hub-stat{padding:10px 8px;min-height:76px;}
.training-hub-stat strong{font-size:22px;}
.training-program-grid{gap:10px;}
.workout-choice.training-program-card{min-height:134px!important;padding:14px 13px!important;border-radius:21px!important;}
.workout-choice.training-program-card .w-title{font-size:16.5px!important;}
.workout-choice.training-program-card .w-sub{font-size:12px!important;}
}
/* Prompt 56 — Active Workout UI v2 */
.workout-toolbar-v2{
position:relative;
align-items:center;
gap:10px;
margin-bottom:10px;
}
.workout-toolbar-v2 .compact-back{
width:42px;
height:42px;
border-radius:16px;
border:1px solid var(--line-soft);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
color:var(--text-strong);
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.14);
}
.workout-toolbar-v2 .workout-title-compact h2{
display:flex;
align-items:center;
gap:8px;
margin:0;
color:var(--text-strong)!important;
font-size:21px;
letter-spacing:-.45px;
}
.workout-toolbar-v2 .workout-title-compact h2 span:first-child{font-size:23px;line-height:1;}
.workout-toolbar-v2 .workout-title-compact p{font-size:11px;color:var(--muted);margin-top:4px;}
.workout-actions-compact{display:flex;gap:7px;align-items:center;}
.workout-actions-compact .btn.small{min-height:40px;border-radius:15px;padding:9px 12px;}
.active-workout-panel{
position:relative;
overflow:hidden;
margin-bottom:12px;
padding:16px;
border:1px solid color-mix(in srgb, var(--workout-accent,var(--gold)) 34%, transparent);
border-radius:26px;
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--workout-accent,var(--gold)) 18%, transparent), transparent 12rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055);
}
.active-workout-panel::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%);
opacity:.65;
}
.active-workout-hero,
.active-workout-stats,
.workout-quick-actions,
.active-workout-bar{position:relative;z-index:1;}
.active-workout-hero{
display:grid;
grid-template-columns:1fr auto;
gap:13px;
align-items:start;
}
.active-workout-kicker{
color:var(--workout-accent,var(--gold2));
font-size:10px;
line-height:1;
font-weight:950;
letter-spacing:2.1px;
text-transform:uppercase;
margin-bottom:7px;
}
.active-workout-title{
display:flex;
align-items:center;
gap:9px;
color:var(--text-strong);
}
.active-workout-title span{font-size:30px;line-height:1;}
.active-workout-title strong{
font-size:27px;
line-height:1;
font-weight:950;
letter-spacing:-.8px;
}
.active-workout-sub{
margin-top:8px;
color:var(--muted);
font-size:12.5px;
line-height:1.35;
max-width:310px;
}
.active-workout-progress{
min-width:74px;
height:74px;
border-radius:24px;
border:1px solid color-mix(in srgb, var(--workout-accent,var(--gold)) 42%, transparent);
background:color-mix(in srgb, var(--workout-accent,var(--gold)) 12%, transparent);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.active-workout-progress strong{
color:var(--workout-accent,var(--gold2));
font-size:22px;
line-height:1;
font-weight:950;
letter-spacing:-.4px;
}
.active-workout-progress span{
margin-top:5px;
color:var(--muted);
font-size:10px;
font-weight:900;
letter-spacing:.7px;
text-transform:uppercase;
}
.active-workout-bar{
height:9px;
margin:14px 0 12px;
border-radius:999px;
background:rgba(255,255,255,.06);
overflow:hidden;
border:1px solid rgba(255,255,255,.045);
}
.active-workout-bar span{
display:block;
height:100%;
min-width:0;
border-radius:inherit;
background:linear-gradient(90deg,var(--workout-accent,var(--gold)),var(--gold2));
box-shadow:0 0 16px color-mix(in srgb, var(--workout-accent,var(--gold)) 28%, transparent);
transition:width .18s ease;
}
.active-workout-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.active-workout-stats div{
min-height:64px;
border:1px solid var(--line-soft);
border-radius:18px;
background:rgba(255,255,255,.032);
padding:10px 9px;
display:flex;
flex-direction:column;
justify-content:center;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.active-workout-stats span{
color:var(--muted);
font-size:10px;
line-height:1;
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
}
.active-workout-stats strong{
margin-top:7px;
color:var(--text-strong);
font-size:19px;
line-height:1;
font-weight:950;
letter-spacing:-.4px;
}
.workout-quick-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:10px;
}
.workout-quick-actions .mini-btn{
height:38px;
border-radius:15px;
font-size:11px;
letter-spacing:.35px;
}
.workout-timer-card{
border-radius:24px!important;
padding:14px 15px!important;
background:
radial-gradient(circle at 12% 0%, rgba(239,208,107,.15), transparent 9rem),
linear-gradient(180deg,rgba(201,168,76,.12),rgba(255,255,255,.018))!important;
border-color:rgba(239,208,107,.32)!important;
box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.workout-timer-card .label{margin-bottom:6px;}
.workout-timer-value{font-size:34px!important;letter-spacing:.3px;}
.workout-exercise-list{display:block;}
.workout-exercise-card-v2{
position:relative;
overflow:hidden;
padding:0!important;
border-radius:24px!important;
border-color:color-mix(in srgb, var(--workout-accent,var(--gold)) 24%, rgba(255,255,255,.08))!important;
background:
radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--workout-accent,var(--gold)) 10%, transparent), transparent 8rem),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.016))!important;
box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.workout-exercise-card-v2::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 45%);
opacity:.6;
}
.workout-exercise-card-v2.open{
border-color:color-mix(in srgb, var(--workout-accent,var(--gold)) 48%, transparent)!important;
box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 0 3px color-mix(in srgb, var(--workout-accent,var(--gold)) 8%, transparent),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.workout-exercise-card-v2.complete{
border-color:rgba(79,164,119,.44)!important;
background:
radial-gradient(circle at 10% 0%, rgba(79,164,119,.16), transparent 8rem),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.016))!important;
}
.workout-exercise-head-v2{
position:relative;
z-index:1;
display:grid;
grid-template-columns:auto 1fr auto auto;
gap:10px;
align-items:start;
padding:14px;
}
.exercise-index-pill{
width:34px;
height:34px;
border-radius:13px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid color-mix(in srgb, var(--workout-accent,var(--gold)) 42%, transparent);
background:color-mix(in srgb, var(--workout-accent,var(--gold)) 12%, transparent);
color:var(--workout-accent,var(--gold2));
font-size:13px;
font-weight:950;
}
.exercise-title-block{min-width:0;}
.workout-exercise-head-v2 .ex-name{
color:var(--text-strong)!important;
font-size:16px;
line-height:1.16;
letter-spacing:-.25px;
margin-bottom:5px;
}
.workout-exercise-head-v2 .ex-reps{
color:var(--muted)!important;
font-size:12px;
line-height:1.3;
}
.exercise-chip-row{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:8px;
}
.exercise-muscle-badge,
.exercise-status-chip{
display:inline-flex;
align-items:center;
min-height:24px;
border-radius:999px;
padding:5px 8px;
font-size:9.5px;
line-height:1;
font-weight:950;
letter-spacing:.65px;
text-transform:uppercase;
}
.exercise-muscle-badge{
border:1px solid color-mix(in srgb, var(--workout-accent,var(--gold)) 34%, transparent);
background:color-mix(in srgb, var(--workout-accent,var(--gold)) 10%, transparent);
color:var(--workout-accent,var(--gold2));
}
.exercise-status-chip{
border:1px solid rgba(255,255,255,.07);
background:rgba(255,255,255,.035);
color:var(--muted);
}
.workout-exercise-card-v2.complete .exercise-status-chip{
border-color:rgba(79,164,119,.38);
background:rgba(79,164,119,.10);
color:#74c99c;
}
.workout-exercise-head-v2 .ex-count{
color:var(--workout-accent,var(--gold2))!important;
font-size:24px;
min-width:42px;
text-align:right;
}
.workout-exercise-head-v2 .chev{
color:var(--muted);
font-size:22px;
transform:translateY(-2px);
}
.workout-set-box-v2{
position:relative;
z-index:1;
margin:0!important;
padding:0 14px 14px!important;
border-top:0!important;
}
.workout-set-box-v2::before{
content:"";
display:block;
height:1px;
margin:0 0 12px;
background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--workout-accent,var(--gold)) 32%, transparent),transparent);
}
.set-list-v2{display:grid;gap:8px;}
.workout-set-row-v2{
display:grid!important;
grid-template-columns:62px 1fr 1fr!important;
gap:8px!important;
align-items:center;
margin:0!important;
padding:9px;
border:1px solid rgba(255,255,255,.06);
border-radius:18px;
background:rgba(0,0,0,.14);
}
.workout-set-row-v2.done{
border-color:rgba(79,164,119,.35);
background:rgba(79,164,119,.08);
}
.workout-set-row-v2 .set-label{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
min-height:48px;
border-radius:14px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.045);
color:var(--muted);
}
.workout-set-row-v2 .set-label span{
color:var(--text-strong);
font-size:18px;
line-height:1;
font-weight:950;
}
.workout-set-row-v2 .set-label em{
color:var(--muted);
font-size:8.5px;
line-height:1;
font-weight:900;
font-style:normal;
letter-spacing:.65px;
text-transform:uppercase;
}
.set-input-wrap{
display:block;
position:relative;
}
.set-input-wrap span{
position:absolute;
left:10px;
top:7px;
z-index:1;
color:var(--muted);
font-size:8.5px;
line-height:1;
font-weight:900;
letter-spacing:.8px;
text-transform:uppercase;
pointer-events:none;
}
.set-input-wrap .mini-input{
height:52px;
padding:22px 10px 9px!important;
border-radius:15px!important;
border-style:solid!important;
text-align:center;
font-size:18px;
font-weight:850;
background:rgba(255,255,255,.035)!important;
}
.set-input-wrap .mini-input:focus{
border-color:var(--workout-accent,var(--gold))!important;
box-shadow:0 0 0 3px color-mix(in srgb, var(--workout-accent,var(--gold)) 14%, transparent);
}
.set-input-wrap .mini-input:disabled{
opacity:.55;
background:rgba(255,255,255,.018)!important;
}
.previous-values,
.overload-values{
border-radius:18px!important;
margin-bottom:9px!important;
}
.previous-summary,
.overload-summary{
max-width:100%;
white-space:normal;
}
.workout-cardio-v2{border-style:dashed!important;}
.cardio-exercise-badge{
border-radius:999px;
padding:7px 9px;
font-size:10px;
font-weight:950;
letter-spacing:.8px;
}
html[data-theme="dark"] .workout-toolbar-v2 .workout-title-compact h2,
html:not([data-theme="light"]) .workout-toolbar-v2 .workout-title-compact h2{
color:#fff7e7!important;
}
html[data-theme="dark"] .active-workout-panel,
html:not([data-theme="light"]) .active-workout-panel,
html[data-theme="dark"] .workout-exercise-card-v2,
html:not([data-theme="light"]) .workout-exercise-card-v2{
background:
radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--workout-accent,var(--gold)) 15%, transparent), transparent 9rem),
linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014))!important;
}
html[data-theme="dark"] .workout-set-row-v2,
html:not([data-theme="light"]) .workout-set-row-v2{
background:rgba(0,0,0,.18);
}
html[data-theme="dark"] .set-input-wrap .mini-input,
html:not([data-theme="light"]) .set-input-wrap .mini-input{
color:#fff8ea!important;
}
html[data-theme="light"] .workout-toolbar-v2 .compact-back{
background:#fffaf0;
color:#17140f;
border-color:rgba(91,78,57,.16);
box-shadow:0 8px 18px rgba(69,55,31,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .active-workout-panel{
background:
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--workout-accent,var(--gold)) 15%, transparent), transparent 12rem),
linear-gradient(180deg,#fff,#fff7e9)!important;
border-color:color-mix(in srgb, var(--workout-accent,var(--gold)) 26%, rgba(91,78,57,.13))!important;
box-shadow:0 16px 36px rgba(80,64,35,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html[data-theme="light"] .active-workout-title strong,
html[data-theme="light"] .active-workout-stats strong,
html[data-theme="light"] .workout-exercise-head-v2 .ex-name,
html[data-theme="light"] .workout-set-row-v2 .set-label span{
color:#17140f!important;
}
html[data-theme="light"] .active-workout-sub,
html[data-theme="light"] .active-workout-progress span,
html[data-theme="light"] .active-workout-stats span,
html[data-theme="light"] .workout-exercise-head-v2 .ex-reps,
html[data-theme="light"] .exercise-status-chip,
html[data-theme="light"] .workout-set-row-v2 .set-label em,
html[data-theme="light"] .set-input-wrap span{
color:#6c6253!important;
}
html[data-theme="light"] .active-workout-progress,
html[data-theme="light"] .active-workout-stats div,
html[data-theme="light"] .workout-set-row-v2 .set-label{
background:rgba(255,255,255,.62);
border-color:rgba(91,78,57,.11);
}
html[data-theme="light"] .workout-exercise-card-v2{
background:
radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--workout-accent,var(--gold)) 11%, transparent), transparent 8rem),
linear-gradient(180deg,#fff,#fffaf2)!important;
border-color:color-mix(in srgb, var(--workout-accent,var(--gold)) 22%, rgba(91,78,57,.14))!important;
box-shadow:0 12px 24px rgba(69,55,31,.085),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html[data-theme="light"] .workout-set-row-v2{
background:#fffbf3;
border-color:rgba(91,78,57,.12);
}
html[data-theme="light"] .workout-set-row-v2.done{
background:#eef8f1;
border-color:rgba(47,118,80,.24);
}
html[data-theme="light"] .set-input-wrap .mini-input{
background:#fff!important;
color:#17140f!important;
border-color:rgba(91,78,57,.16)!important;
}
html[data-theme="light"] .exercise-status-chip{
background:#f6f1e8;
border-color:rgba(91,78,57,.10);
}
html[data-theme="light"] .workout-exercise-card-v2.complete .exercise-status-chip{
color:#2f7650!important;
background:#eaf6ee;
border-color:rgba(47,118,80,.22);
}
html[data-theme="light"] .workout-timer-card{
background:linear-gradient(180deg,#fff9e6,#fff)!important;
border-color:rgba(138,104,32,.28)!important;
box-shadow:0 12px 26px rgba(69,55,31,.08)!important;
}
@media(max-width:390px){
.active-workout-panel{padding:14px;border-radius:23px;}
.active-workout-title strong{font-size:23px;}
.active-workout-title span{font-size:26px;}
.active-workout-progress{min-width:66px;height:66px;border-radius:21px;}
.active-workout-progress strong{font-size:20px;}
.active-workout-stats{gap:7px;}
.active-workout-stats div{min-height:58px;padding:9px 8px;border-radius:16px;}
.active-workout-stats strong{font-size:16px;}
.workout-exercise-head-v2{grid-template-columns:auto 1fr auto;gap:8px;padding:13px;}
.workout-exercise-head-v2 .chev{grid-column:3;grid-row:2;align-self:end;}
.exercise-index-pill{width:31px;height:31px;border-radius:12px;}
.workout-set-row-v2{grid-template-columns:54px 1fr 1fr!important;padding:8px;gap:7px!important;}
.set-input-wrap .mini-input{height:50px;font-size:17px;}
}
/* Prompt 57 — Update modal + Calendar refresh + custom chips readability */
body.update-modal-open{overflow:hidden;}
body.update-modal-open::before{
content:"";
position:fixed;
inset:0;
background:rgba(10,9,7,.56);
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
z-index:114;
}
.pwa-banner.update{
top:50%;
bottom:auto;
transform:translate(-50%,-50%);
width:calc(100% - 28px);
max-width:430px;
padding:18px;
gap:14px;
grid-template-columns:1fr;
border:1px solid rgba(239,208,107,.58);
background:linear-gradient(180deg,rgba(31,27,19,.98),rgba(17,15,11,.98));
box-shadow:0 26px 80px rgba(0,0,0,.44),0 0 0 1px rgba(201,168,76,.12);
z-index:115;
}
.pwa-banner.update .pwa-banner-copy{display:grid;gap:8px;}
.pwa-banner.update .pwa-banner-title{font-size:25px;font-weight:950;letter-spacing:-.6px;color:var(--text-strong);margin:0;}
.pwa-banner.update .pwa-banner-text{font-size:15px;line-height:1.5;color:var(--text);}
.pwa-banner.update .pwa-banner-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pwa-banner.update .btn{min-height:48px;font-size:13px;}
@media(max-width:420px){
.pwa-banner.update{padding:16px;}
.pwa-banner.update .pwa-banner-title{font-size:22px;}
.pwa-banner.update .pwa-banner-actions{grid-template-columns:1fr;}
}
html[data-theme="light"] body.update-modal-open::before{background:rgba(55,45,24,.30);}
html[data-theme="light"] .pwa-banner.update{
background:linear-gradient(180deg,#fffefb,#f7f1e6);
border-color:rgba(181,139,36,.38);
box-shadow:0 30px 90px rgba(70,56,35,.24);
}
html[data-theme="light"] .pwa-banner.update .pwa-banner-title{color:#171109;}
html[data-theme="light"] .pwa-banner.update .pwa-banner-text{color:#494235;}
.week-strip{
gap:10px;
padding:8px 14px 10px;
}
.day-card{
min-width:84px;
padding:11px 9px 10px;
text-align:center;
border-radius:20px;
}
.day-card .dw{font-size:10px;letter-spacing:2px;opacity:.76;}
.day-card .dn{font-size:32px;line-height:1;margin:8px 0 6px;}
.day-card .dm{font-size:13px;font-weight:800;opacity:.74;}
.day-card.active{transform:translateY(-1px);}
html[data-theme="light"] .topbar{
background:linear-gradient(180deg,rgba(251,247,239,.92),rgba(247,241,231,.88));
}
html[data-theme="light"] .day-card{
background:linear-gradient(180deg,#fff,#f4ede2);
}
@media(max-width:390px){
.day-card{min-width:78px;padding:10px 8px 9px;}
.day-card .dn{font-size:28px;}
.day-card .dm{font-size:12px;}
}
.training-calendar{margin-top:14px;}
.training-calendar-weekdays{
gap:7px;
margin-bottom:8px;
}
.training-calendar-weekdays span{
padding:6px 0;
border-radius:999px;
background:rgba(255,255,255,.04);
}
.training-calendar-grid{gap:8px;}
.training-calendar-day{
min-height:72px;
padding:10px 7px;
gap:5px;
border-radius:18px;
justify-content:flex-start;
}
.training-calendar-day b{font-size:15px;line-height:1;}
.training-calendar-day small{
display:block;
font-size:9px;
line-height:1.18;
color:var(--text);
opacity:.86;
}
.training-calendar-day.has-workout small{color:var(--gold2);opacity:1;}
.training-calendar-day.active{
transform:translateY(-1px);
}
.training-calendar-day.muted-month{opacity:.48;}
html[data-theme="light"] .training-calendar-weekdays span{
background:rgba(181,139,36,.08);
color:#786949;
}
html[data-theme="light"] .training-calendar-day{
background:linear-gradient(180deg,#fff,#f7f2e9);
}
html[data-theme="light"] .training-calendar-day.has-workout{
background:linear-gradient(180deg,#fff8eb,#fffdf8)!important;
}
html[data-theme="light"] .training-calendar-day small{color:#6e624e;}
.muscle-chips{padding-bottom:2px;scrollbar-width:none;}
.muscle-chips::-webkit-scrollbar{display:none;}
.chip{
min-height:38px;
padding:9px 14px;
font-size:13px;
font-weight:800;
}
.chip.active{
color:#141006;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-color:rgba(239,208,107,.72);
box-shadow:0 10px 22px rgba(201,168,76,.16);
}
html[data-theme="light"] .chip{
background:linear-gradient(180deg,#fff,#f2ebe0);
color:#5e5548;
border-color:rgba(91,78,57,.16);
}
html[data-theme="light"] .chip.active{
color:#161006;
background:linear-gradient(180deg,#f0c85c,var(--gold));
border-color:rgba(181,139,36,.48);
}
/* Prompt 57.1 — Nutrition polish */
.meal-head{padding:14px 15px;}
.meal-title{font-size:17px;}
.meal-total{font-size:12px;line-height:1.5;}
.meal-item{padding:13px 15px;}
.meal-section .btn{min-height:44px;}
.meal-section .btn.small{font-size:12px;}
.compact-food-card .food-title,
.meal-item .food-title{font-size:15px;}
.compact-food-card .food-macros,
.meal-item .food-macros{font-size:12px;line-height:1.45;}
html[data-theme="light"] .meal-section .btn,
html[data-theme="light"] .compact-food-card .btn{
background:linear-gradient(180deg,#fffaf0,#eee5d8);
border-color:rgba(91,78,57,.16);
}
/* Prompt 58 — Reports v2 */
.report-overview-card{
position:relative;
overflow:hidden;
border:1px solid var(--gold-border);
border-radius:var(--radius-card);
padding:16px;
margin-bottom:13px;
background:
radial-gradient(circle at 88% 0%,rgba(239,208,107,.18),transparent 13rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
box-shadow:var(--shadow-soft);
}
.report-overview-card::before{
content:"";
position:absolute;
inset:auto -20% -55% -20%;
height:68%;
background:radial-gradient(circle,rgba(201,168,76,.11),transparent 70%);
pointer-events:none;
}
.report-overview-main{
position:relative;
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:center;
margin-bottom:14px;
}
.report-overview-main h3{
color:var(--text-strong);
font-size:24px;
line-height:1.05;
letter-spacing:-.8px;
margin:0 0 7px;
}
.report-overview-main p{
color:var(--muted);
font-size:13px;
line-height:1.42;
margin:0;
}
.report-score-ring{
width:82px;
height:82px;
border-radius:28px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border:1px solid var(--gold-border);
background:linear-gradient(180deg,rgba(201,168,76,.16),rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.16);
}
.report-score-ring span{font-size:25px;font-weight:950;color:var(--gold2);line-height:1;letter-spacing:-1px;}
.report-score-ring small{margin-top:5px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;color:var(--dim);}
.report-overview-card.good .report-score-ring{border-color:rgba(79,164,119,.42);background:linear-gradient(180deg,rgba(79,164,119,.18),rgba(255,255,255,.025));}
.report-overview-card.low .report-score-ring{border-color:rgba(224,92,58,.42);background:linear-gradient(180deg,rgba(224,92,58,.13),rgba(255,255,255,.025));}
.report-overview-grid{
position:relative;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.report-overview-tile{
border:1px solid var(--line-soft);
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
color:var(--text);
border-radius:var(--radius-card-sm);
padding:12px;
text-align:left;
display:grid;
grid-template-columns:auto 1fr;
column-gap:9px;
row-gap:3px;
align-items:center;
min-height:86px;
transition:transform .12s ease,border-color .12s ease,background .12s ease;
}
.report-overview-tile:active{transform:translateY(1px) scale(.99);}
.report-overview-tile span{font-size:19px;grid-row:1/3;align-self:start;}
.report-overview-tile b{font-size:20px;line-height:1;color:var(--gold2);font-weight:950;}
.report-overview-tile small{font-size:11px;line-height:1.35;color:var(--muted);}
.report-overview-tile:hover{border-color:var(--gold-border);}
.profile-report-tabs{
background:rgba(255,255,255,.025);
border:1px solid var(--line-soft);
border-radius:var(--radius-card);
padding:8px;
margin-bottom:12px;
}
.profile-report-tabs .tab-pill{flex:0 0 auto;min-height:42px;}
.profile-weekly-report-box{
padding:15px!important;
border-color:rgba(201,168,76,.24)!important;
}
.profile-report-head{
padding-bottom:2px;
}
.profile-report-controls{
display:grid;
grid-template-columns:1fr 1.1fr 1fr;
gap:8px;
}
.weekly-report{gap:14px;}
.weekly-report-top{
padding:13px;
border:1px solid var(--line-soft);
border-radius:var(--radius-card-sm);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
}
.weekly-report-title{font-size:23px;color:var(--text-strong);letter-spacing:-.6px;}
.weekly-report-badge{
border-radius:999px;
padding:7px 10px;
color:var(--gold2);
background:var(--gold-soft);
border-color:var(--gold-border);
}
.weekly-report-grid{gap:10px;}
.weekly-report-card{
min-height:94px;
padding:13px;
display:flex;
flex-direction:column;
justify-content:space-between;
border-radius:var(--radius-card-sm)!important;
}
.weekly-report-value{
font-size:24px;
color:var(--gold2);
letter-spacing:-.7px;
margin:5px 0 6px;
}
.weekly-report-section{
border-top:0!important;
padding-top:0!important;
margin-top:2px!important;
}
.weekly-report-section>.label,
.weekly-report-section>.section-title{
margin:0 0 9px;
}
.weekly-report-row{
border-radius:var(--radius-card-sm)!important;
padding:13px;
border-color:var(--line-soft);
}
.weekly-report-row.good{background:linear-gradient(180deg,rgba(79,164,119,.12),rgba(255,255,255,.018));}
.weekly-report-row.low{background:linear-gradient(180deg,rgba(224,92,58,.12),rgba(255,255,255,.018));}
.weekly-report-row.high{background:linear-gradient(180deg,rgba(201,168,76,.14),rgba(255,255,255,.018));}
.weekly-report-row.ok{background:linear-gradient(180deg,rgba(79,164,119,.10),rgba(255,255,255,.018));}
.weekly-report-empty{
border-radius:var(--radius-card-sm)!important;
padding:16px!important;
}
.body-report-grid .weekly-report-card{min-height:88px;}
.recovery-day-grid .volume-day-card{border-radius:var(--radius-card-sm);}
html[data-theme="light"] .report-overview-card{
background:radial-gradient(circle at 88% 0%,rgba(214,170,53,.20),transparent 13rem),linear-gradient(180deg,#fff,#fff8ed);
border-color:rgba(181,139,36,.24);
}
html[data-theme="light"] .report-overview-tile,
html[data-theme="light"] .weekly-report-top,
html[data-theme="light"] .profile-report-tabs{
background:linear-gradient(180deg,#fff,#f7f1e8);
border-color:rgba(91,78,57,.14);
}
html[data-theme="light"] .weekly-report-card,
html[data-theme="light"] .weekly-report-row,
html[data-theme="light"] .weekly-report-empty{
background:linear-gradient(180deg,#fff,#fffaf2)!important;
border-color:rgba(91,78,57,.14)!important;
}
html[data-theme="light"] .weekly-report-row.good{background:linear-gradient(180deg,#eefaf3,#fff)!important;}
html[data-theme="light"] .weekly-report-row.low{background:linear-gradient(180deg,#fff1eb,#fff)!important;}
html[data-theme="light"] .weekly-report-row.high{background:linear-gradient(180deg,#fff8e7,#fff)!important;}
@media(max-width:390px){
.report-overview-main{grid-template-columns:1fr;}
.report-score-ring{width:100%;height:74px;border-radius:20px;flex-direction:row;gap:8px;}
.report-overview-grid{grid-template-columns:1fr;}
.profile-report-controls{grid-template-columns:1fr;}
.weekly-report-top{display:grid;}
}
/* Prompt 59 — Body + Recovery Polish + report tiles action fix */
.report-overview-tile{
cursor:pointer;
position:relative;
}
.report-overview-tile::after{
content:"›";
position:absolute;
right:12px;
top:12px;
color:var(--gold2);
font-size:18px;
line-height:1;
opacity:.74;
}
.report-overview-tile:focus-visible{
outline:3px solid rgba(201,168,76,.28);
outline-offset:2px;
}
#profileReportContent{scroll-margin-top:126px;}
.recovery-overview-card,
.body-overview-card{
position:relative;
overflow:hidden;
border:1px solid var(--gold-border);
border-radius:var(--radius-card);
padding:16px;
margin-bottom:13px;
background:
radial-gradient(circle at 92% 0%,rgba(239,208,107,.16),transparent 12rem),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
box-shadow:var(--shadow-soft);
}
.recovery-overview-card.good{border-color:rgba(79,164,119,.42);}
.recovery-overview-card.low{border-color:rgba(224,92,58,.42);}
.recovery-overview-head,
.body-overview-head{
display:grid;
grid-template-columns:1fr auto;
gap:13px;
align-items:center;
margin-bottom:13px;
}
.recovery-overview-head h3,
.body-overview-head h3{
font-size:34px;
line-height:1;
letter-spacing:-1.4px;
color:var(--gold2);
margin:0 0 6px;
}
.recovery-overview-head p,
.body-overview-head p{
color:var(--muted);
font-size:13px;
line-height:1.42;
margin:0;
}
.recovery-score-pill,
.body-overview-icon{
width:62px;
height:62px;
border-radius:22px;
display:flex;
align-items:center;
justify-content:center;
font-size:25px;
border:1px solid var(--gold-border);
background:linear-gradient(180deg,rgba(201,168,76,.14),rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.14);
}
.recovery-tile-grid,
.body-overview-mini{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.recovery-tile,
.body-overview-mini>div{
border:1px solid var(--line-soft);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
border-radius:var(--radius-card-sm);
padding:12px;
min-height:80px;
}
.recovery-tile{
display:grid;
grid-template-columns:auto 1fr;
column-gap:9px;
row-gap:4px;
align-items:center;
}
.recovery-tile span{grid-row:1/3;font-size:20px;align-self:start;}
.recovery-tile b,
.body-overview-mini b{
color:var(--gold2);
font-size:21px;
line-height:1;
font-weight:950;
}
.recovery-tile small{
color:var(--muted);
font-size:11px;
line-height:1.32;
}
.body-checkin-box .grid2{gap:10px;}
.body-checkin-box .input,
.body-checkin-box .textarea{font-size:15px;}
.body-history-item{
border-radius:var(--radius-card-sm);
border:1px solid var(--line-soft);
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
margin-bottom:8px;
}
.supplement-card{border-color:rgba(201,168,76,.22);}
.supplement-row-wrap{
display:grid;
grid-template-columns:1fr auto;
gap:7px;
align-items:center;
}
.supplement-row{
min-height:45px;
border-radius:var(--radius-control);
}
.supplement-row-wrap .delete-small{
width:42px;
min-height:42px;
}
html[data-theme="light"] .recovery-overview-card,
html[data-theme="light"] .body-overview-card{
background:radial-gradient(circle at 92% 0%,rgba(214,170,53,.18),transparent 12rem),linear-gradient(180deg,#fff,#fff8ed);
border-color:rgba(181,139,36,.24);
}
html[data-theme="light"] .recovery-tile,
html[data-theme="light"] .body-overview-mini>div,
html[data-theme="light"] .body-history-item{
background:linear-gradient(180deg,#fff,#f7f1e8);
border-color:rgba(91,78,57,.14);
}
@media(max-width:390px){
.recovery-overview-head,
.body-overview-head{grid-template-columns:1fr;}
.recovery-score-pill,
.body-overview-icon{width:100%;height:56px;}
.recovery-tile-grid,
.body-overview-mini{grid-template-columns:1fr;}
}
/* Prompt 60 — Training History Calendar v2 + final UI polish */
.training-history-box{
overflow:hidden;
}
.training-history-head-v2{
align-items:center;
margin-bottom:14px;
}
.training-history-head-v2 h3{
font-size:20px;
letter-spacing:-.3px;
color:var(--text-strong);
margin:2px 0 4px;
}
.training-history-head-v2 .small{
font-size:12px;
margin:0;
}
.month-nav-btn{
width:42px;
min-width:42px;
height:42px;
padding:0!important;
border-radius:16px!important;
font-size:24px!important;
line-height:1;
}
.training-calendar-v2{
margin-top:8px;
}
.training-calendar-v2 .training-calendar-weekdays{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:7px;
margin-bottom:9px;
font-size:10px;
color:var(--dim);
}
.training-calendar-v2 .training-calendar-weekdays span{
min-height:24px;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:rgba(255,255,255,.035);
font-weight:900;
letter-spacing:.9px;
}
.training-calendar-v2 .training-calendar-grid{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:7px;
}
.calendar-day-v2{
min-height:76px!important;
padding:8px 6px!important;
border-radius:18px!important;
display:flex!important;
flex-direction:column!important;
justify-content:space-between!important;
align-items:stretch!important;
text-align:left!important;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
position:relative;
overflow:hidden;
}
.calendar-day-v2:active{
transform:translateY(1px) scale(.985);
}
.calendar-day-v2 .cal-day-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:3px;
}
.calendar-day-v2 b{
font-size:16px!important;
font-weight:950;
line-height:1;
color:var(--text-strong);
}
.calendar-day-v2 em{
font-style:normal;
font-size:7px;
text-transform:uppercase;
letter-spacing:.7px;
color:#121006;
background:linear-gradient(180deg,var(--gold2),var(--gold));
padding:3px 4px;
border-radius:999px;
}
.cal-workout-pill{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
border-radius:999px;
padding:4px 5px;
font-size:8px!important;
line-height:1.1!important;
font-weight:950!important;
color:#141006!important;
background:linear-gradient(180deg,var(--gold2),var(--gold));
text-align:center;
}
.cal-extra-pill{
position:absolute;
right:5px;
bottom:5px;
min-width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
font-size:9px;
font-weight:950;
color:var(--gold2);
background:rgba(201,168,76,.12);
border:1px solid rgba(201,168,76,.24);
}
.cal-empty-dot{
width:6px;
height:6px;
border-radius:999px;
background:rgba(255,255,255,.11);
margin:0 auto 2px;
}
.calendar-day-v2.has-workout{
border-color:rgba(201,168,76,.38)!important;
background:linear-gradient(180deg,rgba(201,168,76,.13),rgba(255,255,255,.02))!important;
}
.calendar-day-v2.has-active-workout{
border-color:rgba(79,164,119,.44)!important;
background:linear-gradient(180deg,rgba(79,164,119,.13),rgba(201,168,76,.05))!important;
}
.calendar-day-v2.active{
border-color:rgba(239,208,107,.78)!important;
box-shadow:0 0 0 2px rgba(201,168,76,.18),0 14px 30px rgba(0,0,0,.22)!important;
transform:translateY(-1px);
}
.calendar-day-v2.today:not(.active){
border-color:rgba(239,208,107,.32)!important;
}
.calendar-day-v2.muted-month{
opacity:.38;
filter:saturate(.82);
}
.training-selected-day-card{
margin-top:14px;
border:1px solid rgba(201,168,76,.22);
background:linear-gradient(180deg,rgba(201,168,76,.09),rgba(255,255,255,.018));
border-radius:22px;
padding:14px;
box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.training-selected-day-head{
display:grid;
grid-template-columns:1fr auto;
gap:12px;
align-items:center;
}
.training-selected-day-head h4{
font-size:19px;
line-height:1.1;
color:var(--text-strong);
letter-spacing:-.3px;
}
.selected-day-score{
width:44px;
height:44px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
color:#141006;
background:linear-gradient(180deg,var(--gold2),var(--gold));
font-size:20px;
font-weight:950;
box-shadow:0 10px 22px rgba(201,168,76,.18);
}
.training-selected-day-meta{
display:flex;
flex-wrap:wrap;
gap:7px;
margin:12px 0;
}
.training-selected-day-meta span{
border:1px solid rgba(201,168,76,.20);
background:rgba(201,168,76,.08);
color:var(--muted);
border-radius:999px;
padding:6px 8px;
font-size:11px;
font-weight:850;
}
.selected-day-list{
display:grid;
gap:8px;
}
.selected-day-item{
display:grid;
grid-template-columns:1fr auto;
gap:10px;
align-items:center;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.035);
border-radius:16px;
padding:11px;
}
.selected-day-item.active{
border-color:rgba(79,164,119,.38);
background:rgba(79,164,119,.08);
}
.selected-day-item.cardio{
border-color:rgba(92,131,160,.34);
background:rgba(92,131,160,.08);
}
.selected-day-item>span{
color:var(--gold2);
font-size:18px;
font-weight:950;
}
.compact-empty{
padding:12px!important;
border-radius:16px!important;
}
@media(max-width:390px){
.training-calendar-v2 .training-calendar-grid{gap:5px;}
.training-calendar-v2 .training-calendar-weekdays{gap:5px;}
.calendar-day-v2{min-height:66px!important;padding:7px 4px!important;border-radius:15px!important;}
.calendar-day-v2 b{font-size:14px!important;}
.cal-workout-pill{font-size:7px!important;padding:4px 3px;}
.calendar-day-v2 em{display:none;}
}
html[data-theme="light"] .training-calendar-v2 .training-calendar-weekdays span{
background:rgba(181,139,36,.09);
color:#7b6b4b;
}
html[data-theme="light"] .calendar-day-v2{
background:linear-gradient(180deg,#fff,#f4eee4)!important;
border-color:rgba(91,78,57,.13)!important;
box-shadow:0 8px 18px rgba(69,55,31,.07)!important;
}
html[data-theme="light"] .calendar-day-v2.has-workout{
background:linear-gradient(180deg,#fff8eb,#fffdf8)!important;
border-color:rgba(181,139,36,.30)!important;
}
html[data-theme="light"] .calendar-day-v2.has-active-workout{
background:linear-gradient(180deg,#eef9f2,#fffdf8)!important;
border-color:rgba(79,164,119,.32)!important;
}
html[data-theme="light"] .calendar-day-v2.active{
border-color:rgba(181,139,36,.56)!important;
box-shadow:0 0 0 2px rgba(181,139,36,.14),0 12px 28px rgba(69,55,31,.12)!important;
}
html[data-theme="light"] .cal-empty-dot{
background:rgba(80,67,45,.16);
}
html[data-theme="light"] .training-selected-day-card{
background:linear-gradient(180deg,#fff8eb,#fffdf8);
border-color:rgba(181,139,36,.22);
box-shadow:0 12px 28px rgba(69,55,31,.08);
}
html[data-theme="light"] .selected-day-item{
background:rgba(255,255,255,.76);
border-color:rgba(91,78,57,.12);
}
html[data-theme="light"] .training-selected-day-meta span{
color:#61594b;
background:rgba(181,139,36,.09);
border-color:rgba(181,139,36,.20);
}
/* Prompt 61 — Final UI/UX Consistency + Compact Fixes */
/* Training History Calendar Compact v3 */
.training-history-box{
padding:14px!important;
}
.training-history-head-v2{
margin-bottom:10px!important;
grid-template-columns:42px 1fr 42px;
gap:10px;
}
.training-history-head-v2 h3{
font-size:19px!important;
margin:1px 0 2px!important;
}
.training-history-head-v2 .small{
font-size:11px!important;
line-height:1.28;
}
.month-nav-btn{
width:40px!important;
min-width:40px!important;
height:40px!important;
border-radius:15px!important;
}
.training-calendar-v2{margin-top:4px!important;}
.training-calendar-v2 .training-calendar-weekdays{
gap:5px!important;
margin-bottom:6px!important;
}
.training-calendar-v2 .training-calendar-weekdays span{
min-height:22px!important;
font-size:10px!important;
background:rgba(255,255,255,.03)!important;
}
.training-calendar-v2 .training-calendar-grid{
gap:5px!important;
}
.calendar-day-v2{
min-height:56px!important;
padding:7px 5px 6px!important;
border-radius:15px!important;
justify-content:flex-start!important;
gap:5px!important;
}
.calendar-day-v2 b{
font-size:15px!important;
}
.calendar-day-v2 .cal-day-top{
min-height:16px;
}
.calendar-day-v2 em{
font-size:6px!important;
padding:2px 3px!important;
max-width:26px;
overflow:hidden;
text-overflow:ellipsis;
}
.cal-workout-pill{
width:100%;
max-width:100%;
padding:3px 4px!important;
font-size:7px!important;
line-height:1!important;
letter-spacing:-.15px;
}
.cal-extra-pill{
right:4px!important;
bottom:4px!important;
min-width:17px!important;
height:17px!important;
font-size:8px!important;
}
.cal-empty-dot{
width:5px!important;
height:5px!important;
margin-top:auto!important;
margin-bottom:0!important;
}
.calendar-day-v2.active{
box-shadow:0 0 0 2px rgba(201,168,76,.16),0 8px 18px rgba(0,0,0,.14)!important;
}
.calendar-day-v2.muted-month{
opacity:.30!important;
}
.training-selected-day-card{
margin-top:10px!important;
padding:12px!important;
border-radius:18px!important;
}
.training-selected-day-head{
gap:9px!important;
}
.training-selected-day-head h4{
font-size:17px!important;
}
.selected-day-score{
width:38px!important;
height:38px!important;
border-radius:14px!important;
font-size:18px!important;
}
.training-selected-day-meta{
gap:6px!important;
margin:9px 0!important;
}
.training-selected-day-meta span{
padding:5px 7px!important;
font-size:10px!important;
}
.selected-day-item{
padding:9px!important;
border-radius:14px!important;
}
@media(max-width:390px){
.training-history-box{padding:12px!important;}
.training-history-head-v2{grid-template-columns:38px 1fr 38px;gap:8px;}
.month-nav-btn{width:38px!important;min-width:38px!important;height:38px!important;}
.training-calendar-v2 .training-calendar-grid{gap:4px!important;}
.training-calendar-v2 .training-calendar-weekdays{gap:4px!important;}
.calendar-day-v2{min-height:50px!important;padding:6px 4px 5px!important;border-radius:13px!important;}
.calendar-day-v2 b{font-size:14px!important;}
.cal-workout-pill{font-size:0!important;padding:0!important;width:9px!important;height:9px!important;border-radius:999px!important;margin:auto auto 0!important;}
.cal-extra-pill{display:none!important;}
}
/* Nutrition logged food rows — less aggressive destructive action */
.logged-food-item{
padding:13px 14px!important;
gap:10px!important;
}
.logged-food-item .food-title{
font-size:16px!important;
line-height:1.18;
margin-bottom:5px;
}
.logged-food-item .food-macros{
font-size:12px!important;
color:var(--muted)!important;
}
.logged-food-actions{
display:flex!important;
flex-wrap:wrap;
gap:8px!important;
margin-top:11px!important;
}
.logged-food-actions .btn.small{
min-height:38px!important;
padding:8px 12px!important;
font-size:11px!important;
}
.logged-food-actions .btn.red{
color:#e36b51!important;
border-color:rgba(224,92,58,.30)!important;
background:rgba(224,92,58,.035)!important;
box-shadow:none!important;
}
.logged-food-actions .btn.red:active,
.logged-food-actions .btn.red:hover{
border-color:rgba(224,92,58,.50)!important;
background:rgba(224,92,58,.08)!important;
}
html[data-theme="light"] .logged-food-actions .btn.red{
color:#a93a22!important;
background:rgba(194,57,34,.045)!important;
border-color:rgba(194,57,34,.22)!important;
}
/* Recovery Score — compact card layout */
.recovery-overview-card{
padding:14px!important;
border-radius:20px!important;
}
.recovery-overview-head{
grid-template-columns:1fr 54px!important;
gap:10px!important;
margin-bottom:10px!important;
}
.recovery-overview-head h3{
font-size:30px!important;
margin-bottom:4px!important;
}
.recovery-overview-head p{
font-size:12px!important;
line-height:1.35!important;
}
.recovery-score-pill{
width:54px!important;
height:54px!important;
border-radius:18px!important;
font-size:23px!important;
}
.recovery-tile-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
}
.recovery-tile{
min-height:66px!important;
padding:10px!important;
border-radius:16px!important;
grid-template-columns:auto 1fr!important;
}
.recovery-tile span{font-size:18px!important;}
.recovery-tile b{font-size:19px!important;}
.recovery-tile small{font-size:10px!important;}
@media(max-width:390px){
.recovery-overview-head{grid-template-columns:1fr 48px!important;}
.recovery-score-pill{width:48px!important;height:48px!important;border-radius:16px!important;}
.recovery-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
/* Reports overview — compact actionable tiles */
.report-overview-card{
padding:15px!important;
border-radius:20px!important;
}
.report-overview-main{
gap:12px!important;
margin-bottom:12px!important;
}
.report-overview-main h3{
font-size:25px!important;
line-height:1.08!important;
}
.report-overview-main p{
font-size:13px!important;
line-height:1.42!important;
}
.report-score-ring{
width:92px!important;
height:68px!important;
border-radius:20px!important;
}
.report-score-ring span{font-size:24px!important;}
.report-overview-grid{
gap:8px!important;
}
.report-overview-tile{
min-height:72px!important;
padding:10px 32px 10px 10px!important;
border-radius:16px!important;
column-gap:8px!important;
}
.report-overview-tile span{font-size:18px!important;}
.report-overview-tile b{font-size:19px!important;}
.report-overview-tile small{font-size:10.5px!important;}
.report-overview-tile::after{
right:10px!important;
top:50%!important;
transform:translateY(-50%);
font-size:20px!important;
opacity:.9!important;
}
.report-overview-tile::before{
content:"Виж";
position:absolute;
right:28px;
bottom:10px;
color:var(--dim);
font-size:9px;
font-weight:900;
letter-spacing:.8px;
text-transform:uppercase;
}
@media(max-width:390px){
.report-score-ring{width:100%!important;height:58px!important;}
.report-overview-grid{grid-template-columns:1fr!important;}
.report-overview-tile{min-height:66px!important;}
}
/* Custom workout library chips — compact scroll polish */
.muscle-chips{
gap:7px!important;
margin-left:-2px;
margin-right:-2px;
padding:0 2px 7px!important;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%);
mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%);
}
.chip{
min-height:34px!important;
padding:8px 12px!important;
font-size:12px!important;
flex:0 0 auto;
}
.chip.active{
transform:translateY(-1px);
}
html[data-theme="light"] .chip.active{
box-shadow:0 8px 18px rgba(181,139,36,.12);
}
/* Prompt 62 — Nutrition Flow v2 */
.nutrition-flow-hub{
display:grid;
gap:12px;
margin:0 0 14px;
padding:15px;
border:1px solid var(--gold-border);
border-radius:var(--radius-card);
background:
radial-gradient(circle at 12% 0%,rgba(239,208,107,.12),transparent 13rem),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
box-shadow:var(--shadow-card);
}
.nutrition-flow-head{
display:grid;
grid-template-columns:1fr auto;
align-items:start;
gap:12px;
}
.nutrition-flow-head h3{
font-size:22px;
line-height:1.05;
font-weight:950;
letter-spacing:-.6px;
color:var(--text-strong);
margin:0 0 6px;
}
.nutrition-flow-head p{
color:var(--muted);
font-size:13px;
line-height:1.35;
}
.nutrition-flow-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
}
.nutrition-flow-stats>div{
border:1px solid var(--line-soft);
border-radius:16px;
padding:10px;
background:rgba(255,255,255,.035);
}
.nutrition-flow-stats span{
display:block;
font-size:18px;
line-height:1;
font-weight:950;
color:var(--gold2);
letter-spacing:-.3px;
margin-bottom:5px;
}
.nutrition-flow-stats small{
display:block;
color:var(--muted);
font-size:10px;
font-weight:850;
letter-spacing:1.1px;
text-transform:uppercase;
}
.nutrition-meal-jump-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.nutrition-meal-jump{
border:1px solid var(--line-soft);
border-radius:17px;
min-height:58px;
padding:10px 11px;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016));
color:var(--text);
text-align:left;
display:flex;
flex-direction:column;
justify-content:center;
gap:4px;
transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;
}
.nutrition-meal-jump:active{transform:translateY(1px) scale(.985);}
.nutrition-meal-jump.has-food{
border-color:rgba(201,168,76,.32);
background:linear-gradient(180deg,rgba(201,168,76,.10),rgba(255,255,255,.018));
}
.nutrition-meal-jump b{
font-size:14px;
line-height:1.1;
color:var(--text-strong);
}
.nutrition-meal-jump span{
color:var(--gold2);
font-size:12px;
font-weight:900;
}
.nutrition-flow-tip{
border:1px solid rgba(201,168,76,.24);
border-radius:15px;
padding:10px 11px;
color:var(--muted);
background:rgba(201,168,76,.055);
font-size:12px;
line-height:1.35;
}
.nutrition-flow-tip b{color:var(--text-strong);}
.nutrition-meal-section-v2{
scroll-margin-top:126px;
}
.nutrition-meal-section-v2 .meal-head{
padding:13px 15px 12px;
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.nutrition-meal-section-v2 .meal-title{
font-size:18px;
letter-spacing:-.4px;
}
.nutrition-meal-section-v2 .meal-total{
min-width:88px;
font-size:12px;
line-height:1.45;
color:var(--gold2);
}
.logged-food-item{
padding:12px 14px;
}
.logged-food-actions{
display:grid;
grid-template-columns:1fr 1fr auto;
gap:8px;
margin-top:10px;
}
.logged-food-actions .btn{
min-height:38px;
padding:8px 9px;
font-size:11px;
}
.logged-food-actions .btn.red{
min-width:74px;
color:#d65a3f;
border-color:rgba(224,92,58,.34);
background:rgba(224,92,58,.045);
}
.logged-food-edit{
margin-top:11px;
padding:12px;
border:1px solid rgba(201,168,76,.24);
border-radius:16px;
background:rgba(201,168,76,.055);
}
.meal-add-panel{
display:grid;
gap:9px;
}
.meal-search-input{
min-height:48px;
font-size:15px;
}
.compact-food-card{
padding:12px!important;
}
.compact-food-line{
align-items:center;
}
.compact-preview{
font-size:12px;
}
.compact-food-controls{
gap:8px!important;
}
.compact-amount-field{
min-height:42px;
}
.compact-plus{
min-width:44px;
min-height:42px;
}
.meal-template-row{
border-radius:16px!important;
}
.product-db-card{
padding:13px!important;
}
.product-db-actions{
gap:8px!important;
}
.product-db-actions .btn.red{
color:#d65a3f;
border-color:rgba(224,92,58,.34);
background:rgba(224,92,58,.045);
}
@media(max-width:390px){
.nutrition-flow-head{grid-template-columns:1fr;}
.nutrition-flow-head .btn{width:100%;}
.nutrition-flow-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
.nutrition-flow-stats>div{padding:9px 7px;}
.nutrition-flow-stats span{font-size:16px;}
.nutrition-flow-stats small{font-size:9px;letter-spacing:.7px;}
.nutrition-meal-jump-grid{gap:7px;}
.nutrition-meal-jump{min-height:54px;padding:9px;}
.logged-food-actions{grid-template-columns:1fr 1fr;}
.logged-food-actions .btn.red{grid-column:1/-1;}
}
html[data-theme="light"] .nutrition-flow-hub{
background:radial-gradient(circle at 12% 0%,rgba(214,170,53,.16),transparent 13rem),linear-gradient(180deg,#fff,#fff8ed);
border-color:rgba(181,139,36,.24);
box-shadow:var(--shadow-card);
}
html[data-theme="light"] .nutrition-flow-stats>div,
html[data-theme="light"] .nutrition-meal-jump{
background:linear-gradient(180deg,#fff,#f7f1e7);
border-color:rgba(91,78,57,.14);
}
html[data-theme="light"] .nutrition-meal-jump.has-food{
background:linear-gradient(180deg,#fff8eb,#fffdf8);
border-color:rgba(181,139,36,.28);
}
html[data-theme="light"] .nutrition-flow-tip,
html[data-theme="light"] .logged-food-edit{
background:rgba(181,139,36,.075);
border-color:rgba(181,139,36,.22);
}
html[data-theme="light"] .logged-food-actions .btn.red,
html[data-theme="light"] .product-db-actions .btn.red{
color:#bd321e;
border-color:rgba(189,50,30,.28);
background:rgba(189,50,30,.045);
}
/* Prompt 63 + 64 — Training Analytics v2 + Goals/Profile Targets v2 */
.training-analytics-box{padding:0!important;overflow:hidden;}
.training-analytics-v2{padding:16px;display:grid;gap:14px;}
.training-analytics-v2.good{background:radial-gradient(circle at 85% 0%,rgba(79,164,119,.18),transparent 12rem);}
.training-analytics-v2.ok{background:radial-gradient(circle at 85% 0%,rgba(201,168,76,.17),transparent 12rem);}
.training-analytics-v2.low{background:radial-gradient(circle at 85% 0%,rgba(224,92,58,.14),transparent 12rem);}
.training-analytics-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;}
.training-analytics-hero h3{font-size:22px;line-height:1.05;letter-spacing:-.7px;margin:2px 0 6px;color:var(--text-strong);}
.training-analytics-hero p{font-size:13px;line-height:1.45;color:var(--muted);}
.training-score-ring,.report-score-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid var(--gold-border);background:linear-gradient(180deg,rgba(201,168,76,.16),rgba(255,255,255,.02));box-shadow:inset 0 0 0 7px rgba(201,168,76,.07);}
.training-score-ring span,.report-score-ring span{font-size:20px;font-weight:950;color:var(--gold2);line-height:1;}
.training-score-ring small,.report-score-ring small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);}
.training-analytics-grid,.profile-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.training-analytics-tile,.training-insight-card,.profile-target-tile{border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border-radius:17px;padding:12px;min-height:94px;box-shadow:var(--shadow-card);}
.training-analytics-tile b,.training-insight-card b,.profile-target-tile b{display:block;font-size:21px;line-height:1.05;color:var(--text-strong);letter-spacing:-.5px;margin:5px 0 5px;}
.training-analytics-tile small,.training-insight-card small,.profile-target-tile small{display:block;font-size:11px;line-height:1.35;color:var(--muted);}
.training-insight-grid{display:grid;grid-template-columns:1fr;gap:9px;}
.training-focus-v2{border:1px solid var(--line-soft);border-radius:17px;background:rgba(255,255,255,.026);padding:12px;display:grid;gap:8px;}
.training-focus-row{display:grid;gap:3px;border-left:3px solid var(--gold);padding:8px 10px;background:rgba(255,255,255,.03);border-radius:12px;}
.training-focus-row.low{border-left-color:var(--red);}
.training-focus-row.good,.training-focus-row.ok{border-left-color:var(--green);}
.training-focus-row b{font-size:13px;color:var(--text-strong);}
.training-focus-row span{font-size:12px;color:var(--muted);line-height:1.35;}
.goals-v2-box{border-color:var(--gold-border)!important;background:linear-gradient(180deg,rgba(201,168,76,.09),rgba(255,255,255,.018))!important;}
.profile-targets-card{border:1px solid var(--gold-border);background:radial-gradient(circle at 95% 0%,rgba(201,168,76,.16),transparent 12rem),linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px;margin-bottom:12px;}
.profile-targets-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin-bottom:13px;}
.profile-targets-head h3{font-size:22px;line-height:1.08;letter-spacing:-.7px;margin:2px 0 5px;color:var(--text-strong);}
.profile-targets-head p{font-size:13px;color:var(--muted);line-height:1.4;}
.profile-target-tile span{font-size:20px;}
.profile-target-tile .progress,.training-analytics-tile .progress{margin-top:9px;}
html[data-theme="light"] .training-analytics-tile,
html[data-theme="light"] .training-insight-card,
html[data-theme="light"] .profile-target-tile,
html[data-theme="light"] .training-focus-v2{background:linear-gradient(180deg,#fff,#f8f1e6);border-color:rgba(91,78,57,.14);}
html[data-theme="light"] .profile-targets-card,
html[data-theme="light"] .goals-v2-box{background:radial-gradient(circle at 95% 0%,rgba(214,170,53,.18),transparent 12rem),linear-gradient(180deg,#fff,#fff8ed)!important;border-color:rgba(181,139,36,.26)!important;}
@media(max-width:380px){
.training-analytics-hero,.profile-targets-head{grid-template-columns:1fr;}
.training-score-ring{width:64px;height:64px;}
.training-analytics-grid,.profile-target-grid{grid-template-columns:1fr;}
}
/* Prompt 65 + 66 — Smart Weekly Insights + Data Safety */
.smart-insights-card,
.backup-safety-card{
border:1px solid var(--line-soft);
border-radius:var(--radius-card);
padding:16px;
margin-bottom:12px;
background:radial-gradient(circle at 12% 0%,rgba(201,168,76,.12),transparent 14rem),linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
box-shadow:var(--shadow-card);
}
.smart-insights-card.good,.backup-safety-card.good{border-color:rgba(79,164,119,.34);}
.smart-insights-card.low,.backup-safety-card.low{border-color:rgba(224,92,58,.30);}
.smart-insights-card.ok,.backup-safety-card.ok{border-color:rgba(201,168,76,.30);}
.smart-insights-head,
.backup-safety-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:12px;}
.smart-insights-head h3,
.backup-safety-head h3{font-size:21px;line-height:1.05;letter-spacing:-.6px;margin-bottom:5px;color:var(--text-strong);}
.smart-insights-head p,
.backup-safety-head p{font-size:12px;line-height:1.4;color:var(--muted);}
.smart-score-ring{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--gold-border);background:var(--gold-soft);box-shadow:inset 0 0 0 6px rgba(201,168,76,.06);}
.smart-score-ring span{font-size:20px;font-weight:950;color:var(--gold2);line-height:1;}
.smart-score-ring small{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-top:-18px;}
.smart-next-week{border:1px solid rgba(201,168,76,.22);background:rgba(201,168,76,.07);border-radius:16px;padding:11px 12px;margin-bottom:11px;}
.smart-next-week b{display:block;font-size:13px;line-height:1.35;color:var(--text-strong);}
.smart-insight-list{display:grid;gap:8px;}
.smart-insight-row{width:100%;border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.028);color:var(--text);padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease;}
.smart-insight-row:active{transform:translateY(1px) scale(.99);}
.smart-insight-row.good{border-color:rgba(79,164,119,.32);background:rgba(79,164,119,.07);}
.smart-insight-row.low{border-color:rgba(224,92,58,.30);background:rgba(224,92,58,.06);}
.smart-insight-row.high{border-color:rgba(201,168,76,.36);background:rgba(201,168,76,.08);}
.smart-insight-row b{display:block;font-size:14px;color:var(--text-strong);margin-bottom:4px;}
.smart-insight-row span{display:block;font-size:12px;line-height:1.35;color:var(--muted);}
.smart-insight-row small{font-size:11px;font-weight:900;color:var(--gold2);white-space:nowrap;}
.backup-safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px;}
.backup-safety-grid>div{border:1px solid var(--line-soft);border-radius:14px;padding:10px 6px;text-align:center;background:rgba(255,255,255,.025);}
.backup-safety-grid b{display:block;font-size:18px;color:var(--gold2);line-height:1;}
.backup-safety-grid small{display:block;font-size:9px;color:var(--muted);margin-top:5px;}
.backup-safety-list{display:grid;gap:7px;}
.backup-safety-row{border:1px solid var(--line-soft);border-radius:14px;padding:10px 11px;font-size:12px;line-height:1.35;color:var(--muted);background:rgba(255,255,255,.02);}
.backup-safety-row.good{border-color:rgba(79,164,119,.32);background:rgba(79,164,119,.07);color:var(--text);}
.backup-safety-row.low{border-color:rgba(224,92,58,.30);background:rgba(224,92,58,.06);}
.backup-safety-row.high{border-color:rgba(201,168,76,.36);background:rgba(201,168,76,.08);}
html[data-theme="light"] .smart-insights-card,
html[data-theme="light"] .backup-safety-card{background:radial-gradient(circle at 12% 0%,rgba(214,170,53,.16),transparent 14rem),linear-gradient(180deg,#fff,#fff8ed);border-color:rgba(91,78,57,.14);}
html[data-theme="light"] .smart-insight-row,
html[data-theme="light"] .backup-safety-grid>div,
html[data-theme="light"] .backup-safety-row{background:rgba(255,255,255,.72);border-color:rgba(91,78,57,.14);}
html[data-theme="light"] .smart-next-week{background:rgba(181,139,36,.09);}
@media(max-width:390px){
.smart-insights-head,.backup-safety-head{grid-template-columns:1fr;}
.smart-score-ring{width:66px;height:66px;}
.backup-safety-grid{grid-template-columns:repeat(2,1fr);}
.smart-insight-row{grid-template-columns:1fr;}
}