/* Helium™ UI v1.8.3 — targeted component repairs */
/* Fontshare remote delivery; users may install the supplied Clash Display font locally.
   Font binary is intentionally not redistributed in the archive. */
:root{
  --sa-font-display:var(--helium-font-family,system-ui,sans-serif);
  --helium-font-brand:var(--helium-font-family,system-ui,sans-serif);
  --helium-glass-white:var(--he-p-FFFFFF80);
  --helium-glass-frost-blur:8px;
  --helium-glass-tint:.40;
  --helium-glass-bezel:60px;
  --helium-glass-thickness:163px;
  --helium-glass-ior:3;
  --helium-glass-specular:.50;
  --helium-glass-specular-saturation:4;
  --helium-glass-inner-blur:20px;
  --helium-glass-inner-spread:-5px;
  --helium-glass-outer-blur:24px;
  --helium-color-active:var(--sa-lime);
  --helium-color-interactive:var(--sa-forest);
  --helium-blue-legacy:var(--sa-forest);
  --helium-border-off:transparent;
}
html body :is(h1,h2,h3,h4,.logo,.play-brand,.hm-brand strong,.hm-intro h1,.hm-pattern h2,.stat-top h2,.panel-head h2,.lower-heading h2,.hm-guide h2,.health-logo,.side-brand,.helium-brand-palette h3){font-family:var(--helium-font-brand)!important;}
html body :is(.logo,.play-brand,.hm-brand strong,.side-brand,.health-logo){letter-spacing:-.04em!important;}

/* Actual optical engine surface class. White is translucent, not solid.
   SVG refraction-map uses liquid-glass.js with lab-derived optical defaults;
   specular rim and shadow match the user's material lab settings. */
