/* Chat Detective — nebula-frosted Liquid Glass, home route only.
   A translucent membrane with a visible illuminated rim, not a dark box. */
body[data-view="home"] .cde-preview{
  border:1px solid rgba(246,214,245,.52);
  border-radius:17px;
  background:
    radial-gradient(ellipse 83% 35% at 18% 0%,rgba(244,229,255,.14),transparent 72%),
    radial-gradient(ellipse 66% 70% at 109% 113%,rgba(246,68,135,.21),transparent 82%),
    linear-gradient(132deg,rgba(244,229,255,.10),rgba(28,24,52,.23) 33%,rgba(8,15,39,.26) 69%,rgba(241,90,157,.10));
  -webkit-backdrop-filter:blur(27px) saturate(155%);
  backdrop-filter:blur(27px) saturate(155%);
  box-shadow:
    0 29px 78px rgba(1,3,17,.47),
    0 0 32px rgba(244,51,121,.14),
    inset 0 1px 0 rgba(255,253,255,.42),
    inset 1px 0 0 rgba(252,222,247,.13),
    inset -1px 0 rgba(247,129,192,.28),
    inset 0 -1px rgba(255,119,177,.36);
}
body[data-view="home"] .cde-preview::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(ellipse 75% 10% at 22% 0%,rgba(255,255,255,.28),transparent 82%),
    radial-gradient(ellipse 12% 67% at 100% 84%,rgba(255,126,187,.19),transparent 83%),
    linear-gradient(115deg,rgba(255,255,255,.10),transparent 23%,transparent 77%,rgba(248,140,200,.11));
  -webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.06) 18%,rgba(0,0,0,.07) 80%,#000);
  mask-image:linear-gradient(#000,rgba(0,0,0,.06) 18%,rgba(0,0,0,.07) 80%,#000);
}
body[data-view="home"] .cde-preview::after{
  background:
    linear-gradient(112deg,rgba(255,252,255,.29),transparent 17%,transparent 72%,rgba(255,108,177,.22)),
    linear-gradient(to top,rgba(248,85,156,.16),transparent 20%);
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 24%,transparent 71%,#000);
  mask-image:linear-gradient(to bottom,#000,transparent 24%,transparent 71%,#000);
}
body[data-view="home"] .cde-frame{
  border:1px solid rgba(241,225,251,.19);
  border-radius:11px;
  box-shadow:0 1px 0 rgba(255,255,255,.09),0 10px 26px rgba(5,5,21,.19);
}
body[data-view="home"] .cde-quiz{
  padding:15px 14px 8px;
  border-radius:0 0 13px 13px;
  background:linear-gradient(158deg,rgba(239,202,255,.07),rgba(16,19,42,.045) 55%,rgba(244,92,144,.08));
}
body[data-view="home"] .cde-quiz h2{
  margin:0 0 12px;
  padding:11px 14px;
  border:1px solid rgba(255,230,250,.31);
  border-radius:11px;
  color:#fff9ff;
  background:linear-gradient(117deg,rgba(255,239,255,.16),rgba(99,70,118,.11) 35%,rgba(18,22,42,.24) 75%,rgba(248,108,174,.11));
  -webkit-backdrop-filter:blur(14px) saturate(146%);
  backdrop-filter:blur(14px) saturate(146%);
  box-shadow:inset 0 1px rgba(255,255,255,.20),inset 0 -1px rgba(235,114,182,.16),0 5px 17px rgba(6,5,21,.16);
  font-size:19px;font-weight:700;
}
body[data-view="home"] .cde-option{
  min-height:45px;
  border:1px solid rgba(245,228,255,.33);
  border-radius:10px;
  background:linear-gradient(120deg,rgba(253,246,255,.115),rgba(56,42,79,.135) 47%,rgba(222,72,138,.085));
  -webkit-backdrop-filter:blur(10px) saturate(144%);
  backdrop-filter:blur(10px) saturate(144%);
  box-shadow:inset 0 1px rgba(255,255,255,.17),inset 0 -1px rgba(209,117,167,.12),0 4px 12px rgba(5,4,20,.13);
}
body[data-view="home"] .cde-option b{
  border:1px solid rgba(255,207,231,.13);
  border-radius:6px;
  background:rgba(242,148,197,.13);
  color:#ff8ca8;
}
body[data-view="home"] .cde-option:hover:not(:disabled){
  border-color:rgba(255,197,231,.70);
  background:linear-gradient(120deg,rgba(255,234,251,.17),rgba(135,43,100,.23));
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 20px rgba(242,66,137,.16);
}
body[data-view="home"] .cde-cta{
  border:1px solid rgba(254,223,250,.59);
  border-radius:11px;
  background:linear-gradient(123deg,rgba(254,237,255,.22),rgba(90,62,109,.12) 44%,rgba(237,83,143,.19));
  -webkit-backdrop-filter:blur(18px) saturate(165%);
  backdrop-filter:blur(18px) saturate(165%);
  box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -1px rgba(255,102,170,.22),0 8px 27px rgba(3,3,14,.27);
  transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
body[data-view="home"] .cde-cta:hover{
  border-color:rgba(255,233,254,.85);
  background:linear-gradient(123deg,rgba(255,243,255,.30),rgba(126,56,115,.27) 48%,rgba(248,81,149,.28));
  box-shadow:inset 0 1px rgba(255,255,255,.41),0 9px 27px rgba(4,3,18,.31),0 0 22px rgba(235,53,117,.18);
}
body.cdh-dark[data-view="home"] .site-header{
  background:linear-gradient(180deg,rgba(224,204,247,.10),rgba(13,16,38,.06) 74%,rgba(13,16,38,.02));
  border-bottom:1px solid rgba(246,217,255,.25);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 1px rgba(255,255,255,.095),0 6px 28px rgba(4,3,18,.12);
}
body[data-view="home"] .twitch-btn,
body[data-view="home"] #cd-settings-button,
body[data-view="home"] .cdh-theme-switch{
  border:1px solid rgba(252,227,255,.45);
  border-radius:9px;
  background:linear-gradient(120deg,rgba(250,232,255,.19),rgba(21,24,47,.15) 55%,rgba(235,102,175,.11));
  -webkit-backdrop-filter:blur(12px) saturate(145%);
  backdrop-filter:blur(12px) saturate(145%);
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 4px 12px rgba(6,3,20,.15);
}
body[data-view="home"] .cde-clip-label{
  background:rgba(14,17,36,.34);
  border:1px solid rgba(255,236,253,.25);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px rgba(255,255,255,.14);
}
@media(max-width:780px){
  body[data-view="home"] .cde-preview{-webkit-backdrop-filter:blur(18px) saturate(137%);backdrop-filter:blur(18px) saturate(137%)}
  body[data-view="home"] .cde-option{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media(max-width:520px){
  body[data-view="home"] .cde-quiz{padding:10px 9px 5px}
  body[data-view="home"] .cde-quiz h2{font-size:16px;padding:10px 11px}
  body[data-view="home"] .cde-option{min-height:44px;border-radius:9px}
}