.constellation-field{isolation:isolate;position:relative}.constellation-field:before{content:"";z-index:-1;pointer-events:none;background:var(--atmosphere-constellation);position:absolute;inset:0}@keyframes constellation-breathe{0%,to{opacity:.82}50%{opacity:1}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .constellation-field[data-breathe=true]:before{animation:120s ease-in-out infinite constellation-breathe}}.aurora-veil{position:relative}.aurora-veil:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(82% 56% at 50% -12%, color-mix(in oklch, var(--vf-accent-azure) 10%, transparent), transparent 70%), radial-gradient(48% 38% at 84% -4%, color-mix(in oklch, var(--vf-accent-blue) 6%, transparent), transparent 72%);position:absolute;inset:0}.aurora-veil>*{z-index:1;position:relative}.beacon-glow{position:relative}.beacon-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklch, var(--vf-brand-aqua) 24%, transparent), color-mix(in oklch, var(--vf-brand-aqua-deep) 10%, transparent) 56%, transparent 100%);filter:blur(18px);opacity:.85;border-radius:50%;position:absolute;inset:-22%}.surface-void{border-radius:var(--radius-panel);border:1px solid color-mix(in oklch, var(--border-subtle) 42%, transparent);background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklch, var(--vf-accent-blue) 4%, transparent), transparent 62%), linear-gradient(180deg, #000305, #000103);box-shadow:inset 0 1px 6px #0000008c,inset 0 0 44px #00000061;box-shadow:inset 0 1px 6px lab(.000598907% .00361353 -.0192404/.55),inset 0 0 44px lab(.00660324% .000365078 -.065726/.38)}@supports (color:lab(0% 0 0)){.surface-void{background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklch, var(--vf-accent-blue) 4%, transparent), transparent 62%), linear-gradient(180deg, lab(.617498% -.394695 -1.11609), lab(.284105% -.186592 -.606945))}}.depth-rail{border:1px solid color-mix(in oklch, var(--border-subtle) 55%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--bg-surface-raised) 64%, transparent), color-mix(in oklch, var(--bg-surface-elevated) 92%, transparent));-webkit-backdrop-filter:blur(24px);position:relative;box-shadow:0 22px 48px -18px #0000009e,inset 0 0 0 1px #ffffff0d;box-shadow:0 22px 48px -18px lab(.000598907% .00361353 -.0192404/.62),inset 0 0 0 1px lab(100% 0 0/.05)}.depth-rail:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--vf-accent-azure) 55%, transparent) 50%, transparent);height:1px;position:absolute;top:-1px;left:7%;right:7%}