html body :is(.he-optical-card,.sa-card--glass[data-refraction="on"]){
 position:relative!important;isolation:isolate!important;
 background:var(--helium-glass-white)!important;
 border:0!important;outline:0!important;
 border-radius:var(--helium-radius-card,32px)!important;
 corner-shape:squircle!important;
 box-shadow:0 15px var(--helium-glass-outer-blur) -20px var(--he-p-181C222B), inset 0 1px 0 var(--he-p-FFFFFF9E)!important;
 -webkit-backdrop-filter:blur(var(--helium-glass-frost-blur)) saturate(1.07)!important;
 backdrop-filter:blur(var(--helium-glass-frost-blur)) saturate(1.07)!important;
}
html body :is(.he-optical-card,.sa-card--glass[data-refraction="on"])::after{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 border-radius:inherit!important;pointer-events:none!important;z-index:0!important;
 background:var(--he-p-FFFFFF06)!important;
 -webkit-backdrop-filter:var(--sa-optical-refraction,blur(8px))!important;
 backdrop-filter:var(--sa-optical-refraction,blur(8px))!important;
 box-shadow:inset 0 0 var(--helium-glass-inner-blur) var(--helium-glass-inner-spread) var(--he-p-FFFFFF80),inset 0 1px 0 var(--he-p-FFFFFF8C)!important;
}
html body :is(.he-optical-card,.sa-card--glass[data-refraction="on"])::before{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 border-radius:inherit!important;pointer-events:none!important;z-index:1!important;
 background:var(--he-p-FFFFFF09)!important;
 box-shadow:inset 0 1px var(--he-p-FFFFFFA6),inset 0 0 16px -5px var(--he-p-FFFFFF85)!important;
}
html body :is(.he-optical-card,.sa-card--glass[data-refraction="on"]) > *{position:relative;z-index:2;}
html body :is(.stat,.stat-card,.lower-card:not(.dark-lower),.panel.quiet,.results-card,.small-biomarker,.product-card,.hm-pattern,.hm-guide,.play-card,.screen .quiet,.screen .panel:not(.crypto-hero):not(.hm-dark),.material.neutral,.forecast-card){background:var(--helium-glass-white)!important;-webkit-backdrop-filter:blur(var(--helium-glass-frost-blur)) saturate(1.08)!important;backdrop-filter:blur(var(--helium-glass-frost-blur)) saturate(1.08)!important;border:0!important;box-shadow:0 15px 24px -20px var(--he-p-181C2224)!important;}
/* Not every design material is white. Preserve native gradient materials and the dark anchor. */
html body :is(.hm-material-card,.biomarker-gradient,.job-highlight,.challenge-card,.crypto-hero,.he-dark-material){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Contribution chart and white-on-white regression. MUST remain an actual donut. */
html body .lower-card.dark-lower{
 color:var(--sa-ink)!important;
 background:radial-gradient(ellipse at 65% 105%,var(--he-p-AA8FE785),transparent 58%),var(--he-p-FFFFFF80)!important;
 -webkit-backdrop-filter:blur(8px) saturate(1.1)!important;backdrop-filter:blur(8px) saturate(1.1)!important;
 border:0!important;box-shadow:0 14px 34px -28px var(--he-p-24262724)!important;
}
html body .lower-card.dark-lower :is(.lower-heading,.lower-heading h2,.lower-heading span,.donut-legend,.donut-legend span){color:var(--sa-ink)!important;}
html body .lower-card.dark-lower .donut-chart{border-radius:50%!important;corner-shape:round!important;overflow:visible!important;aspect-ratio:1!important;background:conic-gradient(var(--sa-lime) 0 55%,var(--sa-lilac) 55% 85%,var(--he-p-59697E) 85% 100%)!important;}
html body .lower-card.dark-lower .donut-chart:before{border-radius:50%!important;corner-shape:round!important;background:var(--sa-forest)!important;}
html body .lower-card.dark-lower .donut-chart > span{color:white!important;}
html body .lower-card.dark-lower .donut-chart > span small{color:white!important;}
html body .lower-card.dark-lower .donut-wrap{overflow:visible!important;}
/* Do not style user-selected text. These are real colours, not blue painted badges. */
html body .hm-playground-header-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--sa-lime)!important;color:var(--sa-ink)!important;border:0!important;box-shadow:none!important;border-radius:17px!important;corner-shape:squircle!important;min-height:43px!important;padding:12px 18px!important;}
html body .hm-playground-header-link:hover{background:var(--sa-green)!important;color:var(--sa-ink)!important;}
html body :is(.hm-quick-main,.hm-switch[aria-checked="true"],.hm-gliding-scroll button.active,.hm-playground-header-link,.hm-brand-glyph){background:var(--sa-lime)!important;color:var(--sa-ink)!important;}
html body :is(.hm-pattern-head a,.hm-guide a,.hm-footer a,.play-head a){color:var(--sa-forest)!important;}
html body .hm-intro h1 em{color:var(--sa-forest)!important;}
html body .hm-intro-glass{background:radial-gradient(circle at 75% 88%,var(--he-p-AA8FE780),transparent 54%),radial-gradient(circle at 20% 5%,var(--he-p-3080C74A),transparent 60%),var(--he-p-FFFFFFA6)!important;}
html body .hm-intro-glass :is(.hm-intro-number,.hm-intro-number span){color:var(--sa-ink)!important;background:transparent!important;}
html body .hm-intro-bars i{background:var(--sa-forest)!important;}
html body .hm-intro-bars i:nth-child(2n){background:var(--sa-lilac)!important;}
html body .hm-intro-bars i:nth-child(3n){background:var(--sa-lime)!important;}

/* Kill all unwanted crypto decorative arcs, including previously-added pseudo-elements. */
html body .crypto-hero::after,html body .crypto-hero::before{content:none!important;display:none!important;border:0!important;box-shadow:none!important;}

/* Real, accessible GLASS side tray for the menu trigger */
html body #menuOverlay.he-side-tray{
 position:fixed!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;
 width:min(390px,90vw)!important;height:100dvh!important;max-width:none!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;z-index:10003!important;
 padding:28px!important;border:0!important;border-radius:34px 0 0 34px!important;corner-shape:squircle!important;
 background:var(--he-p-FAFCFBBA)!important;
 backdrop-filter:blur(28px) saturate(1.45)!important;-webkit-backdrop-filter:blur(28px) saturate(1.45)!important;
 box-shadow:-32px 0 70px -38px var(--he-p-09121D4C),inset 1px 0 0 var(--he-p-FFFFFFB2)!important;
 transform:translateX(104%)!important;opacity:0!important;visibility:hidden!important;
 pointer-events:none!important;transition:transform .36s cubic-bezier(.2,.82,.2,1),opacity .3s ease,visibility .36s!important;
}
html body #menuOverlay.he-side-tray[hidden]{display:flex!important;}
html body #menuOverlay.he-side-tray.is-open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.he-tray-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}
.he-tray-top strong{font:600 24px/1.1 var(--helium-font-brand);color:var(--sa-ink);}
.he-tray-close{display:grid;place-items:center;width:44px;height:44px;background:var(--he-p-FFFFFFA1);border:0;border-radius:17px;corner-shape:squircle;cursor:pointer;color:var(--sa-ink);}
.he-tray-links{display:grid;gap:7px;padding:4px;overflow-y:auto;overscroll-behavior:contain;}
html body #menuOverlay.he-side-tray .he-tray-links a{display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:12px 16px!important;text-decoration:none!important;border-radius:18px;corner-shape:squircle;border:0!important;background:var(--he-p-FFFFFF73)!important;color:var(--sa-ink)!important;font-size:16px!important;font-weight:550!important;}
html body #menuOverlay.he-side-tray .he-tray-links a:is(:hover,:focus-visible),html body #menuOverlay.he-side-tray .he-tray-links a[aria-current="page"]{background:var(--he-p-0B83E98F)!important;color:var(--sa-forest)!important;}
.he-tray-caption{font:500 12px/1.5 var(--helium-font-family,system-ui,sans-serif);color:var(--sa-muted);margin-top:auto;padding:24px 4px 4px;}
html body .he-tray-scrim{position:fixed;inset:0;background:var(--he-p-1017213D);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10002;opacity:0;pointer-events:none;transition:opacity .35s ease;}
html body .he-tray-scrim.is-open{opacity:1;pointer-events:auto;}
html body.he-tray-lock{overflow:hidden;}

