: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:-34px 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)}.karte--flach{margin-top:var(--s-3);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}.ring-kreis{width:58px;height:58px;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:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--inner)}.ring-kreis span{position:relative;z-index:1;font-size:13.5px;font-weight:600}.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}@media(prefers-reduced-motion:reduce){.kopf{transition:none}}