/* HELIUM UI V1.8.1 | Original Squircle Aurora palette restored from uploaded V1.0.
   Only aesthetic/semantic changes. V1.7.3 responsive and interactive code remains intact.
   Source reference: Squircle-Aurora-UI-v1.0/system/tokens.css and examples/styles.css. */
:root{
 --he-canvas:var(--sa-canvas-health);--he-system-canvas:var(--sa-canvas);
 --he-focus:var(--he-p-49627A);--he-frost-bg:var(--he-p-FFFFFFE6);
 --he-frost-shadow:0 15px 38px -30px var(--he-p-1A1E2226);
 --hm-bg:var(--sa-canvas);--guide-ink:var(--sa-ink);--guide-secondary:var(--sa-muted);
 --helium-canvas:var(--sa-canvas);--helium-dashboard:var(--sa-canvas-health);
 --helium-ink:var(--sa-ink);--helium-primary:var(--sa-lime);--helium-dark:var(--sa-forest);
 --helium-lilac:var(--sa-lilac);--helium-pink:var(--sa-pink);--helium-apricot:var(--sa-apricot);
}
html,body{color:var(--sa-ink)}
html body .portal .content>main{background-color:var(--sa-canvas)!important;background-image:none!important}
html body :is(.finance-main,.health-main,.screen.desktop-page,.hm-main>main){background-color:var(--sa-canvas-health)!important;background-image:none!important}
html body :is(.finance-main,.health-main,.screen.desktop-page,.portal .content>main,.hm-main>main)::before{background-image:none!important}
html body :is(.system-nav,.rail,.health-aside,.health-topbar,.finance-header,.topnav,.mast,.global-header){background-color:var(--sa-canvas)!important}
html body :is(.portal,.content,.app-shell){--sa-ink:var(--he-p-242627)}
/* Older Ocean-era stylesheets still declare these same custom properties after
   their imports. Own the foundation at the final theme boundary. */
:root{
  --sa-canvas:var(--he-p-F7F7F6)!important;--sa-canvas-health:var(--he-p-E7E8E7)!important;
  --sa-white:var(--he-p-FFFFFF)!important;--sa-surface:var(--he-p-FFFFFF)!important;
  --sa-surface-subtle:var(--he-p-F0F2F0)!important;--sa-surface-quiet:var(--he-p-F7F8F6)!important;
  --sa-ink:var(--he-p-242627)!important;--sa-deep:var(--he-p-242627)!important;--sa-muted:var(--he-p-72767A)!important;
  --sa-hairline:var(--he-p-E9EBE9)!important;--sa-lime:var(--he-p-0062CB)!important;--sa-current:var(--he-p-0062CB)!important;
  --sa-green:var(--he-p-348BD3)!important;--sa-forest:var(--he-p-123A5C)!important;
  --sa-lilac:var(--he-p-AA8FE7)!important;--sa-violet:var(--he-p-8B8BDF)!important;--sa-pink:var(--he-p-F292E3)!important;
  --sa-peach:var(--he-p-F5CBF8)!important;--sa-apricot:var(--he-p-FED2AD)!important;--sa-orange:var(--he-p-FFA12B)!important;
  --sa-primary:var(--he-p-0062CB)!important;--sa-primary-hover:var(--he-p-3C9EF1)!important;--sa-primary-ink:var(--he-p-242627)!important;
  --sa-secondary:var(--he-p-123A5C)!important;--sa-secondary-ink:var(--he-p-FFFFFF)!important;
  --sa-foam:var(--he-p-E7E8E7)!important;--sa-wave:var(--he-p-AA8FE7)!important;
  --sa-tide:var(--he-p-348BD3)!important;--sa-ocean:var(--he-p-123A5C)!important;
  --lime:var(--he-p-0062CB)!important;--green:var(--he-p-348BD3)!important;
}
/* Use the correct text colour for primary actions, even inside specific promos. */
html body .play-hero .play-primary{background:var(--he-p-0062CB)!important;color:var(--he-p-242627)!important}
html body .play-hero .play-primary:hover{background:var(--he-p-3C9EF1)!important}

