/* Decorative sky shared by every app surface; no canvas, timers or data reads. */
.bp-starfield { display: none; }
@media screen {
  .bp-starfield { display: block; position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
  .bp-starfield i { position: absolute; inset: 0; opacity: .55; background-repeat: repeat; }
  .bp-starfield i:nth-child(1) {
    background-size: 521px 433px;
    background-image:
      radial-gradient(circle at 31px 46px, #dffff8 0 .7px, #45e0cd50 1.2px, transparent 2.2px),
      radial-gradient(circle at 174px 128px, #95eadd 0 .7px, transparent 1.4px),
      radial-gradient(circle at 295px 32px, #c8f6f0 0 .6px, transparent 1.3px),
      radial-gradient(circle at 442px 195px, #a9d9d9 0 .7px, transparent 1.4px),
      radial-gradient(circle at 83px 260px, #c4e7e5 0 .6px, transparent 1.3px),
      radial-gradient(circle at 225px 353px, #dffff8 0 .8px, #45e0cd40 1.4px, transparent 2.6px),
      radial-gradient(circle at 372px 291px, #a3d5d4 0 .6px, transparent 1.3px),
      radial-gradient(circle at 478px 397px, #b8e6e0 0 .7px, transparent 1.4px);
    --star-duration: 7s; --star-delay: -2s;
  }
  .bp-starfield i:nth-child(2) {
    background-size: 733px 607px;
    background-image:
      radial-gradient(circle at 109px 95px, #dffff8 0 1px, #45e0cd55 1.7px, transparent 3.4px),
      radial-gradient(circle at 357px 157px, #9cdbd9 0 .7px, transparent 1.5px),
      radial-gradient(circle at 655px 59px, #c8f6f0 0 .7px, transparent 1.4px),
      radial-gradient(circle at 268px 279px, #b2ede5 0 .9px, #45e0cd30 1.5px, transparent 2.6px),
      radial-gradient(circle at 573px 331px, #d0f2ed 0 .7px, transparent 1.6px),
      radial-gradient(circle at 43px 487px, #b9ebe5 0 .8px, transparent 1.6px),
      radial-gradient(circle at 438px 534px, #dffff8 0 1px, #45e0cd50 1.7px, transparent 3.2px);
    --star-duration: 11s; --star-delay: -7s;
  }
  .bp-starfield i:nth-child(3) {
    background-size: 967px 787px;
    background-image:
      radial-gradient(circle at 202px 191px, #effffb 0 1.1px, #45e0cd55 1.8px, transparent 3.7px),
      radial-gradient(circle at 718px 103px, #a9e8e1 0 .8px, transparent 1.6px),
      radial-gradient(circle at 517px 396px, #c6ede7 0 .9px, transparent 1.7px),
      radial-gradient(circle at 886px 555px, #e6fff7 0 1px, #45e0cd40 1.6px, transparent 3px),
      radial-gradient(circle at 333px 682px, #c6ede7 0 .7px, transparent 1.5px);
    --star-duration: 15s; --star-delay: -10s;
  }
  #root, #report-root, .bp-login-message { position: relative; z-index: 1; }
  html[data-bp-motion=on] .bp-starfield i { animation: bp-star-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate; }
  html[data-bp-motion=off] .bp-starfield i { animation: none; opacity: .55; }
  html[data-bp-hidden=true] .bp-starfield i { animation-play-state: paused !important; }
  @keyframes bp-star-twinkle { 0%, 15% { opacity: .28; } 65%, 100% { opacity: .86; } }
  @media (prefers-reduced-motion: reduce) { html .bp-starfield i { animation: none !important; opacity: .55; } }
}
@media print { .bp-starfield { display: none !important; } }
