/* Classic: jet black, dense galaxy starfield, occasional meteors */

html[data-theme="classic"] .cosmos {
  --classic-streak: linear-gradient(
    122deg,
    transparent 0%,
    transparent 34%,
    rgba(255, 255, 255, 0.98) 46%,
    rgba(220, 232, 255, 0.62) 50%,
    rgba(140, 180, 255, 0.22) 54%,
    transparent 66%,
    transparent 100%
  );
  background:
    radial-gradient(ellipse 130% 90% at 50% 100%, rgba(255, 255, 255, 0.04) 0%, transparent 58%),
    radial-gradient(ellipse 80% 50% at 20% 10%, rgba(120, 140, 180, 0.04) 0%, transparent 45%),
    linear-gradient(180deg, #000000 0%, #020202 45%, #000000 100%);
}

/* Higher specificity than base classic .cosmos so wallpaper wins over jet gradients */
html[data-cosmos-custom-bg="1"][data-theme="classic"] .cosmos {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%),
    var(--cosmos-user-image) center / cover no-repeat;
}

html[data-theme="classic"] .cosmos::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(0.98px 0.98px at 64.1% 47.8%, rgba(255,255,255,0.19), transparent),
    radial-gradient(1.37px 1.37px at 95.0% 5.6%, rgba(255,255,255,0.65), transparent),
    radial-gradient(0.77px 0.77px at 97.5% 9.5%, rgba(200,220,255,0.64), transparent),
    radial-gradient(1.00px 1.00px at 93.2% 62.8%, rgba(255,255,255,0.56), transparent),
    radial-gradient(1.13px 1.13px at 21.6% 62.7%, rgba(255,255,255,0.63), transparent),
    radial-gradient(0.70px 0.70px at 65.0% 7.2%, rgba(255,255,255,0.62), transparent),
    radial-gradient(1.12px 1.12px at 70.3% 47.4%, rgba(255,255,255,0.48), transparent),
    radial-gradient(1.33px 1.33px at 27.1% 6.5%, rgba(255,255,255,0.46), transparent),
    radial-gradient(1.46px 1.46px at 31.4% 33.0%, rgba(255,255,255,0.50), transparent),
    radial-gradient(0.76px 0.76px at 97.6% 6.5%, rgba(255,255,255,0.50), transparent),
    radial-gradient(0.94px 0.94px at 19.3% 5.9%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.39px 1.39px at 88.0% 76.4%, rgba(200,220,255,0.59), transparent),
    radial-gradient(1.07px 1.07px at 40.0% 75.8%, rgba(255,255,255,0.31), transparent),
    radial-gradient(0.67px 0.67px at 28.6% 18.6%, rgba(255,255,255,0.39), transparent),
    radial-gradient(0.90px 0.90px at 84.4% 1.6%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.41px 1.41px at 14.5% 52.0%, rgba(255,255,255,0.65), transparent),
    radial-gradient(0.65px 0.65px at 36.2% 27.7%, rgba(200,220,255,0.56), transparent),
    radial-gradient(1.16px 1.16px at 31.6% 58.4%, rgba(255,255,255,0.67), transparent),
    radial-gradient(1.19px 1.19px at 27.3% 54.0%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.96px 0.96px at 31.6% 91.7%, rgba(255,255,255,0.47), transparent),
    radial-gradient(1.26px 1.26px at 71.8% 59.7%, rgba(255,255,255,0.37), transparent),
    radial-gradient(0.71px 0.71px at 44.1% 56.8%, rgba(255,255,255,0.21), transparent),
    radial-gradient(1.50px 1.50px at 9.7% 45.5%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.34px 1.34px at 47.2% 90.1%, rgba(255,255,255,0.31), transparent),
    radial-gradient(1.53px 1.53px at 47.0% 62.1%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.25px 1.25px at 93.1% 80.8%, rgba(255,255,255,0.27), transparent),
    radial-gradient(0.94px 0.94px at 7.0% 66.9%, rgba(255,255,255,0.60), transparent),
    radial-gradient(1.29px 1.29px at 45.0% 28.2%, rgba(200,220,255,0.47), transparent),
    radial-gradient(1.11px 1.11px at 23.4% 48.4%, rgba(200,220,255,0.29), transparent),
    radial-gradient(1.28px 1.28px at 28.9% 49.1%, rgba(255,255,255,0.61), transparent),
    radial-gradient(0.77px 0.77px at 5.4% 17.8%, rgba(200,220,255,0.39), transparent),
    radial-gradient(1.02px 1.02px at 15.9% 87.4%, rgba(255,255,255,0.36), transparent),
    radial-gradient(1.49px 1.49px at 36.9% 27.7%, rgba(255,255,255,0.30), transparent),
    radial-gradient(0.60px 0.60px at 37.2% 61.7%, rgba(200,220,255,0.41), transparent),
    radial-gradient(0.95px 0.95px at 0.1% 97.5%, rgba(255,255,255,0.27), transparent),
    radial-gradient(0.98px 0.98px at 75.6% 74.9%, rgba(255,255,255,0.36), transparent),
    radial-gradient(0.94px 0.94px at 86.6% 63.5%, rgba(200,220,255,0.34), transparent),
    radial-gradient(0.89px 0.89px at 7.8% 64.2%, rgba(255,255,255,0.31), transparent),
    radial-gradient(0.85px 0.85px at 48.4% 59.9%, rgba(200,220,255,0.65), transparent),
    radial-gradient(1.50px 1.50px at 40.1% 66.3%, rgba(255,255,255,0.48), transparent),
    radial-gradient(0.61px 0.61px at 84.8% 64.8%, rgba(255,255,255,0.48), transparent),
    radial-gradient(1.45px 1.45px at 96.1% 69.7%, rgba(255,255,255,0.48), transparent),
    radial-gradient(0.90px 0.90px at 99.0% 99.1%, rgba(255,255,255,0.29), transparent),
    radial-gradient(1.49px 1.49px at 70.8% 72.6%, rgba(200,220,255,0.36), transparent),
    radial-gradient(1.42px 1.42px at 98.9% 82.2%, rgba(255,255,255,0.43), transparent),
    radial-gradient(1.51px 1.51px at 80.9% 69.0%, rgba(255,255,255,0.27), transparent),
    radial-gradient(0.84px 0.84px at 1.3% 51.4%, rgba(255,255,255,0.18), transparent),
    radial-gradient(1.26px 1.26px at 44.1% 56.6%, rgba(200,220,255,0.47), transparent),
    radial-gradient(0.86px 0.86px at 49.7% 13.5%, rgba(200,220,255,0.28), transparent),
    radial-gradient(0.60px 0.60px at 65.8% 44.9%, rgba(255,255,255,0.21), transparent),
    radial-gradient(0.93px 0.93px at 78.5% 32.7%, rgba(200,220,255,0.36), transparent),
    radial-gradient(1.53px 1.53px at 70.6% 58.3%, rgba(255,255,255,0.20), transparent),
    radial-gradient(0.65px 0.65px at 87.9% 74.3%, rgba(255,255,255,0.68), transparent),
    radial-gradient(0.95px 0.95px at 61.9% 10.5%, rgba(255,255,255,0.22), transparent),
    radial-gradient(0.69px 0.69px at 67.7% 76.4%, rgba(200,220,255,0.38), transparent),
    radial-gradient(0.96px 0.96px at 0.0% 21.2%, rgba(200,220,255,0.39), transparent),
    radial-gradient(1.45px 1.45px at 93.0% 94.4%, rgba(255,255,255,0.61), transparent),
    radial-gradient(0.72px 0.72px at 97.8% 64.3%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.12px 1.12px at 63.3% 75.1%, rgba(255,255,255,0.63), transparent),
    radial-gradient(0.82px 0.82px at 27.3% 82.3%, rgba(255,255,255,0.38), transparent),
    radial-gradient(0.93px 0.93px at 62.5% 56.5%, rgba(255,255,255,0.39), transparent),
    radial-gradient(0.61px 0.61px at 47.9% 79.8%, rgba(200,220,255,0.44), transparent),
    radial-gradient(1.37px 1.37px at 81.5% 15.5%, rgba(255,255,255,0.25), transparent),
    radial-gradient(1.21px 1.21px at 22.0% 17.4%, rgba(200,220,255,0.30), transparent),
    radial-gradient(0.88px 0.88px at 79.8% 97.1%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.03px 1.03px at 58.9% 44.0%, rgba(255,255,255,0.57), transparent),
    radial-gradient(1.35px 1.35px at 55.8% 45.7%, rgba(255,255,255,0.37), transparent),
    radial-gradient(1.21px 1.21px at 83.0% 74.8%, rgba(255,255,255,0.31), transparent),
    radial-gradient(0.99px 0.99px at 89.3% 3.7%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.19px 1.19px at 86.4% 54.1%, rgba(255,255,255,0.67), transparent),
    radial-gradient(1.15px 1.15px at 96.8% 63.7%, rgba(255,255,255,0.61), transparent),
    radial-gradient(1.04px 1.04px at 30.3% 60.6%, rgba(200,220,255,0.23), transparent),
    radial-gradient(1.23px 1.23px at 4.0% 86.3%, rgba(255,255,255,0.52), transparent),
    radial-gradient(0.74px 0.74px at 57.7% 10.5%, rgba(255,255,255,0.53), transparent),
    radial-gradient(1.35px 1.35px at 89.5% 76.9%, rgba(200,220,255,0.66), transparent),
    radial-gradient(0.66px 0.66px at 0.9% 78.9%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.30px 1.30px at 56.9% 70.4%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.00px 1.00px at 90.0% 90.2%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.18px 1.18px at 69.5% 72.3%, rgba(255,255,255,0.37), transparent),
    radial-gradient(1.47px 1.47px at 84.8% 97.4%, rgba(200,220,255,0.59), transparent),
    radial-gradient(1.49px 1.49px at 70.7% 36.6%, rgba(200,220,255,0.48), transparent),
    radial-gradient(0.75px 0.75px at 40.3% 0.6%, rgba(255,255,255,0.64), transparent),
    radial-gradient(0.86px 0.86px at 68.8% 27.2%, rgba(200,220,255,0.48), transparent),
    radial-gradient(0.83px 0.83px at 29.2% 58.4%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.09px 1.09px at 84.9% 56.5%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.18px 1.18px at 35.3% 48.5%, rgba(200,220,255,0.57), transparent),
    radial-gradient(0.86px 0.86px at 65.5% 14.6%, rgba(255,255,255,0.50), transparent),
    radial-gradient(0.93px 0.93px at 90.6% 78.1%, rgba(255,255,255,0.27), transparent),
    radial-gradient(1.45px 1.45px at 42.3% 14.7%, rgba(255,255,255,0.50), transparent),
    radial-gradient(1.13px 1.13px at 37.4% 95.3%, rgba(255,255,255,0.46), transparent),
    radial-gradient(0.72px 0.72px at 94.6% 31.7%, rgba(200,220,255,0.55), transparent),
    radial-gradient(0.94px 0.94px at 68.2% 72.3%, rgba(255,255,255,0.62), transparent),
    radial-gradient(0.72px 0.72px at 32.0% 4.9%, rgba(255,255,255,0.25), transparent),
    radial-gradient(1.19px 1.19px at 82.9% 39.0%, rgba(255,255,255,0.39), transparent),
    radial-gradient(0.79px 0.79px at 29.9% 85.6%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.99px 0.99px at 22.5% 32.5%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.30px 1.30px at 31.1% 20.3%, rgba(255,255,255,0.67), transparent),
    radial-gradient(1.41px 1.41px at 63.4% 45.7%, rgba(255,255,255,0.50), transparent),
    radial-gradient(1.20px 1.20px at 61.5% 25.1%, rgba(255,255,255,0.58), transparent),
    radial-gradient(1.24px 1.24px at 54.8% 73.7%, rgba(255,255,255,0.20), transparent),
    radial-gradient(1.00px 1.00px at 98.7% 25.5%, rgba(200,220,255,0.23), transparent),
    radial-gradient(0.66px 0.66px at 27.2% 27.2%, rgba(255,255,255,0.28), transparent),
    radial-gradient(0.62px 0.62px at 65.3% 11.4%, rgba(200,220,255,0.17), transparent),
    radial-gradient(0.67px 0.67px at 88.0% 25.8%, rgba(255,255,255,0.65), transparent),
    radial-gradient(0.81px 0.81px at 88.6% 93.1%, rgba(255,255,255,0.67), transparent),
    radial-gradient(1.29px 1.29px at 59.4% 65.7%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.04px 1.04px at 95.4% 8.8%, rgba(200,220,255,0.16), transparent),
    radial-gradient(1.19px 1.19px at 8.1% 17.1%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.32px 1.32px at 34.4% 12.0%, rgba(200,220,255,0.32), transparent),
    radial-gradient(0.76px 0.76px at 38.8% 9.5%, rgba(255,255,255,0.64), transparent),
    radial-gradient(0.72px 0.72px at 61.8% 47.6%, rgba(200,220,255,0.37), transparent),
    radial-gradient(1.12px 1.12px at 90.2% 21.4%, rgba(255,255,255,0.49), transparent),
    radial-gradient(0.70px 0.70px at 18.7% 28.1%, rgba(200,220,255,0.61), transparent),
    radial-gradient(0.85px 0.85px at 40.0% 6.6%, rgba(255,255,255,0.41), transparent),
    radial-gradient(0.96px 0.96px at 95.0% 88.0%, rgba(255,255,255,0.38), transparent),
    radial-gradient(1.01px 1.01px at 72.9% 29.8%, rgba(255,255,255,0.38), transparent),
    radial-gradient(0.95px 0.95px at 73.1% 34.7%, rgba(255,255,255,0.59), transparent),
    radial-gradient(0.91px 0.91px at 6.8% 4.8%, rgba(255,255,255,0.25), transparent),
    radial-gradient(1.53px 1.53px at 49.5% 65.9%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.08px 1.08px at 37.7% 56.8%, rgba(255,255,255,0.40), transparent),
    radial-gradient(0.69px 0.69px at 79.1% 4.4%, rgba(200,220,255,0.47), transparent),
    radial-gradient(1.54px 1.54px at 6.4% 37.0%, rgba(200,220,255,0.54), transparent),
    radial-gradient(0.80px 0.80px at 49.1% 15.1%, rgba(200,220,255,0.64), transparent),
    radial-gradient(1.50px 1.50px at 2.3% 2.1%, rgba(200,220,255,0.34), transparent),
    radial-gradient(0.90px 0.90px at 78.0% 20.5%, rgba(255,255,255,0.29), transparent),
    radial-gradient(1.47px 1.47px at 91.1% 74.6%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.09px 1.09px at 56.7% 88.7%, rgba(255,255,255,0.24), transparent),
    radial-gradient(0.81px 0.81px at 16.2% 92.5%, rgba(255,255,255,0.68), transparent),
    radial-gradient(1.12px 1.12px at 87.9% 13.1%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.77px 0.77px at 95.4% 25.6%, rgba(255,255,255,0.53), transparent),
    radial-gradient(1.53px 1.53px at 35.1% 76.7%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.78px 0.78px at 49.0% 62.7%, rgba(255,255,255,0.53), transparent),
    radial-gradient(1.47px 1.47px at 51.0% 71.1%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.31px 1.31px at 95.0% 61.1%, rgba(200,220,255,0.63), transparent),
    radial-gradient(1.16px 1.16px at 25.5% 52.8%, rgba(255,255,255,0.25), transparent),
    radial-gradient(1.50px 1.50px at 2.5% 91.4%, rgba(200,220,255,0.54), transparent),
    radial-gradient(0.72px 0.72px at 16.7% 39.2%, rgba(255,255,255,0.54), transparent),
    radial-gradient(0.74px 0.74px at 10.7% 63.8%, rgba(255,255,255,0.56), transparent),
    radial-gradient(1.15px 1.15px at 39.9% 88.4%, rgba(255,255,255,0.38), transparent),
    radial-gradient(0.91px 0.91px at 34.6% 100.0%, rgba(255,255,255,0.60), transparent),
    radial-gradient(0.67px 0.67px at 19.2% 87.8%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.38px 1.38px at 87.3% 66.1%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.96px 0.96px at 17.0% 40.3%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.20px 1.20px at 50.6% 10.7%, rgba(255,255,255,0.48), transparent),
    radial-gradient(1.23px 1.23px at 35.4% 29.5%, rgba(255,255,255,0.50), transparent),
    radial-gradient(1.54px 1.54px at 40.0% 41.9%, rgba(255,255,255,0.63), transparent),
    radial-gradient(1.19px 1.19px at 95.0% 92.9%, rgba(255,255,255,0.19), transparent),
    radial-gradient(1.52px 1.52px at 65.7% 94.1%, rgba(200,220,255,0.33), transparent),
    radial-gradient(0.88px 0.88px at 18.7% 43.7%, rgba(200,220,255,0.22), transparent),
    radial-gradient(1.20px 1.20px at 20.1% 12.5%, rgba(200,220,255,0.44), transparent),
    radial-gradient(0.90px 0.90px at 44.4% 60.9%, rgba(255,255,255,0.36), transparent),
    radial-gradient(0.99px 0.99px at 13.9% 62.2%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.14px 1.14px at 60.0% 18.8%, rgba(255,255,255,0.20), transparent),
    radial-gradient(1.48px 1.48px at 2.1% 27.6%, rgba(255,255,255,0.31), transparent),
    radial-gradient(1.41px 1.41px at 96.7% 64.7%, rgba(255,255,255,0.47), transparent),
    radial-gradient(1.32px 1.32px at 3.9% 71.8%, rgba(255,255,255,0.54), transparent),
    radial-gradient(0.62px 0.62px at 63.8% 58.4%, rgba(255,255,255,0.34), transparent),
    radial-gradient(1.08px 1.08px at 76.8% 87.3%, rgba(255,255,255,0.36), transparent),
    radial-gradient(0.66px 0.66px at 53.8% 84.8%, rgba(255,255,255,0.67), transparent),
    radial-gradient(1.47px 1.47px at 99.7% 31.6%, rgba(200,220,255,0.67), transparent),
    radial-gradient(0.66px 0.66px at 64.6% 13.2%, rgba(255,255,255,0.50), transparent),
    radial-gradient(0.67px 0.67px at 67.9% 37.1%, rgba(255,255,255,0.22), transparent),
    radial-gradient(1.49px 1.49px at 79.4% 89.7%, rgba(200,220,255,0.37), transparent),
    radial-gradient(0.65px 0.65px at 49.5% 34.5%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.13px 1.13px at 95.6% 61.9%, rgba(255,255,255,0.21), transparent),
    radial-gradient(0.90px 0.90px at 41.9% 15.8%, rgba(255,255,255,0.42), transparent),
    radial-gradient(0.89px 0.89px at 5.2% 32.4%, rgba(255,255,255,0.26), transparent),
    radial-gradient(0.91px 0.91px at 21.1% 6.2%, rgba(200,220,255,0.27), transparent),
    radial-gradient(1.35px 1.35px at 56.6% 51.4%, rgba(200,220,255,0.33), transparent),
    radial-gradient(0.85px 0.85px at 32.0% 8.1%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.31px 1.31px at 48.4% 29.3%, rgba(255,255,255,0.25), transparent),
    radial-gradient(1.22px 1.22px at 22.7% 89.1%, rgba(255,255,255,0.17), transparent),
    radial-gradient(1.40px 1.40px at 38.3% 14.0%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.36px 1.36px at 67.0% 87.0%, rgba(200,220,255,0.34), transparent),
    radial-gradient(0.67px 0.67px at 61.7% 98.2%, rgba(255,255,255,0.46), transparent),
    radial-gradient(0.70px 0.70px at 16.3% 45.4%, rgba(255,255,255,0.22), transparent),
    radial-gradient(0.69px 0.69px at 82.5% 14.4%, rgba(255,255,255,0.48), transparent),
    radial-gradient(1.03px 1.03px at 46.0% 88.4%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.41px 1.41px at 50.2% 35.3%, rgba(200,220,255,0.53), transparent),
    radial-gradient(0.82px 0.82px at 52.5% 4.2%, rgba(200,220,255,0.26), transparent),
    radial-gradient(0.71px 0.71px at 63.0% 70.8%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.19px 1.19px at 57.7% 44.4%, rgba(255,255,255,0.57), transparent),
    radial-gradient(0.67px 0.67px at 81.2% 68.0%, rgba(255,255,255,0.40), transparent),
    radial-gradient(1.07px 1.07px at 95.9% 40.0%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.52px 1.52px at 93.8% 52.4%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.20px 1.20px at 51.7% 88.5%, rgba(200,220,255,0.20), transparent),
    radial-gradient(1.15px 1.15px at 21.0% 2.7%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.01px 1.01px at 85.2% 47.4%, rgba(255,255,255,0.19), transparent),
    radial-gradient(0.61px 0.61px at 5.7% 11.2%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.10px 1.10px at 77.7% 12.5%, rgba(255,255,255,0.57), transparent),
    radial-gradient(0.76px 0.76px at 34.2% 15.0%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.35px 1.35px at 10.6% 52.3%, rgba(255,255,255,0.62), transparent),
    radial-gradient(1.44px 1.44px at 15.0% 53.2%, rgba(200,220,255,0.41), transparent),
    radial-gradient(0.82px 0.82px at 9.5% 63.1%, rgba(255,255,255,0.24), transparent),
    radial-gradient(1.43px 1.43px at 35.1% 16.5%, rgba(255,255,255,0.22), transparent),
    radial-gradient(1.19px 1.19px at 86.9% 72.5%, rgba(255,255,255,0.26), transparent),
    radial-gradient(1.38px 1.38px at 1.5% 68.7%, rgba(255,255,255,0.24), transparent),
    radial-gradient(1.09px 1.09px at 52.1% 2.1%, rgba(255,255,255,0.51), transparent),
    radial-gradient(0.68px 0.68px at 45.0% 27.6%, rgba(255,255,255,0.21), transparent),
    radial-gradient(0.94px 0.94px at 2.2% 51.8%, rgba(255,255,255,0.47), transparent),
    radial-gradient(1.04px 1.04px at 78.7% 57.4%, rgba(255,255,255,0.64), transparent),
    radial-gradient(0.74px 0.74px at 47.8% 64.2%, rgba(255,255,255,0.38), transparent),
    radial-gradient(1.02px 1.02px at 74.7% 87.9%, rgba(255,255,255,0.47), transparent),
    radial-gradient(0.90px 0.90px at 77.5% 34.9%, rgba(255,255,255,0.56), transparent),
    radial-gradient(0.67px 0.67px at 43.3% 24.2%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.53px 1.53px at 69.1% 75.6%, rgba(255,255,255,0.32), transparent),
    radial-gradient(1.20px 1.20px at 21.4% 98.1%, rgba(255,255,255,0.64), transparent),
    radial-gradient(1.41px 1.41px at 81.0% 48.1%, rgba(255,255,255,0.50), transparent),
    radial-gradient(0.92px 0.92px at 86.0% 53.5%, rgba(255,255,255,0.56), transparent),
    radial-gradient(0.86px 0.86px at 73.2% 51.8%, rgba(255,255,255,0.35), transparent),
    radial-gradient(0.72px 0.72px at 64.7% 7.2%, rgba(200,220,255,0.26), transparent),
    radial-gradient(0.97px 0.97px at 53.8% 63.0%, rgba(255,255,255,0.23), transparent),
    radial-gradient(1.20px 1.20px at 61.2% 91.4%, rgba(255,255,255,0.30), transparent),
    radial-gradient(1.54px 1.54px at 86.2% 37.6%, rgba(255,255,255,0.34), transparent),
    radial-gradient(0.90px 0.90px at 4.4% 51.0%, rgba(255,255,255,0.29), transparent),
    radial-gradient(0.79px 0.79px at 87.4% 32.1%, rgba(200,220,255,0.67), transparent),
    radial-gradient(0.98px 0.98px at 5.0% 3.6%, rgba(200,220,255,0.20), transparent),
    radial-gradient(0.72px 0.72px at 91.9% 74.6%, rgba(255,255,255,0.20), transparent),
    radial-gradient(1.26px 1.26px at 0.1% 22.5%, rgba(200,220,255,0.23), transparent),
    radial-gradient(1.33px 1.33px at 26.1% 56.2%, rgba(255,255,255,0.51), transparent),
    radial-gradient(1.43px 1.43px at 62.9% 23.8%, rgba(255,255,255,0.21), transparent),
    radial-gradient(1.11px 1.11px at 85.8% 49.3%, rgba(255,255,255,0.44), transparent),
    radial-gradient(1.45px 1.45px at 5.0% 24.9%, rgba(255,255,255,0.57), transparent),
    radial-gradient(0.98px 0.98px at 3.1% 70.9%, rgba(200,220,255,0.21), transparent),
    radial-gradient(1.23px 1.23px at 6.2% 90.3%, rgba(200,220,255,0.33), transparent),
    radial-gradient(1.02px 1.02px at 70.9% 0.7%, rgba(200,220,255,0.28), transparent),
    radial-gradient(0.67px 0.67px at 1.9% 19.7%, rgba(255,255,255,0.38), transparent),
    radial-gradient(0.79px 0.79px at 35.9% 51.0%, rgba(255,255,255,0.59), transparent),
    radial-gradient(0.92px 0.92px at 33.8% 90.5%, rgba(200,220,255,0.58), transparent),
    radial-gradient(1.32px 1.32px at 77.9% 35.4%, rgba(255,255,255,0.43), transparent),
    radial-gradient(1.33px 1.33px at 42.7% 2.1%, rgba(255,255,255,0.18), transparent),
    radial-gradient(0.77px 0.77px at 68.8% 31.6%, rgba(255,255,255,0.41), transparent),
    radial-gradient(1.21px 1.21px at 48.2% 73.1%, rgba(255,255,255,0.33), transparent),
    radial-gradient(0.69px 0.69px at 97.8% 0.0%, rgba(255,255,255,0.64), transparent),
    radial-gradient(0.78px 0.78px at 62.4% 91.0%, rgba(255,255,255,0.31), transparent),
    radial-gradient(1.28px 1.28px at 42.9% 95.1%, rgba(200,220,255,0.67), transparent),
    radial-gradient(1.10px 1.10px at 58.5% 47.0%, rgba(255,255,255,0.48), transparent),
    radial-gradient(0.74px 0.74px at 75.9% 58.3%, rgba(200,220,255,0.41), transparent),
    radial-gradient(0.96px 0.96px at 27.8% 75.9%, rgba(200,220,255,0.20), transparent),
    radial-gradient(0.60px 0.60px at 75.9% 53.7%, rgba(255,255,255,0.60), transparent),
    radial-gradient(1.36px 1.36px at 24.2% 54.6%, rgba(255,255,255,0.19), transparent),
    radial-gradient(1.34px 1.34px at 44.4% 29.3%, rgba(255,255,255,0.33), transparent),
    radial-gradient(0.93px 0.93px at 39.9% 5.5%, rgba(200,220,255,0.25), transparent),
    radial-gradient(1.40px 1.40px at 72.8% 8.3%, rgba(255,255,255,0.44), transparent),
    radial-gradient(1.37px 1.37px at 52.1% 95.2%, rgba(200,220,255,0.20), transparent),
    radial-gradient(1.21px 1.21px at 54.2% 20.3%, rgba(255,255,255,0.17), transparent),
    radial-gradient(1.48px 1.48px at 76.5% 63.9%, rgba(200,220,255,0.17), transparent),
    radial-gradient(0.81px 0.81px at 7.7% 14.1%, rgba(255,255,255,0.57), transparent),
    radial-gradient(1.00px 1.00px at 73.6% 13.7%, rgba(255,255,255,0.46), transparent),
    radial-gradient(1.51px 1.51px at 24.9% 48.6%, rgba(200,220,255,0.42), transparent),
    radial-gradient(1.30px 1.30px at 83.9% 83.0%, rgba(255,255,255,0.34), transparent),
    radial-gradient(1.01px 1.01px at 36.9% 95.6%, rgba(255,255,255,0.54), transparent),
    radial-gradient(0.99px 0.99px at 46.7% 38.2%, rgba(255,255,255,0.48), transparent),
    radial-gradient(1.10px 1.10px at 7.3% 60.8%, rgba(200,220,255,0.26), transparent),
    radial-gradient(1.03px 1.03px at 65.9% 58.3%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.23px 1.23px at 49.3% 93.2%, rgba(200,220,255,0.30), transparent),
    radial-gradient(0.79px 0.79px at 10.3% 50.6%, rgba(255,255,255,0.23), transparent),
    radial-gradient(1.43px 1.43px at 83.7% 31.5%, rgba(255,255,255,0.34), transparent),
    radial-gradient(1.30px 1.30px at 99.2% 7.9%, rgba(200,220,255,0.17), transparent),
    radial-gradient(1.34px 1.34px at 11.8% 91.0%, rgba(255,255,255,0.56), transparent),
    radial-gradient(1.54px 1.54px at 26.9% 10.2%, rgba(255,255,255,0.26), transparent),
    radial-gradient(1.03px 1.03px at 49.4% 8.2%, rgba(255,255,255,0.62), transparent),
    radial-gradient(1.03px 1.03px at 66.3% 91.7%, rgba(200,220,255,0.56), transparent),
    radial-gradient(0.68px 0.68px at 25.1% 10.3%, rgba(255,255,255,0.32), transparent),
    radial-gradient(0.67px 0.67px at 20.9% 22.2%, rgba(200,220,255,0.47), transparent),
    radial-gradient(0.78px 0.78px at 25.5% 2.0%, rgba(255,255,255,0.53), transparent),
    radial-gradient(0.74px 0.74px at 8.4% 19.6%, rgba(255,255,255,0.19), transparent),
    radial-gradient(1.52px 1.52px at 45.5% 50.3%, rgba(200,220,255,0.43), transparent),
    radial-gradient(1.20px 1.20px at 84.6% 52.3%, rgba(255,255,255,0.31), transparent),
    radial-gradient(0.83px 0.83px at 13.2% 67.5%, rgba(255,255,255,0.58), transparent),
    radial-gradient(1.23px 1.23px at 62.5% 62.9%, rgba(255,255,255,0.46), transparent),
    radial-gradient(0.84px 0.84px at 29.5% 86.9%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.08px 1.08px at 81.8% 94.6%, rgba(200,220,255,0.39), transparent),
    radial-gradient(1.07px 1.07px at 11.4% 86.2%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.41px 1.41px at 43.0% 0.5%, rgba(255,255,255,0.22), transparent),
    radial-gradient(1.16px 1.16px at 1.3% 29.9%, rgba(255,255,255,0.54), transparent),
    radial-gradient(1.45px 1.45px at 99.4% 99.7%, rgba(255,255,255,0.29), transparent),
    radial-gradient(0.89px 0.89px at 49.9% 41.2%, rgba(255,255,255,0.53), transparent),
    radial-gradient(1.40px 1.40px at 50.6% 86.8%, rgba(200,220,255,0.18), transparent),
    radial-gradient(0.79px 0.79px at 70.7% 78.1%, rgba(255,255,255,0.59), transparent),
    radial-gradient(1.32px 1.32px at 85.3% 5.3%, rgba(200,220,255,0.26), transparent),
    radial-gradient(0.81px 0.81px at 33.3% 75.0%, rgba(255,255,255,0.63), transparent),
    radial-gradient(0.78px 0.78px at 40.7% 54.9%, rgba(200,220,255,0.62), transparent),
    radial-gradient(0.72px 0.72px at 8.3% 39.3%, rgba(200,220,255,0.17), transparent),
    radial-gradient(1.03px 1.03px at 41.9% 39.4%, rgba(255,255,255,0.65), transparent),
    radial-gradient(0.96px 0.96px at 42.0% 20.8%, rgba(200,220,255,0.19), transparent),
    radial-gradient(0.69px 0.69px at 30.2% 31.6%, rgba(200,220,255,0.21), transparent),
    radial-gradient(1.30px 1.30px at 34.1% 63.4%, rgba(200,220,255,0.48), transparent),
    radial-gradient(1.37px 1.37px at 26.4% 6.4%, rgba(200,220,255,0.48), transparent),
    radial-gradient(0.89px 0.89px at 72.7% 52.2%, rgba(255,255,255,0.23), transparent),
    radial-gradient(0.98px 0.98px at 16.8% 84.0%, rgba(200,220,255,0.43), transparent),
    radial-gradient(0.65px 0.65px at 75.4% 62.5%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1.15px 1.15px at 97.1% 75.9%, rgba(200,220,255,0.40), transparent),
    radial-gradient(1.28px 1.28px at 61.2% 28.5%, rgba(255,255,255,0.66), transparent),
    radial-gradient(1.54px 1.54px at 80.3% 84.0%, rgba(200,220,255,0.20), transparent),
    radial-gradient(1.41px 1.41px at 61.7% 68.2%, rgba(255,255,255,0.22), transparent),
    radial-gradient(1.27px 1.27px at 90.0% 48.4%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1.23px 1.23px at 85.2% 48.0%, rgba(255,255,255,0.39), transparent),
    radial-gradient(0.93px 0.93px at 79.9% 0.1%, rgba(200,220,255,0.26), transparent),
    radial-gradient(1.16px 1.16px at 42.1% 97.5%, rgba(200,220,255,0.17), transparent),
    radial-gradient(0.74px 0.74px at 27.4% 4.4%, rgba(200,220,255,0.32), transparent),
    radial-gradient(1.50px 1.50px at 46.1% 4.7%, rgba(255,255,255,0.17), transparent),
    radial-gradient(1.25px 1.25px at 48.1% 37.5%, rgba(255,255,255,0.49), transparent),
    radial-gradient(1.45px 1.45px at 35.5% 37.1%, rgba(255,255,255,0.58), transparent),
    radial-gradient(0.95px 0.95px at 74.9% 83.5%, rgba(200,220,255,0.54), transparent),
    radial-gradient(0.89px 0.89px at 35.1% 45.6%, rgba(255,255,255,0.21), transparent),
    radial-gradient(1.39px 1.39px at 3.2% 26.1%, rgba(255,255,255,0.52), transparent),
    radial-gradient(0.85px 0.85px at 84.5% 72.9%, rgba(255,255,255,0.32), transparent),
    radial-gradient(0.99px 0.99px at 41.5% 36.3%, rgba(255,255,255,0.37), transparent),
    radial-gradient(1.33px 1.33px at 78.6% 42.9%, rgba(255,255,255,0.22), transparent),
    radial-gradient(1.12px 1.12px at 45.2% 62.2%, rgba(200,220,255,0.21), transparent),
    radial-gradient(1.38px 1.38px at 94.2% 99.4%, rgba(255,255,255,0.27), transparent),
    radial-gradient(1.08px 1.08px at 91.1% 80.1%, rgba(255,255,255,0.63), transparent),
    radial-gradient(1.01px 1.01px at 70.5% 1.3%, rgba(255,255,255,0.22), transparent),
    radial-gradient(0.81px 0.81px at 92.1% 55.7%, rgba(255,255,255,0.19), transparent),
    radial-gradient(1.01px 1.01px at 26.6% 9.7%, rgba(255,255,255,0.33), transparent),
    radial-gradient(1.17px 1.17px at 87.5% 14.7%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.09px 1.09px at 20.2% 62.6%, rgba(200,220,255,0.36), transparent),
    radial-gradient(1.51px 1.51px at 64.0% 16.0%, rgba(200,220,255,0.60), transparent),
    radial-gradient(1.55px 1.55px at 0.3% 50.9%, rgba(255,255,255,0.45), transparent);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.98;
  animation: rosin-classic-twinkle 8s ease-in-out infinite alternate;
  pointer-events: none;
}

