.nebula-canvas-root{position:absolute;inset:0;overflow:hidden;pointer-events:none}.nebula-fallback{overflow:hidden;pointer-events:none}.nebula-fallback,.nebula-fallback-gradient{position:absolute;top:0;left:0;width:100%;height:100%}.nebula-fallback-gradient{background:radial-gradient(ellipse at 30% 40%,rgba(142,78,198,.3) 0,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(103,58,183,.25) 0,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(69,39,160,.2) 0,transparent 60%),linear-gradient(180deg,rgb(39,22,61),rgb(24,14,38) 50%,rgb(15,8,24));animation:nebula-drift 30s ease-in-out infinite}.nebula-fallback-stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8) 50%,transparent 0),radial-gradient(1px 1px at 25% 15%,rgba(255,255,255,.6) 50%,transparent 0),radial-gradient(1px 1px at 40% 35%,rgba(255,255,255,.9) 50%,transparent 0),radial-gradient(1px 1px at 55% 10%,rgba(255,255,255,.7) 50%,transparent 0),radial-gradient(1px 1px at 70% 25%,rgba(255,255,255,.8) 50%,transparent 0),radial-gradient(1px 1px at 85% 40%,rgba(255,255,255,.6) 50%,transparent 0),radial-gradient(1px 1px at 15% 55%,rgba(255,255,255,.7) 50%,transparent 0),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.9) 50%,transparent 0),radial-gradient(1px 1px at 45% 60%,rgba(255,255,255,.5) 50%,transparent 0),radial-gradient(1px 1px at 60% 75%,rgba(255,255,255,.8) 50%,transparent 0),radial-gradient(1px 1px at 75% 55%,rgba(255,255,255,.6) 50%,transparent 0),radial-gradient(1px 1px at 90% 70%,rgba(255,255,255,.7) 50%,transparent 0),radial-gradient(1px 1px at 5% 85%,rgba(255,255,255,.9) 50%,transparent 0),radial-gradient(1px 1px at 20% 90%,rgba(255,255,255,.6) 50%,transparent 0),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.8) 50%,transparent 0),radial-gradient(1px 1px at 50% 95%,rgba(255,255,255,.7) 50%,transparent 0),radial-gradient(1px 1px at 65% 85%,rgba(255,255,255,.5) 50%,transparent 0),radial-gradient(1px 1px at 80% 92%,rgba(255,255,255,.9) 50%,transparent 0),radial-gradient(2px 2px at 18% 45%,rgba(255,255,255,1) 50%,transparent 0),radial-gradient(2px 2px at 62% 38%,rgba(255,255,255,1) 50%,transparent 0),radial-gradient(2px 2px at 88% 12%,rgba(255,255,255,1) 50%,transparent 0);animation:twinkle 4s ease-in-out infinite}@keyframes nebula-drift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(2%) translateY(-1%)}50%{transform:translateX(0) translateY(1%)}75%{transform:translateX(-2%) translateY(-.5%)}}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.nebula-fallback-gradient,.nebula-fallback-stars{animation:none}}.starfield-root{position:absolute;inset:0;overflow:hidden;pointer-events:none}.starfield-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(180deg,#05050b,#040409 52%,#020204)}.starfield-root[data-starfield-tone=home] .starfield-background{background:radial-gradient(circle at 18% 16%,rgba(47,111,237,.26) 0,transparent 35%),radial-gradient(circle at 82% 24%,rgba(124,98,255,.16) 0,transparent 42%),radial-gradient(circle at 48% 72%,rgba(24,226,153,.08) 0,transparent 46%),linear-gradient(180deg,#05050b,#040409 52%,#020204)}.starfield-root[data-starfield-tone=iot] .starfield-background{background:radial-gradient(ellipse at center,rgba(248,251,255,.9) 0,rgba(248,251,255,.64) 27%,transparent 58%),radial-gradient(circle at 18% 20%,rgba(24,226,153,.3) 0,transparent 34%),radial-gradient(circle at 78% 16%,rgba(47,111,237,.26) 0,transparent 38%),radial-gradient(circle at 50% 82%,rgba(15,118,110,.22) 0,transparent 48%),repeating-linear-gradient(90deg,rgba(15,118,110,.16) 0 1px,transparent 1px 88px),repeating-linear-gradient(0deg,rgba(47,111,237,.12) 0 1px,transparent 1px 88px),linear-gradient(135deg,#f8fbff,#edf8f5 42%,#eaf2ff)}.starfield-root[data-starfield-tone=iot]:after,.starfield-root[data-starfield-tone=iot]:before{content:"";position:absolute;inset:0;pointer-events:none}.starfield-root[data-starfield-tone=iot]:before{z-index:1;opacity:.64;background-image:linear-gradient(90deg,rgba(15,118,110,.3) 1px,transparent 0),linear-gradient(0deg,rgba(47,111,237,.22) 1px,transparent 0),linear-gradient(135deg,transparent 0 49.55%,rgba(15,118,110,.26) 49.8% 50.2%,transparent 50.45% 100%),linear-gradient(45deg,transparent 0 49.55%,rgba(47,111,237,.2) 49.8% 50.2%,transparent 50.45% 100%);background-position:50%,50%,18px 0,-22px 14px;background-size:88px 88px,88px 88px,176px 176px,220px 220px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,rgba(0,0,0,.92) 54%,transparent 92%);mask-image:radial-gradient(ellipse at center,#000 0,rgba(0,0,0,.92) 54%,transparent 92%)}.starfield-root[data-starfield-tone=iot]:after{z-index:3;opacity:.76;background:radial-gradient(circle at 14% 22%,rgba(15,118,110,.78) 0 3px,rgba(15,118,110,.18) 4px,transparent 8px),radial-gradient(circle at 27% 68%,rgba(47,111,237,.72) 0 3px,rgba(47,111,237,.16) 4px,transparent 8px),radial-gradient(circle at 44% 34%,rgba(24,226,153,.7) 0 3px,rgba(24,226,153,.16) 4px,transparent 8px),radial-gradient(circle at 61% 76%,rgba(15,118,110,.76) 0 3px,rgba(15,118,110,.17) 4px,transparent 8px),radial-gradient(circle at 78% 29%,rgba(47,111,237,.72) 0 3px,rgba(47,111,237,.16) 4px,transparent 8px),radial-gradient(circle at 90% 62%,rgba(24,226,153,.62) 0 3px,rgba(24,226,153,.14) 4px,transparent 8px),linear-gradient(102deg,transparent 0 13%,rgba(15,118,110,.3) 13.08% 13.42%,transparent 13.5% 100%),linear-gradient(156deg,transparent 0 25%,rgba(47,111,237,.28) 25.08% 25.38%,transparent 25.46% 100%),linear-gradient(37deg,transparent 0 56%,rgba(15,118,110,.24) 56.06% 56.34%,transparent 56.42% 100%);filter:drop-shadow(0 0 10px rgba(47,111,237,.22)) drop-shadow(0 0 14px rgba(24,226,153,.18));-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent)}.starfield-root[data-starfield-tone=neutral] .starfield-background{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--nebulab-color-brand-soft,#EAF2FF) 52%,transparent) 0,transparent 36%),radial-gradient(circle at 76% 24%,color-mix(in srgb,var(--nebulab-color-surface-hover,#EEF3F7) 66%,transparent) 0,transparent 38%),linear-gradient(180deg,var(--nebulab-color-canvas,#05050b) 0,var(--nebulab-color-canvas-alt,#040409) 100%)}.starfield-root[data-starfield-tone=cyber] .starfield-background{background:radial-gradient(circle at 18% 18%,rgba(47,111,237,.26) 0,transparent 34%),radial-gradient(circle at 82% 18%,rgba(242,201,76,.1) 0,transparent 34%),radial-gradient(circle at 50% 82%,rgba(15,23,42,.74) 0,transparent 52%),linear-gradient(180deg,#05050b,#040409 52%,#020204)}.starfield-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.78) 18%,#000 38%);mask-image:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.78) 18%,#000 38%)}.starfield-root[data-starfield-tone=iot] .starfield-stars{opacity:.52;mix-blend-mode:overlay}.starfield-comets{position:absolute;inset:0;overflow:hidden;z-index:4;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 72%,transparent)}.starfield-star-layer{position:absolute;top:0;left:0;width:0;height:0;border-radius:999px;will-change:opacity,transform}.starfield-comet{position:absolute;top:var(--comet-top);left:var(--comet-left);width:var(--comet-length);height:1px;opacity:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(191,219,254,.02) 22%,rgba(191,219,254,.16) 54%,rgba(248,251,255,.82) 86%,rgba(255,255,255,.96));transform:translateZ(0) rotate(var(--comet-angle)) scaleX(.18);transform-origin:right center;box-shadow:0 0 10px rgba(148,197,255,.16);filter:drop-shadow(0 0 8px rgba(255,255,255,.32));will-change:transform,opacity;animation:starfield-comet-pass var(--comet-duration) linear infinite;animation-delay:var(--comet-delay)}.starfield-comet:before{content:"";position:absolute;inset:-5px 0 -5px 18%;border-radius:inherit;background:inherit;filter:blur(7px);opacity:.36}.starfield-comet:after{content:"";position:absolute;top:50%;right:-.5px;width:2.5px;height:2.5px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 8px rgba(255,255,255,.62),0 0 16px rgba(148,197,255,.24);transform:translateY(-50%)}.starfield-root[data-starfield-tone=iot] .starfield-comet{height:1px;background:linear-gradient(90deg,rgba(47,111,237,0),rgba(47,111,237,.04) 30%,rgba(24,226,153,.2) 72%,rgba(47,111,237,.34));box-shadow:0 0 10px rgba(47,111,237,.12),0 0 22px rgba(24,226,153,.1)}.starfield-root[data-starfield-tone=iot] .starfield-comet:after{background:rgba(47,111,237,.5);box-shadow:0 0 10px rgba(47,111,237,.24)}.starfield-star-animated{animation:starfield-twinkle ease-in-out infinite}@keyframes starfield-twinkle{0%,to{opacity:var(--star-opacity,.62);transform:scale(1)}50%{opacity:.84;transform:scale(1.06)}}@keyframes starfield-comet-pass{0%,4%{opacity:0;transform:translateZ(0) rotate(var(--comet-angle)) scaleX(.18)}5.5%{opacity:calc(var(--comet-opacity) * .62)}9%{opacity:var(--comet-opacity)}14%{opacity:calc(var(--comet-opacity) * .32)}18%,to{opacity:0;transform:translate3d(var(--comet-travel-x),var(--comet-travel-y),0) rotate(var(--comet-angle)) scaleX(.96)}}@media (prefers-reduced-motion:reduce){.starfield-star-animated{animation:none}.starfield-comet{animation:none;opacity:0}}@media print{.starfield-star-animated{animation:none}.starfield-comets{display:none}}