.bc-xad{--bc-xad-yellow:#ffde02;--bc-xad-grid:color-mix(in oklab, var(--color-ink) 7%, transparent);isolation:isolate;background:radial-gradient(85% 38% at 100% 0%, color-mix(in oklab, var(--bc-xad-yellow) 22%, transparent), transparent 70%), linear-gradient(200deg, color-mix(in oklab, var(--bc-xad-yellow) 8%, transparent) 0%, transparent 42%), radial-gradient(130% 45% at 50% 100%, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent 65%), var(--color-surface-1);position:relative;overflow:hidden}.bc-xad:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--bc-xad-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--bc-xad-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 60% at 100% 0,#000 0%,#0000008c 35%,#0000 72%);mask-image:radial-gradient(120% 60% at 100% 0,#000 0%,#0000008c 35%,#0000 72%)}:root[data-theme=light] .bc-xad{--bc-xad-grid:color-mix(in oklab, var(--color-ink) 9%, transparent);background:radial-gradient(85% 38% at 100% 0%, color-mix(in oklab, var(--bc-xad-yellow) 22%, transparent), transparent 70%), radial-gradient(130% 45% at 50% 100%, color-mix(in oklab, var(--color-accent) 12%, transparent), transparent 65%), var(--color-surface-1)}@keyframes bc-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-accent) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.bc-live-dot[data-on]{animation:1.6s ease-out infinite bc-live-pulse}@media (prefers-reduced-motion:reduce){.bc-live-dot[data-on]{animation:none}}