:root{--grund:#f8fafc;--flaeche:#fff;--rand:#e2e8f0;--text:#1e293b;--text-leise:#64748b;--akzent:#0284c7;--akzent-text:#fff;--fehler:#b91c1c;--fehler-flaeche:#fef2f2;--saldo-guthaben:#15803d;--saldo-minus:#b91c1c;--saldo-ausgeglichen:#475569;--radius:8px;--spalte:34rem;--spalte-breit:72rem}@media (prefers-color-scheme:dark){:root{--grund:#0f172a;--flaeche:#182433;--rand:#1e293b;--text:#e2e8f0;--text-leise:#94a3b8;--akzent:#38bdf8;--akzent-text:#0f172a;--fehler:#f87171;--fehler-flaeche:#2a1616;--saldo-guthaben:#4ade80;--saldo-minus:#f87171;--saldo-ausgeglichen:#94a3b8}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--text);margin:0;padding:0;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}main{max-width:var(--spalte);padding:1.5rem max(1rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}main.breit{max-width:var(--spalte-breit)}h1{margin:0 0 1.5rem;font-size:1.4rem}label{color:var(--text-leise);margin-bottom:.35rem;font-size:.875rem;display:block}input{border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);width:100%;color:var(--text);padding:.7rem .8rem;font-family:inherit;font-size:16px}input:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}button{border-radius:var(--radius);background:var(--akzent);min-height:44px;color:var(--akzent-text);cursor:pointer;border:none;padding:.7rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600}button:hover{filter:brightness(1.08)}@media (hover:none){button:hover{filter:none}button:active{filter:brightness(.92)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.25rem}.fehler{background:var(--fehler-flaeche);border:1px solid var(--fehler);border-radius:var(--radius);color:var(--fehler);margin-bottom:1rem;padding:.7rem .9rem;font-size:.9rem}.leise{color:var(--text-leise);font-size:.875rem}.saldo{font-variant-numeric:tabular-nums;font-weight:600}.saldo--guthaben{color:var(--saldo-guthaben)}.saldo--minus{color:var(--saldo-minus)}.saldo--ausgeglichen{color:var(--saldo-ausgeglichen)}