/* Confirmed sport/food layouts, scoped to the new secondary pages. */
.health-page{margin:-16px -16px 0;color:var(--ink);background:#F1F3F5;min-height:100%;padding-bottom:24px;font-size:15px;line-height:24px;font-variant-numeric:tabular-nums}
body[data-page=sport] #scroll-area,body[data-page=food] #scroll-area,body[data-page=sport-detail] #scroll-area,body[data-page=sport-records] #scroll-area{padding-bottom:0;background:#F1F3F5}
.health-page *{box-sizing:border-box}.health-page button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.health-page button:focus-visible{outline:2px solid #202020;outline-offset:2px}.health-page button:disabled{cursor:default;color:#626262}
.health-page h1,.health-page h2,.health-page h3,.health-page p{margin:0}.health-page small{font-size:13px;line-height:20px;color:#626262}.health-page svg{flex-shrink:0;width:20px;height:20px}
.hp-header{height:64px;padding:0 8px;display:flex;align-items:center;gap:4px;position:relative}.hp-header h1{flex:1;min-width:0;font-size:24px;line-height:32px;font-weight:600}.hp-icon{border:0;background:transparent;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-icon svg{width:24px;height:24px}
.hp-more{position:absolute;right:16px;top:56px;background:white;border:1px solid #e6e6e6;box-shadow:0 8px 24px #0001;border-radius:12px;z-index:2;padding:8px}.hp-more[hidden]{display:none}.hp-more button{display:block;min-height:44px;border:0;background:white;padding:0 12px}
.hp-date-line{display:flex;align-items:center;min-height:48px;padding:0 8px}.hp-date-line>button:not(.hp-icon){flex:1;min-width:0;min-height:44px;display:flex;justify-content:center;align-items:center;gap:4px;border:0;background:transparent;font-size:15px;color:#626262}.hp-date-line svg{width:16px;height:16px}
.hp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:4px 8px 0;gap:0}.hp-week button{border:0;background:transparent;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 0 4px;min-height:100px}.hp-week button>span{color:#626262;font-size:15px}.hp-week b{width:40px;height:40px;border:1.5px solid transparent;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:500}.hp-week [aria-pressed=true] b{border-color:#E8590C}.hp-week .future b{color:#626262}.hp-mini-rings{width:34px;height:34px}.hp-mini-rings svg{width:100%;height:100%}
.hp-ring-overview{padding:24px 16px 20px;display:grid;grid-template-columns:minmax(0,196px) minmax(0,1fr);align-items:center;gap:12px}.hp-rings{width:100%;aspect-ratio:1;position:relative}.hp-rings>svg{width:100%;height:100%}.hp-ring-icon{position:absolute;width:12.25%;height:12.25%;border-radius:50%;display:flex;align-items:center;justify-content:center}.hp-ring-icon svg{width:65%;height:65%;color:white;stroke-width:2.4}.hp-ring-icon.ring-0{left:12.25%;top:74.5%}.hp-ring-icon.ring-1{left:20.9%;top:65.8%}.hp-ring-icon.ring-2{left:29.1%;top:57.7%}
.hp-metrics{display:flex;flex-direction:column;gap:8px;min-width:0}.hp-metrics button{border:0;background:transparent;text-align:left;padding:0;min-height:56px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hp-metrics button>span{font-size:13px;color:#626262;display:flex;align-items:center;gap:8px;white-space:nowrap}.hp-metrics i,.hp-share-items span i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.hp-metrics strong{font-size:32px;font-weight:600;line-height:40px;white-space:nowrap}.hp-metrics strong small{font-weight:400;font-size:13px}
.hp-content{padding:0 16px 24px;display:flex;flex-direction:column;gap:12px}.hp-card{background:white;border-radius:24px;padding:16px;min-width:0}.hp-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 4px 0;min-height:56px}.hp-section-title h2{font-size:24px;line-height:32px;font-weight:700}.hp-section-title>button{display:flex;align-items:center;gap:0;border:0;background:transparent;font-size:13px;line-height:20px;color:#626262;min-height:44px;white-space:nowrap;padding:0}.hp-section-title>button svg{width:16px;height:16px}.hp-note{font-size:13px;line-height:20px;color:#626262}.hp-optional{font-size:13px;color:#626262;padding:0 4px}.hp-empty{padding:16px 0;text-align:center;font-size:15px;line-height:24px;color:#626262}
.hp-goal-empty{display:flex;align-items:center;gap:12px}.hp-goal-empty>div{flex:1;min-width:0}.hp-goal-empty h3{font-size:17px;line-height:24px;font-weight:600}.hp-goal-empty p{font-size:13px;line-height:20px;color:#626262}.hp-goal-empty .primary{flex-shrink:0;min-height:44px;padding:0 16px;white-space:nowrap}
.hp-week-summary{display:grid;grid-template-columns:1fr 1fr;row-gap:4px;padding:16px 8px;text-align:center;font-size:13px;line-height:24px}.hp-week-summary>span+span{border-left:1px solid #e6e6e6}.hp-week-summary small{grid-column:1/-1}
.hp-insight{display:flex;flex-direction:column;gap:12px}.hp-insight h3{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:500;color:#626262}.hp-insight h3 svg{color:#744409;background:#FFD6A0;border-radius:50%;width:32px;height:32px;padding:6px}.hp-insight p{font-size:17px;line-height:28px}.hp-insight b{font-size:28px;font-weight:600}.hp-comparison{height:32px}.hp-comparison span{height:32px;display:flex;align-items:center;border-radius:16px;background:#F5A623;padding:0 12px;color:#202020;font-size:15px;min-width:52px}.hp-comparison.previous span{background:#e2e2e2}.hp-estimate{display:inline-flex;align-items:center;justify-content:center;min-width:32px;white-space:nowrap;border-radius:8px;background:#efefef;padding:0 6px;font-size:12px;line-height:20px;font-weight:400;color:#626262}
.hp-records{padding:4px 16px}.hp-record{width:100%;min-height:76px;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:12px 0;text-align:left}.hp-record+.hp-record{border-top:1px solid #ededed}.hp-record>svg{width:16px;height:16px;color:#626262}.hp-record-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.hp-record-icon.sport{background:#FBF1E7;color:#744409}.hp-record-icon.food{background:#EDF5ED;color:#243C19;border-radius:12px}.hp-record-icon svg{width:24px;height:24px}.hp-record-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hp-record-name{font-size:17px;line-height:24px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;overflow-wrap:anywhere}.hp-record-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-record-kcal{max-width:36%;font-size:15px;line-height:22px;text-align:right;flex-shrink:0;overflow-wrap:anywhere}.hp-record-content small{overflow-wrap:anywhere}.hp-plan-date{border:1.5px dashed #F59F00;border-radius:50%;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:#744409}.hp-plan-date small{font-size:11px;line-height:16px;color:#744409}.hp-plan-date b{font-size:15px;line-height:18px}
.hp-ai{display:flex;align-items:flex-start;gap:12px}.hp-ai .ai-unavailable{min-width:0;flex:1}.hp-profile{padding:4px 16px}.hp-profile>button{display:flex;width:100%;min-height:54px;gap:12px;align-items:center;justify-content:space-between;background:transparent;border:0;text-align:left;padding:8px 0;font-size:15px}.hp-profile>button+button{border-top:1px solid #ededed}.hp-profile>button>span:last-child{color:#626262;display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:60%;overflow-wrap:anywhere}.hp-profile svg{width:16px;height:16px}.hp-legacy{font-size:13px;line-height:20px;color:#626262;padding:12px 0;border-top:1px solid #ededed}.hp-error{color:#A13629;font-size:13px;line-height:20px}.hp-error:empty{display:none}
.hp-detail .hp-header{background:white}.hp-chart-area{background:white;padding-bottom:32px}.hp-period{display:flex;justify-content:center;gap:24px}.hp-period button{border:0;background:transparent;min-width:44px;height:48px;font-size:20px;padding:0 4px;color:#626262}.hp-period [aria-pressed=true]{box-shadow:inset 0 -3px 0 #E8590C;color:#744409;font-weight:600}.hp-range{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 0}.hp-range>button:not(.hp-icon){border:0;background:transparent;display:flex;align-items:center;min-height:44px;gap:4px}.hp-total{text-align:center;font-size:17px}.hp-total strong{font-size:52px;line-height:60px;font-weight:600}.hp-chart-area>.hp-note{text-align:center}.hp-chart{display:flex;height:220px;padding:20px 16px 28px;gap:8px}.hp-bars{flex:1;min-width:0;border-bottom:1px solid #ececec;background:linear-gradient(#ececec,#ececec) 0 0/100% 1px no-repeat,linear-gradient(#ececec,#ececec) 0 33.333%/100% 1px no-repeat,linear-gradient(#ececec,#ececec) 0 66.666%/100% 1px no-repeat;display:flex;align-items:flex-end;gap:4px}.hp-bar-group{flex:1;min-width:0;height:100%;position:relative;display:flex;justify-content:center;align-items:flex-end}.hp-bar-group>i{width:min(14px,80%);border-radius:4px 4px 0 0;display:block}.hp-bar-group>span{position:absolute;top:100%;margin-top:8px;font-size:11px;color:#626262;white-space:nowrap}.hp-bars:has(.hp-bar-group:nth-child(20)) .hp-bar-group:nth-child(even)>span{visibility:hidden}.hp-axis{width:32px;display:flex;flex-direction:column;justify-content:space-between;font-size:13px;color:#626262;line-height:16px;transform:translateY(-8px)}.hp-detail .hp-content{padding-top:16px}.hp-target{display:flex;flex-direction:column;gap:12px}.hp-target h2{font-size:20px;line-height:28px}.hp-target p{color:#626262}.hp-target b{font-size:28px;color:#202020}.hp-target-track{height:22px;border-radius:11px;background:#f2f2f2;overflow:hidden}.hp-target-track i{height:100%;border-radius:11px;display:block;background:linear-gradient(90deg,#E8590C,#FFB347)}
.hp-share-bar{display:flex;height:8px;gap:3px;border-radius:4px;overflow:hidden;margin:4px 0 24px}.hp-share-bar i{display:block}.hp-share-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.hp-share-items>div{display:flex;flex-direction:column;align-items:center;gap:4px}.hp-share-items svg{width:28px;height:28px;color:#626262}.hp-share-items b{font-size:28px;line-height:36px;color:#744409;font-weight:600}.hp-share-items span{display:flex;gap:4px;align-items:center;font-size:13px}.hp-explanation{line-height:24px;color:#626262}
.hp-food-top{background:#E3F3D9;border-radius:0 0 28px 28px;padding-bottom:20px}.hp-food-top .hp-header{justify-content:space-between;height:56px}.hp-food-top .hp-header h1:empty{display:none}.hp-food-title{padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hp-food-title h1{font-size:24px;line-height:32px;font-weight:600}.hp-food-title>span{min-height:36px;border-radius:20px;background:#fff;display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:13px;white-space:nowrap}.hp-food-title>span svg{width:16px;height:16px;color:#243C19}.hp-food-title b{color:#243C19}.hp-greeting{margin:16px 16px 0;background:#ffffffb3;border-radius:20px;padding:12px 16px;display:flex;align-items:center;gap:12px}.hp-greeting p{font-size:17px;line-height:24px;font-weight:600;color:#243C19}.hp-greeting .role-badge{width:44px;height:44px;flex-shrink:0}.hp-food>.hp-content{padding-top:12px}.hp-calorie-card{display:flex;flex-direction:column;gap:12px}.hp-calorie-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.hp-calorie-heading h2{font-size:20px;line-height:28px}.hp-calorie-heading button{border:0;background:transparent;min-height:44px;display:flex;align-items:center;gap:4px;font-size:13px;color:#626262}.hp-calorie-heading button svg{width:14px}.hp-calorie-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.hp-calorie-grid>div:first-child{min-width:0;display:flex;flex-direction:column}.hp-calorie-grid>div:first-child>span{font-size:15px;color:#626262}.hp-calorie-grid strong{font-size:32px;line-height:40px;font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;overflow-wrap:anywhere}.hp-calorie-grid strong small{font-weight:400}.hp-calorie-grid .hp-intake,.hp-calorie-grid>button{border:0;border-radius:16px;padding:12px 4px;background:#EDF5ED;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:72px}.hp-calorie-grid>button{background:#f2f3f5}.hp-calorie-grid b{font-size:20px;line-height:28px;font-weight:600;color:#243C19;overflow-wrap:anywhere;max-width:100%}.hp-calorie-grid>button b{color:#202020}.hp-calorie-grid .hp-intake>span,.hp-calorie-grid>button>span{color:#626262;font-size:13px}.hp-set-food-goal{border:0;background:transparent;text-align:left;min-height:44px;color:#243C19!important;font-weight:600!important;padding:0}.hp-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #ececec;padding-top:8px}.hp-quick button{border:0;background:transparent;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;padding:4px 0}.hp-quick svg{width:28px;height:28px}.hp-photo{border:0;border-radius:999px;min-height:52px;width:100%;background:#f2f3f5;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px!important;opacity:1!important}
.hp-food-day{display:flex;flex-direction:column;gap:12px}.hp-food-day-title{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:#626262}.hp-food-day-title b{font-size:17px;font-weight:600}.hp-food-day-title button{width:44px;height:44px;background:transparent;border:0;display:grid;place-items:center}.hp-food-day-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-food-day-total>strong{font-size:44px;line-height:52px;font-weight:600}.hp-food-day-total>strong small{font-size:20px;color:#202020}.hp-food-pill{position:relative;border-radius:16px;background:#f0f0f0;height:32px;display:flex;align-items:center;padding:0 12px;overflow:hidden;font-size:13px;white-space:nowrap}.hp-food-pill>i{position:absolute;left:0;top:0;bottom:0;background:#BCE9A8}.hp-food-pill>span{position:relative;color:#243C19}.hp-meal-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hp-meal-bars>div{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0}.hp-meal-bars span{display:flex;flex-wrap:wrap;column-gap:4px}.hp-meal-bars b{font-weight:400}.hp-meal-bars i{height:8px;border-radius:4px;background:#f0f0f0;overflow:hidden;display:block}.hp-meal-bars em{height:100%;display:block;border-radius:4px;background:#7CC35A}.hp-meals{border-top:1px dashed #e2e2e2;margin-top:4px;padding-top:8px;display:flex;flex-direction:column;gap:8px}.hp-meal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.hp-meal-heading h3{font-size:17px;line-height:24px;font-weight:600}.hp-meal-heading>span{font-size:13px;color:#626262}.hp-meal-add{border:0;background:transparent;min-height:44px;display:flex;align-items:center;gap:8px;color:#626262!important;padding:0}.hp-food-expand{border:0;border-top:1px dashed #e2e2e2;background:transparent;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;color:#626262!important;font-size:13px!important}.hp-food .hp-record{gap:8px}.hp-food .hp-record-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#health-profile-form label{display:block;margin-top:16px}#health-profile-form input{width:100%;font-size:16px;min-height:44px}#health-profile-form .dialog-actions{position:sticky;bottom:0;background:white;padding-top:12px}#sport-duration-edit .field-help{font-size:13px;line-height:20px}#sport-duration-edit .check-row{display:flex;align-items:center;gap:8px;min-height:44px}#sport-duration-edit input[type=checkbox]{width:20px;min-height:20px}#sport-duration-edit[hidden]{display:none}
@media(max-width:349px){.hp-ring-overview{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:8px;padding-top:20px}.hp-metrics{gap:4px}.hp-metrics strong{font-size:28px;line-height:36px}.hp-metrics strong small{font-size:13px}.hp-metrics button>span{font-size:13px;gap:4px}.hp-metrics button{min-height:52px}.hp-card{padding:12px}.hp-records,.hp-profile{padding:4px 12px}.hp-section-title h2{font-size:24px}.hp-date-line>button:not(.hp-icon){font-size:13px}.hp-date-line .hp-icon{width:36px}.hp-week b{width:36px;height:36px}.hp-week-summary{padding:12px 4px;font-size:11px}.hp-goal-empty{flex-wrap:wrap}.hp-goal-empty>div{flex-basis:160px}.hp-record{gap:8px}.hp-record-icon{width:36px;height:36px}.hp-record-kcal{font-size:13px;max-width:34%}.hp-record-name{font-size:15px}.hp-record-content small{font-size:11px;line-height:16px}.hp-calorie-grid strong{font-size:28px;line-height:36px}.hp-calorie-grid b{font-size:17px}.hp-food-day-total>strong{font-size:36px;line-height:44px}.hp-food-title>span{padding:4px 12px}.hp-food-title{row-gap:8px}.hp-food .hp-record>svg{width:12px}.hp-food .hp-record-kcal{font-size:13px}.hp-period{gap:16px}}

.hp-plot{flex:1;min-width:0;position:relative}.hp-plot .hp-bars{width:100%;height:100%}.hp-chart-labels{position:absolute;top:100%;left:0;right:0;height:24px}.hp-chart-labels>span{position:absolute;top:8px;font-size:11px;line-height:16px;color:#626262;white-space:nowrap}

#batch3-sheet.sport #batch3-body,#batch3-sheet.food #batch3-body{height:100%}
#batch3-sheet .health-form{height:100%;max-height:100%;overflow-y:auto;scrollbar-width:none}
#batch3-sheet .health-form::-webkit-scrollbar{display:none}
#batch3-sheet .health-form .sheet-header{position:sticky;top:0;z-index:2;background:white}
#batch3-sheet .health-form>.hp-note{margin:0 20px 16px;font-size:13px;line-height:20px;color:#626262}
#hp-create-date,#hp-create-state{margin:0 20px 16px;width:calc(100% - 40px);min-height:44px;font-size:16px}
#batch3-sheet.sport .health-input>svg{color:#744409;stroke:#744409}
#batch3-sheet.food .health-input>svg{color:#243C19;stroke:#243C19}