/* GPTGenie · Leistungsmodus (gehört zu js/perf-mode.js, wirkt nur mit html.gg-perf)
   Glas-Unschärfe und Lichtbrechung kosten auf schwachen Geräten am meisten (jedes Bild wird neu berechnet).
   Stattdessen: fast deckende Flächen im gleichen Farbton. Dauer-Animationen aus, Lade-Kreisel bleiben. */

html.gg-perf *, html.gg-perf *::before, html.gg-perf *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* ID-Regeln mit !important (glass26.css) und die Variable aus liquid.css extra abfangen */
html.gg-perf #history-panel, html.gg-perf #pdf-gen-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.gg-perf { --gl-tint: rgba(24, 17, 44, 0.97); --gl-blur: none; }

/* Schwebende Flächen: deckend statt durchscheinend-geblurrt */
html.gg-perf .navbar {
  background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.02) 45%), rgba(20,14,38,0.97) !important;
}
html.gg-perf .account-settings-dialog,
html.gg-perf #news-popup-overlay,
html.gg-perf .feedback-overlay,
html.gg-perf .background-selection-overlay,
html.gg-perf .auth-overlay,
html.gg-perf .modern-dialog-overlay,
html.gg-perf .slider-warning-overlay,
html.gg-perf #pdf-gen-overlay {
  background: rgba(7,5,20,0.9) !important;
}
html.gg-perf #news-popup,
html.gg-perf .account-settings-content,
html.gg-perf .feedback-container,
html.gg-perf .background-selection-dialog,
html.gg-perf .auth-dialog,
html.gg-perf #history-panel,
html.gg-perf .gl-dd-pop,
html.gg-perf .lp-lang-pop {
  background: linear-gradient(160deg, rgba(30,21,56,0.99) 0%, rgba(18,13,36,0.99) 100%) !important;
}

/* Deko-Animationen, die ständig laufen: aus (Lade-Kreisel bleiben, die zeigen ja etwas an) */
html.gg-perf .np-hero svg,
html.gg-perf .news-settings-dot,
html.gg-perf .gg-eraser.gg-eraser-idle,
html.gg-perf .news-popup-badge::before,
html.gg-perf .lp-progress-fill,
html.gg-perf .gen-bar-fill::after {
  animation: none !important;
}
/* Keine vorab reservierten Grafik-Ebenen (spart Grafikspeicher) */
html.gg-perf * { will-change: auto !important; }

/* Hinweis, wenn der Modus von selbst angegangen ist */
.gg-perf-note {
  position: fixed; left: 50%; top: 84px; z-index: 100000;   /* oben unter der Navbar: unten liegen Cookie-Banner und Versions-Hinweis */
  transform: translateX(-50%);
  display: flex; align-items: center; gap: 12px;
  max-width: calc(100% - 32px); box-sizing: border-box;
  padding: 10px 10px 10px 16px; border-radius: 16px;
  background: rgba(28,20,52,0.98); color: #f5f5f7;
  border: 1px solid rgba(255,255,255,0.12); border-top-color: rgba(255,255,255,0.22);
  box-shadow: 0 14px 34px -10px rgba(0,0,0,0.7);
  font: 500 13.5px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif;
  animation: ggPerfIn .28s ease both;
}
.gg-perf-note.out { opacity: 0; transition: opacity .25s ease; }
.gg-perf-note button {
  flex-shrink: 0; cursor: pointer; font: inherit; font-weight: 650;
  color: #e9d5ff; background: rgba(168,85,247,0.22);
  border: 1px solid rgba(216,180,254,0.3); border-radius: 10px; padding: 6px 12px;
}
@keyframes ggPerfIn { from { opacity: 0; transform: translate(-50%, -8px); } to { opacity: 1; transform: translate(-50%, 0); } }