/*
 * Gemeinsamer Lesefortschritt fuer alle Seitenbereiche.
 * Geometrie und responsive Verhalten bleiben zentral; Bereiche liefern nur Farben und Kapitel.
 */
.site-scroll-route {
  --route-progress: 0%;
  --route-line: rgba(255, 219, 127, 0.30);
  --route-tick: rgba(255, 224, 145, 0.78);
  --route-fill-start: #ffe08a;
  --route-fill-end: #d5a63e;
  --route-accent: #f3c862;
  --route-text: #ffe8a8;
  --route-muted: rgba(255, 221, 132, 0.82);
  --route-panel: rgba(3, 4, 7, 0.78);
  --route-panel-soft: rgba(15, 12, 8, 0.92);
  --route-border: rgba(236, 193, 101, 0.28);
  --route-glow: rgba(255, 214, 105, 0.48);
  position: static;
  box-sizing: border-box;
  order: 1;
  width: 128px;
  height: 230px;
  padding: 10px 8px;
  display: none;
  grid-template-rows: auto auto 1fr auto;
  justify-items: center;
  gap: 7px;
  pointer-events: none;
  opacity: 0.72;
  border: 1px solid var(--route-border);
  border-radius: 30px;
  background: var(--route-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 30px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity 260ms ease;
}

.site-scroll-route[data-route-theme="knowledge"] {
  --route-line: rgba(120, 173, 255, 0.28);
  --route-tick: rgba(184, 213, 255, 0.74);
  --route-fill-start: #b8d5ff;
  --route-fill-end: #3b82f6;
  --route-accent: #78adff;
  --route-text: #dcecff;
  --route-muted: rgba(184, 213, 255, 0.84);
  --route-panel: rgba(3, 10, 24, 0.78);
  --route-panel-soft: rgba(5, 17, 42, 0.92);
  --route-border: rgba(120, 173, 255, 0.28);
  --route-glow: rgba(120, 173, 255, 0.48);
}

.site-scroll-route[data-route-theme="catalog"] {
  --route-line: rgba(86, 156, 255, 0.30);
  --route-tick: rgba(175, 213, 255, 0.78);
  --route-fill-start: #d3e8ff;
  --route-fill-end: #2563eb;
  --route-accent: #65a7ff;
  --route-text: #e7f3ff;
  --route-muted: rgba(187, 218, 255, 0.88);
  --route-panel: rgba(2, 9, 24, 0.82);
  --route-panel-soft: rgba(5, 20, 48, 0.94);
  --route-border: rgba(101, 167, 255, 0.30);
  --route-glow: rgba(65, 134, 255, 0.52);
}

.site-scroll-route[data-route-theme="skao"] {
  --route-line: rgba(57, 201, 147, 0.30);
  --route-tick: rgba(216, 182, 92, 0.76);
  --route-fill-start: #f0d27d;
  --route-fill-end: #2f9b73;
  --route-accent: #d8b65c;
  --route-text: #f0d995;
  --route-muted: rgba(185, 216, 202, 0.88);
  --route-panel: rgba(2, 11, 8, 0.86);
  --route-panel-soft: rgba(5, 23, 17, 0.95);
  --route-border: rgba(57, 201, 147, 0.30);
  --route-glow: rgba(216, 182, 92, 0.46);
}

.site-scroll-route[data-route-theme="skao"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, rgba(41, 93, 72, 0.98), rgba(2, 11, 8, 0.99) 72%);
}

.site-scroll-route[data-route-theme="experiments"] {
  --route-line: rgba(210, 219, 230, 0.30);
  --route-tick: rgba(245, 248, 252, 0.82);
  --route-fill-start: #f7f9fc;
  --route-fill-end: #7b8796;
  --route-accent: #d7dde5;
  --route-text: #f4f7fa;
  --route-muted: rgba(218, 224, 232, 0.90);
  --route-panel: rgba(7, 10, 16, 0.86);
  --route-panel-soft: rgba(18, 22, 30, 0.95);
  --route-border: rgba(210, 219, 230, 0.30);
  --route-glow: rgba(225, 232, 240, 0.48);
}

.site-scroll-route[data-route-theme="experiments"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, rgba(82, 92, 106, 0.98), rgba(7, 10, 16, 0.99) 72%);
}

