:root{--bg:#090a0c;--p:#14171b;--line:#2c3037;--gold:#d9ad54;--gold2:#f3d99e;--muted:#9ba2ad;--text:#f5f3ee;--green:#5cc895}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% -10%,#513d1b55,transparent 40%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.6}button,input{font:inherit}.top{position:sticky;top:0;z-index:5;background:#090a0cee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topin{max-width:1050px;margin:auto;padding:11px 16px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#f5d999,#9d6b1f);color:#211706;display:grid;place-items:center;font-size:20px}.brand small{display:block;color:var(--muted);font-size:9px}.wrap{max-width:1050px;margin:auto;padding:0 16px 100px}.hero{padding:26px 0 16px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:1.5px;font-weight:800}.hero h1{font-size:clamp(28px,6vw,46px);line-height:1.2;margin:7px 0}.hero h1 span{color:var(--gold2)}.hero p{color:var(--muted);font-size:14px}.banner{background:linear-gradient(110deg,#251c0d,#17191e);border:1px solid #604a25;border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.banner b{font-size:17px}.banner strong{font-size:38px;color:var(--gold2);line-height:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat,.card{background:var(--p);border:1px solid var(--line);border-radius:15px;padding:12px}.stat b{display:block;color:var(--gold2);font-size:19px}.stat span{font-size:10px;color:var(--muted)}.nav{display:flex;gap:7px;overflow:auto;padding:8px 0 14px}.nav button{white-space:nowrap;border:1px solid var(--line);background:var(--p);color:var(--muted);border-radius:30px;padding:9px 14px;font-size:12px}.nav button.active{background:var(--gold);color:#1c1508;border-color:var(--gold);font-weight:800}.section{display:none}.section.active{display:block}.head{display:flex;justify-content:space-between;align-items:end;margin:16px 0 12px;gap:10px}.head h2{font-size:23px;margin:0}.head p{font-size:12px;color:var(--muted);margin:2px 0}.tag{font-size:10px;color:var(--gold2);border:1px solid #5a4524;background:#2b2112;border-radius:30px;padding:4px 9px}.daytabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.daytab{background:var(--p);border:1px solid var(--line);border-radius:12px;color:var(--muted);padding:9px 4px;font-size:11px}.daytab b{display:block;color:inherit;font-size:12px}.daytab.active{border-color:var(--gold);color:var(--gold2);background:#282013}.intro{background:linear-gradient(110deg,#211a10,#15171b);border:1px solid #5a4524;border-radius:14px;padding:13px;margin-bottom:12px;font-size:12px;color:#d7d0c1}.intro b{color:var(--gold2);font-size:14px}.list{display:grid;gap:10px}.ex{display:grid;grid-template-columns:104px 1fr;gap:11px;background:var(--p);border:1px solid var(--line);border-radius:15px;padding:9px}.ex img{width:104px;height:116px;object-fit:contain;background:#0b0d10;border-radius:11px}.ex h3{font-size:14px;margin:0}.en{direction:ltr;text-align:right;font-size:10px;color:var(--muted)}.muscles{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.muscles span{font-size:10px;color:var(--gold2);border:1px solid #47413a;border-radius:30px;padding:1px 7px}.meta{font-size:11px;color:#c5c8cd}.ex details{border-top:1px solid var(--line);padding-top:6px;margin-top:6px}.ex summary{font-size:11px;color:var(--gold2);cursor:pointer}.ex ol{font-size:11px;padding-right:17px;color:#d4d6dc;margin:5px 0}.track{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.track input{width:66px;padding:6px;border-radius:8px;background:#0b0d10;color:white;border:1px solid var(--line);font-size:11px}.btn{border:0;background:var(--gold);color:#201706;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:800}.note{margin:12px 0;background:#1b180f;border:1px solid #594622;color:#d7cfbc;border-radius:13px;padding:12px;font-size:11px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.meal{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.meal .ico{background:#282115;border-radius:11px;display:grid;place-items:center;font-size:24px}.meal b{font-size:13px}.meal p{font-size:11px;color:var(--muted);margin:2px 0}.field{display:grid;gap:4px;margin:8px 0}.field label{font-size:11px;color:var(--muted)}.field input,.search{width:100%;background:#0b0d10;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.logs{font-size:12px;color:#ddd}.log{padding:8px 0;border-bottom:1px solid var(--line)}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.filters button{border:1px solid var(--line);background:var(--p);color:var(--muted);border-radius:25px;padding:6px 10px;font-size:10px}.filters button.active{background:var(--gold);color:#201706}.library{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.lib{background:var(--p);border:1px solid var(--line);border-radius:13px;padding:8px}.lib img{width:100%;height:130px;object-fit:contain;background:#0b0d10;border-radius:9px}.lib b{display:block;font-size:11px;margin-top:5px}.lib small{color:var(--muted);font-size:10px}.footer{text-align:center;border-top:1px solid var(--line);padding:16px 0;color:var(--muted);font-size:10px;margin-top:25px}.footer a{color:var(--gold2)}.bottom{position:fixed;bottom:0;left:0;right:0;background:#0b0d10f2;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:6}.bottom button{border:0;background:none;color:var(--muted);font-size:10px}.bottom button.active{color:var(--gold2)}@media(min-width:750px){.list{grid-template-columns:repeat(2,1fr)}.library{grid-template-columns:repeat(4,1fr)}.bottom{display:none}}@media(max-width:390px){.stats{grid-template-columns:repeat(2,1fr)}.ex{grid-template-columns:86px 1fr}.ex img{width:86px;height:100px}.grid2{grid-template-columns:1fr}}
#authGate{position:fixed;inset:0;z-index:50;background:#090a0c;display:grid;place-items:center;padding:18px;overflow:auto}.authbox{width:min(100%,480px);background:#14171b;border:1px solid #5a4524;border-radius:20px;padding:22px}.authbox h2{color:#f3d99e}.authbox p,.authmsg{font-size:12px;color:#9ba2ad}.authbox input,.authbox select{width:100%;background:#0b0d10;color:#fff;border:1px solid #2c3037;border-radius:10px;padding:11px}.authbox .field{margin:8px 0}.authgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.authswitch{background:none;border:0;color:#f3d99e;padding:8px}body.locked main,body.locked header,body.locked .bottom{visibility:hidden}#appUser{font-size:10px;color:#9ba2ad}@media(max-width:390px){.authgrid{grid-template-columns:1fr}}
/* ALI FITNESS PRO — redesign v1 */
:root{--bg:#07090b;--p:#111519;--line:#252d32;--gold:#c7ff32;--gold2:#dcff8b;--muted:#98a2a8;--text:#f4f7f3;--green:#baff37}
body{background:radial-gradient(ellipse at 80% -15%,#9dff2019,transparent 38%),#07090b;color:var(--text)}
.logo{background:linear-gradient(145deg,#dfff87,#8bc900);color:#111}
.top{background:#080b0def;border-color:#252d32}.topin{max-width:1180px}.wrap{max-width:1180px}
.hero{padding-top:22px}.hero h1 span,.eyebrow{color:var(--gold)}
.banner{background:linear-gradient(110deg,#17200c,#12171a);border:1px solid #4b641d;border-radius:22px;box-shadow:0 12px 36px #0005}
.stat,.card,.ex,.lib{background:linear-gradient(145deg,#151b1e,#101417);border-color:#273137;border-radius:18px}
.stat b{color:var(--gold)}.nav{position:sticky;top:61px;z-index:4;background:#080b0deF;backdrop-filter:blur(14px);border-radius:0 0 16px 16px}.nav button{border-radius:12px}.nav button.active,.daytab.active,.filters button.active{background:var(--gold);color:#111;border-color:var(--gold)}
.daytabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.daytab{background:#13191c;border-radius:14px;padding:12px 5px;border-color:#2b3439}.daytab b{font-size:13px;color:inherit}.daytab.active{background:#c7ff32;color:#111}
.intro{background:linear-gradient(110deg,#1b250f,#12181b);border:1px solid #506c1c;border-radius:17px}
.ex{grid-template-columns:116px 1fr;padding:11px;gap:13px;transition:transform .2s,border-color .2s}.ex:active{transform:scale(.99)}.ex img{width:116px;height:130px;background:#090d0f;border:1px solid #29343a;object-fit:cover}.ex h3{font-size:15px}.btn{background:var(--gold);color:#111;border-radius:11px;padding:9px 13px}.track{align-items:center}.track input{min-width:0}
.exercise-open{border:1px solid #3a4b2b;background:#17200f;color:#dfff9a;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800}
.session-progress{background:#0d1214;border:1px solid #2a3539;border-radius:18px;padding:14px;margin:12px 0}.progress-line{height:9px;border-radius:20px;background:#263034;overflow:hidden;margin:9px 0}.progress-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8bc900,#dfff87);border-radius:20px;transition:width .25s}.done-check{display:flex;align-items:center;gap:8px;margin-top:8px;color:#c7ff32;font-size:11px}.done-check input{accent-color:#c7ff32;width:18px;height:18px}
#exerciseModal{position:fixed;inset:0;z-index:80;background:#000c;display:none;align-items:flex-end;justify-content:center;padding:12px}#exerciseModal.open{display:flex}.modal-sheet{width:min(760px,100%);max-height:92dvh;overflow:auto;background:#101619;border:1px solid #39463c;border-radius:24px;padding:17px;box-shadow:0 20px 80px #000b}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-close{background:#252e31;color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:20px}.demo-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.demo-images img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#080c0e;border-radius:13px;border:1px solid #2a3438}.step-list{counter-reset:steps;display:grid;gap:8px}.step-list div{background:#171f21;border-radius:12px;padding:10px;font-size:12px}.variant-list{display:grid;gap:7px}.variant-item{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#171f21;border-radius:12px;padding:10px;font-size:12px}
.meal-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}.meal-day{background:#151c1e;border:1px solid #2b3539;color:#dce5df;border-radius:11px;padding:9px 2px;font-size:10px}.meal-day.active{background:#c7ff32;color:#111;border-color:#c7ff32}.meal-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.meal-card{background:#151c1e;border:1px solid #2b3539;border-radius:15px;overflow:hidden}.meal-card img{width:100%;height:120px;object-fit:cover;background:#0b1012}.meal-card div{padding:10px}.meal-card b{font-size:12px}.meal-card p{font-size:10px;color:var(--muted);margin:5px 0}.meal-time{color:var(--gold);font-size:10px;font-weight:800}
@media(max-width:560px){.topin{padding:9px 12px}.wrap{padding-left:12px;padding-right:12px}.nav{top:58px}.nav button{padding:8px 10px;font-size:11px}.ex{grid-template-columns:92px 1fr}.ex img{width:92px;height:112px}.meal-panel{grid-template-columns:1fr}.meal-card{display:grid;grid-template-columns:112px 1fr}.meal-card img{height:100%;min-height:126px}.meal-calendar{gap:4px}.meal-day{font-size:9px;padding:8px 0}}

@media(max-width:700px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;z-index:55;display:flex;gap:5px;overflow-x:auto;justify-content:flex-start;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:1px solid #273137;border-radius:18px 18px 0 0;background:#080b0df5;box-shadow:0 -10px 30px #0008}.nav button{flex:1 0 62px;min-width:62px;padding:9px 5px;font-size:10px;white-space:nowrap}.nav button.active{box-shadow:0 0 18px #c7ff3230}.hero{padding-top:18px}.section.active{animation:sectionIn .22s ease-out}}
@keyframes sectionIn{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.supplement-photo{width:100%;height:90px;object-fit:cover;display:block;background:#111}