.quiz{margin-top:.5rem}.quiz-wahl{gap:1rem;max-width:56rem;display:grid}.quiz-wahl fieldset{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-s);margin:0;padding:.9rem 1.1rem 1.1rem}.quiz-wahl legend{font-size:.85rem;font-weight:600;font-family:var(--display);color:var(--muted);padding:0 .35rem}.stufenwahl{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.6rem;display:grid}.stufenwahl label{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;gap:.1rem;padding:.75rem .85rem;display:grid;position:relative}.stufenwahl label:hover{border-color:var(--link)}.stufenwahl label.an{background:var(--surface-2);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.stufenwahl b{color:var(--ink);font-weight:700}.stufenwahl span{color:var(--ink-2);text-wrap:pretty;font-size:.8rem}.stufenwahl i{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.75rem;font-style:normal}.stufenwahl input,.laengenwahl input{opacity:0;pointer-events:none;position:absolute}.stufenwahl label:has(input:focus-visible),.laengenwahl label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.themenwahl,.laengenwahl{flex-wrap:wrap;gap:.4rem;display:flex}.themenwahl button,.laengenwahl label{color:var(--ink-2);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;position:relative}.themenwahl button:hover,.laengenwahl label:hover{border-color:var(--link);color:var(--ink)}.themenwahl button[aria-pressed=true],.laengenwahl label.an{color:var(--plane);background:var(--link);border-color:var(--link)}.themenwahl button.alle{color:var(--muted);text-underline-offset:.2em;background:0 0;border-color:#0000;text-decoration:underline}.themenwahl button.alle:hover{color:var(--link);border-color:#0000}.laengenwahl label{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem}.quiz-start{flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:.25rem;display:flex}.quiz-start p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.86rem}.quiz-knopf{color:var(--plane);background:var(--link);border:1px solid var(--link);border-radius:var(--radius-s);cursor:pointer;padding:.7rem 1.35rem;font-weight:700}.quiz-knopf:hover{background:var(--link-strong);border-color:var(--link-strong)}.quiz-knopf:disabled{opacity:.55;cursor:progress}.quiz-knopf.leise{color:var(--ink);background:var(--surface);border-color:var(--border-strong)}.quiz-knopf.leise:hover{border-color:var(--link);color:var(--link)}.quiz-fehler{color:var(--danger-fg);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-s);padding:.8rem 1rem;font-size:.88rem}.quiz-frage{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);max-width:48rem;box-shadow:var(--shadow);padding:1.2rem 1.35rem 1.35rem}.quiz-kopf{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem .2rem;font-size:.82rem;display:flex}.quiz-kopf .zaehler{margin-right:.5rem}.quiz-kopf b{color:var(--ink);font-variant-numeric:tabular-nums}.quiz-kopf .stand{margin-left:auto}.quiz-kopf .etikett{margin-left:.25rem}.etikett.stufe-1{color:var(--good);background:var(--good-wash)}.etikett.stufe-2{color:var(--warn);background:var(--warn-wash)}.etikett.stufe-3{color:var(--ink);border-color:var(--ink)}.quiz-leiste{gap:.25rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.quiz-leiste li{background:var(--surface-3);border-radius:999px;flex:1;height:.3rem}.quiz-leiste li.jetzt{background:var(--axis)}.quiz-leiste li.gut{background:var(--good)}.quiz-leiste li.schlecht{background:var(--accent)}.quiz-frage h2{outline:none;margin:1.1rem 0 1rem;font-size:clamp(1.2rem,2.6vw,1.5rem);line-height:1.3}.antworten{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.antworten button{text-align:left;width:100%;height:100%;color:var(--ink);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-s);cursor:pointer;align-items:center;gap:.7rem;padding:.75rem .85rem;font-size:.97rem;font-weight:600;transition:border-color .12s,background .12s;display:flex}.antworten button:not(:disabled):hover{border-color:var(--ink);background:var(--surface-2)}.antworten button:disabled{cursor:default}.antworten kbd{width:1.7rem;height:1.7rem;font:inherit;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:.35rem;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.antworten span{overflow-wrap:anywhere;flex:1;min-width:0}.antworten i{flex:none;font-style:normal;font-weight:800}.antworten button.gut{color:var(--ink);background:var(--good-wash);border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.antworten button.gut kbd,.antworten button.gut i{color:var(--good);border-color:var(--good)}.antworten button.schlecht{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-fg)}.antworten button.schlecht kbd,.antworten button.schlecht i{color:var(--danger-fg);border-color:var(--danger-border)}.antworten button.still{opacity:.5}.aufloesung{border-radius:var(--radius-s);border-left:4px solid var(--good);background:var(--good-wash);margin-top:1rem;padding:.9rem 1rem;font-size:.92rem}.aufloesung.schlecht{border-left-color:var(--accent-strong);background:var(--accent-wash)}.aufloesung p{color:var(--ink-2);text-wrap:pretty;margin:0}.aufloesung p b{color:var(--ink)}.aufloesung-fuss{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:.85rem;display:flex}.quiz-verweis{white-space:nowrap;font-size:.86rem;font-weight:650;text-decoration:none}.quiz-verweis:hover{text-decoration:underline}.aufloesung-fuss .quiz-knopf{margin-left:auto}.tastenhinweis{color:var(--muted);margin:.9rem 0 0;font-size:.76rem;display:none}@media (hover:hover) and (pointer:fine){.tastenhinweis{display:block}}.quiz-abbruch{color:var(--muted);text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;margin-top:.85rem;padding:0;font-size:.82rem;text-decoration:underline}.quiz-abbruch:hover{color:var(--link)}.quiz-ende{max-width:48rem;color:var(--muted);background:var(--surface-2);border-left:3px solid var(--ink);border-radius:0 var(--radius) var(--radius) 0;padding:1.4rem 1.35rem}.quiz-ende h2{outline:none;gap:.2rem;display:grid}.quiz-ende h2 span{color:var(--muted);font-size:.9rem;font-weight:500}.quiz-ende h2 b{letter-spacing:-.04em;color:var(--kopf-ink);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,3.6rem);font-weight:800;line-height:1}.quiz-ende h2 small{color:var(--kopf-muted);letter-spacing:0;font-size:.45em;font-weight:700}.quiz-ende .urteil{color:var(--kopf-ink);margin:.4rem 0 0;font-size:1.05rem;font-weight:650}.nach-stufe{flex-wrap:wrap;gap:.4rem 1.2rem;margin:.8rem 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.nach-stufe b{color:var(--kopf-ink);font-variant-numeric:tabular-nums}.quiz-knoepfe{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.quiz-ende .quiz-knopf.leise{color:var(--kopf-ink);border-color:var(--kopf-linie);background:0 0}.quiz-ende .quiz-knopf.leise:hover{border-color:var(--ink)}.rueckblick-kopf{margin:2.25rem 0 .75rem;font-size:1.1rem}.rueckblick{gap:.6rem;max-width:48rem;margin:0;padding:0;list-style:none;display:grid}.rueckblick li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);gap:.8rem;padding:.85rem 1rem;display:flex}.rueckblick .marke{border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-weight:800;display:grid}.rueckblick li.gut .marke{color:var(--good);background:var(--good-wash)}.rueckblick li.schlecht .marke{color:var(--accent-strong);background:var(--accent-wash)}.rueckblick li>div{min-width:0}.rueckblick p{text-wrap:pretty;margin:0}.rueckblick .frage-text{color:var(--ink);font-weight:650}.rueckblick .antwort-text{margin-top:.2rem;font-size:.9rem}.rueckblick .antwort-text s{color:var(--muted)}.rueckblick .antwort-text b{color:var(--good)}.rueckblick .erklaer-text{color:var(--muted);margin-top:.3rem;font-size:.82rem}@media (width<=34rem){.quiz-frage{padding:1rem}.quiz-kopf .stand{width:100%;margin-left:0}.aufloesung-fuss .quiz-knopf{width:100%}}