*{box-sizing:border-box;margin:0;padding:0}body{color:#e7efe9;background:#0b0f0c;font-family:system-ui,sans-serif}.app{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:1.5rem;display:flex}.dauer{font-variant-numeric:tabular-nums;font-size:3rem}.pegel-rahmen{background:#1c2620;border-radius:.5rem;width:min(80vw,24rem);height:1rem;overflow:hidden}.pegel{background:#34d399;height:100%;transition:width 60ms linear}.stopp{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;width:min(60vw,15rem);height:min(60vw,15rem);font-size:2rem;font-weight:700}.stopp.klein{width:min(38vw,9rem);height:min(38vw,9rem);font-size:1.4rem}.stopp:active{background:#b91c1c}.ergebnis{flex-direction:column;align-items:center;gap:1rem;display:flex}.gross{font-size:1.5rem}.titel{color:#a7f3d0;font-size:1.15rem}.meta{color:#9ca3af}.neu{color:#fff;cursor:pointer;background:#14532d;border:none;border-radius:1rem;margin-top:1rem;padding:1rem 2.5rem;font-size:1.25rem}.neu:disabled{opacity:.4}.foto-vorschau{object-fit:contain;border-radius:.75rem;max-width:min(60vw,16rem);max-height:22vh}.knopf-reihe{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.neu.foto{background:#1e3a5f}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{color:#e7efe9;cursor:pointer;background:#121a15;border:1px solid #2f3d34;border-radius:2rem;padding:.6rem 1.1rem;font-size:1rem}.chip.aktiv{color:#fff;background:#14532d;border-color:#34d399;font-weight:700}.chip:disabled{opacity:.5}.chip.passt{color:#fff;background:#1d4ed8;border-color:#1d4ed8;font-weight:700}.chip.loeschen{color:#fca5a5;border-color:#7f1d1d;margin-top:.75rem}.hinweis{color:#fbbf24;font-size:.9rem;position:fixed;bottom:1rem}.build{color:#4b5563;font-size:.7rem;position:fixed;bottom:.3rem;right:.6rem}.app.aufgaben{justify-content:flex-start;gap:.9rem;padding-bottom:6rem}.aufgaben-kopf{justify-content:space-between;align-items:center;width:100%;max-width:32rem;display:flex}.aufgaben-kopf h1{font-size:1.25rem}.kopf-knopf{color:#e7efe9;cursor:pointer;background:#121a15;border:none;border-radius:.6rem;padding:.45rem .9rem;font-size:1.3rem}.aufgaben-liste{text-align:left;flex-direction:column;gap:1rem;width:100%;max-width:32rem;display:flex}.aufgaben-liste h2{text-transform:uppercase;letter-spacing:.06em;color:#6ee7b7;margin-bottom:.35rem;font-size:.85rem}.aufgaben-liste ul{flex-direction:column;gap:.35rem;list-style:none;display:flex}.aufgabe{background:#121a15;border-radius:.7rem;align-items:flex-start;gap:.7rem;padding:.6rem .7rem;display:flex}.aufgabe.erledigt .aufgabe-text{color:#6b7280;text-decoration:line-through}.hakenknopf{color:#34d399;cursor:pointer;background:0 0;border:2px solid #34d399;border-radius:50%;flex:none;width:1.7rem;height:1.7rem;margin-top:.1rem;font-size:1rem;font-weight:700}.aufgabe.erledigt .hakenknopf{color:#fff;background:#14532d;border-color:#14532d}.aufgabe-text{flex-direction:column;gap:.15rem;font-size:.98rem;display:flex}.aufgabe-meta{color:#9ca3af;font-size:.78rem}.ueberfaellig{color:#f87171;font-weight:700}.meta.warn{color:#fbbf24}.dialog-karte{background:#10231a;border:1px solid #1f3d2e;border-radius:.9rem;flex-direction:column;gap:.6rem;width:100%;max-width:32rem;padding:.9rem;display:flex}.dialog-antwort{text-align:left;font-size:1.05rem}.chip.vorschlag{color:#fff;background:#1d4ed8;border-color:#1d4ed8;font-weight:700}.frage-knopf{cursor:pointer;background:#14532d;border:none;border-radius:50%;width:4rem;height:4rem;font-size:1.7rem;position:fixed;bottom:1.4rem;right:1.4rem;box-shadow:0 4px 14px #00000080}.frage-leiste{background:#0b0f0c;border-top:1px solid #1c2620;justify-content:center;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.frage-leiste .pegel-rahmen{width:min(50vw,14rem)}.stopp.mini{border-radius:2rem;width:auto;height:auto;padding:.7rem 1.6rem;font-size:1.1rem}.neu.aufgaben-knopf{background:#52400f}.einrichtung{gap:1rem}.einrichtung h1{font-size:1.4rem}.einrichtung label{text-align:left;flex-direction:column;gap:.4rem;width:min(85vw,24rem);font-size:.95rem;display:flex}.einrichtung input{color:#e7efe9;background:#121a15;border:1px solid #2f3d34;border-radius:.5rem;padding:.7rem;font-size:1rem}
