.gleis{fill:none;stroke:#f5f5f01a;stroke-width:2px;stroke-linecap:round}.gleis-akzent{stroke:var(--accent);stroke-width:2px;opacity:.38;stroke-dasharray:220 2600;animation:14s linear infinite gleis-puls}@keyframes gleis-puls{0%{stroke-dashoffset:2820px}to{stroke-dashoffset:0}}.signal{fill:var(--accent);opacity:.4;animation:3.4s ease-in-out infinite signal-blinken}.signal-spaeter{animation-delay:1.7s}@keyframes signal-blinken{0%,to{opacity:.14}50%{opacity:.5}}.auswahl{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.auswahl-laden{color:var(--text-dim);align-items:center;gap:12px;padding:20px 18px;display:flex}.auswahl-zeile{cursor:pointer;min-height:60px;color:var(--text-dim);-webkit-tap-highlight-color:transparent;align-items:center;padding:12px 18px 12px 0;transition:background-color .15s,color .15s;display:flex;position:relative}.auswahl-zeile:active{background:#f5f5f00f}.auswahl-zeile+.auswahl-zeile:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:52px;right:0}.auswahl-zeile input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.auswahl-haken{width:52px;color:var(--accent);flex:none;place-items:center;display:grid}.auswahl-haken svg{opacity:0;width:21px;height:21px;transition:opacity .15s,transform .15s;transform:scale(.7)}.auswahl-zeile.gewaehlt{color:var(--text)}.auswahl-zeile.gewaehlt .auswahl-haken svg{opacity:1;transform:scale(1)}.auswahl-text{min-width:0;font-size:1rem;line-height:1.35}.auswahl-text small{color:var(--text-leise);margin-top:2px;font-size:.8rem;font-weight:400;display:block}.auswahl-zeile:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--accent);background:#f1ee0f17}.seite{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.mitte{width:100%;max-width:460px;margin:0 auto;padding:0 18px}.mitte-weit{width:100%;max-width:1100px;margin:0 auto;padding:0 18px}.formularseite{flex-direction:column;flex:1;justify-content:center;padding:40px 0 56px;display:flex}.marke{letter-spacing:.02em;text-transform:uppercase;color:var(--text);align-items:baseline;gap:3px;font-size:1.15rem;font-weight:900;text-decoration:none;display:flex}.marke .punkt{color:var(--accent)}h1{letter-spacing:-.01em;font-size:clamp(1.5rem,6vw,1.9rem);font-weight:900;line-height:1.15}h2{font-size:1.15rem;font-weight:800;line-height:1.25}.hut{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.lead{color:var(--text-dim);font-size:1rem}.klein{color:var(--text-dim);font-size:.86rem}.leise{color:var(--text-leise);font-size:.8rem}.karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.btn{border:2px solid var(--accent);min-height:52px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-accent)}.btn-ghost{border-color:var(--border-input);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--accent)}.btn-link{min-height:44px;font:inherit;color:var(--text-dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:.9rem;text-decoration:underline}.btn-link:hover{color:var(--text)}.btn-breit{width:100%}.btn-klein{white-space:nowrap;cursor:pointer;min-height:38px;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-family:inherit;font-size:.86rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn-klein:active{transform:translateY(1px)scale(.98)}.btn-klein-signal{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-klein-signal:hover{box-shadow:var(--shadow-accent)}.btn-klein-dezent{color:var(--text-dim);background:0 0;border-color:#f1ee0f8c}.btn-klein-dezent:hover{border-color:var(--accent);color:var(--text)}.feld{margin-bottom:18px}.feld>label:not(.kasten),.feldgruppe>legend,.feld-titel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld input[type=password],.feld select,.feld textarea{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-s);width:100%;min-height:52px;color:var(--text);padding:13px 15px;font-family:inherit;font-size:1rem}.feld select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.feld textarea{resize:vertical;min-height:96px}.feld input::placeholder,.feld textarea::placeholder{color:var(--text-leise)}.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f1ee0f29}.feld-hinweis{color:var(--text-leise);margin-top:6px;font-size:.8rem}.kasten{border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;min-height:48px;color:var(--text-dim);text-transform:none;letter-spacing:normal;-webkit-tap-highlight-color:transparent;background:#f5f5f008;align-items:flex-start;gap:14px;padding:12px 14px;font-size:.94rem;font-weight:400;line-height:1.45;transition:border-color .15s,background-color .15s;display:flex}.kasten:active{background:#f5f5f00f}.kasten:has(input:checked){color:var(--text);background:#f1ee0f0f;border-color:#f1ee0f73}.kasten:has(input:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px #f1ee0f29}.kasten input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}.kasten>span{flex:1;min-width:0}.kasten strong{color:var(--text);font-weight:700}.meldung{border-radius:var(--radius-s);border:1px solid;margin-bottom:18px;padding:13px 15px;font-size:.92rem}.meldung-fehler{color:var(--fehler);background:#ff8f7a1a;border-color:#ff8f7a80}.meldung-info{border-color:var(--border-input);color:var(--text-dim);background:#f5f5f00d}.meldung-erfolg{color:var(--erfolg);background:#8ee27a17;border-color:#8ee27a80}.kopf{z-index:10;min-height:var(--kopf-hoehe);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#1a1a1aeb;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex;position:sticky;top:0}.kopf-nav{align-items:center;gap:8px;display:flex}@media (width<=380px){.kopf .marke span{font-size:.95rem}.kopf-nav{gap:6px}.kopf-nav .btn-klein{padding:0 12px;font-size:.82rem}}.laden{min-height:60dvh;color:var(--text-dim);justify-content:center;align-items:center;gap:12px;font-size:.94rem;display:flex}.spinner{border:2px solid var(--border-input);border-top-color:var(--accent);border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite dreh}@keyframes dreh{to{transform:rotate(360deg)}}.schritte{align-items:center;gap:7px;margin-bottom:18px;display:flex}.schritte i{background:var(--border-input);border-radius:50%;width:7px;height:7px}.schritte i.jetzt{background:var(--accent);border-radius:999px;width:22px}.schritte i.fertig{background:#f1ee0f73}.netz{z-index:0;pointer-events:none;opacity:.5;width:100%;height:100%;position:fixed;inset:0}@media (width>=700px){.formularseite{padding:64px 0}.karte{padding:28px}}.feld-paar{grid-template-columns:7rem 1fr;gap:10px;display:grid}.wz-bereich{isolation:isolate;position:relative}.wz-bereich:after{content:"";z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:var(--wz-bild);opacity:var(--wz-deckkraft,.07);background-repeat:repeat;position:absolute;inset:0}@media (width<=640px){.wz-bereich:after{opacity:calc(var(--wz-deckkraft,.07) * .9)}}@media print{.wz-bereich:after{opacity:.22}}.wz-bereich .wz-inhalt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.eintrag{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;min-height:68px;color:var(--text);text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:15px 16px;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.eintrag:active{background:var(--surface-hoch);transform:translateY(1px)scale(.995)}.eintrag:hover{border-color:#f1ee0f66}.eintrag-still{cursor:default;opacity:.62}.eintrag-still:hover{border-color:var(--border)}.eintrag-still:active{background:var(--surface);transform:none}.eintrag-text{flex:1;min-width:0}.eintrag-titel{font-weight:700;line-height:1.3;display:block}.eintrag-meta{color:var(--text-leise);margin-top:3px;font-size:.8rem;line-height:1.35;display:block}.eintrag-pfeil{border-top:2px solid var(--text-leise);border-right:2px solid var(--text-leise);flex:none;width:9px;height:9px;transform:rotate(45deg)}.eintrag-marke{width:38px;height:38px;color:var(--accent);background:#f1ee0f1a;border:1px solid #f1ee0f47;border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.eintrag-marke-fertig{color:var(--erfolg);background:#8ee27a1f;border-color:#8ee27a66}.karte-link{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s;display:block}.karte-link:hover{border-color:#f1ee0f66}.karte-link:active{background:var(--surface-hoch);transform:translateY(1px)scale(.995)}.gruppe-titel{letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin:26px 0 10px;font-size:.74rem;font-weight:700}.gruppe-titel:first-of-type{margin-top:0}.fortschritt{background:#f5f5f021;border-radius:999px;height:6px;overflow:hidden}.fortschritt i{background:var(--accent);border-radius:999px;height:100%;transition:width .3s;display:block}.fortschritt-fein{height:4px}.zaehlzeile{color:var(--text-leise);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:.78rem;display:flex}.zurueck{min-height:44px;font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-size:.86rem;text-decoration:none;display:inline-flex}.zurueck:hover{color:var(--text)}.zurueck:before{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;transform:rotate(45deg)}.spieler{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 18px 18px}.spieler-leiste{--anteil:0;appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:4px 0 0;display:block}.spieler-leiste::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) calc(var(--anteil) * 100%), #f5f5f029 0);border-radius:999px;height:6px}.spieler-leiste::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:20px;height:20px;margin-top:-7px}.spieler-leiste::-moz-range-track{background:#f5f5f029;border-radius:999px;height:6px}.spieler-leiste::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.spieler-leiste::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:20px;height:20px}.spieler-leiste:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #f1ee0f47}.spieler-leiste:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px #f1ee0f47}.spieler-leiste:focus{outline:none}.spieler-zeit{color:var(--text-leise);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.78rem;display:flex}.spieler-knoepfe{justify-content:center;align-items:center;gap:22px;margin:18px 0 6px;display:flex}.spieler-play{background:var(--accent);width:74px;height:74px;color:var(--accent-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex:none;place-items:center;transition:transform .15s,box-shadow .2s;display:grid}.spieler-play:hover:not(:disabled){box-shadow:var(--shadow-accent)}.spieler-play:active{transform:scale(.95)}.spieler-play:disabled{opacity:.45;cursor:not-allowed}.spieler-play svg{fill:currentColor;width:30px;height:30px}.spieler-sprung{border:2px solid var(--border-input);width:56px;height:56px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:800;transition:border-color .15s,transform .15s;display:grid}.spieler-sprung:hover:not(:disabled){border-color:var(--accent)}.spieler-sprung:active{transform:scale(.95)}.spieler-sprung:disabled{opacity:.45;cursor:not-allowed}.tempo{justify-content:center;gap:8px;margin-top:4px;display:flex}.tempo button{border:1px solid var(--border-input);min-height:40px;color:var(--text-dim);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;padding:0 15px;font-size:.84rem;font-weight:700;transition:border-color .15s,color .15s,background-color .15s}.tempo button.jetzt{border-color:var(--accent);color:var(--text);background:#f1ee0f1f}.spieler-zeile{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.spieler-zeile-titel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.8rem;font-weight:700}.spieler-zeile .tempo{flex-wrap:wrap;margin-top:0}.playlist-zeile{border-radius:var(--radius-s);min-height:44px;color:var(--text-dim);-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;line-height:1.35;text-decoration:none;display:flex}.playlist-zeile:hover{background:#f5f5f00d}.playlist-zeile.jetzt{color:var(--text);background:#f1ee0f1a;font-weight:700}.playlist-nr{text-align:right;font-variant-numeric:tabular-nums;width:22px;color:var(--text-leise);flex:none}.playlist-zeile.jetzt .playlist-nr{color:var(--accent)}.lernkarte{perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;display:block}.lernkarte-innen{min-height:44vh;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:grid}.lernkarte.gedreht .lernkarte-innen{transform:rotateY(180deg)}.lernkarte-seite{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backface-visibility:hidden;text-align:center;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:14px;padding:30px 24px;display:flex}.lernkarte-rueck{background:var(--surface-hoch);border-color:#f1ee0f3d;transform:rotateY(180deg)}.lernkarte-hut{letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);font-size:.7rem;font-weight:700}.lernkarte-text{color:var(--text);font-size:1.22rem;font-weight:700;line-height:1.4}.lernkarte-rueck .lernkarte-text{font-size:1.05rem;font-weight:500;line-height:1.55}.lernkarte-wink{color:var(--text-leise);margin-top:4px;font-size:.78rem}.karten-urteil{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.karten-urteil .btn{padding:12px 14px}.karten-rueckblick{border-radius:var(--radius-s);border:1px solid;flex-direction:column;justify-content:center;gap:2px;min-height:60px;margin-top:16px;padding:13px 16px;line-height:1.4;display:flex}.karten-rueckblick b{font-size:.94rem}.karten-rueckblick span{color:#f5f5f09e;font-size:.8rem}.karten-rueckblick-gelernt{background:#8ee27a14;border-color:#8ee27a73}.karten-rueckblick-schwierig{background:#ff8f7a14;border-color:#ff8f7a73}.karten-blaettern{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-top:10px;display:grid}.karten-blaettern .btn{min-height:44px;font-size:.84rem}.karten-blaettern .btn:disabled{opacity:.35;cursor:default}.stand-raster{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px;display:grid}.stand-kachel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);text-align:center;padding:14px 10px}.stand-kachel b{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;line-height:1.1;display:block}.stand-kachel span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);margin-top:2px;font-size:.72rem;display:block}.stand-gelernt b{color:var(--erfolg)}.stand-schwierig b{color:var(--fehler)}.ordner-liste{gap:8px;margin:10px 0 24px;display:grid}.ordner-zeile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;min-height:64px;color:inherit;-webkit-tap-highlight-color:transparent;align-items:center;gap:13px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.ordner-zeile:hover{border-color:#f1ee0f73}.ordner-zeile:active{background:var(--surface-hoch);transform:translateY(1px)scale(.995)}.ordner-zeile-symbol{width:38px;height:38px;color:var(--accent);background:#f1ee0f1a;border:1px solid #f1ee0f47;border-radius:10px;flex:none;place-items:center;font-size:.95rem;line-height:1;display:grid}.ordner-zeile-symbol-alles{border-color:var(--border);color:var(--text-dim);background:#f5f5f00f}.ordner-zeile-text{flex:1;min-width:0}.ordner-zeile-name{font-size:.95rem;font-weight:700;line-height:1.3;display:block}.ordner-zeile-meta{color:var(--text-leise);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.8rem;display:block}.ordner-zeile-pfeil{border-top:2px solid var(--text-leise);border-right:2px solid var(--text-leise);flex:none;width:9px;height:9px;transform:rotate(45deg)}.ordner-kopf{border-radius:var(--radius-s);background:#f1ee0f12;border:1px solid #f1ee0f4d;align-items:center;gap:10px;margin:12px 0 18px;padding:12px 14px;display:flex}.ordner-kopf-text{flex:1;min-width:0}.ordner-kopf-name{overflow-wrap:anywhere;font-weight:800;display:block}.faecher{grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0 14px;display:grid}.fach{border:1px solid var(--border);border-top:3px solid var(--border-input);border-radius:var(--radius-s);background:var(--surface);color:inherit;text-align:center;-webkit-tap-highlight-color:transparent;padding:10px 4px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.fach:active{transform:translateY(1px)scale(.98)}.fach b{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900;line-height:1.1;display:block}.fach span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-leise);white-space:nowrap;margin-top:2px;font-size:.62rem;display:block}.fach-leer{opacity:.42}.fach-1{border-top-color:#f5f5f04d}.fach-2{border-top-color:#f1ee0f4d}.fach-3{border-top-color:#f1ee0f80}.fach-4{border-top-color:#f1ee0fbf}.fach-5{border-top-color:var(--erfolg)}.fach-5 b{color:var(--erfolg)}.fach-pille{border:1px solid var(--border-input);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;font-size:.72rem;font-weight:700}.fach-pille.fach-5{border-color:var(--erfolg);color:var(--erfolg)}.stern{width:44px;height:44px;color:var(--text-leise);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .15s,transform .15s;display:grid}.stern:hover{color:var(--text-dim)}.stern:active{transform:scale(.9)}.stern.an{color:var(--accent)}.stern svg{stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;fill:none;width:23px;height:23px}.stern.an svg{fill:currentColor}.karten-kopfzeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.karten-kopfzeile-zahl{flex:190px;min-width:0}.karten-kopfzeile-zeichen{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.nur-schmal{display:none}@media (width<=400px){.karten-kopfzeile{gap:8px}.karten-kopfzeile .nur-breit{display:none}.karten-kopfzeile .nur-schmal{display:inline}.karten-kopfzeile-zeichen{gap:4px}.karten-kopfzeile-zeichen .fach-pille{padding:5px 8px}}.wahl-abfrageart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;display:grid}.wahl-abfrageart button{font:inherit;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:7px;padding:10px 6px;font-size:.86rem;font-weight:700;transition:background .15s,color .15s}.wahl-abfrageart button.an{background:var(--accent);color:var(--accent-ink)}.wahl-abfrageart button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.abfrageart-marke{color:var(--warn);margin:10px 0 0;font-size:.76rem;font-weight:700}.abfrageart-marke span{color:var(--text-leise);font-weight:400}.lernkarte-frage{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:26vh;padding:26px 22px;display:flex}.lernkarte-frage.klein{gap:6px;min-height:0;padding:16px 20px}.lernkarte-frage.klein .lernkarte-text{font-size:1.05rem}.schreib-hut{letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin:16px 0 6px;font-size:.7rem;font-weight:700;display:block}.schreib-feld{border-radius:var(--radius-s);border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text);font:inherit;resize:vertical;padding:12px 13px;font-size:.95rem;line-height:1.55}.schreib-feld:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.schreib-knoepfe{gap:10px;margin-top:12px;display:grid}.schreib-knoepfe .btn:disabled{opacity:.38;cursor:default}.antwortblock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);margin-top:14px;padding:13px 15px}.antwortblock-loesung{background:var(--surface-hoch);border-color:#f1ee0f3d}.antwortblock-hut{letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.antwortblock p{white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.55}.antwortblock p.leise{color:var(--text-leise);font-style:italic}.selbst-vergleichen{text-align:center;color:var(--text-leise);margin:12px 0 0;font-size:.78rem}.flagge{width:44px;height:44px;color:var(--text-leise);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .15s,transform .15s;display:grid}.flagge:hover{color:var(--text-dim)}.flagge:active{transform:scale(.9)}.flagge.an{color:var(--warn)}.flagge svg{stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;fill:none;width:22px;height:22px}.flagge.an svg{fill:currentColor;fill-rule:evenodd}.besprech-block{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--radius-s);margin-top:14px;padding:14px 16px}.besprech-hut{letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);margin:0 0 10px;font-size:.7rem;font-weight:700}.besprech-erledigt{color:var(--erfolg);background:#8ee27a17;border:1px solid #8ee27a59;border-radius:8px;margin:0 0 12px;padding:9px 11px;font-size:.84rem;font-weight:700}.besprech-erledigt span{color:#f5f5f09e;margin-top:3px;font-size:.76rem;font-weight:400;display:block}.besprech-feld-hut{margin-bottom:6px;font-size:.84rem;font-weight:700;display:block}.besprech-feld-hut span{color:var(--text-leise);margin-left:6px;font-weight:400}.besprech-feld{border:1px solid var(--border-input);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:11px 12px;font-size:.92rem;line-height:1.5}.besprech-feld:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.besprech-zaehler{text-align:right;color:var(--text-leise);margin:5px 0 0;font-size:.72rem}.besprech-knoepfe{grid-template-columns:1fr auto;gap:10px;margin-top:10px;display:grid}.besprech-weg{width:100%;font:inherit;color:var(--text-leise);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:8px;font-size:.8rem;text-decoration:underline;display:block}.besprech-weg:disabled{opacity:.5;cursor:default}.stat-antwort-frage{border-left:3px solid var(--warn);background:#f5c45112;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:.84rem}.stat-antwort-frage b{color:var(--warn);display:block}.stat-antwort-frage span{color:var(--text-dim);margin-top:3px;display:block}.stat-balken{background:#f5f5f01a;border-radius:999px;height:8px;margin-top:8px;display:flex;overflow:hidden}.stat-balken i{height:100%;display:block}.stat-balken .gut{background:var(--erfolg)}.stat-balken .schlecht{background:var(--fehler)}.stat-karte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);overflow:hidden}.stat-zeile{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.stat-zeile-text{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;padding:0;display:block}.stat-zeile-wink{letter-spacing:.02em;color:var(--accent);margin-top:6px;font-size:.74rem;font-weight:700;display:block}.stat-marke{letter-spacing:.02em;vertical-align:1px;border:1px solid;border-radius:999px;margin-right:7px;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-block}.stat-marke-gelernt{color:var(--erfolg);border-color:#8ee27a80}.stat-marke-schwierig{color:var(--fehler);border-color:#ff8f7a80}.stat-marke-neu{border-color:var(--border-input);color:#f5f5f099}.stat-antwort{border:1px solid var(--border);border-radius:var(--radius-s);background:#f5f5f008;margin:0 16px 16px;padding:12px 14px;font-size:.92rem;line-height:1.55}.stat-antwort-hut{letter-spacing:.08em;text-transform:uppercase;color:#f5f5f099;margin:0 0 6px;font-size:.7rem;font-weight:700}.stat-antwort-fuss{color:#f5f5f099;margin:10px 0 0;font-size:.76rem}.reiter-hut{letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.7rem;font-weight:700}.reiter-zahl{font-variant-numeric:tabular-nums;background:#f5f5f01f;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-block}.sortierung button.jetzt .reiter-zahl{background:#1a1a1a38}.stat-zeile-titel{font-weight:700;line-height:1.35;display:block}.stat-zeile-pfeil{margin-left:5px;font-weight:700}.stat-nr{color:var(--text-leise);font-variant-numeric:tabular-nums}.stat-zeile-zahlen{color:var(--text-leise);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.8rem;display:block}.tage-streifen{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;margin:10px 0 8px;display:grid}.tage-streifen i{aspect-ratio:1;background:#f5f5f012;border-radius:3px}.tage-streifen .tag-1{background:#f1ee0f40}.tage-streifen .tag-2{background:#f1ee0f73}.tage-streifen .tag-3{background:#f1ee0fb3}.tage-streifen .tag-4{background:var(--accent)}.tage-streifen .heute{outline:1px solid var(--text-leise);outline-offset:1px}.runde-prozent{font-variant-numeric:tabular-nums;color:var(--text-dim);flex:none;align-self:center;font-size:1rem;font-weight:900}.runde-prozent.gut{color:var(--erfolg)}.runde-prozent.schlecht{color:var(--fehler)}.sortierung{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sortierung button{border:1px solid var(--border-input);min-height:40px;color:var(--text-dim);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;padding:0 14px;font-size:.84rem;font-weight:700;transition:border-color .15s,color .15s,background-color .15s}.sortierung button.jetzt{border-color:var(--accent);color:var(--text);background:#f1ee0f1f}.quiz-frage{margin:14px 0 16px;font-size:1.12rem;font-weight:700;line-height:1.4}.quiz-optionen{gap:10px;display:grid}.quiz-option{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-s);min-height:56px;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:13px;padding:15px 16px;font-size:.97rem;line-height:1.45;transition:border-color .15s,background-color .15s,color .15s;display:flex;position:relative}.quiz-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quiz-option:active{background:var(--surface-hoch)}.quiz-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.quiz-haken{border:2px solid var(--border-input);color:#0000;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;display:grid}.quiz-option-multi .quiz-haken{border-radius:7px}.quiz-haken svg{stroke:currentColor;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.quiz-option:where(:has(input:checked)){border-color:var(--accent);color:var(--text);background:#f1ee0f12}.quiz-option:where(:has(input:checked)) .quiz-haken{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.quiz-option-richtig{border-color:var(--erfolg);color:var(--text);background:#8ee27a1a}.quiz-option-richtig .quiz-haken{border-color:var(--erfolg);background:var(--erfolg);color:#14320c}.quiz-option-daneben{border-color:var(--fehler);color:var(--text);background:#ff8f7a17}.quiz-option-daneben .quiz-haken{border-color:var(--fehler);background:var(--fehler);color:#3a120a}.quiz-option-daneben .quiz-haken svg{display:none}.quiz-option-daneben .quiz-haken:after{content:"✕";font-size:.76rem;font-weight:900;line-height:1}.quiz-option-fest{cursor:default}.quiz-option-fest:active{background:inherit}.quiz-aufloesung{border-radius:var(--radius-s);border:1px solid;margin-top:16px;padding:14px 16px;font-size:.92rem;line-height:1.55}.quiz-aufloesung-gut{background:#8ee27a14;border-color:#8ee27a73}.quiz-aufloesung-schlecht{background:#ff8f7a14;border-color:#ff8f7a73}.quiz-aufloesung b{margin-bottom:4px;display:block}.quiz-aufloesung-gut b{color:var(--erfolg)}.quiz-aufloesung-schlecht b{color:var(--fehler)}.quiz-fuss{padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 62%, #1a1a1a00);margin:20px -18px 0;position:sticky;bottom:0}.quiz-fuss-reihe{gap:10px;display:flex}.quiz-zurueck{flex:none;padding:0 14px;font-size:.86rem}.quiz-fuss-reihe .btn-breit{flex:1;min-width:0}.quiz-rueckblick{border:1px solid var(--border);border-radius:var(--radius-s);color:#f5f5f099;background:#f5f5f00a;margin:14px 0 -2px;padding:9px 13px;font-size:.82rem}.ergebnis-ring{background:conic-gradient(var(--accent) calc(var(--anteil) * 360deg), #f5f5f01f 0);border-radius:50%;place-items:center;width:148px;height:148px;margin:6px auto 18px;display:grid}.ergebnis-ring>span{background:var(--bg);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:118px;height:118px;font-size:1.9rem;font-weight:900;display:grid}.ergebnis-liste{gap:8px;margin-top:18px;display:grid}.ergebnis-zeile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--text-dim);align-items:flex-start;gap:11px;padding:12px 14px;font-size:.9rem;line-height:1.45;display:flex}.ergebnis-zeichen{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:.72rem;font-weight:900;display:grid}.ergebnis-gut .ergebnis-zeichen{color:var(--erfolg);background:#8ee27a2e}.ergebnis-schlecht .ergebnis-zeichen{color:var(--fehler);background:#ff8f7a2e}@media (width>=700px){.lernkarte-innen{min-height:340px}.quiz-fuss{background:0 0;margin:22px 0 0;padding:0;position:static}}.blase{vertical-align:middle;background:var(--accent);color:#1a1a1a;letter-spacing:.02em;white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-block}.blase-klein{padding:1px 7px;font-size:.66rem}.ordner-zeile-symbol.hausaufgabe-fertig{color:var(--erfolg);background:#8ee27a1f;border-color:#8ee27a66}.ordner-zeile.hausaufgabe-spaet{border-left:3px solid var(--fehler)}.ordner-zeile.hausaufgabe-spaet .ordner-zeile-meta,.hausaufgabe-frist-spaet{color:var(--fehler)}.ha-leiste{border-radius:var(--radius-s);background:#f1ee0f12;border:1px solid #f1ee0f4d;margin:12px 0 18px;padding:10px 12px 12px}.ha-leiste-zeile{align-items:center;gap:10px;display:flex}.ha-leiste-titel{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none;overflow:hidden}.ha-leiste-titel:hover{color:var(--accent)}.ha-leiste-schliessen{width:44px;height:44px;color:var(--text-leise);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;margin:-10px -8px -10px 0;font-size:1rem;line-height:1}.ha-leiste-schliessen:active{color:var(--text)}.ha-leiste-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:2px 0 8px;font-size:.8rem}.ha-block{border-radius:var(--radius-s);background:#f1ee0f12;border:1px solid #f1ee0f4d;gap:12px;padding:14px 14px 16px;display:grid}.ha-block-kopf{gap:6px;display:grid}.ha-block-titel{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none}.ha-block-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.8rem}.ha-block-still{min-height:44px;color:var(--text-dim);justify-content:center;align-items:center;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.ha-block-still:active{color:var(--text)}.ha-trenner{letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise);align-items:center;gap:12px;margin:22px 0 14px;font-size:.68rem;font-weight:700;display:flex}.ha-trenner:before,.ha-trenner:after{content:"";background:var(--border);flex:1;height:1px}.weg-kopf{letter-spacing:.1em;text-transform:uppercase;color:var(--text-leise);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.68rem;font-weight:700;display:flex}.weg-vor{color:var(--accent)}.verteilung{background:#f5f5f01a;border-radius:999px;height:10px;margin-bottom:14px;display:flex;overflow:hidden}.verteilung i{display:block}.verteilung i.v1{background:#f5f5f073}.verteilung i.v2{background:#f1ee0f66}.verteilung i.v3{background:#f1ee0f99}.verteilung i.v4{background:#f1ee0fcc}.verteilung i.v5{background:var(--erfolg)}.leiter{gap:6px;display:grid}.sprosse{border:1px solid var(--border);border-left:3px solid var(--border-input);border-radius:var(--radius-s);background:var(--surface);min-height:46px;color:inherit;-webkit-tap-highlight-color:transparent;grid-template-columns:26px 1fr auto;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}a.sprosse:hover{border-color:#f1ee0f73}a.sprosse:active{transform:translateY(1px)scale(.995)}.sprosse-leer .sprosse-zahl,.sprosse-leer .sprosse-nr{opacity:.45}.sprosse-leer .sprosse-name{color:var(--text-dim)}.sprosse-nr{color:var(--text-leise);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.sprosse-name{font-size:.9rem;font-weight:600;line-height:1.3}.sprosse-zahl{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:900}.s1{border-left-color:#f5f5f04d}.s2{border-left-color:#f1ee0f4d}.s3{border-left-color:#f1ee0f80}.s4{border-left-color:#f1ee0fbf}.s5{border-left-color:var(--erfolg)}.s5 .sprosse-zahl{color:var(--erfolg)}.karten-urteil .btn{flex-direction:column;gap:1px;min-height:60px;line-height:1.25}.urteil-zusatz{letter-spacing:.02em;opacity:.72;font-size:.68rem;font-weight:600}.uebung-seite>*+*{margin-top:22px}.uebung-seite>.uebung-fortschritt{margin-top:0}.uebung-seite>.uebung-frage{margin-top:6px}.uebung-seite>.uebung-stand,.uebung-seite>.uebung-zurueck{margin-top:10px}.uebung-leiste{color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.86rem;display:flex}.uebung-uhr{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.05rem;font-weight:800}.uebung-uhr-ruhig{color:var(--text-dim)}.uebung-uhr-knapp{color:var(--accent)}.uebung-uhr-gleich,.uebung-uhr-aus{color:var(--fehler)}.uebung-uhr-gleich{animation:1s ease-in-out infinite uebung-puls}@media (prefers-reduced-motion:reduce){.uebung-uhr-gleich{animation:none}}@keyframes uebung-puls{50%{opacity:.45}}.uebung-fortschritt{margin-bottom:18px}.uebung-fragekopf{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:.78rem;display:flex}.uebung-frage{margin:0 0 14px;font-size:1.03rem;line-height:1.55}.uebung-feld{border:1px solid var(--border-input);background:var(--bg);width:100%;min-height:170px;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:12px 13px;font-size:1rem;line-height:1.55}.uebung-tipp{margin-top:14px}.uebung-stand{min-height:20px;margin:8px 0 0;font-size:.78rem}.uebung-ok{color:var(--erfolg)}.uebung-wartet{color:var(--warn,#f5c451)}.uebung-fuss{gap:9px;margin-top:18px;display:flex}.uebung-weiter{flex:1}.uebung-zurueck{margin-top:9px}.uebung-fakten{color:var(--text-dim);gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.uebung-fakten li{gap:12px;display:flex}.uebung-fakten b{width:118px;color:var(--text);flex:none}.uebung-uebersicht{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;margin:4px 0 18px;display:grid}.uebung-uebersicht button{appearance:none;aspect-ratio:1;border:1px solid var(--border-input);background:var(--bg);color:var(--text-dim);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:9px;font-weight:700}.uebung-uebersicht .voll{color:var(--text);border-color:#4caf7680}.uebung-uebersicht .leer{border-color:var(--fehler);color:var(--fehler)}.uebung-sicher{border-radius:var(--radius-s);background:#ff8f7a1a;border:1px solid #ff8f7a80;padding:16px}.uebung-sicher b{color:var(--fehler);line-height:1.45;display:block}.uebung-sicher p{color:var(--text-dim);margin:5px 0 0;font-size:.86rem}.uebung-sicher-knoepfe{gap:9px;margin-top:14px;display:flex}.uebung-sicher-knoepfe .btn{flex:1}.uebung-gross{text-align:center;padding:30px 10px 22px}.uebung-zeichen{margin-bottom:12px;font-size:2.6rem;line-height:1}.uebung-zeichen-gut{color:var(--erfolg)}.uebung-gross p{color:var(--text-dim);margin:0;line-height:1.6}.uebung-gross b{color:var(--text)}.ordner-zeile.uebung-laeuft{border-color:var(--accent)}.uebung-zahl{font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:2.4rem;font-weight:800;line-height:1}.uebung-zahl-gut{color:var(--erfolg)}.uebung-zahl-schlecht{color:var(--fehler)}.uebung-zahl-einheit{letter-spacing:.02em;color:var(--text-leise);vertical-align:.35em;margin-left:9px;font-size:.95rem;font-weight:700}.uebung-ergebnisaufgaben{gap:10px;display:grid}.uebung-ergebnisaufgabe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.uebung-ergebniskopf{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:15px 17px;display:block}.uebung-ergebniszeile{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.uebung-ergebniswink{letter-spacing:.02em;color:var(--accent);margin-top:6px;font-size:.74rem;font-weight:700;display:block}.uebung-marke-rueckmeldung{border:1px solid var(--accent);vertical-align:1px;border-radius:999px;margin-right:8px;padding:1px 8px;font-size:.7rem;font-weight:700;display:inline-block}.uebung-ergebnisinhalt{padding:0 17px 16px}.uebung-ergebnisthema{min-width:0;color:var(--text-leise);flex:1;font-size:.86rem}.uebung-ergebnispunkte{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.uebung-ergebnispunkte .uebung-zahl-einheit{vertical-align:0;margin-left:5px;font-size:.76rem}.uebung-ergebnisblock{margin-top:12px}.uebung-ergebnislabel{letter-spacing:.05em;text-transform:uppercase;color:var(--text-leise);margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.uebung-ergebnisfrage{color:var(--text);font-size:.95rem;line-height:1.5}.uebung-eigeneantwort{white-space:pre-wrap;color:var(--text-dim);font-size:.92rem;line-height:1.55}.uebung-leer{color:var(--text-leise);font-style:italic}.uebung-rueckmeldung{border-left:3px solid var(--accent);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--surface-hoch);padding:11px 13px}.uebung-rueckmeldung p{white-space:pre-wrap;font-size:.92rem;line-height:1.55}.blase-gut{background:var(--erfolg);color:var(--accent-ink)}.ha-aufklappen{appearance:none;border:1px dashed var(--border-input);border-radius:var(--radius-s);width:100%;min-height:44px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;margin-top:8px;padding:0 14px;font-size:.9rem}.ha-aufklappen:hover{color:var(--text);border-color:var(--text-dim)}.ha-arten{color:var(--text-leise);flex-wrap:wrap;gap:10px;margin-top:3px;font-size:.78rem;display:flex}.ha-art{align-items:center;gap:4px;display:inline-flex}.ha-art-zeichen{color:var(--accent)}.ha-erledigte-knopf{appearance:none;width:100%;min-height:44px;color:var(--text-leise);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:0 4px;font-size:.86rem;display:flex}.ha-erledigte-knopf:hover{color:var(--text-dim)}.ha-erledigte-haken{width:22px;height:22px;color:var(--erfolg);background:#8ee27a26;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:900;display:inline-flex}.ha-erledigt{opacity:.72}.ha-sammelstart{margin:4px 0 12px}.uebung-ko-marke{background:var(--fehler);color:#1a1a1a;letter-spacing:.04em;border-radius:999px;padding:1px 7px;font-weight:800}.uebung-ko-hinweis{border:1px solid var(--fehler);border-radius:var(--radius-s);color:var(--text);background:#ff8f7a17;margin-bottom:12px;padding:11px 13px;font-size:.92rem;line-height:1.55}.uebung-ko-hinweis strong{color:var(--fehler)}.uebung-uebersicht button.ko{position:relative}.uebung-uebersicht button.ko:after{content:"";background:var(--fehler);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.uebung-ko-legende{color:var(--text-dim);align-items:center;gap:7px;margin:-10px 0 18px;font-size:.82rem;display:flex}.uebung-ko-punkt{background:var(--fehler);border-radius:50%;flex:none;width:8px;height:8px}.chatknopf{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;background:var(--accent);width:54px;height:54px;color:var(--accent-ink);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;text-decoration:none;transition:transform .15s;display:grid;position:fixed;box-shadow:0 6px 20px #00000073}.chatknopf:active{transform:scale(.94)}.chatknopf-marke{background:var(--surface-hoch);min-width:20px;height:20px;color:var(--text);border:2px solid var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:-2px;right:-2px}.chatseite{z-index:1;flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;padding:0 16px;display:flex;position:relative}.chatkopf{border-bottom:1px solid var(--border);padding:2px 0 10px}.chatkopf h1{margin:0;font-size:1.15rem;line-height:1.25}.chatkopf p{margin:2px 0 0;font-size:.8rem}.chat-verlauf{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:2px;padding:14px 0;display:flex;overflow-y:auto}.chat-tag{color:var(--text-leise);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:14px 0 10px;font-size:.68rem;font-weight:700;display:flex}.chat-tag:before,.chat-tag:after{content:"";background:var(--border);flex:1;height:1px}.chat-blase-reihe{flex-direction:column;align-items:flex-start;margin-bottom:3px;display:flex}.chat-blase-reihe-eigen{align-items:flex-end}.chat-blase-name{color:var(--text-dim);margin:10px 0 3px 12px;font-size:.74rem;font-weight:700}.chat-blase-rolle{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#f1ee0f24;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.64rem;font-weight:700}.chat-blase{background:var(--surface-hoch);max-width:82%;color:var(--text);overflow-wrap:anywhere;border-radius:18px 18px 18px 4px;padding:9px 13px 6px;font-size:.92rem;line-height:1.5}.chat-blase-eigen{background:var(--accent);color:var(--accent-ink);border-radius:18px 18px 4px}.chat-blase-staff{border-left:3px solid var(--accent)}.chat-blase-text{white-space:pre-wrap}.chat-blase-zeit{font-variant-numeric:tabular-nums;opacity:.6;text-align:right;margin-top:2px;font-size:.66rem;display:block}.chat-blase-weg{border:1px dashed var(--border-input);background:0 0}.chat-blase-weg-text{color:var(--text-leise);font-style:italic}.chat-blase-weg-knopf{color:var(--text-leise);font:inherit;cursor:pointer;background:0 0;border:0;margin:2px 4px 0 0;padding:4px 2px;font-size:.72rem}.chat-fuss{padding:8px 0 calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);align-items:flex-end;gap:8px;display:flex}.chat-eingabe{resize:none;border:1px solid var(--border-input);background:var(--surface);min-height:44px;max-height:140px;color:var(--text);font:inherit;border-radius:22px;flex:1;padding:11px 14px;font-size:16px;line-height:1.4}.chat-eingabe:focus{border-color:var(--accent);outline:none}.chat-senden{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.chat-senden:disabled{background:var(--surface-hoch);color:var(--text-leise);cursor:default}.chat-reaktionen{z-index:1;flex-wrap:wrap;gap:4px;margin:-8px 6px 4px;display:flex;position:relative}.chat-reaktion{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:.8rem;line-height:1.4;display:inline-flex}.chat-reaktion-eigen{border-color:var(--accent);background:#f1ee0f1f}.chat-reaktion-zahl{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.68rem;font-weight:700}.chat-reaktion-rest{cursor:default;color:var(--text-leise);font-size:.72rem}.chat-emojileiste{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px;max-width:100%;margin:4px 6px 6px;padding:4px 6px;display:flex}.chat-emoji{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.15rem;line-height:1;display:grid}.chat-emoji:active{background:var(--surface-hoch)}.chat-emoji-mehr{color:var(--text-dim);font-size:.9rem}.chat-emojiraster{border-top:1px solid var(--border);flex-basis:100%;max-height:210px;margin-top:4px;padding:6px 2px 2px;overflow-y:auto}.chat-emojigruppe{letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise);margin:6px 0 2px 6px;font-size:.66rem;font-weight:700}.chat-emojireihe{flex-wrap:wrap;display:flex}.chat-material{color:inherit;background:#1a1a1a3d;border:1px solid #1a1a1a29;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;text-decoration:none;display:flex}.chat-blase:not(.chat-blase-eigen) .chat-material{border-color:var(--border);background:#f5f5f00f}.chat-material-still{opacity:.72}.chat-material-zeichen{flex:none;font-size:1.05rem;line-height:1}.chat-material-text{flex:1;min-width:0}.chat-material-art{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:.66rem;font-weight:700;display:block}.chat-material-titel{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.chat-material-pfeil{opacity:.6;flex:none}.chat-zurueck{flex-wrap:wrap;gap:14px;padding-top:4px;display:flex}.chat-zurueck .zurueck{margin:0}.chat-reagieren{width:30px;height:30px;color:var(--text-leise);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;margin:1px 4px 0;display:inline-grid}.chat-reagieren:active,.chat-reagieren-offen{color:var(--accent);background:#f1ee0f1a}.chat-blase-zeile{align-items:flex-end;gap:2px;max-width:100%;display:flex}.chat-blase-reihe-eigen .chat-blase-zeile{flex-direction:row-reverse}