:root{--tinte:#1c2430;--leise:#68758a;--linie:#dde3ec;--akzent:#2d6a4f;--warn:#b4530a;--fehler:#b3261e;--flaeche:#f6f8fb;color:var(--tinte);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--flaeche);margin:0}main{max-width:60rem;margin:0 auto;padding:0 1rem 3rem}button{font:inherit;border:1px solid var(--linie);cursor:pointer;background:#fff;border-radius:.4rem;padding:.35rem .75rem}button[type=submit],.kopf button.tab.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}button.leise{color:var(--leise);background:0 0;border:none}input,select{font:inherit;border:1px solid var(--linie);border-radius:.4rem;padding:.35rem .5rem}label{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.spacer{flex:1}.leise-info{color:var(--leise);font-size:.85rem}.warnung{color:var(--warn);font-size:.85rem}.fehler{color:var(--fehler)}.laden{text-align:center;color:var(--leise);padding:4rem 1rem}.login{flex-direction:column;gap:.75rem;max-width:22rem;margin:10vh auto;display:flex}.login form{flex-direction:column;gap:.75rem;display:flex}.login .untertitel{color:var(--leise);margin-top:-.5rem}.kopf{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.kopf nav{gap:.25rem;display:flex}.sync-status{color:var(--leise);border:1px solid var(--linie);background:#fff;border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .6rem;font-size:.85rem;display:flex}.punkt{border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.punkt.aktiv{background:var(--akzent)}.punkt.pausiert{background:var(--warn)}.hinweise{width:100%;color:var(--warn);margin:0;padding-left:1.2rem}.werkzeuge{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.werkzeuge h2{text-align:center;min-width:11rem;margin:0;font-size:1.1rem}table.monat{border-collapse:collapse;background:#fff;width:100%}table.monat th{color:var(--leise);padding:.3rem;font-size:.8rem;font-weight:500}table.monat td{border:1px solid var(--linie);vertical-align:top;width:14.28%;height:4.6rem;padding:.2rem;font-size:.8rem}td.fremdmonat{background:var(--flaeche);color:var(--leise)}.tag{color:var(--leise);font-size:.75rem}.tag.heute{color:#fff;background:var(--akzent);border-radius:50%;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;display:inline-flex}.termin-chip{white-space:nowrap;text-overflow:ellipsis;background:#e4efe9;border-radius:.25rem;margin-top:.15rem;padding:0 .25rem;overflow:hidden}.agenda{flex-direction:column;gap:.3rem;padding:0;list-style:none;display:flex}.agenda li{border:1px solid var(--linie);background:#fff;border-radius:.4rem;align-items:center;gap:.75rem;padding:.4rem .6rem;display:flex}.agenda-zeit{color:var(--leise);min-width:13rem;font-size:.85rem}.agenda-titel{flex:1}.dialog-hintergrund{background:#141c2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:.6rem;flex-direction:column;gap:.75rem;width:min(24rem,92vw);padding:1.25rem;display:flex}.dialog-aktionen{justify-content:flex-end;gap:.5rem;display:flex}.hinzufuegen{gap:.5rem;margin:.75rem 0;display:flex}.hinzufuegen input:first-child{flex:1}.hinzufuegen .menge{width:6rem}.hinzufuegen .laden-feld{width:9rem}.laden-gruppe+.laden-gruppe{margin-top:1rem}.laden-titel{color:var(--leise);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .35rem;font-size:.85rem;font-weight:600}.einkauf-liste{flex-direction:column;gap:.3rem;padding:0;list-style:none;display:flex}.einkauf-liste li{border:1px solid var(--linie);background:#fff;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.einkauf-liste li label{flex-direction:row;flex:1;align-items:center;gap:.5rem}.einkauf-liste li.abgehakt .artikel{color:var(--leise);text-decoration:line-through}.einkauf-liste .menge{color:var(--leise);font-size:.85rem}.einkauf-liste .herkunft{color:var(--leise);border:1px solid var(--linie);white-space:nowrap;border-radius:999px;padding:0 .4rem;font-size:.75rem}.werkzeuge .liste-anlegen{gap:.35rem;margin:0;display:flex}.werkzeuge .liste-anlegen input{width:10rem}.einkauf-liste .wiederkauf{width:5.5rem;color:var(--leise);font-size:.85rem}.anhang{align-items:center;gap:.3rem;display:inline-flex}.anhang-vorschau{object-fit:cover;border-radius:4px;width:2rem;height:2rem}.anhang label{cursor:pointer}.mitglieder-liste,.invite-liste{flex-direction:column;gap:.3rem;padding:0;list-style:none;display:flex}.mitglieder-liste li,.invite-liste li{border:1px solid var(--linie);background:#fff;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.mitglieder-liste .name{flex:1}.mitglieder-liste .rolle,.invite-liste span{color:var(--leise);font-size:.9rem}.invite-liste span{flex:1}.verlassen,.einladungen{border-top:1px solid var(--linie);margin-top:1rem;padding-top:.5rem}.invite-link code{word-break:break-all}.invite-annahme{max-width:32rem;margin:3rem auto;padding:0 1rem}.pack-liste{flex-direction:column;gap:.3rem;padding:0;list-style:none;display:flex}.pack-liste li{border:1px solid var(--linie);background:#fff;border-radius:.4rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.pack-liste li.status-fehlt{border-color:var(--warn)}.pack-liste li.status-eingepackt .artikel{color:var(--leise)}.pack-liste .menge{color:var(--leise);font-size:.85rem}.status-schalter{gap:.25rem;display:flex}.status-schalter .tab{padding:.15rem .45rem;font-size:.75rem}.ics-feed .feed-liste{margin:.25rem 0;padding:0;list-style:none}.ics-feed .feed-liste li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.ics-feed .feed-name{min-width:8rem}.ics-feed .feed-url{flex:1;font-family:monospace;font-size:.75rem}