:root{--hg:#f7f7f5;--flaeche:#fff;--text:#1d1d1b;--leise:#6b6b66;--rand:#dcdcd6;--akzent:#2f5d8a;--fehler:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hg:#161615;--flaeche:#1f1f1d;--text:#ecece8;--leise:#a3a39d;--rand:#3a3a37;--akzent:#7fb0e0;--fehler:#f2a29c}}*{box-sizing:border-box}body{background:var(--hg);color:var(--text);margin:0;font:15px/1.5 system-ui,sans-serif}h1{margin:0;font-size:1.3rem}h2{margin:0;font-size:1rem}label{color:var(--leise);flex-direction:column;gap:4px;font-size:.85rem;display:flex}textarea,select,input[type=password]{font:inherit;color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;padding:8px}textarea{resize:vertical}button{font:inherit;cursor:pointer;background:var(--akzent);color:var(--hg);border:0;border-radius:6px;padding:8px 16px}button:disabled{opacity:.5;cursor:default}button.leise{color:var(--akzent);background:0 0;padding:4px 8px}pre{white-space:pre-wrap;word-break:break-word;margin:0;font:14px/1.5 ui-monospace,monospace}.seite{max-width:1300px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}main{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:860px){main{grid-template-columns:1fr}}section{flex-direction:column;gap:12px;min-width:0;display:flex}.reihe{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.breit{flex:1;min-width:200px}.haken{flex-direction:row;align-items:center;gap:6px}.hinweis{color:var(--leise);margin:0;font-size:.8rem}.fehler{color:var(--fehler);margin:0}.kopf{justify-content:space-between;align-items:center;display:flex}.antwort{background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;min-height:200px;padding:12px}details pre{background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;padding:12px}.verlauf{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.verlauf button{text-align:left;width:100%;color:var(--text);flex-direction:column;display:flex}.verlauf span:first-child{color:var(--leise);font-size:.75rem}.vorschau{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anmelden{max-width:320px;margin:15vh auto;padding:16px}.anmelden form{flex-direction:column;gap:12px;margin-top:16px;display:flex}
