.health-connect-entry{border:1px solid var(--border-soft);background:linear-gradient(140deg, color-mix(in srgb, var(--accent-cool) 12%, transparent), transparent 65%), var(--operational-surface);min-width:0;box-shadow:var(--content-shadow);border-radius:1.1rem;align-content:center;gap:.8rem;padding:clamp(1.2rem,2.3vw,1.8rem);display:grid}.health-connect-entry>strong{color:var(--ink-strong);font-size:1.3rem;line-height:1.2}.health-connect-entry>p{color:var(--ink-muted);margin:0;font-size:.83rem;line-height:1.6}.health-connect-entry>.button{justify-self:start;align-items:center;gap:.65rem;margin-top:.3rem;display:inline-flex}.health-connect-entry>.text-link{justify-self:start;font-size:.78rem}.health-visual-dashboard{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--glass-border) 72%, var(--border-soft));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 26%, color-mix(in srgb, var(--accent-cool) 7%, transparent)), radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--accent-cool) 9%, transparent), transparent 18rem), var(--instrument-surface);width:100%;min-width:0;max-width:100%;color:var(--ink);box-shadow:var(--glass-shadow-inset), var(--content-shadow);backdrop-filter:blur(14px)saturate(1.06);border-radius:1.45rem;gap:.72rem;padding:clamp(.78rem,1.5vw,1rem);display:grid;overflow:clip}.health-visual-dashboard__header,.health-visual-panel__header,.health-visual-panel__header--heart{justify-content:space-between;align-items:start;gap:1rem;display:flex}.health-visual-dashboard__header{border-bottom:1px solid var(--border-soft);padding:.1rem .15rem .62rem}.health-visual-dashboard__status{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-solid) 76%, transparent), color-mix(in srgb, var(--surface-tint) 42%, transparent));min-height:2rem;color:var(--accent-strong);place-items:center;padding:0 .75rem;font-size:.78rem;font-weight:850;display:inline-grid}.health-visual-dashboard__body{gap:clamp(.95rem,1.4vw,1.15rem);width:100%;min-width:0;max-width:100%;display:grid}.health-visual-dashboard__panels{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(.62rem,1.1vw,.82rem);width:100%;min-width:0;max-width:100%;display:grid}.home-page .health-visual-dashboard__panels{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start}.home-page .health-visual-panel{padding:clamp(.68rem,1.2vw,.84rem)}.home-page .health-chart--heart .health-chart__canvas{height:18rem;min-height:18rem}.home-page .health-visual-panel--sleep .health-sleep-sessions{max-height:none;margin-top:.25rem;overflow:visible}.health-page-dashboard .health-visual-dashboard__panels{grid-template-columns:minmax(0,1fr);align-items:start}.health-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:1rem;display:grid}.health-visual-panel{box-sizing:border-box;border:1px solid var(--cozy-panel-border);background:linear-gradient(140deg, color-mix(in srgb, var(--glass-highlight) 7%, transparent), transparent 42%), var(--cozy-panel-surface);width:100%;min-width:0;max-width:100%;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-highlight) 24%, transparent);will-change:transform, translate;border-radius:1rem;align-content:start;gap:.62rem;padding:clamp(.72rem,1.2vw,.9rem);display:grid}.health-visual-panel--heart{overflow:clip}.health-visual-panel+.health-visual-panel{padding-left:clamp(.72rem,1.2vw,.9rem)}.health-visual-panel__summary,.health-visual-panel__metric{text-align:right;justify-items:end;gap:.25rem;margin:0;display:grid}.health-visual-panel__metric strong{font-size:1.7rem;line-height:1}.health-tags{flex-wrap:wrap;gap:.38rem;display:flex}.health-date-strip__row{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.28rem,.65vw,.46rem);width:100%;display:grid}.health-date-strip{overscroll-behavior:contain;gap:.5rem;display:grid}.health-date-strip__navigation,.health-chart__controls{flex-wrap:wrap;gap:.45rem;display:flex}.health-date-strip__navigation{justify-content:space-between}.health-chart__controls{justify-content:flex-end}.health-date-strip__button,.health-chart__control{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);min-width:2.75rem;min-height:2.75rem;color:var(--ink-strong);font:inherit;cursor:pointer;padding:.5rem .8rem;font-size:.75rem;font-weight:700}.health-date-strip__button:focus-visible,.health-chart__control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-chart__control:disabled{opacity:.45;cursor:default}.health-tag,.health-date-cell{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-solid) 52%, transparent);min-height:1.8rem;color:var(--ink-muted);place-items:center;padding:.28rem .58rem;font-size:.72rem;font-weight:700;display:inline-grid}.health-date-cell{cursor:pointer;width:100%;min-width:0}.health-date-cell__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health-date-cell[data-selected=true],.health-date-cell[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-soft));background:color-mix(in srgb, var(--accent) 14%, var(--surface-solid));color:var(--ink-strong)}.health-chart{gap:.45rem;width:100%;min-width:0;max-width:100%;display:grid}.health-chart--heart{position:relative}.health-chart__surface{cursor:crosshair;touch-action:pan-y pinch-zoom;user-select:none;width:100%;min-width:0;max-width:100%;position:relative}.health-chart__surface[data-pannable=true]{cursor:grab}.health-chart__canvas,.health-chart svg{box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--operational-surface-raised) 72%, transparent), color-mix(in srgb, var(--surface-tint) 24%, transparent)), repeating-linear-gradient(90deg, transparent 0 4.4rem, color-mix(in srgb, var(--border-soft) 38%, transparent) 4.4rem calc(4.4rem + 1px));width:100%;max-width:100%;min-height:8rem;transform:translate3d(var(--heart-date-drag-x,0), 0, 0);will-change:transform;border:0;border-radius:.9rem;display:block}.health-chart__date-buffer{z-index:4;border:1px solid color-mix(in srgb, var(--accent-cool) 30%, var(--border-soft));background:color-mix(in srgb, var(--surface-solid) 76%, transparent);width:2.35rem;height:2.35rem;box-shadow:0 .5rem 1.1rem color-mix(in srgb, var(--shadow-color) 52%, transparent);color:var(--ink);text-align:center;opacity:0;pointer-events:none;transition:border-color .14s var(--ease-standard), color .14s var(--ease-standard);border-radius:50%;place-items:center;padding:0;font-size:1.15rem;font-weight:720;line-height:1;display:grid;position:absolute;top:50%}.health-chart__date-buffer--previous{transform:translate3d(var(--heart-previous-buffer-x,-105%), -50%, 0);left:.45rem}.health-chart__date-buffer--next{transform:translate3d(var(--heart-next-buffer-x,105%), -50%, 0);right:.45rem}.health-chart__surface[data-date-drag-direction=previous] .health-chart__date-buffer--previous,.health-chart__surface[data-date-drag-direction=next] .health-chart__date-buffer--next{opacity:var(--heart-date-drag-progress,0)}.health-chart__surface[data-date-drag-ready=true] .health-chart__date-buffer{border-color:color-mix(in srgb, var(--accent) 62%, var(--border-soft));color:var(--ink);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--accent) 12%, transparent), 0 .5rem 1.1rem var(--shadow-color)}.health-visual-panel__title-group{gap:.08rem;display:grid}.health-visual-panel__interaction-hint{color:var(--ink-muted);letter-spacing:0;margin-top:.18rem;font-size:.62rem;font-weight:680}.health-chart--heart .health-chart__canvas{height:18rem;min-height:18rem}.health-page-dashboard .health-chart--heart .health-chart__canvas{height:22rem;min-height:22rem}.health-chart--compact{gap:.34rem}.health-visual-panel--heart-compact{gap:clamp(.58rem,1.1vw,.78rem)}.health-visual-panel--heart-compact .health-visual-panel__header{align-items:end}.health-visual-panel--heart-compact .health-visual-panel__metric{gap:0}.health-visual-panel--heart-compact .health-visual-panel__metric strong{font-size:1.48rem}.health-chart--heart .health-chart__focus-dot{z-index:3;border:2px solid color-mix(in srgb, var(--surface-solid) 82%, transparent);background:color-mix(in srgb, var(--accent) 92%, white 8%);width:.54rem;height:.54rem;box-shadow:0 .2rem .55rem color-mix(in srgb, var(--accent) 36%, transparent);opacity:0;pointer-events:none;transition:opacity .12s var(--ease-standard);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.health-chart__labels{min-height:1.05rem;color:color-mix(in srgb, var(--ink) 82%, var(--ink-muted) 18%);font-size:.68rem;position:relative}.health-chart__labels span{white-space:nowrap;max-width:5.6rem;font-weight:760;line-height:1.1;position:absolute;top:0;transform:translate(-50%)}.health-chart__labels span[data-axis-endpoint=start]{transform:translate(0)}.health-chart__labels span[data-axis-endpoint=end]{transform:translate(-100%)}.health-chart-tooltip{z-index:5;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-solid) 92%, transparent);min-width:5.7rem;box-shadow:0 .7rem 1.6rem var(--shadow-color);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .14s var(--ease-standard), transform .14s var(--ease-sheet);gap:.08rem;padding:.42rem .52rem;font-size:.68rem;line-height:1.25;display:grid;position:absolute;transform:translate(-50%,-100%)scale(.96)}.health-chart-tooltip[data-visible=true]{opacity:1;transform:translate(-50%,-100%)scale(1)}.health-chart-tooltip[data-placement=bottom]{transform:translate(-50%,.55rem)scale(.96)}.health-chart-tooltip[data-placement=bottom][data-visible=true]{transform:translate(-50%,.55rem)scale(1)}.health-chart-tooltip small{color:var(--ink-muted)}.health-chart__range-status{z-index:4;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-solid) 82%, transparent);color:var(--ink-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);padding:.18rem .48rem;font-size:.6rem;font-weight:850;position:absolute;bottom:.45rem;right:.5rem;transform:translateY(.2rem)}.health-chart__surface[data-range-loading=true] .health-chart__range-status{opacity:1;transform:translateY(0)}.health-sleep-session,.health-sleep-session--summary{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-solid) 46%, transparent);gap:.6rem;padding:.75rem;display:grid}.health-visual-panel--sleep,.health-visual-panel--sleep-compact{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.18rem 0 .08rem;overflow:hidden}.home-page .health-visual-panel--sleep,.home-page .health-visual-panel--sleep-compact{padding:.18rem 0 .08rem}.health-visual-panel--sleep-compact .health-visual-panel__metric{text-align:right;justify-items:end}.health-sleep-timeline{--sleep-header-height:2.45rem;--sleep-track-height:19rem;--sleep-grid-line:color-mix(in srgb, var(--ink) 9%, transparent);--sleep-stage-sleep:color-mix(in srgb, var(--ink-muted) 36%, var(--surface-solid) 64%);--sleep-stage-rem:color-mix(in srgb, var(--accent) 78%, var(--accent-warm) 22%);--sleep-stage-light:color-mix(in srgb, var(--accent-cool) 72%, var(--surface-solid) 28%);--sleep-stage-deep:color-mix(in srgb, var(--accent-cool) 54%, #20243a 46%);gap:.62rem;width:100%;min-width:0;max-width:100%;padding-bottom:.42rem;display:grid}.home-page .health-sleep-timeline{--sleep-track-height:17rem}.health-sleep-timeline__legend{color:var(--ink-muted);cursor:ns-resize;user-select:none;flex-wrap:wrap;gap:.3rem .72rem;font-size:.64rem;font-weight:780;display:flex}.health-sleep-timeline__legend-item{align-items:center;gap:.28rem;display:inline-flex}.health-sleep-timeline__legend-item i{border-radius:var(--radius-pill);background:var(--sleep-stage-sleep);width:.72rem;height:.22rem;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 12%, transparent)}.health-sleep-timeline__body{grid-template-columns:3.2rem minmax(0,1fr);min-width:0;display:grid}.health-sleep-timeline__axis{grid-template-rows:var(--sleep-header-height) var(--sleep-track-height);color:color-mix(in srgb, var(--ink) 78%, var(--ink-muted));text-align:right;padding-right:.4rem;font-size:.6rem;font-weight:800;display:grid}.health-sleep-timeline__axis-header{color:var(--ink-muted);text-transform:uppercase;cursor:ns-resize;align-self:end;padding-bottom:.5rem}.health-sleep-timeline__axis-rail{cursor:zoom-in;position:relative}.health-sleep-timeline__axis-rail span{top:var(--sleep-axis-position);position:absolute;right:.2rem;transform:translateY(-50%)}.health-sleep-timeline__axis-rail span:first-child{transform:translateY(0)}.health-sleep-timeline__axis-rail span:last-child{transform:translateY(-100%)}.health-sleep-timeline__viewport{min-width:0;position:relative;overflow:hidden}.health-sleep-timeline__viewport:before{z-index:0;inset:var(--sleep-header-height) 0 0;border-top:1px solid var(--sleep-grid-line);background:repeating-linear-gradient(180deg, transparent 0 calc(25% - 1px), var(--sleep-grid-line) calc(25% - 1px) 25%);content:"";pointer-events:none;position:absolute}.health-sleep-timeline__days{z-index:1;grid-template-columns:repeat(7,minmax(2rem,3.15rem));justify-content:space-around;gap:clamp(.12rem,.3vw,.28rem);min-width:100%;display:grid;position:relative}.health-sleep-day{grid-template-rows:var(--sleep-header-height) var(--sleep-track-height);background:0 0;border:0;border-radius:0;min-width:0;display:grid;overflow:visible}.health-sleep-day[data-selected=true]{box-shadow:none;background:0 0}.health-sleep-day__header{min-width:0;color:var(--ink-muted);text-align:center;white-space:nowrap;cursor:ns-resize;user-select:none;transition:border-color .18s var(--ease-standard), color .18s var(--ease-standard);border-bottom:2px solid #0000;align-content:end;justify-items:center;gap:.08rem;padding:0 .08rem .42rem;display:grid}.health-sleep-day__header span{font-size:clamp(.56rem,.68vw,.68rem);font-weight:840}.health-sleep-day__header small{max-width:100%;color:color-mix(in srgb, var(--ink-muted) 78%, transparent);text-overflow:ellipsis;font-size:clamp(.48rem,.58vw,.58rem);font-weight:720;overflow:hidden}.health-sleep-day[data-selected=true] .health-sleep-day__header{border-bottom-color:color-mix(in srgb, var(--accent) 72%, var(--border-soft));color:var(--ink-strong)}.health-sleep-day[data-selected=true] .health-sleep-day__header small{color:var(--accent-strong)}.health-sleep-day__rail{cursor:zoom-in;background:0 0;min-width:0;position:relative}.health-sleep-day__rail:after{inset-block:0;border-inline:1px solid color-mix(in srgb, var(--border-soft) 36%, transparent);background:color-mix(in srgb, var(--surface-solid) 13%, transparent);content:"";pointer-events:none;width:58%;transition:border-color .18s var(--ease-standard), background-color .18s var(--ease-standard), box-shadow .18s var(--ease-standard);border-radius:.48rem;position:absolute;left:50%;transform:translate(-50%)}.health-sleep-day[data-selected=true] .health-sleep-day__rail:after{border-color:color-mix(in srgb, var(--accent) 38%, var(--border-soft));background:color-mix(in srgb, var(--accent) 7%, var(--surface-solid) 12%, transparent);box-shadow:inset 0 0 1rem color-mix(in srgb, var(--accent) 6%, transparent)}.health-sleep-day:hover .health-sleep-day__rail:after{border-color:color-mix(in srgb, var(--accent-cool) 32%, var(--border-soft));background:color-mix(in srgb, var(--surface-solid) 20%, transparent)}.health-sleep-period{top:var(--sleep-period-start);width:56%;height:var(--sleep-period-size);background:var(--sleep-stage-sleep);min-height:1px;box-shadow:0 0 .36rem color-mix(in srgb, currentColor 8%, transparent);transition:filter .16s var(--ease-standard);border-radius:1px;position:absolute;left:22%}.health-sleep-period--base{z-index:1;opacity:.46}.health-sleep-period--stage{z-index:2;opacity:.96}.health-sleep-period[data-sleep-tone=rem],.health-sleep-timeline__legend-item i[data-sleep-tone=rem]{background:var(--sleep-stage-rem)}.health-sleep-period[data-sleep-tone=light],.health-sleep-timeline__legend-item i[data-sleep-tone=light]{background:var(--sleep-stage-light)}.health-sleep-period[data-sleep-tone=deep],.health-sleep-timeline__legend-item i[data-sleep-tone=deep]{background:var(--sleep-stage-deep)}.health-sleep-period[data-sleep-tone=sleep],.health-sleep-timeline__legend-item i[data-sleep-tone=sleep]{background:var(--sleep-stage-sleep)}.health-sleep-day:hover .health-sleep-period--stage{filter:brightness(1.06)}.health-sleep-day__empty{color:var(--ink-muted);white-space:nowrap;font-size:.72rem;font-weight:820;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.health-sleep-sessions{gap:.5rem;display:grid}.health-sleep-session__header{width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:0;display:flex}.health-sleep-session__label{gap:.1rem;min-width:0;display:grid}.health-sleep-session__label span,.health-sleep-session__label small,.health-sleep-session__header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health-sleep-session__label span{color:var(--ink);font-size:.78rem;font-weight:820}.health-sleep-session__label small{color:var(--ink-muted);font-size:.66rem;font-weight:760}.health-sleep-session__header strong{color:var(--ink-strong);font-size:.88rem}.health-sleep-session__tags{flex-wrap:wrap;gap:.3rem;display:flex}.health-sleep-session__tags:empty{display:none}.health-sleep-session__details{opacity:0;min-height:0;transition:grid-template-rows .22s var(--ease-sheet), opacity .18s var(--ease-standard), transform .22s var(--ease-sheet);grid-template-rows:0fr;display:grid;overflow:hidden;transform:translateY(-.18rem)}.health-sleep-session[data-expanded=true] .health-sleep-session__details{opacity:1;grid-template-rows:1fr;transform:translate(0,0)}.health-sleep-session__details-inner{min-height:0;overflow:hidden}.health-sleep-stage-chart{border:1px solid color-mix(in srgb, var(--border-soft) 76%, transparent);border-radius:var(--radius-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-solid) 58%, transparent), color-mix(in srgb, var(--surface-tint) 34%, transparent)), repeating-linear-gradient(0deg, transparent 0 2rem, color-mix(in srgb, var(--border-soft) 32%, transparent) 2rem calc(2rem + 1px));min-height:8rem;display:grid;overflow:hidden}.health-sleep-stage-chart svg{width:100%;height:auto}.health-sleep-stage-chart__axis-label,.health-sleep-stage-chart__time{fill:color-mix(in srgb, var(--ink) 72%, var(--ink-muted) 28%);font-size:.58rem;font-weight:820}.health-sleep-stage-chart__grid,.health-sleep-stage-chart__connector{stroke:color-mix(in srgb, var(--border-soft) 82%, transparent)}.health-sleep-stage-chart__block{opacity:.76;stroke:color-mix(in srgb, var(--surface-solid) 54%, transparent);stroke-width:1px}.home-page .health-sleep-session{background:color-mix(in srgb, var(--surface-solid) 34%, transparent);gap:.38rem;padding:.62rem .68rem}.home-page .health-sleep-session__details{margin-top:-.2rem}.home-page .health-sleep-session:not([data-expanded=true]) .health-sleep-session__tags{display:none}.health-visual-empty,.health-visual-loading{border:1px dashed var(--border-soft);border-radius:var(--radius-md);min-height:8rem;color:var(--ink-muted);place-items:center;display:grid}.health-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.health-metric-card{gap:.75rem;display:grid}.health-metric-card header,.health-metric-card footer{justify-content:space-between;gap:1rem;display:flex}.health-metric-card__chart{color:var(--accent-cool)}.health-metric-card__chart svg{width:100%;height:auto}.health-metric-card__grid{fill:none;stroke:currentColor;stroke-dasharray:4 5;opacity:.22}.health-metric-card__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:4px}.health-chart__load-error{color:var(--accent-strong);font-size:.72rem}.health-data-library{border-top:1px solid var(--border-soft);gap:clamp(1rem,2vw,1.45rem);width:min(100%,86rem);margin-inline:auto;padding-block:clamp(1.5rem,4vw,3.5rem);display:grid}.health-data-library__header{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-solid) 76%, transparent);box-shadow:var(--glass-shadow-inset), 0 .8rem 2rem color-mix(in srgb, var(--shadow-color) 12%, transparent);backdrop-filter:blur(calc(var(--surface-blur) * .72)) saturate(1.05);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:clamp(.85rem,1.6vw,1.2rem);display:grid}.health-data-library__copy{gap:.35rem;max-width:48rem;display:grid}.health-data-library__copy h2{max-width:22ch;font-size:clamp(1.8rem,3vw,3rem)}.health-data-library__copy>p:last-child{max-width:62ch;color:var(--ink-muted)}.health-data-library__controls,.health-data-library__range,.health-data-library__filters{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.health-data-library__controls{justify-content:end}.health-data-library__profile{min-width:12rem;color:var(--ink-muted);text-transform:uppercase;gap:.22rem;font-size:.68rem;font-weight:780;display:grid}.health-data-library__profile select{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-solid);min-height:2.25rem;color:var(--ink)}.health-data-library__range,.health-data-library__filters{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-solid) 54%, transparent);box-shadow:var(--glass-shadow-inset);border-radius:999px;padding:.25rem}.health-data-library__range button,.health-data-library__filters button{min-height:1.9rem;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.32rem .72rem;font-size:.7rem;font-weight:760}.health-data-library__range button[aria-pressed=true],.health-data-library__filters button[aria-pressed=true]{background:color-mix(in srgb, var(--accent-cool) 16%, var(--surface-solid));color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-cool) 32%, transparent)}.health-data-library__state{border-block:1px solid var(--border-soft);min-height:5rem;color:var(--ink-muted);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.health-data-library__state div{gap:.18rem;display:grid}.health-data-library__state strong{color:var(--ink)}.health-data-library__content{gap:1rem;display:grid}.health-data-library__filters{justify-self:start}.health-data-library__grid{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.65rem,1.2vw,1rem);display:grid}.health-data-card{--health-library-tone:var(--accent-cool);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(150deg, color-mix(in srgb, var(--glass-highlight) 16%, transparent), transparent 42%), color-mix(in srgb, var(--surface-solid) 72%, transparent);min-width:0;min-height:13.5rem;box-shadow:var(--glass-shadow-inset), 0 .9rem 2.2rem color-mix(in srgb, var(--shadow-color) 15%, transparent);color:var(--ink);text-align:left;cursor:pointer;backdrop-filter:blur(calc(var(--surface-blur) * .72)) saturate(1.08);transform-origin:50% 80%;gap:.45rem;padding:.95rem;display:grid;position:relative;overflow:hidden}.health-data-card[data-health-category=vitals]{--health-library-tone:var(--accent-strong)}.health-data-card[data-health-category=body]{--health-library-tone:var(--accent-warm)}.health-data-card[data-health-category=activity]{--health-library-tone:var(--accent-cool)}.health-data-card[data-health-category=sleep]{--health-library-tone:color-mix(in srgb, var(--accent-cool) 64%, #6d67b6)}.health-data-card[data-health-category=nutrition]{--health-library-tone:color-mix(in srgb, var(--accent-warm) 62%, #65906f)}.health-data-card[data-health-category=medicine]{--health-library-tone:color-mix(in srgb, var(--accent-strong) 56%, var(--accent-cool))}.health-data-card:before{content:"";background:var(--health-library-tone);width:3px;box-shadow:0 0 1.2rem color-mix(in srgb, var(--health-library-tone) 58%, transparent);position:absolute;inset:0 auto 0 0}.health-data-card:hover,.health-data-card:focus-visible{border-color:color-mix(in srgb, var(--health-library-tone) 44%, var(--border-soft));box-shadow:var(--glass-shadow-inset), 0 1.1rem 2.6rem color-mix(in srgb, var(--health-library-tone) 16%, var(--shadow-color))}.health-data-card__header{color:var(--ink-muted);text-transform:uppercase;justify-content:space-between;gap:.6rem;font-size:.61rem;font-weight:800;display:flex}.health-data-card__category{color:var(--health-library-tone)}.health-data-card__source{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health-data-card__title{font-size:1.05rem}.health-data-card__latest{font-size:clamp(1.2rem,2vw,1.75rem);font-weight:820}.health-data-card__chart{min-height:5.4rem;color:var(--health-library-tone);display:block}.health-data-card__chart svg,.health-data-inspector__chart svg{width:100%;height:100%;display:block;overflow:visible}.health-data-card__meta{color:var(--ink-muted);align-self:end;font-size:.66rem}.health-data-chart__grid{fill:none;stroke:currentColor;stroke-width:1px;opacity:.13}.health-data-chart__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.health-data-chart__line--secondary{stroke-dasharray:5 5;opacity:.72}.health-data-chart__dot,.health-data-chart__bar{fill:currentColor}.health-data-chart__bar{opacity:.72}.health-data-chart__range{stroke:currentColor;stroke-linecap:round;stroke-width:5px;opacity:.38}.health-data-card__list-preview{align-content:center;gap:.38rem;height:100%;display:grid}.health-data-card__list-preview>span{border-bottom:1px solid var(--border-soft);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;padding-block:.32rem;overflow:hidden}.health-data-library__no-types{border-block:1px solid var(--border-soft);min-height:8rem;color:var(--ink-muted);grid-column:1/-1;place-items:center;display:grid}.health-data-inspector{--health-library-tone:var(--accent-cool);border:1px solid color-mix(in srgb, var(--health-library-tone) 34%, var(--border-soft));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-solid) 86%, transparent);box-shadow:var(--glass-shadow-inset), 0 1.4rem 3rem color-mix(in srgb, var(--shadow-color) 22%, transparent);backdrop-filter:blur(var(--surface-blur)) saturate(1.08);gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.health-data-inspector[data-health-category=vitals]{--health-library-tone:var(--accent-strong)}.health-data-inspector[data-health-category=body]{--health-library-tone:var(--accent-warm)}.health-data-inspector[data-health-category=activity]{--health-library-tone:var(--accent-cool)}.health-data-inspector[data-health-category=sleep]{--health-library-tone:color-mix(in srgb, var(--accent-cool) 64%, #6d67b6)}.health-data-inspector[data-health-category=nutrition]{--health-library-tone:color-mix(in srgb, var(--accent-warm) 62%, #65906f)}.health-data-inspector[data-health-category=medicine]{--health-library-tone:color-mix(in srgb, var(--accent-strong) 56%, var(--accent-cool))}.health-data-inspector__header,.health-data-inspector__body{grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid}.health-data-inspector__body--summary-only{grid-template-columns:minmax(12rem,24rem)}.health-data-inspector__header p:last-child{color:var(--ink-muted)}.health-data-inspector__close{border:1px solid var(--border-soft);background:var(--surface-solid);width:2.2rem;height:2.2rem;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1.35rem}.health-data-inspector__body{grid-template-columns:minmax(0,1.8fr) minmax(12rem,.7fr);align-items:stretch}.health-data-inspector__chart{min-height:15rem;color:var(--health-library-tone)}.health-data-inspector__summary{border-top:1px solid var(--border-soft);align-content:start;gap:0;margin:0;display:grid}.health-data-inspector__summary div,.health-data-inspector__list article{border-bottom:1px solid var(--border-soft);gap:.15rem;padding-block:.72rem;display:grid}.health-data-inspector__summary dt,.health-data-inspector__list span{color:var(--ink-muted);font-size:.68rem}.health-data-inspector__summary dd{margin:0;font-weight:760}.health-data-inspector__list{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:0 1rem;display:grid}@media (width<=900px){.health-dashboard-grid,.home-page .health-visual-dashboard__panels,.health-page-dashboard .health-visual-dashboard__panels,.health-visual-dashboard__panels,.health-metric-grid,.health-visual-dashboard__header,.health-visual-panel__header,.health-visual-panel__header--heart{grid-template-columns:1fr;display:grid}.health-data-library__header,.health-data-library__grid,.health-data-inspector__body{grid-template-columns:1fr}.health-data-library__controls{justify-content:start}.health-visual-panel__summary,.health-visual-panel__metric{text-align:left;justify-items:start}.health-visual-panel+.health-visual-panel{padding:clamp(.72rem,1.2vw,.9rem)}.health-visual-panel--sleep,.health-visual-panel+.health-visual-panel--sleep,.home-page .health-visual-panel--sleep,.home-page .health-visual-panel--sleep-compact{padding:.18rem 0 .08rem}.health-visual-panel--sleep .health-visual-panel__header,.health-visual-panel--sleep-compact .health-visual-panel__header{grid-template-columns:none;align-items:start;gap:.55rem;display:flex}.health-visual-panel--sleep .health-visual-panel__metric,.health-visual-panel--sleep-compact .health-visual-panel__metric{text-align:right;justify-items:end;margin-left:auto}.health-chart--heart .health-chart__canvas,.health-page-dashboard .health-chart--heart .health-chart__canvas{height:16rem;min-height:16rem}.home-page .health-chart--heart .health-chart__canvas{height:15rem;min-height:15rem}}@media (width>=901px){.health-page-dashboard .health-visual-dashboard__panels{align-items:start}.health-page-dashboard .health-sleep-sessions{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}}@media (width<=520px){.health-date-cell{min-height:2.75rem;padding-inline:.12rem}.health-date-cell__label{font-size:0}.health-date-cell__label:after{content:attr(data-short-label);font-size:.6rem}.health-sleep-timeline__body{grid-template-columns:2.8rem minmax(0,1fr)}.health-data-library__state{flex-direction:column;align-items:start}.health-data-library__filters{border-radius:var(--radius-md);width:100%}.health-data-library__filters button{flex:auto}}@media (width<=1080px){.home-page .health-visual-dashboard__panels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.health-visual-panel{will-change:auto;animation:none;translate:none}.health-data-card,.health-data-inspector{transition:none}}
