:root{--sans: "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--t-xs: 10px;--t-sm: 11.5px;--t-md: 13px;--t-lg: 14px;--t-xl: 21px;--t-2xl: 30px;--t-3xl: 42px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 15px;--s-5: 20px;--s-6: 28px;--r-sm: 10px;--r-md: 14px;--r-lg: 16px;--r-pill: 999px;--bg: #F2F6F4;--card: rgba(255, 255, 255, .84);--card-edge: rgba(255, 255, 255, .92);--inner: #F5F8F7;--ink: #243634;--ink-2: #4E635F;--muted: #7C918E;--hairline: rgba(36, 54, 52, .14);--solid: #243634;--on-solid: #F2F6F4;--shadow: 0 10px 26px -14px rgba(20, 40, 38, .4);--g1: #8FB8B4;--g2: #CFE1DC}@media(prefers-color-scheme:dark){:root{--bg: #0E1413;--card: rgba(255, 255, 255, .07);--card-edge: rgba(255, 255, 255, .1);--inner: #131B1A;--ink: #E4EDEA;--ink-2: #A7BAB6;--muted: #7C908C;--hairline: rgba(228, 237, 234, .16);--solid: #E4EDEA;--on-solid: #0E1413;--shadow: 0 10px 26px -16px rgba(0, 0, 0, .7);--g1: #1B3330;--g2: #0F1A19}}:root[data-theme=dark]{--bg:#0E1413;--card:rgba(255,255,255,.07);--card-edge:rgba(255,255,255,.1);--inner:#131B1A;--ink:#E4EDEA;--ink-2:#A7BAB6;--muted:#7C908C;--hairline:rgba(228,237,234,.16);--solid:#E4EDEA;--on-solid:#0E1413;--shadow:0 10px 26px -16px rgba(0,0,0,.7);--g1:#1B3330;--g2:#0F1A19}:root[data-theme=light]{--bg:#F2F6F4;--card:rgba(255,255,255,.84);--card-edge:rgba(255,255,255,.92);--inner:#F5F8F7;--ink:#243634;--ink-2:#4E635F;--muted:#7C918E;--hairline:rgba(36,54,52,.14);--solid:#243634;--on-solid:#F2F6F4;--shadow:0 10px 26px -14px rgba(20,40,38,.4);--g1:#8FB8B4;--g2:#CFE1DC}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-lg);line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.app{min-height:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);position:relative}.inhalt{flex:1;padding-bottom:92px}.kopf{padding:calc(env(safe-area-inset-top,0px) + var(--s-4)) var(--s-5) 0;min-height:158px;background:linear-gradient(168deg,var(--g1) 0%,var(--g2) 60%,var(--bg) 100%);transition:background .7s ease}.kopf--knapp{min-height:148px}.kopf-zeile{display:flex;align-items:center;justify-content:space-between;font-size:var(--t-sm);letter-spacing:.04em;color:var(--ink);opacity:.74}.kopf-zeile button{background:none;border:none;padding:4px 0;cursor:pointer;font-size:var(--t-sm);letter-spacing:.04em;opacity:1}.kopf-titel{font-size:var(--t-xl);font-weight:600;letter-spacing:-.015em;margin:var(--s-5) 0 3px}.kopf-unter{font-size:12.5px;opacity:.84;margin:0 0 var(--s-4)}.karte{margin:var(--s-3) var(--s-4) 0;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--r-lg);padding:var(--s-4) 17px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.kopf+.karte{margin-top:-34px}.karte--flach{box-shadow:none}.karte-lab{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.karte-gross{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.025em;margin:6px 0 3px}.karte-notiz{font-size:var(--t-sm);color:var(--muted);margin:0}.ringe{display:flex;gap:9px;margin:var(--s-4) var(--s-4) 0}.ring{flex:1;text-align:center;background:none;border:0;padding:4px 2px;cursor:pointer;border-radius:var(--r-md)}.ring:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ring-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ring-kreis{width:64px;height:64px;border-radius:50%;margin:0 auto 7px;position:relative;display:grid;place-items:center;background:conic-gradient(var(--rc) calc(var(--p) * 1%),var(--card) 0)}.ring-kreis:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--inner)}.ring-kreis span{position:relative;z-index:1;font-weight:600}.ring-wert{font-size:12px;letter-spacing:-.02em;white-space:nowrap}.ring-wert--lang{font-size:10px;letter-spacing:-.03em}.ring-lab{font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);display:block}.liste{margin:0;padding:0;list-style:none}.zeile{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--hairline);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer}.zeile:last-child{border-bottom:none}.zeile-symbol{width:34px;height:34px;border-radius:11px;flex:0 0 auto;background:var(--card);display:grid;place-items:center;font-size:14px;color:var(--muted)}.zeile-text{flex:1;min-width:0;line-height:1.3}.zeile-text b{font-weight:600;display:block;font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zeile-text span{font-size:var(--t-sm);color:var(--muted)}.zeile-betrag{font-family:var(--mono);font-size:12.5px;white-space:nowrap}.zeile-betrag.minus{color:var(--ink)}.zeile-betrag.plus{color:#3e8f62}:root[data-theme=dark] .zeile-betrag.plus{color:#6fc392}@media(prefers-color-scheme:dark){.zeile-betrag.plus{color:#6fc392}}.notiz{margin:var(--s-4) var(--s-4) 0;background:var(--card);border-radius:var(--r-md);padding:13px var(--s-4);font-size:12.5px;color:var(--ink-2);line-height:1.5}.notiz b{color:var(--ink);font-weight:600}.felder{margin:var(--s-4) var(--s-4) 0}.feld{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--hairline);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer}.feld-k{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:0 0 auto}.feld-v{font-size:13.5px;font-weight:600;text-align:right}.marke{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:6px;border:1px solid var(--hairline);border-radius:3px;padding:1px 5px;vertical-align:1.5px;font-weight:400}.knopf{display:block;width:calc(100% - var(--s-4) * 2);margin:var(--s-4) var(--s-4) 0;text-align:center;background:var(--solid);color:var(--on-solid);border:none;border-radius:var(--r-md);padding:14px;font-size:var(--t-lg);font-weight:600;cursor:pointer}.knopf:disabled{opacity:.4;cursor:default}.knopf--geist{background:none;color:var(--ink-2);border:1px solid var(--hairline);font-weight:400;padding:12px;margin-top:var(--s-2)}.knopf:focus-visible,.zeile:focus-visible,.feld:focus-visible,.chip:focus-visible,.nav button:focus-visible,.taste:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--s-3) var(--s-4) 0}.chip{font-size:12.5px;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--hairline);color:var(--ink-2);background:none;cursor:pointer}.chip[aria-pressed=true]{background:var(--solid);border-color:var(--solid);color:var(--on-solid);font-weight:600}.betrag-anzeige{text-align:center;padding:20px 0 4px}.betrag-anzeige .gross{font-size:var(--t-3xl);font-weight:600;letter-spacing:-.03em;line-height:1.1}.betrag-anzeige .gross.leer{color:var(--muted)}.betrag-anzeige .unter{font-size:var(--t-sm);color:var(--muted);margin-top:5px}.tastenfeld{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:var(--s-4) var(--s-4) 0}.taste{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--r-sm);padding:15px 0;text-align:center;font-family:var(--mono);font-size:19px;cursor:pointer}.taste:active{background:var(--inner)}.nav{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;padding:11px var(--s-5) calc(env(safe-area-inset-bottom,0px) + 13px);background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;z-index:10}.nav button{background:none;border:none;cursor:pointer;padding:4px 2px;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.nav button[aria-current=true]{color:var(--ink);font-weight:700}.nav .plus{width:34px;height:34px;border-radius:50%;background:var(--solid);color:var(--on-solid);display:grid;place-items:center;font-size:21px;margin-top:-14px;letter-spacing:0;line-height:1}.band{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px var(--s-4);background:var(--solid);color:var(--on-solid);font-size:12.5px;line-height:1.4}.band button{margin-left:auto;flex:0 0 auto;background:none;border:1px solid currentColor;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer}.leer{margin:var(--s-6) var(--s-4);text-align:center;color:var(--muted);font-size:13.5px}.leer b{display:block;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:6px}.abschnitt-lab{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:var(--s-5) var(--s-4) var(--s-2)}.eingabe{width:100%;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:11px 13px;font-size:var(--t-lg);color:var(--ink);font-family:var(--sans)}.eingabe:focus{outline:2px solid var(--ink);outline-offset:1px}.eingabe--gross{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.025em;margin:6px 0 3px;padding:6px 10px;background:var(--inner)}.eingabe--schmal{width:auto;max-width:62%;text-align:right;padding:6px 9px;font-size:13.5px;font-weight:600;background:var(--inner)}.felder label.feld{cursor:default}.monatswahl{display:inline-flex;align-items:center;gap:2px}.monatswahl b{font-weight:600;min-width:8.5em;text-align:center}.monatswahl button{font-size:17px;line-height:1;padding:4px 8px;color:var(--ink);border-radius:var(--r-sm)}.monatswahl button:disabled{opacity:.28;cursor:default}.blatt-grund{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0c16156b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:blatt-auf .18s ease-out}.blatt{width:100%;max-width:520px;background:var(--bg);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);border-top:1px solid var(--card-edge);padding:var(--s-2) 0 calc(env(safe-area-inset-bottom,0px) + var(--s-4));box-shadow:0 -12px 40px -18px #0c16158c;animation:blatt-hoch .22s cubic-bezier(.22,.9,.3,1)}.blatt-griff{width:36px;height:4px;border-radius:var(--r-pill);background:var(--hairline);margin:0 auto var(--s-3)}.blatt-titel{margin:0 var(--s-4) var(--s-2);font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.blatt-liste{list-style:none;margin:0 var(--s-4);padding:0}.blatt-liste button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--hairline);background:none;text-align:left;cursor:pointer;color:var(--ink)}.blatt-liste li:last-child button{border-bottom:0}.blatt-symbol{width:40px;height:40px;border-radius:13px;flex:0 0 auto;background:var(--card);border:1px solid var(--card-edge);display:grid;place-items:center;font-size:17px;color:var(--ink-2)}.blatt-text{flex:1;min-width:0;line-height:1.35}.blatt-text b{display:block;font-weight:600;font-size:var(--t-lg)}.blatt-text span{font-size:var(--t-sm);color:var(--muted)}@keyframes blatt-auf{0%{opacity:0}to{opacity:1}}@keyframes blatt-hoch{0%{transform:translateY(12%)}to{transform:none}}.beleg-bild{display:block;text-decoration:none}.beleg-bild img{display:block;width:100%;max-height:320px;object-fit:contain;background:var(--inner);border-radius:var(--r-sm)}.beleg-lupe{display:block;margin-top:var(--s-2);font-size:var(--t-sm);color:var(--muted);text-align:center}@media(prefers-reduced-motion:reduce){.kopf{transition:none}.blatt-grund,.blatt{animation:none}}.balken{height:8px;border-radius:var(--r-pill);margin-top:10px;background:var(--inner);overflow:hidden}.balken span{display:block;height:100%;border-radius:var(--r-pill);background:var(--solid)}.kat-symbol{display:grid;place-items:center;position:relative;color:var(--ink-2)}.kat-symbol--beleg:after{content:"";position:absolute;top:-3px;right:-4px;width:6px;height:6px;border-radius:50%;background:var(--ink-2);border:1.5px solid var(--card)}.verlauf{display:flex;align-items:flex-end;gap:6px;height:62px;margin-bottom:8px}.verlauf-monat{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;background:none;border:0;padding:0;cursor:pointer}.verlauf-monat[aria-current=false]{cursor:pointer}.verlauf-saeule{flex:1;width:100%;display:flex;align-items:flex-end}.verlauf-balken{width:100%;border-radius:4px 4px 2px 2px;background:var(--hairline);transition:background .2s ease}.verlauf-balken--hier{background:var(--solid)}.verlauf-lab{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1}.verlauf-lab--hier{color:var(--ink);font-weight:700}.verlauf-monat:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.verlauf-fuss{margin-top:2px}.chip-zahl{margin-left:6px;font-size:9.5px;color:var(--muted);font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .chip-zahl{color:var(--on-solid);opacity:.7}.ring-vergleich{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-top:2px}.ring-vergleich--auf{color:var(--ink-2);font-weight:600}.hinweis-zeile{align-items:flex-start;gap:10px}.hinweis-text{font-size:12.5px;line-height:1.45;color:var(--ink-2)}.hinweis-text b{color:var(--ink);font-weight:600}.hinweis-knopf{flex:0 0 auto;background:none;border:1px solid var(--hairline);border-radius:var(--r-pill);padding:5px 11px;font-size:11.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap}.hinweis-knopf:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hinweis-warnung{color:var(--ink-2);margin-top:8px;line-height:1.5}.verlauf--jahr{gap:3px;height:56px}.verlauf--jahr .verlauf-lab{font-size:8.5px;letter-spacing:0}.liste--menue{margin:0 var(--s-4)}.menue-zeile{gap:10px;align-items:center}.menue-zeile .zeile-text span{display:block;white-space:normal;line-height:1.35}.menue-wert{flex:0 0 auto;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.menue-pfeil{flex:0 0 auto;color:var(--muted);font-size:17px;line-height:1;opacity:.55;margin-left:-2px}.menue-zeile--leise .zeile-text b{color:var(--muted);font-weight:500}.menue-zeile--aus{opacity:.45;cursor:default}.menue-wert{letter-spacing:0}.kopf-rechts{display:inline-flex;align-items:center;gap:8px}.kopf-kuerzel{opacity:.84}.lupe{position:relative;background:none;border:0;padding:5px 6px 3px;margin:-5px -6px -3px 0;line-height:0;color:inherit;cursor:pointer;opacity:.8;border-radius:var(--r-sm)}.lupe--aktiv{opacity:1}.lupe-punkt{position:absolute;top:3px;right:2px;width:5px;height:5px;border-radius:50%;background:currentColor}.lupe:focus-visible{outline:2px solid currentColor;outline-offset:1px}.suchleiste{margin:-34px var(--s-4) 0}.such-schliessen{display:block;margin:7px 0 0 auto;background:none;border:0;padding:4px 2px;font-size:12px;color:var(--muted);cursor:pointer}.such-schliessen:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.eingabe-huelle{position:relative;display:block}.eingabe--mit-x{padding-right:42px}.eingabe-x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:none;border:0;border-radius:50%;font-size:19px;line-height:1;color:var(--muted);cursor:pointer}.eingabe-x:hover{color:var(--ink)}.eingabe-x:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.offen-betrag{font-family:var(--sans);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.marke--selten{color:var(--ink-2);border-color:var(--ink-2)}.knopf--vorschlag{font-size:12.5px;font-weight:400;text-align:left;line-height:1.45;padding:10px 13px}.knopf--vorschlag b{font-weight:600}