:root{--bg:#f6f6f4;--fg:#1d1d1f;--mut:#6b6b70;--karte:#fff;--rand:#dcdcd6;--akz:#2b5fd9;--rot:#c0392b;}
@media (prefers-color-scheme:dark){:root{--bg:#141416;--fg:#ececec;--mut:#9a9aa2;--karte:#1f1f23;--rand:#34343a;--akz:#7aa2ff;--rot:#ff6b5b;}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,system-ui,"Segoe UI",Roboto,sans-serif;padding:0 16px 40px}
main{max-width:720px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}
header h1{font-size:1.25rem;margin:0}
a{color:var(--akz)}
.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;padding:16px;margin:12px 0}
.knoepfe{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.knopf,button{display:block;text-align:center;padding:12px;border-radius:10px;border:1px solid var(--rand);background:var(--karte);color:var(--fg);font:inherit;text-decoration:none;cursor:pointer}
.knopf:hover,button:hover{border-color:var(--akz)}
button.primaer,.knopf.primaer{background:var(--akz);color:#fff;border-color:var(--akz)}
button.gefahr{color:var(--rot)}
button.klein{display:inline-block;padding:6px 10px;font-size:.9rem}
input{font:inherit;padding:10px;border-radius:8px;border:1px solid var(--rand);background:var(--bg);color:var(--fg);width:100%}
label{display:block;margin:10px 0 4px;color:var(--mut);font-size:.9rem}
code,.url{font-family:ui-monospace,Menlo,monospace;font-size:.9rem;word-break:break-all;background:var(--bg);padding:2px 6px;border-radius:6px}
.mut{color:var(--mut);font-size:.9rem}
.fehler{color:var(--rot)}
.meldung{border-left:4px solid var(--akz)}
ol{padding-left:22px}li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:.9rem}
td,th{padding:8px 6px;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}
.tabelle{overflow-x:auto}
.zeile{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.zeile input{width:auto;flex:1;min-width:120px;padding:6px}
.gesperrt{opacity:.55}
.token{font-family:ui-monospace,Menlo,monospace;word-break:break-all;background:#fff6c7;color:#000;padding:10px;border-radius:8px}
.diff{list-style:none;padding-left:0;font-family:ui-monospace,Menlo,monospace;font-size:.9rem}
.diff .weg{color:var(--rot)}
.diff .dazu{color:#1a8f3c}
@media (prefers-color-scheme:dark){.diff .dazu{color:#5fd38a}}