/* luzidestraeumen-lernen.de – Nacht-Look über nyxal.css (11/2026): ganze Seite spielt nachts, Sterne im Hintergrund */
:root{
  --nx-bg:#0E1028; --nx-karte:rgba(24,26,62,.82); --nx-tinte:#E9E6F7; --nx-grau:#B4B0D6;
  --nx-akzent:#B3A2FF; --nx-akzent-dunkel:#DCD3FF; --nx-akzent-hell:rgba(140,120,255,.18);
  --nx-warn:#FFA694; --nx-warn-hell:rgba(184,67,47,.22); --nx-linie:rgba(233,230,247,.17);
  --nx-luzid:#8FE8D8; --nx-tief:#0E1028; --nx-morgen:0;
  --nx-glow:0 0 0 1px var(--nx-linie),0 14px 40px rgba(8,8,30,.45);
}
html{background:var(--nx-tief)}
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0E1028 0%,#1B1F3B 55%,#2A2560 100%)}
#nx-himmel{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
:focus-visible{outline-color:var(--nx-gold)}

/* Kopf, Held und Fuß lassen den Himmel durch */
.nx-kopf{background:rgba(14,16,40,.55);backdrop-filter:blur(6px)}
.nx-lade{background:rgba(14,16,40,.96)}
.nx-held,.nx-held--klein{background:none;clip-path:none;padding-bottom:44px}
.nx-held::before{display:none}
.nx-sterne{display:none}
.nx-fuss{background:rgba(10,11,30,.72);border-top:1px solid var(--nx-linie)}
.nx-abschnitt--hell{background:rgba(24,26,62,.45)}

/* helle Flächen aus dem Tag-Look werden Nachtflächen */
.nx-knopf{color:#14163A}
.nx-knopf:hover{color:#14163A}
.nx-knopf--leise{background:rgba(14,16,40,.4);color:var(--nx-tinte);border-color:rgba(233,230,247,.45)}
.nx-knopf--leise:hover{color:#fff;border-color:#fff}
.nx-wahl label{background:rgba(14,16,40,.5)}
.nx-wahl label:has(input:checked){background:var(--nx-akzent);color:#14163A}
.nx-form input,.nx-form select,.nx-form textarea{background:#10122E;border-color:rgba(233,230,247,.35);color-scheme:dark}
.nx-suche{background:#10122E;border-color:rgba(233,230,247,.35)}
.nx-suche input{color:var(--nx-tinte)}
.nx-suche button{background:var(--nx-akzent);color:#14163A}
.nx-treffer{background:#1A1C44}
.nx-zeit{background:rgba(233,230,247,.09)}
.nx-zeit--wbtb{background:var(--nx-gold);color:#14163A}
.nx-zeit--wbtb small{color:#14163A}
.nx-schritte li::before,.nx-av{background:#2C2A5E}
.nx-check input{accent-color:var(--nx-akzent)}
.nx-artikel table{background:rgba(24,26,62,.82)}
.nx-artikel th{background:rgba(140,120,255,.18);color:var(--nx-tinte)}

/* Klartraum: Akzent kippt ins Türkis, solange die Seite „träumt“ */
.nx-luzid{--nx-akzent:var(--nx-luzid);--nx-akzent-dunkel:#C9FFF4;--nx-akzent-hell:rgba(143,232,216,.16)}
.nx-luzid .nx-logo em{color:var(--nx-luzid)}

/* Uhr in der Kopfzeile: Reality-Check für jede Seite, daneben der Mond als Lesefortschritt */
.nx-traumuhr{display:inline-flex;align-items:center;gap:8px;flex:none;background:rgba(233,230,247,.08);color:var(--nx-tinte);border:1px solid rgba(233,230,247,.3);border-radius:999px;padding:6px 14px 6px 8px;font:700 .95rem var(--nx-text);cursor:pointer;transition:border-color .3s,background .3s}
.nx-traumuhr:hover{border-color:var(--nx-tinte)}
.nx-traumuhr-zeit{font:600 1.05rem var(--nx-kopf);font-variant-numeric:tabular-nums;min-width:3.1em;text-align:center;padding-top:2px}
.nx-traumuhr-text{color:var(--nx-grau);font-size:.9rem;white-space:nowrap}
.nx-mond{width:22px;height:22px;flex:none}
.nx-mond circle{fill:rgba(233,230,247,.14)}
.nx-mond-licht{fill:var(--nx-gold);transition:fill .6s}
.nx-luzid .nx-traumuhr{border-color:var(--nx-luzid);background:rgba(143,232,216,.12)}
.nx-luzid .nx-traumuhr-zeit,.nx-luzid .nx-traumuhr-text{color:var(--nx-luzid)}
.nx-luzid .nx-mond-licht{fill:var(--nx-luzid)}
@media (max-width:1180px){.nx-traumuhr-text{display:none}.nx-traumuhr{padding-right:12px}}
@media (max-width:900px){.nx-traumuhr{margin-left:auto}.nx-kopf .nx-menue{margin-left:0}}
.nx-zeit--wbtb b{color:#14163A}
@media (max-width:380px){.nx-kopf .nx-wrap{gap:10px}.nx-traumuhr{padding:5px 9px 5px 6px;gap:5px}.nx-traumuhr-zeit{min-width:2.8em;font-size:1rem}.nx-mond{width:20px;height:20px}}

/* goldene Flächen brauchen im Nacht-Look dunkle Schrift */
.nx-skip,.nx-menue,.nx-siegel,.nx-tagebuch-liste .nx-tag{color:#14163A}