/* Neutral, low-contrast typography from the locked visual contract. */
html body :is(.hero-copy h1,.hero-split h1,.portal .hero h1,.finance-main h1,.health-main h1,.screen .hero-row h1){color:var(--sa-ink)!important}
html body :is(.hero-copy h1 em,.hero-split h1 em,.portal .hero h1 em){color:var(--he-p-3872A6)!important}
html body :is(.eyebrow,.sidebar-label,.rail-heading,.crumb,.material-eyebrow){color:var(--he-p-647485)!important}
html body :is(.portal .rail-link.current,.health-page .category-item.selected){background:var(--he-p-E5ECF3)!important;color:var(--he-p-2D4560)!important}
html body :is(.portal .rail-link:hover,.health-page .category-item:hover){background:var(--he-p-ECF1F5)!important;color:var(--he-p-2D4560)!important}
html body :is(.portal .rail-link,.health-page .category-item){color:var(--sa-ink)!important}
html body .health-aside{background:var(--sa-canvas)!important}
html body.health-page .category-item>span{color:var(--he-p-333E4B)!important}
html body.health-page .category-item>small{color:var(--he-p-455363)!important;background:var(--he-p-FFFFFFDE)!important}
/* All key primary actions return to V1.0 lime; never white text on lime. */
html body :is(.action:not(.plain),.primary-button,.header-cta,.sa-button--primary,.btn.lime,.small-action.primary,.he-job-action,.ru-confirm,.ru-counter-add,.he-confirm,.ha-send,.yellow-pill,.yellow-tag,.bestseller,.challenge-badge,.helium-motion-cta,.play-primary){background:var(--sa-lime)!important;color:var(--he-p-242627)!important;border-color:transparent!important}
html body :is(.action:not(.plain),.primary-button,.header-cta,.sa-button--primary,.btn.lime,.small-action.primary,.he-job-action,.ru-confirm,.ru-counter-add,.he-confirm,.ha-send,.helium-motion-cta,.play-primary):hover{background:var(--he-p-3C9EF1)!important;color:var(--he-p-242627)!important}
html body :is(.action:not(.plain),.primary-button,.header-cta,.sa-button--primary,.btn.lime,.small-action.primary,.ha-send,.helium-motion-cta) :is(svg,i,span){color:inherit!important;stroke:currentColor}
html body :is(.yellow-pill,.yellow-tag,.bestseller,.challenge-badge){font-weight:650}
html body :is(.mark,.side-mark){background:var(--sa-lime)!important}
html body :is(.mark,.side-mark) span{background:var(--sa-forest)!important}
html body :is(.mark,.side-mark) span:nth-child(2){background:var(--he-p-348BD3)!important}
html body :is(.mark,.side-mark) span:nth-child(3){background:var(--he-p-8B8BDF)!important}
/* Retain 90%-opacity porcelain, original muted shadows, and NO visible outlines. */
html body :is(.stat-card,.forecast-card,.lower-card,.results-card,.small-biomarker,.product-card,.subscription-card,.health-timeline,.category-item,.coin-item,.mini-tile,.screen .quiet,.screen .panel.quiet,.material.neutral,.hero-b){background-color:var(--he-p-FFFFFFE6)!important;border:0!important;box-shadow:0 12px 35px -33px var(--he-p-1A1E222B)!important}
/* Restore the actual original V1 material recipe, including multiple interacting internal light sources. */
html body :is(.hero-a,.material.aurora,.card-aurora-brand,.tile-art[data-brand-gradient]){
 background:radial-gradient(ellipse at 16% 5%,var(--he-p-5F5ABE99),transparent 49%),
 radial-gradient(ellipse at 101% 94%,var(--he-p-ED4BCC85),transparent 52%),
 radial-gradient(ellipse at 62% 12%,var(--he-p-FFFFFFFA),transparent 44%),
 radial-gradient(ellipse at 34% 95%,var(--he-p-F9D9FAE6),transparent 57%),
 linear-gradient(135deg,var(--he-p-BBC2F3) 0%,var(--he-p-F8F5FB) 48%,var(--he-p-FFD1F4) 100%)!important;color:var(--he-p-242627)!important}
html body :is(.hero-a,.material.aurora) :is(strong,span,small,.hero-value,.hero-wave,.hero-bottom){color:var(--he-p-242627)!important}
html body .material.solid{background:var(--sa-forest)!important;color:white!important}
html body .material.solid :is(strong,small,span){color:var(--he-p-FFFFFF)!important}
/* Original distinctive mini-promo is pale green/lilac, not royal blue. */
html body :is(.rail-box,.side-quote){background:
 radial-gradient(ellipse at 4% 8%,var(--he-p-FFFFFF66),transparent 54%),
 radial-gradient(ellipse at 90% 91%,var(--he-p-AA8FE766),transparent 52%),
 linear-gradient(145deg,var(--he-p-E2EAF1),var(--he-p-B5CBDF) 75%,var(--he-p-ABD2F3))!important;color:var(--he-p-293541)!important}
