:root{font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14251f;--green:#075e54;--bright:#25d366;--muted:#718078;--line:#e6ece8}*{box-sizing:border-box}html{background:#dfe8e3}body{margin:0;min-height:100vh}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:auto;box-shadow:0 0 40px #14251f1c;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topbar{height:72px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;gap:12px;background:var(--green);color:#fff;position:sticky;top:0;z-index:10}.brand-mark{width:46px;height:46px;border-radius:50%;display:block;object-fit:cover;object-position:center;background:#fff;border:2px solid #66e3a2;box-shadow:0 3px 12px #002f2a55;flex:0 0 auto}.topbar>div:nth-child(2){display:flex;flex-direction:column;line-height:1.25}.topbar strong{font-size:17px}.topbar span{font-size:11px;color:#c7e5dc}.icon-button{margin-left:auto;border:0;color:#fff;background:#ffffff18;border-radius:50%;width:42px;height:42px}.kicker{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#698179}.wa-button,.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;background:var(--bright);color:#073b34;font-weight:800;padding:11px 14px;white-space:nowrap;font-size:12px}.loading-card,.empty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;text-align:center}.empty p{color:var(--muted);font-size:12px}.track{height:8px;background:#edf1ee;border-radius:999px;margin-top:7px;overflow:hidden}.track i{display:block;height:100%;border-radius:999px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 12px}.section-title h2{margin:0;font-size:18px}.section-title span{font-size:10px;color:#17774e;background:#e6f6ec;padding:4px 8px;border-radius:999px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:520px;height:calc(68px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.bottom-nav button{border:0;background:transparent;color:#8a978f;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button.active{color:var(--green)}button,a,input{font:inherit}button{cursor:pointer}.login{max-width:420px;margin:12vh auto;background:white;border-radius:24px;padding:28px;box-shadow:0 20px 60px #063d3730}.login h1{font-size:28px}.login input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px}.login button{width:100%;border:0;border-radius:12px;background:var(--green);color:white;padding:13px;font-weight:750}@media(min-width:521px){body{padding:18px 0}.app-shell{min-height:calc(100vh - 36px);border-radius:26px;overflow:hidden}.topbar{border-radius:26px 26px 0 0}.bottom-nav{bottom:18px;border-radius:0 0 26px 26px}}:root{--cream:#fbfcfa;--soft:#f0f5f2;--blue:#486f94}body{background:linear-gradient(145deg,#dbe9e2,#f4ece0)}.app-shell{background:var(--cream)}main{padding:0 16px 28px}.mini-head{display:flex;justify-content:space-between;align-items:center;padding:23px 3px 18px}.mini-head h1{font-size:25px;letter-spacing:-.7px;margin:2px 0}.hero-card,.panel,.projection-note,.fitness-table,.daily-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 26px #123a2910}.hero-card{padding:20px;background:linear-gradient(135deg,#0a6759,#0d8063);color:white;display:flex;justify-content:space-between;align-items:center}.hero-card h2{font-size:22px;margin:4px 0}.hero-card p{font-size:12px;color:#cde8df;margin:0}.pulse{width:66px;height:66px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff30;display:flex;flex-direction:column;align-items:center;justify-content:center}.pulse b{font-size:24px}.pulse small{font-size:9px}.panel{padding:18px}.meter{margin:15px 0}.meter>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.meter span{color:var(--muted);font-size:12px}.meter strong{font-size:16px}.meter strong small{font-size:11px;color:#8d9992;font-weight:500;margin-left:3px}.macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.macro-grid div{padding:12px;background:#f3f7f4;border-radius:13px}.macro-grid small,.macro-grid b{display:block}.macro-grid small{color:var(--muted);font-size:10px}.macro-grid b{font-size:17px}.workout-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:linear-gradient(145deg,#f7f5ff,#fff)}.workout-stat{padding:13px 7px;border-right:1px solid #e8e3f3;text-align:center}.workout-stat:last-child{border:0}.workout-stat b,.workout-stat span{display:block}.workout-stat b{font-size:23px;color:#6654a3}.workout-stat span{font-size:9px;color:var(--muted);text-transform:uppercase}.quick-fitness{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-fitness>div{background:#f2f7fb;padding:14px;border-radius:14px}.quick-fitness small,.quick-fitness b,.quick-fitness span{display:block}.quick-fitness small{color:#64809a;font-size:10px}.quick-fitness b{font-size:24px;margin:3px 0}.quick-fitness span{font-size:10px;color:var(--muted)}.page-note{font-size:12px;color:var(--muted);margin-top:-5px}.daily-card{margin:11px 0;overflow:hidden}.daily-card>summary{list-style:none;padding:17px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.daily-card>summary::-webkit-details-marker{display:none}.daily-card summary small,.daily-card summary strong{display:block}.daily-card summary small{color:var(--muted);font-size:11px}.daily-card summary strong{font-size:15px;margin-top:3px}.day-badges{display:flex;gap:5px}.day-badges span{font-size:10px;background:#edf5f1;border-radius:999px;padding:5px 7px}.daily-sections{border-top:1px solid var(--line);padding:4px 17px 12px}.daily-sections h4{margin:14px 0 7px}.daily-sections p{font-size:11px;color:var(--muted);margin:4px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mini-grid span{font-size:9px;color:var(--muted);background:#f6f8f7;border-radius:9px;padding:8px}.mini-grid b{display:block;color:#23372e;font-size:13px}.date-actions{display:none}.projection-note{padding:16px;background:#edf6ff;border-color:#d9e9f7}.projection-note b{color:#315c7b}.projection-note p{font-size:11px;color:#5f7889;margin:5px 0 0}.fitness-table{overflow:hidden}.fitness-row{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:7px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.fitness-row:last-child{border:0}.fitness-row small,.fitness-row strong,.fitness-row em{display:block}.fitness-row small{font-size:8px;color:var(--muted);text-transform:uppercase}.fitness-row strong{font-size:12px;margin-top:3px}.fitness-row em{font-size:8px;color:#a16e24;font-style:normal}.metric-name span{font-weight:750;font-size:12px}.metric-name small{margin-top:3px;text-transform:none}.status-line{display:flex;gap:13px;align-items:center}.status-line i{width:12px;height:12px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 5px #e6faed}.status-line p{margin:3px 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plans button{border:1px solid var(--line);background:#f7f9f8;border-radius:12px;padding:11px 4px}.plans span,.plans b{display:block}.plans span{font-size:9px;color:var(--muted)}.plans b{font-size:17px}.account-action{width:100%;border:0;border-top:1px solid var(--line);background:white;padding:14px 2px;text-align:left;display:flex;justify-content:space-between}.danger{color:#b73535}.legal{text-align:center}.empty{margin-top:12px}.section-title span{max-width:55%;text-align:right}.loading-card{margin-top:20px}
.adherence-card{margin-top:12px}.adherence-card h3{margin:0 0 14px}.adherence-card>small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.adh-row{display:grid;grid-template-columns:70px 1fr 35px;gap:8px;align-items:center;margin:9px 0}.adh-row span,.adh-row b{font-size:10px}.adh-row b{text-align:right}.adh-row .track{margin:0;height:7px}.adh-row .track i{background:linear-gradient(90deg,#25d366,#0c8062)}
.insight-card{margin:18px 0 26px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#ecfff3,#eef7ff);border:1px solid #cfe9dc;box-shadow:0 12px 30px rgba(22,82,65,.08)}.insight-card small{color:#08735f;font-weight:800;letter-spacing:.11em}.insight-card h3{margin:8px 0 5px;font-size:18px;line-height:1.3}.insight-card p{margin:7px 0;color:var(--muted);font-size:12px}.insight-card>span{display:block;margin-top:12px;color:#688079;font-size:10px;font-weight:700}
.energy-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.energy-balance>div{padding:13px 7px;text-align:center;border-radius:14px;background:#f2f7f4}.energy-balance small,.energy-balance b,.energy-balance span{display:block}.energy-balance small{font-size:9px;color:var(--muted);text-transform:uppercase}.energy-balance b{font-size:24px;margin:3px 0}.energy-balance span{font-size:9px;color:var(--muted)}.energy-balance .minus{background:#fff1ef;color:#bd453a}.energy-balance .equals{background:#e9fff1;color:#08735f}.formula{text-align:center;color:var(--muted);font-size:10px;margin-top:8px}.energy-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.energy-mini span{padding:9px;border-radius:10px;background:#f1f6f3;color:var(--muted);font-size:9px}.energy-mini b{display:block;color:#17382d;font-size:14px}.energy-mini .burn{background:#fff1ef}.energy-mini .burn b{color:#bd453a}.estimate-note{display:block;color:var(--muted);font-size:9px;margin:12px 0 5px}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 18px}.dashboard-shortcuts button{min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;padding:11px 4px 9px;color:#18392f;box-shadow:0 5px 16px rgba(18,58,41,.06)}.dashboard-shortcuts span,.dashboard-shortcuts b,.dashboard-shortcuts small{display:block}.dashboard-shortcuts span{font-size:19px;color:var(--green);line-height:1}.dashboard-shortcuts b{font-size:11px;margin:7px 0 2px}.dashboard-shortcuts small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-brand{width:96px;height:96px;border-radius:50%;display:block;object-fit:cover;margin:-6px auto 14px;border:3px solid #66e3a2;box-shadow:0 10px 30px #063d3730}
