/* GPTGenie · Heller Modus: Korrekturen von Hand.
 * Die meisten Farben rechnet tools/light.js automatisch um (css/light-app.css, css/light-content.css).
 * Hier steht nur, was die Rechnung nicht gut trifft: Grundflächen, Karten, Abdunkeln hinter Fenstern, Schrift-Töne.
 * Wird auf allen Seiten mit hellem Modus als letzte Datei geladen. Gilt nur bei <html data-theme="light"> (js/theme.js).
 */

/* Beim Umschalten keine Übergänge der einzelnen Flächen, die ganze Seite blendet stattdessen über (js/theme.js) */
html.gg-theme-switching *, html.gg-theme-switching *::before, html.gg-theme-switching *::after { transition: none !important; }
html.gg-theme-fading::view-transition-old(root),
html.gg-theme-fading::view-transition-new(root) { animation-duration: .45s; animation-timing-function: cubic-bezier(.4, 0, .2, 1); }

html[data-theme="light"] {
  /* Grundfarben */
  --bg:  rgb(var(--a-f2f1f6,242,241,246));
  --bg2: #e9e8ef;
  --text:   #1c1b22;
  --text-2: rgba(28,27,34,0.70);
  --text-3: rgba(28,27,34,0.52);
  --text-4: rgba(28,27,34,0.32);

  /* Akzent-Töne, die oft als Schrift benutzt werden: dunkler, damit lesbar auf Weiß */
  --purple-2: rgb(var(--a-7c3aed,124,58,237));
  --purple-3: rgb(var(--a-7c3aed,124,58,237));
  --purple-4: rgb(var(--a-6d28d9,109,40,217));

  /* Karten auf der Seite: weißes Milchglas */
  --lg-card:
    linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.80) 100%);
  --lg-card-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 1px 2px rgba(28,27,34,0.06),
    0 10px 30px -18px rgba(28,27,34,0.25),
    0 0 0 0.5px rgba(28,27,34,0.10);
  --lg-rim: rgba(28,27,34,0.09);
  --lg-rim-top: rgba(255,255,255,0.9);

  /* Schwebende Fenster (Liquid Glass): helles Glas */
  --gl-tint: rgba(var(--a-fafafd,250,250,253),0.78);
  --gl-sheen: linear-gradient(180deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.25) 34%, rgba(255,255,255,0.10) 100%);
  --gl-rim: rgba(28,27,34,0.10);
  --gl-rim-top: rgba(255,255,255,0.95);
  --gl-shadow:
    inset 0 1px 0.5px rgba(255,255,255,0.95),
    0 0 0 0.5px rgba(28,27,34,0.12),
    0 30px 80px -30px rgba(28,27,34,0.35),
    0 10px 30px -14px rgba(28,27,34,0.18);
  --gl-scrim: rgba(28,27,34,0.22);
  --gl-well: rgba(255,255,255,0.75);
  --gl-well-rim: rgba(28,27,34,0.08);
}

/* Seitenhintergrund: ruhiges Hellgrau statt dunklem Lila-Schein */
html[data-theme="light"] body { background: var(--bg) !important; }
html[data-theme="light"] body::before { background: var(--bg) !important; }
html[data-theme="light"] body::after { opacity: 0.12; }

html[data-theme="light"] ::selection { background: rgba(var(--a-a855f7,168,85,247),0.25); color: inherit; }

