/*
 * Glitter canvas sits behind everything (z-index -1, under in-flow content).
 * Full-bleed bands were opaque and would hide it, so they become slightly
 * see-through; cards and the clock stay solid so text keeps its contrast.
 */
.cc-glitter {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.cc-demo-section,
.cc-compare,
.cc-close {
  background: color-mix(in srgb, var(--premium-soft) 72%, transparent);
}
.cc-details {
  background: color-mix(in srgb, var(--surface-deep) 86%, transparent);
}