html body :is(.rail-box,.side-quote) :is(strong,small,p,div){color:var(--he-p-293541)!important}
/* Health: return the original warm-green score and peach/coral biological age. */
html body.health-page .biomarker-green{background:
 radial-gradient(ellipse at 40% 8%,var(--he-p-FED2ADD1),transparent 48%),
 radial-gradient(ellipse at 65% 65%,var(--he-p-2572C8BA),transparent 56%),
 radial-gradient(ellipse at 90% 95%,var(--he-p-14365E9E),transparent 55%),
 linear-gradient(155deg,var(--he-p-F8B8A9),var(--he-p-5C90C4) 70%,var(--he-p-446A92))!important}
html body.health-page .biomarker-orange{background:
 radial-gradient(ellipse at 11% 9%,var(--he-p-D2DCEAE6),transparent 50%),
 radial-gradient(ellipse at 79% 22%,var(--he-p-FF9C8AA6),transparent 55%),
 radial-gradient(ellipse at 70% 88%,var(--he-p-F0756961),transparent 55%),
 linear-gradient(155deg,var(--he-p-BDC8D8),var(--he-p-E2A26A) 70%,var(--he-p-CE8E76))!important}
html body.health-page .biomarker-gradient :is(.bio-overline,.bio-state,.pixel-number){color:var(--he-p-FFFFFF)!important}
html body.health-page .he-action-card--insights{background:
 radial-gradient(ellipse at 35% 13%,var(--he-p-FFFFFFA6),transparent 58%),
 radial-gradient(ellipse at 85% 83%,var(--he-p-FF9FCD5C),transparent 52%),
 linear-gradient(155deg,var(--he-p-FCE3EE),var(--he-p-F4B5D3))!important;color:var(--he-p-4F3647)!important}
html body.health-page :is(.he-action-card--insights .he-insight-title,.he-action-card--insights .he-insight-foot){color:var(--he-p-4F3647)!important}
html body.health-page .he-insight-glyph{background:var(--he-p-FFA12B)!important;box-shadow:inset 0 0 0 6px var(--he-p-FED2AD)!important}
/* The original warm green finance copilot is a signature of V1.0. */
html body.finance-page .finance-sidebar{
 background:radial-gradient(ellipse at 5% 1%,var(--he-p-00346C) 0%,transparent 46%),
 radial-gradient(ellipse at 92% 64%,var(--he-p-53A5EB) 0%,transparent 57%),
 linear-gradient(156deg,var(--he-p-00346C) 2%,var(--he-p-0553AA) 45%,var(--he-p-5DABE9) 99%)!important;color:white!important}
html body.finance-page .finance-sidebar :is(.side-brand,.side-greeting h2,.side-greeting p,.greeting-light){color:white!important}
html body.finance-page .finance-sidebar .assistant-response{background:var(--he-p-FFFFFF5E)!important;color:var(--he-p-223346)!important}
html body.finance-page .finance-sidebar .assistant-response :is(.response-eyebrow,.assistant-learn,.assistant-response p){color:var(--he-p-223346)!important}
html body.finance-page .finance-sidebar :is(.mini-note,.mini-note.note-alt,.suggestion){background:var(--he-p-FFFFFFEB)!important;color:var(--he-p-242627)!important}
html body.finance-page .finance-sidebar .mini-note.note-alt{background:var(--he-p-D7ECFF)!important}
html body.finance-page .finance-sidebar .send-chat{background:var(--sa-lime)!important;color:var(--he-p-242627)!important}
html body.finance-page .finance-sidebar .side-composer{background:var(--he-p-FFFFFFDE)!important;color:var(--he-p-242627)!important}
/* Finance: original lilac -> white -> pink aurora challenge. */
html body :is(.challenge-card,.bitcoin-challenge){background:
 radial-gradient(ellipse at 83% 92%,var(--he-p-F292E37D),transparent 56%),
 radial-gradient(ellipse at 16% 8%,var(--he-p-AA8FE78F),transparent 56%),
 radial-gradient(ellipse at 68% 14%,var(--he-p-FFFFFFD4),transparent 56%),
 linear-gradient(145deg,var(--he-p-EEE8F8) 8%,var(--he-p-FEFBFF) 55%,var(--he-p-F3C8EF) 100%)!important;color:var(--sa-ink)!important}