/* Stern bei „Feedback“: bleibt gelb */
html[data-theme="light"] .gg-star-i { color: #e8890c !important; fill: #fcd34d !important; }

/* Zeichenfelder und gespeicherte Buchstaben: Die Striche werden weiß gespeichert (das bleibt so, die PDF färbt sie).
   Im hellen Modus nur die Anzeige umdrehen: helles Feld, dunkle Striche. hue-rotate hält die Akzentfarbe der Hilfslinien. */
html[data-theme="light"] #guideImage,
html[data-theme="light"] #fastScanGuideImage,
html[data-theme="light"] #fast-scan-ui .guide-image,
html[data-theme="light"] #letterCanvas,
html[data-theme="light"] #fastScanCanvas,
html[data-theme="light"] #saved-letters img.saved-instance-img { filter: invert(1) hue-rotate(180deg); }
html[data-theme="light"] #app-section .canvas-wrapper,
html[data-theme="light"] #fast-scan-ui .letter-guide-container,
html[data-theme="light"] #fast-scan-ui .canvas-wrapper { background: rgb(var(--a-fbfafd,251,250,253)) !important; }

/* Ratgeber- und Rechtsseiten: die große Karte weiß statt grau-lila */
html[data-theme="light"] .glass-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.86) 100%) !important;
  border-color: rgba(28,27,34,0.08) !important;
  border-top-color: rgba(255,255,255,0.95) !important;
  box-shadow: 0 1px 2px rgba(28,27,34,0.05), 0 18px 50px -24px rgba(28,27,34,0.25), 0 0 0 0.5px rgba(28,27,34,0.08) !important;
}

/* Gewählter Eintrag (Reiter, Menüzeile, Navigation): weiße Pille auf hellgrauer Spur wie bei iOS */
html[data-theme="light"] .lp-tabs { background: rgba(28,27,34,0.06) !important; border-color: transparent !important; box-shadow: none !important; }
html[data-theme="light"] .lp-tab-indicator,
html[data-theme="light"] .lp-tab.active,
html[data-theme="light"] .nav-indicator {
  background: #fff !important;
  border-color: rgba(28,27,34,0.06) !important;
  box-shadow: 0 1px 3px rgba(28,27,34,0.12), 0 2px 8px -4px rgba(28,27,34,0.12) !important;
}
html[data-theme="light"] .gl-dd-lens {
  background: rgba(255,255,255,0.92);
  box-shadow: 0 1px 2px rgba(28,27,34,0.08), 0 4px 12px -4px rgba(28,27,34,0.16), inset 0 0 0 0.5px rgba(28,27,34,0.06);
}
html[data-theme="light"] .nav-links { background: rgba(28,27,34,0.05) !important; border-color: transparent !important; box-shadow: none !important; }

/* Schrift mit Farbverlauf: im hellen Modus einfarbig (der Verlauf wäre auf Weiß zu blass) */
html[data-theme="light"] :is(.gradient-text, .info-card-number, .ls-wordmark span, .average-rating-number) {
  background: none !important; -webkit-text-fill-color: currentColor !important; color: rgb(var(--a-7c3aed,124,58,237)) !important;
}
html[data-theme="light"] :is(.page-title, .modal-content h2, .news-popup-title, .fb-write-title) {
  background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--text) !important;
}

/* Bewertungen: Sterne und Balken im hellen Modus kräftiger (die Rechnung macht sie zu blass) */
html[data-theme="light"] .average-rating {
  --ar-gold: #F5A800 !important;
  --ar-empty: rgba(28,27,34,0.14) !important;
  --ar-track: rgba(28,27,34,0.08) !important;
  --ar-muted: rgba(11,11,12,0.55) !important;
}

