/* Shared glass surface for site controls; store badges retain their own finish. */
:is(.app-launcher-label, .nav-menu a, .news-nav .nav-button, .play-button:not([href*="apps.apple.com"])) {
  position: relative;
  isolation: isolate;
  border-radius: 999px;
  background:
    linear-gradient(160deg, rgb(255 255 255 / 38%), rgb(255 255 255 / 12%) 48%, rgb(255 255 255 / 26%));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  outline: 1px solid rgb(255 255 255 / 75%);
  outline-offset: -1px;
  box-shadow: none;
}

/* Edge reflections add depth without an external shadow or layout changes. */
:is(.app-launcher-label, .nav-menu a, .news-nav .nav-button, .play-button:not([href*="apps.apple.com"]))::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse 65% 14% at 50% 0%, rgb(255 255 255 / 72%), transparent),
    radial-gradient(ellipse 50% 15% at 50% 100%, rgb(255 255 255 / 55%), transparent),
    linear-gradient(90deg, rgb(255 255 255 / 18.2%), transparent 10% 90%, rgb(255 255 255 / 20.8%));
}

:is(.app-launcher-label, .nav-menu a, .news-nav .nav-button, .play-button:not([href*="apps.apple.com"])):hover {
  background-color: rgb(255 255 255 / 14%);
  box-shadow: none;
}

:is(.app-launcher-label, .nav-menu a, .news-nav .nav-button, .play-button:not([href*="apps.apple.com"])):active {
  background-color: rgb(255 255 255 / 18%);
  box-shadow: none;
}

:is(.app-launcher-label, .nav-menu a, .news-nav .nav-button, .play-button:not([href*="apps.apple.com"])):focus-visible {
  outline: 2px solid white;
  outline-offset: 3px;
}