updated gui

app.js

@@ -31,6 +31,7 @@ const appRuntime = window.TarotAppRuntime || {};
 const statusEl = document.getElementById("status");
 const monthStripEl = document.getElementById("month-strip");
 const calendarEl = document.getElementById("calendar");
+const timelineSectionEl = document.getElementById("timeline-section");
 const calendarSectionEl = document.getElementById("calendar-section");
 const holidaySectionEl = document.getElementById("holiday-section");
 const tarotSectionEl = document.getElementById("tarot-section");
@@ -44,12 +45,15 @@ const kabbalahSectionEl = document.getElementById("kabbalah-section");
 const kabbalahTreeSectionEl = document.getElementById("kabbalah-tree-section");
 const cubeSectionEl = document.getElementById("cube-section");
 const alphabetSectionEl = document.getElementById("alphabet-section");
+const alphabetLettersSectionEl = document.getElementById("alphabet-letters-section");
 const numbersSectionEl = document.getElementById("numbers-section");
 const zodiacSectionEl = document.getElementById("zodiac-section");
 const quizSectionEl = document.getElementById("quiz-section");
 const godsSectionEl = document.getElementById("gods-section");
 const enochianSectionEl = document.getElementById("enochian-section");
+const openHomeEl = document.getElementById("open-home");
 const openCalendarEl = document.getElementById("open-calendar");
+const openCalendarTimelineEl = document.getElementById("open-calendar-timeline");
 const openCalendarMonthsEl = document.getElementById("open-calendar-months");
 const openHolidaysEl = document.getElementById("open-holidays");
 const openTarotEl = document.getElementById("open-tarot");
@@ -62,6 +66,7 @@ const openKabbalahEl = document.getElementById("open-kabbalah");
 const openKabbalahTreeEl = document.getElementById("open-kabbalah-tree");
 const openKabbalahCubeEl = document.getElementById("open-kabbalah-cube");
 const openAlphabetEl = document.getElementById("open-alphabet");
+const openAlphabetLettersEl = document.getElementById("open-alphabet-letters");
 const openNumbersEl = document.getElementById("open-numbers");
 const openZodiacEl = document.getElementById("open-zodiac");
 const openNatalEl = document.getElementById("open-natal");
@@ -72,6 +77,7 @@ const latEl = document.getElementById("lat");
 const lngEl = document.getElementById("lng");
 const nowSkyLayerEl = document.getElementById("now-sky-layer");
 const nowPanelEl = document.getElementById("now-panel");
+const nowOverlayToggleEl = document.getElementById("now-overlay-toggle");
 const connectionGateEl = document.getElementById("connection-gate");
 const connectionGateBaseUrlEl = document.getElementById("connection-gate-base-url");
 const connectionGateApiKeyEl = document.getElementById("connection-gate-api-key");
@@ -386,6 +392,7 @@ sectionStateUi.init?.({
     calendarEl,
     monthStripEl,
     nowPanelEl,
+    timelineSectionEl,
     calendarSectionEl,
     holidaySectionEl,
     tarotSectionEl,
@@ -399,12 +406,15 @@ sectionStateUi.init?.({
     kabbalahTreeSectionEl,
     cubeSectionEl,
     alphabetSectionEl,
+    alphabetLettersSectionEl,
     numbersSectionEl,
     zodiacSectionEl,
     quizSectionEl,
     godsSectionEl,
     enochianSectionEl,
+    openHomeEl,
     openCalendarEl,
+    openCalendarTimelineEl,
     openCalendarMonthsEl,
     openHolidaysEl,
     openTarotEl,
@@ -417,6 +427,7 @@ sectionStateUi.init?.({
     openKabbalahTreeEl,
     openKabbalahCubeEl,
     openAlphabetEl,
+    openAlphabetLettersEl,
     openNumbersEl,
     openZodiacEl,
     openNatalEl,
@@ -475,6 +486,16 @@ homeUi.init?.({
   nowPanelEl,
   getCurrentGeo: () => appRuntime.getCurrentGeo?.() || null
 });
+
+if (nowOverlayToggleEl && nowPanelEl) {
+  const syncNowOverlayVisibility = () => {
+    nowPanelEl.classList.toggle("is-overlay-hidden", !nowOverlayToggleEl.checked);
+  };
+
+  nowOverlayToggleEl.addEventListener("change", syncNowOverlayVisibility);
+  syncNowOverlayVisibility();
+}
+
 navigationUi.init?.({
   tarotSpreadUi,
   getActiveSection: () => sectionStateUi.getActiveSection?.() || "home",
@@ -484,7 +505,9 @@ navigationUi.init?.({
   normalizeNumberValue,
   selectNumberEntry,
   elements: {
+    openHomeEl,
     openCalendarEl,
+    openCalendarTimelineEl,
     openCalendarMonthsEl,
     openHolidaysEl,
     openTarotEl,
@@ -497,6 +520,7 @@ navigationUi.init?.({
     openKabbalahTreeEl,
     openKabbalahCubeEl,
     openAlphabetEl,
+    openAlphabetLettersEl,
     openNumbersEl,
     openZodiacEl,
     openNatalEl,