/* Helium™ UI v1.9.3 · Shared visual and interaction layer.
   One behavior per component family: no duplicated tab skins, no hover lifting. */
:root{
 --he-v193-ease:cubic-bezier(.22,.82,.25,1);
 --he-v193-press:150ms;--he-v193-hover:200ms;--he-v193-select:260ms;
 --he-v193-reveal:440ms;--he-v193-surface:var(--he-p-FFFFFF);
 --he-v193-canvas:var(--he-p-D8E6F0);--he-v193-header:var(--he-p-EEF4F8);
 --he-v193-accent:var(--he-p-0062CB);--he-v193-ink:var(--he-p-0E223C);
 --he-v193-neutral:var(--he-p-EEF4F8);--he-v193-focus:var(--he-p-24456C);
}
/* Shared component grammar. Existing business workflows and layout mechanics untouched. */
:is(.he-tabs,.page-toggle,.device-buttons,.health-aside-tabs,.he-health-filter,.segmented,.device-tabs,.lab-controls:has([data-avatar-state])){
 --he-tab-pad:5px;--he-tab-gap:4px;
}
:is(.he-tabs,.page-toggle,.health-aside-tabs,.segmented,.device-tabs,.he-health-filter){
 gap:var(--he-tab-gap);padding:var(--he-tab-pad);border-radius:18px;corner-shape:squircle;
 background:var(--he-v193-neutral);isolation:isolate;
}
:is(.he-tabs,.page-toggle,.health-aside-tabs,.segmented,.device-tabs,.he-health-filter) > :is(button,.page-btn,.data-tab,.he-health-seg){
 border-radius:13px;corner-shape:squircle;box-shadow:none;
 transition:background-color var(--he-v193-select) var(--he-v193-ease),color var(--he-v193-select) var(--he-v193-ease),border-color var(--he-v193-select) var(--he-v193-ease),opacity var(--he-v193-hover) ease!important;
}
:is(.he-tabs,.page-toggle,.health-aside-tabs,.segmented,.device-tabs,.he-health-filter) > :is(button,.page-btn,.data-tab,.he-health-seg):is(.active,.selected,.is-current,.current,[aria-selected="true"],[aria-pressed="true"]){
 background:var(--he-p-FFFFFF);color:var(--he-v193-ink);box-shadow:none;
}
:is(.he-tabs,.page-toggle,.health-aside-tabs,.segmented,.device-tabs,.he-health-filter) > :is(button,.page-btn,.data-tab,.he-health-seg):not(.active,.selected,.is-current,.current,[aria-selected="true"],[aria-pressed="true"]):hover{
 background:var(--he-p-FFFFFF8C);color:var(--he-v193-ink);
}
/* Common controls share one motion rhythm across pages. No arbitrary scale or vertical translation. */
:is(button,.sa-button,.he-button,.he-control,.he-item,.he-pill,.he-menu-item,.rail-link,.nav-item,.lab-btn,.lab-nav a,.category-item,.sub-button,.screen-tile,.see-all,.he-floating button,.he-tabs button,.page-btn,.data-tab,.device-btn){
 transition-property:background-color,color,border-color,box-shadow,opacity,filter!important;
 transition-duration:var(--he-v193-hover)!important;
 transition-timing-function:var(--he-v193-ease)!important;
}
:is(button,.sa-button,.he-button,.he-control,.he-item,.he-pill,.he-menu-item,.rail-link,.nav-item,.lab-btn,.category-item,.screen-tile):is(:focus-visible){outline:2px solid var(--he-v193-focus);outline-offset:3px}
:is(.nav-item,.rail-link,.screen-tile,.material-card,.he-card,.he-loader-card,.category-item):hover{transform:none!important}
/* Input focus border remains stable, four sides, including legacy guide. */
:is(.he-demo-input,.he-health-search input,.sa-input,textarea,input[type=text],input[type=email],input[type=search],input[type=number]):not([readonly]){
 box-sizing:border-box;border:2px solid transparent!important;background-clip:padding-box;
 transition:border-color var(--he-v193-hover) ease,background-color var(--he-v193-hover) ease,box-shadow var(--he-v193-hover) ease!important;
}
:is(.he-demo-input,.he-health-search input,.sa-input,textarea,input[type=text],input[type=email],input[type=search],input[type=number]):not([readonly]):focus{
 border-color:var(--he-v193-focus)!important;box-shadow:none!important;outline:none!important;
}
:is(.he-demo-input,.he-health-search input,.sa-input,textarea,input[type=text],input[type=email],input[type=search],input[type=number]):not([readonly]):focus-visible{outline:2px solid transparent!important}
/* Transition only independent swatches/visual controls, not content card elevation. */
:is(.he-swatch,.he-switch,.he-mini-check input,.he-range,.health-mini-button,.he-health-seg,.lab-btn,.device-btn){transition:background-color var(--he-v193-select) var(--he-v193-ease),border-color var(--he-v193-select) ease,filter var(--he-v193-hover) ease,opacity var(--he-v193-hover) ease,box-shadow var(--he-v193-hover) ease!important}
/* Motion enter is progressive enhancement. All content is visible if JS is unavailable. */
.he-v193-revealed{will-change:auto}
.he-v193-motion-indicator{position:absolute;pointer-events:none;z-index:0;border-radius:13px;corner-shape:squircle;background:white;box-shadow:0 3px 14px var(--he-p-0E223B0B)}
/* Health: carefully contained layered aurora lighting, naturally quieter near text. */
html body.health-page .biomarker-gradient{position:relative;isolation:isolate;overflow:hidden;transform:none!important;
 background-image:none!important;border:1px solid var(--he-p-FFFFFF42)!important;
 box-shadow:inset 0 1px 0 var(--he-p-FFFFFF33),0 18px 32px -32px var(--he-p-112A493D)!important;
}
html body.health-page .biomarker-gradient::before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;opacity:.9;filter:blur(24px);transform:translateZ(0);background:inherit}
html body.health-page .biomarker-green{
 background-color:var(--he-p-AEC4DF)!important;
 background-image:radial-gradient(ellipse 72% 82% at 3% 6%,var(--he-p-E7F1FB) 0%,transparent 75%),
 radial-gradient(ellipse 67% 74% at 92% 8%,var(--he-p-7AA5DB) 0%,transparent 77%),
 radial-gradient(ellipse 76% 84% at 3% 100%,var(--he-p-C4DCF5) 0%,transparent 73%),
 radial-gradient(ellipse 87% 110% at 108% 100%,var(--he-p-23538D) 0%,transparent 79%),
 linear-gradient(165deg,var(--he-p-C8DBF1),var(--he-p-B0C9E6))!important;
 color:var(--he-p-0E243F)!important;
}
html body.health-page .biomarker-orange{
 background-color:var(--he-p-F3D9D7)!important;
 background-image:radial-gradient(ellipse 72% 82% at 0% 6%,var(--he-p-FFF2DF) 0%,transparent 77%),
 radial-gradient(ellipse 78% 86% at 105% 12%,var(--he-p-E9C4EB) 0%,transparent 72%),
 radial-gradient(ellipse 70% 85% at 0% 101%,var(--he-p-F9CDAE) 0%,transparent 76%),
 radial-gradient(ellipse 90% 95% at 104% 105%,var(--he-p-E9B8CE) 0%,transparent 72%),
 linear-gradient(150deg,var(--he-p-FBE3D7),var(--he-p-F2D8DD))!important;
 color:var(--he-p-493B42)!important;
}
/* Remove old full-surface green overlays and duplicate pseudo-gradient beams. */
html body.health-page .biomarker-gradient .biomarker-glow{display:none!important}
html body.health-page .biomarker-gradient::after{background:none!important;backdrop-filter:none!important;box-shadow:none!important}
html body.health-page .biomarker-gradient :is(.bio-overline,.bio-state,.pixel-number){color:inherit!important;text-shadow:none!important}
html body.health-page .biomarker-green .biowave path{stroke:var(--he-p-1D3F6A)!important;opacity:.58}
html body.health-page .biomarker-orange .metric-ruler span{background:var(--he-p-7D5570)!important;opacity:.5}
html body.health-page .biomarker-gradient:focus-visible{outline:2px solid var(--he-v193-focus);outline-offset:4px}
/* Same custom squircle tabs and visible focus for Health, with ordinary white product cards. */
html body.health-page :is(.data-tab,.he-health-seg,.category-item){border-radius:15px;corner-shape:squircle}
html body.health-page .health-aside-tabs{background:var(--he-v193-neutral)!important}
html body.health-page .health-aside-tabs .data-tab.current{background:var(--he-p-FFFFFF)!important}
/* Avatar stage remains dark, but the body is polished matte, not furry. */
.lab-feature .he-bot-avatar{filter:drop-shadow(0 16px 18px var(--he-p-060F1933))}
@media(prefers-reduced-motion:reduce){
 .he-v193-revealed,.he-v193-motion-indicator{transition:none!important;animation:none!important}
 :is(button,.sa-button,.he-tabs button,.page-btn,.data-tab,.nav-item,.he-range,.lab-btn){transition-duration:0ms!important}
}