.site-scroll-route:is(
  [data-route-theme="questions"],
  [data-route-theme="timeline"],
  [data-route-theme="glossary"],
  [data-route-theme="sources"]
) {
  --route-line: rgba(86, 156, 255, 0.30);
  --route-tick: rgba(175, 213, 255, 0.78);
  --route-fill-start: #d3e8ff;
  --route-fill-end: #2563eb;
  --route-accent: #65a7ff;
  --route-text: #e7f3ff;
  --route-muted: rgba(187, 218, 255, 0.88);
  --route-panel: rgba(2, 9, 24, 0.82);
  --route-panel-soft: rgba(5, 20, 48, 0.94);
  --route-border: rgba(101, 167, 255, 0.30);
  --route-glow: rgba(65, 134, 255, 0.52);
}

.site-scroll-route[data-route-theme="thanks"] {
  --route-line: rgba(227, 201, 131, 0.3);
  --route-tick: rgba(255, 243, 210, 0.76);
  --route-fill-start: #fff3d2;
  --route-fill-end: #a98945;
  --route-accent: #e3c983;
  --route-text: #fff3d2;
  --route-muted: rgba(227, 201, 131, 0.88);
  --route-panel: rgba(7, 7, 6, 0.88);
  --route-panel-soft: rgba(16, 13, 8, 0.96);
  --route-border: rgba(227, 201, 131, 0.32);
  --route-glow: rgba(227, 201, 131, 0.5);
}

.site-scroll-route[data-route-theme="thanks"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, rgba(67, 53, 26, 0.98), rgba(7, 7, 6, 0.99) 72%);
}

.site-scroll-route[data-route-theme="about"] {
  --route-line: rgba(255, 106, 0, 0.34);
  --route-tick: rgba(255, 181, 112, 0.82);
  --route-fill-start: #ffd0a8;
  --route-fill-end: #ff5a00;
  --route-accent: #ff6a00;
  --route-text: #ffd4b0;
  --route-muted: rgba(255, 178, 108, 0.90);
  --route-panel: rgba(5, 8, 15, 0.84);
  --route-panel-soft: rgba(13, 18, 31, 0.94);
  --route-border: rgba(255, 106, 0, 0.34);
  --route-glow: rgba(255, 106, 0, 0.58);
}

