:root { color-scheme: dark; }

.noise:before{
  content:""; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");
  mix-blend-mode: overlay; opacity:.22; pointer-events:none;
}

.focus-ring:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(249,115,22,.35);
}

.shadow-glow-discord {
  box-shadow: 0 0 16px rgba(99, 102, 241, 0.35); /* Discord blurple */
}

.shadow-glow-youtube {
  box-shadow: 0 0 16px rgba(239, 68, 68, 0.35); /* YouTube red */
}