/* Startseite: große Uhr als Reality-Check, darunter die Nacht als Weg mit Schlafkurve, am Ende der Morgen */
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#3B3A78 0%,#B98BA6 55%,#F1C98A 100%);opacity:var(--nx-morgen)}
.nx-start{position:relative;min-height:calc(100svh - 66px);display:flex;align-items:center;padding:24px 0 96px}
.nx-start-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:center;width:100%}
.nx-start h1{font-weight:400;font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.08;max-width:none;overflow-wrap:normal;hyphens:manual}
.nx-start h1 small{display:block;font-size:.5em;line-height:1.25;margin-top:.35em;color:var(--nx-grau)}
.nx-strich{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nx-start .nx-lead{max-width:60ch}
.nx-check-uhr{text-align:center;justify-self:center;width:100%;max-width:520px}
.nx-uhr-frage{font:400 1.35rem var(--nx-kopf);margin:0 auto .2em;color:var(--nx-gold);transition:color .6s}
.nx-uhr{display:flex;justify-content:center;align-items:baseline;font:400 clamp(5rem,13vw,10.5rem)/1 var(--nx-kopf);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:.05em 0 .12em;color:var(--nx-tinte)}
.nx-uhr span{display:inline-block;width:.62em;text-align:center;transition:color .6s}
.nx-uhr i{font-style:normal;width:.3em;opacity:.7}
.nx-uhr-text{margin:0 auto 1.3em;max-width:34ch;color:var(--nx-grau);min-height:4.95em}
.nx-knopf--hellst{background:#F5F3FA;color:#14163A}
.nx-knopf--hellst:hover{background:#fff}
.nx-runter{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:var(--nx-grau);font-weight:600;font-size:.95rem;text-underline-offset:5px;white-space:nowrap}
.nx-luzid .nx-uhr-frage{color:var(--nx-luzid)}
.nx-luzid .nx-uhr-text{color:var(--nx-tinte)}
.nx-luzid .nx-uhr span{color:var(--nx-luzid);animation:nx-schweben 5s ease-in-out infinite}
.nx-luzid .nx-uhr span:nth-child(2){animation-delay:-1.2s;animation-duration:6.3s}
.nx-luzid .nx-uhr span:nth-child(4){animation-delay:-2.6s;animation-duration:5.6s}
.nx-luzid .nx-uhr span:nth-child(5){animation-delay:-3.9s;animation-duration:7s}
@keyframes nx-schweben{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.09em) rotate(-3deg)}}

.nx-nacht{position:relative;padding-bottom:12vh}
.nx-leiste{position:sticky;top:0;z-index:10;padding:10px var(--nx-rand) 6px;background:rgba(14,16,40,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--nx-linie);--p:0;--nx-rand:clamp(17px,5vw,64px)}
#nx-hypno{display:block;width:100%;height:46px;max-width:none;overflow:visible}
#nx-hypno .kurve{fill:none;stroke:var(--nx-grau);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
#nx-hypno .rem{fill:var(--nx-gold);opacity:.9;transition:fill .6s}
.nx-luzid #nx-hypno .rem{fill:var(--nx-luzid)}
#nx-hypno .wach{fill:#F5F3FA}
.nx-leiste-zeiten{display:flex;justify-content:space-between;font-size:.875rem;color:var(--nx-grau);font-variant-numeric:tabular-nums;margin-top:2px}
.nx-zeiger{position:absolute;top:6px;bottom:4px;left:calc(var(--nx-rand) + (100% - 2 * var(--nx-rand)) * var(--p));width:2px;background:#F5F3FA;pointer-events:none}
.nx-zeiger b{position:absolute;top:0;left:8px;font:700 .875rem var(--nx-text);background:#F5F3FA;color:#14163A;padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nx-zeiger.nx-rechts b{left:auto;right:8px}
.nx-station{max-width:800px;padding:13vh clamp(17px,5vw,64px) 0;scroll-margin-top:110px}
.nx-station:nth-of-type(even){margin-left:auto;margin-right:clamp(0px,8vw,140px)}
.nx-station h2{font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);margin:.1em 0 .5em}
.nx-st-zeit{font:400 1.1rem var(--nx-kopf);color:var(--nx-gold);margin:0 0 .5em;transition:color .6s}
.nx-luzid .nx-st-zeit{color:var(--nx-luzid)}
.nx-st-zeit time{font-size:2.6rem;font-variant-numeric:tabular-nums;display:block;line-height:1;color:var(--nx-tinte)}
.nx-station .nx-werkzeug h3{margin-top:0}

/* Morgen: helle Fläche mit den Tag-Farben */
.nx-morgen{--nx-karte:#fff;--nx-tinte:#22213A;--nx-grau:#5F5C78;--nx-akzent:#5239B8;--nx-akzent-dunkel:#3F2FA8;--nx-linie:#DAD6E6;--nx-glow:0 0 0 1px #DAD6E6,0 10px 30px rgba(106,79,216,.10);background:#F5F3FA;color:var(--nx-tinte);border-radius:50% 50% 0 0/clamp(40px,7vw,110px) clamp(40px,7vw,110px) 0 0;padding:clamp(70px,11vw,150px) 0 70px}
.nx-morgen .nx-st-zeit{color:#5A45B8}
.nx-morgen h2{font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem)}
.nx-morgen .nx-suche{background:#fff;border-color:#B9B4D0}
.nx-morgen .nx-suche button{background:#1B1F3B;color:#fff}
.nx-morgen .nx-treffer{background:#fff}
body[data-himmel="voll"] .nx-fuss{margin-top:0;background:#12142F}

@media (max-width:860px){
  .nx-start{align-items:flex-start;padding-top:12px}
  .nx-start-grid{grid-template-columns:1fr}
  .nx-uhr-text{min-height:6.6em}
}
@media (max-width:560px){.nx-station:nth-of-type(even){margin-right:0}}
@media (prefers-reduced-motion:reduce){.nx-luzid .nx-uhr span{animation:none}}