@keyframes rosin-classic-twinkle {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

html[data-theme="classic"] .cosmos::after {
  content: "";
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background-image: var(--classic-streak), var(--classic-streak);
  background-size: 185px 2.1px, 145px 1.7px;
  background-repeat: no-repeat;
  background-position:
    -30% 18%,
    130% 66%;
  animation: rosin-classic-meteors 56s linear infinite;
}

@keyframes rosin-classic-meteors {
  0%,
  9% {
    opacity: 0;
    background-position:
      -30% 18%,
      130% 66%;
  }
  10% {
    opacity: 0.96;
  }
  14% {
    opacity: 0.96;
    background-position:
      112% 40%,
      130% 66%;
  }
  16% {
    opacity: 0.75;
    background-position:
      126% 47%,
      130% 66%;
  }
  17%,
  59% {
    opacity: 0;
    background-position:
      120% 45%,
      130% 66%;
  }
  60% {
    opacity: 0.82;
  }
  64% {
    opacity: 0.82;
    background-position:
      120% 45%,
      6% 74%;
  }
  66% {
    opacity: 0.68;
    background-position:
      120% 45%,
      -12% 84%;
  }
  67%,
  100% {
    opacity: 0;
    background-position:
      120% 45%,
      130% 66%;
  }
}

html[data-cosmos-custom-bg="1"][data-theme="classic"] .cosmos::before {
  opacity: 0.2;
}

html[data-cosmos-custom-bg="1"][data-theme="classic"] .cosmos::after {
  opacity: 0.45;
}