: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}