:root{color-scheme:light;--grund: #f7f8f7;--grund-erhoben: #ffffff;--tinte: #2b3138;--tinte-leise: #5d666f;--tinte-still: #646d76;--linie: #dde1de;--linie-stark: #c3cac5;--warn: #8a4b00;--warn-grund: #fdf3e6;--fehler: #9b1c1c;--fehler-grund: #fdeeee;--stripe: var(--linie-stark);--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-klein: .8125rem;--t-basis: .9375rem;--t-gross: 1.0625rem;--t-titel: 1.3125rem;--t-kopf: 1.75rem;--t-anzeige: 2.5rem;--r-1: .25rem;--r-2: .5rem;--r-3: .75rem;--r-4: 1rem;--r-6: 1.5rem;--r-8: 2rem;--r-12: 3rem;--radius-bedienbar: 6px;--tastfeld: 44px}:root[data-theme=dark]{color-scheme:dark;--grund: #171a1d;--grund-erhoben: #1f2428;--tinte: #e7eaec;--tinte-leise: #a8b1b8;--tinte-still: #828c94;--linie: #2f363b;--linie-stark: #414a51;--warn: #f0b866;--warn-grund: #2a2114;--fehler: #f19393;--fehler-grund: #2b1a1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--grund: #171a1d;--grund-erhoben: #1f2428;--tinte: #e7eaec;--tinte-leise: #a8b1b8;--tinte-still: #828c94;--linie: #2f363b;--linie-stark: #414a51;--warn: #f0b866;--warn-grund: #2a2114;--fehler: #f19393;--fehler-grund: #2b1a1a}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--tinte);font-family:var(--schrift);font-size:var(--t-basis);line-height:1.5;-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3{margin:0;font-weight:620;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}h1{font-size:var(--t-kopf)}h2{font-size:var(--t-titel);letter-spacing:-.01em}h3{font-size:var(--t-gross);letter-spacing:0}p{margin:0;max-width:62ch}:focus-visible{outline:2px solid var(--tinte);outline-offset:2px;border-radius:2px}button{font:inherit;color:inherit}.schale{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--r-3);padding:var(--r-3) var(--r-4);border-bottom:1px solid var(--linie);background:var(--grund);position:sticky;top:0;z-index:2}.kopf-haushalt{font-size:var(--t-basis);font-weight:600;letter-spacing:-.01em}.inhalt{padding:var(--r-6) var(--r-4) var(--r-12);max-width:46rem;width:100%;margin-inline:auto}.streifen{border-inline-start:3px solid var(--stripe);padding-inline-start:var(--r-3)}.person-chip{display:inline-flex;align-items:center;gap:var(--r-2);border:0;background:none;padding:var(--r-1) var(--r-2);min-height:var(--tastfeld);cursor:pointer;font-size:var(--t-klein);color:var(--tinte-leise)}.person-chip:before{content:"";width:3px;height:1.1em;background:var(--stripe);flex:none}.liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}.liste>li{border-bottom:1px solid var(--linie)}.zeile{display:flex;align-items:center;gap:var(--r-3);width:100%;min-height:60px;padding:var(--r-3) var(--r-2) var(--r-3) 0;border:0;border-inline-start:3px solid var(--stripe);background:none;text-align:start;cursor:pointer;color:inherit;font:inherit}.zeile:hover{background:var(--grund-erhoben)}.zeile-name{font-weight:560}.zeile-neben{margin-inline-start:auto;color:var(--tinte-leise);font-size:var(--t-klein);white-space:nowrap}.zeile-text{padding-inline-start:var(--r-3);display:grid;gap:2px}.knopf{min-height:var(--tastfeld);padding:0 var(--r-4);border:1px solid var(--tinte);border-radius:var(--radius-bedienbar);background:var(--tinte);color:var(--grund);font-weight:560;cursor:pointer}.knopf.leise{background:none;color:var(--tinte);border-color:var(--linie-stark)}.knopf:disabled{opacity:1;background:var(--linie);border-color:var(--linie);color:var(--tinte-still);cursor:not-allowed}.stufen{display:flex;gap:0;border:1px solid var(--linie-stark);border-radius:var(--radius-bedienbar);overflow:hidden}.stufe{flex:1;min-height:var(--tastfeld);border:0;border-inline-start:1px solid var(--linie-stark);background:none;cursor:pointer;font-size:var(--t-klein);padding:0 var(--r-1)}.stufe:first-child{border-inline-start:0}.stufe[aria-pressed=true]{background:var(--tinte);color:var(--grund);font-weight:600}.quelle,.folge{font-size:var(--t-klein);color:var(--tinte-leise);margin-top:var(--r-1)}.leiste{display:flex;border-top:1px solid var(--linie);background:var(--grund);padding-bottom:env(safe-area-inset-bottom);position:sticky;bottom:0}.leiste a{flex:1;min-height:56px;display:grid;place-items:center;gap:2px;text-decoration:none;color:var(--tinte-leise);font-size:var(--t-klein);padding:var(--r-2) 0}.leiste a[aria-current=page]{color:var(--tinte);font-weight:600;box-shadow:inset 0 2px 0 var(--tinte)}.leer{border-inline-start:3px solid var(--linie-stark);padding:var(--r-1) 0 var(--r-1) var(--r-4);display:grid;gap:var(--r-3);justify-items:start}.hinweis{border-inline-start:3px solid var(--warn);background:var(--warn-grund);color:var(--warn);padding:var(--r-3) var(--r-4);font-size:var(--t-klein)}.fehler{border-inline-start:3px solid var(--fehler);background:var(--fehler-grund);color:var(--fehler);padding:var(--r-3) var(--r-4);font-size:var(--t-klein)}.feld{display:grid;gap:var(--r-1);margin-bottom:var(--r-4)}.feld label{font-size:var(--t-klein);color:var(--tinte-leise)}.feld input{min-height:var(--tastfeld);padding:0 var(--r-3);border:1px solid var(--linie-stark);border-radius:var(--radius-bedienbar);background:var(--grund-erhoben);color:var(--tinte);font-size:1rem;font-family:inherit}.feld input:focus-visible{border-color:var(--tinte)}.code-feld input{font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase}@media(min-width:52rem){.schale{grid-template-columns:15rem 1fr;grid-template-rows:auto 1fr}.kopf{grid-column:1 / -1}.leiste{position:static;grid-row:2;flex-direction:column;border-top:0;border-inline-end:1px solid var(--linie);padding:var(--r-3) 0}.leiste a{flex:none;grid-auto-flow:column;justify-content:start;padding-inline:var(--r-4);min-height:var(--tastfeld)}.leiste a[aria-current=page]{box-shadow:inset 3px 0 0 var(--tinte)}.inhalt{grid-row:2;padding-inline:var(--r-8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@supports (color: color-mix(in oklab,red 50%,white)){:root[data-theme=dark] .streifen,:root[data-theme=dark] .zeile,:root[data-theme=dark] .leer{border-inline-start-color:color-mix(in oklab,var(--stripe) 75%,white)}:root[data-theme=dark] .person-chip:before{background:color-mix(in oklab,var(--stripe) 75%,white)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .streifen,:root:not([data-theme=light]) .zeile,:root:not([data-theme=light]) .leer{border-inline-start-color:color-mix(in oklab,var(--stripe) 75%,white)}:root:not([data-theme=light]) .person-chip:before{background:color-mix(in oklab,var(--stripe) 75%,white)}}}