:root{--fp-primary: #243d35;--fp-primary-dark: #123845;--fp-accent: #d6914f;--fp-muted: #9ba494;--fp-soft: #f0f7f2;--fp-background: #ffffff;--fp-text: #123845;--fp-font-display: "Accidental Presidency", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;--fp-font-body: "GeosansLight", "Century Gothic", "Futura", system-ui, sans-serif;--fp-card-border: 1px solid rgba(36, 61, 53, .3);--fp-card-radius: 12px;--fp-card-shadow: 7px 7px 0 rgba(36, 61, 53, .18), inset 0 0 30px rgba(240, 247, 242, .95), inset 0 0 8px rgba(255, 255, 255, .7);--fp-inner-glow: inset 0 0 26px rgba(240, 247, 242, .95), inset 0 0 8px rgba(255, 255, 255, .7)}*{box-sizing:border-box}body{margin:0;background:var(--fp-background);color:var(--fp-text);font-family:var(--fp-font-body)}.fp-titel{font-family:var(--fp-font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--fp-primary);font-weight:400}.fp-card{background:#fff;border:var(--fp-card-border);border-radius:var(--fp-card-radius);box-shadow:var(--fp-card-shadow)}.fp-card-flach{background:#fff;border:var(--fp-card-border);border-radius:var(--fp-card-radius);box-shadow:var(--fp-inner-glow)}.fp-card-aktiv{border-color:var(--fp-accent);box-shadow:7px 7px #d6914f38,inset 0 0 30px #f0f7f2f2,inset 0 0 8px #ffffffb3}.fp-soft{background:var(--fp-soft);border-radius:var(--fp-card-radius);box-shadow:inset 0 0 22px #ffffffd9,inset 0 0 0 1px #243d3514}.fp-farbig{box-shadow:4px 4px #243d3538,inset 0 0 18px #ffffff8c,inset 0 0 5px #fffc}.fp-button{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.fp-button:active:not(:disabled){transform:scale(.97)}.fp-button:disabled{cursor:not-allowed;opacity:.45}.fp-auswahl{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.fp-auswahl:hover,.fp-auswahl:focus-visible{transform:translateY(-2px);border-color:var(--fp-primary)}.fp-auswahl:not(.fp-card-aktiv):hover{box-shadow:7px 7px #243d3526,inset 0 0 30px #f0f7f2f2,inset 0 0 8px #ffffffb3,0 0 0 2px #243d352e}.fp-button:focus-visible{outline:2px solid var(--fp-primary);outline-offset:2px}@keyframes fp-einblenden{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fp-schritt-neu{animation:fp-einblenden .2s ease-out both}@keyframes fp-swipe-like{to{transform:translate(60%) rotate(4deg);opacity:0}}@keyframes fp-swipe-dislike{to{transform:translate(-60%) rotate(-4deg);opacity:0}}.fp-swipe-like{border-radius:8px;box-shadow:0 0 0 3px #d6914fe6;animation:fp-swipe-like .22s ease-in both}.fp-swipe-dislike{border-radius:8px;box-shadow:0 0 0 3px #243d358c;animation:fp-swipe-dislike .22s ease-in both}@keyframes fp-puls{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.fp-piktogramm-puls{animation:fp-puls 1.4s ease-in-out infinite}.fp-fortschrittsbalken{position:relative;width:min(220px,70%);height:6px;border-radius:999px;background:#243d351f;overflow:hidden}.fp-fortschrittsbalken-fuellung{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--fp-accent);transition:width .2s ease}@keyframes fp-balken-unbestimmt{0%{left:-45%;width:40%}50%{width:55%}to{left:100%;width:40%}}.fp-fortschrittsbalken-unbestimmt{width:40%;transition:none;animation:fp-balken-unbestimmt 1.3s ease-in-out infinite}.fp-two-column{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:24px}.fp-drei-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:820px){.fp-two-column,.fp-drei-karten{grid-template-columns:1fr}}.fp-fortschritt{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){.fp-schritt-neu,.fp-piktogramm-puls,.fp-swipe-like,.fp-swipe-dislike,.fp-button,.fp-auswahl,.fp-fortschrittsbalken-unbestimmt{animation:none;transition:none}}