:root{--bg:#f2f2f7;--card:#fff;--card-inner:#f2f2f7;--separator:#e5e5ea;--text:#000;--text2:#6c6c70;--accent:#1e9bcb;--on-accent:#fff;--success:#248a3d;--error:#d70015;--der:#2f5fd0;--die:#c86412;--das:#8a4fc9;--accent-soft:#1e9bcb24;--shadow:0 1px 2px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=claro]){--bg:#000;--card:#121213;--card-inner:#1c1c1e;--separator:#2c2c2e;--text:#fff;--text2:#8e8e93;--accent:#45b5de;--success:#34c759;--error:#ff453a;--der:#5b8def;--die:#f0913f;--das:#b07ce8;--accent-soft:#45b5de29;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=oscuro]{--bg:#000;--card:#121213;--card-inner:#1c1c1e;--separator:#2c2c2e;--text:#fff;--text2:#8e8e93;--accent:#45b5de;--success:#34c759;--error:#ff453a;--der:#5b8def;--die:#f0913f;--das:#b07ce8;--accent-soft:#45b5de29;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{font:-apple-system-body;-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;line-height:1.35}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}input,textarea,select{font:inherit;color:var(--text)}.rund{font-variant-numeric:tabular-nums;font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif}.bildschirm{height:100%;padding-top:env(safe-area-inset-top);background:var(--bg);flex-direction:column;display:flex}.kopf{flex:none;grid-template-columns:56px 1fr 56px;align-items:center;height:44px;padding:0 4px;display:grid}.kopf h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;overflow:hidden}.kopf .knopf-icon{width:44px;height:44px;color:var(--accent);border-radius:22px;place-items:center;display:grid}.kopf .knopf-icon:active{background:var(--accent-soft)}.inhalt{-webkit-overflow-scrolling:touch;flex:1;padding:0 16px 16px;overflow-y:auto}.unten{padding:8px 16px calc(env(safe-area-inset-bottom) + 10px);flex:none}.segmente{gap:3px;height:10px;padding:4px 16px 0;display:flex}.segmente span{background:var(--separator);border-radius:3px;flex:1;min-width:2px;transition:background .2s}.segmente span.an{background:var(--accent)}.zaehler{text-align:center;color:var(--text2);font-variant-numeric:tabular-nums;margin:8px 0 10px;font-size:12px}.satzkarte{background:var(--card);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.satzkarte .zeile{padding:14px 16px}.satzkarte .zeile+.zeile{border-top:.5px solid var(--separator)}.de{font-size:22px;font-weight:600;line-height:1.3}.es{color:var(--text2);font-size:20px;line-height:1.3}.es b{color:var(--text);font-weight:600}.zeile.aufdecken{color:var(--text2);text-align:left;width:100%;font-size:20px}.zeile.aufdecken:active{background:var(--card-inner)}.verdeckt{color:var(--text2);font-size:20px;font-weight:400}.box{margin-top:12px}.pille{background:var(--accent);color:var(--on-accent);border-radius:9px 9px 9px 0;margin-bottom:4px;padding:2px 9px;font-size:13px;font-weight:600;display:inline-block}.wortbox{background:var(--card-inner);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:stretch;gap:0;display:grid;overflow:hidden}.wortbox>*{align-items:center;padding:10px 12px;font-size:17px;display:flex}.wortbox>*+*{border-left:.5px solid var(--separator)}.wortbox .wort{gap:6px;font-weight:600}.wortbox .plural{color:var(--text2);font-size:15px}.wortbox .bed{color:var(--text2)}.wortbox.zwei{grid-template-columns:auto 1fr}.notiz{background:var(--card-inner);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.4}.art-der{color:var(--der)}.art-die{color:var(--die)}.art-das{color:var(--das)}.hinweiszeile{color:var(--text2);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:15px;display:flex}.leiste{grid-template-columns:repeat(5,1fr);place-items:center;height:96px;display:grid}.leiste .klein{width:48px;height:48px;color:var(--accent);border-radius:24px;place-items:center;display:grid;position:relative}.leiste .klein:active{background:var(--accent-soft)}.leiste .klein.aktiv:after{content:"";background:var(--accent);border-radius:3px;width:5px;height:5px;position:absolute;bottom:2px}.leiste .klein .tempo{font-size:10px;font-weight:700;position:absolute;bottom:6px;right:2px}.play{background:var(--accent);width:84px;height:84px;color:var(--on-accent);border-radius:42px;place-items:center;transition:transform .12s;display:grid}.play:active{transform:scale(.94)}.play.laeuft{box-shadow:0 0 0 6px var(--accent-soft)}.weiter-zeile{justify-content:space-between;align-items:center;height:44px;display:flex}.weiter-zeile button{height:44px;color:var(--accent);border-radius:22px;align-items:center;gap:2px;padding:0 14px;font-size:17px;font-weight:600;display:flex}.weiter-zeile button:active{background:var(--accent-soft)}.antworten{align-items:center;gap:10px;height:96px;display:grid}.antworten.zwei{grid-template-columns:1fr 1fr}.antworten.drei{grid-template-columns:1fr 1fr 1fr}.antworten.eins{grid-template-columns:1fr}.btn{background:var(--card);height:56px;color:var(--text);box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.btn:active{filter:brightness(.92);transform:scale(.98)}.btn.primaer{background:var(--accent);color:var(--on-accent)}.btn.vorschlag{box-shadow:0 0 0 2.5px var(--text) inset}.btn.primaer.vorschlag{box-shadow:0 0 0 2.5px var(--on-accent) inset, 0 0 0 2px var(--accent)}.btn.nochmal{color:var(--error)}.btn.klein{height:44px;font-size:15px}.btn.linie{box-shadow:inset 0 0 0 1px var(--separator);background:0 0}.btn .unter{color:inherit;opacity:.7;font-size:12px;font-weight:500;display:block}.btn.spalte{flex-direction:column;gap:0}.mikro{background:var(--accent);width:84px;height:84px;color:var(--on-accent);border-radius:42px;place-items:center;margin:0 auto;display:grid}.mikro.hoert{background:var(--error);animation:1.2s infinite puls}@keyframes puls{0%,to{box-shadow:0 0 #ff453a59}50%{box-shadow:0 0 0 12px #ff453a00}}.drei-mikro{grid-template-columns:1fr auto 1fr;align-items:center;height:96px;display:grid}.drei-mikro .seite{justify-content:center;display:flex}.textlink{color:var(--accent);padding:10px 8px;font-size:15px;font-weight:500}.seitenknopf{flex-direction:column;align-items:center;gap:4px;min-width:72px;font-size:12px;display:flex}.luecke-satz{font-size:22px;font-weight:600;line-height:1.6}.luecke-input{border:0;border-bottom:2px solid var(--accent);text-align:center;appearance:none;background:0 0;border-radius:0;outline:none;min-width:3ch;margin:0 2px;padding:0 2px;font-size:22px;font-weight:600}.luecke-input:focus{background:var(--accent-soft)}.luecke-input.ok{border-color:var(--success);color:var(--success)}.luecke-input.fast{border-color:var(--die)}.luecke-input.falsch{border-color:var(--error)}.loesung-ok{color:var(--success)}.diff-falsch{color:var(--error);-webkit-text-decoration:underline wavy var(--error);text-decoration:underline wavy var(--error);text-underline-offset:3px}.diff-fehlt{color:var(--error)}.rueckmeldung{background:var(--card);box-shadow:var(--shadow);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:15px}.rueckmeldung .zeile2{margin-top:4px}.wort-treffer{color:var(--success)}.wort-fehlt{color:var(--error);text-underline-offset:3px;text-decoration:underline}.tabs{padding:6px 0 calc(env(safe-area-inset-bottom) + 4px);background:var(--card);border-top:.5px solid var(--separator);flex:none;grid-template-columns:repeat(5,1fr);display:grid}.tabs button{color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:2px;height:48px;font-size:10px;font-weight:500;display:flex}.tabs button.aktiv{color:var(--accent)}.titel-gross{justify-content:space-between;align-items:baseline;margin:8px 0 12px;font-size:34px;font-weight:700;display:flex}.serie{color:var(--die);align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.karte{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:4px 0}.karte h2{text-transform:uppercase;letter-spacing:.02em;color:var(--text2);margin:10px 16px 4px;font-size:13px;font-weight:600}.reihe{text-align:left;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 16px;display:flex}.reihe+.reihe{border-top:.5px solid var(--separator)}button.reihe:active{background:var(--card-inner)}.reihe .symbol{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.reihe .text{flex:1;min-width:0}.reihe .haupt{font-size:17px;font-weight:500}.reihe .neben{color:var(--text2);margin-top:1px;font-size:13px}.reihe .zahl{font-size:22px;font-weight:600}.reihe .rund-play{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:18px;flex:none;place-items:center;display:grid}.reihe.aus{opacity:.5}.balken{background:var(--separator);border-radius:3px;height:6px;overflow:hidden}.balken>span{background:var(--accent);border-radius:3px;height:100%;transition:width .25s;display:block}.unterzeile{color:var(--text2);padding:4px 16px 12px;font-size:13px}.niveaus{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 16px 12px;display:grid}.niveaus .n{font-size:15px;font-weight:700}.niveaus .p{color:var(--text2);font-variant-numeric:tabular-nums;text-align:right;min-width:40px;font-size:13px}.kennzahlen{grid-template-columns:repeat(3,1fr);padding:8px 8px 12px;display:grid}.kennzahlen div{text-align:center}.kennzahlen .wert{font-size:24px;font-weight:700}.kennzahlen .was{color:var(--text2);font-size:12px}.hinweis-karte{background:var(--accent-soft);border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:15px}.leer{text-align:center;color:var(--text2);padding:48px 24px}.leer h2{color:var(--text);margin:12px 0 6px;font-size:20px}.status-punkt{background:var(--separator);border-radius:5px;flex:none;width:10px;height:10px}.status-punkt.lernend{background:var(--accent);opacity:.5}.status-punkt.sicher{background:var(--success)}.status-punkt.wackelig{background:var(--die)}.einst{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 16px;display:flex}.einst+.einst{border-top:.5px solid var(--separator)}.einst .l{flex:1}.einst .l small{color:var(--text2);font-size:13px;display:block}.einst input[type=range]{width:100%;accent-color:var(--accent)}.einst input[type=text],.einst input[type=password]{background:var(--card-inner);border:0;border-radius:10px;width:100%;padding:10px 12px;font-size:16px}.segment{background:var(--card-inner);border-radius:9px;grid-auto-flow:column;padding:2px;display:inline-grid}.segment button{border-radius:7px;padding:6px 12px;font-size:14px;font-weight:500}.segment button.an{background:var(--card);box-shadow:0 1px 3px #0000001f}.schalter{background:var(--separator);border-radius:16px;flex:none;width:51px;height:31px;transition:background .2s;position:relative}.schalter:after{content:"";background:#fff;border-radius:14px;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.schalter.an{background:var(--success)}.schalter.an:after{transform:translate(20px)}.klein-text{color:var(--text2);padding:0 16px 12px;font-size:13px}.blatt-hg{z-index:10;background:#0006;animation:.2s ein;position:fixed;inset:0}.blatt{z-index:11;background:var(--bg);max-height:78%;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;animation:.22s ease-out hoch;display:flex;position:fixed;bottom:0;left:0;right:0}.blatt .griff{background:var(--separator);border-radius:3px;width:36px;height:5px;margin:8px auto 4px}.blatt .blatt-kopf{justify-content:space-between;align-items:center;padding:4px 16px 8px;font-weight:600;display:flex}.blatt .blatt-inhalt{padding:0 16px 16px;overflow-y:auto}.satzliste-eintrag{text-align:left;border-radius:10px;gap:10px;width:100%;padding:10px 12px;display:flex}.satzliste-eintrag.aktuell{background:var(--accent-soft)}.satzliste-eintrag .nr{color:var(--text2);font-variant-numeric:tabular-nums;width:22px;padding-top:2px;font-size:13px}.satzliste-eintrag .d{font-weight:600}.satzliste-eintrag .s{color:var(--text2);font-size:15px}@keyframes hoch{0%{transform:translateY(100%)}to{transform:none}}@keyframes ein{0%{opacity:0}to{opacity:1}}.einblenden{animation:.2s ein}.ladebildschirm{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.ladebildschirm .balken{width:220px;margin:16px auto 8px}.ende{text-align:center;padding:40px 8px 8px}.ende .gross{margin:14px 0 6px;font-size:28px;font-weight:700}.ende .symbol-gross{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:36px;place-items:center;margin:0 auto;display:grid}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 90px);background:var(--card);color:var(--text);z-index:20;border-radius:12px;max-width:90%;padding:10px 16px;font-size:15px;animation:.2s ein;position:fixed;transform:translate(-50%);box-shadow:0 4px 20px #0003}.code-anzeige{letter-spacing:.04em;white-space:nowrap;text-align:center;background:var(--card-inner);-webkit-user-select:all;user-select:all;border-radius:12px;padding:12px 8px;font-size:20px;font-weight:700}.einst input.code-eingabe{text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:ui-monospace,SF Mono,monospace}.einstieg{padding-top:12px}.einstieg-titel{margin:8px 0 14px;font-size:28px;font-weight:700}.einstieg-text{color:var(--text2);margin:0 0 10px;font-size:16px}.einstieg-wahl{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.einstieg-punkte{justify-content:center;align-items:center;gap:7px;height:20px;display:flex}.einstieg-punkte span{background:var(--separator);border-radius:4px;width:7px;height:7px;transition:background .2s,width .2s}.einstieg-punkte span.an{background:var(--accent);width:18px}.hilfe-liste{flex-direction:column;gap:12px;display:flex}.hilfe-schritt{background:var(--card);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:15px;line-height:1.4;display:flex}.hilfe-schritt .symbol{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.hilfe-zeile{grid-template-columns:92px 1fr;align-items:center;gap:10px;font-size:15px;line-height:1.35;display:grid}.hilfe-knopf{background:var(--card);height:36px;box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.hilfe-knopf.nochmal{color:var(--error)}.hilfe-knopf.primaer{background:var(--accent);color:var(--on-accent)}.hilfe-tipp{color:var(--text2);margin:2px 0 0;font-size:14px;line-height:1.4}.hilfe-blatt p{margin:0 0 12px;font-size:15px;line-height:1.45}.hilfe-blatt .hilfe-knopf{background:var(--card-inner)}.hilfe-blatt .hilfe-knopf.primaer{background:var(--accent)}.hilfe-icon{vertical-align:-3px;color:var(--accent)}