/* Approved homepage glass preset — taken from the builder values:
   current material, rimless, 10px blur, 20% fill, 100% sheen, mixed tint.
   Deliberately scoped to #home; the lab and preview remain independent. */
body.cdh-dark[data-view="home"][data-route="home"]{
  --cd-main-glass-deep:#172b60;
  --cd-main-glass-mid:#292557;
  --cd-main-glass-warm:#71345f;
  --cd-main-glass-fill:20%;
  --cd-main-glass-blur:10px;
  --cd-main-glass-sheen:1;
}
html:root body.cdh-dark[data-view="home"][data-route="home"] :is(
  .cde-preview.cd-glass--framed,
  .cde-live-availability.cd-glass--rimless,.cde-mode-links.cd-glass--rimless,
  .cde-quiz h2,.cde-option,.cd-settings-panel
){
  border-color:transparent!important;
  background:
    radial-gradient(ellipse 38% 18% at 28% 0%,
      color-mix(in srgb,#fff calc(var(--cd-main-glass-sheen) * 30%),transparent),
      transparent 100%),
    linear-gradient(120deg,
      color-mix(in srgb,var(--cd-main-glass-deep) var(--cd-main-glass-fill),transparent),
      color-mix(in srgb,var(--cd-main-glass-mid) var(--cd-main-glass-fill),transparent) 53%,
      color-mix(in srgb,var(--cd-main-glass-warm) var(--cd-main-glass-fill),transparent))!important;
  -webkit-backdrop-filter:blur(var(--cd-main-glass-blur)) saturate(145%)!important;
  backdrop-filter:blur(var(--cd-main-glass-blur)) saturate(145%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.23)!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home"] :is(
  .cde-preview.cd-glass--framed,.cde-live-availability.cd-glass--rimless,
  .cde-mode-links.cd-glass--rimless
)::before{
  background:radial-gradient(ellipse 80% 28% at 30% -4%,rgba(246,241,255,.38),transparent 86%)!important;
  opacity:1!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home"] .cde-cta{
  position:relative;
  border-color:transparent!important;
  background:
    radial-gradient(ellipse 70% 23% at 30% 0%,rgba(255,255,255,.36),transparent 100%),
    linear-gradient(112deg,
      color-mix(in srgb,var(--cd-main-glass-warm) var(--cd-main-glass-fill),transparent),
      color-mix(in srgb,var(--cd-main-glass-mid) var(--cd-main-glass-fill),transparent) 65%,
      color-mix(in srgb,var(--cd-main-glass-deep) var(--cd-main-glass-fill),transparent))!important;
  -webkit-backdrop-filter:blur(var(--cd-main-glass-blur)) saturate(160%)!important;
  backdrop-filter:blur(var(--cd-main-glass-blur)) saturate(160%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42)!important;
  color:#fff!important;
}
html:root body.cdh-dark[data-view="home"][data-route="home"] .cde-cta:hover{
  filter:brightness(1.15);transform:translateY(-2px);
}
html:root body.cdh-dark[data-view="home"][data-route="home"] :is(
  .cde-option:hover:not(:disabled),.cde-option.is-selected
){
  box-shadow:inset 0 1px rgba(255,255,255,.26)!important;
}
@media(prefers-reduced-transparency:reduce){
  html:root body.cdh-dark[data-view="home"][data-route="home"] :is(
    .cde-preview.cd-glass--framed,
    .cde-live-availability.cd-glass--rimless,.cde-mode-links.cd-glass--rimless,
    .cde-quiz h2,.cde-option,.cd-settings-panel,.cde-cta
  ){
    background:rgba(29,29,56,.96)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}