:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hc-bg:#0b0d10;--hc-flaeche:#14181d;--hc-flaeche-2:#1c2128;--hc-linie:#262c35;--hc-text:#eef1f4;--hc-text-2:#9aa4b1;--hc-akzent:#3ddc97;--hc-gut:#3ddc97;--hc-mittel:#f5c451;--hc-schlecht:#ff6b6b;--hc-neutral:#7c8796;--hc-verlauf:linear-gradient(135deg, var(--hc-akzent), var(--hc-akzent));--hc-auf-akzent:#06110c;--hc-radius:16px;--hc-abstand:16px;--hc-leiste-hoehe:64px;--hc-schrift:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif}:root[data-design=schwarzgelb]{--hc-bg:#0a0a0b;--hc-flaeche:#141416;--hc-flaeche-2:#1c1c1f;--hc-linie:#2a2a2e;--hc-text:#f5f5f2;--hc-text-2:#a1a1a6;--hc-akzent:#ffd60a;--hc-verlauf:linear-gradient(135deg, #ffe45c, #ffc300);--hc-auf-akzent:#111;--hc-gut:#34d399;--hc-mittel:#ff9f0a;--hc-schlecht:#ff5a5f}:root[data-design=puls]{--hc-bg:#0a0d0f;--hc-flaeche:#12171a;--hc-flaeche-2:#1a2125;--hc-linie:#232b30;--hc-text:#f2f5f7;--hc-text-2:#95a3ab;--hc-akzent:#3de8a6;--hc-verlauf:linear-gradient(135deg, #5ef2b0, #22c7a9);--hc-auf-akzent:#04140e;--hc-gut:#3de8a6;--hc-mittel:#f5c451;--hc-schlecht:#ff6b6b}:root[data-design=turbo]{--hc-bg:#0d0b0a;--hc-flaeche:#171311;--hc-flaeche-2:#211b18;--hc-linie:#2d2420;--hc-text:#f6f2ee;--hc-text-2:#a89d96;--hc-akzent:#ff6a33;--hc-verlauf:linear-gradient(135deg, #ff9a3c, #ff4a2b);--hc-auf-akzent:#1a0802;--hc-gut:#4ade80;--hc-mittel:#ffc24d;--hc-schlecht:#ff4d6d}:root[data-design=bahn]{--hc-bg:#090a12;--hc-flaeche:#11131f;--hc-flaeche-2:#191c2c;--hc-linie:#252a40;--hc-text:#f1f3fa;--hc-text-2:#9aa0bd;--hc-akzent:#8c8cff;--hc-verlauf:linear-gradient(135deg, #6e9bff, #a57cff);--hc-auf-akzent:#fff;--hc-gut:#3dd6c4;--hc-mittel:#f5c451;--hc-schlecht:#ff6b8a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--hc-bg);color:var(--hc-text);font-family:var(--hc-schrift);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}.app{min-height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.kopf{padding:12px var(--hc-abstand);letter-spacing:.02em;font-weight:700}.inhalt{padding:0 var(--hc-abstand) calc(var(--hc-leiste-hoehe) + env(safe-area-inset-bottom) + var(--hc-abstand));flex:1}h1{margin:8px 0 16px;font-size:28px}.karte{background:var(--hc-flaeche);border:1px solid var(--hc-linie);border-radius:var(--hc-radius);padding:var(--hc-abstand)}.karte p{margin:0}.karte p+p{margin-top:8px}.hinweis{color:var(--hc-text-2);font-size:14px}.leiste{height:calc(var(--hc-leiste-hoehe) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--hc-flaeche) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--hc-linie);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.leiste-tab{min-height:44px;color:var(--hc-text-2);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.leiste-tab[aria-current=page]{color:var(--hc-akzent)}.leiste-tab:focus-visible{outline:2px solid var(--hc-akzent);outline-offset:-4px;border-radius:10px}.vorschau{gap:12px;display:grid}.vorschau-etikett{color:var(--hc-text-2);border:1px solid var(--hc-linie);border-radius:999px;padding:4px 10px;font-size:12px;display:inline-block}.form-karte{gap:6px;display:grid}.form-kopf{justify-content:space-between;align-items:center;display:flex}.form-stufe{letter-spacing:-.02em;font-size:34px;font-weight:750}.punkt{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.chip{background:var(--hc-flaeche-2);color:var(--hc-text-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.optionen{gap:10px;display:grid}.option{text-align:left;width:100%;min-height:64px;font:inherit;cursor:pointer;border:1px solid var(--hc-linie);background:var(--hc-flaeche-2);color:var(--hc-text);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.option-a{background:var(--hc-verlauf);color:var(--hc-auf-akzent);border-color:#0000}.option small{opacity:.8;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.option strong{font-size:18px}.kennzahlen{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kennzahl{background:var(--hc-flaeche);border:1px solid var(--hc-linie);border-radius:14px;padding:12px}.kennzahl b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.kennzahl span{color:var(--hc-text-2);font-size:12px}.marke{background:var(--hc-verlauf);color:#0000;-webkit-background-clip:text;background-clip:text}.kopf{justify-content:space-between;align-items:center;display:flex}.kopf-name{color:var(--hc-text-2);letter-spacing:0;font-size:14px;font-weight:500}h2{margin:0;font-size:18px}.gross{font-size:22px;font-weight:700}.stapel{gap:12px;display:grid}.stapel-klein{gap:10px;display:grid}.zugang{width:100%;max-width:440px;min-height:100%;padding:calc(env(safe-area-inset-top) + 24px) var(--hc-abstand) calc(env(safe-area-inset-bottom) + 24px);align-content:center;gap:16px;margin:0 auto;display:grid}.zugang-kopf{justify-content:center;align-items:center;gap:12px;display:flex}.zugang-logo{border-radius:13px}.zugang-marke{letter-spacing:-.01em;font-size:24px;font-weight:800}.zugang-fuss{text-align:center;color:var(--hc-text-2);margin:0}.formular{gap:14px;display:grid}.formular h1{margin:0;font-size:24px}.feld{gap:6px;display:grid}.feld>span{color:var(--hc-text-2);font-size:14px}.feld input{font:inherit;color:var(--hc-text);background:var(--hc-flaeche-2);border:1px solid var(--hc-linie);border-radius:12px;width:100%;min-height:48px;padding:12px 14px;font-size:17px}.feld input:focus{outline:2px solid var(--hc-akzent);outline-offset:1px;border-color:#0000}.feld input[aria-invalid=true]{border-color:var(--hc-schlecht)}.feld-hinweis{color:var(--hc-text-2);font-size:13px}.feld input[aria-invalid=true]+.feld-hinweis{color:var(--hc-schlecht)}.knopf{font:inherit;cursor:pointer;background:var(--hc-flaeche-2);min-height:48px;color:var(--hc-text);border:1px solid var(--hc-linie);border-radius:12px;padding:12px 16px;font-weight:650}.knopf-haupt{background:var(--hc-verlauf);color:var(--hc-auf-akzent);border-color:#0000}.knopf-gefahr{color:var(--hc-schlecht);border-color:color-mix(in srgb, var(--hc-schlecht) 50%, transparent);background:0 0}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-link{font:inherit;color:var(--hc-akzent);cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 0}.knopf-link.gefahr{color:var(--hc-schlecht)}.meldung{border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.meldung-fehler{background:color-mix(in srgb, var(--hc-schlecht) 14%, transparent);color:var(--hc-text);border:1px solid color-mix(in srgb, var(--hc-schlecht) 45%, transparent)}.meldung-erfolg{background:color-mix(in srgb, var(--hc-gut) 12%, transparent);color:var(--hc-text);border:1px solid color-mix(in srgb, var(--hc-gut) 40%, transparent)}.haken{align-items:flex-start;gap:10px;font-size:14px;display:flex}.haken input{width:22px;height:22px;accent-color:var(--hc-akzent);flex:none;margin-top:1px}.datenschutz{background:var(--hc-flaeche-2);border:1px solid var(--hc-linie);border-radius:12px;padding:10px 12px;font-size:14px}.datenschutz summary{cursor:pointer;min-height:28px;font-weight:600}.datenschutz ul{color:var(--hc-text-2);gap:6px;margin:8px 0;padding-left:18px;display:grid}.schalter{border-bottom:1px solid var(--hc-linie);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.schalter>span{gap:2px;display:grid}.schalter small{color:var(--hc-text-2);font-size:13px}.schalter input{appearance:none;background:var(--hc-linie);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;transition:background .15s;position:relative}.schalter input:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .15s;position:absolute;top:2px;left:2px}.schalter input:checked{background:var(--hc-akzent)}.schalter input:checked:after{transform:translate(20px)}.schalter input:focus-visible{outline:2px solid var(--hc-akzent);outline-offset:2px}.liste{margin:0;padding:0;list-style:none;display:grid}.liste li{border-bottom:1px solid var(--hc-linie);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.liste li:last-child{border-bottom:0}.einladung-neu{background:var(--hc-flaeche-2);border:1px dashed var(--hc-akzent);border-radius:12px;gap:8px;padding:12px;display:grid}.einladung-neu code{letter-spacing:.06em;color:var(--hc-akzent);-webkit-user-select:all;user-select:all;font-size:22px;font-weight:700}.einrichtung-hinweis{border-color:color-mix(in srgb, var(--hc-akzent) 55%, var(--hc-linie));margin-bottom:12px}.anleitung{gap:8px;margin:0;padding-left:22px;display:grid}.anleitung li::marker{color:var(--hc-akzent);font-weight:700}.quelle-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.quelle-zeile>span:first-child{gap:2px;display:grid}.punkt-status{border-radius:50%;flex:none;width:12px;height:12px}.punkt-status.an{background:var(--hc-gut)}.punkt-status.aus{background:var(--hc-neutral)}.einheiten li{flex-direction:column;gap:4px}.einheit-kopf,.einheit-werte{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.kopf-rechts{align-items:center;gap:4px;display:flex}.kopf-knopf{width:44px;height:44px;color:var(--hc-text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-10px;display:grid}.kopf-knopf:active{background:var(--hc-flaeche-2)}.kopf-knopf:focus-visible{outline:2px solid var(--hc-akzent)}.kopf-knopf.dreht{color:var(--hc-akzent)}.kopf-knopf.dreht svg{animation:.9s linear infinite hc-drehen}@keyframes hc-drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kopf-knopf.dreht svg{animation-duration:2.5s}}.version{text-align:center;margin:4px 0 0;font-size:12px}