/* Lerncoach — Darstellung (Fassung 89.0). Farben als Tokens, hell/dunkel; Bewegung nur ohne prefers-reduced-motion. */
:root{--papier:#F7F6F1;--tinte:#1D2420;--linie:#C9CCC3;--akzent:#1F5D4C;--akzent2:#8A4B1F;--gut:#2E7D4F;--mittel:#B7791F;--neu:#8A8F88;--flaeche:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--papier:#151917;--tinte:#E6E8E2;--linie:#333A35;--akzent:#5FBFA1;--akzent2:#D98B4A;--gut:#6CCB93;--mittel:#E0B25C;--neu:#7C837D;--flaeche:#1D2320}}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--tinte);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.rand{max-width:58rem;margin:0 auto;padding:0 1rem}
.kopf{border-bottom:2px solid var(--akzent)}.kopf .rand{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem}
.marke{font-weight:800;letter-spacing:.06em;color:var(--tinte);text-decoration:none}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}
.klein{font-size:.88rem;opacity:.8}.lead{font-size:1.1rem}
h1{margin:1.2rem 0 .4rem}h2{margin:1.4rem 0 .5rem}
.schritte{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}
.schritte button{border:1px solid var(--linie);background:var(--flaeche);color:inherit;border-radius:999px;padding:.4rem .85rem;font:inherit;cursor:pointer}
.schritte button[aria-current=step]{background:var(--akzent);color:var(--papier);border-color:var(--akzent)}
.schritte button:disabled{opacity:.45;cursor:default}
.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:1rem 1.1rem;margin:.8rem 0}
.raster{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
label{display:block;margin:.5rem 0 .2rem;font-weight:600}
select,input[type=number],input[type=text]{font:inherit;padding:.45rem .55rem;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);color:inherit;max-width:100%}
.knopf{display:inline-block;background:var(--akzent);color:var(--papier);border:0;border-radius:6px;padding:.55rem 1rem;font:inherit;cursor:pointer;margin:.4rem .4rem 0 0;text-decoration:none}
.knopf.leise{background:transparent;color:var(--akzent);border:1px solid var(--akzent)}
.wahl{display:flex;gap:.5rem;align-items:flex-start;padding:.55rem .6rem;border:1px solid var(--linie);border-radius:8px;cursor:pointer;background:var(--flaeche)}
.wahl input{margin-top:.3rem}.wahl small{display:block;opacity:.75}
.wahl:has(input:checked){border-color:var(--akzent);box-shadow:inset 4px 0 0 var(--akzent)}
.frage{font-size:1.08rem;font-weight:600}
.optionen{display:grid;gap:.45rem;margin:.6rem 0}
.optionen button{text-align:left;border:1px solid var(--linie);background:var(--flaeche);color:inherit;border-radius:8px;padding:.6rem .7rem;font:inherit;cursor:pointer}
.optionen button:hover{border-color:var(--akzent)}
.rueck{font-weight:600}.rueck.gut{color:var(--gut)}.rueck.nein{color:var(--akzent2)}
.fortschritt{height:8px;background:var(--linie);border-radius:99px;overflow:hidden;margin:.6rem 0}
.fortschritt span{display:block;height:100%;background:var(--akzent);width:0;transition:width .4s ease}
.status{display:inline-block;font-size:.78rem;font-weight:700;padding:.1rem .5rem;border-radius:99px;color:#fff}
.status.beherrscht{background:var(--gut)}.status.ueben{background:var(--mittel)}.status.neu{background:var(--neu)}
.einheiten{list-style:none;padding:0;margin:.4rem 0}
.einheiten li{display:flex;gap:.6rem;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--linie)}
.einheiten li a{color:inherit}
.balken svg{width:100%;height:auto;max-height:14rem}
.tag{border-left:4px solid var(--akzent);padding:.3rem .7rem;margin:.5rem 0}
.tag h3{margin:.1rem 0 .3rem;font-size:1rem}
.fuss{margin:2rem auto 1rem}
@media (prefers-reduced-motion:no-preference){
  .karte,.tag{animation:c-auf .35s ease-out both}
  .rueck.gut{animation:c-pop .45s ease-out}
}
@keyframes c-auf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes c-pop{0%{transform:scale(.96)}50%{transform:scale(1.04)}100%{transform:none}}
@media print{.schritte,.knopf,.kopf,.fuss,#speicherwarnung{display:none!important}.karte{break-inside:avoid;border-color:#999}body{background:#fff;color:#000}}

@media print{.kopf,.fuss,.knopf,.nicht-drucken{display:none!important}details{display:block}details>summary{list-style:none}
details:not([open])>*:not(summary){display:block}body{background:#fff;color:#000}.karte{break-inside:avoid;border-color:#999}
.seitenumbruch{break-before:page}}
table.plan{border-collapse:collapse;width:100%;font-size:.9rem}table.plan td,table.plan th{border:1px solid var(--linie);padding:.3rem .45rem;vertical-align:top}
.zeile{border-bottom:1px solid var(--linie);height:1.8rem}