/* Nerd-Switch auf der Lab-Seite (dunkel) + Seiten-Übergang.
   Extern ausgelagert, weil die CSP (style-src 'self') Inline-<style> blockiert. */
.site-header{gap:1rem}
.nerd{display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;color:#C2C7CF;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.68rem;letter-spacing:0.04em;text-transform:uppercase;
  padding:0.35rem 0.4rem;border-radius:999px;transition:color .2s;flex:none;white-space:nowrap}
.nerd:hover{color:#ECECEC}
.nerd__label b{color:#6FE4E9;font-weight:600}
.nerd__track{display:inline-block;vertical-align:middle;width:50px;height:27px;border-radius:999px;
  background:#222630;border:1px solid rgba(236,236,236,0.16);position:relative;flex:none;transition:background .25s}
.nerd__knob{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#ECECEC;
  transition:transform .28s cubic-bezier(0.16,1,0.3,1),background .25s}
.nerd[data-state="on"] .nerd__track{background:#6FE4E9}
.nerd[data-state="on"] .nerd__knob{transform:translateX(23px);background:#0B0D11}
@media (max-width:1000px){.nerd__label{display:none}}

/* Seiten-Übergang: Overlay blendet beim Verlassen zur Zielfarbe (helle Labor-Seite) ein */
#pfade{position:fixed;inset:0;z-index:2147483647;pointer-events:none;opacity:0;background:#FFFFFF;
  transition:opacity .3s ease;will-change:opacity}
#pfade.show{opacity:1}
@media (prefers-reduced-motion:reduce){#pfade{transition:none}}