:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#f4f6f2;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}:root{--erde:#8a6d4b;--erde-dunkel:#5f4a30;--erde-hell:#f1ebe1;--text:#262624;--text-mild:#6b6a66;--bg:#f4f6f2;--karte-bg:#fff;--border:#dde2d8;--fehler:#b23b3b;--fehler-bg:#fbeaea}.app-shell{background:var(--bg);max-width:480px;min-height:100svh;color:var(--text);flex-direction:column;margin:0 auto;display:flex}.app-header{background:var(--erde);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;display:flex;position:sticky;top:0}.app-content{flex:1;padding-bottom:24px;overflow-y:auto}.screen{flex-direction:column;gap:14px;padding:18px;display:flex}.feld{color:var(--text-mild);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.feld select,.feld input{font:inherit;border:1.5px solid var(--border);background:var(--karte-bg);color:var(--text);border-radius:10px;padding:14px;font-size:18px}.feld select:focus,.feld input:focus{outline:2px solid var(--erde);border-color:var(--erde)}.feld-gruppe{gap:10px;display:flex}.feld-gruppe .feld{flex:1;min-width:0}.feld-checkbox{color:var(--text-mild);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.hinweis{color:var(--text-mild);margin:0;font-size:14px}.hinweis-inline{color:var(--erde-dunkel);font-style:normal;font-weight:400}.link-button{color:var(--erde-dunkel);background:0 0;border:none;padding:4px;font-size:15px;font-weight:600;text-decoration:underline}.auto-info{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--erde-hell);color:var(--erde-dunkel);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.netto-anzeige{text-align:center;background:var(--erde-hell);border-radius:10px;padding:14px;font-size:20px}.primary-button{background:var(--erde);color:#fff;border:none;border-radius:12px;padding:18px;font-size:18px;font-weight:700}.primary-button:disabled{background:#c8bfb0}.primary-button:active:not(:disabled){background:var(--erde-dunkel)}.erfolg-hinweis{text-align:center;color:var(--erde-dunkel);font-size:16px;font-weight:700}.fehler-hinweis{text-align:center;color:var(--fehler);background:var(--fehler-bg);border-radius:10px;padding:10px;font-size:14px}.warnung-hinweis{color:#7a5b00;text-align:center;background:#fff3cd;border-radius:10px;padding:12px;font-size:14px}.warnung-buttons{justify-content:center;gap:20px;margin-top:8px;display:flex}.karten-liste{flex-direction:column;gap:10px;display:flex}.info-karte{background:var(--karte-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.info-karte.negativ{border-color:var(--fehler);background:var(--fehler-bg)}.info-kopf{color:var(--text-mild);justify-content:space-between;font-size:15px;display:flex}.info-kopf strong{color:var(--text);font-size:17px}.info-details{color:var(--text-mild);font-size:14px;line-height:1.5}.loesch-button{color:var(--fehler);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13px;font-weight:600}.verwaltung-block{background:var(--karte-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.verwaltung-block h3{margin:0 0 4px;font-size:15px}.zeile-zwischen{border-bottom:1px solid var(--border);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.zeile-zwischen.negativ{color:var(--fehler);background:var(--fehler-bg);margin:0 -14px;padding:4px 14px;font-weight:600}.bestand-kultur-titel{margin-top:6px;font-size:14px;font-weight:600}.fortschritt-leiste{background:var(--erde-hell);border-radius:999px;height:10px;overflow:hidden}.fortschritt-fuellung{background:var(--erde);height:100%}.fortschritt-fuellung.ueber{background:var(--fehler)}.bottom-nav{border-top:1px solid var(--border);background:#fff;display:flex;position:sticky;bottom:0}.nav-button{color:var(--text-mild);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px 12px;font-size:11px;display:flex}.nav-button.aktiv{color:var(--erde-dunkel);font-weight:700}.nav-icon{font-size:20px}