/* Instant App Shell: Renders <50ms while React loads */
#app-shell {
  position: fixed;
  inset: 0;
  min-height: 100vh;
  background: #ffffff;
  overflow: hidden;
}

.dark #app-shell {
  background: #09090b;
}

#app-shell .glow-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

#app-shell .glow-1 {
  position: absolute;
  top: -20%;
  left: -15%;
  width: 60vw;
  height: 60vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,242,254,0.10) 0%, transparent 70%);
  filter: blur(120px);
}

#app-shell .glow-2 {
  position: absolute;
  bottom: -15%;
  right: -10%;
  width: 55vw;
  height: 55vw;
  border-radius: 50%;
  opacity: 0.3;
  background: radial-gradient(circle, rgba(209,71,163,0.12) 0%, transparent 70%);
  filter: blur(120px);
}

#app-shell .glow-3 {
  position: absolute;
  top: 30%;
  right: 20%;
  width: 40vw;
  height: 40vw;
  border-radius: 50%;
  opacity: 0.2;
  background: radial-gradient(circle, rgba(138,35,135,0.10) 0%, transparent 70%);
  filter: blur(100px);
}