/* style.css
 * Was:     Das gesamte Aussehen: Farben, Schriften, Karten, Animationen, Dialoge, Papierkorb.
 * Braucht: nichts (wird von index.html geladen).
 * Farben:  --w Wunde · --h Heilung · --o OB · --b Beides · --x offen · --gold Akzent
 * Teil 1 = unveränderte Grundgestaltung der Ursprungsdatei, Teil 2 = Erweiterungen der modularen Fassung.
 */
:root{--bg1:#fffaf0;--bg2:#f3ecff;--ink:#3b3350;--soft:#625878;--gold:#b88a2e;--glow:rgba(255,224,150,.55);--card:rgba(255,255,255,.55);--line:rgba(184,138,46,.35);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg1:#0f1230;--bg2:#241a4a;--ink:#efe8ff;--soft:#a9a0c9;--gold:#e8c46a;--glow:rgba(232,196,106,.25);--card:rgba(255,255,255,.05);--line:rgba(232,196,106,.35)}}
:root[data-theme="dark"]{--bg1:#0f1230;--bg2:#241a4a;--ink:#efe8ff;--soft:#a9a0c9;--gold:#e8c46a;--glow:rgba(232,196,106,.25);--card:rgba(255,255,255,.05);--line:rgba(232,196,106,.35)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:Jost,system-ui,sans-serif;font-weight:300;line-height:1.7;background:var(--bg1);background-image:radial-gradient(ellipse 80% 40% at 50% 0,var(--glow),transparent 70%),linear-gradient(var(--bg1),var(--bg2));background-attachment:fixed}
main{max-width:760px;margin:0 auto;padding:clamp(2.5rem,8vw,6rem) 1.4rem 5rem}
header{text-align:center;margin-bottom:4rem;animation:rise 1.6s ease both}
.halo{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 40px var(--glow),inset 0 0 20px var(--glow)}
h1{font:italic 300 clamp(2.6rem,9vw,4.6rem)/1.05 "Cormorant Garamond",Georgia,serif;margin:0;letter-spacing:.02em}
h1 b{font-weight:500;font-style:normal;color:var(--gold)}
.tag{font:italic 300 1.3rem "Cormorant Garamond",Georgia,serif;color:var(--soft);margin:.8rem 0 0}
.intro{max-width:34em;margin:2rem auto 0;color:var(--soft)}
.mv{margin:5rem 0;animation:rise 1.4s ease both}
.mv h2{font:500 clamp(1.6rem,5vw,2.2rem)/1.2 "Cormorant Garamond",Georgia,serif;text-align:center;margin:0}
.mv h2 small{display:block;font:400 .75rem Jost,sans-serif;letter-spacing:.35em;color:var(--gold);margin-bottom:.6rem}
.sub{text-align:center;color:var(--soft);font-style:italic;margin:.5rem 0 2.2rem}
.sub::after{content:"✦";display:block;color:var(--gold);margin-top:1.2rem}
figure{margin:0 0 1.6rem;padding:1.6rem 1.5rem;background:var(--card);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(6px)}
blockquote{margin:0;font:italic 300 clamp(1.25rem,3.6vw,1.55rem)/1.5 "Cormorant Garamond",Georgia,serif}
blockquote::before{content:"„";color:var(--gold)}blockquote::after{content:"“";color:var(--gold)}
figcaption{margin-top:1rem;font-size:.82rem;border-top:1px solid var(--line);padding-top:.7rem;color:var(--soft)}
figcaption b{font-weight:400;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;display:block}
figcaption i{display:block;margin-top:.2rem}
footer{text-align:center;margin-top:5rem;color:var(--soft)}
footer p{font:italic 300 1.5rem/1.4 "Cormorant Garamond",Georgia,serif;color:var(--ink)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

:root{--w:#8b1a2b;--h:#2e8b57;--o:#b88a2e;--b:#7b3fa0;--x:#808080}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--w:#e0788a;--h:#6fd3a0;--o:#e8c46a;--b:#c39be0;--x:#b0b0b0}}
.top{position:relative;z-index:5;margin:0 -1.4rem 2rem;padding:.7rem 1.4rem calc(.7rem);background:var(--bg1);border-bottom:1px solid var(--line)}
.top .tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem}
.top .tabs a{white-space:nowrap;text-decoration:none;font-size:.8rem;padding:.3rem .8rem;border:1px solid currentColor;border-radius:99px}
.top em,.part h2 em{font-style:normal;opacity:.65;font-size:.75em}
.wunde{--c:var(--w)}.heil{--c:var(--h)}.ob{--c:var(--o)}.beides{--c:var(--b)}.offen{--c:var(--x)}
.tabs a.wunde{color:var(--w)}.tabs a.heil{color:var(--h)}.tabs a.ob{color:var(--o)}.tabs a.beides{color:var(--b)}.tabs a.offen{color:var(--x)}
#q{width:100%;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;margin-top:.4rem}
.part{margin:4rem 0}.part>h2{font:500 clamp(1.8rem,6vw,2.6rem)/1.15 "Cormorant Garamond",Georgia,serif;text-align:center;margin:0;color:var(--c)}
.part>h2 small{display:block;font:400 .75rem Jost,sans-serif;letter-spacing:.35em;margin-bottom:.4rem}
.abc{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:1.2rem 0 1.6rem}.abc a{width:1.9rem;text-align:center;text-decoration:none;color:var(--c);border:1px solid var(--line);border-radius:8px;font-size:.85rem}
.lt h3{font:500 2rem "Cormorant Garamond",Georgia,serif;color:var(--c);border-bottom:1px solid var(--line);margin:2rem 0 .8rem}
.sw{text-align:center;font:italic 300 1.5rem "Cormorant Garamond",Georgia,serif;color:var(--c);margin:3rem 0 0}
.e{padding:.9rem 1.1rem;margin:0 0 .7rem;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--c);border-radius:12px}
.e h4{margin:0;font:500 1.15rem "Cormorant Garamond",Georgia,serif}.e .d{margin:.2rem 0;font-size:.92rem}
.e summary{cursor:pointer;color:var(--soft);font-size:.8rem}.e details p{margin:.4rem 0;font-size:.85rem;color:var(--soft)}.e details b{display:block;font-weight:400;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.e.isbias{border-left-color:#722f37}
.bd{font:400 .65rem Jost;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .45rem;border-radius:99px;vertical-align:middle;margin-left:.3rem}.bias{background:#722f37;color:#fff}.zp{background:rgba(200,120,60,.2);color:var(--soft)}
.hide{display:none!important}#n0{text-align:center;color:var(--soft)}
.mv{margin:3rem 0}
/*DEV*/
.modes{display:flex;gap:.4rem;margin-bottom:.5rem}.modes button{flex:1;font:inherit;font-size:.85rem;padding:.45rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.modes button.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.pane{display:none}
.slk{background:none;border:0;color:inherit;text-decoration:underline dotted;cursor:pointer;font:inherit;padding:0;margin:0 .15rem}
.slk:hover{color:var(--gold)}
#sl{max-width:860px;margin:0 auto}
.slcard blockquote::before,.slcard blockquote::after{content:none}.slcard h4{font:400 .8rem Jost;letter-spacing:.05em;color:var(--soft);margin:0 0 .3rem}
.slnav a{color:var(--o)}
.slrat{font:400 .72rem Jost;letter-spacing:.06em;color:var(--soft);margin:.1rem 0 .5rem}
.sladd{font:400 .65rem Jost;letter-spacing:.06em;padding:.15rem .6rem;border:1px solid var(--line);border-radius:99px;background:none;color:var(--soft);cursor:pointer;margin-left:.6rem;vertical-align:middle}
.hl{animation:hlg 2.2s ease}
@keyframes hlg{0%,60%{box-shadow:0 0 0 3px var(--gold),0 0 24px var(--glow)}100%{box-shadow:none}}
.imp-parsed{margin:1rem 0;border-top:1px solid #30363d;padding-top:.8rem}.imp-parsed .e{background:#161b22;border-color:#30363d;color:#e6edf3}.imp-parsed .e h4{color:#7ee787}.imp-parsed .e .d,.imp-parsed .e details p{color:#8b949e}
#flycard{transition:none}
.fly-h{animation:fh .36s ease both}.fly-w{animation:fw .36s ease both}.fly-o{animation:fo .36s ease both}.fly-b{animation:fb .36s ease both}.fly-s{animation:fs .28s ease both}
@keyframes fh{40%{opacity:1}100%{transform:translateY(-70px) scale(.92);opacity:0;filter:drop-shadow(0 0 16px #2e8b57) saturate(1.5)}}
@keyframes fw{40%{opacity:1}100%{transform:translateY(70px) scale(.92);opacity:0;filter:drop-shadow(0 0 16px #b22a40) saturate(1.5)}}
@keyframes fo{40%{opacity:1}100%{transform:translateX(70px) scale(.92);opacity:0;filter:drop-shadow(0 0 16px #b88a2e) saturate(1.5)}}
@keyframes fb{40%{opacity:1}100%{transform:translateX(-70px) scale(.92);opacity:0;filter:drop-shadow(0 0 16px #9b6fd0) saturate(1.5)}}
@keyframes fs{100%{transform:translateX(-24px);opacity:0}}
.edt{background:none;border:0;color:inherit;opacity:.4;cursor:pointer;font:inherit;padding:0 .3rem;margin-left:.4rem}.edt:hover{opacity:1}
#editor{position:fixed;inset:0;background:rgba(5,10,25,.62);display:flex;align-items:center;justify-content:center;z-index:9;padding:1rem}
#editor .dev{width:min(720px,94vw);max-height:88vh;overflow:auto}
.dev{background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:14px;padding:1.2rem;font:400 .9rem/1.6 ui-monospace,Menlo,Consolas,monospace;margin-bottom:2rem}
.dev h4{margin:.2rem 0 .6rem;font:600 1.1rem ui-monospace,Menlo,Consolas,monospace;color:#7ee787}.dev .cm{color:#8b949e}.dev p{margin:.3rem 0}.dev b{color:#79c0ff;font-weight:400}
.bar{height:6px;background:#21262d;border-radius:9px;overflow:hidden;margin:.6rem 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7ee787,#e8c46a)}
kbd{display:inline-block;min-width:1.6rem;text-align:center;padding:0 .35rem;border:1px solid #484f58;border-bottom-width:3px;border-radius:6px;background:#161b22;color:#e6edf3;font:inherit}
.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1rem 0}.keys button,.dev button.b{font:inherit;padding:.7rem;border-radius:10px;border:1px solid #30363d;background:#161b22;color:#e6edf3;cursor:pointer}.keys button:hover,.dev button.b:hover{border-color:#e8c46a}
.k-h{border-left:4px solid #2e8b57!important}.k-w{border-left:4px solid #b22a40!important}.k-o{border-left:4px solid #b88a2e!important}.k-b{border-left:4px solid #9b6fd0!important}
.dev input,.dev textarea,.dev select{width:100%;margin:.2rem 0 .6rem;padding:.5rem .7rem;border-radius:8px;border:1px solid #30363d;background:#161b22;color:#e6edf3;font:inherit}
.fld{margin-bottom:.8rem}.fld .d{font:300 1rem/1.5 Jost,system-ui,sans-serif;color:#e6edf3}.fld span{color:#8b949e}
.row{display:flex;gap:.5rem;flex-wrap:wrap}.row>*{flex:1}.tag{display:inline-block}.un{background:#6e4f1f;color:#ffd58a}.nl{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid #30363d;padding:.5rem 0}

.thanks{margin:5rem 0 2rem;padding:2rem 1.5rem;background:var(--card);border:1px solid var(--line);border-radius:18px}
.thanks h2{font:500 clamp(2rem,7vw,3rem)/1.15 "Cormorant Garamond",Georgia,serif;text-align:center;color:var(--gold);margin:0}
.thanks p:not(.sub){margin:1rem 0;padding-bottom:.85rem;border-bottom:1px solid var(--line);font-size:.95rem}
.thanks p:last-child{border-bottom:0}
.thanks strong{font-weight:400;color:var(--gold)}

/* ===================== Teil 2 – Erweiterungen ===================== */
html{scroll-padding-top:7.5rem}
.modes{overflow-x:auto}.modes button{flex:1 0 auto;white-space:nowrap}
body[data-m=trash] #trashv{display:block}
#trashv{max-width:860px;margin:0 auto}
.vt{display:flex;gap:.4rem;margin:.1rem 0 .5rem}
.vt button{font:inherit;font-size:.78rem;padding:.25rem .85rem;border-radius:99px;border:1px solid var(--line);background:none;color:var(--soft);cursor:pointer}
.vt button.on{border-color:var(--gold);color:var(--gold)}

/* Farbe je Karte nach Wirkung */
.c-W{--c:var(--w)}.c-H{--c:var(--h)}.c-O{--c:var(--o)}.c-B{--c:var(--b)}.c-X{--c:var(--x)}
.part.az{--c:var(--gold)}
.part,.lt,.mv{scroll-margin-top:7.5rem}
.top .tabs .lg{white-space:nowrap;font:inherit;font-size:.8rem;padding:.3rem .8rem;border:1px solid currentColor;border-radius:99px;background:none;cursor:pointer}
.top .tabs .lg em{font-style:normal;opacity:.65;font-size:.75em}
.lg.wunde{color:var(--w)}.lg.heil{color:var(--h)}.lg.ob{color:var(--o)}.lg.beides{color:var(--b)}.lg.offen{color:var(--x)}
.lg.off{opacity:.35;text-decoration:line-through}
.wk{font:400 .6rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-left:.5rem;vertical-align:middle}
#book.parts .wk{display:none}

/* Verlinkung unter den Karten */
.lk .lkr{margin:.55rem 0 .15rem}
.ch{font:inherit;font-size:.78rem;line-height:1.3;padding:.12rem .62rem;margin:.15rem .25rem .15rem 0;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.ch.cn{border-color:var(--c);color:var(--c)}
.ch.cn.on{background:var(--c);color:#fff}
.ch.ck{border-color:var(--gold);color:var(--gold)}
.ch.cu{border-style:dashed;color:var(--soft)}
.ch:hover{filter:brightness(1.1);box-shadow:0 0 0 2px var(--glow)}
.pvs:empty{display:none}
.pv{margin:.45rem 0 .3rem .5rem;padding:.65rem .85rem;border:1px solid var(--line);border-left:3px solid var(--c);border-radius:10px;background:var(--card);font-size:.88rem;animation:rise .35s ease both}
.pv h5{margin:0 0 .2rem;font:500 1.05rem "Cormorant Garamond",Georgia,serif;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
.pv .go,.pv .xx{font:inherit;font-size:.72rem;border:0;background:none;color:var(--gold);cursor:pointer;text-decoration:underline dotted;padding:0}
.pv .d{margin:.2rem 0}.pv .rel{color:var(--soft);margin:.2rem 0;font-size:.85rem}

/* Danksagung & OB-Sätze: Bearbeiten sehr unauffällig */
.thanks p{position:relative}
.edt.ghost{opacity:.12;font-size:.8rem}
.thanks p:hover .edt.ghost,.obc:hover .edt.ghost,.edt.ghost:focus-visible{opacity:.7}
@media(hover:none){.edt.ghost{opacity:.28}}
figcaption .edt{float:right}

/* Hinweise (statt alert/confirm) */
#toasts{position:fixed;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:.4rem;z-index:30;pointer-events:none}
.toast{pointer-events:auto;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:12px;padding:.55rem .9rem;font-size:.88rem;display:flex;gap:.8rem;align-items:center;max-width:92vw;box-shadow:0 8px 30px rgba(0,0,0,.35);animation:rise .3s ease both}
.toast button{font:inherit;background:none;border:0;color:#e8c46a;cursor:pointer;text-decoration:underline}

/* Dialog & Papierkorb */
.dev .row.end{justify-content:space-between;align-items:center;margin-top:.4rem}.dev .row.end>*{flex:0 0 auto}
.dev button.dl{background:none;border-color:transparent;color:#8b949e;font-size:.8rem}
.dev button.dl:hover,.dev button.dl.arm{color:#ff7b72;border-color:#ff7b72}
.dev .err{color:#ff7b72;min-height:1.2em}
.dev .kd{display:inline-block;font-size:.7rem;padding:0 .45rem;border:1px solid #30363d;border-radius:99px;color:#8b949e;margin-right:.4rem}
.dev .nl .cm{display:block}
.dev h4 small{font-weight:400;color:#8b949e;font-size:.8rem}
.dev button.b.arm{border-color:#ff7b72;color:#ff7b72}


/* Kompakte Kopfleiste auf schmalen Bildschirmen */
@media(max-width:600px){
  .modes{gap:.25rem;overflow-x:visible}
  .modes button{font-size:.72rem;padding:.42rem .4rem;flex:1 1 auto}
  .top .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}
  .top .tabs::-webkit-scrollbar{display:none}
  .top .tabs a,.top .tabs .lg{flex:0 0 auto}
  .vt{margin:.05rem 0 .35rem}
}


/* ===================== Teil 3 – Das Overlay: Lichter, Filter, Status, Einordnen ===================== */
main{color:var(--ink);transition:color .3s ease}
.e,.top,.pl,.lp,.pv,.part h2,.d{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}

/* Lichtfeld: überblendet den Seitenhintergrund (0,3 s), statt hart zu wechseln */
#lichtfeld{position:fixed;inset:0;z-index:-1;pointer-events:none}
#lichtfeld i{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}
#lichtfeld .lf-schatten{background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(190,70,70,.22),transparent 70%),linear-gradient(#140a0a,#210f10)}
#lichtfeld .lf-heilung{background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(110,200,140,.35),transparent 70%),linear-gradient(#f0f8f0,#dff0e3)}
#lichtfeld .lf-ob{background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(255,200,80,.5),transparent 70%),linear-gradient(#f5e6b8,#ecd596)}
#lichtfeld .lf-beides{background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(170,120,230,.4),transparent 70%),linear-gradient(#e0d0f0,#d0bce8)}
body[data-licht=schatten] #lichtfeld .lf-schatten,body[data-licht=heilung] #lichtfeld .lf-heilung,body[data-licht=ob] #lichtfeld .lf-ob,body[data-licht=beides] #lichtfeld .lf-beides{opacity:1}
body:not([data-m=lexicon]) #lichtfeld i{opacity:0!important}

/* ===================== V4.8 – lebendiger NV-Wissensgraph ===================== */
.knowledge-graph{display:none!important;position:relative;width:min(1180px,calc(100vw - 1rem));max-width:none;height:min(790px,calc(100vh - 8rem));min-height:620px;margin:1rem 50% 2rem;transform:translateX(-50%);overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 32%,var(--line));border-radius:30px;background:
radial-gradient(circle at 50% 48%,rgba(111,77,155,.18),transparent 26%),radial-gradient(circle at 18% 18%,rgba(180,143,77,.08),transparent 24%),linear-gradient(145deg,#111526 0%,#16182c 48%,#0c1020 100%);box-shadow:0 35px 90px rgba(4,6,16,.38),inset 0 1px rgba(255,255,255,.05);color:#eee8dc;isolation:isolate}
body[data-m=graph] #knowledgeGraph{display:block!important}body[data-m=graph] main{max-width:none;padding-inline:clamp(.5rem,2vw,2rem)}body[data-m=graph] header,body[data-m=graph] .top{max-width:980px;margin-inline:auto}
.knowledge-graph:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.45;background-image:radial-gradient(circle,rgba(224,207,171,.25) 0 1px,transparent 1.5px);background-size:31px 31px;mask-image:radial-gradient(circle at center,#000,transparent 75%)}
.kg-head{position:absolute;z-index:6;top:22px;left:26px;right:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;pointer-events:none}.kg-title small,.kg-cluster-label small{display:block;color:#c4b9cf;font:400 .62rem/1.2 Jost,sans-serif;letter-spacing:.27em;text-transform:uppercase}.kg-title h2{margin:.28rem 0 0;color:#f0e9dc;font:300 clamp(1.5rem,3vw,2.5rem)/1 "Cormorant Garamond",serif;letter-spacing:.04em}.kg-title p{max-width:410px;margin:.42rem 0;color:#aaa5b5;font:300 .76rem/1.45 Jost,sans-serif}.kg-actions{display:flex;gap:.45rem;pointer-events:auto}.kg-icon,.kg-search button,.kg-back,.kg-arrow{display:grid;place-items:center;border:1px solid rgba(221,205,174,.25);background:rgba(15,17,33,.74);color:#d8c9ae;border-radius:999px;cursor:pointer;backdrop-filter:blur(12px);transition:.2s}.kg-icon{width:42px;height:42px;font-size:1rem}.kg-icon:hover,.kg-back:hover,.kg-arrow:hover{border-color:#ca9f59;background:rgba(190,143,66,.14);transform:translateY(-1px)}
.kg-search{position:absolute;z-index:7;left:50%;top:24px;transform:translateX(-50%);display:flex;width:min(340px,38vw);border:1px solid rgba(221,205,174,.2);border-radius:99px;background:rgba(12,15,29,.72);backdrop-filter:blur(14px);overflow:hidden}.kg-search input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#f4eddf!important;padding:.7rem 1rem!important;font:300 .78rem Jost,sans-serif!important;box-shadow:none!important}.kg-search input::placeholder{color:#858092}.kg-search button{width:40px;border:0;border-radius:0;background:transparent}
.kg-stage{position:absolute;z-index:1;inset:0;touch-action:none;cursor:grab}.kg-stage.dragging{cursor:grabbing}.kg-svg{width:100%;height:100%;display:block}.kg-world{transform-origin:center;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.kg-link{stroke:#9d91b1;stroke-width:.65;opacity:.22;vector-effect:non-scaling-stroke;transition:opacity .2s,stroke .2s}.kg-link.hot{stroke:#e7c067;opacity:.82;stroke-width:1.2}.kg-node{cursor:pointer;outline:none}.kg-node .kg-halo{fill:none;stroke:currentColor;stroke-width:.75;opacity:.3;transition:.25s}.kg-node .kg-dot{fill:currentColor;stroke:#f8f0df;stroke-width:.55;filter:drop-shadow(0 0 4px currentColor);transition:.24s}.kg-node:hover .kg-halo,.kg-node:focus .kg-halo,.kg-node.active .kg-halo{opacity:.95;stroke-width:1.5}.kg-node:hover .kg-dot,.kg-node:focus .kg-dot,.kg-node.active .kg-dot{filter:drop-shadow(0 0 10px currentColor);transform:scale(1.3);transform-origin:center}.kg-node text{fill:#e9e1d5;font:400 9px Jost,sans-serif;letter-spacing:.035em;paint-order:stroke;stroke:#111426;stroke-width:3px;stroke-linejoin:round;opacity:0;pointer-events:none}.kg-node.label text,.kg-node:hover text,.kg-node.active text{opacity:1}.kg-hub .kg-dot{stroke-width:1.3}.kg-hub text{font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:1}.kg-node[data-light="S"]{color:#e1677a}.kg-node[data-light="H"]{color:#e8c261}.kg-node[data-light="B"]{color:#b58ce2}.kg-node[data-light="O"]{color:#63c5c0}.kg-node[data-light="X"]{color:#d6d1d8}
.kg-cluster-name{fill:#eee6d9;font:400 14px Jost,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-anchor:middle;pointer-events:none}.kg-cluster-count{fill:#8d879a;font:300 8px Jost,sans-serif;letter-spacing:.12em;text-anchor:middle;pointer-events:none}.kg-nebula{fill:#a990c7;opacity:.1;filter:blur(18px)}
.kg-cluster-label{position:absolute;left:50%;bottom:25px;z-index:5;transform:translateX(-50%);text-align:center;pointer-events:none}.kg-cluster-label strong{display:block;margin:.3rem 0;color:#eadfcb;font:300 clamp(1.4rem,3vw,2.25rem) "Cormorant Garamond",serif;letter-spacing:.18em;text-transform:uppercase}.kg-cluster-label span{color:#8f8999;font:300 .68rem Jost,sans-serif}.kg-back{position:absolute;z-index:7;left:24px;bottom:24px;padding:.65rem 1rem;font:400 .7rem Jost,sans-serif;letter-spacing:.1em}.kg-pager{position:absolute;z-index:7;right:24px;bottom:24px;display:flex;gap:.4rem}.kg-arrow{width:40px;height:40px}
.kg-detail{position:absolute;z-index:10;top:0;right:0;width:min(430px,92%);height:100%;overflow:auto;padding:28px 30px 36px;background:linear-gradient(145deg,rgba(27,27,48,.97),rgba(12,15,29,.985));border-left:1px solid rgba(222,194,144,.3);box-shadow:-30px 0 80px rgba(0,0,0,.32);transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(22px)}.kg-detail.open{transform:none}.kg-detail-close{float:right;width:38px;height:38px;border:1px solid rgba(222,194,144,.25);border-radius:50%;background:transparent;color:#d8c9ae;cursor:pointer;font-size:1.05rem}.kg-detail-kicker{margin-top:52px;color:#c69b55;font:400 .64rem Jost,sans-serif;letter-spacing:.23em;text-transform:uppercase}.kg-detail h3{margin:.35rem 0 .4rem;color:#f1e9dc;font:300 2.25rem/1 "Cormorant Garamond",serif}.kg-detail .kg-kind{color:#9993a5;font:300 .75rem Jost,sans-serif}.kg-detail-section{padding:1rem 0;border-top:1px solid rgba(222,213,198,.12)}.kg-detail-section h4{margin:0 0 .45rem;color:#c9a96c;font:400 .62rem Jost,sans-serif;letter-spacing:.2em;text-transform:uppercase}.kg-detail-section p{margin:0;color:#d1cad0;font:300 .9rem/1.65 Jost,sans-serif}.kg-chips{display:flex;flex-wrap:wrap;gap:.35rem}.kg-chips button,.kg-card-link{border:1px solid rgba(215,199,171,.28);border-radius:99px;background:rgba(255,255,255,.025);color:#ddd4c5;padding:.42rem .7rem;cursor:pointer;font:300 .72rem Jost,sans-serif}.kg-chips button:hover,.kg-card-link:hover{border-color:#c9a15c;background:rgba(201,161,92,.1)}.kg-card-link{display:block;width:100%;margin-top:1rem;padding:.72rem 1rem;color:#ead9b7}.kg-empty{display:grid;height:100%;place-items:center;color:#aaa2b0;font:300 1rem Jost,sans-serif}
@media(max-width:760px){.knowledge-graph{height:calc(100vh - 7rem);min-height:600px;border-radius:20px}.kg-title p{display:none}.kg-search{top:82px;width:calc(100% - 44px)}.kg-head{left:20px;right:20px}.kg-detail{top:auto;bottom:0;width:100%;height:min(67%,570px);border-left:0;border-top:1px solid rgba(222,194,144,.3);transform:translateY(105%);border-radius:24px 24px 0 0}.kg-detail.open{transform:none}.kg-cluster-label{bottom:72px}.kg-back{bottom:18px}.kg-pager{bottom:18px}.kg-hub text{font-size:10px}.kg-cluster-name{font-size:10px}}
@media(prefers-reduced-motion:reduce){.kg-world,.kg-detail,.kg-node *{transition:none!important}}
.kg-node{animation:kg-node-in .55s both cubic-bezier(.2,.8,.2,1)}@keyframes kg-node-in{from{opacity:0}to{opacity:1}}
.knowledge-graph:fullscreen{width:100%;height:100%;min-height:100%;margin:0;transform:none;border:0;border-radius:0}

/* V4.8.1: ruhige Galaxie, große Trefferflächen und lesbare direkte Sternbilder. */
.knowledge-graph{background:radial-gradient(ellipse at 51% 47%,rgba(55,76,126,.27),transparent 31%),radial-gradient(ellipse at 19% 79%,rgba(97,62,115,.16),transparent 30%),radial-gradient(ellipse at 78% 17%,rgba(95,85,151,.15),transparent 33%),#080e1b;border-color:rgba(192,172,210,.28)}
.knowledge-graph:before{opacity:.72;background-image:radial-gradient(circle,rgba(203,215,255,.34) 0 .7px,transparent 1.3px),radial-gradient(circle,rgba(227,193,146,.27) 0 .6px,transparent 1.1px);background-size:47px 53px,79px 83px;background-position:0 0,21px 35px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 88%)}
.kg-link{stroke:#91a3cf;stroke-width:.8;opacity:.31}.kg-link.kg-axis{stroke:#c4a58c;stroke-width:1.2;opacity:.45}
.kg-node .kg-hit{fill:transparent;pointer-events:all}.kg-node[data-role="Schatten"]{color:#b78abf}.kg-node[data-role="Wunde"]{color:#d18b96}.kg-node[data-role="Heilung"]{color:#a8cfb9}.kg-node[data-role="Beides"]{color:#d8bb9b}.kg-node[data-role="SL"]{color:#9aadd5}.kg-node[data-role="OB"]{color:#d5c5e5}
.kg-node .kg-dot{stroke:rgba(246,237,229,.8);filter:drop-shadow(0 0 7px currentColor)}.kg-node .kg-halo{opacity:.47}.kg-trait{color:#d9bb92}.kg-trait .kg-halo{stroke-width:1;opacity:.65}.kg-trait .kg-dot{fill:#11192d;stroke:#d9bb92;stroke-width:2;filter:drop-shadow(0 0 14px rgba(218,189,148,.55))}.kg-trait text{font:400 13px "Cormorant Garamond",serif;letter-spacing:.09em;text-transform:uppercase;opacity:1}.kg-trait .kg-count{fill:#b5a8ba;font:400 8px Jost,sans-serif;letter-spacing:.12em}
.kg-core-ring{fill:rgba(195,167,209,.06);stroke:rgba(223,195,234,.52);stroke-width:1.5;filter:drop-shadow(0 0 22px rgba(195,157,228,.26))}.kg-core-name{fill:#e9d9d4;font:400 20px "Cormorant Garamond",serif;letter-spacing:.18em}.kg-depth-ring{fill:none;stroke:rgba(157,177,210,.14);stroke-width:.75;stroke-dasharray:2 6;pointer-events:none}.kg-depth-label{fill:rgba(185,199,229,.42);font:400 9px Jost,sans-serif;pointer-events:none}
.kg-brain{position:absolute;z-index:7;left:24px;bottom:75px;display:flex;align-items:center;gap:.45rem;max-width:52%;color:#b1a6b8;font:300 .62rem Jost,sans-serif}.kg-brain button{border:1px solid rgba(216,188,157,.28);border-radius:99px;background:rgba(12,18,32,.85);padding:.5rem .75rem;color:#d5bea2;font:400 .65rem Jost,sans-serif;cursor:pointer}.kg-brain button:hover{border-color:#d5bea2}.kg-brain button:disabled{opacity:.5;cursor:wait}.kg-brain-status{max-width:250px}.kg-node{animation:none}.kg-pager button:disabled{opacity:.35;cursor:default}
.kg-card-hint{margin:.7rem 0;padding:.55rem .7rem;border-left:2px solid #ab91b8;background:rgba(160,133,179,.07);color:var(--muted);font:.7rem/1.5 Jost,sans-serif}
.kg-expand{position:absolute;z-index:7;right:24px;bottom:75px;padding:.56rem .9rem;border:1px solid rgba(217,185,142,.4);border-radius:99px;background:rgba(11,18,32,.86);color:#e1c8a6;font:400 .68rem Jost,sans-serif;letter-spacing:.07em;cursor:pointer}.kg-expand:hover{border-color:#e7c998;background:rgba(90,69,67,.32)}.kg-expand[hidden]{display:none}
.kg-unfold-all{position:absolute;z-index:7;right:24px;bottom:75px;padding:.56rem .9rem;border:1px solid rgba(217,185,142,.4);border-radius:99px;background:rgba(11,18,32,.86);color:#e1c8a6;font:400 .68rem Jost,sans-serif;letter-spacing:.07em;cursor:pointer}.kg-unfold-all:hover{border-color:#e7c998;background:rgba(90,69,67,.32)}.kg-unfold-all[hidden]{display:none}.kg-trait-icon{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 5px currentColor)}
.kg-peek{position:absolute;z-index:8;left:50%;top:108px;transform:translateX(-50%);width:min(390px,calc(100% - 32px));padding:.8rem 1rem;border:1px solid rgba(217,185,142,.32);border-radius:16px;background:rgba(12,16,31,.9);color:#efe5d7;box-shadow:0 18px 50px rgba(0,0,0,.26);backdrop-filter:blur(16px);text-align:center}.kg-peek[hidden]{display:none}.kg-peek small{display:block;color:#b7a8bd;font:400 .57rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase}.kg-peek strong{display:block;margin:.25rem 0;font:400 1.25rem "Cormorant Garamond",serif}.kg-peek>span{display:block;color:#aaa4b3;font:300 .65rem Jost,sans-serif}.kg-peek>div{display:flex;justify-content:center;gap:.4rem;margin-top:.65rem}.kg-peek button{padding:.42rem .7rem;border:1px solid rgba(220,199,165,.28);border-radius:99px;background:rgba(255,255,255,.03);color:#e5d5bd;font:400 .64rem Jost,sans-serif;cursor:pointer}.kg-peek button:hover{border-color:#d9b97f}.kg-virtual-node circle{fill:#11192d;stroke:#caa86c;stroke-width:1.2}.kg-virtual-node .kg-virtual-ring{fill:none;stroke:#a68ebb;opacity:.45}.kg-virtual-node text{fill:#e7ded2;stroke:#111426;stroke-width:3px;paint-order:stroke;font:400 8px Jost,sans-serif;letter-spacing:.04em}.kg-bias-label{fill:#cbb895;stroke:#111426;stroke-width:3px;paint-order:stroke;font:400 8px Jost,sans-serif;letter-spacing:.16em}
.knowledge-graph.kg-overview .kg-cluster-label{bottom:8px}.knowledge-graph.kg-overview .kg-cluster-label strong{display:none}.knowledge-graph.kg-overview .kg-cluster-label span{display:block;max-width:430px}.knowledge-graph.kg-overview .kg-cluster-label small{opacity:.72}

/* V5.1: Außenansicht als atmende Wissensgalaxie. */
.kg-core-pulse{transform-box:fill-box;transform-origin:center;animation:kg-core-breathe 5.8s ease-in-out infinite}.kg-core-wave{fill:none;stroke:#c8b0dd;transform-box:fill-box;transform-origin:center}.kg-core-wave.outer{stroke-width:.55;opacity:.2;animation:kg-core-wave 5.8s ease-out infinite}.kg-core-wave.inner{stroke-width:.8;opacity:.28;animation:kg-core-wave 5.8s 1.2s ease-out infinite}.kg-core-ring{fill:rgba(183,151,211,.1);stroke:rgba(231,209,237,.72);stroke-width:1.2;filter:drop-shadow(0 0 19px rgba(191,150,229,.45))}.kg-core-star{fill:#f0e5d9;filter:drop-shadow(0 0 4px #caa9ec);animation:kg-core-drift calc(3.2s + var(--i)*.035s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.09s)}.kg-travel-spark{fill:#f6ead8;opacity:0;filter:drop-shadow(0 0 4px currentColor);pointer-events:none}
.kg-link[data-trait=offenheit],.kg-travel-spark[data-trait=offenheit]{color:#d7b43f;stroke:#d7b43f}.kg-link[data-trait=gewissenhaftigkeit],.kg-travel-spark[data-trait=gewissenhaftigkeit]{color:#db7c4b;stroke:#db7c4b}.kg-link[data-trait=extraversion],.kg-travel-spark[data-trait=extraversion]{color:#b17add;stroke:#b17add}.kg-link[data-trait=vertraeglichkeit],.kg-travel-spark[data-trait=vertraeglichkeit]{color:#4fc1bb;stroke:#4fc1bb}.kg-link[data-trait=neurotizismus],.kg-travel-spark[data-trait=neurotizismus]{color:#68aeda;stroke:#68aeda}.kg-link.kg-axis[data-trait]{stroke:currentColor;opacity:.47}.kg-arm-label[data-trait=offenheit] text{fill:#d8bd5d}.kg-arm-label[data-trait=gewissenhaftigkeit] text{fill:#dd956a}.kg-arm-label[data-trait=extraversion] text{fill:#bd98df}.kg-arm-label[data-trait=vertraeglichkeit] text{fill:#76cbc5}.kg-arm-label[data-trait=neurotizismus] text{fill:#83bce0}.kg-arm-label .kg-cluster-name{font-family:"Cormorant Garamond",serif;font-size:17px;letter-spacing:.25em}.kg-arm-label .kg-cluster-count{fill:#85899a;font-size:7px;letter-spacing:.13em}.kg-arm-label{opacity:.9}
.kg-trait[data-trait=offenheit]{color:#d7b43f}.kg-trait[data-trait=gewissenhaftigkeit]{color:#db7c4b}.kg-trait[data-trait=extraversion]{color:#b17add}.kg-trait[data-trait=vertraeglichkeit]{color:#4fc1bb}.kg-trait[data-trait=neurotizismus]{color:#68aeda}.kg-trait.compact .kg-dot{fill:#0d1525;stroke:currentColor;stroke-width:1.4;filter:drop-shadow(0 0 10px currentColor)}.kg-trait.compact .kg-halo{stroke:currentColor;opacity:.7}
@keyframes kg-core-breathe{0%,100%{transform:scale(.94);opacity:.76}50%{transform:scale(1.07);opacity:1}}@keyframes kg-core-wave{0%{transform:scale(.62);opacity:.38}72%,100%{transform:scale(1.32);opacity:0}}@keyframes kg-core-drift{from{transform:translate(0,0);opacity:.4}to{transform:translate(var(--dx),var(--dy));opacity:1}}
.brain-ingest{margin:0 0 1.6rem;padding:clamp(1rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--gold) 36%,var(--line));border-radius:20px;background:radial-gradient(circle at 88% 8%,rgba(169,133,191,.09),transparent 32%),var(--panel-strong);box-shadow:0 16px 42px rgba(0,0,0,.12)}.brain-ingest h4{margin:0 0 .7rem;color:var(--gold);font:400 1.25rem "Cormorant Garamond",serif;letter-spacing:.09em}.brain-ingest .row{gap:.8rem;align-items:flex-end}.brain-ingest .fld{flex:1;min-width:min(100%,230px)}.brain-ingest textarea{width:100%;min-height:220px;max-height:55vh;resize:vertical;line-height:1.55}.brain-ingest #brainRun{border-color:var(--gold)}.brain-ingest #brainRun:disabled{opacity:.55;cursor:wait}.brain-results{display:grid;gap:.5rem}.brain-result{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:12px;background:rgba(140,125,158,.045)}.brain-result strong{color:var(--ink);font:500 .86rem Jost,sans-serif}.brain-result span{flex:1;color:var(--muted);font:.66rem Jost,sans-serif}.brain-result button{white-space:nowrap}
@media(max-width:760px){.kg-brain{left:15px;bottom:67px;max-width:92%;flex-wrap:wrap}.kg-brain-status{font-size:.6rem}.kg-trait text{font-size:10px}.kg-trait .kg-count{font-size:7px}.kg-arm-label .kg-cluster-name{font-size:12px}.kg-arm-label .kg-cluster-count{display:none}.kg-peek{top:138px}.kg-unfold-all,.kg-expand{right:15px;bottom:112px;max-width:48%}}
@media(prefers-reduced-motion:reduce){.kg-core-pulse,.kg-core-wave,.kg-core-star{animation:none!important}.kg-travel-spark{display:none}}

/* V5.2 · Navigation und Importatelier */
.quick-nav-open{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:.65rem;padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 68%,transparent);color:var(--soft);font:400 .7rem Jost,sans-serif;cursor:pointer}.quick-nav-open:hover{color:var(--ink);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}.quick-nav-open kbd,.quick-nav kbd{padding:.12rem .35rem;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--soft);box-shadow:inset 0 -1px rgba(0,0,0,.08)}
.quick-nav{width:min(620px,calc(100% - 2rem));max-height:min(700px,calc(100vh - 2rem));padding:0;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:22px;background:var(--panel-strong);color:var(--ink);box-shadow:0 28px 90px rgba(9,8,17,.35)}.quick-nav::backdrop{background:rgba(7,8,17,.62);backdrop-filter:blur(7px)}.quick-nav form{padding:1.25rem}.quick-nav-head{display:flex;align-items:flex-start;justify-content:space-between}.quick-nav-head small{color:var(--gold);font:.62rem Jost,sans-serif;letter-spacing:.2em}.quick-nav-head h2{margin:.25rem 0 1rem;font:400 1.8rem "Cormorant Garamond",serif}.quick-nav-head button{border:0;background:transparent;color:var(--soft);font-size:1.6rem;cursor:pointer}.quick-nav input{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--input-ink);font:inherit}.quick-nav-list{display:grid;gap:.3rem;margin:.75rem 0}.quick-nav-list button{display:flex;justify-content:space-between;width:100%;padding:.72rem .85rem;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.quick-nav-list button.active{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 10%,transparent)}.quick-nav-list small{color:var(--soft)}.quick-nav form>p{margin:.8rem 0 0;color:var(--soft);font-size:.66rem;text-align:center}
.import-studio{border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-radius:24px;background:var(--panel-strong);box-shadow:var(--shadow-ui);overflow:hidden}.import-studio-head{padding:clamp(1.1rem,3vw,2rem) clamp(1rem,4vw,2.5rem) 1rem;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--glow) 32%,transparent),transparent 43%)}.import-studio-head small{color:var(--gold);font:.62rem Jost,sans-serif;letter-spacing:.2em}.import-studio-head h2{margin:.25rem 0 .4rem;font:400 clamp(1.7rem,4vw,2.6rem) "Cormorant Garamond",serif}.import-studio-head p{margin:0;max-width:680px;color:var(--soft)}.import-tabs{display:flex;gap:.35rem;padding:.7rem clamp(1rem,4vw,2.5rem);overflow:auto;border-block:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent)}.import-tabs button{white-space:nowrap;padding:.48rem .72rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--soft);font:inherit;font-size:.74rem;cursor:pointer}.import-tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--ink)}.import-panel{padding:clamp(1rem,4vw,2.5rem)}.import-panel[hidden]{display:none}.import-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.4rem 0 1.1rem}.import-step{padding:.6rem .7rem;border:1px solid var(--line);border-radius:12px;color:var(--soft);font-size:.7rem}.import-step b{display:block;color:var(--gold);font-size:.58rem;letter-spacing:.12em}.import-language{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.brain-progress{height:5px;margin:.75rem 0;border-radius:99px;background:color-mix(in srgb,var(--line) 60%,transparent);overflow:hidden}.brain-progress>i{display:block;width:var(--progress,0%);height:100%;background:linear-gradient(90deg,var(--gold),#a890d6);transition:width .3s}.import-directory{display:grid;gap:.5rem}.import-empty{padding:1.2rem;border:1px dashed var(--line);border-radius:14px;color:var(--soft);text-align:center}.import-backup{padding:1rem;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 75%,transparent)}
@media(max-width:650px){.import-flow{grid-template-columns:1fr}.import-language{grid-template-columns:1fr}.import-panel{padding:1rem}.quick-nav-open span{font-size:.65rem}}

body[data-licht=schatten] main,body[data-licht=schatten] #statusbar{--bg1:#140a0a;--bg2:#210f10;--ink:#efe0e0;--soft:#c3a8a8;--gold:#e0a85f;--glow:rgba(190,70,70,.2);--card:rgba(255,255,255,.05);--line:rgba(210,100,100,.42)}
body[data-licht=heilung] main,body[data-licht=heilung] #statusbar{--bg1:#f0f8f0;--bg2:#dff0e3;--ink:#254232;--soft:#4f6f5b;--gold:#2f6f43;--glow:rgba(110,200,140,.35);--card:rgba(255,255,255,.72);--line:rgba(70,150,95,.4)}
body[data-licht=ob] main,body[data-licht=ob] #statusbar{--bg1:#f5e6b8;--bg2:#ecd596;--ink:#3e300c;--soft:#665221;--gold:#744e08;--glow:rgba(255,200,80,.5);--card:rgba(255,246,220,.78);--line:rgba(170,120,20,.55)}
body[data-licht=beides] main,body[data-licht=beides] #statusbar{--bg1:#e0d0f0;--bg2:#d0bce8;--ink:#2b2142;--soft:#55466f;--gold:#66378f;--glow:rgba(170,120,230,.4);--card:rgba(255,255,255,.62);--line:rgba(120,70,170,.45)}

/* Karten im Licht: Schatten dunkel/scharf/kursiv · Heilung hell/weich/rund · OB golden/glühend/fett */
#book[data-licht=schatten] .e{border-radius:2px;border-width:1px;border-left-width:3px;font-style:italic}
#book[data-licht=heilung] .e,#book[data-licht=heilung] .pv{border-radius:20px;font-family:ui-rounded,"SF Pro Rounded","Nunito","Varela Round",Jost,system-ui,sans-serif}
#book[data-licht=ob] .e{box-shadow:0 0 24px var(--glow);font-weight:500}
#book[data-licht=beides] .e{border-radius:14px}
#book[data-licht=schatten] article.e::before,#book[data-licht=heilung] article.e::before,#book[data-licht=ob] article.e::before,#book[data-licht=beides] article.e::before{display:block;font:400 .6rem Jost,sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.15rem}
#book[data-licht=schatten] article.e::before{content:"Im Licht des Schattens"}
#book[data-licht=heilung] article.e::before{content:"Im Licht der Heilung"}
#book[data-licht=ob] article.e::before{content:"Im Licht des OB"}
#book[data-licht=beides] article.e::before{content:"Im Licht von Schatten und Heilung"}
#book.breathe{animation:breathe .3s ease}
@keyframes breathe{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Lichtfarben für Karten (ein NV: Farbe = Licht) */
.c-S{--c:var(--w)}.c-H{--c:var(--h)}.c-B{--c:var(--b)}.c-O{--c:var(--o)}.c-X{--c:var(--x)}

/* Karten: Ebenen-Punkte, Tiefe, Linsen-Texte */
.mk{display:flex;align-items:center;gap:.35rem;margin:.1rem 0 .15rem}
.mk .ed{width:.62rem;height:.62rem;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.mk .tf{display:inline-flex;gap:2px;margin-left:.3rem}
.mk .tf i{width:.55rem;height:.2rem;border-radius:2px;background:var(--line);opacity:.5}
.mk .tf i.on{background:var(--gold);opacity:1}
.lps{margin-top:.2rem}
.lp{display:none;margin:.35rem 0 0;padding:.45rem .7rem;border-left:3px solid var(--pc,var(--gold));background:var(--card);border-radius:0 8px 8px 0;font-size:.88rem}
.lp b{display:block;font:500 .66rem Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pc,var(--gold))}
details[open]+.lps .lp{display:block}
.kit{font:400 .6rem Jost,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;padding:0 .4rem;border:1px dashed var(--soft);border-radius:99px;color:var(--soft);white-space:nowrap}
.lkask{margin:.5rem 0 .1rem}
body:not(.loki-an) .lkask{display:none}

/* Pillen (Filter und Einordnungs-Formular) */
.pl{font:inherit;font-size:.78rem;line-height:1.3;padding:.2rem .7rem;margin:.15rem .25rem .15rem 0;border-radius:99px;border:1px solid var(--pc,var(--line));background:transparent;color:var(--ink);cursor:pointer}
.pl kbd{font:400 .6rem Jost,sans-serif;margin-left:.35rem;opacity:.55;border:1px solid currentColor;border-radius:4px;padding:0 .25rem}
.pl:hover{box-shadow:0 0 0 2px var(--glow)}
.pl.on{background:var(--pc,var(--gold));color:#fff;border-color:var(--pc,var(--gold))}
.pl.li-schatten{--pc:var(--w)}.pl.li-heilung{--pc:var(--h)}.pl.li-ob{--pc:var(--o)}.pl.li-beides{--pc:var(--b)}.pl.li-alle{--pc:var(--gold)}
.pl.eb:not(.on){border-color:var(--pc)}.pl.eb.on{color:#2b2b2b}
.pl.fe:not(.on){color:var(--ink);border-color:var(--pc)}
.pl.modus,.pl.rs,.pl.ft{--pc:var(--gold)}
.pl.rs{margin-left:auto}
.pl em{font-style:normal;opacity:.7;margin-left:.2rem}
label.pl{padding:0;border:0;background:none;position:relative;display:inline-block}
label.pl:hover{box-shadow:none}
label.pl input{position:absolute;opacity:0;pointer-events:none}
label.pl span{display:inline-block;padding:.2rem .7rem;border:1px solid var(--pc,var(--line));border-radius:99px;cursor:pointer;transition:background-color .2s}
label.pl input:checked+span{background:var(--pc,var(--gold));color:#fff}
label.pl.eb input:checked+span{color:#2b2b2b}
label.pl input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* Filterleiste */
#fbar{margin:.1rem 0 .3rem}
.frow{display:flex;flex-wrap:wrap;align-items:center;gap:.05rem;margin:.1rem 0}
.frow>b{font:500 .62rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);width:3.6rem;flex:none}
.frow input[type=range]{accent-color:var(--gold);width:9rem}
#fbar .ft{display:none}
#fbar.zu .frow{display:none}
@media(max-width:600px){#fbar .ft{display:inline-block}.frow{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.frow::-webkit-scrollbar{display:none}.frow>*{flex:none}.frow>b{width:auto;margin-right:.4rem}}
#rd{display:none}
body[data-m=lexicon] #rd{display:block}

/* Statusleiste */
#statusbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:6;justify-content:space-between;gap:1rem;padding:.4rem 1.2rem calc(.4rem + env(safe-area-inset-bottom,0px));font-size:.74rem;letter-spacing:.04em;color:var(--soft);background:var(--card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line)}
body[data-m=lexicon] #statusbar{display:flex}
#statusbar span:nth-child(2){text-align:center;flex:1}
@media(max-width:600px){#statusbar{font-size:.68rem;gap:.4rem}}
body[data-m=lexicon] main{padding-bottom:6rem}
#toasts{bottom:calc(3rem + env(safe-area-inset-bottom,0px))}

/* Loki-Anzeige im Kopf */
.lk{display:inline-block;font-size:.72rem;letter-spacing:.06em;padding:.05rem .7rem;border:1px solid var(--line);border-radius:99px;color:var(--soft);cursor:pointer;margin-left:.3rem}
.lk.an{border-color:#2e8b57;color:#2e8b57}.lk.regeln{border-color:var(--gold);color:var(--gold)}

/* Einordnen (Prüfliste) und Einordnungs-Formular */
.wb-card{border:1px solid #30363d;border-radius:10px;padding:.6rem .9rem;margin:.6rem 0;background:rgba(255,255,255,.03)}
.wb-n{font:500 1.35rem "Cormorant Garamond",Georgia,serif;color:#e6edf3}
.wb-src{font-size:.78rem;color:#8b949e;margin:.4rem 0}
.wb-src.ki{color:#7ee787}.wb-src.regeln{color:#e3b341}
.wb-hint{color:#e3b341;font-size:.82rem;margin:.3rem 0 .6rem;padding-left:1.1rem}
.wb-link{--pc:#6fd3a0}.wb-link:not(.on){opacity:.5}.wb-link.on{background:var(--pc);color:#10241a}
.wb-keys{margin-top:.8rem}
.wb-loki .b{margin-left:.4rem}
.lf{margin:.5rem 0}
.lf-row{display:flex;flex-wrap:wrap;align-items:center;gap:.05rem;margin:.35rem 0}
.lf-row>b,.dev .lf-row>b{font:500 .62rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8b949e;width:4rem;flex:none}
.dev .pl{color:#e6edf3;--line:#30363d}
.dev .pl.on,.dev label.pl input:checked+span{color:#fff}
.dev label.pl.eb input:checked+span,.dev .pl.eb.on{color:#1b1b1b}
.dev label.pl span{border-color:var(--pc,#30363d)}
.dev .lf select{background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:6px;padding:.2rem .4rem}
.lt-txt{margin:.45rem 0}
.lt-txt[hidden]{display:none}
.lt-txt b{display:block;font:500 .66rem Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8b949e}
.lt-txt textarea{width:100%;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:6px;padding:.4rem .6rem;font:inherit;font-size:.88rem}
.dev h4.lh{margin-top:1.1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.dev .b[hidden]{display:none}

/* Filter laufen mit dem Text mit (nicht klebend); Statusleiste führt zurück zu ihnen */
#rd{margin:-1rem 0 1.4rem}
#statusbar span:nth-child(2){cursor:pointer}
#statusbar span:nth-child(2):hover{color:var(--ink)}
#statusbar{color:var(--soft)}

/* Akzentfarbe für KLEINEN Text (Etiketten): kräftiger als der Zierton --gold, damit er lesbar bleibt */
:root{--goldtext:#8a6418}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--goldtext:#e8c46a}}
body[data-licht=schatten] main,body[data-licht=schatten] #statusbar{--goldtext:#e0a85f}
body[data-licht=heilung] main,body[data-licht=heilung] #statusbar{--goldtext:#2f6f43}
body[data-licht=ob] main,body[data-licht=ob] #statusbar{--goldtext:#744e08}
body[data-licht=beides] main,body[data-licht=beides] #statusbar{--goldtext:#66378f}
.lp b{color:var(--pc,var(--goldtext))}
#book[data-licht] article.e::before{color:var(--goldtext)}

/* Feinschliff nach der Sichtprüfung */
body[data-licht=schatten] main,body[data-licht=schatten] #statusbar{--w:#e0788a;--h:#6fd3a0;--o:#e8c46a;--b:#c39be0}   /* Etiketten im Dunkeln heller */
body[data-licht=schatten] .lp b{color:color-mix(in srgb,var(--pc,var(--goldtext)) 55%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body:not([data-licht=heilung]):not([data-licht=ob]):not([data-licht=beides]) .lp b{color:color-mix(in srgb,var(--pc,var(--goldtext)) 55%,#fff)}}
.dev label.pl,.dev label.pl.fe,.dev label.pl.eb{color:#e6edf3}
.dev label.pl input:checked+span{color:#fff}
.dev label.pl.eb input:checked+span{color:#1b1b1b}

/* ===================== Wikipedia-Brücke ===================== */
.wk-link{text-decoration:underline dotted var(--goldtext,var(--gold));text-underline-offset:3px;cursor:pointer;border-radius:3px}
.wk-link:hover,.wk-link:focus-visible{color:var(--goldtext,var(--gold));outline:none;background:var(--glow)}
#wk-pop{display:none;position:absolute;z-index:40;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:12px;padding:.7rem .85rem;font-size:.85rem;line-height:1.5;box-shadow:0 10px 30px rgba(0,0,0,.45);max-width:340px;font-style:normal;font-weight:400}
#wk-pop .wk-in{display:flex;gap:.7rem;align-items:flex-start}
#wk-pop img{width:64px;border-radius:6px;flex:none}
#wk-pop b{display:block;font:500 1rem Georgia,serif;margin-bottom:.2rem}
#wk-pop p{margin:.1rem 0 .4rem}
#wk-pop a{color:#e8c46a;text-decoration:underline dotted;font-size:.75rem}
#wk-pop .wk-src{font-size:.62rem;color:#8b949e;margin-top:.35rem}
#wk-pop .wk-lade{color:#8b949e}

/* ===================== Die Feder (Loki schreibt an einer Spalte) ===================== */
.fdw{display:inline-flex;align-items:center;gap:.25rem;margin-left:.4rem;vertical-align:middle}
.lf-row>.fdw{margin-left:auto}
.lt-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.lt-txt{position:relative}
.fd{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border-radius:50%;border:1px solid #30363d;background:rgba(232,196,106,.08);color:#e8c46a;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.fd:hover{background:rgba(232,196,106,.2);border-color:#e8c46a;transform:rotate(-12deg)}
.fd:focus-visible{outline:2px solid #e8c46a;outline-offset:2px}
.fd svg{display:block;transform-origin:30% 80%}
body:not(.loki-an) .fd{opacity:.45}
.fd.busy{border-color:#e8c46a;background:rgba(232,196,106,.22);cursor:progress}
.fd.busy svg{animation:feder 1.3s ease-in-out infinite}
@keyframes feder{0%{transform:translate(-3px,-1px) rotate(-26deg)}25%{transform:translate(0,2px) rotate(0)}50%{transform:translate(3px,-1px) rotate(26deg)}75%{transform:translate(0,2px) rotate(0)}100%{transform:translate(-3px,-1px) rotate(-26deg)}}
.fu{font:inherit;font-size:.95rem;line-height:1;padding:.15rem .4rem;border-radius:6px;border:1px solid transparent;background:none;color:#8b949e;cursor:pointer}
.fu:hover{color:#e6edf3;border-color:#30363d}
.fu[hidden]{display:none}
textarea.schreibt{border-color:#e8c46a!important;animation:schimmer 1.4s ease-in-out infinite}
@keyframes schimmer{0%,100%{box-shadow:0 0 0 0 rgba(232,196,106,0)}50%{box-shadow:0 0 0 3px rgba(232,196,106,.28)}}
.pop{animation:poppen .8s ease}
@keyframes poppen{0%{box-shadow:0 0 0 0 rgba(232,196,106,.9)}100%{box-shadow:0 0 0 10px rgba(232,196,106,0)}}
label.pl.pop span{animation:poppen .8s ease}
.dev .fld b .fdw{margin-left:.5rem}
.dev .fld b .fd{width:1.6rem;height:1.6rem}
@media (prefers-reduced-motion:reduce){.fd.busy{box-shadow:0 0 0 2px #e8c46a}textarea.schreibt{box-shadow:0 0 0 2px #e8c46a}}

/* Hinweise wandern nach oben, solange ein Dialog offen ist (sie verdecken sonst „Speichern/Abbrechen“) */
body:has(#editor) #toasts{bottom:auto;top:calc(.8rem + env(safe-area-inset-top,0px));z-index:60}

/* ===================== Lesen: das Buch (erster Satz · Kästchen · Vorspann · Kapitel mit Zwischengeschichten) ===================== */
body[data-m=read] #vorn{display:block}
#vorn{max-width:760px;margin:0 auto}
.satz1{position:relative;margin:1.4rem 0 1.2rem;text-align:center;font:italic 300 clamp(1.55rem,4.8vw,2.4rem)/1.35 "Cormorant Garamond",Georgia,serif;color:var(--ink)}
.satz1 .edt{position:absolute;right:-.2rem;top:-.4rem}
.satz1:hover .edt.ghost{opacity:.7}
.satz1.leer .plus{font:italic 300 clamp(1.4rem,4.4vw,2.1rem) "Cormorant Garamond",Georgia,serif;color:var(--soft);opacity:.7;border:0;background:none;cursor:pointer}
.satz1.leer .plus:hover{opacity:1;color:var(--ink)}

/* die kleinen Kästchen (wie im SL) */
.kapnav{max-width:760px;margin:1.2rem auto 2rem}
.kapnav a{width:auto;min-width:1.9rem;padding:0 .35rem;line-height:1.9rem;color:var(--ink);transition:opacity .2s,background-color .2s}
.kapnav a:hover{background:var(--glow);opacity:1}
.kapnav a.leer{opacity:.42}
.kapnav a.vn{padding:0 .75rem;color:var(--goldtext);border-color:var(--goldtext)}
.kapnav .sep{flex-basis:100%;height:0}

.kap{margin:2.8rem 0;scroll-margin-top:7.5rem}
.kap.hl{animation:hl 2.4s ease}
.kap-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;margin:0 0 .7rem;font:500 clamp(1.55rem,4.8vw,2.15rem)/1.2 "Cormorant Garamond",Georgia,serif;color:var(--ink)}
.kap-h small{font:400 .68rem Jost,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--goldtext)}
.kap-h .leer-t{color:var(--soft);font-style:italic;font-weight:300}
.kap-h:hover .edt.ghost,.fliess p:hover .edt.ghost{opacity:.7}
.kap.vor .kap-h{border-bottom:1px solid var(--line);padding-bottom:.4rem}

/* Beschreibung + Zwischengeschichte: ein Fließtext */
.fliess p{margin:0 0 1.05rem;font:400 clamp(1.15rem,3.4vw,1.3rem)/1.8 "Cormorant Garamond",Georgia,serif;color:var(--ink);hyphens:auto;-webkit-hyphens:auto}
.fliess p .edt.ghost{margin-left:.35rem;vertical-align:baseline}
.fliess .leer-hinweis{color:var(--soft);font-style:italic}
.plus{font:inherit;font-size:.85rem;color:var(--goldtext);background:none;border:0;border-bottom:1px dotted var(--goldtext);padding:0 .1rem;cursor:pointer}
.plus.ghost{opacity:.4;border-bottom-color:transparent}
.plus.ghost:hover,.zg-plus:hover .plus.ghost,.vor-plus:hover .plus.ghost{opacity:1}
.zg-plus,.vor-plus{margin:.1rem 0 .6rem;font-size:.85rem}
.vor-plus{text-align:center;margin:1.4rem 0 .4rem}
.vn-row,.sl-row{margin:.5rem 0 .2rem;font-size:.85rem}
.vn-row b{font:500 .62rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-right:.5rem}

/* Statusleiste: nur zeigen, wenn das Lexikon im Bild ist oder ein Filter aktiv ist */
body[data-m=read] #statusbar{display:none}
body[data-m=lexicon].nv-sichtbar #statusbar,body[data-m=lexicon].filter-aktiv #statusbar{display:flex}
#rd{margin:3rem 0 1.4rem;padding-top:1.6rem;border-top:1px solid var(--line)}

/* ===================== Loki – Stimme & Hörbuch ===================== */
.loki-voice-open{position:fixed;right:1rem;bottom:1rem;z-index:54;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(151,112,45,.38);border-radius:50%;padding:0;background:#f7f2e8;color:#8a6429;box-shadow:0 8px 28px rgba(0,0,0,.16);cursor:pointer;backdrop-filter:blur(12px)}
.loki-voice-open span:first-child{font-size:1.75rem;line-height:1;color:#8a6429;transform:rotate(-12deg)}
.loki-voice[hidden]{display:none!important}
.loki-voice-open[aria-expanded="true"]{opacity:.38}
.loki-voice{position:fixed;right:1rem;bottom:4.4rem;z-index:55;width:min(390px,calc(100vw - 2rem));max-height:calc(100vh - 6rem);overflow:auto;border:1px solid color-mix(in srgb,var(--goldtext) 30%,var(--line));border-radius:22px;background:#f7f2e8;color:#211915;box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.loki-stage{height:148px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--goldtext) 18%,transparent),transparent 58%),linear-gradient(to bottom,color-mix(in srgb,var(--ink) 4%,transparent),transparent);border-bottom:1px solid var(--line)}
.loki-lectern{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:170px;height:72px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(135deg,#3a2b24,#171210);box-shadow:0 -4px 20px rgba(0,0,0,.2);color:#d9bd77;text-align:center;padding-top:20px;font:500 .62rem Jost,sans-serif;letter-spacing:.32em}
.loki-lectern:before{content:"";position:absolute;left:15%;right:15%;top:8px;height:2px;background:linear-gradient(90deg,transparent,#d9bd77,transparent)}
.loki-lectern span{position:absolute;left:50%;top:-10px;width:72px;height:18px;transform:translateX(-50%) skew(-18deg);border:2px solid #5a4639;border-radius:50%;background:#211915}
.loki-feather{position:absolute;z-index:2;left:50%;top:16px;width:78px;height:94px;transform:translateX(-50%) rotate(-9deg);filter:drop-shadow(0 7px 9px rgba(0,0,0,.18));animation:lokiFloat 3.4s ease-in-out infinite}
.loki-feather-mark{position:absolute;font:82px/1 Georgia,serif;color:var(--goldtext);text-shadow:0 0 22px color-mix(in srgb,var(--goldtext) 25%,transparent)}
.loki-feather i{position:absolute;left:50px;top:34px;width:5px;height:5px;border-radius:50%;background:var(--goldtext);opacity:.45;animation:lokiSpark 1.8s ease-out infinite}.loki-feather i:nth-child(2){left:15px;top:52px;animation-delay:.6s}.loki-feather i:nth-child(3){left:61px;top:65px;animation-delay:1.1s}
.loki-sound{position:absolute;left:calc(50% + 46px);top:45px;display:flex;gap:5px;align-items:center}.loki-sound i{display:block;width:3px;height:10px;border-radius:3px;background:var(--goldtext);opacity:.28}.loki-voice.speaking .loki-sound i{animation:lokiWave .65s ease-in-out infinite}.loki-voice.speaking .loki-sound i:nth-child(2){animation-delay:.14s}.loki-voice.speaking .loki-sound i:nth-child(3){animation-delay:.28s}
@keyframes lokiFloat{50%{transform:translate(-50%,-6px) rotate(-5deg)}}@keyframes lokiSpark{to{transform:translateY(-18px) scale(.3);opacity:0}}@keyframes lokiWave{50%{height:28px;opacity:.8}}
.loki-console{padding:1rem 1rem 1.1rem}.loki-head{display:flex;align-items:flex-start;justify-content:space-between}.loki-head small{display:block;color:var(--soft);font:400 .58rem Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase}.loki-head strong{font:500 1.65rem/1.1 "Cormorant Garamond",Georgia,serif}.loki-head button{border:0;background:none;color:var(--soft);font-size:1.5rem;cursor:pointer}.loki-speech-status{min-height:2.7em;margin:.7rem 0;color:var(--ink);font:italic 400 1rem/1.35 "Cormorant Garamond",Georgia,serif}.loki-controls{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.4rem}.loki-controls button,.loki-command button{border:1px solid var(--line);border-radius:10px;background:#fffaf0;color:#211915;padding:.55rem .5rem;font:400 .68rem Jost,sans-serif;cursor:pointer}.loki-controls button:first-child{border-color:color-mix(in srgb,var(--goldtext) 45%,var(--line));color:var(--goldtext)}
.loki-select{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;margin:.8rem 0 .5rem;color:var(--soft);font:400 .62rem Jost,sans-serif;letter-spacing:.08em;text-transform:uppercase}.loki-select select{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fffaf0;color:#211915;padding:.45rem;font:400 .72rem Jost,sans-serif;text-transform:none;letter-spacing:0}.loki-rate{display:flex;align-items:center;gap:.6rem;color:var(--soft);font:400 .62rem Jost,sans-serif}.loki-rate label{display:flex;align-items:center;gap:.5rem;flex:1}.loki-rate input{width:100%}.loki-rate output{min-width:3rem;text-align:right;color:var(--goldtext)}
.loki-command{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;margin-top:.8rem}.loki-command input{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fffaf0;color:#211915;padding:.55rem .65rem;font:400 .75rem Jost,sans-serif}.loki-command #lokiMic.listening{border-color:var(--goldtext);box-shadow:0 0 0 3px color-mix(in srgb,var(--goldtext) 12%,transparent)}.loki-hint{margin:.6rem 0 0;color:var(--soft);font:400 .66rem/1.45 Jost,sans-serif}
@media(max-width:520px){.loki-voice{right:.5rem;bottom:4rem;width:calc(100vw - 1rem)}.loki-voice-open{right:.6rem;bottom:.6rem}.loki-stage{height:125px}.loki-command{grid-template-columns:auto 1fr}.loki-command #lokiAskSend{grid-column:2;justify-self:end}.loki-hint{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.loki-feather,.loki-feather i,.loki-voice.speaking .loki-sound i{animation:none}}

.loki-console,.loki-console strong,.loki-speech-status{color:#211915}.loki-head small,.loki-select,.loki-rate,.loki-hint{color:#665d52}.loki-head button{color:#665d52}.loki-head button:hover{color:#211915}

/* Loki V3.3 – kompakter Podcast-Player */
.loki-now{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin:.35rem 0 .55rem;color:#665d52;font:500 .64rem/1.2 Jost,sans-serif}.loki-now #lokiNowTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#211915}.loki-now #lokiNowCount{flex:none;font-variant-numeric:tabular-nums}
.loki-podcast{display:grid;grid-template-columns:38px 44px 64px 44px 38px;justify-content:center;align-items:center;gap:.38rem;margin:.35rem 0 .55rem}.loki-podcast button{cursor:pointer}.loki-play{width:64px;height:64px;border-radius:50%;border:1px solid #8a6429;background:#211915;color:#f7f2e8;box-shadow:0 7px 18px rgba(0,0,0,.18);font-size:1.35rem;display:grid;place-items:center}.loki-play span{transform:translateX(2px)}.loki-play.is-playing span{transform:none}.loki-skip{position:relative;width:44px;height:44px;border:1px solid #d8cdbb;border-radius:50%;background:#fffaf0;color:#3a3028;font:500 1.05rem Jost,sans-serif}.loki-skip small{font-size:.48rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-43%)}.loki-skip.chapter{width:38px;height:38px;font:400 1.7rem/1 Georgia,serif}.loki-timeline{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:.45rem;color:#665d52;font:500 .58rem Jost,sans-serif;font-variant-numeric:tabular-nums}.loki-timeline input{width:100%;accent-color:#8a6429}.loki-timeline span:last-child{text-align:right}.loki-player-row{display:flex;justify-content:center;gap:.45rem;margin:.55rem 0}.loki-text-btn{border:1px solid #d8cdbb;border-radius:999px;background:#fffaf0;color:#3a3028;padding:.42rem .75rem;font:500 .62rem Jost,sans-serif;cursor:pointer}.loki-chapters{margin:.45rem 0 .75rem;border:1px solid #ded4c4;border-radius:12px;background:#fffaf0;overflow:hidden}.loki-chapters-head{padding:.55rem .7rem;border-bottom:1px solid #e6ddcf;color:#665d52;font:600 .58rem Jost,sans-serif;letter-spacing:.08em;text-transform:uppercase}.loki-chapters #lokiChapterList{max-height:180px;overflow:auto;padding:.25rem}.loki-chapter-item{width:100%;display:grid;grid-template-columns:2rem 1fr;gap:.45rem;text-align:left;border:0;border-radius:8px;background:transparent;color:#3a3028;padding:.48rem .5rem;font:400 .66rem/1.25 Jost,sans-serif;cursor:pointer}.loki-chapter-item:hover,.loki-chapter-item.active{background:#f0e7d8;color:#211915}.loki-chapter-item b{color:#8a6429;font-weight:600;text-align:right}.loki-controls{display:none!important}

/* Loki-Lexikon-Editor: Navigation und Bearbeitungsverlauf */
.wb-nav{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.wb-browser{border:1px solid #495464;border-radius:9px;padding:.65rem;margin:.7rem 0}
.wb-browser summary{cursor:pointer}.wb-browser input{width:100%;margin:.6rem 0;padding:.5rem}
.wb-scroll,.recent-list{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.wb-item{display:block;width:100%;text-align:left;margin:.2rem 0}
.wb-item[hidden]{display:none}

/* ===================== V3.6 – Sonnen-Uhr & aufgeräumte Hauptnavigation ===================== */
:root{--sun-core:#fff4b0;--sun-edge:#e2a13a;--sun-x:0px;--sun-y:0px;--sun-opacity:1;--sun-size:60px;--goldtext:var(--gold)}
body,.top,figure,.e,.pv,.pl,.dev,.dev input,.dev textarea,.dev select,.dev button.b,.keys button,.loki-voice-open{transition:background-color .5s ease-in-out,color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out}
header{overflow:visible}
#sonne.halo{width:var(--sun-size);height:var(--sun-size);border:0;background:radial-gradient(circle at 38% 34%,var(--sun-core),var(--sun-edge));box-shadow:0 0 42px var(--glow),0 0 90px color-mix(in srgb,var(--sun-edge) 24%,transparent);transform:translate(var(--sun-x),var(--sun-y));opacity:var(--sun-opacity);transition:all .5s ease-in-out;margin-bottom:2.2rem}
.loki-ready{margin:.7rem 0 0;text-align:center}.loki-ready .lk{margin:0}
.main-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:.45rem;align-items:start;margin:0}
.main-nav>.nav-primary,.nav-group>summary{width:100%;min-height:2.55rem;display:flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;font-size:.84rem;padding:.45rem .65rem;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;list-style:none;text-align:center}
.nav-group>summary::-webkit-details-marker{display:none}.nav-group{position:relative}.nav-group.on>summary,.main-nav>.nav-primary.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.nav-menu{position:absolute;top:calc(100% + .35rem);left:0;min-width:100%;z-index:20;display:grid;gap:.3rem;padding:.45rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg1) 92%,transparent);box-shadow:0 12px 35px rgba(0,0,0,.14);backdrop-filter:blur(14px)}
.nav-menu button{width:100%;white-space:nowrap}.editor-menu{right:0;left:auto;min-width:210px}
body[data-m=read] #vorn,body[data-m=lexicon] #book,body[data-m=lexicon] #rd,body[data-m=graph] #knowledgeGraph,body[data-m=sort] #sorter,body[data-m=new] #newer,body[data-m=import] #importer,body[data-m=sl] #sl,body[data-m=ob] #obview,body[data-m=trash] #trashv{display:block}
body[data-m=read] #book,body[data-m=read] #rd{display:none!important}
#obview{max-width:860px;margin:0 auto}
body[data-m=lexicon] #statusbar{display:flex}body[data-m=read] #statusbar{display:none!important}
body:not([data-m=lexicon]) #lichtfeld i{opacity:0!important}
/* Der Lexikon-Editor atmet mit der Tageszeit, bleibt aber bewusst kontrastreich. */
.dev{background:color-mix(in srgb,var(--bg2) 72%,#111 28%);color:var(--ink);border-color:var(--line)}
.dev h4{color:var(--gold)}.dev .cm,.dev h4 small{color:var(--soft)}.dev b{color:color-mix(in srgb,var(--gold) 70%,var(--ink))}
.dev input,.dev textarea,.dev select,.dev button.b,.keys button{background:color-mix(in srgb,var(--card) 86%,var(--bg2));color:var(--ink);border-color:var(--line)}
.dev .pl,.dev label.pl,.dev label.pl.fe,.dev label.pl.eb{color:var(--ink)}
.dev .lf select{background:var(--card);color:var(--ink);border-color:var(--line)}
.wb-n{color:var(--ink)}.wb-src,.dev .lf-row>b{color:var(--soft)}
@media(max-width:650px){.main-nav{grid-template-columns:1fr 1fr}.main-nav>.nav-primary{grid-column:auto}.main-nav>.nav-group:last-child{grid-column:1/-1}.nav-menu{position:static;margin-top:.35rem}.editor-menu{min-width:0}.main-nav>.nav-primary,.nav-group>summary{font-size:.78rem}#sonne.halo{max-width:58px;max-height:58px}}
/* Sonnen-Uhr auch im Loki-Podcast-Panel */
.loki-voice,.loki-chapters{background:color-mix(in srgb,var(--bg1) 94%,var(--card));color:var(--ink);border-color:var(--line)}
.loki-console,.loki-console strong,.loki-speech-status,.loki-now #lokiNowTitle{color:var(--ink)}
.loki-head small,.loki-select,.loki-rate,.loki-hint,.loki-now,.loki-timeline{color:var(--soft)}
.loki-head button{color:var(--soft)}
.loki-controls button,.loki-command button,.loki-select select,.loki-command input,.loki-text-btn,.loki-skip,.loki-chapters{background:var(--card);color:var(--ink);border-color:var(--line)}
.loki-play{background:var(--ink);color:var(--bg1);border-color:var(--gold)}
.loki-chapter-item{color:var(--ink)}.loki-chapter-item:hover,.loki-chapter-item.active{background:var(--glow)}
.loki-voice-open{background:color-mix(in srgb,var(--bg1) 92%,transparent);color:var(--gold);border-color:var(--line)}
.loki-voice-open span:first-child{color:var(--gold)}

/* V3.6.1 – Zuverlässige Navigation ohne konkurrierende details-Menüs */
.main-nav{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:.45rem;margin:0}
.main-nav>.nav-primary{width:100%;min-height:2.7rem;display:block;padding:.45rem .55rem;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-size:.83rem}
.main-nav>.nav-primary.on{background:var(--gold);border-color:var(--gold);color:#fff}
.sub-nav{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.55rem}
.sub-nav[hidden]{display:none!important}
.sub-nav button{flex:1 1 auto;padding:.35rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-size:.8rem;white-space:nowrap}
.sub-nav button.on{color:#fff;background:var(--gold);border-color:var(--gold)}
.dev-clock{margin-top:.65rem;border-top:1px solid var(--line);padding-top:.3rem;color:var(--soft);font-size:.74rem}
.dev-clock>summary{cursor:pointer;list-style:revert;user-select:none}
.dev-clock #clockStatus{margin-left:.35rem;color:var(--gold)}
.clock-controls{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.65rem 0 .2rem}
.clock-controls label{color:var(--ink)}
.clock-controls input,.clock-controls button{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:.4rem .6rem;border-radius:9px}
.clock-controls button{cursor:pointer}
.clock-controls #clockResult{color:var(--soft)}
@media(max-width:650px){.main-nav{grid-template-columns:1fr 1fr}.main-nav>.nav-primary:last-child{grid-column:1/-1}}

/* ===== V4 · Kontrast, Himmel, Federbilder, NV-Links ===== */
:root{--panel:rgba(255,255,255,.72);--panel-strong:rgba(255,255,255,.9);--input-bg:rgba(255,255,255,.88);--input-ink:#2d2d32;--button-bg:rgba(255,255,255,.72);--button-ink:var(--ink);--button-border:rgba(60,50,80,.24);--shadow-ui:0 10px 28px rgba(30,24,48,.14);--symbol:currentColor}
body{transition:background .5s ease-in-out,color .5s ease-in-out}.top,.e,figure,.dev,.loki-console,.loki-chapters,.clock-controls{transition:background-color .5s ease-in-out,color .5s ease-in-out,border-color .5s ease-in-out,box-shadow .5s ease-in-out}
.top{background:color-mix(in srgb,var(--bg1) 86%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.04)}
.modes button,.sub-nav button,.clock-controls button,.dev button.b,.keys button{background:var(--button-bg)!important;color:var(--button-ink)!important;border-color:var(--button-border)!important}
.modes button.on,.sub-nav button.on{background:var(--gold)!important;color:#15131b!important;border-color:var(--gold)!important;font-weight:500}
#q,.dev input,.dev textarea,.dev select,.clock-controls input{background:var(--input-bg)!important;color:var(--input-ink)!important;border-color:var(--button-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.dev{background:var(--panel-strong)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:var(--shadow-ui)}
.dev h4{color:var(--gold)!important}.dev .cm,.dev small{color:var(--soft)!important}.dev .fld .d{color:var(--ink)!important}.dev b{color:var(--ink)!important}.dev kbd{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important}
.e,figure{background:var(--panel)!important;box-shadow:0 8px 24px rgba(20,18,32,.055)}
.e .d,.e details p,figcaption,.sub,.tag,.intro{color:var(--soft)}
.loki-console,.loki-chapters{background:var(--panel-strong)!important;color:var(--ink)!important;border-color:var(--line)!important}
.loki-console input,.loki-console select{background:var(--input-bg)!important;color:var(--input-ink)!important;border-color:var(--button-border)!important}

/* Himmel: Sonne + Mond, die sich den Tag teilen. */
.sky-orbit{height:76px;position:relative;margin:0 auto 1.2rem;max-width:520px;pointer-events:none}
#sonne,#mond{position:absolute;left:50%;top:0;transform:translate(var(--sun-x,0),var(--sun-y,0));transition:transform .5s ease-in-out,opacity .5s ease-in-out,background .5s ease-in-out,box-shadow .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out}
#sonne{width:var(--sun-size,64px);height:var(--sun-size,64px);margin-left:calc(var(--sun-size,64px)/-2);border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--sun-core,#fff7bc),var(--sun-edge,#ffb34f));box-shadow:0 0 42px var(--glow),inset 0 0 18px rgba(255,255,255,.34);opacity:var(--sun-opacity,1);border:0}
#mond{width:50px;height:50px;margin-left:-25px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#f7f4e8 0 18%,#d5d9e5 42%,#8790aa 100%);box-shadow:0 0 24px rgba(205,215,245,.28);opacity:var(--moon-opacity,0);transform:translate(var(--moon-x,0),var(--moon-y,0));filter:saturate(.72)}
.eclipse-glow{position:absolute;left:50%;top:24px;width:58px;height:58px;margin-left:-29px;border-radius:50%;opacity:var(--eclipse-opacity,0);background:radial-gradient(circle,rgba(255,224,145,.08) 28%,rgba(255,209,105,.5) 31%,rgba(85,67,118,.12) 55%,transparent 72%);transform:translate(var(--eclipse-x,0),var(--eclipse-y,0));transition:all .5s ease-in-out;filter:blur(.4px)}

/* Strichfiguren: 3 Ebenen – Stroke, Feder, Hold. */
.symbol-slot{position:relative;width:118px;height:82px;margin:.35rem 0 .55rem auto;color:var(--gold);opacity:.92}.symbol-slot.compact{width:92px;height:64px;float:right;margin:.1rem 0 .35rem .7rem}.symbol-slot svg{display:block;width:100%;height:100%;overflow:visible}.symbol-strokes path,.symbol-hold path{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.symbol-hold{transition:opacity .12s ease}.symbol-pen{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;font-size:17px;line-height:1;transform-origin:center;transition:opacity .055s linear;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.loki-symbol-stage{position:absolute;right:14px;top:12px;width:92px;height:66px;z-index:2;opacity:.82}.loki-stage{position:relative}
@media(max-width:600px){.symbol-slot{width:96px;height:68px}.symbol-slot.compact{width:78px;height:56px}.loki-symbol-stage{width:74px;height:54px}}

/* NV im Fließtext: bewusst zurückhaltend, kein Link-Teppich. */
.nv-inline-link{display:inline;border:0;border-bottom:1px dotted color-mix(in srgb,var(--gold) 74%,transparent);background:transparent;color:inherit;font:inherit;padding:0 .04em;cursor:pointer;text-decoration:none}.nv-inline-link:hover,.nv-inline-link:focus-visible{color:var(--gold);border-bottom-style:solid;outline:none;background:color-mix(in srgb,var(--gold) 8%,transparent)}

/* Schreibatelier */
.writer-ai{margin:1rem 0;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent);display:grid;grid-template-columns:1fr auto;gap:.55rem .7rem;align-items:end}.writer-ai label{margin:0}.writer-ai select{margin:.25rem 0 0!important}.writer-ai small{grid-column:1/-1;display:block;min-height:1.3em;color:var(--soft)}
@media(max-width:620px){.writer-ai{grid-template-columns:1fr}.writer-ai small{grid-column:1}}

/* ===== V4.1 · Highclass Rhythmus ===== */
:root{
  --nav-active-bg:rgba(37,34,44,.92);
  --nav-active-ink:#fff8e9;
  --nav-active-border:rgba(188,141,55,.72);
  --symbol-ink:#7a6650;
}

/* Kein Schwarz auf Orange: aktive Navigation als dunkles Glas mit Goldkante. */
.main-nav>.nav-primary,.sub-nav button{
  position:relative;
  overflow:hidden;
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .18s ease,background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.main-nav>.nav-primary:hover,.sub-nav button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 58%,var(--line))!important}
.main-nav>.nav-primary.on,.sub-nav button.on,.modes button.on{
  background:var(--nav-active-bg)!important;
  color:var(--nav-active-ink)!important;
  border-color:var(--nav-active-border)!important;
  box-shadow:0 8px 24px rgba(16,13,24,.16),inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px color-mix(in srgb,var(--gold) 15%,transparent)!important;
  font-weight:400;
}
.main-nav>.nav-primary.on::after,.sub-nav button.on::after{
  content:"";position:absolute;left:18%;right:18%;bottom:4px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.9;
}

/* Die Uhr ist Teil des Covers – klein, präzise, nicht wie ein Dashboard. */
.book-clock{
  display:inline-grid;place-items:center;margin:-.35rem auto .8rem;padding:.28rem .85rem .34rem;
  min-width:94px;border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--panel) 62%,transparent);color:var(--ink);cursor:pointer;
  box-shadow:0 5px 20px rgba(20,17,31,.07),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(12px);
}
.book-clock>span{font:400 1.05rem/1.05 Jost,system-ui,sans-serif;letter-spacing:.13em;font-variant-numeric:tabular-nums}
.book-clock>small{margin-top:.18rem;font:300 .56rem/1.1 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.book-clock:hover{border-color:var(--gold);box-shadow:0 6px 24px rgba(20,17,31,.1),0 0 18px color-mix(in srgb,var(--glow) 55%,transparent)}

.dev-clock{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:14px;padding:.2rem .8rem .7rem;background:color-mix(in srgb,var(--panel) 72%,transparent);box-shadow:var(--shadow-ui)}
.dev-clock>summary{padding:.45rem .1rem;color:var(--soft)}
.dev-clock[hidden]{display:none!important}
.clock-controls{display:grid;grid-template-columns:auto minmax(110px,1fr) auto auto;gap:.45rem .6rem;padding:.55rem 0 .1rem;background:transparent!important;box-shadow:none!important}
.clock-slider-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline}.clock-slider-head label{font-weight:400}.clock-slider-head output{font:400 1rem Jost,sans-serif;letter-spacing:.08em;color:var(--gold)}
.clock-slider{grid-column:1/-1;width:100%;appearance:none;height:5px;border-radius:999px;outline:none;background:linear-gradient(90deg,#0a0a2e 0%,#f0a367 21%,#f8eac0 50%,#c06c58 75%,#35285d 88%,#0a0a2e 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.clock-slider::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc,#e9bd64 58%,#8a6330 100%);border:1px solid rgba(255,255,255,.7);box-shadow:0 2px 10px rgba(0,0,0,.28),0 0 0 3px color-mix(in srgb,var(--glow) 45%,transparent);cursor:grab}.clock-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}
.clock-slider::-moz-range-thumb{width:19px;height:19px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#e9bd64;box-shadow:0 2px 10px rgba(0,0,0,.28);cursor:grab}
.clock-slider-labels{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:-.28rem;color:var(--soft);font-size:.58rem;letter-spacing:.08em}.clock-time-manual{align-self:center;color:var(--soft)!important;font-size:.68rem}
#clockResult{grid-column:1/-1}
@media(max-width:650px){.clock-controls{grid-template-columns:auto 1fr}.clock-controls #clockApply,.clock-controls #clockReset{min-height:2.3rem}.clock-time-manual{grid-column:1}.clock-controls #clockResult{grid-column:1/-1}}

/* Strichbilder: visuelle Krone der Karte, nicht mehr in der Textspalte gequetscht. */
.e{position:relative;margin-top:3.4rem;padding-top:3.3rem!important;overflow:visible}
.e>.symbol-slot:not(.compact){position:absolute;left:50%;top:-39px;transform:translateX(-50%);width:136px;height:96px;margin:0;color:var(--symbol-ink);opacity:.9;z-index:2;filter:drop-shadow(0 5px 12px rgba(18,15,28,.08));pointer-events:none}
.symbol-slot{color:var(--symbol-ink);transition:color .5s ease,filter .5s ease,opacity .5s ease}
.symbol-slot.compact{color:var(--symbol-ink);opacity:.8}
.symbol-strokes path,.symbol-hold path{stroke-width:1.8}
.symbol-pen{color:var(--gold);font-size:16px}
@media(max-width:600px){.e{margin-top:2.9rem;padding-top:2.9rem!important}.e>.symbol-slot:not(.compact){top:-32px;width:112px;height:80px}}

/* Fließtext-Hierarchie: kurze Zwischenüberschriften und explizite Ebenen bekommen Luft. */
.fliess-subhead{margin:2.25rem 0 .55rem!important;font:500 clamp(1.32rem,3.7vw,1.7rem)/1.25 "Cormorant Garamond",Georgia,serif!important;color:var(--ink);letter-spacing:.005em}
.ebene-marker{margin:2.45rem 0 .8rem!important;padding:.62rem .9rem .65rem;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 82%);font:500 clamp(1.24rem,3.4vw,1.55rem)/1.25 "Cormorant Garamond",Georgia,serif!important;color:var(--ink)}
.kap-zg-link{display:inline-flex;align-items:center;gap:.45rem;margin:.1rem 0 1rem;padding:.35rem .72rem;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--panel) 68%,transparent);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.kap-zg-link:hover{border-color:var(--gold);color:var(--gold)}
.zg-marker{position:relative;margin:4rem 0 1.45rem;padding:1.05rem 1.15rem;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--glow) 22%,transparent));box-shadow:0 12px 34px rgba(21,17,34,.08);display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;scroll-margin-top:1rem}
.zg-marker::before{content:"";position:absolute;left:1.1rem;right:1.1rem;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.zg-kicker{font:500 .66rem Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.zg-title{font:500 1.25rem "Cormorant Garamond",Georgia,serif;color:var(--ink)}.zg-arrow{color:var(--gold);font-size:1.2rem}.zg-text{padding:0 .25rem .5rem}

/* NV-Hinweg hat jetzt auch einen Rückweg. */
.nv-return-to-text{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));z-index:1300;display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;border:1px solid var(--nav-active-border);border-radius:999px;background:var(--nav-active-bg);color:var(--nav-active-ink);box-shadow:0 14px 34px rgba(8,7,14,.24);backdrop-filter:blur(14px);cursor:pointer;font:inherit;font-size:.76rem}.nv-return-to-text span{font-size:1.1rem;color:var(--gold)}.nv-return-to-text b{font-weight:400}.nv-return-to-text[hidden]{display:none}.nv-return-to-text:hover{transform:translateY(-1px)}
.read-return-flash{animation:readReturnFlash 1.55s ease both}@keyframes readReturnFlash{0%,100%{background:transparent}25%{background:color-mix(in srgb,var(--gold) 14%,transparent)}}

/* Fließtext-NV-Link bleibt subtil, erhält aber einen hochwertigen Fokus. */
.nv-inline-link{border-bottom-color:color-mix(in srgb,var(--gold) 58%,transparent)}.nv-inline-link:hover,.nv-inline-link:focus-visible{color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent);border-radius:.18em}



/* V4.1.2 – Deep Reveal sitzt IN der Karte, ohne Leerblock */
.e{overflow:visible}.e>.symbol-slot:not(.compact){display:none!important}.deep-card{position:relative;overflow:visible}.deep-card>summary{position:relative;z-index:12}.symbol-reveal-stage{position:absolute;left:50%;top:-74px;width:156px;height:82px;transform:translateX(-50%);z-index:4;pointer-events:none;opacity:0;clip-path:inset(100% 0 0 0);transition:opacity .2s ease,clip-path .72s cubic-bezier(.16,1,.3,1)}.deep-card[open]>.symbol-reveal-stage{opacity:1;clip-path:inset(0 0 0 0)}.symbol-reveal-stage .symbol-slot{position:absolute!important;display:block!important;left:50%!important;bottom:-7px!important;transform:translateX(-50%) translateY(42px);width:142px!important;height:98px!important;margin:0!important;color:var(--symbol-ink);opacity:0;z-index:2;filter:drop-shadow(0 8px 15px rgba(18,15,28,.10));transition:color .5s ease,opacity .32s ease,transform .72s cubic-bezier(.16,1,.3,1)}.deep-card[open]>.symbol-reveal-stage .symbol-slot{opacity:.94;transform:translateX(-50%) translateY(0)}.symbol-notch{position:absolute;left:50%;bottom:-12px;width:92px;height:25px;transform:translateX(-50%);background:var(--panel-strong);border-radius:46px 46px 0 0;z-index:6;box-shadow:0 -1px 0 color-mix(in srgb,var(--line) 38%,transparent);pointer-events:none}.deep-card[open]{margin-top:4.7rem}.deep-card{transition:margin-top .45s cubic-bezier(.16,1,.3,1)}
/* Leselandkarte am rechten Scrollrand */
.read-outline{position:fixed;right:0;top:18vh;height:64vh;width:22px;z-index:1180;transition:width .28s cubic-bezier(.16,1,.3,1);font-family:Jost,sans-serif}.read-outline[hidden]{display:none}.read-outline:hover,.read-outline:focus-within{width:min(330px,88vw)}.read-outline-track{position:absolute;right:5px;top:0;bottom:0;width:5px;border-radius:99px;background:color-mix(in srgb,var(--ink) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent)}.read-outline-thumb{position:absolute;left:-2px;top:0;width:9px;height:44px;border-radius:99px;background:var(--gold);box-shadow:0 0 18px color-mix(in srgb,var(--gold) 30%,transparent);transform:translateY(0)}.read-outline-panel{position:absolute;right:16px;top:-14px;width:292px;max-height:calc(64vh + 28px);overflow:auto;overscroll-behavior:contain;padding:1rem .75rem .85rem;border:1px solid color-mix(in srgb,var(--gold) 26%,var(--line));border-radius:18px 0 0 18px;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);box-shadow:-18px 20px 48px rgba(10,8,18,.18);backdrop-filter:blur(18px);opacity:0;transform:translateX(18px);pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1);scrollbar-width:thin}.read-outline:hover .read-outline-panel,.read-outline:focus-within .read-outline-panel{opacity:1;transform:none;pointer-events:auto}.read-outline-kicker{padding:.15rem .55rem .65rem;font-size:.61rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.ro-item{width:100%;display:grid;grid-template-columns:52px 1fr;gap:.45rem;align-items:start;text-align:left;border:0;background:transparent;color:var(--ink);padding:.48rem .55rem;border-radius:10px;cursor:pointer;font:inherit}.ro-item:hover,.ro-item.current{background:color-mix(in srgb,var(--gold) 10%,transparent)}.ro-item small{font-size:.53rem;letter-spacing:.1em;color:var(--gold);padding-top:.16rem}.ro-item span{font:500 .9rem/1.18 "Cormorant Garamond",Georgia,serif}.ro-kap{grid-template-columns:1fr;margin-top:.35rem;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding-top:.68rem}.ro-kap:first-child{border-top:0;margin-top:0}.ro-kap span{font-size:1.03rem}.ro-level,.ro-zg,.ro-sub{padding-left:.85rem}.ro-zg span{font-style:italic}.ro-empty{font-size:.75rem;color:var(--muted);padding:.5rem}
@media(max-width:700px){.read-outline{top:22vh;height:56vh}.read-outline-panel{max-height:calc(56vh + 28px);width:min(280px,82vw)}.deep-card[open]{margin-top:4.2rem}.symbol-reveal-stage{top:-68px}}

/* V4.1.3: reveal at outer top card edge */
article.e{position:relative;isolation:isolate}
article.e>.symbol-reveal-stage{position:absolute;top:-84px;left:50%;bottom:auto;width:160px;height:100px;transform:translateX(-50%);z-index:1;opacity:0;pointer-events:none;clip-path:inset(100% 0 0 0);transition:opacity .3s,clip-path 1.1s cubic-bezier(.16,1,.3,1)}
article.e.symbol-revealed>.symbol-reveal-stage{opacity:1;clip-path:inset(0 0 0 0)}
article.e>.symbol-reveal-stage .symbol-slot{position:absolute!important;left:50%!important;bottom:2px!important;width:142px!important;height:96px!important;transform:translateX(-50%) translateY(45px);transition:transform 1.1s cubic-bezier(.16,1,.3,1),color .5s;opacity:1}
article.e.symbol-revealed>.symbol-reveal-stage .symbol-slot{transform:translateX(-50%) translateY(0)}
article.e>.symbol-reveal-stage .symbol-notch{bottom:-1px;left:50%;width:100px;height:19px;background:var(--panel-strong);border-radius:50px 50px 0 0;z-index:3}
article.e.symbol-revealed{margin-top:88px;transition:margin-top .35s}
article.e .deep-card[open]{margin-top:0}
.read-outline-top{display:flex;align-items:center;justify-content:space-between;padding:.1rem .55rem .6rem;color:var(--gold);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}
.read-outline-top button{border:1px solid var(--gold);border-radius:8px;background:transparent;color:var(--ink);padding:.28rem .5rem;cursor:pointer;font-size:1rem}
.read-outline-help{font-size:.74rem;padding:.6rem;color:var(--ink);background:color-mix(in srgb,var(--gold) 13%,transparent);border-radius:8px;margin-bottom:.5rem}
.ro-row{display:flex;align-items:center;gap:2px;border-radius:9px}.ro-row:hover{background:color-mix(in srgb,var(--gold) 8%,transparent)}
.ro-row>.ro-item{flex:1;min-width:0;grid-template-columns:17px 1fr}.ro-row>.ro-item small{font-size:.7rem;color:var(--gold)}
.ro-row .ro-edit,.ro-row .ro-delete{flex:none;border:0;background:transparent;color:var(--muted);padding:5px;cursor:pointer;opacity:0}
.ro-row:hover .ro-edit,.ro-row:hover .ro-delete,.ro-row:focus-within .ro-edit,.ro-row:focus-within .ro-delete{opacity:1}
.ro-row .ro-delete:hover{color:#bc5b50}.ro-row-kap{border-top:1px solid var(--line);margin-top:.4rem}
@media(max-width:700px){.ro-row .ro-edit,.ro-row .ro-delete{opacity:1}}
/* V4.2: Buchbelege und prüfbare Überarbeitung */
.writer-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.writer-compare pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:24rem;overflow:auto;padding:1rem;border:1px solid currentColor;border-radius:10px}.writer-preview details,.loki-book-answer details{padding:.6rem 0}.writer-preview p,.loki-book-answer p{white-space:pre-wrap}.writer-preview button{margin:.4rem}.loki-book-answer{max-height:45vh;overflow:auto;padding:1rem;line-height:1.6}.loki-book-answer:empty{display:none}.loki-book-answer summary,.writer-preview summary{cursor:pointer}.writer-note{display:block;margin:.6rem 0}@media(max-width:700px){.writer-compare{grid-template-columns:1fr}}

/* Hierarchie und Verschieben in der Leselandkarte */
.ro-row{padding-left:calc(var(--ro-depth,0)*.55rem)}.ro-actions{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;padding:0 .4rem .35rem}.ro-actions button,.ro-actions select{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer}.ro-actions button{min-width:1.55rem}.ro-actions select{max-width:8.2rem;font-size:.6rem}.ro-row-kap>.ro-actions select{display:none}

.manuscript-audit{position:fixed;z-index:1600;inset:8vh max(1rem,20vw);overflow:auto;padding:1.4rem;background:var(--panel-strong);color:var(--ink);border:1px solid var(--gold);border-radius:16px;box-shadow:0 20px 60px #0008}.manuscript-audit[hidden]{display:none}.manuscript-audit button{margin:.2rem;padding:.3rem .6rem;cursor:pointer}.manuscript-audit>div{columns:2}@media(max-width:700px){.manuscript-audit{inset:5vh 1rem}.manuscript-audit>div{columns:1}}
.loki-book-answer{font:400 .9rem/1.5 Jost,sans-serif!important;background:var(--panel-strong);color:var(--ink);border:1px solid var(--line);border-radius:12px;margin-top:.75rem}.loki-book-answer p{font:inherit!important}.loki-book-answer h4{font-size:1rem}.loki-book-answer details{font-size:.82rem}
/* V4.4: kompakte Leselandkarte mit Griff statt überlagerter Zeilenaktionen */
.read-outline:hover,.read-outline:focus-within,.read-outline.ro-dragging{width:min(390px,94vw)}
.read-outline-panel{width:min(350px,calc(94vw - 22px));padding:1rem .75rem}
.read-outline-top{gap:.5rem}.read-outline-top strong{font-weight:600}.read-outline-top button{font-size:.73rem;white-space:nowrap}
.ro-guide{font:400 .7rem/1.35 Jost,sans-serif;color:var(--muted);padding:0 .5rem .5rem;margin:0}
.ro-row{display:grid;grid-template-columns:27px minmax(0,1fr) 28px;align-items:center;gap:3px;min-height:38px;padding:2px 3px 2px calc(var(--ro-depth,0)*.65rem);border:0;border-radius:8px}
.ro-row-kap{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.45rem}
.ro-row .ro-item{min-width:0;width:100%;display:flex;align-items:center;gap:.4rem;padding:.35rem .1rem;overflow:hidden}
.ro-row .ro-item span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .9rem/1.2 'Cormorant Garamond',Georgia,serif}
.ro-row .ro-item small{flex:none;width:15px;font-size:.68rem;padding:0}
.ro-grip,.ro-select{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;padding:.15rem;min-width:24px;min-height:28px}
.ro-grip{font-size:1.1rem;touch-action:none;cursor:grab}.ro-grip:active{cursor:grabbing}.ro-select{font-size:1.25rem;line-height:1}
.ro-selected{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.ro-drop-before{box-shadow:inset 0 3px 0 var(--gold)}.ro-drop-after{box-shadow:inset 0 -3px 0 var(--gold)}.ro-drop-inside{outline:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent)}
.ro-inspector{position:sticky;bottom:-.85rem;margin:.7rem -.75rem -.85rem;padding:.8rem;background:var(--panel-strong);border-top:1px solid var(--line);box-shadow:0 -8px 18px rgba(0,0,0,.1)}
.ro-inspector[hidden]{display:none}.ro-inspector strong{display:block;font:600 .98rem/1.2 'Cormorant Garamond',Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-inspector>span{font:.65rem Jost,sans-serif;color:var(--muted)}.ro-tools{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.ro-tools button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:.3rem .5rem;font:.7rem Jost,sans-serif;cursor:pointer}.ro-tools button:hover{border-color:var(--gold)}
.book-block{margin:1rem 0 1.2rem 1rem;padding:.15rem 0 .15rem 1rem;border-left:2px solid color-mix(in srgb,var(--gold) 45%,transparent)}.book-block h3{font:600 1.2rem 'Cormorant Garamond',Georgia,serif}.book-block-zg{border-color:var(--gold)}
.book-history-top{display:flex;justify-content:flex-end;margin:.3rem 0 .55rem}.book-history-top button{border:0;background:transparent;color:var(--muted);font:.7rem Jost,sans-serif;cursor:pointer}.book-history-top button:hover{color:var(--gold)}
.book-tools-dialog{width:min(650px,92vw);max-height:85vh;background:var(--panel-strong);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.3)}.book-tools-dialog::backdrop{background:rgba(8,8,20,.6)}.book-tools-form{padding:1.2rem;display:grid;gap:.8rem}.book-tools-form h2{font:600 1.5rem 'Cormorant Garamond',Georgia,serif;margin:0}.book-tools-form label{display:grid;gap:.25rem;font:.76rem Jost,sans-serif}.book-tools-form input,.book-tools-form select,.book-tools-form textarea{width:100%;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.6rem;font:inherit}.book-tools-hint{color:var(--muted);font:.7rem/1.4 Jost,sans-serif;margin:0}.book-tools-buttons{display:flex;justify-content:flex-end;gap:.5rem}.book-tools-buttons button,.book-history-list button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:.45rem .7rem;cursor:pointer}.book-tools-buttons button[type=submit]{border-color:var(--gold);color:var(--gold)}.book-history-list{max-height:50vh;overflow:auto;margin:0;padding:0;list-style:none}.book-history-list li{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line);font:.72rem Jost,sans-serif}.book-history-list time{color:var(--muted)}
@media(max-width:700px){.read-outline-panel{width:min(350px,calc(94vw - 22px))}.book-history-list li{grid-template-columns:1fr auto}.book-history-list time{grid-column:1 / -1}}
/* V4.5: Die gespeicherte Szene sitzt ruhig im vorhandenen Notch. Sonnen-Uhr färbt nur die Tinte. */
.symbol-reveal-stage .symbol-slot{color:var(--symbol-ink)}
.symbol-slot .scene-obstacle{opacity:.64}.symbol-slot .scene-change{opacity:.82}.symbol-slot .scene-motion{stroke:var(--gold);stroke-width:1.4;opacity:.75}
.symbol-slot .symbol-hold .scene-motion{stroke:var(--gold)}
.illustration-tools{display:flex;align-items:center;gap:.6rem;margin:.8rem 0 .4rem;font:.7rem Jost,sans-serif;color:var(--muted)}
.illustration-tools button{border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);padding:.35rem .7rem;font:inherit;cursor:pointer}
.illustration-tools button:hover{border-color:var(--gold);color:var(--gold)}
.illustration-tools span{font-size:.66rem;line-height:1.3}
/* V4.6 · Loki als Buchbühne: Dark Academia mit ruhiger moderner Bedienung */
.loki-voice{--loki-paper:#f2e9d7;--loki-muted:#b3a899;--loki-line:rgba(216,184,126,.28);--loki-gold:#d9b873;--loki-deep:#111827;right:clamp(.6rem,2vw,1.5rem);bottom:clamp(4.1rem,7vh,5rem);width:min(510px,calc(100vw - 1.2rem));max-height:calc(100dvh - 5.5rem);border:1px solid rgba(217,184,115,.46);border-radius:24px;background:linear-gradient(150deg,#192136 0%,#111827 55%,#0c1220 100%);color:var(--loki-paper);box-shadow:0 32px 80px rgba(3,7,18,.55),inset 0 1px rgba(255,255,255,.08);overflow:auto;scrollbar-color:#6e6557 transparent}
.loki-stage{height:248px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,rgba(180,137,76,.16),transparent 46%),radial-gradient(ellipse at 50% 8%,rgba(177,188,209,.09),transparent 55%),linear-gradient(#1c2436,#101726 72%,#0b111d);border-bottom:1px solid rgba(217,184,115,.24);perspective:700px}
.loki-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 25% 75%,rgba(0,0,0,.18));z-index:7}
.loki-stage-grain{position:absolute;inset:0;opacity:.26;background-image:radial-gradient(rgba(235,213,175,.32) .5px,transparent .5px);background-size:7px 7px;mask-image:linear-gradient(transparent,#000 50%,transparent);pointer-events:none}
.loki-arch{position:absolute;top:-160px;width:190px;height:350px;border:1px solid rgba(207,177,123,.12);border-radius:100px 100px 0 0}.loki-arch-left{left:5%}.loki-arch-right{right:5%}
.loki-book-scene{position:absolute;left:50%;bottom:-3px;width:310px;height:190px;transform:translateX(-50%);transform-style:preserve-3d;z-index:2}
.loki-book-shadow{position:absolute;left:18px;right:18px;bottom:44px;height:35px;border-radius:50%;background:rgba(0,0,0,.65);filter:blur(18px)}
.loki-altar{position:absolute;left:29px;right:29px;bottom:0;height:53px;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(90deg,#251f1e,#46372c 16%,#2e2829 49%,#45382e 84%,#191a21);border-top:2px solid #9e8151;box-shadow:inset 0 8px 15px rgba(0,0,0,.35)}
.loki-altar:before{content:"";position:absolute;left:10%;right:10%;top:10px;height:1px;background:linear-gradient(90deg,transparent,#aa8b58,transparent)}
.loki-altar-emblem{position:absolute;top:12px;left:50%;transform:translateX(-50%);font:500 1.05rem 'Cormorant Garamond',Georgia,serif;color:#b69a63;opacity:.75}
.loki-book-3d{position:absolute;left:24px;top:24px;width:262px;height:126px;transform:rotateX(49deg) rotateZ(-2deg);transform-style:preserve-3d;filter:drop-shadow(0 13px 15px rgba(0,0,0,.55))}
.loki-book-bottom{position:absolute;inset:3px -3px -8px;border-radius:6px 6px 15px 15px;background:linear-gradient(95deg,#4b2b27,#2d1c20 47%,#693e32);box-shadow:0 0 0 2px #8b6a47,0 8px 1px #1c1518}
.loki-page{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0 12px,rgba(90,66,52,.12) 13px 14px),linear-gradient(90deg,#c7bba7,#f4ebd8 30%,#e2d2ba 90%,#b8a48d);border:1px solid #ab977a;box-shadow:inset 0 0 16px rgba(63,42,27,.25);backface-visibility:hidden}
.loki-page-left{left:0;border-radius:6px 5px 5px 15px;transform-origin:right center;transform:rotateY(-13deg) rotateZ(-1deg)}
.loki-page-right{right:0;border-radius:5px 6px 15px 5px;transform-origin:left center;transform:rotateY(13deg) rotateZ(1deg)}
.loki-page span{display:block;height:1px;margin:23px 20px 0;background:linear-gradient(90deg,rgba(81,57,45,.28),transparent)}
.loki-page span:nth-child(2){width:64%;margin-top:12px}.loki-page span:nth-child(3){width:72%;margin-top:12px}.loki-page span:nth-child(4){width:48%;margin-top:12px}
.loki-book-ridge{position:absolute;left:50%;top:3px;bottom:-6px;width:8px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(90deg,rgba(54,36,31,.45),#f7efd9,rgba(67,41,33,.45));box-shadow:0 0 10px rgba(60,42,32,.4)}
.loki-book-cover{position:absolute;right:-2px;top:-1px;width:50%;height:100%;border:2px solid #8c6541;border-radius:5px 7px 14px 4px;background:linear-gradient(115deg,#422521,#6a4030,#2c2024);transform-origin:left center;transform:rotateY(178deg);backface-visibility:hidden;box-shadow:inset 0 0 0 5px rgba(216,177,110,.17);animation:lokiBookClose 19s ease-in-out infinite}
@keyframes lokiBookClose{0%,74%,100%{transform:rotateY(178deg)}79%,87%{transform:rotateY(15deg)}92%{transform:rotateY(178deg)}}
.loki-voice.speaking .loki-book-cover,.loki-voice.thinking .loki-book-cover{animation-play-state:paused;transform:rotateY(178deg)}
.loki-feather{position:absolute;z-index:5;left:58%;top:9px;width:82px;height:145px;transform:rotate(28deg);filter:drop-shadow(3px 8px 8px rgba(0,0,0,.55));animation:lokiQuillIdle 5.2s ease-in-out infinite;pointer-events:none}
.loki-feather-svg{width:100%;height:100%;overflow:visible}.loki-plume-body{stroke:rgba(255,247,221,.55);stroke-width:.8}.loki-quill-light{position:absolute;left:43%;bottom:-3px;width:4px;height:4px;border-radius:50%;background:#f8ddb0;box-shadow:0 0 10px 3px rgba(226,177,96,.6);opacity:.55}
.loki-voice.thinking .loki-feather{animation:lokiQuillWrite 1.25s ease-in-out infinite}.loki-voice.thinking .loki-quill-light{opacity:1;box-shadow:0 0 18px 6px rgba(226,177,96,.65)}
@keyframes lokiQuillIdle{50%{transform:translateY(-6px) rotate(25deg)}}@keyframes lokiQuillWrite{25%{transform:translate(7px,3px) rotate(34deg)}70%{transform:translate(-5px,6px) rotate(23deg)}}
.loki-sparkfield{position:absolute;inset:0;z-index:4;pointer-events:none}.loki-sparkfield i{position:absolute;left:calc(30% + var(--sx,0px));top:calc(48% + var(--sy,0px));width:3px;height:3px;border-radius:50%;background:#efd6a4;box-shadow:0 0 10px 2px rgba(221,170,90,.35);opacity:.14;animation:lokiThought 5s ease-out infinite}.loki-sparkfield i:nth-child(2){--sx:30px;--sy:-7px;animation-delay:.6s}.loki-sparkfield i:nth-child(3){--sx:70px;--sy:4px;animation-delay:1.3s}.loki-sparkfield i:nth-child(4){--sx:105px;--sy:-9px;animation-delay:2s}.loki-sparkfield i:nth-child(5){--sx:145px;--sy:7px;animation-delay:2.7s}.loki-sparkfield i:nth-child(6){--sx:60px;--sy:18px;animation-delay:3.4s}.loki-sparkfield i:nth-child(7){--sx:115px;--sy:18px;animation-delay:4s}.loki-sparkfield i:nth-child(8){--sx:12px;--sy:15px;animation-delay:1.8s}.loki-sparkfield i:nth-child(9){--sx:175px;--sy:-12px;animation-delay:3s}
.loki-voice.thinking .loki-sparkfield i{animation-duration:2.2s;opacity:.8}.loki-voice.speaking .loki-sparkfield i{animation-duration:3.5s;opacity:.4}
@keyframes lokiThought{0%{transform:translate(0,9px) scale(.3);opacity:0}25%{opacity:.55}100%{transform:translate(10px,-46px) scale(.25);opacity:0}}
.loki-stage .loki-symbol-stage{position:absolute;z-index:6;left:12%;right:auto;top:16px;width:96px;height:74px;opacity:.7;color:#d9bd85;filter:drop-shadow(0 0 9px rgba(222,177,104,.23))}.loki-voice.thinking .loki-symbol-stage{opacity:.9}.loki-stage-caption{position:absolute;left:18px;bottom:12px;z-index:7;display:flex;align-items:center;gap:.7rem;color:#b7a88d;font:500 .53rem Jost,sans-serif;letter-spacing:.18em}.loki-stage-caption span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e1c48c;letter-spacing:.04em;text-transform:none}
.loki-console{padding:1.25rem 1.35rem 1.35rem;background:transparent;color:var(--loki-paper)}.loki-console strong,.loki-head strong,.loki-speech-status{color:var(--loki-paper)}.loki-head{align-items:center}.loki-head small{color:var(--loki-gold);font-size:.57rem;letter-spacing:.22em}.loki-head strong{font:500 1.95rem/1.05 'Cormorant Garamond',Georgia,serif}.loki-head button{width:34px;height:34px;border:1px solid var(--loki-line);border-radius:50%;color:var(--loki-muted);font-size:1.5rem;line-height:1}.loki-head button:hover{color:var(--loki-paper);border-color:var(--loki-gold)}.loki-speech-status{min-height:2.2em;margin:.65rem 0 1rem;color:#d6ccb9!important;font:italic 400 1.14rem/1.25 'Cormorant Garamond',Georgia,serif}
.loki-player-shell{padding:.95rem 1rem .75rem;border:1px solid rgba(216,184,126,.22);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(0,0,0,.1));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.loki-now{margin:0 0 .75rem;padding-bottom:.55rem;border-bottom:1px solid rgba(216,184,126,.16);color:var(--loki-muted)}.loki-now #lokiNowTitle{color:var(--loki-paper);font-size:.7rem}.loki-now #lokiNowCount{color:var(--loki-gold)}
.loki-podcast{grid-template-columns:40px 46px 72px 46px 40px;gap:.52rem;margin:.15rem 0 .7rem}.loki-play{width:72px;height:72px;border:1px solid #e5c98e;background:radial-gradient(circle at 32% 25%,#e7ca91,#b18b4e 75%);color:#172033;box-shadow:0 0 0 5px rgba(216,184,126,.08),0 12px 20px rgba(0,0,0,.25);font-size:1.25rem}.loki-play:hover{box-shadow:0 0 0 7px rgba(216,184,126,.17),0 12px 25px rgba(0,0,0,.3)}.loki-skip,.loki-skip.chapter{background:rgba(255,255,255,.035);border:1px solid var(--loki-line);color:#eee2ca}.loki-skip:hover{border-color:var(--loki-gold);background:rgba(216,184,126,.12)}.loki-skip small{color:var(--loki-gold)}
.loki-timeline{grid-template-columns:38px 1fr 38px;color:var(--loki-muted);font-size:.62rem;gap:.55rem}.loki-timeline input,.loki-rate input{accent-color:#d9b873;cursor:pointer}.loki-player-row{margin:.7rem 0 0}.loki-text-btn{border-color:var(--loki-line);background:transparent;color:var(--loki-paper);font-size:.65rem}.loki-text-btn:hover{border-color:var(--loki-gold);color:var(--loki-gold)}
.loki-chapters{border-color:var(--loki-line);background:#141d2d}.loki-chapters-head{border-color:var(--loki-line);color:var(--loki-gold)}.loki-chapter-item{color:var(--loki-paper)}.loki-chapter-item:hover,.loki-chapter-item.active{background:rgba(216,184,126,.12);color:#fff6e5}.loki-chapter-item b{color:var(--loki-gold)}
.loki-audio-settings{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.8rem;margin:.85rem 0;padding:.7rem 0;border-top:1px solid rgba(216,184,126,.17);border-bottom:1px solid rgba(216,184,126,.17)}.loki-select,.loki-rate{margin:0;color:var(--loki-muted);font-size:.6rem}.loki-select{display:grid;grid-template-columns:1fr;gap:.35rem}.loki-select select{width:100%;background:#20293a;color:var(--loki-paper);border-color:var(--loki-line)}.loki-rate{display:flex;align-items:flex-end;gap:.35rem}.loki-rate label{display:grid;gap:.36rem;min-width:0;flex:1}.loki-rate input{width:100%;margin:0 0 .6rem}.loki-rate output{min-width:2.5rem;padding-bottom:.5rem;color:var(--loki-gold)}
.loki-command{grid-template-columns:auto minmax(0,1fr) 39px;gap:.4rem;margin-top:.6rem}.loki-command button,.loki-command input{min-height:44px;border-color:var(--loki-line);background:#20293a;color:var(--loki-paper);font-size:.72rem}.loki-command input::placeholder{color:#a39b90;opacity:1}.loki-command button:hover,.loki-command input:focus{border-color:var(--loki-gold);outline:none}.loki-command #lokiMic.listening{border-color:var(--loki-gold);box-shadow:0 0 0 3px rgba(217,184,115,.12)}.loki-hint{color:#958f8d;font-size:.62rem;line-height:1.45;margin:.7rem 0 0}
.loki-response{margin-top:1rem;border:1px solid rgba(216,184,126,.3);border-radius:15px;background:linear-gradient(150deg,rgba(217,184,115,.08),rgba(255,255,255,.025));overflow:hidden}.loki-response[hidden]{display:none}.loki-response-head{display:flex;align-items:center;gap:.5rem;padding:.62rem .9rem;border-bottom:1px solid rgba(216,184,126,.17);color:var(--loki-gold);font:600 .58rem Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase}.loki-response-head:before{content:"✦";font:1rem Georgia,serif}.loki-book-answer{max-height:42vh;overflow:auto;margin:0!important;padding:.85rem .95rem!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--loki-paper)!important;font:400 .84rem/1.62 Jost,sans-serif!important}.loki-book-answer p{margin:.25rem 0 .8rem!important;color:var(--loki-paper);white-space:pre-wrap}.loki-book-answer strong{display:block;color:var(--loki-gold)}.loki-book-answer details{border-top:1px solid rgba(216,184,126,.16);color:var(--loki-muted);padding:.55rem 0}.loki-book-answer summary{color:var(--loki-gold);font-size:.72rem}.loki-book-answer small{color:var(--loki-muted)}
@media(max-width:600px){.loki-voice{right:.4rem;bottom:4rem;width:calc(100vw - .8rem);border-radius:20px}.loki-stage{height:212px}.loki-book-scene{transform:translateX(-50%) scale(.86);transform-origin:bottom center}.loki-feather{top:2px;left:59%;transform:scale(.87) rotate(28deg)}.loki-console{padding:1rem}.loki-audio-settings{grid-template-columns:1fr}.loki-rate input{margin:0}.loki-rate output{padding-bottom:0}.loki-podcast{grid-template-columns:36px 40px 64px 40px 36px;gap:.3rem}.loki-play{width:64px;height:64px}.loki-skip{width:40px;height:40px}.loki-skip.chapter{width:36px;height:36px}.loki-command{grid-template-columns:auto minmax(0,1fr) 38px}.loki-command #lokiAskSend{grid-column:auto;justify-self:stretch}.loki-hint{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.loki-book-cover,.loki-feather,.loki-sparkfield i{animation:none!important}}
.loki-voice-open{background:linear-gradient(145deg,#1d2637,#0d1422);color:#e0c48b;border-color:rgba(217,184,115,.65);box-shadow:0 9px 28px rgba(4,7,16,.4),inset 0 1px rgba(255,255,255,.08)}.loki-voice-open span:first-child{color:#e0c48b}
.loki-now #lokiNowTitle{font-size:.79rem}.loki-text-btn{font-size:.73rem}.loki-select,.loki-rate{font-size:.68rem}.loki-select select{font-size:.78rem}.loki-command button,.loki-command input{font-size:.82rem}.loki-hint{font-size:.67rem}.loki-book-answer{font-size:.91rem!important}.loki-stage-caption{font-size:.6rem}
.loki-response-question{margin:0 0 .65rem;padding:0 0 .58rem;border-bottom:1px solid rgba(216,184,126,.17);color:#d8bb83;font:italic 500 .92rem/1.3 'Cormorant Garamond',Georgia,serif}
.loki-podcast button:disabled,.loki-timeline input:disabled{opacity:.38;cursor:not-allowed}.loki-timeline input:disabled{accent-color:#82786c}
/* V4.7 · Das aufgeschlagene Buch trägt den echten Manuskripttext. */
.loki-voice{width:min(580px,calc(100vw - 1.2rem))}.loki-stage{height:326px;perspective:1000px}
.loki-book-scene{width:390px;height:245px;bottom:1px}.loki-book-3d{left:20px;top:24px;width:350px;height:170px;transform:rotateX(27deg) rotateZ(-1deg)}.loki-altar{left:20px;right:20px;height:57px}.loki-book-cover{animation:none!important;transform:rotateY(178deg)!important}.loki-book-ridge{width:6px}
.loki-page{background:linear-gradient(90deg,#b9a88b,#eee1c6 25%,#e8d6b5 89%,#b6a183)}.loki-page span{opacity:.15}.loki-page-live{position:absolute;inset:18px 15px 12px 16px;z-index:2;overflow:hidden;color:#403127;font:500 11px/1.42 'Cormorant Garamond',Georgia,serif;text-align:left;white-space:pre-wrap;text-shadow:0 .5px rgba(255,255,255,.3)}.loki-page-heading{font-size:14px;line-height:1.3;text-align:center;display:flex;align-items:center;justify-content:center;padding:0 5px;letter-spacing:.02em}.has-manuscript .loki-page span{visibility:hidden}
.loki-feather{top:33px;left:57%;width:98px;height:174px}.loki-voice.reading .loki-feather{left:calc(48% + var(--loki-write-x,0px));top:calc(36px + var(--loki-write-y,0px));animation:lokiQuillWrite 1.7s ease-in-out infinite;transition:left .3s,top .3s}.loki-voice.reading .loki-sparkfield i{animation-duration:2.8s}.loki-stage .loki-symbol-stage{left:14%;top:13px;width:98px;height:76px;opacity:.86}.loki-stage-caption{bottom:10px}.loki-sparkfield i{top:calc(57% + var(--sy,0px));width:2px;height:2px}.loki-voice.thinking .loki-sparkfield i{width:3px;height:3px;box-shadow:0 0 12px 3px rgba(221,170,90,.5)}
.loki-live-reader{border:1px solid var(--loki-line);border-radius:14px;margin-top:.85rem;overflow:hidden;background:rgba(5,10,19,.22)}.loki-live-head{display:flex;justify-content:space-between;gap:.5rem;padding:.65rem .8rem;border-bottom:1px solid rgba(216,184,126,.14);font:500 .57rem Jost,sans-serif;letter-spacing:.14em;color:var(--loki-gold)}.loki-live-head small{font:400 .62rem Jost,sans-serif;letter-spacing:0;color:var(--loki-muted)}.loki-live-reader h3{margin:.65rem .85rem .4rem;font:500 1.2rem/1.2 'Cormorant Garamond',Georgia,serif;color:var(--loki-paper)}.loki-live-text{position:relative;max-height:210px;overflow:auto;scrollbar-width:thin;padding:.2rem .85rem .65rem;scroll-behavior:smooth}.loki-live-text p,.loki-live-text h4{margin:.4rem 0;padding:.38rem .55rem;border-left:2px solid transparent;border-radius:0 5px 5px 0;color:#a8a498;font:400 .88rem/1.5 'Cormorant Garamond',Georgia,serif;transition:color .2s,background .2s}.loki-live-text h4{font-weight:600}.loki-live-text .active{color:#f2e7cf;border-left-color:var(--loki-gold);background:linear-gradient(90deg,rgba(217,184,115,.14) var(--passage-progress,0%),rgba(217,184,115,.04) var(--passage-progress,0%));font-size:.96rem}.loki-follow-controls{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem .75rem;border-top:1px solid rgba(216,184,126,.14)}.loki-follow-controls button{border:1px solid var(--loki-line);border-radius:999px;padding:.42rem .7rem;background:transparent;color:var(--loki-paper);font:.67rem Jost,sans-serif;cursor:pointer}.loki-follow-controls button[aria-pressed=true]{color:var(--loki-gold)}
.loki-voice-open{width:auto;min-width:52px;padding:.5rem .85rem;display:flex;gap:.55rem;border-radius:999px}.loki-voice-open .loki-launch-label{font:500 .72rem Jost,sans-serif;color:#e0c48b;white-space:nowrap}.loki-voice-open[aria-expanded=true]{opacity:1;background:#273144}.loki-follow-floating{position:fixed;right:1rem;bottom:4.5rem;z-index:54;border:1px solid rgba(217,184,115,.5);border-radius:99px;background:#192233;color:#e0c48b;padding:.5rem .75rem;font:.7rem Jost,sans-serif;cursor:pointer}.loki-follow-floating[hidden]{display:none}
#scrollToBookTop{bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px));z-index:1200}.manuscript-speaking{background:color-mix(in srgb,var(--gold) 12%,transparent);box-shadow:-3px 0 var(--gold);border-radius:3px;transition:background .3s;scroll-margin-block:160px}
#vorn p[data-inline-index]{position:relative;padding-right:1.4rem}.inline-paragraph-pen{position:absolute;right:0;top:.1rem;border:0;background:transparent;color:var(--gold);padding:.2rem;cursor:pointer;opacity:0;font:inherit;font-size:.85rem}.inline-paragraph-pen:focus,#vorn p[data-inline-index]:hover>.inline-paragraph-pen{opacity:.85}.inline-paragraph-add{display:block;margin:.25rem 0 .8rem;border:1px dashed var(--line);border-radius:99px;padding:.2rem .65rem;background:transparent;color:var(--muted);font:.65rem Jost,sans-serif;cursor:pointer;opacity:.55}.inline-paragraph-add:hover{color:var(--gold);opacity:1;border-color:var(--gold)}.inline-book-editor{margin:.7rem 0;padding:.75rem;border:1px solid var(--gold);border-radius:12px;background:var(--panel-strong);scroll-margin-block:120px}.inline-book-editor textarea{width:100%;resize:vertical;border:0;background:transparent;color:var(--ink);outline:none;font:inherit;line-height:1.55;min-height:100px}.inline-book-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.inline-book-actions button{padding:.35rem .7rem;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:transparent;font:.7rem Jost,sans-serif;cursor:pointer}.inline-book-actions button[type=submit]{border-color:var(--gold);color:var(--gold)}.inline-book-actions span{font:.62rem Jost,sans-serif;color:var(--muted)}
@media(max-width:600px){.loki-stage{height:280px}.loki-book-scene{transform:translateX(-50%) scale(.85);transform-origin:bottom center}.loki-feather{width:83px;height:150px;top:20px;left:56%}.loki-stage .loki-symbol-stage{left:8%;width:80px;height:63px}.loki-voice.reading .loki-feather{left:calc(42% + var(--loki-write-x,0px));top:calc(31px + var(--loki-write-y,0px))}.loki-live-text{max-height:170px}.inline-paragraph-pen{opacity:.6}.loki-launch-label{max-width:110px}#scrollToBookTop{font-size:.66rem;padding:.5rem .7rem;bottom:76px}.loki-voice{max-height:calc(100dvh - 5rem)}}
@media(prefers-reduced-motion:reduce){.loki-live-text{scroll-behavior:auto}.loki-voice.reading .loki-feather,.loki-sparkfield i{animation:none!important}}
/* V5.0 · Lokales Loki-Atelier */
.model-atelier{background:radial-gradient(circle at 85% 0%,rgba(198,161,91,.10),transparent 34%),var(--panel-strong)}
.model-candidates{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}.model-option{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);font:.72rem Jost,sans-serif}.model-option:has(input:checked){border-color:var(--gold);background:rgba(198,161,91,.11)}
.model-atelier textarea{min-height:85px;max-height:180px}.model-answers{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));margin:1rem 0}.model-answer{padding:1.1rem;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:15px;background:rgba(26,23,38,.12)}.model-answer h5{font:400 1.4rem "Cormorant Garamond",serif;color:var(--gold);margin:0 0 .5rem}.model-answer-text{white-space:pre-wrap;line-height:1.62;max-height:30rem;overflow:auto}.model-score{display:grid;gap:.55rem;margin-top:.8rem}.model-score label{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font:.72rem Jost,sans-serif;color:var(--muted)}.model-score select{width:8rem}.model-sources{font:.7rem Jost,sans-serif;line-height:1.5}.model-sources p{max-height:9rem;overflow:auto;white-space:pre-wrap}.model-vote-row{font:.72rem Jost,sans-serif;color:var(--muted);margin:.3rem 0}.model-error{color:#d78c96}

/* 0.5.1 · Closed Beta — Versionssignatur und atmende Schaltzentrale */
.book-author{margin:.18rem 0 0;color:var(--soft);font:400 .65rem/1.2 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.release-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.45rem .72rem;margin:.82rem auto 0;color:var(--soft);font:400 .62rem/1.2 Jost,sans-serif;letter-spacing:.035em}
.release-version{padding:.27rem .62rem;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.13)}
.release-version span{color:var(--gold)}.release-version:hover,.release-version:focus-visible{border-color:var(--gold);box-shadow:0 0 18px color-mix(in srgb,var(--glow) 38%,transparent)}
.release-presence{display:inline-flex;align-items:center;gap:.32rem;color:#57e59a;text-shadow:0 0 11px rgba(71,238,150,.38)}.release-presence b{font-weight:500;color:#80ffb8}.release-presence i{width:5px;height:5px;border-radius:50%;background:#67f3a7;box-shadow:0 0 9px #51f0a0;animation:presencePulse 2.4s ease-in-out infinite}
@keyframes presencePulse{50%{opacity:.45;box-shadow:0 0 3px #51f0a0}}
.nav-reveal-zone{position:fixed;z-index:1299;left:0;right:0;top:0;height:14px;pointer-events:auto}
.top[data-auto-hide-nav]{position:sticky;z-index:1200;top:max(0px,env(safe-area-inset-top));margin-left:-1.4rem;margin-right:-1.4rem;padding:.72rem 1.4rem .65rem;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-left:0;border-right:0;background:color-mix(in srgb,var(--bg1) 83%,transparent);box-shadow:0 14px 38px rgba(8,8,18,.12);backdrop-filter:blur(22px) saturate(1.15);transition:transform .34s cubic-bezier(.22,.72,.2,1),opacity .24s ease,box-shadow .3s ease;will-change:transform;scroll-margin-top:1rem}
.top[data-auto-hide-nav].nav-hidden{transform:translateY(calc(-100% - 8px));opacity:0;pointer-events:none;box-shadow:none}
.main-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.38rem!important}
.main-nav>.nav-primary{display:flex!important;align-items:center;justify-content:center;gap:.42rem;min-width:0;min-height:2.6rem!important;padding:.4rem .45rem!important;white-space:nowrap}
.main-nav>.nav-primary span{overflow:hidden;text-overflow:ellipsis}.main-nav>.nav-primary kbd{flex:none;min-width:1.3rem;padding:.08rem .25rem;border:1px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:5px;color:inherit;font:500 .58rem/1.25 Jost,sans-serif;text-transform:lowercase;opacity:.68;box-shadow:inset 0 -1px rgba(0,0,0,.08)}
.nav-workbench{margin-top:.5rem;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);padding-top:.35rem;color:var(--soft)}.nav-workbench>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;cursor:pointer;font:400 .66rem/1.4 Jost,sans-serif;letter-spacing:.07em;text-transform:uppercase}.nav-workbench>summary::-webkit-details-marker{display:none}.nav-workbench>summary::before{content:"＋";color:var(--gold);font-size:.82rem}.nav-workbench[open]>summary::before{content:"−"}.nav-workbench>summary span{margin-left:auto;color:var(--soft);font-size:.58rem;letter-spacing:.025em;text-transform:none}.nav-workbench.on>summary{color:var(--gold)}
.nav-workbench .sub-nav{display:flex!important;padding-top:.45rem}.nav-workbench-menu button{flex:1 1 8.5rem}
.quick-nav-open{margin-top:.48rem!important;padding:.34rem .62rem!important;border-radius:9px!important;opacity:.76}.quick-nav-open:hover{opacity:1}.quick-nav-list button span{display:flex;align-items:center;gap:.5rem}.quick-nav-list button kbd{font-size:.58rem}
body[data-m=graph] .top[data-auto-hide-nav]{max-width:none;margin-left:-1.4rem;margin-right:-1.4rem}
@media(max-width:780px){.main-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.main-nav>.nav-primary:last-child{grid-column:auto!important}}
@media(max-width:480px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.release-line{gap:.5rem}.release-version{width:100%;max-width:15rem}.nav-workbench>summary span{display:none}.top[data-auto-hide-nav]{padding-left:.8rem;padding-right:.8rem}.main-nav>.nav-primary{font-size:.72rem!important}}
@media(prefers-reduced-motion:reduce){.top[data-auto-hide-nav]{transition:none}.release-presence i{animation:none}}

/* 0.5.2 · Die Galaxie bleibt frei, Bedeutung und Einordnung leben am Rand. */
.knowledge-graph{width:min(1920px,calc(100vw - 2rem));height:min(960px,calc(100dvh - 2rem));min-height:720px;border-radius:24px;--kg-rail:clamp(205px,17vw,290px)}
.kg-stage{inset:105px 20px 93px}.knowledge-graph.kg-reading .kg-stage{inset-inline:calc(var(--kg-rail) + 28px)}
.kg-head{top:20px;left:24px;right:24px}.kg-title h2{font-size:1.8rem}.kg-title p{font-size:.64rem;max-width:330px}.kg-search{top:24px;width:min(300px,26vw);left:56%}.kg-actions .kg-icon{width:34px;height:34px;font-size:.85rem}.kg-icon:disabled{opacity:.25;cursor:default}
.kg-detail,.kg-reason{position:absolute;z-index:8;top:140px;bottom:130px;width:var(--kg-rail);height:auto;padding:18px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(150deg,rgba(19,23,40,.86),rgba(10,16,29,.76));border:1px solid rgba(206,181,146,.19);border-radius:17px;box-shadow:0 12px 32px rgba(2,5,14,.18);backdrop-filter:blur(16px);transform:none;transition:opacity .18s ease,visibility .18s ease;scrollbar-width:thin;scrollbar-color:#51445c transparent}
.kg-detail{right:16px;visibility:hidden;opacity:0;pointer-events:none}.kg-detail.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.kg-reason{left:16px;bottom:auto;max-height:calc(100% - 280px);color:#c7bdcd}.kg-reason[hidden]{display:none}.kg-reason small{color:#c5a46c;font:400 .54rem Jost,sans-serif;letter-spacing:.18em}.kg-reason h3{font:400 1.2rem/1.2 'Cormorant Garamond',serif;margin:.6rem 0}.kg-reason p{font:300 .76rem/1.65 Jost,sans-serif;margin:.5rem 0}.kg-reason>span{display:block;border-top:1px solid rgba(210,185,153,.14);padding-top:.7rem;font:.57rem/1.5 Jost,sans-serif;color:#938b9e}
.kg-detail-close{width:26px;height:26px;font-size:.85rem;opacity:0;pointer-events:none}.kg-detail.pinned .kg-detail-close{opacity:1;pointer-events:auto}.kg-detail-kicker{margin-top:4px;font-size:.5rem;letter-spacing:.14em;line-height:1.5}.kg-detail h3{font-size:clamp(1.35rem,2vw,1.8rem);overflow-wrap:anywhere;line-height:1.08;margin:.65rem 0}.kg-detail .kg-kind{font-size:.6rem;line-height:1.5}.kg-detail-section{padding:.75rem 0}.kg-detail-section h4{font-size:.53rem}.kg-detail-section p{font-size:.73rem;line-height:1.65}.kg-chips button{font-size:.6rem;padding:.3rem .5rem}.kg-card-link{font-size:.6rem;padding:.55rem;line-height:1.4}.kg-explore{width:100%;margin:.5rem 0 .8rem;padding:.62rem .7rem;border:1px solid rgba(213,179,120,.5);border-radius:9px;color:#e3c791;background:rgba(169,128,63,.09);font:400 .65rem Jost,sans-serif;cursor:pointer}.kg-explore:hover{border-color:#dfc18c;background:rgba(169,128,63,.18)}
.kg-cluster-label,.knowledge-graph.kg-overview .kg-cluster-label{bottom:15px;width:min(520px,48%)}.kg-cluster-label strong{font-size:1rem;letter-spacing:.08em;max-height:2.5em;overflow:hidden;line-height:1.2}.kg-cluster-label small{font-size:.52rem;letter-spacing:.12em}.kg-cluster-label span{font-size:.55rem;line-height:1.4}.kg-back{left:20px;bottom:18px;font-size:.62rem;padding:.5rem .7rem}.kg-brain{left:20px;bottom:69px;max-width:var(--kg-rail);display:grid}.kg-brain button{font-size:.58rem;padding:.48rem .65rem}.kg-brain-status{font-size:.52rem;line-height:1.4}
.kg-level-control{position:absolute;z-index:7;right:24px;bottom:28px;width:170px;display:grid;grid-template-columns:1fr auto;gap:.5rem;color:#b7a5bd;font:400 .6rem Jost,sans-serif;letter-spacing:.09em}.kg-level-control output{color:#dfc18b;font-variant-numeric:tabular-nums}.kg-level-control input{grid-column:1/-1;width:100%;height:3px;accent-color:#bea074;cursor:pointer}
.kg-node .kg-dot{stroke:rgba(222,201,175,.45);stroke-width:.5;filter:none}.kg-node .kg-halo{opacity:.26;stroke-width:.55}.kg-node:hover .kg-dot,.kg-node.active .kg-dot{filter:drop-shadow(0 0 5px currentColor);transform:scale(1.12)}.kg-link{opacity:.19;stroke-width:.65}.kg-link.hot{opacity:.85;stroke:#d7b475}.kg-node text{font-size:7px}.kg-node:not(.kg-trait) text{opacity:0}.kg-node:hover text,.kg-node.active text{opacity:1}.kg-hit{stroke:none!important;filter:none!important}.kg-cursor-sparks{pointer-events:none;filter:drop-shadow(0 0 3px #bd9c70)}.kg-click-spark{transform-box:view-box;transform-origin:0 0}.kg-trait .kg-dot{filter:drop-shadow(0 0 7px currentColor)}
.kg-overview .kg-arm-label .kg-cluster-count{display:none}.kg-overview .kg-arm-label .kg-cluster-name{font-size:13px;letter-spacing:.12em}
@media(min-width:1200px){.kg-stage{inset-inline:calc(var(--kg-rail) + 28px)}}
@media(max-width:1199px){.knowledge-graph{--kg-rail:210px}.kg-reason{top:145px;max-height:230px}.kg-detail{top:145px;bottom:125px}.knowledge-graph.kg-reading .kg-stage{inset-inline:225px}.kg-search{left:54%;width:240px}.kg-title p{display:none}}
@media(max-width:850px){.knowledge-graph{width:calc(100vw - 1rem);min-height:760px}.kg-stage,.knowledge-graph.kg-reading .kg-stage{inset:140px 8px 240px}.kg-reason{display:none!important}.kg-detail{top:auto;bottom:89px;left:14px;right:14px;width:auto;height:155px;padding:12px 16px;max-height:40%;border-radius:14px}.kg-detail h3{font-size:1.25rem;margin:.2rem 0}.kg-detail-kicker{font-size:.48rem}.kg-detail-section{padding:.4rem 0}.kg-detail .kg-kind{display:none}.kg-explore{width:auto;float:right;margin:0 0 .5rem .7rem;padding:.42rem .6rem}.kg-detail:not(.pinned) .kg-detail-section:nth-of-type(n+2),.kg-detail:not(.pinned) .kg-card-link{display:none}.kg-detail.pinned{height:240px}.kg-cluster-label{display:none}.kg-brain{bottom:20px;max-width:48%}.kg-brain-status{display:none}.kg-back{bottom:65px}.kg-level-control{bottom:28px;right:18px;width:130px}.kg-search{top:88px;left:50%;width:calc(100% - 35px)}.kg-title h2{font-size:1.5rem}.kg-head{left:18px;right:18px}.kg-actions{gap:.25rem}.kg-actions .kg-icon{width:30px;height:30px}.kg-overview .kg-arm-label .kg-cluster-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kg-detail,.kg-reason{transition:none}.kg-cursor-sparks{display:none}}

@media(min-width:851px){.kg-stage,.knowledge-graph.kg-reading .kg-stage{inset-inline:calc(var(--kg-rail) + 25px)}}

.kg-node .kg-dot,.kg-node .kg-halo{translate:var(--kg-mx,0px) var(--kg-my,0px);transition:translate .16s ease,opacity .16s ease,filter .16s ease}

.kg-back[hidden],.kg-pager[hidden],.kg-brain-stop[hidden]{display:none!important}