:root{--gast-primaer:#2f3e46;--gast-sekundaer:#1f2a30;--gast-akzent:#c8a97e;--gast-hintergrund:#f6f4ef;--gast-flaeche:#fff;--gast-text:#1f2a30;--gast-text-leise:#5a6870;--gast-linie:#d9dedb;--gast-fehler:#a32121;--gast-warnung:#8a4b12;--gast-radius:12px;--gast-abstand:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--gast-hintergrund);color:var(--gast-text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}a{color:inherit}.seite{padding:var(--gast-abstand);padding-bottom:calc(var(--gast-abstand) + env(safe-area-inset-bottom));margin:0 auto}.seite-schmal{max-width:560px}.stapel{gap:12px;display:grid}.titel{margin:0;font-size:22px}.leise{color:var(--gast-text-leise)}.karte{background:var(--gast-flaeche);border:1px solid var(--gast-linie);border-radius:var(--gast-radius);padding:var(--gast-abstand);margin:0}.zeile{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zeile-abstand{justify-content:space-between}.live:empty{position:absolute}.fehlerbox{color:var(--gast-fehler);border-radius:var(--gast-radius);background:#fdecec;border:1px solid #f0b8b8;padding:12px}.hinweisbox{color:var(--gast-warnung);border-radius:var(--gast-radius);background:#fff6e8;border:1px solid #f0d6a8;margin:0;padding:12px}label.feld{gap:6px;font-size:15px;display:grid}input.eingabe{border:1px solid var(--gast-linie);background:#fff;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.knopf{border:1px solid var(--gast-primaer);background:var(--gast-primaer);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.6;cursor:not-allowed}.knopf-leise{color:var(--gast-primaer);background:0 0}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--gast-linie);background:#fff;border-radius:999px;padding:4px 10px;font-size:14px}.kopf{background:var(--gast-primaer);color:#fff;padding:12px var(--gast-abstand);padding-top:calc(12px + env(safe-area-inset-top))}.kopf-name{color:inherit;align-items:center;gap:10px;max-width:560px;margin:0 auto;font-size:18px;font-weight:700;text-decoration:none;display:flex}.kopf-logo{object-fit:cover;background:#fff;border-radius:8px;width:32px;height:32px}.update-platz{z-index:1000;position:sticky;top:0}.update-hinweis{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));color:#3d3210;background:#fff7e0;border-bottom:1px solid #e0c26a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}