/* Use dark forest/teal solely as the high-value anchor material. */
html body :is(.he-dark-material,.crypto-hero,.dark-feature,.motion-promo,.helium-motion-promo){
 background:radial-gradient(ellipse at 84% 86%,var(--he-p-3080C73D),transparent 52%),
 radial-gradient(ellipse at 12% 87%,var(--he-p-AA8FE729),transparent 57%),
 linear-gradient(145deg,var(--he-p-101C2D),var(--he-p-123A5C) 60%,var(--he-p-183255))!important;color:white!important}
html body :is(.he-dark-material,.crypto-hero,.dark-feature,.motion-promo,.helium-motion-promo) :is(h1,h2,h3,p,small,.eyebrow,.metric-label,.bigval){color:white!important}
html body .helium-motion-promo h2 em{color:var(--sa-lime)!important}
html body :is(.stat-card,.small-biomarker,.results-card,.forecast-card,.material.neutral) .pixel-number{color:var(--sa-ink)!important}
/* Showcase tiles are *preview examples*, not re-colouring of protected 25 Materials gallery. */
html body .screen-tile:nth-child(1) .tile-art{background:radial-gradient(at 84% 88%,var(--he-p-F292E38C),transparent 58%),linear-gradient(135deg,var(--he-p-DFE3E8),var(--he-p-ECEDFA),var(--he-p-F7DCED))!important;color:var(--he-p-242627)!important}
html body .screen-tile:nth-child(2) .tile-art{background:radial-gradient(at 78% 80%,var(--he-p-1F64B58F),transparent 62%),linear-gradient(145deg,var(--he-p-F5D3AB),var(--he-p-ADC3D9),var(--he-p-CFE1F1))!important;color:var(--he-p-242627)!important}
html body .screen-tile:nth-child(3) .tile-art{background:linear-gradient(145deg,var(--he-p-142236),var(--he-p-142742) 62%,var(--he-p-4F5E73))!important;color:white!important}
html body .screen-tile:nth-child(4) .tile-art{background:radial-gradient(at 80% 74%,var(--he-p-B1BCD399),transparent 55%),linear-gradient(145deg,var(--he-p-D5DCE3),var(--he-p-F1DCC8),var(--he-p-EAD8E9))!important;color:var(--he-p-242627)!important}
html body .screen-tile:nth-child(5) .tile-art{background:linear-gradient(135deg,var(--he-p-9FB1CB),var(--he-p-B1C7DF),var(--he-p-B8D3E8))!important;color:var(--he-p-242627)!important}
html body .screen-tile:nth-child(6) .tile-art{background:linear-gradient(135deg,var(--he-p-B9BCEB),var(--he-p-EED2F6),var(--he-p-F4AFDB))!important;color:var(--he-p-242627)!important}
html body .screen-tile:nth-child(7) .tile-art{background:radial-gradient(at 70% 66%,var(--he-p-0B83E980),transparent 55%),linear-gradient(145deg,var(--he-p-264B77),var(--he-p-3E6EA5),var(--he-p-84BAE5))!important;color:white!important}
html body .screen-tile:nth-child(8) .tile-art{background:linear-gradient(135deg,var(--he-p-BEC9D9),var(--he-p-EAD3D8),var(--he-p-E3C9E9))!important;color:var(--he-p-242627)!important}
/* Wallet and assistant originally used pastel balances and lively green. */
html body :is(.wallet-hero,.phone-hero.wallet-hero){background:
 radial-gradient(ellipse at 85% 83%,var(--he-p-F292E38C),transparent 53%),
 radial-gradient(ellipse at 12% 10%,var(--he-p-9ECDE1DB),transparent 55%),
 radial-gradient(ellipse at 75% 16%,var(--he-p-99BDE699),transparent 52%),
 linear-gradient(135deg,var(--he-p-B7D8EA),var(--he-p-D6DEE8) 57%,var(--he-p-F0CEE0))!important;color:var(--he-p-242627)!important}
html body :is(.phone-nav,.wallet-actions button,.phone-shell .txn,.phone-shell .action-card){color:var(--he-p-242627)!important}
html body :is(.phone-nav button.active,.phone-nav .active){background:var(--he-p-0B83E980)!important;color:var(--he-p-242627)!important}
html body .phone-inner.helium-assistant{background:
 radial-gradient(ellipse at 8% 8%,var(--he-p-B9C9DE8C),transparent 50%),
 radial-gradient(ellipse at 89% 34%,var(--he-p-3080C76B),transparent 52%),
 radial-gradient(ellipse at 8% 91%,var(--he-p-AA8FE766),transparent 58%),
 radial-gradient(ellipse at 88% 95%,var(--he-p-FED2ADA6),transparent 54%),
 linear-gradient(140deg,var(--he-p-D6DEE8),var(--he-p-F4F3F1) 56%,var(--he-p-F4E2ED))!important;color:var(--he-p-242627)!important}