/* Slider: track and value badge are one control, thumb always aligned to track center. */
html body .hm-fluid{padding:26px!important;}
html body .hm-fluid .hm-range-wrap{padding-top:47px!important;margin:20px 0 30px!important;min-width:0!important;}
html body .hm-fluid .hm-range-wrap input[type=range]{display:block!important;margin:0!important;height:12px!important;padding:0!important;border:0!important;box-shadow:inset 0 1px 2px var(--he-p-2426271F)!important;}
html body .hm-fluid .hm-range-wrap input[type=range]::-webkit-slider-thumb{width:28px!important;height:28px!important;background:var(--sa-lime)!important;border:4px solid var(--he-p-FFFFFFFA)!important;box-shadow:0 4px 12px var(--he-p-24262738)!important;}
html body .hm-fluid .hm-range-wrap output{position:absolute!important;top:0!important;transform:translateX(-50%)!important;min-width:88px;max-width:120px;text-align:center;font:600 14px/1.1 var(--helium-font-family,system-ui,sans-serif)!important;}
html body .hm-fluid .hm-range-value{display:flex;gap:14px!important;align-items:center!important;justify-content:space-between!important;min-height:70px!important;}
html body .hm-fluid .hm-range-value strong{flex:none;}
html body .hm-fluid .hm-btnrow{align-items:flex-end!important;}
html body :is(.hm-fluid input[type=number],.play-amount-label input,.hm-wizard input){border:0!important;background:var(--he-p-FFFFFFA6)!important;color:var(--sa-ink)!important;box-shadow:inset 0 0 0 1px var(--he-p-0F233E17)!important;}
html body :is(.hm-fluid input[type=number],.play-amount-label input,.hm-wizard input):is(:focus-visible,:hover){box-shadow:inset 0 0 0 2px var(--he-p-0F233E4C)!important;}

/* Responsive and reduced transparency safety */
@media(max-width:720px){html body #menuOverlay.he-side-tray{width:min(360px,91vw)!important;padding:20px!important;}html body .hm-fluid .hm-btnrow{gap:13px!important;}html body .hm-fluid #hm-fluid-hint{font-size:12px!important;}}
@media(prefers-reduced-motion:reduce){html body #menuOverlay.he-side-tray,html body .he-tray-scrim{transition-duration:.01ms!important;}}
@media(prefers-reduced-transparency:reduce){html body :is(.he-optical-card,.stat,.stat-card,.lower-card,.panel.quiet,.hm-pattern,.play-card){background:var(--he-p-FFFFFFF5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}

/* v1.8.3 direct source CTA regression safeguards. */
html body .plus-circle,html body .dialog .modal-submit,html body .plot-dots circle.lime{background:var(--sa-lime)!important;color:var(--sa-ink)!important;fill:var(--sa-lime)!important;}
html body .plus-circle:hover{background:var(--sa-green)!important;}
html body :is(.progress-track span,.progress-track span::after){background:var(--sa-lime)!important;}
html body .lower-card.dark-lower .donut-chart{width:113px!important;height:113px!important;min-height:113px!important;min-width:113px!important;}
html body .lower-card.dark-lower .donut-chart::before{width:76px!important;height:76px!important;}