:root{--hintergrund:#f6f5f1;--flaeche:#fff;--flaeche-2:#efeee9;--text:#1c1c1e;--text-leise:#5c5c62;--rand:#d6d4cd;--akzent:#2553c7;--akzent-text:#fff;--akzent-flaeche:#e7edfb;--groesse:#8a3b12;--einheit:#1b4f9c;--richtig:#1d7438;--richtig-flaeche:#e5f3e9;--falsch:#b2261d;--falsch-flaeche:#fbe9e7;--hinweis:#7d5300;--hinweis-flaeche:#fdf2d8;--schatten:0 1px 2px #0000000f, 0 4px 16px #0000000f;--radius:12px;--formel:"STIX Two Text", "Cambria Math", "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hintergrund:#141416;--flaeche:#1e1e21;--flaeche-2:#28282c;--text:#ececef;--text-leise:#a4a4ab;--rand:#3b3b41;--akzent:#8fb0ff;--akzent-text:#0f1a33;--akzent-flaeche:#1f2a44;--groesse:#ffb38a;--einheit:#9cc2ff;--richtig:#7fd699;--richtig-flaeche:#16301e;--falsch:#ff8f85;--falsch-flaeche:#3a1b19;--hinweis:#ffcf70;--hinweis-flaeche:#3a2e13;--schatten:0 1px 2px #0006, 0 4px 16px #0000004d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--hintergrund);color:var(--text);margin:0;font:17px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}h1,h2,h3{line-height:1.25}.leise{color:var(--text-leise)}.seite{max-width:60rem;margin:0 auto;padding:1.25rem 1rem 5rem}.knopf{border:1px solid var(--rand);background:var(--flaeche);cursor:pointer;border-radius:10px;min-height:44px;padding:.5rem 1rem}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.5;cursor:default}.knopf.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent);font-weight:600}.knopf.klein{min-height:36px;padding:.25rem .7rem;font-size:.9rem}.knopfreihe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.kopf h1{margin:0;font-size:1.3rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:1rem 1.25rem}.karte+.karte{margin-top:1rem}.wahl{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.wahlkarte{text-align:left;border:2px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);cursor:pointer;padding:.9rem 1rem}.wahlkarte[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.wahlkarte strong{font-size:1.05rem;display:block}.wahlkarte .beispiel{margin-top:.4rem;font-size:.9rem}.marke{background:var(--flaeche-2);color:var(--text-leise);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.marke.wiederholung{background:var(--hinweis-flaeche);color:var(--hinweis)}.formel{font-family:var(--formel);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:1.5rem;display:inline-flex}.formel .kopfteil{white-space:nowrap}.bruch{vertical-align:middle;flex-direction:column;align-items:center;display:inline-flex}.bruch>.zeile{justify-content:center;align-items:center;gap:.2rem;min-height:2.2rem;padding:.1rem .3rem;display:flex}.bruch>.strich{border-top:2px solid;align-self:stretch;margin:.1rem 0}.produkt{align-items:center;gap:.2rem;display:inline-flex}.mal{color:var(--text-leise)}.groesse{color:var(--groesse);font-style:italic}.einheit{color:var(--einheit);font-style:normal}.zahl{font-style:normal}sup{font-size:.65em}.faktor{font:inherit;cursor:pointer;touch-action:none;background:0 0;border:2px solid #0000;border-radius:8px;min-width:44px;min-height:44px;padding:0 .35rem}.faktor:hover:not(:disabled){border-color:var(--rand)}.faktor[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.faktor:disabled{cursor:default}[data-ablage].drueber,.faktor.drueber{background:var(--akzent-flaeche);border-color:var(--akzent)!important}.palette{background:var(--flaeche-2);border-radius:var(--radius);flex-wrap:wrap;gap:.5rem;padding:.75rem;display:flex}.baustein{border:2px solid var(--rand);background:var(--flaeche);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:52px;min-height:48px;font-family:var(--formel);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:.25rem .8rem;font-size:1.35rem;line-height:1.1;display:inline-flex}.baustein small{color:var(--text-leise);font-family:system-ui,sans-serif;font-size:.7rem;font-style:normal}.baustein[aria-pressed=true]{border-color:var(--akzent);background:var(--akzent-flaeche)}.baustein.benutzt{opacity:.35}.geist{z-index:1000;pointer-events:none;background:var(--akzent);color:var(--akzent-text);font-family:var(--formel);box-shadow:var(--schatten);border-radius:10px;margin:-24px 0 0 -24px;padding:.4rem .8rem;font-size:1.3rem;position:fixed;top:0;left:0}.feld{border:2px dashed var(--rand);border-radius:var(--radius);background:var(--flaeche);margin:.75rem 0;padding:.75rem}.feld-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.feld.gesperrt{opacity:.6}.ablage{border:2px dashed var(--rand);cursor:pointer;min-width:7rem;min-height:52px;font-family:var(--formel);background:0 0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:1.35rem;display:inline-flex}.ablage .platzhalter{color:var(--text-leise);font-family:system-ui,sans-serif;font-size:.85rem}.bauplan{flex-direction:column;align-items:stretch;gap:.2rem;display:inline-flex}.bauplan .strich{border-top:2px solid}.chip{align-items:center;gap:.15rem;display:inline-flex}.werkzeug{background:var(--flaeche-2);border-radius:10px;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;padding:.5rem;display:flex}.optionen{flex-wrap:wrap;gap:.5rem;display:flex}.option{font-family:var(--formel);min-width:4rem;font-size:1.3rem}.option.falsch{border-color:var(--falsch);background:var(--falsch-flaeche)}.option.richtig{border-color:var(--richtig);background:var(--richtig-flaeche)}.verlauf{color:var(--text-leise);margin:.5rem 0 0;padding-left:1.25rem;font-size:.95rem}.zuordnung{gap:.6rem;display:grid}.zuordnung .reihe{border-radius:10px;grid-template-columns:minmax(12rem,max-content) auto minmax(9rem,max-content) auto;justify-content:start;align-items:center;gap:.5rem;padding:.3rem;display:grid}@media (width<=600px){.zuordnung .reihe{grid-template-columns:1fr auto 1fr}}.zuordnung .reihe.richtig{background:var(--richtig-flaeche)}.zuordnung .reihe.falsch{background:var(--falsch-flaeche)}.gleich{font-family:var(--formel);font-size:1.4rem}.rueckmeldung{border-radius:var(--radius);border-left:5px solid;margin-top:1rem;padding:.75rem 1rem}.rueckmeldung.richtig{background:var(--richtig-flaeche);border-color:var(--richtig)}.rueckmeldung.falsch{background:var(--falsch-flaeche);border-color:var(--falsch)}.rueckmeldung.unvollstaendig,.rueckmeldung.eingabehilfe{background:var(--hinweis-flaeche);border-color:var(--hinweis)}.rueckmeldung ul{margin:.3rem 0 0;padding-left:1.2rem}.hilfen{margin-top:1rem}.hilfe{background:var(--flaeche-2);border-radius:10px;margin-top:.5rem;padding:.6rem .9rem}.hilfe h4{color:var(--text-leise);margin:0 0 .2rem;font-size:.85rem}.hilfe ol{margin:0;padding-left:1.3rem}.schublade-hintergrund{z-index:50;background:#00000059;position:fixed;inset:0}.schublade{z-index:51;background:var(--flaeche);width:min(34rem,100vw);box-shadow:var(--schatten);padding:1rem 1.25rem 3rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.schublade input[type=search]{width:100%;min-height:44px;font:inherit;border:1px solid var(--rand);background:var(--hintergrund);color:var(--text);border-radius:10px;padding:.4rem .75rem}.referenz h3{margin:1.25rem 0 .4rem;font-size:1rem}.referenz table{border-collapse:collapse;width:100%;font-size:.95rem}.referenz td,.referenz th{text-align:left;border-bottom:1px solid var(--rand);vertical-align:top;padding:.35rem .4rem}.referenz .sym{font-family:var(--formel);white-space:nowrap;font-size:1.15rem}.eingabe{min-height:44px;font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);text-transform:uppercase;border-radius:10px;padding:.4rem .75rem}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:.5rem;font-weight:600}.ankreuzen{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.ankreuzen label{align-items:center;gap:.4rem;min-height:44px;display:inline-flex}.ankreuzen input{width:1.3rem;height:1.3rem}@media (width<=600px){body{font-size:16px}.formel{font-size:1.3rem}}