html body .helium-assistant :is(.ha-title-row h1,.ha-brand,.ha-settings){color:var(--he-p-242627)!important}
html body .helium-assistant .ha-bubble.from-user{color:var(--he-p-242627)!important;background:var(--he-p-FFFFFFEB)!important}
html body .helium-assistant .ha-bubble.from-ai{color:var(--he-p-223243)!important;background:var(--he-p-C7DBEDBA)!important}
html body .helium-assistant .ha-form{background:var(--he-p-FFFFFFEB)!important;color:var(--he-p-242627)!important}
html body .helium-assistant .ha-form textarea{color:var(--he-p-242627)!important;background:transparent!important}
html body .helium-assistant .ha-form textarea::placeholder{color:var(--he-p-72767A)!important}
html body .helium-assistant .ha-send{background:var(--sa-lime)!important;color:var(--he-p-242627)!important}
html body .helium-assistant .phone-nav{background:var(--he-p-FFFFFFE0)!important}
html body .helium-assistant .phone-nav button.active{background:var(--he-p-0B83E98C)!important;color:var(--he-p-242627)!important}
html body :is(.progress>span,.progress-fill,.meter-fill,.timeline-active,.device-tabs .active:after){background-color:var(--sa-lime)!important}
html body :is(.ru-toggle:checked,.sa-switch input:checked){accent-color:var(--he-p-348BD3)!important}
html body :is(.stat-card,.small-biomarker,.product-card,.material,.hero-a,.hero-b,.health-action-card):hover{transform:none!important}
/* Restore Motion Playground colour without losing white-on-dark contrast. */
html body:has(.play-topbar){background:var(--sa-canvas)!important;color:var(--he-p-242627)!important}
html body .play-topbar{background:var(--he-p-FFFFFFF0)!important}
html body .play-hero{background:radial-gradient(ellipse at 86% 85%,var(--he-p-AA8FE742),transparent 52%),radial-gradient(ellipse at 76% 25%,var(--he-p-3080C73D),transparent 48%),linear-gradient(135deg,var(--he-p-123A5C),var(--he-p-203B5F) 76%,var(--he-p-4F6784))!important;color:var(--he-p-FFFFFF)!important}
html body .play-hero h1{color:var(--he-p-FFFFFF)!important}
html body .play-hero h1 em{color:var(--he-p-0062CB)!important}
html body .play-hero .play-primary{background:var(--he-p-0062CB)!important;color:var(--he-p-242627)!important}
html body .play-hero .play-secondary{color:var(--he-p-FFFFFF)!important}
html body .play-brand>strong span{color:var(--he-p-3872A6)!important}
html body:has(.motion-shell),html body:has(.motion-docs){background:var(--sa-canvas)!important}
/* Original V1 palette swatches shown as semantic source values in the style guide. */
html body .helium-brand-palette{margin-top:clamp(24px,3vw,44px);padding:22px;background:var(--he-p-FFFFFFC4);border-radius:28px;corner-shape:squircle;border:0}
html body .helium-brand-palette-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}
html body .helium-brand-palette-heading h3{font-size:clamp(19px,1.5vw,26px);line-height:1.2;margin:8px 0 0;color:var(--he-p-242627)}
html body .helium-brand-palette-heading p{font-size:14px;color:var(--he-p-72767A);margin:0}
html body .helium-brand-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
html body .helium-brand-swatch{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:100px;padding:13px;background:var(--palette-swatch);color:var(--palette-foreground);border-radius:16px;corner-shape:squircle;border:0}
html body .helium-brand-swatch b{font-size:13px;line-height:1.2;font-weight:550;color:inherit}
html body .helium-brand-swatch code{font:600 11px/1.4 var(--sa-font);color:inherit}
@media(max-width:1024px){html body .helium-brand-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){html body .helium-brand-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}html body .helium-brand-palette{padding:13px}html body .helium-brand-palette-heading{align-items:start;flex-direction:column}}
@media(max-width:360px){html body .helium-brand-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html body :is(.stat-card,.small-biomarker,.product-card,.material,.hero-a,.hero-b){transition:none!important}}