@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../schrift/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../schrift/inter-600.woff2)format("woff2")}:root{--sea-deep:#030711;--sea:#060d1b;--panel:#0b1626;--panel-high:#111f34;--line:#1b2c46;--line-strong:#2a4062;--ink:#eaf1fb;--ink-dim:#9db0c9;--ink-faint:#6d829e;--accent:#55a8ff;--accent-ink:#04101f;--accent-soft:#55a8ff29;--licht-weiss:#fff4e0;--licht-rot:#ff2a1c;--licht-gruen:#18f06a;--licht-gelb:#ffd21a;--licht-blau:#3aa0ff;--licht-rand:#00000073;--richtig:#2bd07a;--falsch:#ff5a4a;--warnung:#ffd24a;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--spalte-einstieg:34rem;--r1:8px;--r2:12px;--r3:18px;--r-pill:999px;--t-root:16px;--t-micro:.72rem;--t-small:.82rem;--t-body:.95rem;--t-lead:1.05rem;--t-title:1.25rem;--t-display:1.6rem;--schleier:#030711b8;--schatten-1:0 1px 2px #00000080;--schatten-2:0 12px 32px #00000073;--glanz:inset 0 1px 0 #ffffff0d;--zeit:.16s;--kurve:cubic-bezier(.2, .6, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-mode=day]{--sea-deep:#eef3fa;--sea:#e4ecf6;--panel:#fff;--panel-high:#f4f8fd;--line:#ccd9e8;--line-strong:#a9bed6;--ink:#0d1926;--ink-dim:#41566e;--ink-faint:#61758d;--accent:#0b64c8;--accent-ink:#fff;--accent-soft:#0b64c81f;--licht-weiss:#fff4e0;--licht-rot:#ff2a1c;--licht-gruen:#18f06a;--licht-gelb:#ffd21a;--licht-blau:#3aa0ff;--licht-rand:#0d1926a6;--richtig:#0d7b41;--falsch:#c62a1c;--warnung:#a4740a;--schleier:#ffffffc7;--schatten-1:0 1px 2px #0d19261f;--schatten-2:0 10px 28px #0d19261f;--glanz:inset 0 1px 0 #fffc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body[data-mode=red]{--sea-deep:#0b0000;--sea:#140202;--panel:#1d0505;--panel-high:#290808;--line:#3d0f0f;--line-strong:#5a1616;--ink:#ffd2cc;--ink-dim:#d08c84;--ink-faint:#a56760;--accent:#ff7a66;--accent-ink:#1a0303;--accent-soft:#ff7a6629;--schleier:#140202bf;--licht-weiss:red;--licht-rot:#c30000;--licht-gruen:#d20000;--licht-gelb:#e90000;--licht-blau:#d00000;--licht-rand:#0000008c;--richtig:#d98c80;--falsch:#ff6a58;--warnung:#ffb09f;--glanz:inset 0 1px 0 #ffd2cc0f}*{box-sizing:border-box}html,body{background:var(--sea-deep);min-height:100%;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--t-root);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}#root{min-height:100%}.shell{max-width:1180px;padding:var(--s4) var(--s4) var(--s7);color:var(--ink);background:radial-gradient(120% 70% at 50% -10%, var(--sea) 0%, var(--sea-deep) 60%), var(--sea-deep);min-height:100vh;margin:0 auto;position:relative}.shell__head{justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.shell__head h1{align-items:center;gap:var(--s2);font-size:var(--t-title);letter-spacing:-.02em;margin:0;font-weight:600;display:flex}.shell__mark{flex:none;width:26px;height:26px;display:block}.modes{gap:var(--s1);border:1px solid var(--line);background:var(--panel);border-radius:var(--r-pill);padding:var(--s1);box-shadow:var(--glanz);flex-wrap:wrap;display:flex}.modes__item{color:var(--ink-dim);border-radius:var(--r-pill);padding:var(--s2) var(--s3);min-height:44px;font:inherit;font-size:var(--t-small);cursor:pointer;transition:background var(--zeit) var(--kurve), color var(--zeit) var(--kurve);background:0 0;border:0}.modes__item:hover{background:var(--accent-soft);color:var(--ink)}.modes__item--on,.modes__item--on:hover{background:var(--accent);color:var(--accent-ink);font-weight:600}.modes--sections{margin-bottom:var(--s4)}.regions{gap:var(--s1);margin-left:var(--s2);display:inline-flex}.viewer{margin-bottom:var(--s5)}.viewer__stage{border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--schatten-2);background:var(--sea-deep);position:relative;overflow:hidden}.viewer__canvas{touch-action:none;width:100%;height:clamp(280px,52vh,560px);display:block}.viewer--compact .viewer__canvas{height:clamp(180px,30vh,300px)}.viewer__readout{left:var(--s3);bottom:var(--s3);gap:var(--s4);padding:var(--s2) var(--s3);border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--schleier);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-dim);font-size:var(--t-small);font-variant-numeric:tabular-nums;display:flex;position:absolute}.viewer__controls{gap:var(--s4);margin-top:var(--s3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.control{gap:var(--s1);display:grid}.control--off{opacity:.35;pointer-events:none}.control__label{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:var(--line-strong);height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--sea-deep);width:20px;height:20px;box-shadow:var(--schatten-1);border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-track{border-radius:var(--r-pill);background:var(--line-strong);height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--sea-deep);border-radius:50%;width:20px;height:20px}.catalogue{margin-bottom:var(--s6)}.einstieg{max-width:var(--spalte-einstieg);padding:var(--s6) var(--s4);margin:0 auto}.einstieg__marke{align-items:center;gap:var(--s3);margin:0 0 var(--s4);font-size:var(--t-title);display:flex}.einstieg__was{margin:0 0 var(--s6);color:var(--ink-dim);line-height:1.55}.einstieg__frage{margin:0 0 var(--s4);font-size:var(--t-title)}.einstieg__wege{gap:var(--s3);display:grid}.einstieg__weg{gap:var(--s2);padding:var(--s4);text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);color:var(--ink);cursor:pointer;display:grid}.einstieg__weg:hover,.einstieg__weg:focus-visible{border-color:var(--accent)}.einstieg__titel{font-weight:600}.einstieg__sagt{color:var(--ink-dim);font-size:var(--t-small);line-height:1.55}.einstieg__klein{margin:var(--s5) 0 0;color:var(--ink-dim);font-size:var(--t-micro)}.viewer__modes{top:var(--s3);right:var(--s3);z-index:2;background:var(--panel);border-radius:var(--r3);position:absolute}.shell__fuss{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);color:var(--ink-dim);font-size:var(--t-micro);line-height:1.55}.einstieg+.shell__fuss{max-width:var(--spalte-einstieg);padding-inline:var(--s4);margin-inline:auto}.viewer__hinweis{margin:var(--s3) 0 0;color:var(--ink-dim);font-size:var(--t-small);line-height:1.55}.begriff{color:inherit;font:inherit;text-underline-offset:3px;cursor:help;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.begriff:hover,.begriff[aria-expanded=true]{color:var(--accent);text-decoration-style:solid}.begriff__erklaerung{margin:var(--s2) 0 var(--s4);padding:var(--s3);background:var(--panel);border-left:2px solid var(--accent);border-radius:var(--r1);color:var(--ink-dim);font-size:var(--t-small);line-height:1.55}.koerbe{gap:var(--s2);margin-bottom:var(--s5);grid-template-columns:repeat(4,1fr);display:grid}.korb{gap:var(--s1);padding:var(--s3) var(--s2);background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);color:var(--ink);text-align:left;cursor:pointer;display:grid}.korb:disabled{opacity:.4;cursor:default}.korb--on,.korb:not(:disabled):hover{border-color:var(--accent)}.korb__zahl{font-size:var(--t-title);font-weight:600;line-height:1.1}.korb__titel{color:var(--ink-dim);font-size:var(--t-micro);line-height:1.3}.auftrag{margin:0 0 var(--s4);color:var(--ink);font-size:var(--t-body);line-height:1.55}.modes--stoff{margin-bottom:var(--s4);opacity:.9}.bestimmen__merkmale{gap:var(--s3);margin-bottom:var(--s4);display:grid}.bestimmen__zeile{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.modes--raster{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));width:100%;display:grid}.modes--raster .modes__item{text-align:left;font-size:var(--t-small);justify-content:flex-start}.modes--raster .folge__wort{white-space:normal}.bestimmen__zeile--erste{padding:var(--s3);margin-bottom:var(--s2);background:var(--panel);border:1px solid var(--line);border-radius:var(--r2)}.folge{gap:var(--s1);margin-right:var(--s2);vertical-align:middle;display:inline-grid}.folge__wort{white-space:nowrap}.bestimmen__weg{margin-left:var(--s2);opacity:.7}.bestimmen__sicht{margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);display:block}.bestimmen__hilfe{margin:var(--s2) 0 0;color:var(--ink-dim);font-size:var(--t-micro);max-width:46ch;line-height:1.55}.bestimmen__schluss{margin:var(--s3) 0 0;padding:var(--s3);background:var(--panel);border-left:3px solid var(--line);border-radius:0 var(--r1) var(--r1) 0;color:var(--ink-dim);font-size:var(--t-small);line-height:1.55}.bestimmen__was{min-width:5rem;color:var(--ink-dim);font-size:var(--t-small)}.bestimmen__farbe{align-items:center;gap:var(--s2);display:inline-flex}.bestimmen__farbe:disabled{opacity:.35;cursor:not-allowed}.bestimmen__stand{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line);color:var(--ink-dim);font-size:var(--t-small);display:flex}.bestimmen__treffer{gap:var(--s2);margin-bottom:var(--s5);display:grid}.catalogue__bereich{margin-bottom:var(--s2)}.catalogue__bereich-note{margin:0 0 var(--s4);color:var(--ink-dim);font-size:var(--t-small);line-height:1.55}.catalogue__head{align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.catalogue__search{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s3);min-height:44px;color:var(--ink);font:inherit;font-size:var(--t-body);flex:240px}.catalogue__search::placeholder{color:var(--ink-faint)}.catalogue__count{color:var(--ink-faint);font-size:var(--t-small);white-space:nowrap}.catalogue__group{margin-bottom:var(--s5)}.catalogue__rule{align-items:baseline;gap:var(--s2);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 var(--s3);flex-wrap:wrap;font-weight:600;display:flex}.catalogue__rule span{color:var(--ink-faint);text-transform:none;letter-spacing:0;font-weight:400}.catalogue__items{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.catalogue__empty{color:var(--ink-dim)}.states__item{gap:var(--s1);text-align:left;border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-high), var(--panel));color:var(--ink);border-radius:var(--r2);padding:var(--s3);cursor:pointer;min-height:44px;font:inherit;font-size:var(--t-small);box-shadow:var(--glanz);transition:border-color var(--zeit) var(--kurve), transform var(--zeit) var(--kurve);display:grid}.states__item:hover{border-color:var(--line-strong);transform:translateY(-1px)}.states__item--on{border-color:var(--accent);box-shadow:var(--glanz), 0 0 0 1px var(--accent)}.states__title{color:var(--ink);font-weight:600}.states__rule{color:var(--accent);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase}.states__scope{font-size:var(--t-micro);color:var(--ink-faint)}.lichter{gap:var(--s1);margin-top:var(--s1);display:flex}.licht{border:1px solid var(--licht-rand);border-radius:50%;width:9px;height:9px}.licht--white{background:var(--licht-weiss);box-shadow:0 0 6px var(--licht-weiss)}.licht--red{background:var(--licht-rot);box-shadow:0 0 6px var(--licht-rot)}.licht--green{background:var(--licht-gruen);box-shadow:0 0 6px var(--licht-gruen)}.licht--yellow{background:var(--licht-gelb);box-shadow:0 0 6px var(--licht-gelb)}.licht--blue{background:var(--licht-blau);box-shadow:0 0 6px var(--licht-blau)}.detail{border-top:1px solid var(--line);padding-top:var(--s5)}.detail h2{font-size:var(--t-display);letter-spacing:-.02em;margin:0 0 var(--s3);line-height:1.2}.detail__text{margin:0 0 var(--s4);max-width:62ch;font-size:var(--t-lead);color:var(--ink)}.detail__note{color:var(--ink-dim);font-size:var(--t-body)}.detail__legend{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--s2);font-weight:600}.detail__quotes{margin:0 0 var(--s4);gap:var(--s2);max-width:72ch;padding:0;list-style:none;display:grid}.detail__quotes li{border-left:2px solid var(--line-strong);padding:var(--s1) 0 var(--s1) var(--s3);color:var(--ink-dim);font-size:var(--t-small)}.detail__character{font-size:var(--t-body);color:var(--ink-dim)}.detail__inland{margin-bottom:var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--panel);padding:var(--s3);font-size:var(--t-small);color:var(--ink-dim)}.detail__inland summary{cursor:pointer;color:var(--ink);align-items:center;min-height:44px;display:flex}.detail__disclaimer{font-size:var(--t-small);color:var(--ink-faint);border-top:1px solid var(--line);padding-top:var(--s3);max-width:72ch;margin:0}.knopf,.signal__play{background:var(--accent);color:var(--accent-ink);border-radius:var(--r2);padding:var(--s3) var(--s5);min-height:44px;font:inherit;font-size:var(--t-body);cursor:pointer;box-shadow:var(--schatten-1);transition:filter var(--zeit) var(--kurve), transform var(--zeit) var(--kurve);border:0;font-weight:600}.knopf:hover,.signal__play:hover{filter:brightness(1.08)}.knopf:active,.signal__play:active{transform:translateY(1px)}.signal__play:disabled{background:var(--line);color:var(--ink-faint);cursor:not-allowed;box-shadow:none}.toggle{border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--r2);padding:var(--s3) var(--s4);min-height:44px;font:inherit;font-size:var(--t-body);cursor:pointer;transition:background var(--zeit) var(--kurve), border-color var(--zeit) var(--kurve);background:0 0}.toggle:hover{background:var(--accent-soft);border-color:var(--accent)}.toggle:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r1)}.quiz,.scenarios,.cards,.exam,.signals,.start,.settings,.progress{margin-bottom:var(--s6)}.quiz__prompt{font-size:var(--t-title);letter-spacing:-.01em;margin:0 0 var(--s4);font-weight:600}.quiz__options{gap:var(--s2);max-width:62ch;margin-bottom:var(--s4);display:grid}.quiz__option{text-align:left;border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-high), var(--panel));color:var(--ink);border-radius:var(--r2);padding:var(--s3) var(--s4);min-height:44px;font:inherit;font-size:var(--t-body);cursor:pointer;box-shadow:var(--glanz);transition:border-color var(--zeit) var(--kurve), background var(--zeit) var(--kurve)}.quiz__option:hover:enabled{border-color:var(--line-strong)}.quiz__option--on{border-color:var(--accent);background:var(--accent-soft)}.quiz__option--right{border-color:var(--richtig);background:color-mix(in srgb, var(--richtig) 14%, transparent)}.quiz__option--wrong{border-color:var(--falsch);background:color-mix(in srgb, var(--falsch) 14%, transparent)}.quiz__result{border-top:1px solid var(--line);padding-top:var(--s4)}.quiz__verdict{font-size:var(--t-lead);margin:0 0 var(--s3);font-weight:600}.quiz__verdict[data-correct=ja]{color:var(--richtig)}.quiz__verdict[data-correct=nein]{color:var(--falsch)}.exam__head{justify-content:space-between;align-items:baseline;gap:var(--s3);color:var(--ink-faint);font-size:var(--t-small);margin-bottom:var(--s2);display:flex}.exam__head [data-testid=exam-clock]{font-variant-numeric:tabular-nums;font-size:var(--t-lead);color:var(--ink)}.exam [data-part][data-passed=nein]{color:var(--falsch)}.exam [data-part][data-passed=ja]{color:var(--richtig)}.signal__bar{align-items:stretch;gap:var(--s1);height:40px;margin:var(--s1) 0 var(--s2);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s1);background:var(--panel);box-shadow:var(--glanz);display:flex}.signal__step{border-radius:var(--r1);min-width:2px}.signal__step--short,.signal__step--prolonged,.signal__step--continuous{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 70%, black))}.signal__step--bell{background:var(--warnung)}.signal__step--gong{background:color-mix(in srgb, var(--warnung) 70%, black)}.signal__step--silence{background:0 0}.signal__legend{font-size:var(--t-small);color:var(--ink-faint);margin:0 0 var(--s4);max-width:72ch}.signal__controls{align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.signal__voices{gap:var(--s1);flex-wrap:wrap;display:flex}.progress__list{gap:var(--s2);max-width:62ch;margin:0;padding:0;list-style:none;display:grid}.progress__row{align-items:center;gap:var(--s3);font-size:var(--t-small);grid-template-columns:minmax(8ch,1fr) 2fr auto;display:grid}.progress__label{color:var(--ink)}.progress__bar{border-radius:var(--r-pill);background:var(--line);height:8px;overflow:hidden}.progress__fill{border-radius:var(--r-pill);background:var(--accent);height:100%;display:block}.progress__value{color:var(--ink-faint);font-variant-numeric:tabular-nums}.settings{max-width:62ch}.settings h2,.exam h2,.cards h3{font-size:var(--t-title);margin:0 0 var(--s4)}.settings__row{align-items:center;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.settings__label{min-width:11ch;color:var(--ink-dim);font-size:var(--t-small)}.paywall{border:1px solid var(--line);border-radius:var(--r3);background:linear-gradient(180deg, var(--panel-high), var(--panel));padding:var(--s5);margin-bottom:var(--s5);max-width:62ch;box-shadow:var(--glanz), var(--schatten-2)}.paywall h2{font-size:var(--t-title);margin:0 0 var(--s3)}.filters{width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}