body:has(.startseite.page-section.active) .site-scroll-route[data-route-theme="start"],
body:has(#inhalt > #history.active) .site-scroll-route[data-route-theme="start"],
body:has(#inhalt > #vortraege.active) .site-scroll-route[data-route-theme="media"],
body:has(#inhalt > #kurioses.active) .site-scroll-route[data-route-theme="curiosities"],
body:has(#inhalt > #x.active) .site-scroll-route[data-route-theme="media"],
body:has(#inhalt > .magnetar-knowledge.active.sub-active) .site-scroll-route[data-route-theme="knowledge"],
body:has(#inhalt > .magnetar-catalog.active.sub-active) .site-scroll-route[data-route-theme="catalog"],
body:has(#inhalt > #skao.active) .site-scroll-route[data-route-theme="skao"],
body:has(#inhalt > #experimente.active) .site-scroll-route[data-route-theme="experiments"],
body:has(#inhalt > .magnetar-open-questions.active.sub-active) .site-scroll-route[data-route-theme="questions"],
body:has(#inhalt > [data-magnetar-page="magnetar-zeitleiste"].active.sub-active) .site-scroll-route[data-route-theme="timeline"],
body:has(#inhalt > [data-magnetar-page="magnetar-glossar"].active.sub-active) .site-scroll-route[data-route-theme="glossary"],
body:has(#inhalt > [data-magnetar-page="magnetar-quellen"].active.sub-active) .site-scroll-route[data-route-theme="sources"],
body:has(#inhalt > .danksagung-page.active) .site-scroll-route[data-route-theme="thanks"],
body:has(#inhalt > .about-page.active) .site-scroll-route[data-route-theme="about"] {
  display: grid;
}

.site-scroll-route.is-scrolling {
  opacity: 0.96;
}

.site-scroll-route-chapter {
  grid-row: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid var(--route-border);
  border-radius: 999px;
  background: var(--route-panel-soft);
  color: var(--route-muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-scroll-route-label {
  color: var(--route-muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 12px var(--route-glow);
}

.site-scroll-route > .site-scroll-route-label:first-of-type {
  grid-row: 2;
}

.site-scroll-route > .site-scroll-route-label:last-child {
  grid-row: 4;
}

.site-scroll-route-track {
  position: relative;
  grid-row: 3;
  width: 3px;
  height: 100px;
  min-height: 0;
  align-self: center;
  border-radius: 999px;
  background: var(--route-line);
  box-shadow: 0 0 0 1px rgba(2, 6, 17, 0.76), 0 0 18px color-mix(in srgb, var(--route-glow) 35%, transparent);
}

.site-scroll-route-track::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 8px;
  width: 5px;
  opacity: 0.40;
  background: repeating-linear-gradient(to bottom, var(--route-tick) 0 1px, transparent 1px 22px);
}

.site-scroll-route-fill {
  position: absolute;
  inset: 0 0 auto;
  height: var(--route-progress);
  border-radius: inherit;
  background: linear-gradient(to bottom, var(--route-fill-start), var(--route-fill-end));
  box-shadow: 0 0 8px var(--route-glow), 0 0 20px color-mix(in srgb, var(--route-glow) 50%, transparent);
}

.site-scroll-route-marker {
  position: absolute;
  top: var(--route-progress);
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  transition: top 90ms linear;
}

.site-scroll-route-core {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  border: 3px solid var(--route-accent);
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgba(31, 45, 72, 0.98), rgba(2, 6, 17, 0.98) 72%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 5px color-mix(in srgb, var(--route-glow) 22%, transparent), 0 0 18px var(--route-glow);
}

.site-scroll-route-status {
  position: absolute;
  z-index: 2;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--route-text);
  font: 900 0.68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: -0.04em;
  text-align: center;
  text-shadow: 0 0 9px var(--route-glow);
}

:root[data-theme="light"] .site-scroll-route {
  --route-panel: rgba(255, 253, 247, 0.90);
  --route-panel-soft: rgba(255, 253, 247, 0.94);
  --route-text: #60430b;
  --route-muted: #654608;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 12px 28px rgba(58, 42, 16, 0.12);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="knowledge"] {
  --route-panel: rgba(248, 251, 255, 0.86);
  --route-panel-soft: rgba(248, 251, 255, 0.96);
  --route-text: #244d87;
  --route-muted: #244d87;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90), 0 12px 28px rgba(28, 54, 95, 0.12);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="catalog"] {
  --route-panel: rgba(247, 251, 255, 0.90);
  --route-panel-soft: rgba(242, 248, 255, 0.98);
  --route-text: #17437e;
  --route-muted: #235792;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 28px rgba(25, 68, 124, 0.14);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="skao"] {
  --route-panel: rgba(247, 252, 249, 0.92);
  --route-panel-soft: rgba(242, 249, 245, 0.98);
  --route-text: #755810;
  --route-muted: #356650;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 28px rgba(32, 78, 59, 0.14);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="experiments"] {
  --route-panel: rgba(250, 251, 253, 0.94);
  --route-panel-soft: rgba(245, 247, 250, 0.99);
  --route-text: #3f4a58;
  --route-muted: #566373;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 28px rgba(34, 43, 55, 0.13);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="thanks"] {
  --route-panel: rgba(255, 250, 240, 0.92);
  --route-panel-soft: rgba(255, 253, 247, 0.97);
  --route-text: #60430b;
  --route-muted: #76520e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 28px rgba(70, 52, 20, 0.13);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="about"] {
  --route-panel: rgba(255, 253, 248, 0.92);
  --route-panel-soft: rgba(255, 252, 244, 0.98);
  --route-text: #9f3700;
  --route-muted: #a43a00;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 28px rgba(70, 52, 20, 0.12);
}

:root[data-theme="light"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #ffffff, #e8e2d3 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="knowledge"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #ffffff, #e4edf9 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="catalog"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #ffffff, #dceaff 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="skao"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #fffdf5, #dcecdf 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="experiments"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #ffffff, #dfe4ea 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="thanks"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #fffdf7, #ead9ac 74%);
}

:root[data-theme="light"] .site-scroll-route[data-route-theme="about"] .site-scroll-route-core {
  background: radial-gradient(circle at 34% 28%, #fffdf7, #e6d19a 74%);
}

@media (min-width: 721px) and (min-height: 521px) {
  body:has(.startseite.page-section.active) .floating-tools,
  body:has(#inhalt > #kurioses.active) .floating-tools,
  body:has(#inhalt > #x.active) .floating-tools,
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools,
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools,
  body:has(#inhalt > #experimente.active) .floating-tools,
  body:has(#inhalt > .danksagung-page.active) .floating-tools,
  body:has(#inhalt > .about-page.active) .floating-tools {
    top: auto;
    right: 18px;
    bottom: 18px;
    left: auto;
    width: 128px;
    padding: 0;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  body:has(.startseite.page-section.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > #kurioses.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > #x.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .danksagung-page.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .about-page.active) .floating-tools :is(.theme-toggle, .back-to-top) {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 9px 10px;
    font-size: 0.88rem;
    line-height: 1.1;
    white-space: nowrap;
  }

  .site-scroll-route {
    order: 1;
  }

  .floating-tools .theme-toggle {
    order: 2;
  }

  .floating-tools .back-to-top {
    order: 3;
  }

  body:has(.startseite.page-section.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > #kurioses.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > #x.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .danksagung-page.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .about-page.active) .floating-tools .back-to-top:not(.visible) {
    display: none;
  }
}

@media (max-width: 720px), (max-height: 520px) {
  body:has(.startseite.page-section.active) .floating-tools,
  body:has(#inhalt > #kurioses.active) .floating-tools,
  body:has(#inhalt > #x.active) .floating-tools {
    --tools-route-border: rgba(236, 193, 101, 0.26);
    --tools-route-panel: rgba(7, 7, 8, 0.88);
  }

  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools {
    --tools-route-border: rgba(120, 173, 255, 0.26);
    --tools-route-panel: rgba(3, 10, 24, 0.88);
  }

  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools {
    --tools-route-border: rgba(101, 167, 255, 0.28);
    --tools-route-panel: rgba(2, 9, 24, 0.90);
  }

  body:has(#inhalt > .danksagung-page.active) .floating-tools {
    --tools-route-border: rgba(227, 201, 131, 0.3);
    --tools-route-panel: rgba(3, 8, 18, 0.92);
  }

  body:has(#inhalt > .about-page.active) .floating-tools {
    --tools-route-border: rgba(255, 106, 0, 0.36);
    --tools-route-panel: rgba(5, 8, 15, 0.92);
  }

  body:has(.startseite.page-section.active) .floating-tools,
  body:has(#inhalt > #kurioses.active) .floating-tools,
  body:has(#inhalt > #x.active) .floating-tools,
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools,
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools,
  body:has(#inhalt > .danksagung-page.active) .floating-tools,
  body:has(#inhalt > .about-page.active) .floating-tools {
    top: auto;
    right: 10px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
    left: 10px;
    width: auto;
    max-width: none;
    padding: 6px 8px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border: 1px solid var(--tools-route-border);
    border-radius: 999px;
    background: var(--tools-route-panel);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: none;
  }

  body:has(.startseite.page-section.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > #kurioses.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > #x.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .danksagung-page.active) .floating-tools :is(.theme-toggle, .back-to-top),
  body:has(#inhalt > .about-page.active) .floating-tools :is(.theme-toggle, .back-to-top) {
    width: auto;
    min-width: 0;
    min-height: 34px;
    padding: 6px 9px;
    flex: 0 0 auto;
    font-size: 0.68rem;
  }

  .site-scroll-route {
    order: 2;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    flex: 0 1 auto;
    align-items: center;
    gap: 5px;
    opacity: 1;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body:has(.startseite.page-section.active) .site-scroll-route[data-route-theme="start"],
  body:has(#inhalt > #history.active) .site-scroll-route[data-route-theme="start"],
  body:has(#inhalt > #vortraege.active) .site-scroll-route[data-route-theme="media"],
  body:has(#inhalt > #kurioses.active) .site-scroll-route[data-route-theme="curiosities"],
  body:has(#inhalt > #x.active) .site-scroll-route[data-route-theme="media"],
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .site-scroll-route[data-route-theme="knowledge"],
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .site-scroll-route[data-route-theme="catalog"],
  body:has(#inhalt > #skao.active) .site-scroll-route[data-route-theme="skao"],
  body:has(#inhalt > #experimente.active) .site-scroll-route[data-route-theme="experiments"],
  body:has(#inhalt > .magnetar-open-questions.active.sub-active) .site-scroll-route[data-route-theme="questions"],
  body:has(#inhalt > [data-magnetar-page="magnetar-zeitleiste"].active.sub-active) .site-scroll-route[data-route-theme="timeline"],
  body:has(#inhalt > [data-magnetar-page="magnetar-glossar"].active.sub-active) .site-scroll-route[data-route-theme="glossary"],
  body:has(#inhalt > [data-magnetar-page="magnetar-quellen"].active.sub-active) .site-scroll-route[data-route-theme="sources"],
  body:has(#inhalt > .danksagung-page.active) .site-scroll-route[data-route-theme="thanks"],
  body:has(#inhalt > .about-page.active) .site-scroll-route[data-route-theme="about"] {
    display: flex;
  }

  .site-scroll-route-label,
  .site-scroll-route-fill,
  .site-scroll-route-track::after,
  .site-scroll-route-core {
    display: none;
  }

  .site-scroll-route-chapter {
    position: static;
    width: auto;
    min-width: 0;
    padding: 5px 7px;
    flex: 0 1 auto;
    font-size: 0.54rem;
  }

  .site-scroll-route-track,
  .site-scroll-route-marker {
    position: static;
    width: auto;
    height: auto;
    min-height: 0;
    transform: none;
    background: none;
    box-shadow: none;
  }

  .site-scroll-route-status {
    position: static;
    width: auto;
    height: 34px;
    min-width: 40px;
    padding: 0 7px;
    display: grid;
    place-items: center;
    border: 1px solid var(--route-border);
    border-radius: 999px;
    background: var(--route-panel-soft);
    font-size: 0.67rem;
    letter-spacing: 0;
    box-shadow: 0 0 14px color-mix(in srgb, var(--route-glow) 38%, transparent);
  }

  .floating-tools .theme-toggle {
    order: 1;
  }

  .floating-tools .back-to-top {
    order: 3;
  }

  body:has(.startseite.page-section.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > #kurioses.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > #x.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .danksagung-page.active) .floating-tools .back-to-top:not(.visible),
  body:has(#inhalt > .about-page.active) .floating-tools .back-to-top:not(.visible) {
    display: none;
  }

  body:has(.startseite.page-section.active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > #kurioses.active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > #x.active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > .danksagung-page.active) .floating-tools .back-to-top.visible,
  body:has(#inhalt > .about-page.active) .floating-tools .back-to-top.visible {
    display: inline-flex;
  }

  :root[data-theme="light"] body:has(.startseite.page-section.active) .floating-tools,
  :root[data-theme="light"] body:has(#inhalt > #kurioses.active) .floating-tools,
  :root[data-theme="light"] body:has(#inhalt > #x.active) .floating-tools {
    --tools-route-border: rgba(105, 76, 18, 0.28);
    --tools-route-panel: rgba(255, 253, 247, 0.94);
  }

  :root[data-theme="light"] body:has(#inhalt > .magnetar-knowledge.active.sub-active) .floating-tools {
    --tools-route-border: rgba(43, 92, 167, 0.24);
    --tools-route-panel: rgba(248, 251, 255, 0.94);
  }

  :root[data-theme="light"] body:has(#inhalt > .magnetar-catalog.active.sub-active) .floating-tools {
    --tools-route-border: rgba(34, 91, 166, 0.26);
    --tools-route-panel: rgba(247, 251, 255, 0.96);
  }

  :root[data-theme="light"] body:has(#inhalt > .danksagung-page.active) .floating-tools {
    --tools-route-border: rgba(118, 82, 14, 0.28);
    --tools-route-panel: rgba(255, 250, 240, 0.96);
  }

  :root[data-theme="light"] body:has(#inhalt > .about-page.active) .floating-tools {
    --tools-route-border: rgba(217, 79, 0, 0.30);
    --tools-route-panel: rgba(255, 252, 244, 0.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-scroll-route,
  .site-scroll-route-marker {
    transition: none;
  }
}