:root{--bg: #f7f6f3;--flaeche: #ffffff;--text: #1b1b1b;--leise: #5f5f5a;--linie: #dcdad3;--akzent: #D62305;--gut: #2f7d4f;font-size:18px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:"Source Sans 3",Segoe UI,system-ui,-apple-system,sans-serif;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--flaeche);border-bottom:1px solid var(--linie)}.titel{display:flex;align-items:center;gap:.75rem}.marke{font-weight:700;font-size:1.15rem}.marke:before{content:"";display:inline-block;width:.6rem;height:.6rem;background:var(--akzent);margin-right:.45rem;vertical-align:.1rem}select,button,input{font:inherit}select{padding:.25rem .5rem;border:1px solid var(--linie);border-radius:4px;background:var(--flaeche)}.status{display:flex;align-items:center;gap:.6rem;color:var(--leise);font-size:.9rem}.punkt{width:.6rem;height:.6rem;border-radius:50%;background:#bbb}.punkt.an{background:var(--gut)}.sim{border:1px solid var(--linie);border-radius:3px;padding:0 .35rem;font-size:.8rem}main{display:grid;grid-template-rows:minmax(300px,58fr) minmax(220px,42fr);min-height:0}#ansicht{position:relative;min-height:0;overflow:hidden;background:linear-gradient(#fdfdfc,#efeee9)}#leinwand{width:100%;height:100%;display:block}#laden{position:absolute;inset:0;display:grid;place-items:center;color:var(--leise);pointer-events:none}.werkzeugleiste{position:absolute;top:.6rem;left:.6rem;right:.6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;pointer-events:none}.werkzeugleiste>*{pointer-events:auto}.knopfgruppe{display:flex;background:var(--flaeche);border:1px solid var(--linie);border-radius:5px;overflow:hidden}.knopfgruppe button{border:0;background:none;padding:.3rem .65rem;cursor:pointer;color:var(--text)}.knopfgruppe button+button{border-left:1px solid var(--linie)}.knopfgruppe button.an{background:var(--text);color:#fff}.knopfgruppe button.aus{color:#aaa;text-decoration:line-through}.schalter{background:var(--flaeche);border:1px solid var(--linie);border-radius:5px;padding:.25rem .6rem;font-size:.9rem;display:flex;gap:.35rem;align-items:center}#legende{position:absolute;left:.6rem;bottom:.6rem;background:#ffffffeb;border:1px solid var(--linie);border-radius:5px;padding:.35rem .6rem;font-size:.85rem}#legende .balken{width:220px;height:12px;border-radius:2px;margin:.2rem 0}#legende .skala{display:flex;justify-content:space-between;color:var(--leise)}#legende .eintrag{display:inline-flex;align-items:center;gap:.3rem;margin-right:.7rem}#legende .farbe{width:.9rem;height:.9rem;border-radius:2px;display:inline-block}#seite{position:absolute;top:3.2rem;right:.6rem;bottom:.6rem;width:min(440px,52%);background:var(--flaeche);border:1px solid var(--linie);border-radius:6px;padding:.8rem 1rem;overflow:auto;box-shadow:0 6px 24px #00000014}#seite h2{margin:0 1.5rem .2rem 0;font-size:1.25rem}#schliessen{position:absolute;top:.3rem;right:.5rem;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--leise)}.leise{color:var(--leise);margin:0 0 .6rem;font-size:.9rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;font-weight:600;color:var(--leise);border-bottom:1px solid var(--linie);padding:.25rem .3rem}td{border-bottom:1px solid #eeede8;padding:.3rem;vertical-align:top}td.r,th.r{text-align:right;white-space:nowrap}.mono{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}#s-punkte tbody tr{cursor:pointer}#s-punkte tbody tr:hover,#s-punkte tbody tr.gewaehlt{background:#f3f1ec}#s-punkte tr.leuchtet td{background:#fde9e5}.klasse{color:var(--leise);font-size:.8rem}#s-verlauf{margin:.6rem 0}#s-verlauf svg{width:100%;height:150px;display:block}#s-verlauf .achse{fill:var(--leise);font-size:11px}details pre{font-size:.72rem;background:#f6f5f1;padding:.5rem;overflow:auto;max-height:300px;white-space:pre}summary{cursor:pointer;color:var(--leise)}#unten{display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--flaeche);border-top:1px solid var(--linie)}.reiter{display:flex;gap:.2rem;padding:0 .6rem;border-bottom:1px solid var(--linie)}.reiter button{border:0;background:none;padding:.5rem .7rem;cursor:pointer;color:var(--leise);border-bottom:3px solid transparent}.reiter button.an{color:var(--text);border-bottom-color:var(--akzent);font-weight:600}.zahl{display:inline-block;min-width:1.3rem;font-size:.78rem;background:#ecebe6;border-radius:9px;padding:0 .35rem;color:var(--text)}.zahl:empty{display:none}.reiterinhalt{overflow:auto;padding:.4rem .8rem;min-height:0}.leer{color:var(--leise)}ol{list-style:none;margin:0;padding:0}#ki li{display:grid;grid-template-columns:4.2rem 1fr;gap:.1rem .6rem;padding:.45rem 0;border-bottom:1px solid #eeede8}#ki li.neu{animation:neu 4s ease-out}@keyframes neu{0%{background:#fde9e5}to{background:transparent}}#ki .zeit{color:var(--leise);font-size:.85rem;padding-top:.1rem}#ki .wz{font-weight:600}#ki .wz:before{content:"▸ ";color:var(--akzent)}#ki .param,#ki .erg,#ki .orte{grid-column:2;font-size:.85rem;color:var(--leise)}#ki .orte{color:var(--text)}#meldungen li{padding:.5rem 0;border-bottom:1px solid #eeede8}#meldungen li.neu{animation:neu 5s ease-out}#meldungen .kopf{display:flex;gap:.5rem;align-items:baseline}#meldungen .prio{font-size:.75rem;border-radius:3px;padding:0 .35rem;border:1px solid var(--linie)}#meldungen .prio.hoch{border-color:var(--akzent);color:var(--akzent)}#meldungen .titel{font-weight:600}#meldungen .text{font-size:.9rem;margin-top:.15rem}#meldungen .meta{font-size:.8rem;color:var(--leise)}#neu td:first-child{white-space:nowrap}#neu .richtig{color:var(--gut);font-weight:700}#neu .falsch{color:var(--akzent);font-weight:700}#neu .loesung{display:none}#neu.aufgedeckt .loesung{display:table-cell}footer{font-size:.78rem;color:var(--leise);padding:.35rem 1rem;border-top:1px solid var(--linie);background:var(--flaeche)}footer a{color:inherit}.trenner{margin:0 .3rem}@media(max-width:700px){:root{font-size:16px}#seite{width:auto;left:.6rem}}