:root{color-scheme:light dark;--grund:#fbfaf7;--flaeche:#ffffff;--text:#22251f;--mild:#5d6158;--linie:#ddd9cd;--akzent:#386641;--akzent-tint:#eaf1e9;--gold:#8a5200}@media (prefers-color-scheme:dark){:root{--grund:#1b201c;--flaeche:#242b26;--text:#e9e7df;--mild:#a8aa9f;--linie:#3a433c;--akzent:#8fbf97;--akzent-tint:#28332b;--gold:#d2a05c}}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:740px;margin:0 auto;padding:32px 18px 48px;display:flex;flex-direction:column;min-height:100vh}header h1{font-size:1.5rem;margin:0 0 6px;color:var(--akzent)}.unter{color:var(--mild);font-size:.92rem;margin:0 0 24px;max-width:58ch}.start{margin-bottom:20px}.hinweis{font-size:.9rem;color:var(--mild);margin:0 0 10px}.vorschlaege{display:flex;flex-wrap:wrap;gap:8px}.vorschlag{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);padding:8px 12px;border-radius:18px;font-size:.88rem;cursor:pointer;text-align:left}.vorschlag:focus-visible,.vorschlag:hover{border-color:var(--akzent);background:var(--akzent-tint);outline:none}.verlauf{flex:1 1;display:flex;flex-direction:column;gap:14px;margin:14px 0}.blase{border-radius:10px;padding:12px 15px;max-width:92%}.blase p{margin:0;white-space:pre-wrap}.blase.frage{align-self:flex-end;background:var(--akzent-tint)}.blase.antwort,.blase.frage{border:1px solid var(--linie)}.blase.antwort{align-self:flex-start;background:var(--flaeche)}.denkt{color:var(--mild);font-style:italic}.belege{margin-top:10px}.aufklappen{background:none;border:none;color:var(--gold);font-size:.82rem;padding:0;cursor:pointer;text-decoration:underline}.belegliste{margin-top:8px;padding-top:8px;border-top:1px solid var(--linie);font-size:.82rem}.belegliste ul{margin:0 0 6px;padding-left:18px}.belegliste li{margin-bottom:3px}.quelle{color:var(--mild);font-size:.8rem;margin:2px 0}.eingabezeile{display:flex;gap:8px;margin-top:8px}.eingabezeile input{flex:1 1;padding:11px 13px;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche);color:var(--text);font-size:1rem}.eingabezeile input:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.eingabezeile button{padding:11px 18px;border:none;border-radius:8px;background:var(--akzent);color:#fff;font-weight:600;cursor:pointer}.eingabezeile button:disabled{opacity:.45;cursor:default}@media (prefers-color-scheme:dark){.eingabezeile button{color:#1b201c}}.codefeld{margin:0 0 22px;font-size:.85rem}.codefeld label{display:block;color:var(--mild)}.gewaehr{margin:10px 0 0;font-size:.78rem;color:var(--mild);text-align:center}.codefeld input{margin-top:6px;padding:8px 10px;border:1px solid var(--linie);border-radius:6px;background:var(--flaeche);color:var(--text);width:200px}footer{margin-top:28px;padding-top:12px;border-top:1px solid var(--linie);font-size:.78rem;color:var(--mild)}