/* v86 — visible Liquid Glass on the homepage, using the two shared materials.
   Keep the hero, video preview and atmospheric motion entirely untouched. */

/* FramED: the interactive example remains a single video/quiz window. */
body.cdh-dark[data-view="home"] .cde-preview.cd-glass--framed{
  border-color:rgba(255,205,233,.43)!important;
  background:
    radial-gradient(ellipse 75% 23% at 34% -4%,rgba(255,246,255,.13),transparent 79%),
    linear-gradient(133deg,rgba(35,28,65,.52),rgba(14,17,39,.49) 51%,rgba(92,32,75,.39))!important;
  -webkit-backdrop-filter:blur(20px) saturate(132%)!important;
  backdrop-filter:blur(20px) saturate(132%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.19),0 25px 64px rgba(4,4,19,.32),0 0 28px rgba(245,80,144,.09)!important;
}
/* Rimless: separate floating choice group with a light top reflection. */
body.cdh-dark[data-view="home"] .cde-mode-links.cd-glass--rimless{
  border-radius:16px;
  padding:8px 12px;
  width:max-content;max-width:100%;box-sizing:border-box;
  background:
    radial-gradient(ellipse 72% 30% at 40% -12%,rgba(255,255,255,.13),transparent 83%),
    linear-gradient(110deg,rgba(35,27,62,.25),rgba(27,21,54,.12) 65%,rgba(143,45,92,.20))!important;
}
/* Rimless: availability and testers share the same glass finish as the choice group. */
body.cdh-dark[data-view="home"] .cde-live-availability.cd-glass--rimless{
  border-radius:15px;
  background:
    radial-gradient(ellipse 80% 32% at 30% -9%,rgba(255,255,255,.15),transparent 84%),
    linear-gradient(115deg,rgba(38,31,67,.28),rgba(28,24,56,.15) 58%,rgba(128,40,88,.22))!important;
}
@media(max-width:520px){
 body.cdh-dark[data-view="home"] .cde-mode-links.cd-glass--rimless{padding:7px 8px;border-radius:12px}
}