/* Layout matched to the supplied landscape dashboard reference. */
.bottom-grid>.card{grid-column:auto}
.app-shell.app-shell:before{display:none}
@media(min-width:741px) and (max-width:900px){.dashboard-overview .overview-primary.overview-primary{grid-template-rows:120px auto 306px auto}.overview-primary .bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-primary .bottom-grid>.nutrition-card{grid-column:1/-1;height:220px;min-height:220px}.overview-primary .bottom-grid>.exercise-card .activity-chart{height:100px}.overview-primary .bottom-grid>.nutrition-card .nutrition-body{flex-direction:row;height:165px;gap:40px}.overview-primary .bottom-grid>.nutrition-card .donut{width:125px;height:125px}.overview-primary .bottom-grid>.nutrition-card .donut:before{inset:16px}.overview-primary .bottom-grid>.nutrition-card .nutri-list{gap:20px;flex:0 1 250px}.overview-primary .bottom-grid>.nutrition-card .nutri-row{grid-template-columns:10px 1fr auto 32px;font-size:11px}.overview-primary .bottom-grid>.nutrition-card .nutri-row small{display:block;font-size:10px}.overview-primary .bottom-grid>.nutrition-card .nutri-row b{font-size:11px}}
@media(min-width:1101px){.app-shell .topbar{height:55px}.dashboard-overview .overview-primary{gap:13px}.overview-primary .bottom-grid{position:relative;top:1px}}
.overview-secondary .goal-overview{height:144px}
.overview-primary .trend-chart:before{left:-37px;font-size:10px}.overview-primary .trend-chart:after{right:-41px;font-size:10px}
body{background:radial-gradient(ellipse at 35% 5%,#eaf6ff 0,#f6fbff 45%,#effafa 100%)}
.app-shell{padding:0 18px 18px 210px;max-width:1920px;position:relative;isolation:isolate}
.app-shell:before{content:'';position:absolute;z-index:-1;left:420px;right:30px;top:0;height:180px;background:url('alpine-panorama.svg') center 39%/cover no-repeat;opacity:.62;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 44%,#000 85%,transparent)}
.topbar{height:56px;padding-right:21px}.brand{left:24px;top:18px;align-items:flex-start;gap:9px}.brand-leaf{height:37px;width:37px}.brand strong{display:block;font-size:20px;line-height:25px}.brand small{display:block;font-size:10px;font-weight:400;line-height:16px;color:#8a9cba;white-space:nowrap}
.sidebar{width:195px;padding:88px 17px 0;background:linear-gradient(155deg,#fcfefe,#eff9fc);border-right-color:#e9f2fa}.sidebar nav{gap:7px}.nav-item{height:44px;padding-inline:17px;font-size:16px;gap:15px;border-radius:11px}.nav-icon{height:21px;width:21px}
.nav-affirmation{margin:auto -17px 0;padding:0 38px 31px;min-height:278px;display:flex;flex-direction:column;justify-content:flex-end}.nav-affirmation>svg{display:none}.nav-affirmation p{font-size:17px;line-height:1.55;position:relative;z-index:1}.nav-note-meter{position:relative;z-index:1;margin-top:14px;width:53px}.nav-note-meter:before{width:34px}.nav-affirmation img{width:195px;height:230px;object-fit:contain;object-position:right bottom;opacity:.8}.nav-affirmation:before{content:'';position:absolute;inset:-20px 0 0;background:radial-gradient(ellipse at 0 30%,#ddf0f5,transparent 65%);z-index:-2}.nav-affirmation:after{content:'';position:absolute;left:-84px;top:-12px;width:200px;height:170px;background:url('motivation-leaves.svg') right center/410px 180px no-repeat;transform:rotate(22deg);opacity:.85;z-index:-1}
.dashboard-overview{grid-template-columns:minmax(0,1fr) minmax(340px,27.2%);gap:10px}
.overview-primary{grid-template-rows:120px 168px 306px 234px;gap:14px}
.overview-secondary{grid-template-columns:minmax(0,1fr);grid-template-rows:294px 310px 236px;gap:14px}
.hero{height:120px;border-radius:12px;padding:17px 24px;overflow:visible;background:linear-gradient(90deg,#eff8ff,#f6fbff00);isolation:isolate}
.hero-landscape{content:url('alpine-panorama.svg');border-radius:12px;object-position:50% 65%;opacity:1;z-index:-1}.hero h1{font-size:32px;line-height:1.35;font-weight:800;margin:0 0 6px;letter-spacing:1px}.hero p{font-size:16px;line-height:1.5;color:#516b96}.hero blockquote{margin-top:12px;font-size:14px;line-height:1.8;color:#154a63;padding:6px 4px;background:#f5fcff22;border-radius:8px}
.stats-grid{height:168px;gap:10px;grid-template-columns:1.18fr 1.04fr 1.02fr .96fr}.stat-card{height:168px;padding:13px 21px}.stat-heading{height:33px;font-size:14px;gap:13px}.stat-heading time{font-size:12px}.badge{width:34px;height:34px;border-radius:13px}.stat-value{margin-top:10px;gap:6px}.stat-value strong,.stat-card:has(#stat-kcal) .stat-value strong{font-size:36px}.stat-value.bp strong{font-size:32px}.stat-value.bp span{font-size:15px}.stat-value span{font-size:17px}.stat-change{margin-top:8px;font-size:14px;font-weight:450!important}.stat-change small{font-size:13px}.stat-footer{left:21px;bottom:16px;font-size:14px}.spark{width:124px;height:47px;right:12px;bottom:13px}.stat-card:has(#stat-bp) .stat-change{font-size:13px}.stat-card:has(#stat-kcal) .stat-change{font-size:13px;margin-top:9px;line-height:1.45}.stat-meter{bottom:20px;left:20px;right:64px;height:13px}.stat-foot-right{right:18px;bottom:16px;font-size:14px}.bp-status{font-size:13px;margin-top:8px}
.goal-card{height:294px;padding:17px 10px 10px}.goal-heading{padding-inline:9px}.goal-card h2{font-size:21px;gap:12px}.goal-icon{height:33px;width:33px}.goal-overview{height:160px;gap:28px;padding:0 14px}.progress-ring{height:118px;width:118px}.progress-ring:before{inset:13px}.progress-ring span{font-size:25px}.goal-summary>small{font-size:14px;margin-bottom:6px}.goal-target-value{font-size:32px}.goal-summary p{font-size:13px;margin-top:8px}.goal-summary p b:first-child{font-size:16px}.goal-tile{height:88px;padding:9px 10px;gap:12px}.detail-icon{height:43px;width:43px}.goal-tile small{font-size:13px}.goal-tile strong{font-size:17px;line-height:1.4}.goal-tile .track{height:10px;margin-top:8px}
.trend{padding:16px 21px 11px;height:306px}.section-heading{align-items:flex-start}.section-heading h2{font-size:21px;line-height:28px}.heading-icon{height:26px;width:26px}.section-heading #trend-subtitle{display:block;color:#6e85ae;font-size:14px;line-height:21px;margin:8px 0 0;font-weight:400;max-width:100%}.trend-summary{display:none!important}.segmented{gap:7px;background:none;border-radius:10px}.segmented button{height:30px;min-width:59px;border-radius:9px;background:#f1f6fb;font-size:13px}.segmented button .icon{height:19px;width:19px;vertical-align:middle}.segmented button[data-range="all"]{min-width:46px}.chart-legend{margin:-6px 0 8px auto;max-width:100%;gap:21px;font-size:11px;line-height:18px}.chart-legend span:last-child{display:none}.trend-chart{margin:0;min-height:160px;flex:1}.trend-chart:before,.trend-chart:after{position:absolute;top:46%;font-size:11px;color:#758db4;pointer-events:none}.trend-chart:before{content:'体重（斤）';left:-24px;transform:rotate(-90deg)}.trend-chart:after{content:'体脂率（%）';right:-26px;transform:rotate(90deg)}
.progress-card{height:310px;padding:16px 19px}.progress-card .mini-heading h2{font-size:20px}.mini-heading{margin-bottom:0}.progress-card .heading-icon{height:27px;width:27px;margin-right:7px}.progress-card .text-button{font-size:12px}#daily-progress{margin-top:12px}.progress-row{height:45px;grid-template-columns:43px 66px minmax(0,1fr) 47px;gap:8px}.progress-icon{width:42px;height:42px}.progress-label{font-size:14px;font-weight:500}.progress-measure{font-size:11px}.progress-measure b{font-size:13px}.mini-track{height:9px}.progress-status{font-size:13px}
.bottom-grid{display:grid;grid-template-columns:1.14fr 1.16fr 1fr;gap:10px;margin:0}.bottom-grid>.card{height:234px;min-height:234px;padding:13px 18px 11px}.bottom-grid .mini-heading h2{font-size:18px;line-height:27px}.bottom-grid .heading-icon{height:24px;width:24px}.activity-range{gap:0;background:#f0f5fb;border-radius:10px}.activity-range button{height:27px;min-width:40px;padding:0 9px;border-radius:9px;font-size:11px}.activity-unit{font-size:12px;margin:6px 0 3px;line-height:18px}.activity-chart{height:126px;margin:0}.activity-axis-labels{font-size:11px;line-height:13px}.exercise-card .activity-chart{height:113px}.activity-legend{font-size:10px;margin:5px 0 0;gap:12px;line-height:14px}.exercise-card .activity-legend{font-size:9px;gap:8px}
.nutrition-card>.mini-heading h2{font-size:18px}.nutrition-card .nutrition-body{height:165px;gap:16px;margin-top:4px;justify-content:center;flex-wrap:nowrap}.nutrition-card .donut{height:128px;width:128px}.nutrition-card .donut:before{inset:17px}.nutrition-card .donut-center strong{font-size:22px}.nutrition-card .donut-center small{font-size:12px}.nutrition-card .nutri-list{gap:21px;flex:1;min-width:0}.nutrition-card .nutri-row{font-size:11px;grid-template-columns:10px 1fr auto 29px;gap:6px}.nutrition-card .nutri-row b{font-size:10px}.nutrition-card .nutri-row small{font-size:10px}.nutrition-card .nutri-dot{height:10px;width:10px}
.overview-secondary>.attainment-card{height:236px;min-height:0;padding:13px 18px 10px}.attainment-card .mini-heading h2{font-size:18px}.attainment-card .activity-unit{display:none}.attainment-scroll{margin-top:9px}.attainment-table{grid-template-columns:53px repeat(var(--days),minmax(25px,1fr));gap:3px 4px}.attain-date{font-size:10px;line-height:16px}.attain-label{height:23px;gap:0}.attain-label b{font-size:10px}.attain-label small{font-size:7px;line-height:1}.attain-cell{height:23px;border-radius:7px;font-size:9px}.attain-cell.stage-3{font-size:12px}.attain-cell.recorded{font-size:7px}.attain-legend{font-size:9px;margin-top:9px;gap:12px;line-height:13px;white-space:nowrap}.attain-note{display:none}
.text-button{font-size:12px}
@media(min-width:1920px){.sidebar{left:calc((100vw - 1920px)/2)}.brand{left:calc((100vw - 1920px)/2 + 24px)}}
@media(min-width:1101px) and (max-width:1550px){.app-shell{padding-left:190px}.sidebar{width:175px;padding-inline:14px}.brand{left:20px;gap:6px}.brand-leaf{height:32px;width:32px}.brand strong{font-size:18px}.brand small{font-size:9px}.nav-item{font-size:14px;padding-inline:13px;gap:12px}.nav-affirmation{margin-inline:-14px;padding-left:30px}.nav-affirmation img{width:175px}.dashboard-overview{grid-template-columns:minmax(0,1fr) minmax(310px,27.2%)}.stat-card{padding-inline:15px}.stat-value strong,.stat-card:has(#stat-kcal) .stat-value strong{font-size:32px}.stat-value.bp strong{font-size:29px}.stat-value.bp span{font-size:12px}.stat-value span{font-size:15px}.stat-change{font-size:12px}.stat-change small{font-size:11px}.stat-heading{font-size:13px;gap:9px}.stat-heading time{font-size:10px}.stat-footer{left:15px;font-size:12px}.spark{width:91px;height:40px}.stat-card:has(#stat-kcal) .stat-change{font-size:11px}.stat-meter{left:15px;right:52px;height:10px}.stat-foot-right{right:13px;font-size:12px}.hero h1{font-size:28px}.hero p{font-size:13px}.hero blockquote{font-size:12px}.goal-overview{gap:16px;padding-inline:9px}.progress-ring{width:105px;height:105px}.goal-summary p{font-size:11px}.goal-summary p b:first-child{font-size:14px}.goal-tile{gap:8px;padding-inline:7px}.goal-tile small{font-size:11px}.goal-tile strong{font-size:14px}.detail-icon{height:36px;width:36px}.progress-card{padding-inline:14px}.progress-card .mini-heading h2{font-size:18px}.progress-card .text-button{font-size:11px}.progress-row{grid-template-columns:36px 43px minmax(0,1fr) 43px;gap:7px}.progress-icon{width:36px;height:36px}.progress-label{font-size:12px}.progress-status{font-size:11px}.progress-measure{font-size:9px}.progress-measure b{font-size:11px}.bottom-grid>.card{padding-inline:13px}.bottom-grid .mini-heading h2,.nutrition-card>.mini-heading h2{font-size:16px}.bottom-grid .heading-icon{height:21px;width:21px}.activity-range button{min-width:32px;padding:0 7px;font-size:10px}.activity-unit{font-size:11px}.nutrition-card .nutrition-body{gap:12px}.nutrition-card .donut{height:105px;width:105px}.nutrition-card .donut:before{inset:14px}.nutrition-card .nutri-row{grid-template-columns:8px 1fr auto;gap:5px;font-size:10px}.nutrition-card .nutri-row small{display:none}.nutrition-card .nutri-row b{font-size:9px}.overview-secondary>.attainment-card{padding-inline:13px}.attainment-card .mini-heading h2{font-size:16px}.attain-legend{gap:8px;font-size:8px}.attainment-table{grid-template-columns:47px repeat(var(--days),minmax(24px,1fr));gap:3px}.attain-date{font-size:9px}}
@media(max-width:1100px){.app-shell{padding-left:157px}.sidebar{width:142px;padding:76px 10px 0}.brand{left:17px;gap:5px}.brand-leaf{height:25px;width:25px}.brand strong{font-size:16px;line-height:20px}.brand small{font-size:7px;line-height:13px}.nav-item{font-size:13px;gap:10px;padding-inline:11px}.nav-affirmation{padding-left:25px;margin-inline:-10px}.nav-affirmation p{font-size:15px}.nav-affirmation img{width:142px}.dashboard-overview{grid-template-columns:minmax(0,1fr)}.overview-primary{grid-template-rows:120px 168px 306px 245px;gap:12px}.overview-secondary{grid-template-columns:1fr 1fr;grid-template-rows:294px 250px;gap:12px}.overview-secondary>.attainment-card{grid-column:1/-1;height:250px}.overview-secondary>.progress-card{height:294px;padding-inline:15px}.progress-row{height:44px;grid-template-columns:35px 43px minmax(0,1fr) 42px;gap:6px}.progress-icon{height:35px;width:35px}.progress-label{font-size:12px}.progress-measure{font-size:10px}.progress-status{font-size:11px}.goal-overview{gap:18px}.goal-tile{gap:8px;padding-inline:7px}.goal-tile small{font-size:11px}.goal-tile strong{font-size:14px}.detail-icon{width:35px;height:35px}.hero h1{font-size:29px}.hero p{font-size:13px}.hero blockquote{font-size:12px}.stats-grid{grid-template-columns:1.1fr 1fr 1fr .95fr}.stat-card{padding-inline:13px}.stat-heading{font-size:12px;gap:7px}.stat-heading time{font-size:10px}.stat-value strong,.stat-card:has(#stat-kcal) .stat-value strong{font-size:30px}.stat-value.bp strong{font-size:27px}.stat-value span{font-size:13px}.stat-value.bp span{font-size:11px}.stat-change{font-size:11px}.stat-change small{font-size:10px}.stat-footer{left:13px;font-size:11px}.spark{width:74px}.stat-card:has(#stat-kcal) .stat-change{font-size:11px}.bottom-grid{grid-template-columns:1fr 1fr 1fr}.bottom-grid>.card{height:245px;min-height:245px;padding-inline:12px}.bottom-grid .mini-heading{align-items:flex-start;flex-direction:column;gap:5px}.bottom-grid .mini-heading h2,.nutrition-card>.mini-heading h2{font-size:16px}.bottom-grid .activity-range{align-self:flex-end}.activity-range button{min-width:35px;font-size:10px;padding:0 8px}.activity-chart{height:113px}.exercise-card .activity-chart{height:100px}.activity-unit{font-size:10px;white-space:nowrap}.activity-legend,.exercise-card .activity-legend{font-size:8px;gap:5px}.nutrition-card .nutrition-body{height:174px;flex-direction:column;gap:12px;margin:8px 0 0}.nutrition-card .donut{height:88px;width:88px}.nutrition-card .donut:before{inset:11px}.nutrition-card .donut-center strong{font-size:18px}.nutrition-card .nutri-list{display:grid;gap:6px;flex:none;width:100%}.nutrition-card .nutri-row{grid-template-columns:8px 1fr auto 28px;gap:5px;font-size:9px}.nutrition-card .nutri-row b,.nutrition-card .nutri-row small{font-size:8px}.attainment-table{width:100%;grid-template-columns:65px repeat(var(--days),minmax(25px,1fr));gap:4px}.attain-label{height:25px}.attain-cell{height:25px}.attain-legend{margin-top:11px}}
@media(min-width:741px) and (max-width:900px){.dashboard-overview .overview-primary{grid-template-rows:120px auto 306px 245px}.overview-primary .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.overview-primary .stat-card{height:168px}.goal-overview{gap:12px;padding-inline:8px}.progress-ring{height:87px;width:87px}.goal-target-value{font-size:28px}.goal-summary p{font-size:10px}.goal-summary p b:first-child{font-size:12px}.goal-tile{gap:5px;padding-inline:5px}.goal-tile strong{font-size:12px}.goal-tile small{font-size:10px}.goal-tile .detail-icon{height:28px;width:28px}.overview-secondary .progress-card .mini-heading h2{font-size:15px}.overview-secondary .progress-card .text-button{font-size:10px}.progress-row{grid-template-columns:30px 32px minmax(0,1fr) 35px;gap:4px}.progress-icon{height:30px;width:30px}.progress-label{font-size:11px}.progress-measure{font-size:8px}.progress-status{font-size:9px}.hero p{font-size:12px}.hero blockquote{font-size:10px}.section-heading h2{font-size:19px}.segmented{gap:4px}.segmented button{min-width:47px;font-size:11px}.activity-unit{font-size:9px}.bottom-grid>.card{padding-inline:9px}.bottom-grid .mini-heading h2,.nutrition-card>.mini-heading h2{font-size:14px}.bottom-grid .heading-icon{height:20px;width:20px}.activity-legend,.exercise-card .activity-legend{font-size:7px}.nutrition-card .nutri-row{grid-template-columns:6px 1fr auto;font-size:8px;gap:4px}.nutrition-card .nutri-row small{display:none}.nutrition-card .nutri-row b{font-size:8px}}
@media(max-width:740px){.app-shell{padding:0 12px 18px}.app-shell:before{display:none}.topbar{height:65px;padding:0;gap:9px}.brand{position:static;align-items:center;gap:6px}.brand-leaf{height:29px;width:29px}.brand strong{font-size:16px;line-height:20px}.brand small{font-size:7px;line-height:12px}.sidebar{position:static;width:auto;height:auto;background:none;padding:0;margin:0 -12px 12px;border:0}.sidebar nav{flex-direction:row;padding-inline:12px;gap:5px}.nav-item{height:36px;width:auto;font-size:12px;gap:6px;padding-inline:11px}.nav-icon{height:16px;width:16px}.nav-affirmation{display:none}.overview-primary{grid-template-rows:auto auto auto auto;gap:12px}.hero{height:auto;min-height:132px;padding:17px;overflow:hidden;gap:10px}.hero h1{font-size:24px;letter-spacing:.3px}.hero p{font-size:11px}.hero blockquote{font-size:10px;padding:0;margin:0 0 0 10px;text-align:left;background:none}.hero-landscape{opacity:.8;object-position:65% center}.stats-grid{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{height:166px;padding:13px}.stat-heading{font-size:12px;gap:8px}.stat-heading time{font-size:9px}.badge{height:29px;width:29px;border-radius:10px}.stat-value{margin-top:9px;gap:4px}.stat-value strong,.stat-card:has(#stat-kcal) .stat-value strong{font-size:31px}.stat-value.bp strong{font-size:27px}.stat-value span{font-size:14px}.stat-value.bp span{font-size:11px}.stat-change{font-size:11px;margin-top:8px}.stat-change small{font-size:10px}.stat-footer{left:13px;bottom:14px;font-size:10px}.spark,.stats-grid .stat-card:nth-child(-n+2) .spark{width:66px;height:32px;right:9px;bottom:12px}.stat-card:has(#stat-bp) .stat-change{font-size:10px}.stat-card:has(#stat-kcal) .stat-change{font-size:11px}.stat-meter{left:13px;right:52px;bottom:20px;height:8px}.stat-foot-right{right:13px;bottom:15px;font-size:11px}.bp-status{font-size:10px;margin-top:7px}.trend{height:315px;padding:14px 13px 11px}.section-heading{display:flex;flex-direction:column;gap:8px}.section-heading h2{font-size:18px}.section-heading #trend-subtitle{font-size:11px;line-height:1.5;margin-top:5px;min-height:0}.section-heading .segmented{align-self:flex-end;margin:0;gap:5px}.segmented button{height:27px;min-width:48px;font-size:11px}.segmented button[data-range="all"]{min-width:35px}.chart-legend{margin:6px 0 5px;gap:13px;font-size:9px;max-width:100%;justify-content:flex-end}.trend-chart{height:auto;min-height:150px;flex:1}.trend-chart:before,.trend-chart:after{display:none}.overview-primary .bottom-grid{grid-template-columns:minmax(0,1fr);gap:12px}.bottom-grid>.card{height:272px;min-height:272px;padding:14px 16px}.bottom-grid .mini-heading{align-items:center;flex-direction:row;gap:8px}.bottom-grid .mini-heading h2,.nutrition-card>.mini-heading h2{font-size:18px}.bottom-grid .heading-icon{height:24px;width:24px}.bottom-grid .activity-range{align-self:auto}.activity-range button{height:27px;min-width:39px;padding:0 9px;font-size:11px}.activity-unit{font-size:11px;margin:6px 0 3px}.activity-chart{height:161px}.exercise-card .activity-chart{height:147px}.activity-legend{font-size:10px;margin-top:8px;gap:12px}.exercise-card .activity-legend{font-size:9px;gap:8px}.activity-axis-labels{font-size:11px}.nutrition-card .nutrition-body{height:205px;flex-direction:row;gap:24px;justify-content:center;margin:0}.nutrition-card .donut{width:125px;height:125px}.nutrition-card .donut:before{inset:16px}.nutrition-card .donut-center strong{font-size:23px}.nutrition-card .nutri-list{gap:20px;flex:1;width:auto}.nutrition-card .nutri-row{grid-template-columns:8px 1fr auto;gap:7px;font-size:11px}.nutrition-card .nutri-row b{font-size:10px}.nutrition-card .nutri-row small{display:none}.overview-secondary{grid-template-columns:1fr;grid-template-rows:294px 296px 270px;gap:12px}.overview-secondary>.goal-card{height:294px;padding:17px 12px 10px}.goal-overview{height:156px;gap:21px;padding-inline:12px}.progress-ring{height:110px;width:110px}.progress-ring span{font-size:24px}.goal-summary p{font-size:12px}.goal-summary p b:first-child{font-size:14px}.goal-summary>small{font-size:13px}.goal-target-value{font-size:30px}.goal-tile{height:88px;padding:9px 8px;gap:9px}.goal-tile small{font-size:11px}.goal-tile strong{font-size:15px}.goal-tile .detail-icon{width:37px;height:37px}.overview-secondary>.progress-card{height:296px;padding:16px 17px}.overview-secondary .progress-card .mini-heading h2{font-size:17px}.progress-card .text-button{font-size:11px}.progress-row{height:44px;grid-template-columns:37px 45px minmax(0,1fr) 45px;gap:7px}.progress-icon{height:37px;width:37px}.progress-label{font-size:12px}.progress-measure{font-size:10px}.progress-status{font-size:11px}.overview-secondary>.attainment-card{grid-column:auto;height:270px;padding:14px 15px}.attainment-card .mini-heading h2{font-size:18px}.attainment-scroll{margin-top:13px}.attainment-table{grid-template-columns:57px repeat(var(--days),minmax(25px,1fr));gap:4px;width:max-content;min-width:100%}.attain-date{font-size:9px}.attain-label{height:30px}.attain-label b{font-size:10px}.attain-label small{font-size:7px}.attain-cell{height:28px;font-size:9px}.attain-cell.stage-3{font-size:12px}.attain-cell.recorded{font-size:8px}.attain-legend{margin-top:12px;font-size:9px;gap:11px;white-space:normal}.today-date{font-size:10px}.text-button{font-size:11px}}
@media(max-width:360px){.brand strong{font-size:14px}.brand small{font-size:6px}.brand-leaf{width:24px;height:24px}.topbar{gap:6px}.today-date{font-size:9px}.stat-card{padding-inline:10px}.stat-value strong,.stat-card:has(#stat-kcal) .stat-value strong{font-size:28px}.stat-value.bp strong{font-size:24px}.stat-value.bp span{font-size:10px}.stat-change small{font-size:9px}.spark,.stats-grid .stat-card:nth-child(-n+2) .spark{width:54px}.stat-footer{left:10px;font-size:9px}.bottom-grid .mini-heading h2{font-size:16px}.activity-range button{min-width:34px;padding:0 7px}.bottom-grid>.exercise-card .activity-chart{height:135px}.nutrition-card .nutrition-body{gap:16px}.nutrition-card .donut{width:110px;height:110px}.nutrition-card .nutri-row{font-size:10px;gap:5px}.nutrition-card .nutri-row b{font-size:9px}.goal-overview{gap:15px;padding-inline:5px}.progress-ring{height:100px;width:100px}.goal-summary p{font-size:10px}.goal-tile{gap:6px;padding-inline:6px}.goal-tile strong{font-size:13px}.goal-tile .detail-icon{height:32px;width:32px}.progress-row{grid-template-columns:32px 39px minmax(0,1fr) 40px;gap:5px}.progress-icon{width:32px;height:32px}.progress-label{font-size:11px}.progress-status{font-size:10px}.progress-card .mini-heading h2,.attainment-card .mini-heading h2{font-size:16px}}

/* The reference panorama rises above the greeting card into the header. */
@media(min-width:741px){
 .overview-primary>.hero{overflow:visible}
 .overview-primary>.hero .hero-landscape{inset:auto 0 0;width:100%;height:calc(100% + 55px);object-fit:fill;object-position:center bottom;border-radius:0 0 12px 12px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000);pointer-events:none}
}
@media(max-width:740px){
 .overview-primary>.hero .hero-landscape{inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:none}
}

@media(min-width:1101px){
 .overview-primary>.hero .hero-landscape{right:-110px;width:calc(100% + 110px)}
}

.overview-secondary{position:relative;z-index:2}

/* Keep the sidebar note aligned with the dashboard, even on tall screens. */
@media(min-width:1101px){
 .sidebar{height:min(100dvh,923px);bottom:auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
 .sidebar nav{flex-shrink:0}
 .sidebar .nav-affirmation{flex:0 0 278px;overflow:hidden}
}
@media(min-width:741px) and (max-width:1100px){
 .sidebar{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
 .sidebar nav{flex-shrink:0}
 .sidebar .nav-affirmation{flex:0 0 278px;overflow:hidden}
}

/* Use the available desktop height while keeping all three columns aligned. */
@media(min-width:1101px){
 :root{--dashboard-extra:max(0px,calc(100dvh - 1113px))}
 .dashboard-overview .overview-primary{grid-template-rows:120px 168px calc(306px + var(--dashboard-extra)*.45) calc(234px + var(--dashboard-extra)*.55)}
 .dashboard-overview .overview-secondary{grid-template-rows:294px calc(310px + var(--dashboard-extra)*.45) calc(236px + var(--dashboard-extra)*.55)}
 .overview-primary>.trend{height:calc(306px + var(--dashboard-extra)*.45)}
 .overview-primary .bottom-grid>.card{height:calc(234px + var(--dashboard-extra)*.55)}
 .overview-secondary>.progress-card{height:calc(310px + var(--dashboard-extra)*.45)}
 .overview-secondary>.attainment-card{height:calc(236px + var(--dashboard-extra)*.55)}
 .overview-secondary .progress-row{height:calc(45px + var(--dashboard-extra)*.09)}
 .overview-primary .bottom-grid .activity-chart{height:calc(126px + var(--dashboard-extra)*.55)}
 .overview-primary .bottom-grid>.exercise-card .activity-chart{height:calc(113px + var(--dashboard-extra)*.55)}
 .overview-primary .nutrition-card .nutrition-body{height:calc(165px + var(--dashboard-extra)*.55)}
 .overview-primary .nutrition-card .donut{width:clamp(105px,calc(128px + var(--dashboard-extra)*.15),176px);height:auto;max-width:43%;aspect-ratio:1;flex-shrink:0}
 .overview-secondary .attain-cell,.overview-secondary .attain-label{height:calc(23px + var(--dashboard-extra)*.1)}
 .sidebar{height:max(923px,calc(100dvh - 18px));max-height:100dvh}
}

/* Confirmed footer: health notes on the left, a botanical message on the right. */
.sidebar .nav-affirmation p,.sidebar .nav-note-meter{display:none}
#dashboard>.dashboard-footer{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}
#dashboard>.dashboard-footer>.card{height:160px;padding:13px 22px;grid-column:auto}
.dashboard-footer .mini-heading{height:25px;margin:0 0 3px}
.dashboard-footer h2{font-size:18px;line-height:25px}
.dashboard-footer .watch-item{height:34px;gap:12px}
.dashboard-footer .watch-symbol{height:30px;width:30px}
.dashboard-footer .watch-item strong{font-size:12px;min-width:85px}
.dashboard-footer .watch-item p{font-size:12px}
.dashboard-footer .watch-item:first-child .watch-symbol,.dashboard-footer .watch-item:last-child .watch-symbol{color:#ff557a;background:#ffedf2}
#dashboard>.dashboard-footer>.motivation-card{padding:17px 36px}
.dashboard-footer .motivation-card h2{font-size:22px;line-height:1.45}
.dashboard-footer .motivation-card p{font-size:12px;line-height:1.6;margin-top:7px}
.dashboard-footer .motivation-card img{object-fit:cover;object-position:right center;opacity:.85}
@media(min-width:1101px){.sidebar{height:max(1095px,calc(100dvh - 18px));max-height:100dvh}}
@media(max-width:1100px){
 #dashboard>.dashboard-footer{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
 .dashboard-footer .watch-item strong{min-width:66px;font-size:11px}
 .dashboard-footer .watch-item>div{gap:8px}
 .dashboard-footer .watch-item p{font-size:11px}
 #dashboard>.dashboard-footer>.motivation-card{padding-inline:23px}
 .dashboard-footer .motivation-card h2{font-size:18px}
}
@media(max-width:740px){
 #dashboard>.dashboard-footer{grid-template-columns:minmax(0,1fr)}
 #dashboard>.dashboard-footer>.watch-card{height:auto;min-height:200px;padding:14px 16px}
 .dashboard-footer .watch-item{height:auto;min-height:49px;gap:10px;padding:6px 0}
 .dashboard-footer .watch-item>div{display:block}
 .dashboard-footer .watch-item strong{display:block;font-size:12px}
 .dashboard-footer .watch-item p{font-size:11px;white-space:normal;overflow:visible;line-height:1.5;margin-top:3px}
 #dashboard>.dashboard-footer>.motivation-card{height:160px;padding:20px 24px}
 .dashboard-footer .motivation-card h2{font-size:20px}
}

/* Chart details float above cards and stay inside the viewport. */
.chart-tooltip{position:fixed;transform:none;z-index:100;pointer-events:auto;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 26px #24476c24}
.chart-tooltip.chart-tooltip-detailed{width:340px;min-width:0;max-width:calc(100vw - 24px);padding:14px 16px;border-radius:13px;font-size:13px;line-height:1.5;max-height:min(560px,calc(100dvh - 24px))}
.chart-tooltip-detailed>strong{font-size:16px;margin-bottom:10px}
.chart-tooltip-detailed .chart-tooltip-row{margin-top:6px}
.chart-tooltip-detailed .chart-tooltip-row b{font-size:14px}
.chart-detail-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8eff6;margin-top:12px;padding-top:10px;color:#7486a2;font-size:12px}
.chart-detail-heading span{font-size:10px}
.chart-detail-item{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:7px}
.chart-detail-item>span{overflow-wrap:anywhere;min-width:0}
.chart-detail-item>b{flex:none;font-size:12px;font-weight:650;white-space:nowrap}
.chart-detail-empty{color:#8899ad;font-size:12px;margin:8px 0 0}
.chart-tooltip-detailed small{border-top:1px solid #edf2f7;padding-top:8px;margin-top:10px}

/* Food detail columns keep calories and protein visible on small screens. */
.chart-tooltip.chart-tooltip-food{width:390px}
.chart-detail-item.has-protein{display:grid;grid-template-columns:minmax(0,1fr) 82px 64px;gap:8px}
.chart-detail-item.has-protein>b{text-align:right}
.chart-detail-item .chart-food-protein{color:#8b6b27}
@media(max-width:400px){.chart-detail-item.has-protein{grid-template-columns:minmax(0,1fr) 72px 52px;gap:6px}.chart-detail-item.has-protein>b{font-size:11px}}