.bg-effect{--effect-x:50%;--effect-y:50%;--effect-alpha:0.16;background:var(--surface-glass-bg);border:1px solid var(--panel-border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.bg-effect--subtle{--effect-alpha:0.08}.bg-effect--strong{--effect-alpha:0.28}.bg-effect__layer{inset:0;pointer-events:none;position:absolute}.bg-effect__content{position:relative;z-index:1}.bg-effect--grid .bg-effect__layer{background-color:transparent;background-image:linear-gradient(color-mix(in srgb,var(--color-border-default),transparent 84%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border-default),transparent 84%) 1px,transparent 1px);background-size:32px 32px}.bg-effect--aurora .bg-effect__layer{background:radial-gradient(ellipse at 16% 4%,color-mix(in srgb,var(--color-action-primary),transparent 64%),transparent 48%),radial-gradient(ellipse at 78% 16%,color-mix(in srgb,var(--color-success),transparent 76%),transparent 42%),linear-gradient(120deg,transparent 20%,color-mix(in srgb,var(--color-action-primary),transparent 90%),transparent 72%);opacity:calc(var(--effect-alpha) + .08)}.bg-effect--mesh .bg-effect__layer{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--color-action-primary),transparent 64%),transparent 34%),radial-gradient(circle at 72% 0,color-mix(in srgb,var(--color-danger),transparent 78%),transparent 38%),radial-gradient(circle at 82% 86%,color-mix(in srgb,var(--color-success),transparent 74%),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--color-bg-muted),transparent 52%),transparent 62%);opacity:calc(var(--effect-alpha) + .1)}.bg-effect--contour .bg-effect__layer{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-border-default),transparent 78%) 0 1px,transparent 1px 12px)}.bg-effect--spotlight .bg-effect__layer{background:radial-gradient(ellipse at var(--effect-x) var(--effect-y),color-mix(in srgb,var(--color-action-primary),transparent 90%) 0,color-mix(in srgb,var(--color-action-primary),transparent 95%) 34%,transparent 72%)}.bg-effect--scanline .bg-effect__layer{background:radial-gradient(ellipse at 22% 48%,color-mix(in srgb,var(--color-action-primary),transparent 78%),transparent 34%),radial-gradient(ellipse at 78% 54%,color-mix(in srgb,var(--color-success),transparent 86%),transparent 30%),repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--color-border-default),transparent 88%) 18px 19px);opacity:calc(var(--effect-alpha) + .06)}.bg-effect--constellation .bg-effect__layer{background-image:radial-gradient(circle,color-mix(in srgb,var(--color-action-primary),transparent 82%) 1px,transparent 1.4px),linear-gradient(115deg,transparent,color-mix(in srgb,var(--color-border-default),transparent 88%),transparent);background-size:30px 30px,auto;opacity:.72}.bg-effect--slow .bg-effect__layer{animation:bg-effect-drift 12s linear infinite alternate}.bg-effect--active .bg-effect__layer{animation:bg-effect-drift 5s linear infinite alternate}@keyframes bg-effect-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}.bg-effect .ds-panel,.bg-effect .ds-statistic{background:var(--effect-child-surface-bg)!important;border-color:color-mix(in srgb,var(--panel-border),transparent 28%)!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--color-action-primary),transparent 96%)!important;backdrop-filter:blur(.5px) saturate(1.02)!important}