:root{--bg: #0f172a;--karte: #1e293b;--text: #f1f5f9;--text-dim: #94a3b8;--akzent: #38bdf8;--gruen: #22c55e;--gelb: #eab308;--rot: #ef4444;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;padding:12px 16px 0;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-bottom:88px}.app-header h1{font-size:1.15rem;margin:4px 0}.warteschlange-hinweis{color:var(--gelb);font-size:.85rem;margin:0 0 12px}.card{background:var(--karte);border-radius:14px;padding:16px;margin-bottom:16px}.card h2{margin-top:0;font-size:1.1rem}.segmented{display:flex;gap:8px;margin-bottom:14px}.segment{flex:1;padding:10px;border-radius:10px;border:1px solid #334155;background:transparent;color:var(--text);font-size:.95rem}.segment.aktiv{background:var(--akzent);color:#0f172a;border-color:var(--akzent);font-weight:600}.capture-buttons{display:flex;flex-direction:column;gap:10px}button{cursor:pointer;font-family:inherit}.btn-primary,.btn-secondary{padding:14px;border-radius:10px;border:none;font-size:1rem;font-weight:600}.btn-primary{background:var(--akzent);color:#0f172a}.btn-secondary{background:transparent;color:var(--text);border:1px solid #334155}button:disabled{opacity:.5;cursor:not-allowed}.hinweis{color:var(--text-dim);font-size:.9rem}.fehler{color:var(--rot);font-size:.9rem}.reading-liste{display:flex;flex-direction:column;gap:12px}.reading-card{display:flex;gap:12px;padding:10px;border-radius:10px;background:#0f172a;border:1px solid #263449}.reading-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#263449}.reading-thumb img{width:100%;height:100%;object-fit:cover}.thumb-platzhalter{width:100%;height:100%}.thumb-geloescht{display:flex;align-items:center;justify-content:center;color:var(--gruen);font-size:1.4rem;font-weight:700}.reading-info{flex:1;min-width:0}.reading-kopf{display:flex;justify-content:space-between;align-items:center}.badge{font-size:.7rem;padding:3px 8px;border-radius:999px;font-weight:600}.badge-bestaetigt{background:#22c55e26;color:var(--gruen)}.badge-zu_pruefen{background:#eab30826;color:var(--gelb)}.badge-fehler{background:#ef444426;color:var(--rot)}.reading-wert{font-size:1.1rem;font-weight:600;margin:2px 0}.reading-meta{font-size:.75rem;color:var(--text-dim)}.korrektur{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.korrektur input{flex:1;min-width:100px;padding:8px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:var(--text)}.korrektur button{padding:8px 14px;border-radius:8px;border:none;background:var(--akzent);color:#0f172a;font-weight:600}.chart-reihe{display:flex;flex-direction:column;gap:16px}.chart-box h3{margin:0 0 6px;font-size:.95rem}.chart-svg{width:100%;height:100px;background:#0f172a;border-radius:8px}.chart-info{font-size:.8rem;color:var(--text-dim);margin:4px 0 0}.kosten-gesamt{font-size:1.2rem;font-weight:700;margin:0 0 8px}.kosten-perioden{display:flex;flex-direction:column;gap:6px}.kosten-periode{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:8px;background:#0f172a;font-size:.85rem}.kosten-periode span:first-child{color:var(--text-dim);font-size:.75rem}.kosten-fussnote{margin-top:12px;font-size:.75rem}.tarif-toggle{width:100%;margin-bottom:16px}.tarif-liste{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tarif-eintrag{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:8px;background:#0f172a;font-size:.85rem}.tarif-eintrag span{color:var(--text-dim);font-size:.8rem}.tarif-neu-titel{font-size:.95rem;margin:8px 0}.tarif-formular{display:flex;flex-direction:column;gap:10px}.tarif-formular label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-dim)}.tarif-formular input,.tarif-formular select{padding:10px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:var(--text);font-size:1rem;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--karte);border-top:1px solid #263449;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-dim);font-size:.7rem;padding:4px 0}.nav-item.aktiv{color:var(--akzent)}.nav-icon{font-size:1.3rem;line-height:1}.zuhause{display:flex;flex-direction:column;gap:12px}.zuhause-karte{background:var(--karte);border-radius:14px;padding:16px}.zuhause-highlight{display:flex;align-items:center;gap:10px;margin-bottom:12px}.zuhause-icon{font-size:1.6rem}.abweichung{font-size:.85rem}.abweichung.hoch{color:var(--rot)}.abweichung.niedrig{color:var(--gruen)}.zuhause-stats{display:flex;gap:10px;margin-bottom:10px}.zuhause-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:#0f172a}.zuhause-stat strong{font-size:1.05rem}.vorjahres-vergleich{margin-top:8px;padding-top:10px;border-top:1px solid #263449}.fortschrittsbalken{width:100%;height:10px;border-radius:999px;background:#0f172a;overflow:hidden;margin:6px 0}.fortschrittsbalken-fuellung{height:100%;background:var(--akzent);border-radius:999px}.detail-toggle{width:100%;margin-top:10px}.bdew-tabelle{margin-top:10px;overflow-x:auto}.bdew-tabelle table{width:100%;border-collapse:collapse;font-size:.75rem}.bdew-tabelle th,.bdew-tabelle td{padding:6px 8px;text-align:right;border-bottom:1px solid #263449;white-space:nowrap}.bdew-tabelle th:first-child,.bdew-tabelle td:first-child{text-align:left}.bdew-eigene-zeile td{background:#38bdf847;font-weight:700;color:var(--text)}.bdew-eigene-zeile td:first-child{border-left:4px solid var(--akzent);padding-left:6px}.aktivitaet-vorschlaege{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{padding:6px 12px;border-radius:999px;border:1px solid #334155;background:transparent;color:var(--text);font-size:.8rem}.aktivitaet-name-input{width:100%;padding:10px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:var(--text);font-size:1rem;margin-bottom:10px}.aktivitaet-laufend{padding:10px;border-radius:10px;background:#38bdf81a;border:1px solid var(--akzent)}.aktivitaet-liste{display:flex;flex-direction:column;gap:8px}.aktivitaet-eintrag{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:8px;background:#0f172a;font-size:.85rem}