:root{--color-bg: #f4f3ef;--color-surface: #ffffff;--color-line: #dedbd3;--color-fg: #1b1f24;--color-muted: #565e6b;--color-accent: #0e6b6b;--color-on-accent: #ffffff;--color-ok: #2e6630;--color-crit: #a12a2a;--color-warn: #8a4207;--font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #111417;--color-surface: #1a1e23;--color-line: #343a42;--color-fg: #e8eaec;--color-muted: #a3aab4;--color-accent: #45aaa6;--color-on-accent: #0a1716;--color-ok: #91cf8f;--color-crit: #f19a93;--color-warn: #f0b27a;color-scheme:dark}}:root[data-theme=dark]{--color-bg: #111417;--color-surface: #1a1e23;--color-line: #343a42;--color-fg: #e8eaec;--color-muted: #a3aab4;--color-accent: #45aaa6;--color-on-accent: #0a1716;--color-ok: #91cf8f;--color-crit: #f19a93;--color-warn: #f0b27a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font);font-size:15px;line-height:1.5}a{color:var(--color-accent)}.seite{max-width:720px;margin:0 auto;padding:40px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:24px}.kopf{display:flex;align-items:center;gap:14px}.kopf h1{margin:0;font-size:24px;font-weight:600}.kopf p{margin:0}.logo{width:44px;height:44px;border-radius:10px;background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center;font-weight:700;font-size:20px}.umgebung{margin-left:auto;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-line)}.umgebung-staging{color:var(--color-warn);border-color:currentColor}.umgebung-prod{color:var(--color-ok);border-color:currentColor}.karte{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.karte h2{margin:0;font-size:17px;font-weight:600}.werte{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 24px}.werte dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.werte dd{margin:2px 0 0;font-weight:500}.mono{font-family:var(--mono)}.leise{color:var(--color-muted)}.klein{font-size:13px;margin:0}.ok{color:var(--color-ok);font-weight:600}.fehler{color:var(--color-crit);font-weight:500}