:root{font-family:'DM Sans',sans-serif;color:#1c211c;background:#f3f1e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#1c211c;--muted:#8b9188;--green:#d8ff7a;--deep:#20251e;--paper:#f3f1e9;--white:#fffefa;--line:#e5e4dc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 87% 1%,#e7e9dc 0,transparent 29%),var(--paper)}.shell{max-width:1240px;margin:0 auto;padding:27px 48px 32px}.topbar{height:45px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 17px Manrope,sans-serif;letter-spacing:-.8px}.brand-mark{height:29px;width:29px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-25deg)}.brand-mark i{display:block;width:5px;height:13px;border-radius:4px;background:var(--green)}.brand-mark i:last-child{height:8px}.brand-period{color:#83a940}.top-meta{color:#81877e;font-size:11px;display:flex;align-items:center;gap:9px}.live-dot{height:7px;width:7px;border-radius:50%;background:#b7bdb2}.live-dot.ready{background:#85ad45;box-shadow:0 0 0 3px #e3e9d7}.logout{border:1px solid #dfdfd5;background:#f8f7f1;border-radius:30px;padding:8px 13px;color:#51584f;font:600 10px 'DM Sans',sans-serif;cursor:pointer;margin-left:7px}.intro{display:flex;align-items:end;justify-content:space-between;margin:57px 0 28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#898f85;margin:0 0 12px}.intro h1{font:650 clamp(42px,5vw,62px)/.99 Manrope,sans-serif;letter-spacing:-3.6px;margin:0}.intro h1 span{color:#878e80}.intro-note{font-size:12px;line-height:1.8;color:#858b82;margin:0 2px 5px 0}.dashboard{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}.card{border-radius:21px;padding:25px 25px;box-shadow:0 9px 28px #20251e0b;overflow:hidden}.hero-card{position:relative;min-height:310px;background:var(--deep);color:#f4f4e9}.hero-card:after{content:"";position:absolute;width:320px;height:220px;right:-95px;top:60px;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.hero-card:before{content:"";position:absolute;width:250px;height:170px;right:-60px;top:88px;border:1px solid #ffffff0d;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.card-heading{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:1}.card-heading .eyebrow{margin-bottom:7px;color:#b4baad}.muted{color:#a3a89e;font-size:11px;margin:0}.icon-circle{border-radius:50%;width:32px;height:32px;background:#ffffff10;color:var(--green);display:grid;place-items:center;font-size:16px;border:1px solid #ffffff15}.weight-line{display:flex;align-items:baseline;gap:9px;margin:23px 0 9px;position:relative;z-index:1}.hero-number{font:600 57px/1 Manrope,sans-serif;letter-spacing:-3.2px}.unit{font-size:13px;color:#a8afa1}.comparison{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.comparison-label{font-size:10px;color:#a8afa1}.trend-pill{background:#ffffff12;border-radius:20px;padding:5px 9px;color:#d8ff7a;font-size:9px;font-weight:700}.trend-pill.down{color:#d8ff7a}.trend-pill.up{color:#ffb495;background:#ffffff12}.chart-wrap{height:70px;margin-top:14px;position:relative;z-index:1}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:#d8ff7a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-wrap circle{fill:#d8ff7a;stroke:#252b22;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#939b8e;font-size:8px;letter-spacing:1px;position:relative;z-index:1}.chart-labels span:last-child{color:#d8ff7a;font-weight:700}.average-card{min-height:310px;background:var(--green);color:#283121;display:flex;flex-direction:column;position:relative}.average-card:after{content:"";width:145px;height:145px;border:1px solid #26321b18;border-radius:50%;position:absolute;right:-60px;top:-66px}.average-card .eyebrow{color:#687558}.average-card h2{font:600 20px/1.25 Manrope,sans-serif;letter-spacing:-.8px;margin:0}.period-mark{height:36px;width:36px;border:1px solid #37452b43;border-radius:50%;display:grid;place-items:center;font:600 11px Manrope,sans-serif;color:#45513a}.average-value{margin:auto 0 17px;display:flex;align-items:baseline;gap:6px}.average-value span{font:600 41px/1 Manrope,sans-serif;letter-spacing:-2.5px}.average-value small{font-size:12px;color:#5f6d4e}.average-footer{display:flex;justify-content:space-between;align-items:center;color:#59664b;font-size:9px}.average-footer strong{color:#29351f;font-size:10px}.microbar{height:3px;background:#2b38232b;margin-top:14px;border-radius:4px;overflow:hidden}.microbar span{display:block;height:100%;width:50%;background:#3f5130;border-radius:4px}.pale-card{background:#e4e5dc;color:#272b25}.pale-card:after{border-color:#303a2815}.pale-card .eyebrow{color:#858b7f}.pale-card .period-mark{border-color:#bcc0b4;color:#65705f}.pale-card .average-value small,.pale-card .average-footer{color:#81867b}.pale-card .average-footer strong{color:#3b4138}.pale-card .microbar{background:#cfd1c6}.pale-card .microbar span{background:#707b68}.details-section,.history-section{margin-top:37px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font:600 21px Manrope,sans-serif;letter-spacing:-.85px;margin:0}.section-heading>.muted{margin-bottom:3px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card{border:1px solid #e8e7df;background:#fbfaf5;border-radius:15px;padding:16px;display:flex;align-items:center;gap:12px;min-width:0;box-shadow:0 4px 14px #20251e05}.detail-icon{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;font-size:16px}.muscle{color:#596c41;background:#eaf0dc}.water{color:#537f82;background:#e3eeee}.fat{color:#a67b59;background:#f2e9dd}.detail-card p{font-size:10px;color:#858a80;margin:0 0 4px}.detail-card strong{font:600 18px Manrope,sans-serif;letter-spacing:-.5px}.detail-card strong small{font:400 10px 'DM Sans',sans-serif;color:#91968c}.share{margin-left:auto;color:#92988d;font-size:9px;white-space:nowrap}.history-count{font-size:8px;letter-spacing:1px;font-weight:700;color:#767e70;background:#e8eadf;border-radius:30px;padding:8px 11px}.history-card{border:1px solid #e5e4db;border-radius:17px;background:#fffefa;box-shadow:0 7px 22px #20251e08;overflow:hidden}.history-scroll{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.history-table th{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:#8b9086;padding:15px 20px;border-bottom:1px solid #eeede7}.history-table td{padding:13px 20px;font-size:11px;color:#5c6259;border-bottom:1px solid #f0efe9;white-space:nowrap}.history-table tbody tr:last-child td{border-bottom:0}.history-table .latest-row{background:#fbfcf5}.history-table .latest-row td{color:#333b2d}.history-table .history-weight{font-weight:700;color:#2d3826}.history-date{display:inline-block}.latest-badge{display:inline-block;vertical-align:1px;margin-left:9px;background:#eaf2d7;color:#667b46;border-radius:20px;padding:4px 7px;font-size:7px;letter-spacing:.7px;font-weight:700}footer{border-top:1px solid #e1e1d8;margin-top:30px;padding-top:14px;display:flex;justify-content:space-between;color:#969b91;font-size:9px}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#232820;color:#f8f9f1;padding:12px 17px;border-radius:11px;font-size:11px;box-shadow:0 10px 28px #1e2c2240;max-width:calc(100vw - 32px);z-index:5}.top-meta{flex-wrap:wrap}.auth-panel{background:#fffefa;border:1px solid #e5e4db;border-radius:20px;box-shadow:0 10px 30px #20251e0a;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:790px;margin:8px auto 70px}.auth-copy h2{font:600 25px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 8px}.auth-copy>p:last-child{font-size:12px;color:#858b83}.login-form{display:grid;gap:8px}.login-form label{font-size:10px;color:#687168;font-weight:600;margin-top:4px}.login-form input{height:43px;border:1px solid #e1e3da;border-radius:10px;background:#fcfcf8;padding:0 12px;font:13px 'DM Sans',sans-serif;color:var(--ink);outline:none}.login-form input:focus{border-color:#91a867;box-shadow:0 0 0 3px #91a86720}.login-form button{height:44px;border:0;border-radius:10px;background:var(--ink);color:var(--green);font:600 11px 'DM Sans',sans-serif;margin-top:8px;cursor:pointer}.login-form button span{font-size:16px;margin-left:8px}.login-form button:disabled{opacity:.7;cursor:wait}.auth-error{font-size:10px;line-height:1.5;color:#a24f42;margin:4px 0 0}.dashboard[hidden],.details-section[hidden],.history-section[hidden],.auth-panel[hidden],.logout[hidden]{display:none}
@media(max-width:900px){.shell{padding:24px 28px}.dashboard{grid-template-columns:1.2fr 1fr}.hero-card{grid-row:span 2;min-height:100%}.average-card{min-height:245px}.details-section,.history-section{margin-top:30px}}
@media(max-width:620px){.shell{padding:18px 16px 24px}.intro{margin:39px 0 22px;align-items:start;gap:13px;flex-direction:column}.intro h1{font-size:46px;letter-spacing:-2.7px}.intro-note br{display:none}.dashboard{grid-template-columns:1fr 1fr;gap:10px}.hero-card{grid-column:1/-1;grid-row:auto;min-height:285px}.card{padding:19px;border-radius:17px}.average-card{min-height:222px}.average-card h2{font-size:17px}.average-value span{font-size:34px}.details-grid{grid-template-columns:1fr;gap:8px}.detail-card{padding:13px 14px}.section-heading h2{font-size:18px}.section-heading>.muted{font-size:9px}.history-table th,.history-table td{padding-left:14px;padding-right:14px}footer{gap:12px;line-height:1.5}footer span:last-child{text-align:right}.auth-panel{grid-template-columns:1fr;gap:18px;padding:22px 18px;margin-bottom:40px}}
@media(max-width:390px){.shell{padding-left:12px;padding-right:12px}.average-card{padding:16px}.average-value span{font-size:30px}.average-card h2{font-size:15px}.period-mark{height:31px;width:31px}}
.hero-card{display:flex;flex-direction:column}.hero-foot{margin-top:auto;padding-top:24px;color:#9ea696;font-size:10px;position:relative;z-index:1}.hero-foot-mark{color:var(--green);font-size:8px;margin-right:7px}.analytics-section{margin-top:44px}.analytics-section[hidden]{display:none}.analytics-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.analytics-heading .eyebrow{margin-bottom:8px}.analytics-heading h2{font:600 clamp(23px,3vw,31px)/1.2 Manrope,sans-serif;letter-spacing:-1.2px;margin:0}.analytics-heading h2 span{color:#8aa64c}.analytics-heading>div>p:last-child{font-size:11px;color:#858b82;margin:8px 0 0}.analytics-period{border:1px solid #d8dacf;border-radius:30px;padding:9px 12px;color:#72796d;font-size:8px;letter-spacing:1px;font-weight:700;white-space:nowrap}.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.trend-card{--trend-color:#829d4c;--trend-fill:#829d4c18;min-width:0;border:1px solid #e5e4db;border-radius:17px;padding:19px 19px 15px;background:#fffefa;box-shadow:0 6px 20px #20251e08;display:flex;flex-direction:column}.muscle-trend{--trend-color:#66869b;--trend-fill:#66869b1b}.fat-trend{--trend-color:#c18063;--trend-fill:#c180631c}.trend-card-head{display:flex;justify-content:space-between;align-items:start}.trend-card-head .eyebrow{font-size:8px;margin-bottom:10px}.trend-card-head strong{font:600 25px/1 Manrope,sans-serif;letter-spacing:-1px;display:block}.trend-card-head small{display:block;color:#858b82;font-size:9px;margin-top:5px}.trend-symbol{height:29px;width:29px;border-radius:50%;background:var(--trend-fill);color:var(--trend-color);display:grid;place-items:center;font-size:14px}.trend-chart{height:103px;margin-top:20px;background:repeating-linear-gradient(to bottom,transparent 0 33px,#eeeee8 34px,#eeeee8 35px);border-bottom:1px solid #e8e8e0}.trend-chart svg{width:100%;height:100%;overflow:visible}.trend-line{fill:none;stroke:var(--trend-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-area{fill:var(--trend-fill)}.trend-dot{fill:var(--trend-color);stroke:#fffefa;stroke-width:3}.trend-card-foot{display:flex;justify-content:space-between;gap:6px;align-items:center;padding-top:12px;color:#8b9087;font-size:8px}.trend-card-foot strong{color:var(--trend-color);font-size:9px;white-space:nowrap}.weekly-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.weekly-heading h3{font:600 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.weekly-heading span{font-size:9px;color:#92978e}.weekly-table{min-width:690px}.weekly-table th,.weekly-table td{padding-top:12px;padding-bottom:12px}.weekly-table .latest-row td:first-child{font-weight:700}.weekly-table .latest-row td:last-child{color:#687d45;font-weight:700}
@media(max-width:900px){.trend-grid{grid-template-columns:1fr 1fr}.trend-card:last-child{grid-column:1/-1}.analytics-section{margin-top:36px}}
@media(max-width:620px){.analytics-heading{align-items:start;gap:15px}.analytics-heading h2{font-size:24px}.analytics-heading>div>p:last-child{font-size:10px;line-height:1.6}.analytics-period{padding:8px 9px;font-size:7px}.trend-grid{grid-template-columns:1fr;gap:9px}.trend-card:last-child{grid-column:auto}.trend-card{padding:17px}.trend-chart{height:85px;margin-top:15px}.weekly-heading{margin-top:23px}.history-table th,.history-table td{font-size:9px}}