.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--lg{min-height:var(--tap-primary);font-size:1.0625rem}.btn--primary{background:var(--c-primary-600);color:#fff}.btn--primary:hover:not([disabled]){background:var(--c-primary-700)}.btn--secondary{background:var(--c-surface);color:var(--c-primary-700);border-color:var(--c-line)}.btn--secondary:hover:not([disabled]){border-color:var(--c-primary-500)}.btn--ghost{background:transparent;color:var(--c-primary-700);padding:0 var(--space-3)}.btn--ghost:hover:not([disabled]){background:var(--c-primary-50)}.btn--success{background:var(--c-success-600);color:#fff}.btn--success:hover:not([disabled]){background:var(--c-success-700)}.btn--warning{background:var(--c-warning-50);color:var(--c-warning-700);border-color:var(--c-warning-600)}.btn--warning:hover:not([disabled]){background:#f8e6cd}.btn--danger{background:var(--c-danger-600);color:#fff}.btn--danger:hover:not([disabled]){background:var(--c-danger-700)}.btn--critical{background:var(--c-critical-700);color:#fff;border-color:var(--c-critical-800);box-shadow:inset 0 0 0 2px #ffffff2e}.btn--critical:hover:not([disabled]){background:var(--c-critical-800)}@media(hover:none){.btn:hover{background-color:inherit}}.login{min-height:100%;display:grid;place-items:center;padding:var(--space-5);background:radial-gradient(120% 80% at 50% 0%,var(--c-primary-50) 0%,var(--c-canvas) 60%)}.login__card{width:min(440px,100%);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-6) var(--space-5);text-align:center}.login__logo{display:grid;place-items:center;margin-bottom:var(--space-4)}.login__school{margin:0 0 var(--space-1);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary-700)}.login__title{font-size:1.375rem;margin-bottom:var(--space-1)}.login__subtitle{color:var(--c-ink-500);margin:0 0 var(--space-6);font-size:.9375rem}.login__divider{display:flex;align-items:center;gap:var(--space-3);color:var(--c-ink-500);font-size:.8125rem;margin:var(--space-5) 0 var(--space-4)}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--c-line)}.login__field{text-align:left;display:block;margin-bottom:var(--space-3)}.login__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-1);color:var(--c-ink-700)}.login__input{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);font:inherit;color:var(--c-ink-900);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md)}.login__input:focus-visible{border-color:var(--c-primary-500)}.login__error{background:var(--c-danger-50);border:1px solid var(--c-danger-600);color:var(--c-danger-700);border-radius:var(--radius-md);padding:var(--space-3);font-size:.9375rem;text-align:left;margin-bottom:var(--space-4)}.login__hint{margin-top:var(--space-5);font-size:.8125rem;color:var(--c-ink-500)}@media(min-width:900px){.login__card{padding:var(--space-7) var(--space-7) var(--space-6)}}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.kachel{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.kachel--gold{background:var(--c-gold-50);border-color:var(--c-gold-500)}.kachel--gold .kachel__wert{color:var(--c-gold-600)}.kachel__wert{font-size:2rem;font-weight:800;line-height:1.1;color:var(--c-primary-700);font-variant-numeric:tabular-nums}.kachel__label{font-size:.875rem;color:var(--c-ink-500)}.weiter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.weiter__titel{margin:2px 0}.hinweis{background:var(--c-warning-50);border:1px solid var(--c-warning-600);color:var(--c-warning-700);border-radius:var(--radius-md);padding:var(--space-4);margin:0}.gruppen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gruppe{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--c-line);border-radius:var(--radius-md)}.gruppe__body{flex:1;min-width:0}.gruppe__meta{font-size:.875rem}.jahrgaenge{display:flex;flex-wrap:wrap;gap:var(--space-3)}.jahrgang{min-width:96px;min-height:var(--tap-min);padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.jahrgang:hover{border-color:var(--c-primary-500)}.jahrgang__zahl{font-size:1.5rem;font-weight:700;color:var(--c-primary-700)}@media(hover:none){.jahrgang:hover{border-color:var(--c-line)}}.drill{display:flex;flex-direction:column;gap:var(--space-5);max-width:900px;margin:0 auto}.drill__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.drill__level{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary-700)}.drill__text{font-family:var(--font-drill);font-size:1.5rem;line-height:2;letter-spacing:.02em;word-break:break-word;padding:var(--space-5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none}.drill__char{border-radius:3px;padding:2px 0}.drill__char--todo{color:var(--c-ink-500)}.drill__char--ok{color:var(--c-success-700)}.drill__char--bad{color:#fff;background:var(--c-danger-600);text-decoration:underline}.drill__char--space.drill__char--bad:after{content:"␣"}.drill__char--current{background:var(--c-primary-100);box-shadow:inset 0 -3px 0 var(--c-primary-600)}.drill__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3)}.drill__stat{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.drill__stat-label{display:block;font-size:.8125rem;color:var(--c-ink-500)}.drill__stat-value{font-size:1.375rem;font-weight:700;font-variant-numeric:tabular-nums}.drill__progress{height:8px;border-radius:4px;background:var(--c-primary-50);overflow:hidden}.drill__progress-bar{height:100%;background:var(--c-primary-600);transition:width .12s linear}.drill__notice{background:var(--c-warning-50);border:1px solid var(--c-warning-600);color:var(--c-warning-700);border-radius:var(--radius-md);padding:var(--space-4)}.drill__result{text-align:center}.drill__points{font-size:3rem;font-weight:800;color:var(--c-primary-700);font-variant-numeric:tabular-nums;line-height:1.1}.drill__unlocked{background:var(--c-success-50);border:1px solid var(--c-success-600);color:var(--c-success-700);border-radius:var(--radius-md);padding:var(--space-4)}.drill__badges{background:var(--c-gold-50);border:1px solid var(--c-gold-500);color:var(--c-gold-600);border-radius:var(--radius-md);padding:var(--space-4)}.drill__hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}@media(min-width:1280px){.drill__text{font-size:1.75rem}}.page{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5)}.exercises{list-style:none;margin:var(--space-5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.exercise{display:flex;align-items:center;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:var(--space-4)}.exercise--blocked{background:var(--c-canvas)}.exercise__level{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--c-primary-50);color:var(--c-primary-700);font-weight:700}.exercise--blocked .exercise__level{background:var(--c-line);color:var(--c-ink-500)}.exercise__body{flex:1;min-width:0}.exercise__title{font-size:1.0625rem;margin:0}.exercise__meta{margin:2px 0 0;font-size:.875rem}.exercise__blocked-reason{margin:2px 0 0;font-size:.875rem;color:var(--c-warning-700)}.exercise__progress{height:6px;border-radius:3px;background:var(--c-primary-50);overflow:hidden;margin:var(--space-2) 0 var(--space-1);max-width:320px}.exercise__progress-bar{height:100%;background:var(--c-primary-600);transition:width .2s ease}.exercise__passed{color:var(--c-success-600);margin-left:var(--space-2);font-weight:700}.pfad{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.status{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;border:1px solid}.status--ok{background:var(--c-success-50);border-color:var(--c-success-600);color:var(--c-success-700)}.status--offen{background:var(--c-warning-50);border-color:var(--c-warning-600);color:var(--c-warning-700)}.status--fehler{background:var(--c-danger-50);border-color:var(--c-danger-600);color:var(--c-danger-700)}.feld{display:block;margin-bottom:var(--space-4)}.feld__label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:var(--space-1)}.feld__input{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);font:inherit;border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink-900)}.feld__hinweis{display:block;margin-top:var(--space-1);font-size:.8125rem;color:var(--c-ink-500)}.anleitung{margin:0}.anleitung dt{font-weight:700;margin-top:var(--space-4)}.anleitung dd{margin:var(--space-1) 0 0}.anleitung code,.scopes code{font-family:var(--font-drill);font-size:.9375rem;background:var(--c-primary-50);color:var(--c-primary-700);border-radius:var(--radius-sm);padding:2px 6px;overflow-wrap:anywhere}.scopes{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chart{margin:0;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-2)}.chart__titel{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-1)}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__raster{stroke:var(--c-line);stroke-width:1}.chart__linie{fill:none;stroke:var(--c-primary-600);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__punkt{fill:var(--c-primary-600);stroke:var(--c-surface);stroke-width:2;transition:r .1s ease}.chart__faden{stroke:var(--c-primary-500);stroke-width:1;stroke-dasharray:3 3}.chart__label{fill:var(--c-ink-700);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.chart__fuss{margin:0;font-size:.8125rem;min-height:1.4em}.chart__leer{margin:var(--space-3) 0;font-size:.875rem}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.uebung{margin-bottom:var(--space-4)}.uebung__titel{margin:0;font-size:1.0625rem}.uebung__bestanden{color:var(--c-success-600)}.uebung__meta{margin:2px 0 0;font-size:.875rem}.verlauf{width:100%;border-collapse:collapse;font-size:.9375rem}.verlauf th,.verlauf td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-line);vertical-align:middle}.verlauf th{font-size:.8125rem;color:var(--c-ink-500);font-weight:600}.verlauf .zahl{font-variant-numeric:tabular-nums}.verlauf tr:last-child td{border-bottom:none}.card>.verlauf{display:block;overflow-x:auto}.tabelle-huelle{overflow-x:auto;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);margin-top:var(--space-4)}.gruppe-tabelle{width:100%;border-collapse:collapse;font-size:.9375rem}.gruppe-tabelle th,.gruppe-tabelle td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-line);white-space:nowrap}.gruppe-tabelle tbody tr:last-child td{border-bottom:none}.gruppe-tabelle .zahl{font-variant-numeric:tabular-nums;text-align:right}.sortknopf{background:none;border:none;padding:0;font:inherit;font-size:.8125rem;font-weight:600;color:var(--c-ink-500);cursor:pointer}.sortknopf--aktiv{color:var(--c-primary-700)}.gruppe-tabelle th:first-child,.gruppe-tabelle td:first-child{position:sticky;left:0;background:var(--c-surface)}:root{--c-primary-800: #143a68;--c-primary-700: #1b4e8b;--c-primary-600: #2261ae;--c-primary-500: #3c7cc6;--c-primary-100: #d3e2f2;--c-primary-50: #eaf1f9;--c-success-700: #145c33;--c-success-600: #1e7a45;--c-success-50: #e7f4ec;--c-warning-700: #834700;--c-warning-600: #a85b00;--c-warning-50: #fdf2e2;--c-danger-700: #8d1e17;--c-danger-600: #b3261e;--c-danger-50: #fceae9;--c-critical-700: #7f1710;--c-critical-800: #5e100b;--c-gold-600: #a97719;--c-gold-500: #c8922a;--c-gold-50: #faf1de;--c-ink-900: #14202b;--c-ink-700: #3a4a57;--c-ink-500: #64757f;--c-line: #d9e1e6;--c-surface: #ffffff;--c-canvas: #f4f7f9;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 2px rgb(20 32 43 / 6%), 0 4px 16px rgb(20 32 43 / 6%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--tap-min: 44px;--tap-primary: 48px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-drill: ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--c-ink-900);background:var(--c-canvas);-webkit-font-smoothing:antialiased;touch-action:manipulation}h1,h2,h3{line-height:1.25;margin:0 0 var(--space-3)}h1{font-size:1.75rem}h2{font-size:1.25rem}:focus-visible{outline:2px solid var(--c-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.muted{color:var(--c-ink-500)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.appbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--c-surface);border-bottom:1px solid var(--c-line)}.appbar__title{font-weight:700;color:var(--c-primary-700)}.appbar__spacer{flex:1}.appbar__user{color:var(--c-ink-500);font-size:.9375rem}.appbar__nav{display:flex;gap:var(--space-1);margin-left:var(--space-4)}.navknopf{min-height:var(--tap-min);padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--c-ink-700);font:inherit;font-weight:600;cursor:pointer}.navknopf:hover{background:var(--c-primary-50)}.navknopf--aktiv{color:var(--c-primary-700);background:var(--c-primary-50);box-shadow:inset 0 -2px 0 var(--c-primary-600)}@media(hover:none){.navknopf:hover{background:transparent}.navknopf--aktiv:hover{background:var(--c-primary-50)}}@media(max-width:720px){.appbar{flex-wrap:wrap}.appbar__nav{order:3;width:100%;margin-left:0;overflow-x:auto}}