@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#17201e;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:#18211f;color:#fff;padding:30px 22px;position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:900;letter-spacing:3px;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;background:#dfff00;color:#17201e;border-radius:9px;width:37px;height:37px}.brand svg{width:21px}nav{margin-top:60px;display:grid;gap:9px}nav button{border:0;background:transparent;color:#8e9a96;padding:13px 15px;border-radius:11px;display:flex;gap:12px;align-items:center;text-align:left}nav button svg{width:20px}nav button.active{background:#293330;color:#fff}.side-card{margin-top:auto;background:#222e2b;border:1px solid #34413d;border-radius:16px;padding:16px}.side-card b{font-size:13px}.side-card p{font-size:11px;line-height:1.5;color:#8e9a96;margin-bottom:0}.mini-ring{float:right;color:#dfff00;font-weight:700}.profile{border:0;border-top:1px solid #34413d;background:transparent;color:#fff;margin:18px -4px -10px;padding:18px 4px 0;display:flex;align-items:center;gap:10px}.profile>span{background:#db6b49;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700}.profile div{display:grid;text-align:left}.profile small{color:#83908c}.profile svg{margin-left:auto;width:17px;color:#84918d}main{grid-column:2;padding:42px 6vw 70px;max-width:1350px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}h1,h2,h3,p{margin-top:0}header h1{font-size:34px;margin:5px 0;font-weight:700}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#74807c;text-transform:uppercase;margin-bottom:5px}.streak{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e4dd;border-radius:14px;padding:10px 18px}.streak svg{color:#ed764f}.streak span,.metric div{display:grid}.streak small,.metric span{color:#89928f;font-size:11px}.hero{min-height:285px;border-radius:25px;padding:38px 42px;background:linear-gradient(115deg,#203c33,#193028);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:420px;height:420px;border:80px solid rgba(223,255,0,.08);border-radius:50%;right:-80px;top:-120px}.hero h2{font-size:42px;margin:20px 0 8px}.hero p{color:#afbbb7}.pill{background:#dfff00;color:#1b2723;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.pill svg{width:14px}.hero-actions{display:flex;gap:10px;margin-top:30px}.primary,.ghost{border:0;border-radius:10px;padding:13px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#dfff00;color:#16201d}.ghost{background:#ffffff1a;color:#fff}.primary svg,.ghost svg{width:17px}.hero-stat{z-index:1;margin-right:60px}.ring{--p:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#203b33 79%,transparent 80% 100%),conic-gradient(#dfff00 calc(var(--p)*1%),#426056 0)}.ring strong{font-size:30px}.ring span{font-size:11px;color:#aab8b3}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 40px}.metric{background:#fff;border:1px solid #e2e5df;border-radius:15px;padding:17px;display:flex;align-items:center;gap:12px}.metric svg{color:#6d7b76;width:21px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-head h3{font-size:22px;margin-bottom:0}.section-head>span,.result{font-size:12px;color:#818b87}.workout-list{display:grid;gap:9px}.exercise{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e5df;padding:10px 14px;border-radius:14px;transition:.2s}.exercise:hover{transform:translateY(-1px);box-shadow:0 8px 24px #22352c0c}.exercise.done{opacity:.55}.exercise.done .exercise-info b{text-decoration:line-through}.check{width:30px;height:30px;border-radius:50%;border:1px solid #cdd3cf;background:#fff;color:#6c7773}.check svg{width:15px}.done .check{background:#1e332b;color:#dfff00}.exercise img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#edf0eb}.exercise-info{display:grid;gap:5px;flex:1;cursor:pointer}.exercise-info span,.sets small{font-size:11px;color:#7f8986}.sets{display:grid;text-align:right}.arrow{border:0;background:transparent;color:#929b98}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.day-card{background:#fff;border:1px solid #e0e4dd;border-radius:18px;padding:22px;min-height:205px}.day-card.current{background:#213a32;color:#fff;border-color:#213a32}.day-top{display:flex;justify-content:space-between}.day-top span{font-weight:700}.day-top small{color:#8b9592}.day-card h3{font-size:21px;margin:30px 0 6px}.day-card p{font-size:12px;color:#89938f}.avatars{display:flex}.avatars img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid white;margin-right:-8px}.duration{display:flex;gap:5px;align-items:center;margin-top:16px;font-size:11px;color:#89938f}.duration svg{width:14px}.search{background:#fff;border:1px solid #dfe3dc;border-radius:13px;height:50px;display:flex;align-items:center;padding:0 16px;gap:10px}.search svg{width:19px;color:#78837f}.search input{border:0;outline:0;width:100%;background:transparent}.filters{display:flex;gap:8px;margin:14px 0 24px;overflow:auto}.filters button{border:1px solid #dfe3dc;background:#fff;border-radius:20px;padding:8px 15px;color:#65716d}.filters button.on{background:#203a31;color:#fff}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.library-grid article{background:#fff;border:1px solid #e0e4dd;border-radius:16px;overflow:hidden;cursor:pointer}.image-wrap{height:170px;background:#edf0ea;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover}.image-wrap button{position:absolute;right:12px;bottom:12px;border:0;border-radius:50%;width:36px;height:36px;background:#dfff00}.image-wrap svg{width:15px}.library-grid article>div:last-child{padding:15px}.library-grid article span{font-size:10px;text-transform:uppercase;color:#687670}.library-grid h3{font-size:15px;margin:6px 0}.library-grid p{font-size:11px;color:#8a9490;margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1815aa;z-index:20}.drawer{left:auto;width:min(470px,100%);padding:28px;background:#f7f8f4;color:#18211f;overflow:auto}.close{position:absolute;right:20px;top:18px;border:0;border-radius:50%;background:#fff;width:38px;height:38px;z-index:2}.detail-img{width:100%;height:290px;object-fit:contain;background:#fff;border-radius:18px;margin-bottom:25px}.drawer h2{font-size:28px;margin:10px 0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 28px}.tags span{font-size:11px;padding:7px 10px;border-radius:20px;background:#e9ede7}.drawer ol{padding-left:22px}.drawer li{font-size:13px;line-height:1.7;margin:12px 0}.wide{width:100%}.credit{display:block;text-align:center;color:#919a97;margin-top:12px}.onboard{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:#1c2f29;color:#fff}.onboard-copy{padding:7vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 30%,#3b5b4e,#1c2f29 55%)}.onboard-copy .eyebrow{margin-top:auto;color:#dfff00}.onboard-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.08;margin:12px 0 24px}.onboard-copy>p:not(.eyebrow){max-width:600px;color:#a8b5b0}.proof{margin-top:auto;display:flex;align-items:center;gap:12px}.proof svg{color:#dfff00}.proof span{display:grid}.proof small{color:#95a49f}.onboard form{background:#f7f8f4;color:#18211f;margin:4vw 5vw 4vw 0;border-radius:25px;padding:50px;align-self:center}.step{font-size:11px;color:#79847f}.onboard form>p{color:#7b8782;font-size:13px;margin-bottom:35px}.onboard label{display:block;font-size:12px;font-weight:700;margin:25px 0}.onboard input{display:block;width:100%;border:1px solid #d5dbd5;border-radius:10px;padding:12px;margin-top:8px;background:#fff}.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.choice button{border:1px solid #d7dcd6;border-radius:9px;background:#fff;padding:11px}.choice button.selected{background:#203a31;color:#fff;border-color:#203a31}.mobile-nav{display:none}@media (max-width:900px){.app{display:block}.app>aside{display:none}main{padding:25px 18px 95px}.hero{padding:28px}.hero-stat{display:none}.plan-grid,.library-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #e0e4dd;z-index:10;justify-content:space-around;padding:8px}.mobile-nav button{border:0;background:transparent;color:#7b8581;display:grid;place-items:center}.mobile-nav button.active{color:#1d372e}.mobile-nav svg{width:21px}.onboard{grid-template-columns:1fr}.onboard-copy{min-height:42vh;padding:35px}.onboard-copy h1{font-size:40px}.onboard-copy .proof{display:none}.onboard form{margin:0;border-radius:25px 25px 0 0;padding:32px}}@media (max-width:580px){header h1{font-size:25px}.streak{display:none}.hero h2{font-size:31px}.metric-row{grid-template-columns:1fr}.sets{display:none}.plan-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.image-wrap{height:130px}.choice{grid-template-columns:1fr}.onboard-copy h1{font-size:34px}.onboard form{padding:27px}.hero{min-height:250px}.hero-actions{flex-wrap:wrap}}.anatomy-intro{color:#74807c;margin:-15px 0 22px;font-size:14px}.anatomy-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:20px}.anatomy-card,.anatomy-info{border:1px solid #e0e4dd;background:#fff;border-radius:20px;overflow:hidden}.anatomy-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:700}.anatomy-toolbar>div{background:#eef1eb;padding:4px;border-radius:11px;display:flex}.anatomy-toolbar button{border:0;background:transparent;border-radius:8px;padding:7px 15px;color:#68766f}.anatomy-toolbar button.on{background:#213a32;color:#fff}.model-view{height:560px;position:relative;overflow:hidden}.model-view canvas{display:block;touch-action:none}.model-status{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;border-radius:12px;background:#ffffffd9;color:#45584c;text-align:center;white-space:nowrap}.model-hint{position:absolute;bottom:16px;left:16px;background:#ffffffc9;border-radius:20px;padding:7px 12px;font-size:11px;color:#63756a}.anatomy-info{padding:30px;align-self:start}.anatomy-info>svg{color:#748c76;background:#e9eee6;border-radius:12px;padding:10px;width:48px;height:48px;margin-bottom:28px}.anatomy-info h2{font-size:26px}.anatomy-info p:not(.eyebrow){font-size:13px;line-height:1.8;color:#74807c}.anatomy-info>div{display:grid;gap:7px;border-top:1px solid #e4e8e2;margin-top:28px;padding-top:20px;font-size:12px}.anatomy-info>div span{color:#75827c;word-break:break-word}.anatomy-info a{display:block;color:#285b42;font-size:12px;margin:20px 0;text-decoration:none}.anatomy-info small{display:block;color:#929d96;line-height:1.6}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:35px}.record-day{background:#fff;border:1px solid #e0e4dd;border-radius:17px;margin-bottom:14px;overflow:hidden}.record-day-head{display:flex;justify-content:space-between;padding:16px 20px;background:#eef2eb;font-size:13px}.record-day-head span{color:#66756c}.record-line{padding:13px 20px;display:flex;align-items:center;gap:15px;border-top:1px solid #eff1ec}.record-line>div{display:grid;gap:4px;flex:1}.record-line small{color:#8a968f}.record-line strong{font-size:13px}.record-line button{border:0;background:transparent;color:#9ca8a1}.records-empty{min-height:270px;border:1px dashed #bdc9be;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#63756b}.records-empty>svg{width:30px;height:30px}.records-empty h3{margin:10px 0}.records-empty p{font-size:13px}.log-form{background:#e9eee7;border-radius:15px;padding:17px;margin-top:25px}.log-form h3{font-size:16px;margin-bottom:12px}.log-form>div{display:flex;gap:10px;margin-bottom:14px}.log-form label{flex:1;font-size:12px;font-weight:700}.log-form input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #d2dbd0;border-radius:8px;background:#fff}.log-form button:disabled{opacity:.5}.empty-media{display:grid;place-items:center}.empty-media svg{width:50px;color:#9aaa9d}@media (max-width:900px){.anatomy-layout{grid-template-columns:1fr}.model-view{height:480px}.record-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:580px){.model-view{height:390px}.record-stats{grid-template-columns:1fr}.record-day-head,.record-line strong{font-size:11px}.record-line{padding:12px}}.nutrition-date{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.nutrition-date h2{margin:5px 0 0;font-size:24px}.nutrition-date label{font-size:11px;font-weight:700;color:#718078}.nutrition-date input,.meal-form input,.meal-form select{display:block;margin-top:7px;border:1px solid #d7ddd6;background:#fff;border-radius:9px;padding:10px 11px;color:#26322e;width:100%}.nutrition-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:18px}.nutrition-summary,.meal-form{background:#fff;border:1px solid #e0e4dd;border-radius:19px;padding:24px}.nutrition-summary{display:flex;align-items:center;gap:28px}.calorie-ring{--food:0;width:150px;height:150px;flex:0 0 150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#fff 75%,transparent 76% 100%),conic-gradient(#203a31 calc(var(--food)*1%),#e4e9e2 0)}.calorie-ring strong{font-size:30px}.calorie-ring span{font-size:11px;color:#89958e}.macro-list{display:grid;gap:16px;flex:1}.macro{display:flex;align-items:center;gap:10px}.macro>span{width:7px;height:35px;border-radius:6px}.macro div{display:grid}.macro small{color:#849088}.macro strong{font-size:16px}.meal-form{display:grid;grid-template-columns:150px 1fr;gap:14px}.form-title{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding-bottom:4px}.form-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#edf2e7;color:#637d4b}.form-title div{display:grid}.form-title small{color:#8a958e}.meal-form label{font-size:11px;font-weight:700;color:#617068}.nutrition-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nutrition-fields small{font-weight:400}.meal-form>.primary{grid-column:1/-1}.nutrition-head{margin-top:38px}.meal-list{display:grid;gap:14px}.meal-group{background:#fff;border:1px solid #e0e4dd;border-radius:16px;overflow:hidden}.meal-group-title{display:flex;justify-content:space-between;padding:13px 18px;background:#eef2eb;font-size:12px}.meal-group-title span{color:#728078}.meal-row{display:flex;align-items:center;gap:13px;padding:13px 18px;border-top:1px solid #edf0eb}.meal-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1f3ee;color:#68786f}.meal-row>div{display:grid;gap:4px;flex:1}.meal-row small{color:#849088}.meal-row>strong{font-size:13px}.meal-row>button{border:0;background:transparent;color:#96a19b}.nutrition-empty{min-height:210px}@media (max-width:900px){.nutrition-grid{grid-template-columns:1fr}.mobile-nav{overflow-x:auto}.mobile-nav button{min-width:55px}}@media (max-width:580px){.nutrition-date{align-items:stretch;flex-direction:column;gap:16px}.nutrition-summary{align-items:stretch;flex-direction:column}.calorie-ring{align-self:center}.macro-list{grid-template-columns:repeat(3,1fr)}.meal-form{grid-template-columns:1fr}.meal-form>*{grid-column:1!important}.nutrition-fields{grid-template-columns:1fr 1fr}.meal-row{align-items:flex-start;flex-wrap:wrap}.meal-row>div{min-width:calc(100% - 50px)}.meal-row>strong{margin-left:47px}.meal-row small{line-height:1.5}.macro strong{font-size:14px}}