Fix media lightbox and sleep target

templates/pages/options.php

@@ -18,6 +18,7 @@
                 <div class="options-menu-grid">
                     <button class="options-menu-card" type="button" data-options-open="sports"><strong>Sportarten anpassen</strong><span>Eigene Sportarten und Bonuspunkte</span></button>
                     <button class="options-menu-card" type="button" data-options-open="walk"><strong>Spaziergang anpassen</strong><span>Zeit oder Schritte auswerten</span></button>
+                    <button class="options-menu-card" type="button" data-options-open="sleep"><strong>Schlaf anpassen</strong><span>Optimale Schlafmenge markieren</span></button>
                     <button class="options-menu-card" type="button" data-options-open="reminders"><strong>Erinnerungen setzen</strong><span>Push und tägliche Erinnerung</span></button>
                     <button class="options-menu-card" type="button" data-options-open="health"><strong>Health Import</strong><span>Apple Health automatisch übernehmen</span></button>
                     <button class="options-menu-card" type="button" data-options-open="ratings"><strong>Bewertungsskala ändern</strong><span>Labels und Schutzregeln</span></button>
@@ -113,6 +114,17 @@
                 </form>
             </div>
 
+            <div class="options-panel" data-options-panel="sleep" hidden>
+                <h2>Schlaf anpassen</h2>
+                <form method="post" action="/options" class="stack-form">
+                    <?= csrf_field() ?>
+                    <input type="hidden" name="form_name" value="settings">
+                    <p class="helper-text">Diese Zielmenge wird im importierten Schlafbalken als horizontale Markierung angezeigt und fließt in die automatische Stimmung/Energie/Stress-Einschätzung ein.</p>
+                    <label><span>Optimale Schlafdauer</span><input type="number" name="settings[sleep][optimal_hours]" value="<?= e((string) ($settings['sleep']['optimal_hours'] ?? 7.0)) ?>" min="1" max="16" step="0.1"></label>
+                    <button class="primary-button" type="submit">Schlaf speichern</button>
+                </form>
+            </div>
+
             <div class="options-panel" data-options-panel="reminders" hidden>
                 <h2>Erinnerungen setzen</h2>
                 <form method="post" action="/options" class="stack-form">