/* Profile 1.22: one visual system for the activity dashboard. */
.health-sheet{
  --health-green:#087960;--health-highlight:#087960;--health-soft:#eaf6f1;
  --health-text:#173240;--health-muted:#536d78;--health-border:#d5e5e3;
  width:min(670px,calc(100vw - 32px));background:#f5f9fa;color:#173240;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.health-sheet *{box-sizing:border-box}
.health-sheet .trip-sheet-head{margin-bottom:14px}
.health-sheet .trip-sheet-head .eyebrow{color:#218269;font-size:11px;font-weight:850;letter-spacing:.16em}
.health-sheet .trip-sheet-head h2{margin:2px 0 4px;font-size:30px;letter-spacing:-.045em;line-height:1.08;color:#173240}
.health-sheet .trip-sheet-head>button{display:grid;place-items:center;border-radius:15px;background:#e7f0f1;color:#173240}
.health-sheet .trip-sheet-head>button .ui-icon{width:22px;height:22px}

.health-sheet .health-hero{
  position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 86px;
  align-items:center;gap:13px;min-height:142px;margin:0;padding:20px;
  overflow:hidden;border:1px solid #1b746a;border-radius:25px;
  background:radial-gradient(circle at 89% -10%,#8de3b142,transparent 48%),
             radial-gradient(circle at 4% 105%,#4aabda30,transparent 40%),
             linear-gradient(125deg,#102d42 4%,#124e59 57%,#0b5e53);
  color:#f8fffc;box-shadow:0 15px 32px #0f3b4930;
}
.health-sheet .health-hero::after{content:"";position:absolute;right:-38px;bottom:-87px;width:190px;height:190px;border:1px solid #c9fff72b;border-radius:50%;pointer-events:none}
.health-sheet .health-hero .health-avatar{position:relative;z-index:1;width:70px;height:70px;min-width:70px;border:3px solid #d5ffea;border-radius:50%;background:#1c8d76;color:#fff;font-size:29px;box-shadow:0 5px 22px #06182780;overflow:hidden}
.health-sheet .health-hero .health-avatar img{width:100%;height:100%;object-fit:cover}
.health-hero-copy{position:relative;z-index:1;min-width:0}
.health-hero-kicker{display:block;color:#a9eed6;font-size:10px;font-weight:900;letter-spacing:.15em;margin-bottom:4px}
.health-sheet .health-hero-copy strong{display:block;color:#fff;font-size:23px;letter-spacing:-.035em;line-height:1.16;overflow-wrap:anywhere}
.health-sheet .health-hero-copy p{margin:4px 0 0;color:#d7edea!important;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.health-hero-copy>small{display:block;margin-top:9px;color:#b9e8dc;font-size:12px;line-height:1.35}
.health-week-ring{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:conic-gradient(#bdf0b9 var(--ring-angle,0deg),#ffffff30 0);box-shadow:0 2px 12px #051e2b38}
.health-week-ring-inner{display:grid;align-content:center;justify-items:center;width:68px;height:68px;border-radius:50%;background:#153f47;color:#fff;line-height:1.12}
.health-week-ring strong{font-size:20px;letter-spacing:-.05em}.health-week-ring small{font-size:11px;color:#c5e7d9}

.health-sheet .health-avatar-editor{margin:7px 0 4px;padding:0;border:0}
.health-avatar-editor summary{min-height:42px;padding:8px 4px!important;color:var(--health-highlight);font-size:13px!important;font-weight:800!important}
.health-avatar-editor[open]{padding:6px 12px 12px!important;border:1px solid var(--health-border)!important;border-radius:16px;background:var(--trip-surface)}
.health-avatar-editor .health-avatar-actions{margin:4px 0 0}
.health-avatar-editor .health-avatar-actions label{font-size:13px}
.health-avatar-editor .health-avatar-actions small{font-size:12px}

.health-jump-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:13px 0 19px;padding:5px;border:1px solid #d9e5e6;border-radius:16px;background:#e9f1f2}
.health-sheet .health-jump-nav button{min-width:0;min-height:46px;border:0;border-radius:11px;background:transparent;color:#315565;font-size:13px!important;font-weight:800;padding:7px 4px;white-space:normal}
.health-sheet .health-jump-nav button:hover,.health-sheet .health-jump-nav button:focus-visible{background:#fff;color:#086650;box-shadow:0 3px 10px #15445818}
.health-next-goal{margin:10px 0 24px;padding:17px 18px;border:1px solid #ace3d1;border-left:5px solid #23a676;border-radius:18px;background:linear-gradient(112deg,#e9fbf2,#edf7fc);color:#184c45;box-shadow:0 6px 17px #185e6920}
.health-next-goal strong{font-size:18px;letter-spacing:-.02em}
.health-next-goal p{margin:5px 0 12px;font-size:14px;color:#385f61}
.health-next-goal progress{display:block;width:100%;height:11px;accent-color:#12936b}

.health-section-intro{scroll-margin-top:76px;margin:29px 0 11px;outline:none}
.health-section-intro>span{display:block;color:#13866c;font-size:11px;font-weight:900;letter-spacing:.15em}
.health-section-intro h3{margin:3px 0 2px;font-size:23px;letter-spacing:-.04em;color:var(--health-text)}
.health-section-intro p{margin:0;color:var(--health-muted);font-size:13px}
.health-sheet .health-period{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:14px 0 12px;padding:5px;border:1px solid #dbe8e7;border-radius:15px;background:#e9f0f1}
.health-sheet .health-period button{min-width:0;min-height:43px;background:transparent!important;color:#42606c!important;font-size:13px!important;line-height:1.15;padding:8px 4px!important;border-radius:11px}
.health-sheet .health-period button[aria-pressed="true"]{background:#fff!important;color:#0b6955!important;box-shadow:0 3px 12px #123b4c21}
.health-stat-grid{gap:10px}
.health-sheet .health-stat{grid-template-columns:30px minmax(0,1fr);min-height:109px;padding:16px;border:1px solid #dce8e9;border-radius:19px;background:#fff;color:var(--health-text);box-shadow:0 5px 16px #183e4b0c}
.health-sheet .health-stat:nth-child(1){background:linear-gradient(145deg,#d7f5e7,#e7f9f1);border-color:#bee7d4}
.health-sheet .health-stat:nth-child(2){background:linear-gradient(145deg,#deefff,#eaf6ff);border-color:#c5def2}
.health-stat .ui-icon-wrap{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#eaf6f3;color:#0c7860!important}
.health-stat:nth-child(2) .ui-icon-wrap{background:#d3eafe;color:#1765a9!important}
.health-stat .ui-icon{width:20px;height:20px}
.health-sheet .health-stat strong{font-size:23px;font-weight:850;letter-spacing:-.055em;color:#173240}
.health-sheet .health-stat small{font-size:12px;color:#526c77}
.health-sheet #health-method{margin:10px 3px 23px;color:#5e747d;font-size:12px;line-height:1.48}
.health-energy{gap:10px;margin:8px 0 18px}
.health-energy>div{border:1px solid #d6e6e7;border-radius:18px;padding:17px;background:#fff;box-shadow:0 4px 14px #143d490a}
.health-energy h3{font-size:13px!important;color:#58727c;text-transform:uppercase;letter-spacing:.06em}
.health-energy p{font-size:19px;color:#183c4b;letter-spacing:-.035em}
.health-energy small{font-size:12px;color:#526d75}
.health-energy progress{height:10px;accent-color:#149672}
.health-goals{padding:19px;border:1px solid #d6e6e7;border-radius:20px;background:#fff}
.health-goals h3{margin:0 0 15px;font-size:18px;color:#173240}
.health-goals label{font-size:13px;color:#526b74}.health-goals label span{color:#087960}
.health-goals progress{height:11px;margin:8px 0 18px}

.health-sheet .health-missions,.health-sheet .health-calendar{scroll-margin-top:76px;border-radius:20px;border:1px solid #d9e9e5;background:#fff;box-shadow:0 5px 16px #163b460c}
.health-sheet .health-missions{padding:18px;margin:19px 0}
.health-sheet .health-missions h3{font-size:21px;letter-spacing:-.03em;color:#183c44}
.health-sheet .health-missions-heading span,.health-sheet .health-missions-heading strong{color:#087960}
.health-missions>p,.health-calendar>p{color:#5d737c!important;font-size:12px!important}
.health-mission{border-radius:14px!important;border-color:#e0ece9!important;background:#f7fbfa!important;padding:13px!important}
.health-mission strong{font-size:14px;line-height:1.3;color:#173b42}
.health-mission span{font-size:12px;color:#58707a}
.health-mission progress{accent-color:#1a9a74;height:8px}
.health-sheet .health-mission.earned{background:#ddf5e8!important;border-color:#95d6b6!important}
.health-sheet .health-weekly{background:#f0f8f5;box-shadow:none}
.health-weekly summary>span,.health-calendar summary>span{color:#173b42!important;font-size:18px!important}
.health-weekly summary>strong,.health-calendar summary>strong{font-size:12px;color:#087960}
.health-sheet .health-weekly:not([open]),.health-sheet .health-calendar:not([open]){padding-top:12px;padding-bottom:12px}
.health-sheet .health-weekly summary,.health-sheet .health-calendar summary{min-height:44px}
.health-sheet .health-calendar{padding:17px;margin:20px 0}
.health-calendar-grid{gap:7px}
.health-sheet .health-calendar-day{min-height:40px;border-radius:11px}
.health-calendar-detail{background:#edf7f3;color:#214c4b;font-size:13px}

.health-sheet .health-badge-shortcut{margin:20px 0 7px;padding:16px;border:1px solid #bcded4;border-radius:18px;background:linear-gradient(120deg,#e3f6eb,#e5f4f8);color:#173b43;box-shadow:0 5px 16px #125a4d12}
.health-badge-shortcut strong{font-size:18px}.health-badge-shortcut small{font-size:12px}
.health-badge-shortcut .ui-icon-wrap{color:#087960!important}
.health-badge-link{color:#087960}
.health-sheet .auto-activity-option{display:flex;align-items:center;gap:9px;margin:13px 0;padding:13px 15px;border:1px solid #d9e7e7;border-radius:15px;background:#fff;color:#274653;font-size:13px;line-height:1.45}
.health-sheet .auto-activity-option input{width:21px;height:21px;min-width:21px;accent-color:#128667}
.health-start{gap:10px;margin:12px 0}
.health-sheet .health-start button{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px!important;border:1px solid #c8e1db!important;border-radius:16px;background:#e8f7f0!important;color:#155f50!important;font-size:15px;font-weight:850;box-shadow:none}
.health-sheet .health-start button:nth-child(2){background:#e7f2fc!important;border-color:#c8dff2!important;color:#195d89!important}
.health-sheet .health-start button:nth-child(n+3){background:#f0f4f6!important;border-color:#d8e3e8!important;color:#3c5a67!important}
.health-start button .ui-icon-wrap{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:#ffffffac}
.health-start button .ui-icon{width:23px;height:23px}
.health-session{margin:14px 0;border-radius:18px;background:#e9f8f0;color:#194a3d}
.health-sheet .health-details{scroll-margin-top:76px;border:1px solid #dce7e8;border-radius:17px;padding:4px 15px;margin:13px 0;background:#fff}
.health-sheet .health-details>summary{min-height:49px;padding:12px 0;font-size:15px;font-weight:850;color:#254753}
.health-sheet .health-details[open]{padding-bottom:16px}
.health-sheet .health-details .trip-muted{font-size:12px}
.health-sheet .health-avatar-editor{margin:7px 0 4px;padding:0 4px;border:0;background:transparent}
.health-sheet .health-avatar-editor[open]{padding:6px 12px 12px;border:1px solid var(--health-border);border-radius:16px;background:var(--trip-surface)}
.health-sheet #health-week-panel{margin-top:22px}
.health-sheet .health-week-chart{margin-top:10px}
.health-day-bars i.car{background:#778caa}.health-day-bars i.motor{background:#ae7fa5}
.health-week-legend span:nth-child(3)::before{background:#778caa}.health-week-legend span:nth-child(4)::before{background:#ae7fa5}
.health-badge-section{scroll-margin-top:76px;margin-top:26px;padding:18px;border:1px solid #d6e5e4;border-radius:21px;background:#fff}
.health-badge-section h3{margin:0 0 15px!important;font-size:22px!important;letter-spacing:-.03em;color:#173240}
.health-badge-filters{gap:7px;padding:2px 0 7px;scrollbar-width:thin}
.health-sheet .health-badge-filters button{min-height:44px;border-radius:12px;background:#f1f6f7;color:#355865;border-color:#d5e4e5;font-size:13px!important}
.health-sheet .health-badge-filters button[aria-pressed="true"]{background:#0d725e!important;border-color:#0d725e!important;color:#fff!important}
.health-sheet .health-badge{min-width:0;border:1px solid #dde9e8;border-radius:17px;padding:15px;background:#f9fcfb;color:#45616b;box-shadow:none}
.health-badge .ui-icon-wrap{color:#5b7b84}.health-sheet .health-badge strong{font-size:15px;color:#264a54}
.health-sheet .health-badge.earned{border-color:#8dd2af;background:#e9f8ee;color:#274d3d}
.health-sheet .health-badge.earned strong{color:#19593f}
.health-badge .badge-progress-label{font-size:12px;color:#536d75}
.health-sheet .health-badges-more{min-height:48px;background:#e8f5f0;color:#176851;border-color:#b7dfce;font-size:14px}
.health-record{border-radius:14px;background:#f3faf7}
.health-history-row{gap:8px}.health-history-row strong{font-size:15px}.health-history-row small{font-size:12px}
.health-sheet button:focus-visible,.health-sheet summary:focus-visible,.health-avatar-actions label:focus-within{outline:3px solid #2176b7!important;outline-offset:2px}

body.ui-dark .health-sheet{
  --health-green:#298263;--health-highlight:#99e9bf;--health-soft:#1a3734;
  --health-text:#edf9f5;--health-muted:#b9d0d0;--health-border:#3d6263;
  background:#0d1b28!important;color:#edf8f5!important;
}
body.ui-dark .health-sheet .trip-sheet-head{background:#0d1b28!important;border-color:#335263!important}
body.ui-dark .health-sheet .trip-sheet-head h2{color:#f0f8fa}
body.ui-dark .health-sheet .trip-sheet-head .eyebrow{color:#92e8bb}
body.ui-dark .health-sheet .trip-sheet-head>button{background:#223c4c;color:#f3f8fb;border-color:#436277}
body.ui-dark .health-sheet .health-hero{border-color:#4aa895;background:radial-gradient(circle at 84% 0,#65d8ab2b,transparent 48%),linear-gradient(125deg,#112636,#164c4c 70%,#0d5b4f)}
body.ui-dark .health-week-ring-inner{background:#123742}
body.ui-dark .health-jump-nav,body.ui-dark .health-sheet .health-period{background:#192d3b;border-color:#355266}
body.ui-dark .health-sheet .health-jump-nav button{color:#d1e5eb}
body.ui-dark .health-sheet .health-jump-nav button:hover,body.ui-dark .health-sheet .health-jump-nav button:focus-visible{background:#294754;color:#a8f3cd}
body.ui-dark .health-next-goal{background:linear-gradient(115deg,#193d3b,#1d394e);border-color:#417e69;color:#e7fbf1}
body.ui-dark .health-next-goal p{color:#c8e6df!important}
body.ui-dark .health-section-intro>span{color:#9fe8c0}
body.ui-dark .health-sheet .health-period button{color:#c6dce6!important}
body.ui-dark .health-sheet .health-period button[aria-pressed="true"]{background:#306251!important;color:#fff!important}
body.ui-dark .health-sheet .health-stat{background:#182d3a;border-color:#3a5867;color:#ecf7f5}
body.ui-dark .health-sheet .health-stat:nth-child(1){background:linear-gradient(145deg,#1e4b43,#1c3a3d);border-color:#487e65}
body.ui-dark .health-sheet .health-stat:nth-child(2){background:linear-gradient(145deg,#1c4058,#1a3449);border-color:#476d8b}
body.ui-dark .health-stat .ui-icon-wrap{background:#2b5d52;color:#a0f2be!important}
body.ui-dark .health-stat:nth-child(2) .ui-icon-wrap{background:#28516e;color:#b2dcff!important}
body.ui-dark .health-sheet .health-stat strong{color:#f1fcf9}
body.ui-dark .health-sheet .health-stat small,body.ui-dark .health-sheet #health-method{color:#c3d6d9}
body.ui-dark .health-energy>div,body.ui-dark .health-goals,body.ui-dark .health-sheet .health-missions,body.ui-dark .health-sheet .health-calendar,body.ui-dark .health-sheet .health-details,body.ui-dark .health-badge-section{background:#172d39;border-color:#3a5b65;color:#edf8f5}
body.ui-dark .health-energy h3,body.ui-dark .health-energy small,body.ui-dark .health-goals label{color:#c2d8d8}
body.ui-dark .health-energy p,body.ui-dark .health-goals h3,body.ui-dark .health-sheet .health-missions h3,body.ui-dark .health-badge-section h3{color:#f2fcf9}
body.ui-dark .health-goals label span{color:#9feac1!important}
body.ui-dark .health-sheet .health-mission{background:#203b47!important;border-color:#426273!important}
body.ui-dark .health-sheet .health-mission strong{color:#f0faf7}
body.ui-dark .health-sheet .health-mission span,body.ui-dark .health-sheet .health-missions>p,body.ui-dark .health-sheet .health-calendar>p{color:#d0e1df!important}
body.ui-dark .health-sheet .health-mission.earned{background:#214b3e!important;border-color:#63ae84!important}
body.ui-dark .health-weekly summary>span,body.ui-dark .health-calendar summary>span{color:#edf8f5!important}
body.ui-dark .health-weekly summary>strong,body.ui-dark .health-calendar summary>strong{color:#9feac1!important}
body.ui-dark .health-sheet .health-badge-shortcut{background:linear-gradient(120deg,#20463e,#1c4350)!important;border-color:#4e8975!important;color:#f2fcf7!important}
body.ui-dark .health-sheet .health-badge-shortcut strong span,body.ui-dark .health-sheet .health-badge-shortcut .ui-icon-wrap,body.ui-dark .health-badge-link{color:#a5efc3!important}
body.ui-dark .health-sheet .auto-activity-option{background:#172d39;color:#d8ece9;border-color:#40616b}
body.ui-dark .health-sheet .health-start button{background:#204a3d!important;color:#e9fff3!important;border-color:#44856b!important}
body.ui-dark .health-sheet .health-start button:nth-child(2){background:#1e425b!important;color:#eaf6ff!important;border-color:#47779b!important}
body.ui-dark .health-sheet .health-start button:nth-child(n+3){background:#253a47!important;color:#e5eef1!important;border-color:#526a79!important}
body.ui-dark .health-start button .ui-icon-wrap{background:#ffffff1e}
body.ui-dark .health-sheet .health-session{background:#214739;color:#ecfff3;border-color:#4c8c68}
body.ui-dark .health-sheet .health-details>summary{color:#e9f7f3}
body.ui-dark .health-day-bars i.car{background:#9cb3d2}body.ui-dark .health-day-bars i.motor{background:#dcaed0}
body.ui-dark .health-week-legend span:nth-child(3)::before{background:#9cb3d2}body.ui-dark .health-week-legend span:nth-child(4)::before{background:#dcaed0}
body.ui-dark .health-sheet .health-badge-filters button{background:#243f4c!important;color:#e4f2f0!important;border-color:#496873!important}
body.ui-dark .health-sheet .health-badge-filters button[aria-pressed="true"]{background:#318063!important;border-color:#71c99b!important;color:#fff!important}
body.ui-dark .health-sheet .health-badge{background:#1d3441;border-color:#45616c;color:#d0e0e2}
body.ui-dark .health-sheet .health-badge strong{color:#edf8f5}
body.ui-dark .health-sheet .health-badge.earned{background:#1f483b;border-color:#5aa978;color:#e7f8eb}
body.ui-dark .health-sheet .health-badge.earned strong{color:#f1fff5}
body.ui-dark .health-sheet .health-badges-more{background:#254e40;color:#e8fff1;border-color:#5b9b77}
body.ui-dark .health-calendar-detail{background:#204039;color:#e4fff0}

@media(max-width:760px){
  .health-sheet{width:100%;max-height:calc(100dvh - 12px)!important;border-radius:25px 25px 0 0}
  .health-sheet .trip-sheet-head{top:-18px;z-index:4;background:#f5f9fa!important}
  .health-sheet .health-hero{grid-template-columns:64px minmax(0,1fr) 75px;gap:10px;padding:17px;min-height:129px}
  .health-sheet .health-hero .health-avatar{width:62px;height:62px;min-width:62px}
  .health-sheet .health-hero-copy strong{font-size:20px}
  .health-week-ring{width:75px;height:75px}.health-week-ring-inner{width:59px;height:59px}.health-week-ring strong{font-size:18px}
  body.ui-dark .health-sheet .trip-sheet-head{background:#0d1b28!important}
}
@media(max-width:430px){
  .health-sheet .health-stat{min-height:99px;padding:13px}
  .health-sheet .health-stat strong{font-size:21px}
  .health-energy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .health-energy>div{padding:13px}.health-energy p{font-size:17px}
  .health-sheet .health-badge-grid{grid-template-columns:1fr}
  .health-sheet .health-badge{min-height:0}
}
@media(max-width:360px){
  .health-sheet .health-hero{grid-template-columns:56px minmax(0,1fr);padding:15px}
  .health-sheet .health-hero .health-avatar{width:54px;height:54px;min-width:54px}
  .health-week-ring{grid-column:2;grid-row:2;justify-self:start;margin-top:6px;width:67px;height:67px}
  .health-week-ring-inner{width:53px;height:53px}.health-week-ring strong{font-size:16px}
  .health-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px}.health-sheet .health-jump-nav button{font-size:13px!important;min-height:44px}
  .health-energy{grid-template-columns:1fr}
  .health-sheet .health-stat strong{font-size:20px}
}
body.ui-large .health-sheet .health-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ui-large .health-sheet .health-jump-nav button{font-size:18px!important}
@media(prefers-reduced-motion:reduce){.health-sheet *{scroll-behavior:auto!important;transition:none!important}}