:root{
  color-scheme:light dark;
  --bg:#f1f4f6;--sf:#fff;--sf2:#e9eef2;--fg:#15202b;--mut:#57697a;--li:#d5dee5;
  --ak:#1c6ba8;--ok:#2c7156;--warn:#9a6510;--crit:#a83c2c;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0d141a;--sf:#141d25;--sf2:#1b262f;--fg:#e4ebf1;--mut:#93a4b3;--li:#243039;
  --ak:#63aee4;--ok:#6fc49e;--warn:#dda94d;--crit:#e58a79;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  -webkit-text-size-adjust:100%}
body.mitte{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:20px}
.karte{width:100%;max-width:26rem;background:var(--sf);border:1px solid var(--li);padding:26px}
h1{margin:0 0 4px;font-size:21px;letter-spacing:-.01em}
p.sub{margin:0 0 20px;color:var(--mut);font-size:14px}
label{display:block;font-size:13px;color:var(--mut);margin:14px 0 4px}
input[type=password],input[type=text]{width:100%;padding:11px 12px;font-size:17px;
  background:var(--bg);color:var(--fg);border:1px solid var(--li);border-radius:2px}
input:focus-visible{outline:2px solid var(--ak);outline-offset:1px}
.knopf{display:inline-block;margin-top:18px;padding:11px 18px;font-size:15px;
  background:var(--ak);color:#fff;border:0;border-radius:2px;cursor:pointer;text-decoration:none}
.knopf.leise{background:transparent;color:var(--ak);border:1px solid var(--li)}
.zeile{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--mut)}
.warn{background:color-mix(in srgb,var(--crit) 12%,transparent);border-left:3px solid var(--crit);
  padding:9px 12px;font-size:14px;margin:0 0 4px}
.gut{background:color-mix(in srgb,var(--ok) 12%,transparent);border-left:3px solid var(--ok);
  padding:9px 12px;font-size:14px}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}
dt{color:var(--mut)}
dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.fuss{margin-top:20px;padding-top:14px;border-top:1px solid var(--li);font-size:13px;color:var(--mut)}
a{color:var(--ak)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}