:root{--pf-purple:#9b5cf6;--pf-purple-2:#7c3aed;--pf-blue:#38a7f2;--pf-ink:#14151a;--pf-muted:#737783;--pf-soft:#f5f4f8;--pf-line:#ebe9ef;--pf-green:#16a36a}body{background:#faf9fc;color:var(--pf-ink)}main{max-width:620px;padding:20px 18px 104px}.v22-page h1{font-size:34px;line-height:1.05;margin:4px 0 5px;letter-spacing:-.035em}.v22-page h3{font-size:19px;line-height:1.2;margin:3px 0}.v22-page p{margin:0;color:var(--pf-muted)}.v22-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 8px}.v22-topbar.compact{padding-bottom:10px}.brand-kicker,.eyebrow{display:block;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-purple-2)}.icon-button{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--pf-line);padding:0;box-shadow:0 4px 14px #2417350a}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 22px}.overview-card{position:relative;min-height:130px;border-radius:22px;padding:17px;color:#fff;overflow:hidden;box-shadow:0 12px 28px #6d28d91a}.overview-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-28px;bottom:-36px;background:#ffffff18}.overview-card.purple{background:linear-gradient(145deg,#b276ff,#8b4bea)}.overview-card.blue{background:linear-gradient(145deg,#5bc0fa,#2799e8)}.overview-icon{display:block;font-size:21px;opacity:.9}.overview-card strong{display:block;font-size:36px;line-height:1;margin-top:14px}.overview-card small{display:block;color:#fff;font-weight:750;margin-top:7px}.section-head,.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head{margin:22px 2px 9px}.text-button{background:none;color:var(--pf-purple-2);padding:6px;font-weight:800}.card{border-color:var(--pf-line);border-radius:22px;box-shadow:0 7px 24px #26153408}.macro-card{padding:18px}.macro-row{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:2px 0 8px}.macro-row>div>span{display:block;font-size:12px;color:var(--pf-muted);font-weight:750}.macro-row b{display:block;font-size:18px;margin-top:2px}.macro-row b small,.macro-row>strong small{display:inline;color:var(--pf-muted);font-size:11px;font-weight:650}.macro-row>strong{font-size:16px}.progress-track{height:9px;background:#eeeaf4;border-radius:999px;overflow:hidden;margin-bottom:18px}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ae72ff,#8550e5)}.progress-track.protein i{background:linear-gradient(90deg,#59c1fa,#2b9dea)}.quick-goals .pill,.pill{display:inline-flex;align-items:center;background:#f1ecfb;color:#7340ce;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850}.input-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.v22-page label>span{display:block;font-size:11px;color:var(--pf-muted);font-weight:750;margin:0 0 3px 2px}.v22-page input{background:#faf9fc;border-color:#e6e2ec;font-weight:720}.compact-primary{margin-top:9px}.weight-entry{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:end;margin-top:12px}.unit-input{position:relative}.unit-input input{padding-right:42px;font-size:20px}.unit-input span{position:absolute;right:14px;top:18px;color:var(--pf-muted);font-weight:800}.weight-entry .primary{margin:5px 0;height:48px}.dose-list{padding:4px 16px}.today-dose{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0edf3}.today-dose:last-child{border-bottom:0}.dose-check{width:34px;height:34px;border-radius:50%;padding:0;background:#f0e9fb;color:#fff;border:2px solid #d7c2f6}.today-dose.is-done .dose-check{background:var(--pf-green);border-color:var(--pf-green)}.dose-copy{min-width:0;flex:1}.dose-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dose-copy small{display:block;margin-top:2px}.dose-status{font-size:10px;font-weight:850;border-radius:999px;padding:5px 8px;background:#f4f1f8;color:#746f7c}.today-dose.is-done .dose-status{background:#e9f8f1;color:#08784a}.empty-state{display:flex;align-items:center;gap:11px;padding:13px 0}.empty-state>div{flex:1}.empty-state small{margin-top:3px}.empty-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f1eafb;color:var(--pf-purple-2);font-size:20px}.health-hero{background:linear-gradient(145deg,#9f62f7,#8551e4);color:#fff;border-radius:24px;padding:22px;margin:12px 0 13px;box-shadow:0 16px 32px #6d28d91f}.health-hero span{display:block;font-size:12px;font-weight:800;opacity:.82}.health-hero strong{display:block;font-size:42px;line-height:1.05;margin:7px 0}.health-hero small{color:#f0e8ff}.range-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#eeeaf3;border-radius:14px;padding:4px;margin:12px 0}.range-tabs button{background:transparent;color:#77717f;padding:9px}.range-tabs .active{background:#fff;color:#18161c;box-shadow:0 2px 8px #21132f0d}.trend-card{padding-bottom:12px}.weight-chart{margin-top:13px}.weight-chart svg{display:block;width:100%;height:auto;overflow:visible}.weight-chart line{stroke:#ece8f0;stroke-width:1}.weight-chart polyline{fill:none;stroke:#8c51e8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-axis{display:flex;align-items:center;justify-content:space-between;color:var(--pf-muted);font-size:10px;margin-top:-2px}.chart-axis b{color:#17151b;font-size:12px}.empty-chart{min-height:110px;border-radius:16px;background:#faf9fc;display:grid;place-items:center;text-align:center;padding:18px;color:var(--pf-muted)}.empty-chart b,.empty-chart span{display:block}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.metric-card{background:#fff;border:1px solid var(--pf-line);border-radius:18px;padding:14px}.metric-card span{display:block;color:var(--pf-muted);font-size:11px;font-weight:750}.metric-card b{display:block;font-size:20px;margin-top:5px}.health-entry .grid2{margin-top:12px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0edf3}.history-row:last-child{border-bottom:0}.history-row b,.history-row small{display:block}.history-row small{margin-top:2px}.history-row strong{font-size:17px}.store-checks{margin-top:8px}.secondary-wide{width:100%;margin-top:8px;background:#f2eff6;color:#514b58}nav{max-width:620px;margin:auto;left:50%;transform:translateX(-50%);border:1px solid #ece8f0;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 28px #2c15380d}nav button{font-size:10px;font-weight:750}nav .active{color:var(--pf-purple-2)}@media(max-width:460px){main{padding-left:14px;padding-right:14px}.v22-page h1{font-size:31px}.overview-card{min-height:122px}.input-grid-3{grid-template-columns:1fr 1fr}.input-grid-3 label:last-child{grid-column:1/-1}.weight-entry{grid-template-columns:1fr}.weight-entry .primary{margin-top:0}.metric-grid{gap:8px}}