.h.svelte-1votouw{
        display: block;
    }
[data-astro-cid-37fxchfa]::view-transition-old(root),[data-astro-cid-37fxchfa]::view-transition-new(root){animation:none}
   #content-area.svelte-1yhbcds {
    --frame-bar-height: calc(var(--spacing) * 8); /* h-8 = 2rem */
    position: fixed; top:var(--frame-bar-height); left:var(--frame-bar-height);
    right: var(--frame-bar-height); bottom: var(--frame-bar-height);
     height: calc(100dvh - (var(--frame-bar-height) * 2));
     width: calc(100dvw - (var(--frame-bar-height) * 2));
   z-index:45;
  }

  /* Starfield animation - Layer 1 (small, fast stars) */
  .stars-layer-1.svelte-1yhbcds {
    background-image: 
      radial-gradient(4px 4px at 20% 30%, white, transparent),
      radial-gradient(4px 4px at 60% 70%, white, transparent),
      radial-gradient(3px 3px at 50% 50%, white, transparent),
      radial-gradient(3px 3px at 80% 10%, white, transparent),
      radial-gradient(4px 4px at 90% 60%, white, transparent),
      radial-gradient(3px 3px at 33% 80%, white, transparent),
      radial-gradient(3px 3px at 15% 90%, white, transparent),
      radial-gradient(3px 3px at 45% 15%, white, transparent),
      radial-gradient(3px 3px at 70% 45%, white, transparent),
      radial-gradient(4px 4px at 25% 55%, white, transparent),
      radial-gradient(3px 3px at 85% 85%, white, transparent),
      radial-gradient(3px 3px at 12% 25%, white, transparent),
      radial-gradient(4px 4px at 95% 35%, white, transparent),
      radial-gradient(3px 3px at 38% 92%, white, transparent),
      radial-gradient(3px 3px at 55% 8%, white, transparent),
      radial-gradient(3px 3px at 5% 15%, white, transparent),
      radial-gradient(3px 3px at 42% 35%, white, transparent),
      radial-gradient(4px 4px at 68% 62%, white, transparent),
      radial-gradient(3px 3px at 88% 22%, white, transparent),
      radial-gradient(3px 3px at 28% 48%, white, transparent),
      radial-gradient(3px 3px at 72% 82%, white, transparent),
      radial-gradient(4px 4px at 8% 72%, white, transparent),
      radial-gradient(3px 3px at 52% 28%, white, transparent);
    background-size: 200% 200%;
    background-position: center center;
    transform-origin: center center;
    animation: svelte-1yhbcds-starfield-fast 3s linear infinite;
  }
  
  /* Starfield animation - Layer 2 (medium stars with color) */
  .stars-layer-2.svelte-1yhbcds {
    background-image: 
      radial-gradient(2px 2px at 40% 20%, white, transparent),
      radial-gradient(3px 3px at 70% 80%, rgba(51, 194, 219, 1), transparent),
      radial-gradient(2px 2px at 10% 60%, white, transparent),
      radial-gradient(3px 3px at 85% 40%, rgba(168, 86, 246, 1), transparent),
      radial-gradient(2px 2px at 25% 45%, white, transparent),
      radial-gradient(3px 3px at 65% 25%, rgba(51, 194, 219, 0.9), transparent),
      radial-gradient(2px 2px at 18% 75%, white, transparent),
      radial-gradient(3px 3px at 92% 68%, rgba(168, 86, 246, 0.9), transparent),
      radial-gradient(2px 2px at 48% 88%, white, transparent),
      radial-gradient(3px 3px at 5% 35%, rgba(51, 194, 219, 0.8), transparent),
      radial-gradient(2px 2px at 78% 58%, white, transparent),
      radial-gradient(3px 3px at 35% 12%, rgba(168, 86, 246, 0.8), transparent);
    background-size: 250% 250%;
    background-position: center center;
    transform-origin: center center;
    animation: svelte-1yhbcds-starfield-medium 5s linear infinite;
  }
  
  /* Starfield animation - Layer 3 (slow, distant stars) */
  .stars-layer-3.svelte-1yhbcds {
    background-image: 
      radial-gradient(2px 2px at 55% 35%, white, transparent),
      radial-gradient(2px 2px at 75% 15%, white, transparent),
      radial-gradient(2px 2px at 30% 70%, white, transparent),
      radial-gradient(3px 3px at 65% 55%, rgba(51, 194, 219, 0.7), transparent),
      radial-gradient(2px 2px at 45% 85%, white, transparent),
      radial-gradient(3px 3px at 5% 25%, rgba(168, 86, 246, 0.7), transparent),
      radial-gradient(2px 2px at 88% 78%, white, transparent),
      radial-gradient(2px 2px at 22% 42%, white, transparent),
      radial-gradient(3px 3px at 58% 65%, rgba(51, 194, 219, 0.6), transparent),
      radial-gradient(2px 2px at 72% 28%, white, transparent),
      radial-gradient(2px 2px at 15% 52%, rgba(168, 86, 246, 0.6), transparent),
      radial-gradient(2px 2px at 42% 18%, white, transparent),
      radial-gradient(2px 2px at 48% 52%, white, transparent),
      radial-gradient(2px 2px at 52% 48%, rgba(51, 194, 219, 0.7), transparent),
      radial-gradient(2px 2px at 46% 55%, white, transparent),
      radial-gradient(2px 2px at 54% 45%, white, transparent),
      radial-gradient(3px 3px at 50% 58%, rgba(168, 86, 246, 0.6), transparent),
      radial-gradient(2px 2px at 43% 47%, white, transparent),
      radial-gradient(2px 2px at 57% 53%, white, transparent),
      radial-gradient(3px 3px at 49% 43%, rgba(51, 194, 219, 0.7), transparent),
      radial-gradient(2px 2px at 51% 57%, white, transparent),
      radial-gradient(2px 2px at 47% 49%, white, transparent),
      radial-gradient(3px 3px at 53% 51%, rgba(168, 86, 246, 0.6), transparent),
      radial-gradient(2px 2px at 44% 54%, white, transparent),
      radial-gradient(2px 2px at 56% 46%, white, transparent);
    background-size: 300% 300%;
    background-position: center center;
    transform-origin: center center;
    animation: svelte-1yhbcds-starfield-slow 8s linear infinite;
  }
  
  /* Starfield forward motion animations - perspective zoom effect */
  @keyframes svelte-1yhbcds-starfield-fast {
    0% {
      transform: scale(1) translate(0, 0);
      opacity: 1;
    }
    100% {
      transform: scale(3) translate(0, 50%);
      opacity: 0;
    }
  }
  
  @keyframes svelte-1yhbcds-starfield-medium {
    0% {
      transform: scale(1) translate(0, 0);
      opacity: 0.9;
    }
    100% {
      transform: scale(2.5) translate(0, 40%);
      opacity: 0;
    }
  }
  
  @keyframes svelte-1yhbcds-starfield-slow {
    0% {
      transform: scale(1) translate(0, 0);
      opacity: 0.8;
    }
    100% {
      transform: scale(2) translate(0, 30%);
      opacity: 0;
    }
  }
  
  @keyframes svelte-1yhbcds-twinkle {
    0%, 100% {
      opacity: 0.5;
      transform: scale(1);
    }
    50% {
      opacity: 1;
      transform: scale(1.2);
    }
  }
  
  /* Floating animation for logo */
  @keyframes svelte-1yhbcds-float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
  }
  
  .animate-float.svelte-1yhbcds {
    animation: svelte-1yhbcds-float 6s ease-in-out infinite;
  }
  
  /* Zoom away animation (zooming away from viewer) */
  @keyframes svelte-1yhbcds-zoom-away-anim {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(0.1);
      opacity: 0;
    }
  }
  
  .zoom-away.svelte-1yhbcds {
    animation: svelte-1yhbcds-zoom-away-anim 0.8s ease-in forwards;
  }
  
  /* Fade in animation */
  @keyframes svelte-1yhbcds-fade-in-anim {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  .fade-in.svelte-1yhbcds {
    animation: svelte-1yhbcds-fade-in-anim 0.6s ease-out forwards;
  }
  
  /* Override countdown styles for dark space theme */
  .min-h-screen {
    color: white;
  }
  
  /* Make countdown cards transparent with glass effect */
  .bg-white,
  .dark\:bg-gray-800 {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    border-color: rgba(51, 194, 219, 0.3) !important;
  }
  
  .text-primary {
    background: linear-gradient(135deg, var(--color-primary-500), var(--color-secondary-500));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .text-gray-600,
  .dark\:text-gray-400 {
    color: rgba(255, 255, 255, 0.8) !important;
  }