/* Abfragen (showModernDialog, js/app/dialogs.js): Überschrift und Text stehen als helle Inline-Farbe drin */
html[data-theme="light"] .modern-dialog-content > h3 { color: #1c1c1e !important; }
html[data-theme="light"] .modern-dialog-content > h3 + div { color: rgba(60,60,67,0.78) !important; }

/* Statistik: weiße Zahl auf der lila Kachel braucht kräftigeres Lila */
html[data-theme="light"] .sd-hero {
  background: linear-gradient(135deg, rgba(var(--a-a855f7,168,85,247),0.95), rgba(var(--a-9333ea,147,51,234),0.9)) !important;
}

/* Nutzerdaten löschen: leeres Kästchen weiß, hebt sich vom grauen Feld ab */
html[data-theme="light"] .gg-ud-opt input:not(:checked) { background: #fff; }

/* iOS-Fenster (css/ios.css): Farben wie die hellen iOS-Einstellungen */
html[data-theme="light"] {
  --ios-sheet: #f2f2f7;   /* accent-keep: iOS-Grau */
  --ios-group: #ffffff;
  --ios-group-press: #e5e5ea;
  --ios-sep: rgba(60,60,67,0.29);
  --ios-label: #000000;
  --ios-label2: rgba(60,60,67,0.6);
  --ios-label3: rgba(60,60,67,0.3);
  --ios-fill: rgba(120,120,128,0.12);
  --ios-circle: #ffffff;
  --ios-seg-on: #ffffff;
  --ios-circle-ink: #1c1c1e;
  --ios-scrim: rgba(0,0,0,0.28);
  --ios-tint: rgb(var(--a-9333ea,147,51,234));
  --ios-tint-ink: rgb(var(--a-9333ea,147,51,234));
  --ios-tint-fill: rgba(var(--a-9333ea,147,51,234),0.1);
  --ios-red: #ff3b30;
  --ios-red-fill: rgba(255,59,48,0.12);
  --ios-shadow: 0 30px 80px -24px rgba(0,0,0,0.3);
  --ios-circle-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 4px 14px rgba(0,0,0,0.06);
}
/* volle Akzent-Knöpfe in Fenstern: Schrift bleibt weiß */
html[data-theme="light"] :is(.fn-btn-primary, .gl-btn-primary, .auth-button-primary, .action-button.purple, .sd-close-btn,
  .btn-submit, .slider-btn-confirm, .news-dismiss-btn, .presets-save-new-btn, .action-button.danger, .gl-btn-danger) { color: #fff !important; }
/* Cookie-Hinweis (css/cookie-banner.css) hell wie iOS */
html[data-theme="light"] {
  --cb-sheet: #ffffff; --cb-group: #f2f2f7; --cb-label: #000000; --cb-label2: rgba(60,60,67,0.6);   /* accent-keep: iOS-Grau */
  --cb-tint: rgb(var(--a-9333ea,147,51,234)); --cb-tint-ink: rgb(var(--a-9333ea,147,51,234)); --cb-tint-fill: rgba(var(--a-9333ea,147,51,234),0.1);
  --cb-shadow: 0 24px 70px -20px rgba(0,0,0,0.28), 0 0 0 0.5px rgba(0,0,0,0.06);
}
html[data-theme="light"] #cookie-banner .cb-btn-accept { color: #fff !important; }
/* Regler-Glaslinse (css/slider-glass.css) auf hellem Grund: die Kante braucht hier etwas Grau und kräftigere
   Farbsäume, sonst verschwindet die weiße Linse im weißen Hintergrund (Vorlage: iOS-Einstellungen, Helligkeit) */
html[data-theme="light"] .sg-lens-g {
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,0.95),
    inset 1.6px 1.2px 1px -0.4px rgba(40,130,255,0.6),
    inset -1.6px -1.2px 1px -0.4px rgba(255,170,50,0.5),
    inset -1.2px 0.6px 1.2px -0.4px rgba(255,80,170,0.4),
    inset 0 0 0 0.75px rgba(60,70,90,0.22),
    inset 0 0 12px rgba(255,255,255,0.12);
}
html[data-theme="light"].sg-lens-soft .sg-lens-g {
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(90% 70% at 50% 100%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 60%);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,0.95),
    inset 1.6px 1.2px 1px -0.4px rgba(40,130,255,0.65),
    inset -1.6px -1.2px 1px -0.4px rgba(255,170,50,0.55),
    inset -1.2px 0.6px 1.2px -0.4px rgba(255,80,170,0.45),
    inset 0 0 0 0.75px rgba(60,70,90,0.26),
    inset 0 0 14px rgba(255,255,255,0.14);
}
/* Safari-Lupe in Reiter-Blasen (css/glass26.css .gl-mag): heller Schleier statt grauem */
html[data-theme="light"] .gl-mag { background: rgba(var(--a-fafafc,250,250,252),0.72); }
html[data-theme="light"] { --ios-pill-fill: rgba(120,120,128,0.12); }
/* ganze Seite wie iOS (css/ios.css, Abschnitt „Die ganze Seite“) */
html[data-theme="light"] { --ios-page: #f2f2f7; --ios-card: #ffffff; --ios-inner: #f2f2f7; --ios-inner-press: #e5e5ea; }   /* accent-keep: iOS-Grau */
/* Ausklapp-Menüs (css/ios.css) hell wie iOS */
html[data-theme="light"] { --ios-menu: #ffffff; --ios-menu-press: rgba(0,0,0,0.06); --ios-menu-sep: rgba(60,60,67,0.08); }
html[data-theme="light"] :is(.gl-dd-pop, .lp-lang-pop):not(#_a):not(#_b) { box-shadow: 0 18px 50px -12px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(0,0,0,0.05) !important; }

/* Heft-Editor (css/notes.css) im hellen Modus: warmer, heller Schreibtisch, weiße Leisten */
html[data-theme="light"] .gn {
  --gn-desk: #e7e5e1; --gn-bar: #fcfbfa; --gn-strip: #f5f4f1; --gn-pop: #ffffff;
  --gn-ink: #1d1c1a; --gn-ink2: rgba(29,28,26,0.64); --gn-ink3: rgba(29,28,26,0.42);
  --gn-line: rgba(40,32,20,0.1); --gn-line2: rgba(40,32,20,0.16);
  --gn-hover: rgba(40,32,20,0.05); --gn-press: rgba(40,32,20,0.085); --gn-field: rgba(40,32,20,0.045);
  --gn-chip-bg: #1f1e1d; --gn-chip-ink: #f6f5f3;
  --gn-shadow: 0 14px 34px -14px rgba(40,30,15,0.3), 0 2px 6px rgba(40,30,15,0.08);
}
html[data-theme="light"] .gn-pg { box-shadow: 0 0 0 0.5px rgba(40,30,15,0.18), 0 1px 2px rgba(40,30,15,0.1), 0 10px 24px -12px rgba(40,30,15,0.32); }
html[data-theme="light"] .gn-strip { box-shadow: 0 0.5px 0 var(--gn-line); }
html[data-theme="light"] .gn-seg button.on { background: #ffffff; box-shadow: 0 1px 3px rgba(40,30,15,0.16), 0 0 0 0.5px rgba(40,30,15,0.08); }
html[data-theme="light"] .gn-preview { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); }
html[data-theme="light"] .gn-penb svg { filter: drop-shadow(0 1px 1.5px rgba(40,30,15,0.25)); }
html[data-theme="light"] .gn-selbar, html[data-theme="light"] .gn-toast { background: #1f1e1d; color: #f6f5f3; }
html[data-theme="light"] .gn .gn-zoom, html[data-theme="light"] .gn .gn-pageno { background: var(--gn-glass); color: var(--gn-ink); }
html[data-theme="light"] .gn .gn-zoom:not(#_a) { color: var(--gn-ink2); }
/* Text in deiner Handschrift: Knöpfe weiß wie unter dem Textfeld auf „Schreiben“ */
html[data-theme="light"] .gn .gn-hw-bar { --ios-inner: #ffffff; } /* accent-keep */
/* Text in deiner Handschrift: Hinweis auf fehlende Buchstaben gut lesbar auf Hell */
html[data-theme="light"] .gn .gn-hw-miss { color: #8a5300; background: rgba(255,176,32,.18); } /* accent-keep */
/* Kreis „neue Seite“ am Ende (notes.css .gn-pull): hell wie Seitenzahl und Zoom */
html[data-theme="light"] .gn .gn-pull-t { background: var(--gn-glass); color: var(--gn-ink); box-shadow: 0 0 0 0.5px var(--gn-glass-line), 0 10px 26px -14px rgba(40,30,15,.3); }
html[data-theme="light"] .gn .gn-pull.full .gn-pull-t { color: var(--gn-acc); }
html[data-theme="light"] .gn .gn-pull-bg { fill: var(--gn-glass-strong); stroke: var(--gn-glass-line); }
html[data-theme="light"] .gn .gn-pull.full .gn-pull-bg { fill: var(--gn-acc); stroke: var(--gn-acc); }
html[data-theme="light"] .gn .gn-pull-plus { stroke: var(--gn-ink2); }
html[data-theme="light"] .gn .gn-pull.full .gn-pull-plus { stroke: #fff; }
/* Design 2026-11: Glas und Gruppen im hellen Modus */
html[data-theme="light"] .gn {
  --gn-desk: #e9e7e3; --gn-glass: rgba(252,251,250,0.78); --gn-glass-strong: rgba(255,255,255,0.94);
  --gn-glass-line: rgba(40,32,20,0.12); --gn-glass-hi: inset 0 0.5px 0 rgba(255,255,255,0.9); --gn-grp: rgba(40,32,20,0.055); --gn-panel-bg: #ffffff;
}
html[data-theme="light"] .gn-tool.on { box-shadow: 0 1px 3px rgba(40,30,15,.18), 0 0 0 0.5px rgba(40,30,15,.06); }
html[data-theme="light"] .gn-pg { box-shadow: 0 0 0 0.5px rgba(40,30,15,0.16), 0 2px 4px rgba(40,30,15,0.08), 0 18px 36px -18px rgba(40,30,15,0.34); }
html[data-theme="light"] .gn-zoom, html[data-theme="light"] .gn-pageno, html[data-theme="light"] .gn-panel { box-shadow: 0 0 0 0.5px var(--gn-glass-line), 0 10px 26px -14px rgba(40,30,15,.3); }
html[data-theme="light"].gg-perf .gn { --gn-glass: #fbfaf8; --gn-glass-strong: #ffffff; }
@media (prefers-reduced-transparency: reduce) { html[data-theme="light"] .gn { --gn-glass: #fbfaf8; --gn-glass-strong: #ffffff; } }
html[data-theme="light"] .gn-selbar button:hover { background: rgba(255,255,255,0.08); }
html[data-theme="light"] .gn-anchor, html[data-theme="light"] .gn-handle, html[data-theme="light"] .gn-rot-h { background: #ffffff; }
html[data-theme="light"] .gn-swb { box-shadow: inset 0 0 0 1px rgba(40,30,15,0.22); }
html[data-theme="light"] .gn-swb.on { box-shadow: 0 0 0 2px var(--gn-glass-strong), 0 0 0 3.5px var(--gn-ink); }
html[data-theme="light"] .gn-pop .gn-swb.on { box-shadow: 0 0 0 2px var(--gn-pop), 0 0 0 3.5px var(--gn-ink); }
html[data-theme="light"] .gn-thumb-pg { background: #ffffff; box-shadow: 0 0 0 0.5px rgba(40,30,15,0.2), 0 6px 14px -8px rgba(40,30,15,0.35); }
html[data-theme="light"] .gn-tpl img { background: #ffffff; box-shadow: 0 0 0 0.5px rgba(40,30,15,0.2), 0 3px 8px -4px rgba(40,30,15,0.3); }
html[data-theme="light"] .gn-sheet-ov { background: rgba(30,25,15,0.28); }
html[data-theme="light"] .gn-switch i::after { background: #ffffff; }
html[data-theme="light"] .gn-chip.on .gn-chk { color: #ffffff; }
html[data-theme="light"] .gn-btn-primary, html[data-theme="light"] .gn-btn-danger { color: #ffffff; }

/* Meine Hefte: Heft- und Ordnerfarben im hellen Modus genau wie im dunklen (die Umrechnung würde Lila zur Akzentfarbe machen) */
html[data-theme="light"] .gga-color[data-c="red"] { background: #ff453a; }
html[data-theme="light"] .gga-color[data-c="orange"] { background: #ff9f0a; }
html[data-theme="light"] .gga-color[data-c="yellow"] { background: #ffd60a; }
html[data-theme="light"] .gga-color[data-c="green"] { background: #30d158; }
html[data-theme="light"] .gga-color[data-c="blue"] { background: #0a84ff; }
html[data-theme="light"] .gga-color[data-c="purple"] { background: #bf5af2; }   /* accent-keep */
html[data-theme="light"] .gga-color[data-c="pink"] { background: #ff375f; }
html[data-theme="light"] .gga-color[data-c="gray"] { background: #8e8e93; }
html[data-theme="light"] .gga-card[data-color="red"], html[data-theme="light"] .gga-lrow[data-color="red"] { --gga-c: #ff453a; }
html[data-theme="light"] .gga-card[data-color="orange"], html[data-theme="light"] .gga-lrow[data-color="orange"] { --gga-c: #ff9f0a; }
html[data-theme="light"] .gga-card[data-color="yellow"], html[data-theme="light"] .gga-lrow[data-color="yellow"] { --gga-c: #ffd60a; }
html[data-theme="light"] .gga-card[data-color="green"], html[data-theme="light"] .gga-lrow[data-color="green"] { --gga-c: #30d158; }
html[data-theme="light"] .gga-card[data-color="blue"], html[data-theme="light"] .gga-lrow[data-color="blue"] { --gga-c: #0a84ff; }
html[data-theme="light"] .gga-card[data-color="purple"], html[data-theme="light"] .gga-lrow[data-color="purple"] { --gga-c: #bf5af2; }   /* accent-keep */
html[data-theme="light"] .gga-card[data-color="pink"], html[data-theme="light"] .gga-lrow[data-color="pink"] { --gga-c: #ff375f; }
html[data-theme="light"] .gga-card[data-color="gray"], html[data-theme="light"] .gga-lrow[data-color="gray"] { --gga-c: #8e8e93; }
html[data-theme="light"] .gga-f-paper { background: #ffffff; }
html[data-theme="light"] .gga-cover { background: #ffffff; box-shadow: 2px 0 0 -1px #f4f4f6, 4px 0 0 -2px #dcdce2, 0 12px 24px -14px rgba(40,30,15,0.45), 0 1px 4px rgba(40,30,15,0.12); }
html[data-theme="light"] .gga-f-back { box-shadow: 0 12px 24px -14px rgba(40,30,15,0.5); }
html[data-theme="light"] .gga-f-front, html[data-theme="light"] .gga-f-count { color: #ffffff; }
html[data-theme="light"] .gga-folder-light .gga-f-front { color: rgba(0,0,0,0.78); }
html[data-theme="light"] .gga-folder-light .gga-f-count { color: rgba(0,0,0,0.75); }
html[data-theme="light"] .gga-tick { box-shadow: inset 0 0 0 2px #ffffff; }
html[data-theme="light"] .gga-selecting .sel .gga-tick { color: #ffffff; }
html[data-theme="light"] .gga-selbar .gga-selbar-done, html[data-theme="light"] .gga-tbtn.on { color: #ffffff; }
/* Ordner: Farben genau wie im dunklen Modus (die automatische Umrechnung machte die Vorderseite durchsichtig) */
html[data-theme="light"] .gga-folder { --fc2: color-mix(in srgb, var(--fc) 72%, #000000); }
html[data-theme="light"] .gga-f-back { background: linear-gradient(180deg, var(--fc2), color-mix(in srgb, var(--fc) 55%, #000000)); }
html[data-theme="light"] .gga-f-front {
  background: linear-gradient(170deg, color-mix(in srgb, var(--fc) 86%, #ffffff), var(--fc) 45%, color-mix(in srgb, var(--fc) 88%, #000000));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 -6px 14px -8px rgba(0,0,0,0.3);
}
html[data-theme="light"] .gga-f-front::before { border-top: 1.5px dashed rgba(255,255,255,0.4); }
html[data-theme="light"] .gga-f-label { text-shadow: 0 1px 2px rgba(0,0,0,0.18); }
html[data-theme="light"] .gga-f-count { background: rgba(0,0,0,0.2); }
html[data-theme="light"] .gga-folder-light .gga-f-count { background: rgba(0,0,0,0.12); }
html[data-theme="light"] .gga-folder-light .gga-f-front::before { border-color: rgba(0,0,0,0.18); }
html[data-theme="light"] .gga-f-paper-empty { background: rgba(255,255,255,0.18); border: 1.5px dashed rgba(255,255,255,0.45); }
html[data-theme="light"] .gga-fmini { box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
/* Ordner-Symbol: weiß wie im dunklen Modus (gelber Ordner: dunkel) */
html[data-theme="light"] .gga-f-sym { color: #ffffff; }
html[data-theme="light"] .gga-f-sym svg { filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.25)); }
html[data-theme="light"] .gga-f-sym.gga-f-sym-dark { color: rgba(0,0,0,.62); }
html[data-theme="light"] .gga-f-sym.gga-f-sym-dark svg { filter: none; }
html[data-theme="light"] .gga-new-plus, html[data-theme="light"] .gga-btn-primary, html[data-theme="light"] .gga-btn-danger { color: #ffffff; }
html[data-theme="light"] .gn-ps-img { background: #ffffff; box-shadow: 0 0 0 0.5px rgba(40,30,15,.22), 0 4px 10px -6px rgba(40,30,15,.35); }
html[data-theme="light"] .gn-ps-tick { color: #ffffff; }
html[data-theme="light"] .gn-tone-white { background: #ffffff; }
html[data-theme="light"] .gn-tone-cream { background: #f7f2dc; }
html[data-theme="light"] .gn-tone-dark { background: #303030; }
/* Farbtupfer „Weiß“ auf weißem Grund: feiner Rand (der helle Rand von „Dunkel“ aus notes.css braucht es hier nicht) */
html[data-theme="light"] .gn-ps-tone button:not(.on) i.gn-tone-white { box-shadow: inset 0 0 0 1px rgba(28,27,34,.16), 0 3px 8px -4px rgba(28,27,34,.12); }
html[data-theme="light"] .gn-ps-tone button:not(.on) i.gn-tone-dark { box-shadow: 0 3px 8px -4px rgba(28,27,34,.12); }
/* Design 2026-11: Zweitknöpfe im hellen Modus als graue Fläche (ohne Rahmen) */
html[data-theme="light"].gg-app .gga-btn-ghost { background: rgba(60,60,67,0.08); }
html[data-theme="light"].gg-app .gga-btn-ghost:hover { background: rgba(60,60,67,0.12); filter: none; }
/* Heft: gleitende Taste (notes.css .gn-pill) hell wie die gewählten Knöpfe */
html[data-theme="light"] .gn-seg > .gn-pill { background: #ffffff; box-shadow: 0 1px 3px rgba(40,30,15,0.16), 0 0 0 0.5px rgba(40,30,15,0.08); }
html[data-theme="light"] #gn-tools > .gn-pill { box-shadow: 0 1px 3px rgba(40,30,15,.18), 0 0 0 0.5px rgba(40,30,15,.06); }
@media (max-width: 699px) { html[data-theme="light"] #gn-tools > .gn-pill { box-shadow: none; } }
/* Neu laden im Heft (app-shell.css): heller Schreibtisch, bis das Heft steht */
html[data-theme="light"].gg-app.gg-resume body::before { background: #e9e7e3; }
/* Heft lädt: Platzhalter-Seiten hell (notes.css .gn-skel) */
html[data-theme="light"] .gn-skel-pg { background-color: #ffffff; box-shadow: 0 0 0 .5px rgba(40,30,15,.14), 0 18px 36px -18px rgba(40,30,15,.3); }
html[data-theme="light"] .gn-skel-pg i { background: rgba(40,30,15,.07); }


/* Heft: Tabs oben (notes.css, tabs.js). Hell: jeder Tab eine zarte Fläche mit Rand, der offene eine weiße Karte */
html[data-theme="light"][data-theme="light"] .gn-tab { background: rgba(40,30,15,0.045); box-shadow: inset 0 0 0 1px rgba(40,30,15,0.09); }
html[data-theme="light"][data-theme="light"] .gn-tab:hover { background: rgba(40,30,15,0.085); }
html[data-theme="light"][data-theme="light"] .gn-tab:not(.on):active { background: rgba(40,30,15,0.12); }
html[data-theme="light"][data-theme="light"] .gn-tab.on { background: #ffffff; box-shadow: inset 0 0 0 1px rgba(40,30,15,0.16), 0 1px 3px rgba(40,30,15,0.16); }
html[data-theme="light"][data-theme="light"] .gn-tabs-dragging .gn-tab.gn-tab-drag { background: #ffffff; }