:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#16332e;background:#f3f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:760px;margin:auto;padding:24px 17px 100px}header{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}header h1{font-size:25px;margin:5px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#659b84}.iconbtn{border:0;background:#e3ece5;border-radius:12px;padding:11px;color:#284b3b}.hero{border-radius:23px;background:linear-gradient(135deg,#112e2d,#27574b);color:#fff;padding:30px 23px;box-shadow:0 10px 24px #133a2b1c}.hero h2{font-size:clamp(29px,8vw,45px);line-height:1.04;letter-spacing:-1.4px;margin:17px 0 28px}.hero p{font-size:17px;line-height:1.5;margin-bottom:4px}.hero small{color:#c0dfd1}.datebar{display:flex;justify-content:space-between;align-items:center;margin:24px 0 15px;font-weight:700}.datebar input{border:1px solid #d6e3d9;background:#fff;padding:10px;border-radius:12px;color:#214436;max-width:170px}.panel{background:#fff;border:1px solid #e4ebe4;border-radius:20px;padding:21px 17px;margin:15px 0;box-shadow:0 5px 20px #153a2810}.panel h2{font-size:19px;margin:0 0 18px}.panel h3{font-size:16px;margin:15px 0 7px}.panel p{line-height:1.6}.sectionhead{display:flex;justify-content:space-between}.progress{background:#e9efe9;height:9px;border-radius:10px;overflow:hidden}.progress div{height:100%;background:#51a27a;transition:width .25s}.muted{color:#698077;font-size:13px}.task{display:flex;align-items:center;gap:11px;width:100%;padding:15px 0;border:0;border-top:1px solid #eff2ef;background:transparent;text-align:left;color:#18382f}.task .time{font-size:11px;color:#789184;min-width:43px}.taskcopy{flex:1;display:flex;flex-direction:column;gap:5px}.taskcopy small{color:#71867b;font-size:12px;line-height:1.4}.check{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1.5px solid #a6c2b2;border-radius:8px;color:#fff}.done .check,.selected{background:#418c67;color:#fff}.done .taskcopy strong{text-decoration:line-through;color:#83968b}.workout{display:flex;align-items:center;gap:12px;border-top:1px solid #eef1ee;padding:16px 0}.workout>div{flex:1}.workout small{color:#579574;font-weight:800;letter-spacing:1px}.workout h3{margin:6px 0}.workout p{font-size:13px;color:#657b70;margin:0}.workout .check{background:#fff}.workout .selected{background:#418c67}.metric label{display:block;font-weight:650;font-size:13px;margin:16px 0}.metric input,.metric textarea,.login input{display:block;width:100%;border:1px solid #d8e3da;border-radius:11px;padding:13px;margin-top:7px;background:#fafcfa;color:#16382c}.metric>button,.login button{background:#2c7657;color:#fff;border:0;border-radius:12px;padding:14px 22px;width:100%;font-weight:800}.calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.calendar button{background:#eff5f0;border:1px solid #dce8dd;border-radius:12px;padding:14px 2px;color:#2c6148;display:flex;flex-direction:column;gap:6px}.calendar button.active{background:#235e46;color:#fff}.calendar small{font-size:10px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #dbe6de;padding:9px 5px max(12px,env(safe-area-inset-bottom));z-index:2}nav button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;color:#789285;font-size:11px;padding:5px 8px}nav button.active{color:#2e8059;font-weight:800}.notice{padding:12px;border-radius:10px;background:#fff4dc;color:#745021;margin:12px 0}.login{max-width:400px;margin:12vh auto;padding:20px;text-align:center}.login h1{letter-spacing:2px}.login p{font-size:12px;letter-spacing:2px}.login .panel{text-align:left;margin-top:35px}.login input{margin:12px 0}.login small{display:block;margin-top:10px;color:#b43d36}.mark{background:#193c33;color:#fff;display:inline-grid;place-items:center;width:68px;height:68px;border-radius:20px;font-size:23px;font-weight:900}.mark span{color:#88cfa8}@media (min-width:780px){.app{padding-bottom:120px}nav{left:50%;transform:translate(-50%);max-width:760px;border-radius:18px 18px 0 0}}.wk{border-top:1px solid #eef1ee}.wkhead{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;padding:14px 0;text-align:left;color:#18382f}.wkhead small{color:#579574;font-weight:800;letter-spacing:1px}.wkhead h3{margin:5px 0 0}.wkbody{padding:0 0 14px}.wkin{width:100%;border:1px solid #d8e3da;border-radius:10px;padding:10px;background:#fafcfa;color:#16382c;min-width:0}.exedit{margin:10px 0}.exrow{display:flex;gap:6px;margin-top:6px}.wkbtn{border:1px solid #cfe0d3;background:#eff5f0;color:#2c6148;border-radius:10px;padding:10px 12px;font-weight:700;margin-top:8px}.wkbtn.primary{background:#2c7657;color:#fff;border-color:#2c7657}.wkbtn.danger{color:#b43d36;margin-top:0}.seg{display:flex;gap:6px;margin:15px 0}.seg button{flex:1;border:1px solid #cfe0d3;background:#eff5f0;color:#2c6148;border-radius:10px;padding:10px;font-weight:700}.seg .on{background:#2c7657;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{background:#f2f7f3;border-radius:12px;padding:12px 8px;text-align:center}.stats b{display:block;font-size:18px}.stats small{font-size:11px;color:#6a8177}.bars{display:flex;align-items:flex-end;gap:3px;height:120px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}.barfill{width:100%;border-radius:4px 4px 0 0;min-height:0}.bar small{font-size:9px;color:#789184;height:11px}.exsum{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eff2ef}.exsum span{flex:1}.exsum small{color:#789184}.logrow{display:flex;gap:12px;padding:10px 0;border-top:1px solid #eff2ef;font-size:14px}.logrow>small{min-width:72px;color:#579574;font-weight:700}.water2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0;color:#2f7fb3}.water2 .wkbtn{margin-top:0}label.muted .wkin{margin-top:6px}.badge{display:inline-block;background:#2c7657;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 8px;border-radius:20px}.wkhead>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.wkhead>div h3{margin:0}.wkbody>.exrow{flex-direction:column}.wkbody>.exrow .wkbtn,.wkbody>.exrow .wkin{width:100%}.task.slip .check{background:#c4473f;border-color:#c4473f}.cutslot{opacity:.6}.exsum.now{background:#eaf4ee;border-radius:10px;padding-left:8px;padding-right:8px}nav button{padding:5px 4px}.coach{background:linear-gradient(135deg,#fff7ea,#f3f6f2);border:1px solid #ecdcc0;border-radius:20px;padding:18px 17px;margin:15px 0}.coach p{line-height:1.6;margin:8px 0;font-size:15px}.coachbtn{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.coachbtn button{border:1px solid #e2cfa6;background:#fff;color:#6b4a14;border-radius:10px;padding:8px 11px;font-size:13px;font-weight:700}.coachbtn button.on{background:#6b4a14;color:#fff}.voicesel{margin-top:10px;font-size:12px}.mealbox{background:#f6faf6;border:1px solid #dce8dd;border-radius:14px;padding:12px;margin:4px 0 12px}.mealbox textarea{margin-top:6px;resize:vertical}.mealfb{background:#fff7ea;border:1px solid #ecdcc0;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.55;margin:6px 0 10px;color:#5a4012}.flow{max-width:640px;margin:auto;padding:24px 17px 60px}.flow h1{font-size:26px;margin:6px 0 10px}.qfield{background:#fff;border:1px solid #e4ebe4;border-radius:16px;padding:14px;margin:12px 0}.qfield>label{display:block;font-weight:650;font-size:14px;line-height:1.45;margin-bottom:10px}.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.scale button{border:1px solid #d6e3d9;background:#f2f7f3;border-radius:8px;padding:9px 0;font-weight:700;color:#2c6148}.scale button.on{background:#2c7657;color:#fff;border-color:#2c7657}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo{border:1.5px dashed #b7cfbf;border-radius:12px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;overflow:hidden;font-size:11px;color:#6a8177;padding:6px;background:#fafcfa}.photo span{font-weight:800;letter-spacing:1px;color:#579574}.photo img{width:100%;height:110px;object-fit:cover;border-radius:8px}.bigbtn{width:100%;background:#2c7657;color:#fff;border:0;border-radius:14px;padding:16px;font-weight:800;margin:14px 0 8px}.bigbtn:disabled{opacity:.6}.flowerr{display:block;color:#b43d36;margin:8px 0}.report{line-height:1.55}.report p{margin:8px 0}.report h4{margin:12px 0 4px;color:#579574;font-size:12px;letter-spacing:1px;text-transform:uppercase}.report ul{margin:0;padding-left:18px}.reporthead{display:flex;justify-content:space-between;align-items:center;gap:8px}.v-improving{background:#2c7657}.v-steady{background:#c28a1c}.v-slipping{background:#c4473f}.v-baseline{background:#4a9fd6}.duebox{background:#fff7ea;border-color:#ecdcc0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bodyimg{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#e9efe9}.score{font-weight:900;font-size:18px;border-radius:12px;padding:4px 12px;color:#fff}.score.good{background:#2c7657}.score.mid{background:#c28a1c}.score.low{background:#c4473f}.panel h4{margin:12px 0 4px;color:#579574;font-size:12px;letter-spacing:1px;text-transform:uppercase}.panel ul{margin:0;padding-left:18px;line-height:1.55}.hdrbtns{display:flex;gap:8px}.invite{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eef1ee;padding:10px 0;flex-wrap:wrap}.userrow{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #e4ebe4;border-radius:16px;padding:14px;margin:8px 0;color:#16332e}.usermeta{font-size:12px;text-align:right}.flow .photos small{display:block;text-align:center;text-transform:uppercase;margin-bottom:4px}