:root{--sand: #faf7f5;--karte: #ffffff;--linie: #ece3de;--text: #2c2422;--leise: #8d817b;--akzent: #c08272;--akzent-weich: #f5e7e2;--gruen: #6f8f6a;--figur: #ece2dc;--figur-linie: #ddcec6;--schatten: 0 2px 10px rgba(80, 55, 45, .07);--schleier: rgba(44, 36, 34, .35);--balken: rgba(250, 247, 245, .92);--balken-nav: rgba(255, 255, 255, .94);--gefahr: #b4453c;--gefahr-linie: #f0d5d2;--oben: env(safe-area-inset-top);--unten: env(safe-area-inset-bottom);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-thema=hell]){--sand: #141210;--karte: #201c19;--linie: #322c27;--text: #f1eae5;--leise: #a39790;--akzent: #d69a88;--akzent-weich: #3a2b26;--gruen: #8bab86;--figur: #2a2521;--figur-linie: #3b342e;--schatten: 0 2px 10px rgba(0, 0, 0, .35);--schleier: rgba(0, 0, 0, .55);--balken: rgba(20, 18, 16, .92);--balken-nav: rgba(26, 23, 20, .94);--gefahr: #e08379;--gefahr-linie: #4a2f2b;color-scheme:dark}}:root[data-thema=dunkel]{--sand: #141210;--karte: #201c19;--linie: #322c27;--text: #f1eae5;--leise: #a39790;--akzent: #d69a88;--akzent-weich: #3a2b26;--gruen: #8bab86;--figur: #2a2521;--figur-linie: #3b342e;--schatten: 0 2px 10px rgba(0, 0, 0, .35);--schleier: rgba(0, 0, 0, .55);--balken: rgba(20, 18, 16, .92);--balken-nav: rgba(26, 23, 20, .94);--gefahr: #e08379;--gefahr-linie: #4a2f2b;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--sand);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.app{min-height:100dvh;padding-bottom:calc(76px + var(--unten))}.kopf{position:sticky;top:0;z-index:20;padding:calc(12px + var(--oben)) 16px 10px;background:var(--balken);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linie)}.kopf h1{margin:0;font-size:24px;letter-spacing:-.02em}.kopf .zeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kopf .zahl{color:var(--leise);font-size:14px}.inhalt{padding:16px}.chips{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.zweite{padding-top:4px}.chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;background:var(--karte);border:1px solid var(--linie);font-size:14px;white-space:nowrap}.chip.aktiv{background:var(--text);color:var(--sand);border-color:var(--text)}.chip.klein{padding:6px 11px;font-size:13px}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.kachel{position:relative;aspect-ratio:1;padding:8px;border-radius:18px;background:var(--karte);box-shadow:var(--schatten);display:block;width:100%}.kachel img{width:100%;height:100%;object-fit:contain}.kachel.dreckig img{opacity:.42}.kachel .marke{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--akzent)}.kachel-feld{display:flex;flex-direction:column;gap:5px}.kachel-name{font-size:11.5px;line-height:1.25;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kachel-name .zusatz{display:block;font-size:10.5px;color:var(--leise)}.wahlmarke{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;border:2px solid var(--linie);background:var(--karte);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.wahlmarke.an{background:var(--akzent);border-color:var(--akzent)}.suche{position:relative;padding:10px 16px 0}.suche input{width:100%;padding:11px 38px 11px 36px;border-radius:13px;border:1px solid var(--linie);background:var(--karte)}.suche .lupe-klein{position:absolute;left:28px;top:22px;color:var(--leise);line-height:0}.suche .lupe-klein svg{width:17px;height:17px;display:block}.suche .leeren{position:absolute;right:26px;top:19px;color:var(--leise);font-size:15px}.kat-regal{display:block;width:100%;text-align:left;margin-bottom:12px;background:var(--karte);border:1px solid var(--linie);border-radius:20px;padding:13px 14px 14px;box-shadow:var(--schatten)}.kat-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.kat-titel{font-size:13.5px;letter-spacing:.1em;text-transform:uppercase}.kat-bilder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center}.kat-bild{aspect-ratio:1;border:1px solid var(--linie);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:14px;color:var(--leise)}.kat-bild img{width:100%;height:100%;object-fit:contain;padding:5px}.kat-bild.dreckig img{opacity:.42}.kat-bild.mehr{background:var(--akzent-weich);border-color:transparent}.zurueck{display:flex;align-items:center;gap:6px;font-size:20px;letter-spacing:-.01em}.zurueck span{font-size:20px;font-weight:700}.kat-liste{display:grid;gap:8px;margin-top:12px}.kat-zeile{display:flex;align-items:center;gap:12px;background:var(--karte);border-radius:16px;padding:10px 12px;box-shadow:var(--schatten)}.tag-zeile{display:flex;align-items:center;gap:12px;width:100%;background:var(--karte);border-radius:18px;padding:12px;box-shadow:var(--schatten);margin-bottom:10px;text-align:left}.tag-zeile .tag-name{flex:0 0 92px}.tag-zeile .tag-name strong{display:block;font-size:15px}.tag-zeile .tag-name span{font-size:12px;color:var(--leise)}.tag-zeile .tag-bilder{display:flex;gap:6px;flex:1;overflow:hidden;align-items:center;justify-content:flex-start;text-align:left}.tag-zeile .tag-bilder img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}.tag-zeile.heute{border:1.5px solid var(--akzent)}.leer{text-align:center;color:var(--leise);padding:48px 24px}.knopf{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:16px;font-weight:600;background:var(--akzent);color:#fff}.knopf:disabled{opacity:.5}.knopf.zweit{background:var(--karte);color:var(--text);border:1px solid var(--linie)}.knopf.gefahr{background:var(--karte);color:var(--gefahr);border:1px solid var(--gefahr-linie)}.knopf.klein{padding:11px 14px;font-size:15px;border-radius:13px;width:auto}.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding:6px 4px calc(6px + var(--unten));background:var(--balken-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--linie)}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:11px;color:var(--leise)}.nav button .sym{display:block;line-height:0}.nav button .sym svg{width:24px;height:24px;display:block}.nav button.aktiv{color:var(--akzent)}.bogen-hg{position:fixed;inset:0;z-index:40;background:var(--schleier);display:flex;align-items:flex-end;animation:einblenden .18s ease}.bogen{width:100%;max-height:92dvh;overflow-y:auto;background:var(--sand);border-radius:24px 24px 0 0;padding:10px 16px calc(24px + var(--unten));animation:hochschieben .24s cubic-bezier(.2,.8,.3,1)}.griff{width:40px;height:4px;border-radius:4px;background:var(--linie);margin:4px auto 14px}@keyframes einblenden{0%{opacity:0}}@keyframes hochschieben{0%{transform:translateY(20px)}}.gross{background:var(--karte);border-radius:20px;padding:16px;box-shadow:var(--schatten)}.gross img{width:100%;height:240px;object-fit:contain}.lupe{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:var(--karte);border:1px solid var(--linie);box-shadow:var(--schatten);font-size:17px}.kachel .lupe{width:28px;height:28px;right:5px;bottom:5px;font-size:13px}.schau{position:fixed;inset:0;z-index:60;background:#120f0df2;display:flex;align-items:center;justify-content:center;padding:20px;animation:einblenden .15s ease}.schau img{max-width:100%;max-height:100%;object-fit:contain}.schau-zu{position:absolute;top:calc(14px + var(--oben));right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff29;color:#fff;font-size:18px}.feld{margin-bottom:14px}.feld label{display:block;font-size:13px;color:var(--leise);margin-bottom:6px}.feld input,.feld select{width:100%;padding:13px;border-radius:13px;border:1px solid var(--linie);background:var(--karte)}.wahl{display:flex;flex-wrap:wrap;gap:8px}.wahl button{padding:10px 13px;border-radius:13px;background:var(--karte);border:1px solid var(--linie);font-size:15px}.wahl button.aktiv{background:var(--akzent-weich);border-color:var(--akzent)}.reihe{display:flex;gap:10px}.reihe>*{flex:1}.notiz{font-size:13px;color:var(--leise);line-height:1.5}.status{display:inline-flex;align-items:center;gap:6px;font-size:14px}.punkt{width:9px;height:9px;border-radius:50%;background:var(--gruen)}.punkt.dreckig{background:var(--akzent)}.regal{margin-bottom:18px}.regal .beschriftung{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.regal .beschriftung span{font-size:13px;color:var(--leise)}.spur{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 6px;margin:0 -16px;scroll-snap-type:x mandatory;scrollbar-width:none}.spur::-webkit-scrollbar{display:none}.spur .kachel,.spur .kachel-feld{flex:0 0 128px;scroll-snap-align:center}.spur .kachel-feld .kachel{flex:none;width:100%}.spur .kachel.gewaehlt{outline:2.5px solid var(--akzent);outline-offset:-1px}.ladebalken{height:6px;border-radius:6px;background:var(--linie);overflow:hidden;margin-top:10px}.ladebalken i{display:block;height:100%;background:var(--akzent);transition:width .3s}.segment{display:flex;gap:4px;margin-top:10px;background:var(--akzent-weich);border-radius:12px;padding:3px}.segment button{flex:1;padding:8px 4px;border-radius:10px;font-size:13px;color:var(--leise);white-space:nowrap}.segment button.aktiv{background:var(--karte);color:var(--text);font-weight:600;box-shadow:var(--schatten)}.hinweis{margin:12px 16px 0;padding:11px 14px;border-radius:13px;background:var(--akzent-weich);font-size:14px}.vorlage{background:var(--karte);border-radius:20px;padding:14px;box-shadow:var(--schatten);margin-bottom:12px}.vorlage-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.vorlage-kopf strong{font-size:16px}.vorlage-bilder{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.vorlage-bilder::-webkit-scrollbar{display:none}.vorlage-bilder img{width:62px;height:62px;object-fit:contain;flex:0 0 auto}.tagline{font-size:13px;color:var(--leise);margin:18px 0 8px}.verlauf-zeile{display:flex;align-items:center;gap:10px;width:100%;background:var(--karte);border-radius:18px;padding:10px 12px;box-shadow:var(--schatten);margin-bottom:10px;text-align:left}.verlauf-bilder{display:flex;gap:8px;overflow:hidden;flex:1}.verlauf-bilder img{width:56px;height:56px;object-fit:contain;flex:0 0 auto}.pfeil{color:var(--leise);font-size:22px}.figur{position:relative;margin:0 auto;height:min(56dvh,500px);aspect-ratio:260 / 470;max-width:100%}.figur>svg{position:absolute;inset:0;width:100%;height:100%}.figur .stueck{position:absolute}.figur .stueck img{width:100%;height:100%;object-fit:contain}.figur .leerstelle{position:absolute;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--figur-linie);border-radius:14px;font-size:11px;color:var(--leise)}.tor{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--oben)) 18px calc(24px + var(--unten))}.tor-karte{width:100%;max-width:420px;background:var(--karte);border-radius:24px;padding:26px 22px;box-shadow:var(--schatten)}.tor-karte h1{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}.tor-karte form{margin-top:18px}.fehler{background:var(--gefahr-linie);color:var(--gefahr);padding:10px 12px;border-radius:12px;font-size:14px;margin:0 0 12px}.abgleich{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--leise)}.abgleich .ampel{width:8px;height:8px;border-radius:50%;background:var(--gruen);flex:0 0 8px}.abgleich .ampel.warte{background:var(--akzent)}.abgleich .ampel.aus{background:var(--leise)}