/* 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(var(--a-18112c,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(var(--a-140e26,20,14,38),0.97) !important;
}
/* Fenster: gleiche Abdunklung und gleiche Flächen wie ohne Leistungsmodus (css/ios.css, schon deckend und ohne Glas).
   Früher standen hier eigene, lila getönte Farben: Auswahl-Menüs, Verlauf und Neuigkeiten wurden im Leistungsmodus
   lila und manche Fenster dunkelten den Hintergrund anders ab als die übrigen. */
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 .presets-overlay,
html.gg-perf #history-overlay,
html.gg-perf #pdf-gen-overlay {
  background: var(--ios-scrim, rgba(0,0,0,0.5)) !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 {
  background: var(--ios-sheet, #1c1c1e) !important;
}
html.gg-perf .gl-dd-pop,
html.gg-perf .lp-lang-pop {
  background: var(--ios-menu, #2c2c2e) !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: var(--ios-toast, rgba(44,44,46,0.96)); color: var(--ios-label, #fff);
  border: 0;
  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: var(--ios-tint-ink, rgb(var(--a-c084fc,192,132,252))); background: var(--ios-fill, rgba(118,118,128,0.24));
  border: 0; border-radius: 100px; padding: 6px 14px;
}
@keyframes ggPerfIn { from { opacity: 0; transform: translate(-50%, -8px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Handy: runder Knopf neben der Tab-Leiste (Einstellungen/Anmelden) so deckend wie die Leiste selbst (glass26.css).
   Ohne Unschärfe blieb von ihm nur ein heller Schimmer, über dem weißen Blatt sah er blass aus (iPhone 6s).
   Bewusst ohne :is(), damit es auch auf ganz alten iPhones greift. */
@media (max-width: 768px) {
  html.gg-perf #gg-tabnav .settings-btn-mobile,
  html.gg-perf #gg-tabnav .login-btn {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 40%),
      rgba(var(--a-160f2a,22,15,42),0.96) !important;
  }
}