/* ════════════════════════════════════════════════════════════════════════════════════════════
   MELOGNITE — Fair-Use-Reminder-Banner, gehoert zu melognite-fairuse.js.

   ⚠⚠ DOKTRIN-2.1-KORREKTUR (2026-08-05, nach Eigentuemer-Befund "glitcht mit default extrem
   beim Scrollen" auf ALLEN Instanzen): Die erste Fassung war die schlimmste Kombination im
   ganzen Bestand -- `position:fixed` (bleibt beim Scrollen stehen -> muss JEDEN Frame neu
   komponiert werden) + `box-shadow` mit 24px Weichzeichnung (teurer Raster) + `transition`
   (promoviert das Element dauerhaft zu einer eigenen Compositing-Ebene) + `visibility:hidden`
   (loescht die Ebene NICHT -- sie bleibt bestehen und kostet, obwohl nichts sichtbar ist).
   Das Banner erschien nie, kostete aber bei jedem Scroll-Frame Compositor-Zeit -- auf dem
   2-Kern-Zielgeraet direkt zulasten des Audio-Dienstes.

   JETZT: `display:none` im Ruhezustand (keine Layout-Box, keine Ebene, exakt null Kosten),
   kein box-shadow, kein transition. Sichtbar wird es nur in dem seltenen Moment, in dem der
   Nutzer sein Tageslimit erreicht -- dann ist ein einzelner Paint voellig unkritisch.
   ════════════════════════════════════════════════════════════════════════════════════════════ */
.mgn-fu-banner{
  display: none;              /* KEINE Ebene im Ruhezustand -- der ganze Punkt dieser Datei */
  position: fixed; left: 50%; bottom: 18px; z-index: 9998;
  transform: translateX(-50%);
  max-width: min(92vw, 460px);
  align-items: center; gap: 10px;
  padding: 12px 14px;
  background: #1a1510; color: #f4ecd8;
  border: 1px solid rgba(244,236,216,.18);
  border-radius: 10px;
  font: 500 12.5px/1.4 var(--body-f, system-ui, sans-serif);
}
.mgn-fu-banner.on{ display: flex; }
.mgn-fu-txt{ flex: 1 1 auto; }
.mgn-fu-x{
  flex: 0 0 auto; background: transparent; border: none; color: inherit;
  font-size: 18px; line-height: 1; cursor: pointer; padding: 0 2px; opacity: .7;
}
.mgn-fu-x:hover{ opacity: 1; }
#dl[data-fu-locked]{ opacity: .5 !important; cursor: not-allowed !important; }