/* HWV-194: Erzählung, Frage und Eingabe sind getrennte HTML-Ebenen. */
.unified-landing{--entry-background:url('/landing-assets/como-light.png');--entry-ink:#182629;--entry-paper:rgba(250,248,241,.94)}
.unified-landing[data-theme="dark"]{--entry-background:url('/landing-assets/como-dark.png');--entry-ink:#edf4f0;--entry-paper:rgba(18,31,34,.94)}
.unified-landing .public-landing{position:relative;height:auto!important;min-height:calc(100svh - 84px);background:var(--entry-background) center/cover no-repeat!important}
.unified-landing .public-landing>.floors,.unified-landing .public-landing>.rail,.unified-landing .public-landing .floor-nav{display:none!important}
.unified-landing .public-landing::before,.unified-landing .public-landing::after{display:none!important}
.unified-entry{box-sizing:border-box;position:relative;z-index:3;min-height:max(620px,calc(100svh - 84px));width:100%;color:var(--entry-ink)}
.entry-narrative{position:absolute;left:5%;top:25%;width:26%;max-width:320px}
.entry-narrative h2{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.17;font-weight:600;letter-spacing:-.025em;margin:0 0 20px;max-width:12ch}
.entry-narrative p{font-size:1rem;line-height:1.5;max-width:26ch;margin-bottom:12px}
.entry-narrative summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.entry-narrative details[open]{padding:8px 12px;margin-inline:-12px;border-radius:12px;background:var(--entry-paper)}
.unified-entry h1{position:absolute;left:39%;top:35%;width:48%;text-align:center;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.035em;margin:0;text-shadow:0 1px 14px #ffffffd9,0 1px 3px #fff}
[data-theme="dark"] .unified-entry h1{text-shadow:0 2px 16px #081014,0 1px 4px #081014}
.entry-input-stage{position:absolute;left:42%;bottom:12%;width:42%;max-width:660px}
.unified-entry form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.unified-entry label{grid-column:1/-1;justify-self:start;font-size:.85rem;font-weight:600;background:var(--entry-paper);border-radius:8px;padding:5px 9px;margin-bottom:2px}
/* R4: Nur das Light-Label verliert seine Trägerfläche; Geometrie bleibt gleich. */
.unified-landing:not([data-theme="dark"]) .unified-entry label{background:transparent;color:#182629;text-shadow:0 0 8px #ffffffed,0 0 22px #ffffffb8}
.unified-entry input,.prototype[data-unified-entry] input{box-sizing:border-box;min-width:0;width:100%;min-height:48px;padding:12px 16px;border:1px solid #87989b;border-radius:14px;color:inherit;background:var(--entry-paper,var(--panel));font:inherit}
.unified-entry button,.central-navigation button,.entry-unknown button{font:inherit;cursor:pointer;min-height:44px;min-width:44px;border-radius:12px;padding:10px 16px}
.entry-input-stage>[role="status"]:empty{display:none}.entry-input-stage>[role="status"]:not(:empty),.entry-unknown{margin-top:12px;padding:16px;border-radius:14px;background:var(--entry-paper)}
.entry-unknown button{margin:4px 4px 4px 0}.entry-unknown p{margin-bottom:8px}
.entry-brand{box-sizing:border-box;position:absolute;left:24px;top:18px;z-index:35;width:164px;min-height:44px;padding:10px 12px;border-radius:14px;background:linear-gradient(110deg,rgba(255,253,246,.94),rgba(255,253,246,.72));display:flex;align-items:center}
.entry-brand img{width:100%;height:auto}[data-theme="dark"] .entry-brand{background:linear-gradient(110deg,rgba(18,31,34,.96),rgba(18,31,34,.75))}
.unified-landing:has(#hwv:not([hidden])) .entry-brand,.unified-landing:has(#hwv:not([hidden])) .public-landing{display:none!important}
.unified-landing #hwv .top-note{display:none}.unified-landing #hwv .top .brand{cursor:pointer}
.unified-landing[data-theme="dark"] .persistent-navigation .controls button{color:#edf4f0;background:#142326e8;border-color:#6d8589}
/* Die alte Vierer-Navigation bleibt nur als interner Aktionsanker im DOM.
   Sichtbar ist ab dem ersten Paint ausschließlich die zentrale Dreier-Navigation. */
.global-portals{display:none!important}
/* Ein reservierter Fußbereich bleibt erreichbar. Nur der Inhalt darüber
   scrollt; weder Formular noch Kontingent liegen unter der Navigation. */
.has-central-navigation{--dock-height:84px;height:100svh;min-height:0;overflow:hidden}
.has-central-navigation>.dashboard-shell,.has-central-navigation>.main-shell{box-sizing:border-box;height:calc(100svh - var(--dock-height));min-height:0;overflow:auto;padding-bottom:24px}
.unified-landing .public-landing{height:calc(100svh - var(--dock-height))!important;min-height:0;overflow:auto}
.central-dock{box-sizing:border-box;position:fixed;inset:auto 0 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 20px max(10px,env(safe-area-inset-bottom));height:var(--dock-height);background:var(--panel,#f8f9f6);color:var(--ink,#182629);isolation:auto}
.central-navigation{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;max-width:100%;margin:0}
.central-navigation button{color:inherit;background:transparent;border:1px solid transparent}.central-navigation button:hover{background:var(--soft,#dce7e3)}
.central-navigation [role="status"]:empty{display:none}.central-navigation [role="status"]{max-width:280px;font-size:.8rem}
.central-dock .hwv-quota-control{position:static;grid-column:3;justify-self:end;color:inherit}
.ambiance-switch:not(:has(svg)){width:44px;height:44px;min-width:44px;padding:0;font-size:0}
.ambiance-switch:not(:has(svg))::before{content:'☼';font-size:24px}
.hwv-quota-button{width:auto;height:auto;min-height:44px;padding:10px 14px;border-radius:12px;background:var(--panel,#f8f9f6);box-shadow:none;backdrop-filter:none;font-size:13px;white-space:nowrap}
.hwv-quota-open>.central-dock{pointer-events:auto}
.has-central-navigation:not(.unified-landing){padding-bottom:0}
/* Ein Seitenscroll statt innerem Setup- und äußerem Dokument-Scroll. */
.unified-landing #hwv.setup-sky{box-sizing:border-box;min-height:0!important;height:calc(100svh - var(--dock-height))!important;overflow:auto;padding-top:82px!important}
.unified-landing #hwv.setup-sky>.shell{height:auto!important;min-height:0;max-height:none;margin-top:0;overflow:visible}
/* Nur die malende Kopfebene folgt der Karte. Formular/Popover bleiben offen. */
.unified-landing #hwv[data-product-entry=true]>.shell>.top{border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}
/* Der nicht interaktive Titel erhält den Lesefokus, keine Formularkontur.
   Echte Tastatur-Fokusmarkierungen an Feldern/Buttons bleiben unverändert. */
.unified-landing #hwv[data-product-entry=true] .product-entry-heading:focus{outline:none}
.unified-landing #hwv.setup-sky>.shell::after{display:none}
.unified-landing #hwv.setup-sky .screen.active{height:auto;min-height:0;max-height:none;overflow:visible;padding-bottom:24px;scrollbar-gutter:auto}
.unified-landing #hwv.setup-sky .flow{min-height:0;height:auto;overflow:visible}
.unified-landing #hwv [data-screen="2"] .surface{padding-bottom:24px;grid-column:1;max-width:760px;justify-self:center}
.entry-image-area{display:grid;gap:12px}.entry-image-area>h3,.entry-image-area>p{margin:0}.entry-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-image-slot{display:grid;grid-template-rows:auto minmax(118px,1fr) auto;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.entry-image-slot>strong{font-size:13px}.entry-images img,.entry-consent-image{width:100%;height:140px;max-width:none;max-height:none;object-fit:cover;border-radius:11px;background:var(--bg)}.entry-image-empty{display:grid;place-items:center;min-height:118px;margin:0;border:1px dashed color-mix(in oklab,var(--ink) 25%,transparent);border-radius:11px;color:var(--muted);font-size:13px;text-align:center}.entry-image-controls{display:flex;flex-wrap:wrap;gap:8px}.entry-image-controls>*{flex:1 1 auto}.entry-image-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.entry-image-action{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.entry-image-action:disabled{cursor:not-allowed;opacity:.55}
.prototype[data-unified-entry] [data-screen="2"] .surface{display:grid;gap:20px}.prototype[data-unified-entry] .setup-context{display:none!important}
.prototype[data-unified-entry] [data-screen="2"] .flow{grid-template-columns:1fr}.prototype[data-unified-entry] [data-screen="2"] .surface>button{justify-self:start}
.auth-entry-context{font-size:.95rem;line-height:1.4;overflow-wrap:anywhere;max-width:48ch}
.unified-landing [data-entry-flyover],.unified-landing [data-entry-menu],.unified-landing [data-image-world]{display:none!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #90a822;outline-offset:3px}
@media(max-width:900px){
 .has-central-navigation{--dock-height:112px}.central-dock{grid-template-columns:1fr;gap:4px;padding:8px 12px}.central-navigation{grid-column:1;grid-row:1;gap:0}.central-navigation button{padding:10px;font-size:.85rem}.central-dock .hwv-quota-control{grid-column:1;grid-row:2}
 .unified-entry{min-height:max(610px,calc(100svh - 112px))}
 .entry-narrative{left:6%;top:20%;width:32%}.entry-narrative h2{font-size:1.65rem}.unified-entry h1{top:32%;left:41%;width:54%;font-size:2.3rem}.entry-input-stage{left:39%;width:55%;bottom:12%}
}

/* HWV-239: ein gemeinsames Dock mit getrennten globalen und kontextuellen Slots. */
.central-navigation{display:flex;width:auto;align-items:center;gap:10px}.central-nav-global,.central-nav-context{display:flex;gap:8px}.central-navigation :is(.central-nav-global,.central-nav-context)>button{display:grid;width:52px;height:52px;min-height:52px;padding:12px;place-items:center;border:1px solid var(--line,#aab5b5);border-radius:16px;background:color-mix(in srgb,var(--panel,#f8f9f6) 94%,transparent)}.central-nav-more{display:none;position:relative}.central-nav-more-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 12px 30px #07131d2b}.central-nav-menu-item{display:flex!important;width:100%!important;height:auto!important;min-height:44px!important;grid-template-columns:28px 1fr;justify-items:start!important;padding:8px!important}.central-nav-menu-item .central-nav-label{display:block}.central-navigation [role=status]{position:absolute;bottom:calc(100% + 8px)}
@media(max-width:900px){.has-context-navigation .central-nav-global{display:none}.has-context-navigation .central-nav-context{display:contents}.has-context-navigation .central-nav-more{display:block}.has-context-navigation .central-navigation{display:grid;grid-template-columns:repeat(5,48px);gap:6px}.central-nav-more summary{box-sizing:border-box;display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--panel);list-style:none}}
@media(max-width:600px){
 .unified-landing .public-landing{background-position:57% center!important}
 .unified-entry{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;padding:100px 20px 28px;min-height:max(620px,calc(100svh - 112px))}
 .entry-narrative{position:static;width:100%;max-width:280px;padding:14px 16px;border-radius:16px;background:var(--entry-paper)}.entry-narrative h2{font-size:1.5rem;margin-bottom:10px}.entry-narrative p{font-size:.9rem;margin-bottom:0}.entry-narrative summary{font-size:.8rem}.entry-narrative details[open]{margin:0;padding:0;background:none}
 .unified-entry h1{position:static;width:100%;font-size:2rem;margin:12px 0 0;text-align:center}
 .entry-input-stage{position:static;width:100%;margin-top:auto}.unified-entry form{gap:6px}.unified-entry input{padding:12px;min-width:0}.unified-entry button{padding:10px 12px}
 .entry-brand{left:16px;top:16px;width:150px}.unified-landing #hwv.setup-sky{padding-top:76px!important}
}

@media(prefers-reduced-motion:reduce){.unified-entry,.unified-landing .public-landing{animation:none!important;transition:none!important}}

/* R2: Der reservierte Bedienraum bleibt, die Vollbreitenfläche entfällt.
   Das Foto reicht hinter die drei getrennten schwebenden Signet-Flächen. */
.unified-landing:not(:has(#hwv:not([hidden]))){background:var(--entry-background) center/cover no-repeat!important}
.unified-landing:not(:has(#hwv:not([hidden]))) .public-landing{background:transparent!important}
.has-central-navigation{--dock-height:calc(84px + env(safe-area-inset-bottom))}
.central-dock{background:transparent;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none;padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.central-navigation,.central-dock .hwv-quota-control{pointer-events:auto}
.central-navigation{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,calc(100vw - 24px));gap:12px;background:transparent}
.central-navigation button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:64px;padding:8px 10px;border:1px solid var(--line,#aab5b5);border-radius:16px;background:color-mix(in srgb,var(--panel,#f8f9f6) 94%,transparent);box-shadow:0 4px 16px #07131d20}
.central-navigation svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.central-nav-label{font-size:12px;line-height:1.2;white-space:nowrap}
.central-navigation [role="status"]:not(:empty){box-sizing:border-box;position:absolute;bottom:calc(100% + 12px);left:50%;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px;background:var(--panel,#fffefa);border-radius:12px;overflow-wrap:anywhere;transform:translateX(-50%)}
.central-dock .hwv-quota-button{background:color-mix(in srgb,var(--panel,#f8f9f6) 94%,transparent)}
@media(max-width:900px){
 .has-central-navigation{--dock-height:calc(136px + env(safe-area-inset-bottom))}
 .central-dock{grid-template-rows:44px 64px;gap:4px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 .central-navigation{grid-row:2;justify-self:center;gap:8px}.central-navigation button{padding:8px 5px}
 .central-dock .hwv-quota-control{grid-row:1}.central-nav-label{font-size:11px}
 .unified-entry{min-height:max(610px,calc(100svh - var(--dock-height)))}
}
@media(max-width:600px){
 .unified-entry{min-height:max(620px,calc(100svh - var(--dock-height)))}
 .entry-narrative,.entry-narrative details[open],.entry-brand,[data-theme="dark"] .entry-brand{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .entry-narrative,.unified-entry h1{color:#182629;text-shadow:0 0 8px #ffffffed,0 0 22px #ffffffb8}
 [data-theme="dark"] .entry-narrative,[data-theme="dark"] .unified-entry h1{color:#edf4f0;text-shadow:0 0 8px #06172ff2,0 0 22px #06172fcc}
 .entry-brand img{filter:drop-shadow(0 0 8px #ffffffed) drop-shadow(0 0 22px #ffffffb8)}
 [data-theme="dark"] .entry-brand img{filter:drop-shadow(0 0 8px #06172ff2) drop-shadow(0 0 22px #06172fcc)}
}

/* R3: Eine linke Textgruppe, geometrisch mittiger Einstieg, Symbolbedienung. */
.unified-entry{width:100vw}.unified-landing .public-landing{overflow-x:hidden}
.entry-brand,[data-theme="dark"] .entry-brand{left:calc(24px + env(safe-area-inset-left));top:calc(24px + env(safe-area-inset-top));background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.entry-brand img{filter:drop-shadow(0 0 8px #ffffffed) drop-shadow(0 0 22px #ffffffb8)}
[data-theme="dark"] .entry-brand img{filter:drop-shadow(0 0 8px #06172ff2) drop-shadow(0 0 22px #06172fcc)}
.entry-story{position:absolute;left:5%;top:max(156px,22svh);width:clamp(320px,26vw,380px)}
.entry-story .entry-narrative{position:static;width:100%;max-width:none}
.entry-story h1{position:static;width:auto;margin:0 0 28px;text-align:left;font-size:clamp(42px,4vw,58px);line-height:1.05;color:#182629;text-shadow:0 0 8px #ffffffed,0 0 22px #ffffffb8}
.entry-story .entry-narrative{color:#182629;text-shadow:0 0 8px #ffffffed,0 0 22px #ffffffb8}
[data-theme="dark"] .entry-story h1,[data-theme="dark"] .entry-story .entry-narrative{color:#edf4f0;text-shadow:0 0 8px #06172ff2,0 0 22px #06172fcc}
.entry-input-stage{left:50%;transform:translateX(-50%);width:clamp(440px,48vw,680px);max-width:none}
.central-navigation{width:max-content;grid-template-columns:repeat(3,52px);gap:12px}
.central-navigation button{width:52px;height:52px;min-height:52px;padding:12px;border-radius:16px}
.central-nav-label{display:none}
.symbol-flyover{position:fixed;z-index:1000;display:grid;max-width:calc(100vw - 24px);gap:3px;padding:7px 9px;border:1px solid var(--line,#aab5b5);border-radius:9px;background:var(--panel,#fffefa);color:var(--ink,#182629);font:inherit;font-size:12px;line-height:1.4;font-weight:500;white-space:normal;box-shadow:0 3px 12px #07131d20;text-shadow:none;pointer-events:auto}
.symbol-flyover strong{font-size:12px}.symbol-flyover p{max-width:34ch;margin:0;color:var(--muted,#526267)}.symbol-flyover::after{content:"";position:absolute;left:var(--flyover-anchor-x,50%);bottom:-5px;width:8px;height:8px;border-right:1px solid var(--line,#aab5b5);border-bottom:1px solid var(--line,#aab5b5);background:var(--panel,#fffefa);transform:translateX(-50%) rotate(45deg)}.symbol-flyover.is-below::after{top:-5px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.symbol-flyover[hidden]{display:none}
.has-central-navigation .persistent-display-controls>.ambiance-switch{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
.ambiance-switch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ambiance-switch svg{color:#182629}[data-theme="dark"] .ambiance-switch svg{color:#edf4f0}.ambiance-switch[aria-pressed="false"] svg{opacity:.55}
.ambiance-switch:focus-visible,.central-navigation button:focus-visible{outline:3px solid #648119;outline-offset:3px}
[data-theme="dark"] .ambiance-switch:focus-visible,[data-theme="dark"] .central-navigation button:focus-visible{outline-color:#c8f33d}

/* HWV-195: Die Bildfrage bleibt Teil des bestehenden Interviews, erhält aber
   einen zusammenhängenden Vollbreitenzustand statt des Antwortkartenrasters. */
.ai-question.image-question{display:block;width:100%;max-width:none;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:22px;background:var(--soft)}
.ai-question.image-question>p,.ai-question.image-question>label,.ai-question.image-question>textarea,.ai-question.image-question>small,.ai-question.image-question>.stage-actions{display:none!important}
.image-question-content{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.image-question-intro,.image-question-hints{display:grid;gap:5px}.image-question-intro p,.image-question-hints p,.image-question-status,.image-card-status{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.image-question-intro p:first-child{color:var(--ink);font-size:15px;font-weight:650}.entry-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-images article{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.entry-images img{width:100%;height:150px;max-width:none;max-height:none;object-fit:cover;border-radius:11px;background:var(--bg)}.entry-images img[data-preview="true"]{box-shadow:0 0 0 3px color-mix(in oklab,var(--blue) 58%,transparent)}
.image-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.image-file-action{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.image-file-action[hidden]{display:none!important}.image-file-action:focus-within{outline:3px solid var(--blue);outline-offset:3px}
.image-card-actions,.image-question-actions{display:flex;flex-wrap:wrap;gap:8px}.image-card-actions>*{flex:1 1 auto}.image-question-actions{justify-content:flex-end;padding-top:4px}
@media(max-width:736px){.ai-question.image-question{padding:16px;border-radius:18px}.entry-images{grid-template-columns:1fr}.entry-images img{height:190px}.image-question-actions>*{width:100%}}
@media(max-width:520px){.entry-images{grid-template-columns:1fr}.entry-image-slot{grid-template-columns:92px 1fr;grid-template-rows:auto auto}.entry-image-slot>strong{grid-column:1/-1}.entry-image-slot img,.entry-image-empty{width:92px;height:82px;min-height:82px}.entry-image-controls{align-content:center}}
@media(max-width:680px){
 /* Die Kopfgruppe wird mobil nicht verkleinert: Beide Darstellungsoptionen
    behalten ihre echte, mindestens 44 px große Bedienfläche. */
 .has-central-navigation .persistent-display-controls{scale:1}
 .has-central-navigation .persistent-display-controls>.ambiance-switch,.has-central-navigation .persistent-display-controls>.theme-switch{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
}
@media(max-width:900px){
 .central-dock{grid-template-rows:48px 44px;gap:12px}
 .central-navigation{grid-row:1;grid-template-columns:repeat(3,48px);gap:10px}.central-navigation button{width:48px;height:48px;min-height:48px;padding:10px}
 .central-dock .hwv-quota-control{grid-row:2}
}
@media(max-width:600px){
 /* Nur eine tatsächlich sichtbare Meldung erhält eine eigene 64-px-Zeile.
    Ohne Status bleibt die mobile Dock- und Inhaltsgeometrie unverändert. */
 .has-central-navigation:has(.central-navigation [role="status"]:not(:empty)){--dock-height:calc(200px + env(safe-area-inset-bottom))}
 .has-central-navigation:has(.central-navigation [role="status"]:not(:empty)) .central-dock{grid-template-rows:64px 48px 44px}
 .has-central-navigation:has(.central-navigation [role="status"]:not(:empty)) .central-navigation{grid-row:2}
 .has-central-navigation:has(.central-navigation [role="status"]:not(:empty)) .central-dock .hwv-quota-control{grid-row:3}
 /* Die Kopfzone bleibt außerhalb des einzigen Scrollbereichs. */
 .unified-landing{--entry-head:calc(96px + env(safe-area-inset-top))}
 .unified-landing .public-landing{margin-top:var(--entry-head)!important;height:calc(100svh - var(--dock-height) - var(--entry-head))!important}
 .entry-brand,[data-theme="dark"] .entry-brand{left:calc(16px + env(safe-area-inset-left));top:calc(16px + env(safe-area-inset-top))}
 .unified-entry{padding:24px 20px 28px;gap:28px;min-height:max(524px,calc(100svh - var(--dock-height) - var(--entry-head)))}
 .entry-story{position:static;width:100%}.entry-story h1{font-size:clamp(30px,8vw,36px);margin:0 0 20px;line-height:1.08}
 .entry-story .entry-narrative{padding:0;max-width:none}.entry-story .entry-narrative h2{max-width:12ch}
 .entry-input-stage{position:static;width:100%;max-width:520px;transform:none;margin-inline:auto}.unified-entry form{gap:8px}
}

/* Finale Kaskade fuer den gemeinsamen Kern und klar getrennte Kontextslots. */
.central-navigation{display:flex!important;grid-template-columns:none!important}.central-nav-global,.central-nav-context{display:flex;align-items:center}.central-nav-context{margin-left:2px;padding-left:10px;border-left:1px solid color-mix(in oklab,var(--ink,#182629) 20%,transparent)}.central-nav-context>button.is-active{border-color:var(--acid,#a5cc28);background:color-mix(in oklab,var(--acid,#a5cc28) 18%,var(--panel,#f8f9f6));box-shadow:0 0 0 2px color-mix(in oklab,var(--acid,#a5cc28) 18%,transparent)}
@media(max-width:900px){.has-context-navigation .central-navigation{display:grid!important;grid-template-columns:repeat(5,48px)!important}.has-context-navigation .central-nav-context{display:contents;margin:0;padding:0;border:0}}
.new-project-dialog{width:min(38rem,calc(100vw - 2rem));max-height:90dvh;overflow:auto;border:1px solid var(--line,#888);border-radius:1rem;padding:1.5rem;background:var(--surface,#fff);color:var(--text,#222)}
.new-project-dialog::backdrop{background:#0008}
.new-project-dialog fieldset{display:grid;gap:.8rem;margin-block:1rem;padding:1rem;border-radius:.6rem}
.new-project-dialog label{display:block;margin-block:.5rem}
.new-project-dialog label input[type=radio]{margin-right:.6rem}
.new-project-dialog input:not([type=radio]){width:100%;max-width:100%;box-sizing:border-box}

/* The setup page scrolls inside #hwv; a positioned ::before overlay would scroll away and leave a hard seam in the sky. Paint the same overlay as a background layer, which stays with the viewport of the scroller. */
#hwv.setup-sky::before{display:none!important}
body:not([data-ambiance=off]):not([data-theme=dark]) #hwv.setup-sky{background-image:linear-gradient(155deg,rgba(255,255,255,.38),rgba(219,234,242,.12) 46%,rgba(20,34,43,.2)),linear-gradient(180deg,rgba(185,217,237,.10),rgba(248,251,251,.18)),url('/assets/landing/setup-sky-light-r11.png')!important;background-size:cover!important;background-position:center!important}
body[data-theme=dark]:not([data-ambiance=off]) #hwv.setup-sky{background-image:linear-gradient(155deg,rgba(5,12,19,.28),rgba(20,36,58,.12) 45%,rgba(3,8,12,.46)),linear-gradient(180deg,rgba(11,23,40,.10),rgba(28,43,61,.18)),url('/assets/landing/setup-sky-dark-r11.png')!important;background-size:cover!important;background-position:center!important}