.erklaert .pro{color:var(--ok)}.erklaert .con{color:var(--bad)}.erklaert .seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.erklaert .seg button{padding:6px 11px;font-size:.84rem}.erklaert .seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .erklaert .seg button[aria-pressed=true]{color:#0d1530}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .erklaert .seg button[aria-pressed=true]{color:#0d1530}}.erklaert .toggle{display:flex;align-items:center;gap:7px;font-size:.86rem;cursor:pointer;margin:4px 0}.erklaert .toggle input{accent-color:var(--accent);width:17px;height:17px;flex:none}.erklaert .note{margin-top:10px;font-size:.88rem;padding:10px 12px;border-radius:9px;background:var(--bg);min-height:2.6em}.erklaert .note code{font-size:.8rem}.erklaert .code{border-radius:10px;background:#16161a;color:#e6e6ea;font:.78rem/1.55 var(--mono);padding:10px 12px;overflow-x:auto;white-space:pre;margin:0}.erklaert .code .k{color:#86a6ff;font-weight:700}.erklaert .code .s{color:#f5b77c}.erklaert .code .c{color:#8f8f99}.erklaert .code .x{color:#8f8f99;text-decoration:line-through}.erklaert .code .g{color:#7fdca1}.erklaert .calls{display:flex;flex-direction:column;gap:8px}.erklaert .call{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:8px}@media(max-width:620px){.erklaert .call{grid-template-columns:minmax(0,1fr)}}.erklaert .call .lbl{grid-column:1/-1;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.erklaert .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}@media(max-width:560px){.erklaert .stats{grid-template-columns:1fr 1fr}}.erklaert .stats div{padding:9px;border-radius:9px;background:var(--bg);text-align:center;font-size:.72rem;color:var(--muted)}.erklaert .stats b{display:block;font:600 1.1rem var(--serif);color:var(--fg)}.erklaert .stats .bad b{color:var(--bad)}.erklaert .stats .good b{color:var(--ok)}.erklaert .gq{display:grid;grid-template-columns:12em minmax(0,1fr)minmax(0,1fr);gap:10px}@media(max-width:700px){.erklaert .gq{grid-template-columns:minmax(0,1fr)}}.erklaert .fields{display:flex;flex-direction:column;gap:2px;font-size:.84rem}.erklaert .fields .grp{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:6px}.erklaert #flow{max-width:620px}.erklaert #flow .bx{fill:var(--card);stroke:var(--line);stroke-width:2}.erklaert #flow .bx.ok{stroke:var(--ok);fill:var(--ok-soft)}.erklaert #flow .bx.bad{stroke:var(--bad);fill:var(--bad-soft)}.erklaert #flow .bx.slow{stroke:var(--accent-2);fill:var(--accent-2-soft)}.erklaert #flow .bx.q{stroke:var(--accent);fill:var(--accent-soft)}.erklaert #flow .t{font:700 12px var(--sans);fill:var(--fg)}.erklaert #flow .s{font:10px var(--sans);fill:var(--muted)}.erklaert #flow .ar{stroke:var(--muted);stroke-width:2;fill:none}.erklaert .res{margin-top:10px;padding:12px 14px;border-radius:10px;font-size:.9rem}.erklaert .res.ok{background:var(--ok-soft)}.erklaert .res.bad{background:var(--bad-soft)}.erklaert .res.warn{background:var(--accent-2-soft)}