html:not([data-site-scheme="light"]) [data-widget]:not([data-bare]) {
  -webkit-backdrop-filter: blur(7px) saturate(1.6);
  backdrop-filter: blur(7px) saturate(1.6);
  transition: border-color 0.2s;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--site-border) !important;
  background-color: #22232840 !important;
  /*
   * NO TOP INNER HIGHLIGHT. Upstream's rule opens with
   * inset 0 1px 1px #ffffff4d — a 30% white line — and on a card that also
   * carries an explicit 1px border it lands immediately inside it, so the two
   * read as a DOUBLE top border rather than as a lit edge (Dennis,
   * 2026-09-03). The border already is the top edge; the highlight was
   * drawing a second one a pixel below it. The faint bottom inset and the
   * drop shadow stay, and they are what give the pane its depth.
   */
  box-shadow:
    inset 0 -1px 1px #ffffff0d,
    0 12px 36px #00000059 !important;
}
html:not([data-site-scheme="light"]) [data-widget]:not([data-bare]):hover {
  border-color: var(--site-hover) !important;
}
/*
 * The diagonal specular sheen — the half of the glass that makes it read as
 * a lit pane rather than a flat translucent rectangle (app.css
 * .chart-container::before, same stops). Drawn as a ::before over the card,
 * with pointer-events none so it cannot eat a click and z-index 0 so the
 * chart's own canvas still draws on top of it.
 */
html:not([data-site-scheme="light"]) [data-widget]:not([data-bare])::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.02) 30%,
    transparent 58%
  );
  pointer-events: none;
  z-index: 0;
}