:root{--stahl: #e7ebee;--stahl-tief: #dbe1e6;--karte: #ffffff;--tinte: #16202a;--tinte-leise: #4a5763;--messing: #8a6314;--messing-flaeche: #f6efdf;--signal: #b3261e;--signal-flaeche: #fbeceb;--minus: #3d6e8f;--plus: #2c6b4f;--linie: #c9d2d9;--linie-zart: #e2e8ec;--strahl-arbeit-farbe: #16202a;--raum-1: 4px;--raum-2: 8px;--raum-3: 12px;--raum-4: 16px;--raum-6: 24px;--raum-8: 32px;--raum-12: 48px;--raum-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--schatten-xs: 0 1px 2px rgb(22 32 42 / .06);--schatten-sm: 0 1px 3px rgb(22 32 42 / .08), 0 1px 2px -1px rgb(22 32 42 / .06);--schatten-md: 0 6px 18px -6px rgb(22 32 42 / .16), 0 2px 6px -2px rgb(22 32 42 / .08);--schrift-text: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-zahl: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace;--tippziel: 44px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--stahl: #141a20;--stahl-tief: #0e1318;--karte: #1c242c;--tinte: #e8edf1;--tinte-leise: #a4b1bb;--messing: #d8a63c;--messing-flaeche: #2a2418;--signal: #f2837b;--signal-flaeche: #2e1c1b;--minus: #7fb4d6;--plus: #7fc3a0;--linie: #2c3742;--linie-zart: #232c35;--strahl-arbeit-farbe: #c2ced8;--schatten-xs: 0 1px 2px rgb(0 0 0 / .4);--schatten-sm: 0 1px 3px rgb(0 0 0 / .45);--schatten-md: 0 8px 22px -8px rgb(0 0 0 / .6), 0 2px 8px -2px rgb(0 0 0 / .4);color-scheme:dark}}:root[data-theme=dark]{--stahl: #141a20;--stahl-tief: #0e1318;--karte: #1c242c;--tinte: #e8edf1;--tinte-leise: #a4b1bb;--messing: #d8a63c;--messing-flaeche: #2a2418;--signal: #f2837b;--signal-flaeche: #2e1c1b;--minus: #7fb4d6;--plus: #7fc3a0;--linie: #2c3742;--linie-zart: #232c35;--strahl-arbeit-farbe: #c2ced8;--schatten-xs: 0 1px 2px rgb(0 0 0 / .4);--schatten-sm: 0 1px 3px rgb(0 0 0 / .45);--schatten-md: 0 8px 22px -8px rgb(0 0 0 / .6), 0 2px 8px -2px rgb(0 0 0 / .4);color-scheme:dark}:root[data-theme=light]{--stahl: #e7ebee;--stahl-tief: #dbe1e6;--karte: #ffffff;--tinte: #16202a;--tinte-leise: #4a5763;--messing: #8a6314;--messing-flaeche: #f6efdf;--signal: #b3261e;--signal-flaeche: #fbeceb;--minus: #3d6e8f;--plus: #2c6b4f;--linie: #c9d2d9;--linie-zart: #e2e8ec;--strahl-arbeit-farbe: #16202a;--schatten-xs: 0 1px 2px rgb(22 32 42 / .06);--schatten-sm: 0 1px 3px rgb(22 32 42 / .08), 0 1px 2px -1px rgb(22 32 42 / .06);--schatten-md: 0 6px 18px -6px rgb(22 32 42 / .16), 0 2px 6px -2px rgb(22 32 42 / .08);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}body{background:var(--stahl);color:var(--tinte);font-family:var(--schrift-text);font-size:16px;line-height:1.5;padding:0 max(var(--raum-3),env(safe-area-inset-left)) calc(var(--raum-6) + env(safe-area-inset-bottom)) max(var(--raum-3),env(safe-area-inset-right))}.sprungmarke{position:absolute;left:-9999px}.sprungmarke:focus{left:var(--raum-2);top:var(--raum-2);z-index:10;background:var(--karte);padding:var(--raum-2) var(--raum-3);border-radius:var(--radius-md);box-shadow:var(--schatten-md)}:focus-visible{outline:2px solid var(--messing);outline-offset:2px;border-radius:var(--radius-sm)}.kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--raum-3);padding:max(var(--raum-2),env(safe-area-inset-top)) 0 var(--raum-1)}.wortmarke{margin:0;font-family:var(--schrift-zahl);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.9rem}.wortmarke a{color:inherit;text-decoration:none}.wortmarke:after{content:"";display:block;width:28px;height:3px;margin-top:var(--raum-1);border-radius:2px;background:var(--messing)}.modi{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--raum-1);background:var(--stahl-tief);border:1px solid var(--linie);border-radius:var(--radius-lg);padding:var(--raum-1);margin-bottom:var(--raum-2)}.modus{min-height:var(--tippziel);transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;border:0;border-radius:var(--radius-md);background:transparent;color:var(--tinte-leise);font:inherit;font-size:.95rem;cursor:pointer}.modus[aria-pressed=true]{background:var(--karte);color:var(--tinte);font-weight:600;box-shadow:var(--schatten-xs)}.ergebnis{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius-lg);box-shadow:var(--schatten-md);padding:var(--raum-3) var(--raum-4);margin-bottom:var(--raum-2)}.ergebnis-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--raum-2);flex-wrap:wrap}.ergebnis-rest{margin:0;font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;color:var(--messing);white-space:nowrap}.ergebnis-titel{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte-leise)}.ergebnis-zeit{margin:var(--raum-1) 0 var(--raum-2);min-height:1.05em;font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,11vw,3.75rem);line-height:1;font-weight:700;letter-spacing:-.02em}.ergebnis-zeilen,.ergebnis-dezimal,.ergebnis-saldo,.statuszeile{margin:0 0 var(--raum-1);font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;font-size:.9rem;min-height:1.4em}.ergebnis-zeilen,.ergebnis-dezimal,.statuszeile{color:var(--tinte-leise);font-size:.78rem;font-family:var(--schrift-text);min-height:0}.statuszeile:empty,.ergebnis-dezimal:empty{display:none}.ergebnis-saldo:empty,.ergebnis-zeilen:empty{display:none;min-height:0}.saldo-plus{color:var(--plus)}.saldo-minus{color:var(--minus)}.zeitstrahl-hülle{margin:var(--raum-2) 0 var(--raum-1)}.zeitstrahl{width:100%;height:40px;display:block}.strahl-perforation rect{fill:var(--karte);opacity:.4}.strahl-budget-spur{fill:var(--linie)}.strahl-grund{fill:var(--linie-zart)}.strahl-arbeit{fill:var(--strahl-arbeit-farbe)}.strahl-pause{fill:var(--karte);stroke:var(--messing);stroke-width:2}.strahl-budget{fill:var(--messing-flaeche);stroke:var(--messing);stroke-width:2;stroke-dasharray:6 5}.strahl-jetzt{stroke:var(--messing);stroke-width:3}.zeitstrahl-legende:empty{display:none}.zeitstrahl-legende{margin:var(--raum-1) 0 0;font-size:.75rem;color:var(--tinte-leise)}.hinweise{list-style:none;margin:var(--raum-2) 0 0;padding:0;display:grid;gap:var(--raum-1);align-content:start}@media(max-width:899px){.hinweise{min-height:44px}}.hinweise-weitere{min-height:0;margin-top:var(--raum-1)}.klappe-hinweise{border-top:0;padding:0}.klappe-hinweise summary{min-height:var(--tippziel);font-size:.85rem;font-weight:600;color:var(--tinte-leise)}.hinweise li{font-size:.82rem;padding:var(--raum-1) var(--raum-2);border-radius:var(--radius-md);background:var(--stahl);border-left:3px solid var(--linie)}.hinweise li.verstoss{border-left-color:var(--signal);background:var(--signal-flaeche);color:var(--signal);font-weight:600}.schnellfelder{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:var(--raum-2);margin-bottom:var(--raum-2)}.schnellfeld label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise);margin-bottom:var(--raum-1)}.schnellfeld input{text-align:center;font-size:16px;font-weight:600;padding:var(--raum-2) var(--raum-1)}.schnellfeld input:focus-visible{border-color:var(--messing)}.chips{display:flex;flex-wrap:wrap;gap:var(--raum-1);min-height:var(--tippziel);align-items:center;margin-bottom:var(--raum-2)}.chip{min-height:var(--tippziel);padding:var(--raum-1) var(--raum-3);border-radius:999px;border:1px solid var(--linie);background:var(--stahl);color:var(--tinte);font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.chip-titel{font-size:.75rem;font-weight:600;color:var(--tinte-leise);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--raum-1)}.chip[aria-pressed=true]{background:var(--tinte);border-color:var(--tinte);color:var(--karte);font-weight:600}.feld-erklaerung:empty{display:none}.schnellfeld .feld-erklaerung{margin-top:var(--raum-1);font-size:.7rem;text-align:center;line-height:1.3}.formular{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius-lg);box-shadow:var(--schatten-sm);padding:var(--raum-3) var(--raum-4)}.feld{margin:0 0 var(--raum-4);border:0;padding:0}.feld label,.feld legend,.unterlabel{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--raum-1)}.unterlabel{margin-top:var(--raum-2);font-weight:400;color:var(--tinte-leise)}input[type=text],input[type=date],select{transition:border-color .12s ease,background-color .12s ease;width:100%;min-height:var(--tippziel);font-size:16px;font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--tinte);background:var(--stahl);border:1px solid var(--linie);border-radius:var(--radius-md);padding:var(--raum-2) var(--raum-3)}select{font-family:var(--schrift-text)}input.fehlerhaft{border-color:var(--signal);background:var(--signal-flaeche)}.erklaerung,.quellenzeile{margin:var(--raum-1) 0 0;font-size:.8rem;color:var(--tinte-leise)}.erklaerung.fehler{color:var(--signal);font-weight:600}.schalter{display:flex;align-items:center;gap:var(--raum-2);min-height:var(--tippziel);font-size:.9rem;font-weight:400}.schalter input{width:20px;height:20px;accent-color:var(--messing)}.knopf,.knopf-klein{transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;min-height:var(--tippziel);padding:var(--raum-2) var(--raum-4);border-radius:var(--radius-md);border:1px solid var(--linie);background:var(--stahl);color:var(--tinte);font:inherit;cursor:pointer;box-shadow:var(--schatten-xs)}.knopf{background:var(--tinte);color:var(--karte);border-color:var(--tinte);font-weight:600}.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--raum-2);margin:var(--raum-2) 0}.klappe{border-top:1px solid var(--linie-zart);padding:var(--raum-1) 0}.klappe summary{min-height:var(--tippziel);display:flex;align-items:center;font-weight:600;cursor:pointer}.dialog{background:var(--messing-flaeche);border:1px solid var(--messing);border-radius:var(--radius-md);padding:var(--raum-3);margin-bottom:var(--raum-4)}.dialog p{margin:0 0 var(--raum-2)}.segment-zeile{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--raum-2);align-items:end;padding:var(--raum-2);margin-bottom:var(--raum-2);background:var(--stahl);border:1px solid var(--linie-zart);border-radius:var(--radius-md)}.segment-zeile.segment-fehler{border-color:var(--signal);background:var(--signal-flaeche)}.segment-zeile select,.segment-zeile .schalter{grid-column:1 / -1}.rechtstext p,.erklaerungstext p{font-size:.95rem;max-width:68ch}.rechtstext h1{font-size:1.4rem}.rechtstext h2{font-size:1.05rem;margin-top:var(--raum-6)}.erklaerungstext{margin:var(--raum-6) 0 0}.erklaerungstext h2{font-size:1.05rem}.fuss{margin-top:var(--raum-6);padding-top:var(--raum-4);border-top:1px solid var(--linie-zart);font-size:.8rem;color:var(--tinte-leise)}.fuss a{color:var(--tinte)}.disclaimer{max-width:68ch}.update-banner{position:fixed;left:var(--raum-3);right:var(--raum-3);bottom:calc(var(--raum-3) + env(safe-area-inset-bottom));background:var(--karte);border:1px solid var(--messing);border-radius:var(--radius-lg);box-shadow:var(--schatten-md);padding:var(--raum-3);display:flex;align-items:center;justify-content:space-between;gap:var(--raum-3)}.update-banner p{margin:0}[hidden]{display:none!important}@media(min-width:900px){body{max-width:1080px;margin:0 auto;padding-bottom:var(--raum-16)}main{display:grid;grid-template-columns:1fr 1fr;gap:var(--raum-4);align-items:start}.ergebnis{grid-column:1;position:sticky;top:var(--raum-3)}.formular{grid-column:2;grid-row:1 / span 2}.erklaerungstext{grid-column:1;margin-top:var(--raum-4)}.ergebnis-zeit{font-size:4rem}}@media(hover:hover){.knopf:hover,.knopf-klein:hover{box-shadow:var(--schatten-sm)}.modus:not([aria-pressed=true]):hover{color:var(--tinte)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}