:root{--hintergrund:#f4f6f8;--flaeche:#fff;--text:#1b1f24;--text-leise:#5b6470;--rand:#d9dee4;--primaer:#1f4e79;--primaer-text:#fff;--zweit:#e3ecf5;--zweit-text:#1f4e79;--gefahr:#b3261e;--ok:#1e7a34;--warnung:#8a5a00;--hinweis-flaeche:#fff4d6;--fehler-flaeche:#fdecea;--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;--zweit:#23303d;--zweit-text:#a9cbec;--gefahr:#f2867d;--ok:#7fcf8f;--warnung:#e8c26a;--hinweis-flaeche:#3a3220;--fehler-flaeche:#3b2220;--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 24px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.inhalt{padding-bottom:calc(72px + env(safe-area-inset-bottom))}h1{margin:0;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.05rem}h3{color:var(--text-leise);margin:12px 0 4px;font-size:.95rem}.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;margin:0;padding:16px}.laufend{border-color:var(--primaer);flex-direction:column;gap:10px;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:64px;font-size:1.3rem;font-weight:600}button.primaer{background:var(--primaer);color:var(--primaer-text);border:none}button.zweit{background:var(--zweit);color:var(--zweit-text)}button.gefahr{background:var(--gefahr);color:#fff;border:none}button.breit{width:100%;min-height:52px}.textknopf{color:var(--primaer);text-align:left;background:0 0;border:none;padding:6px 0}.gefahrtext{color:var(--gefahr);align-self:center}.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,textarea{font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-size:1.1rem}textarea{resize:vertical}input[aria-invalid=true]{border-color:var(--gefahr)}input[type=radio]{width:auto}.eingabe-zeile{align-items:center;gap:8px;display:flex}.uhrzeitfeld input{font-variant-numeric:tabular-nums;letter-spacing:.05em;width:6.5em}.gruppe{border:1px solid var(--rand);background:var(--flaeche);border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:12px 14px 14px;display:flex}.gruppe legend{padding:0 6px;font-weight:600}.datumfeld{flex-direction:column;gap:6px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips .klein{flex:auto}.chip{border-radius:999px;padding:4px 12px;font-size:.9rem}.chip.aktiv{background:var(--zweit);color:var(--zweit-text);border-color:var(--zweit-text)}.zeitwahl{border:1px solid var(--warnung);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.zeitwahl label{flex-direction:row;align-items:center;gap:8px}.dauerzeile{margin:0;font-weight:600}.fehler{color:var(--gefahr);margin:0;font-size:.95rem}.ok{color:var(--ok)}.hinweis{background:var(--hinweis-flaeche);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;font-size:.9rem;display:flex}.pruefung{border-radius:10px;padding:12px 14px}.pruefung p{margin:0 0 8px}.fehlerkasten{background:var(--fehler-flaeche);color:var(--text);border:1px solid var(--gefahr)}.rueckfrage{background:var(--hinweis-flaeche);border:1px solid var(--warnung)}.sync{text-align:right;max-width:55%;margin:0;font-size:.8rem}.sync.ok{color:var(--ok)}.sync.warten{color:var(--warnung)}.liste{margin:0;padding:0;list-style:none}.liste li+li{border-top:1px solid var(--rand)}.blockzeile{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:10px 0;display:grid}.blockzeile .zeit{font-variant-numeric:tabular-nums}.blockzeile .dauer{font-variant-numeric:tabular-nums;color:var(--text-leise)}.blockzeile .text{color:var(--text-leise);grid-column:1/-1;font-size:.9rem}.blockzeile .text.leer{font-style:italic}.monatskopf{align-items:center}.monatskopf button{min-width:48px;font-size:1.3rem}.abrechnung{grid-template-columns:max-content 1fr;align-items:center;gap:8px 12px;margin:0 0 8px;display:grid}.abrechnung dt{color:var(--text-leise)}.abrechnung dd{margin:0}input.satz{width:6em;display:inline-block}.hinweisliste{margin:8px 0;padding-left:0;font-size:.9rem;list-style: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}.meldung{margin:0;font-weight:600}.tabs{z-index:10;background:var(--flaeche);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{min-height:60px;color:var(--text-leise);background:0 0;border:none;border-radius:0;flex:1}.tabs button.aktiv{color:var(--primaer);box-shadow:inset 0 3px 0 var(--primaer);font-weight:700}.toast{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:15;background:var(--text);max-width:528px;color:var(--hintergrund);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 14px;display:flex;position:fixed;box-shadow:0 6px 20px #00000040}.toast button{color:inherit;background:0 0;border-color:currentColor;flex-shrink:0}.fehlertoast{background:var(--gefahr);color:#fff}.formular-ebene{z-index:20;background:var(--hintergrund);position:fixed;inset:0;overflow-y:auto}.banner{z-index:30;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}