:root{--hintergrund:#f4f6f8;--flaeche:#fff;--text:#1b1f24;--text-leise:#5b6470;--rand:#d9dee4;--primaer:#1f4e79;--primaer-text:#fff;--gefahr:#b3261e;--ok:#1e7a34;--warnung:#8a5a00;--hinweis-flaeche:#fff4d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--hintergrund:#121417;--flaeche:#1c2025;--text:#e8eaed;--text-leise:#a3abb5;--rand:#333a42;--primaer:#5b9bd5;--primaer-text:#0c1620;--gefahr:#f2867d;--ok:#7fcf8f;--warnung:#e8c26a;--hinweis-flaeche:#3a3220;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:18px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.seite{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}h1{margin:8px 0 0;font-size:1.6rem}h2{margin:0 0 8px;font-size:1.05rem}.kopf{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.klein{color:var(--text-leise);font-size:.85rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:16px}.laufend{border-color:var(--primaer);flex-direction:column;gap:8px;display:flex}button{font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px}button:disabled{opacity:.5}button.gross{border:none;width:100%;min-height:72px;font-size:1.35rem;font-weight:600}button.primaer{background:var(--primaer);color:var(--primaer-text)}button.gefahr{background:var(--gefahr);color:#fff}.knopfreihe{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.formular{flex-direction:column;gap:14px;display:flex}label{flex-direction:column;gap:6px;display:flex}input{font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1.15rem}input[aria-invalid=true]{border-color:var(--gefahr)}.eingabe-zeile{align-items:center;gap:8px;display:flex}.uhrzeitfeld input{font-variant-numeric:tabular-nums;letter-spacing:.05em;width:6.5em}.fehler{color:var(--gefahr);margin:0;font-size:.95rem}.ok{color:var(--ok)}.meldung{margin:0;font-weight:600}.hinweis{background:var(--hinweis-flaeche);border-radius:8px;margin:0;padding:8px 12px;font-size:.9rem}.sync{text-align:right;max-width:55%;font-size:.8rem}.sync.ok{color:var(--ok)}.sync.warten{color:var(--warnung)}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--rand);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.liste li:last-child{border-bottom:none}.diagnose{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}.diagnose dt{color:var(--text-leise)}.diagnose dd{overflow-wrap:anywhere;margin:0}.banner{z-index:10;background:var(--primaer);color:var(--primaer-text);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}