/* VaPassion Member Hub – im Stil der VaPassion-Poster: flache Flächen in Grün und Beige,
   Anton in Versalien, kleine orange Versal-Labels, Trennlinien statt Karten, Sticker mit weißem Rand.
   Alles ist unter #passionship gekapselt, damit Theme-Styles nicht reinfunken. */
#passionship{
  --ps-green:#00471b; --ps-green-deep:#052e13; --ps-orange:#ff914d; --ps-orange-deep:#e8702a;
  --ps-beige:#eee1c6; --ps-sand:#e4d3ae; --ps-cream:#f7eedb; --ps-paper:#fbf6ea;
  --ps-ink:#14231a; --ps-muted:#5c5946; --ps-line:rgba(0,71,27,.16); --ps-rule:rgba(0,71,27,.28);
  --ps-good:#00471b; --ps-bad:#b82105; --ps-blue:#1d9bf0;
  --ps-display:Anton,"Bebas Neue",Impact,"Arial Narrow Bold",sans-serif;
  --ps-body:"Nunito Sans","Segoe UI",system-ui,sans-serif;
  --ps-r:4px;
  font-family:var(--ps-body); color:var(--ps-ink); line-height:1.45; font-size:16px;
  margin:24px auto; max-width:480px; width:100%;
}
#passionship *,#passionship *::before,#passionship *::after{box-sizing:border-box}
#passionship button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:inherit;min-height:0;border-radius:0;cursor:pointer;text-decoration:none}
#passionship button:focus-visible,#passionship a:focus-visible,#passionship input:focus-visible,#passionship textarea:focus-visible,#passionship label:focus-within{outline:3px solid var(--ps-orange);outline-offset:2px}
#passionship h1,#passionship h2,#passionship h3,#passionship h4,#passionship p{margin:0;color:inherit;font-family:inherit}
#passionship a{color:inherit}
#passionship .ps-display{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;line-height:.95;color:var(--ps-green)}
#passionship .ps-display span{color:var(--ps-orange)}

/* ---------- Rahmen ---------- */
#passionship .ps-app{position:relative;display:flex;flex-direction:column;height:min(840px,calc(100dvh - 120px));min-height:620px;overflow:hidden;background:var(--ps-beige)}
@media (max-width:520px){#passionship{margin:0 auto}#passionship .ps-app{height:calc(100dvh - 70px);min-height:560px}}
#passionship .ps-pad{padding-left:20px;padding-right:20px}
#passionship .ps-loading{flex:1;display:grid;place-items:center;font-family:var(--ps-display);text-transform:uppercase;font-size:22px;color:var(--ps-green)}
#passionship .ps-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}

/* Kopfzeile */
#passionship .ps-appbar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:10px}
#passionship .ps-brand{display:flex;align-items:center;gap:9px;font-family:var(--ps-display);text-transform:uppercase;font-size:21px;letter-spacing:.01em;color:var(--ps-green)}
#passionship .ps-brand img{width:32px;height:32px;border-radius:50%}
#passionship .ps-lang{display:inline-flex;border:1.5px solid var(--ps-green);border-radius:999px;overflow:hidden}
#passionship .ps-lang button{padding:4px 10px;font-size:12px;font-weight:900;color:var(--ps-green);letter-spacing:.06em}
#passionship .ps-lang button[aria-pressed="true"]{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-intro-top{display:flex;justify-content:flex-end;padding-top:14px}

/* Untere Navigation: grüner Balken wie die Poster */
#passionship .ps-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ps-green);padding-bottom:env(safe-area-inset-bottom,0px)}
#passionship .ps-tabs-5{grid-template-columns:repeat(5,1fr)}
#passionship .ps-tabs button{position:relative;padding:11px 1px 10px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:rgba(238,225,198,.7)}
#passionship .ps-tabs button svg{width:22px;height:22px}
#passionship .ps-tabs button[aria-current="page"]{color:var(--ps-orange)}
#passionship .ps-tabs button[aria-current="page"]::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:var(--ps-orange)}
#passionship .ps-badge{position:absolute;top:5px;left:calc(50% + 5px);background:var(--ps-orange);color:var(--ps-green-deep);font-size:11px;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}

/* ---------- Typo ---------- */
#passionship .ps-h1,#passionship .ps-title{font-family:var(--ps-display);text-transform:uppercase;font-weight:400;font-size:clamp(36px,10vw,46px);line-height:.95;letter-spacing:.005em;color:var(--ps-green);margin:16px 0 10px;text-wrap:balance}
#passionship .ps-h1 span,#passionship .ps-title span{color:var(--ps-orange)}
#passionship .ps-h1-sm{font-size:clamp(30px,8vw,36px)}
#passionship .ps-title{margin:4px 0 14px}
#passionship .ps-lead{color:var(--ps-muted);margin:0 0 22px;max-width:36ch;font-size:15.5px}
#passionship .ps-sub{color:var(--ps-muted);margin:0 0 14px;font-size:14.5px}
/* Kleine orange Versal-Labels wie "THE VAPASSION PROJECT LAB" */
#passionship .ps-block h4,#passionship .ps-card-body h4,#passionship .ps-type,#passionship .ps-label,#passionship .ps-cat h3,#passionship .ps-q h3,#passionship .ps-field label{font-family:var(--ps-body);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-orange-deep);margin:0 0 10px}
#passionship .ps-field label{color:var(--ps-green);letter-spacing:.1em}
#passionship .ps-hint{color:var(--ps-muted);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}

/* ---------- Buttons ---------- */
#passionship .ps-cta{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border-radius:999px;background:var(--ps-green);color:var(--ps-beige);font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;transition:background .15s;text-decoration:none;cursor:pointer}
#passionship .ps-cta:hover{background:var(--ps-green-deep);color:var(--ps-beige)}
#passionship .ps-cta:disabled{background:var(--ps-sand);color:#8f8466;cursor:default}
#passionship .ps-cta.ps-orange{background:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-cta.ps-orange:hover{background:var(--ps-orange-deep)}
#passionship .ps-cta.ps-ghost{background:transparent;color:var(--ps-green);border:2px solid var(--ps-green)}
#passionship .ps-cta.ps-ghost:hover{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-link,#passionship .ps-link-sm{display:block;text-align:center;color:var(--ps-green);font-weight:900;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
#passionship .ps-link-sm{display:inline;margin:0;font-size:12px;color:var(--ps-green)}
#passionship .ps-logout{display:block;width:max-content;margin:28px auto 0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-muted);text-decoration:underline;text-underline-offset:4px;opacity:.8}
#passionship .ps-logout:hover{opacity:1;color:var(--ps-green)}
#passionship .ps-danger{color:var(--ps-bad);font-weight:800;font-size:13.5px;text-align:center;padding:10px;width:100%;text-decoration:underline;text-underline-offset:3px}
#passionship .ps-small-btn{background:var(--ps-green);color:var(--ps-beige);border-radius:999px;padding:7px 14px;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
#passionship a.ps-small-btn:hover{background:var(--ps-green-deep)}

/* ---------- Onboarding ---------- */
#passionship .ps-top{display:grid;grid-template-columns:44px 1fr 96px;align-items:center;gap:10px;padding-top:12px;padding-bottom:6px}
#passionship .ps-icon-btn{width:44px;height:44px;display:grid;place-items:center;color:var(--ps-green)}
#passionship .ps-progress{height:4px;background:rgba(0,71,27,.15);overflow:hidden;width:100%;max-width:220px;justify-self:center}
#passionship .ps-progress i{display:block;height:100%;background:var(--ps-orange);transition:width .35s ease}
#passionship .ps-progress-wide{max-width:none;margin-bottom:16px}
#passionship .ps-skip{justify-self:end;font-weight:900;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-green);padding:8px 0}
#passionship .ps-count{justify-self:end;font-family:var(--ps-display);font-size:18px;color:var(--ps-green);font-variant-numeric:tabular-nums}
#passionship .ps-count-left{display:block;margin-bottom:6px}
#passionship .ps-foot{padding-top:12px;padding-bottom:16px;border-top:1px solid var(--ps-line);background:var(--ps-beige)}
#passionship .ps-foot-stack{display:flex;flex-direction:column;gap:4px}

/* Felder */
#passionship .ps-field{display:flex;flex-direction:column;gap:2px;margin-bottom:22px}
#passionship .ps-field input,#passionship .ps-field textarea{font:inherit;font-size:18px;border:0;border-bottom:2px solid var(--ps-green);background:transparent;padding:8px 0;color:var(--ps-ink);border-radius:0;box-shadow:none;width:100%}
#passionship .ps-field textarea{font-size:16px;resize:vertical;min-height:96px;border:2px solid var(--ps-green);border-radius:var(--ps-r);padding:10px 12px;background:var(--ps-paper)}
#passionship .ps-field input:focus,#passionship .ps-field textarea:focus{outline:none;border-color:var(--ps-orange)}
#passionship .ps-field textarea:disabled{opacity:.4}
#passionship .ps-field input[type="date"]{font-size:16px}
#passionship .ps-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ps-ink);padding:12px 0;border-top:1px solid var(--ps-line);border-bottom:1px solid var(--ps-line);cursor:pointer;margin:6px 0}
#passionship .ps-consent input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--ps-green)}
#passionship .ps-consent a{color:var(--ps-green);font-weight:800}
#passionship .ps-private{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;font-size:14px;color:var(--ps-green-deep);background:var(--ps-sand);border-radius:var(--ps-r);margin-bottom:10px}
#passionship .ps-private svg{flex:none;margin-top:2px}
#passionship .ps-private.ps-warn{background:var(--ps-orange);color:var(--ps-green-deep)}

/* Chips: Umriss, ausgewählt grün gefüllt */
#passionship .ps-chips{display:flex;flex-wrap:wrap;gap:8px}
#passionship .ps-chip{border:1.5px solid var(--ps-green);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:700;color:var(--ps-green);background:transparent;transition:background .12s,color .12s}
#passionship .ps-chip:hover{background:rgba(0,71,27,.08)}
#passionship .ps-chip[aria-pressed="true"]{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-chip.ps-static{cursor:default;padding:5px 11px;font-size:13.5px}
#passionship .ps-chip.ps-static:hover{background:transparent}
#passionship .ps-chip.ps-shared{display:inline-flex;align-items:center;gap:5px;background:var(--ps-orange);border-color:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-tray{position:sticky;top:0;z-index:2;background:var(--ps-beige);padding:4px 0 14px;border-bottom:1px solid var(--ps-line);margin-bottom:6px}
#passionship .ps-tray .ps-chip{background:var(--ps-green);color:var(--ps-beige);display:inline-flex;align-items:center;gap:8px}
#passionship .ps-tray-empty{color:var(--ps-muted);font-size:14.5px;margin:4px 0}
#passionship .ps-cat{padding:18px 0 6px}
#passionship .ps-more{display:flex;align-items:center;gap:12px;margin-top:14px}
#passionship .ps-more::before,#passionship .ps-more::after{content:"";flex:1;height:1.5px;background:var(--ps-line)}
#passionship .ps-more button{font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ps-green);padding:6px 4px}

/* Skalen */
#passionship .ps-q{padding:16px 0;border-bottom:1px solid var(--ps-line)}
#passionship .ps-q:last-child{border-bottom:0}
#passionship .ps-q p{margin:0 0 12px;font-weight:700}
#passionship .ps-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#passionship .ps-scale button{height:44px;border:1.5px solid var(--ps-green);border-radius:var(--ps-r);font-family:var(--ps-display);font-size:20px;color:var(--ps-green)}
#passionship .ps-scale button[aria-pressed="true"]{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-poles{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;font-weight:700;color:var(--ps-muted);margin-top:6px}
#passionship .ps-poles span:last-child{text-align:right}

/* Foto */
#passionship .ps-photo-pick{display:flex;flex-direction:column;align-items:center;gap:14px}
#passionship .ps-photo-frame{position:relative;width:min(250px,100%);aspect-ratio:4/5;overflow:hidden;background:var(--ps-green);display:grid;place-items:center;border:4px solid #fff;transform:rotate(-2deg)}
#passionship .ps-photo-frame img{width:100%;height:100%;object-fit:cover}
#passionship .ps-photo-frame > span{font-family:var(--ps-display);font-size:96px;color:rgba(238,225,198,.25)}
#passionship .ps-photo-busy{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,71,27,.75);color:var(--ps-beige);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#passionship .ps-upload{max-width:260px;cursor:pointer}

/* Intro / Passionship ohne Profil */
#passionship .ps-intro{min-height:calc(100% - 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
#passionship .ps-intro img{width:92px;height:92px;border-radius:50%}
#passionship .ps-hero{font-family:var(--ps-display);text-transform:uppercase;font-size:clamp(58px,17vw,82px);line-height:.88;margin:0;color:var(--ps-green)}
#passionship .ps-hero span{color:var(--ps-orange)}

/* Sticker wie auf der Website: weißer Rand, leicht schräg */
#passionship .ps-sticker,#passionship .ps-tier,#passionship .ps-tierpill,#passionship .ps-stamp{font-family:var(--ps-display);text-transform:uppercase;border:3px solid #fff;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}

/* ---------- Start ---------- */
#passionship .ps-home .ps-hello{margin-top:4px;font-size:clamp(44px,13vw,58px)}
#passionship .ps-block{margin-top:26px}
#passionship .ps-block-head{display:flex;justify-content:space-between;align-items:baseline}

/* XP: grüne Posterfläche */
#passionship .ps-xpcard{margin-top:14px;background:var(--ps-green);color:var(--ps-beige);padding:18px 18px 16px;border-radius:var(--ps-r)}
#passionship .ps-xp-top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;width:100%;text-align:left;color:var(--ps-beige)}
#passionship .ps-xp-flame{display:none}
#passionship .ps-xp-main{display:flex;flex-direction:column}
#passionship .ps-xp-label{font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--ps-orange)}
#passionship .ps-xp-main b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:48px;line-height:.95;color:var(--ps-beige)}
#passionship .ps-xp-main small{font-family:var(--ps-display);font-size:22px;color:var(--ps-orange);font-variant-numeric:tabular-nums;margin-top:2px}
#passionship .ps-xp-more{font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:var(--ps-beige)}
#passionship .ps-xp-bar{height:6px;background:rgba(238,225,198,.22);margin:14px 0 8px;overflow:hidden}
#passionship .ps-xp-bar i{display:block;height:100%;background:var(--ps-orange);transition:width .6s ease}
#passionship .ps-xp-next{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(238,225,198,.85)}
#passionship .ps-xp-list{list-style:none;margin:14px 0 0;padding:0;display:grid;font-size:14px}
#passionship .ps-xp-list li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;margin:0;padding:9px 0;border-top:1px solid rgba(238,225,198,.25)}
#passionship .ps-xp-list b{font-family:var(--ps-display);font-weight:400;font-size:17px;color:var(--ps-orange);font-variant-numeric:tabular-nums}
#passionship .ps-xp-tick{width:18px;height:18px;border:1.5px solid rgba(238,225,198,.7);display:grid;place-items:center}
#passionship .ps-xp-done .ps-xp-tick{background:var(--ps-orange);border-color:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-xp-done span:nth-child(2){text-decoration:line-through;opacity:.7}

/* Stufen-Sticker (Farben nur für den Sticker, keine Verläufe) */
#passionship .ps-tier-0{--tc:#c96a1f}
#passionship .ps-tier-1{--tc:#ff914d}
#passionship .ps-tier-2{--tc:#e8702a}
#passionship .ps-tier-3{--tc:#c4381a}
#passionship .ps-tier-4{--tc:#8c1606}
#passionship .ps-tierpill{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:8px;background:var(--tc);color:#fff;padding:2px 9px 1px 6px;font-size:14px;transform:rotate(-2deg)}
#passionship .ps-tierpill .ps-flame{width:13px;height:13px}

/* Events: wie die Fußzeile der Poster "12.10.  7PM  EO162" */
#passionship .ps-res-list{display:grid;border-top:1px solid var(--ps-rule)}
#passionship .ps-event,#passionship .ps-res,#passionship .ps-tk-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--ps-rule);color:var(--ps-ink);text-decoration:none;background:transparent}
#passionship .ps-event:hover .ps-event-main b,#passionship .ps-res:hover .ps-res-main b{color:var(--ps-orange-deep)}
#passionship .ps-date{display:flex;flex-direction:column;align-items:flex-start;line-height:.9;min-width:46px}
#passionship .ps-date b{font-family:var(--ps-display);font-weight:400;font-size:32px;color:var(--ps-orange-deep)}
#passionship .ps-date small{font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ps-green);margin-top:4px}
#passionship .ps-event-main,#passionship .ps-res-main{display:flex;flex-direction:column;min-width:0;gap:2px}
#passionship .ps-event-main b,#passionship .ps-res-main b{font-size:16px;font-weight:800;line-height:1.25;color:var(--ps-green)}
#passionship .ps-event-main small,#passionship .ps-res-main small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-muted)}
#passionship .ps-ext{color:var(--ps-green);display:grid}
#passionship .ps-res-icon{color:var(--ps-green);display:grid}
/* Nächstes Event: grünes Poster */
#passionship .ps-event-big{grid-template-columns:auto 1fr auto;background:var(--ps-green);border:0;border-radius:var(--ps-r);padding:16px 16px}
#passionship .ps-event-big .ps-date b{color:var(--ps-orange);font-size:40px}
#passionship .ps-event-big .ps-date small{color:var(--ps-beige)}
#passionship .ps-event-big .ps-event-main b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:22px;line-height:1.02;color:var(--ps-beige)}
#passionship .ps-event-big .ps-event-main small{color:var(--ps-orange)}
#passionship .ps-event-big .ps-ext{color:var(--ps-beige)}
#passionship .ps-block .ps-event-big{margin:0}
#passionship .ps-block > .ps-event-big + *{margin-top:0}

#passionship .ps-search input{width:100%;font:inherit;font-size:16px;border:0;border-bottom:2px solid var(--ps-green);border-radius:0;padding:10px 0;background:transparent;color:var(--ps-ink);box-shadow:none}
#passionship .ps-search input:focus{outline:none;border-color:var(--ps-orange)}
#passionship .ps-evgroup{margin-bottom:18px}
#passionship .ps-evgroup-head{display:flex;flex-direction:column;margin-bottom:6px}
#passionship .ps-evgroup-head b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:20px;color:var(--ps-green)}
#passionship .ps-evgroup-head small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-muted)}
#passionship .ps-placeholder{padding:14px 2px;border-bottom:1px solid var(--ps-line);color:var(--ps-muted);font-size:14px}
#passionship .ps-block > .ps-placeholder{border-top:1px solid var(--ps-rule)}

/* Passionship-Teaser auf Start */
#passionship .ps-teaser{display:block;width:100%;margin-top:26px;background:var(--ps-sand);border-radius:var(--ps-r);padding:18px;text-align:left}
#passionship .ps-teaser h3{font-family:var(--ps-display);text-transform:uppercase;font-weight:400;font-size:30px;line-height:.95;margin:0 0 14px;color:var(--ps-green)}
#passionship .ps-teaser h3 span{color:var(--ps-orange-deep)}
#passionship .ps-teaser-on{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;color:var(--ps-green)}
#passionship .ps-teaser-on b{display:block;font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:26px;line-height:1;color:var(--ps-green)}
#passionship .ps-teaser-on small{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ps-orange-deep)}
#passionship .ps-teaser-logo img{width:42px;height:42px;border-radius:50%;display:block}

/* ---------- Lernen ---------- */
#passionship .ps-filter{margin:6px 0 16px}
#passionship .ps-learn-list{display:grid;border-top:1px solid var(--ps-rule)}
#passionship .ps-learn{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:14px 2px;border-bottom:1px solid var(--ps-rule);color:var(--ps-ink)}
#passionship .ps-learn:hover b{color:var(--ps-orange-deep)}
#passionship .ps-learn b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:24px;line-height:1;color:var(--ps-green)}
#passionship .ps-learn small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ps-muted)}
#passionship .ps-learn-intro{font-size:14px;color:var(--ps-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#passionship .ps-learn-top{display:flex;justify-content:space-between;align-items:center}
#passionship .ps-type{margin:0}
#passionship .ps-type-head{justify-self:center}
#passionship .ps-st{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border:1.5px solid var(--ps-green);color:var(--ps-green)}
#passionship .ps-st-new{background:var(--ps-orange);border-color:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-st-done{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-refl label{text-transform:none;letter-spacing:0;font-size:16px;font-weight:800;color:var(--ps-green);line-height:1.3;margin-bottom:8px}
#passionship .ps-progress-text{font-family:var(--ps-display);text-transform:uppercase;font-size:20px;color:var(--ps-green);margin:0 0 6px}
#passionship .ps-checklist{display:grid;border-top:1px solid var(--ps-rule)}
#passionship .ps-check{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--ps-rule);cursor:pointer;font-size:15.5px}
#passionship .ps-check input{position:absolute;opacity:0;pointer-events:none}
#passionship .ps-box{width:26px;height:26px;border:2px solid var(--ps-green);display:grid;place-items:center;color:transparent}
#passionship .ps-check-on .ps-box{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-check-on span:last-child{text-decoration:line-through;color:var(--ps-muted)}

/* Test- und Quiz-Fragen */
#passionship .ps-test{display:flex;flex-direction:column;justify-content:center;gap:10px;padding-bottom:20px}
#passionship .ps-item{font-family:var(--ps-display);text-transform:uppercase;font-size:clamp(30px,8vw,38px);line-height:1;color:var(--ps-green);text-wrap:balance}
#passionship .ps-item-en{color:var(--ps-muted);font-size:14px;font-style:italic;margin-bottom:14px}
#passionship .ps-answers{display:grid;gap:8px}
#passionship .ps-answers button{min-height:50px;border:1.5px solid var(--ps-green);border-radius:var(--ps-r);font-weight:800;font-size:15.5px;color:var(--ps-green);padding:10px 14px;transition:background .12s}
#passionship .ps-answers button:hover{background:rgba(0,71,27,.08)}
#passionship .ps-answers button[aria-pressed="true"]{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-answers button.ps-ans-right{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-answers button.ps-ans-wrong{background:var(--ps-bad);border-color:var(--ps-bad);color:#fff}
#passionship .ps-answers button.ps-ans-dim{opacity:.4}
#passionship .ps-answers button:disabled{cursor:default}
#passionship .ps-feedback{margin-top:12px;padding:14px;display:flex;flex-direction:column;gap:4px;font-size:14.5px;border-radius:var(--ps-r)}
#passionship .ps-feedback b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:24px}
#passionship .ps-fb-right{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-fb-right b{color:var(--ps-orange)}
#passionship .ps-fb-wrong{background:var(--ps-sand);color:var(--ps-ink)}
#passionship .ps-fb-wrong b{color:var(--ps-bad)}
#passionship .ps-score{margin-top:12px;padding:24px 18px;background:var(--ps-green);color:var(--ps-beige);display:flex;flex-direction:column;gap:6px;border-radius:var(--ps-r)}
#passionship .ps-score b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:40px;line-height:1;color:var(--ps-beige)}
#passionship .ps-score span{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--ps-orange)}
#passionship .ps-trait{display:block;color:var(--ps-green);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

/* Persönlichkeitstest & Abzeichen */
#passionship .ps-verified{display:inline-block;vertical-align:-2px;margin-left:6px;flex:none}
#passionship .ps-card-head h2 .ps-verified{width:24px;height:24px;vertical-align:3px}
#passionship .ps-match-top .ps-verified{width:16px;height:16px}
#passionship .ps-test-cta{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;width:100%;text-align:left;padding:14px 2px;margin:0 0 14px;border-top:1px solid var(--ps-rule);border-bottom:1px solid var(--ps-rule);color:var(--ps-ink)}
#passionship .ps-test-cta .ps-verified{width:30px;height:30px;margin:0}
#passionship .ps-test-cta b{display:block;font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:22px;color:var(--ps-green)}
#passionship .ps-test-cta span{font-size:13.5px;color:var(--ps-muted)}
#passionship .ps-badge-earned{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--ps-green);color:var(--ps-beige);padding:20px;margin:12px 0 4px;border-radius:var(--ps-r)}
#passionship .ps-badge-earned .ps-verified{width:50px;height:50px;margin:0}
#passionship .ps-badge-earned b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:28px;color:var(--ps-beige)}
#passionship .ps-badge-earned span{font-size:14px;color:rgba(238,225,198,.85)}

/* Pole (Lebenseinstellung, Ergebnisse) */
#passionship .ps-ol{display:grid;gap:14px}
#passionship .ps-ol-row{font-size:12.5px;font-weight:700;color:var(--ps-muted)}
#passionship .ps-ol-row .ps-ends{display:flex;justify-content:space-between;gap:8px}
#passionship .ps-ol-track{position:relative;height:3px;background:var(--ps-green);margin:9px 0 7px}
#passionship .ps-ol-track i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--ps-beige)}
#passionship .ps-ol-track .ps-them{background:var(--ps-orange)}
#passionship .ps-ol-track .ps-me{background:var(--ps-green);border-color:var(--ps-orange);width:16px;height:16px}
#passionship .ps-legend{display:flex;gap:14px;font-size:12px;font-weight:800;color:var(--ps-muted)}
#passionship .ps-legend span{display:inline-flex;align-items:center;gap:6px}
#passionship .ps-legend i{width:10px;height:10px;border-radius:50%}

/* ---------- Passionship ---------- */
#passionship .ps-seg{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ps-green);border-radius:999px;overflow:hidden;margin:0 20px 8px}
#passionship .ps-seg button{padding:8px 0;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-green)}
#passionship .ps-seg button + button{border-left:1.5px solid var(--ps-green)}
#passionship .ps-seg button[aria-pressed="true"]{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-badge-inline{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:9px;background:var(--ps-orange);color:var(--ps-green-deep);font-size:10.5px;padding:0 5px;margin-left:2px}
#passionship .ps-deck{position:relative;flex:1;min-height:0;margin:6px 20px 4px}
#passionship .ps-card{position:absolute;inset:0;background:var(--ps-paper);border:2px solid var(--ps-green);border-radius:var(--ps-r);overflow:hidden;display:flex;flex-direction:column;touch-action:pan-y;user-select:none;transition:transform .28s ease;--like:0;--nope:0}
#passionship .ps-card.ps-behind{transform:translate(6px,6px);pointer-events:none}
#passionship .ps-card.ps-top-match{border:3px solid var(--ps-orange)}
#passionship .ps-card-head{position:relative;flex:none;min-height:190px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;color:var(--ps-beige);overflow:hidden;background:var(--ps-green)}
#passionship .ps-card-head > *{position:relative;z-index:1}
#passionship .ps-card-head.ps-has-photo{min-height:62%;background:var(--ps-green-deep)}
#passionship .ps-mecard .ps-card-head.ps-has-photo{min-height:380px}
#passionship .ps-card-head img.ps-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;-webkit-user-drag:none}
/* Damit der Name auf Fotos lesbar bleibt: grüner Balken unten statt Verlauf */
#passionship .ps-card-head.ps-has-photo h2,#passionship .ps-card-head.ps-has-photo p{background:var(--ps-green);align-self:flex-start;padding:2px 8px}
#passionship .ps-initials{position:absolute!important;right:-4px;bottom:-22px;font-family:var(--ps-display);font-size:160px;line-height:1;color:rgba(238,225,198,.1);z-index:0!important}
#passionship .ps-card-head h2{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:42px;line-height:.95;color:var(--ps-beige)}
#passionship .ps-card-head h2 small{font-size:28px;color:var(--ps-orange)}
#passionship .ps-card-head p{font-size:12.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ps-orange)}
#passionship .ps-tier{position:absolute!important;top:14px;right:12px;z-index:2!important;font-size:20px;padding:4px 11px 2px;white-space:nowrap}
#passionship .ps-tier-good{background:var(--ps-beige);color:var(--ps-green);transform:rotate(3deg)}
#passionship .ps-tier-top{background:var(--ps-orange);color:var(--ps-green-deep);font-size:24px;transform:rotate(-4deg);animation:ps-pop .45s cubic-bezier(.3,1.6,.5,1) both}
#passionship .ps-tier-sm{position:static!important;font-size:14px;padding:2px 8px 1px;border-width:2px;transform:rotate(-3deg);filter:none;animation:none}
@keyframes ps-pop{from{transform:rotate(-4deg) scale(.4);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}
#passionship .ps-sparks{display:none}
#passionship .ps-stamp{position:absolute;top:26px;z-index:3;font-size:34px;padding:2px 14px 0;pointer-events:none}
#passionship .ps-stamp.ps-like{left:16px;background:var(--ps-orange);color:var(--ps-green-deep);transform:rotate(-10deg);opacity:var(--like)}
#passionship .ps-stamp.ps-nope{right:16px;background:var(--ps-green);color:var(--ps-beige);transform:rotate(10deg);opacity:var(--nope)}
#passionship .ps-card-body{padding:16px 18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;min-height:0}
#passionship .ps-card-body h4{margin-bottom:8px}
#passionship .ps-passion{margin:0;padding:0;font-family:var(--ps-display);text-transform:uppercase;font-size:26px;line-height:1.02;color:var(--ps-green);quotes:none}
#passionship .ps-passion span{display:block;font-family:var(--ps-body);font-size:11.5px;letter-spacing:.14em;font-weight:900;color:var(--ps-orange-deep);margin-bottom:6px}
#passionship .ps-why{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:15px}
#passionship .ps-why li{display:flex;gap:8px;margin:0}
#passionship .ps-why li::before{content:"→";color:var(--ps-orange-deep);font-weight:900}
#passionship .ps-bio{font-size:15.5px}
#passionship .ps-actions{display:flex;justify-content:center;gap:12px;padding:10px 20px 14px}
#passionship .ps-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;font-family:var(--ps-display);text-transform:uppercase;font-size:22px;letter-spacing:.03em;transition:transform .1s}
#passionship .ps-pill:active{transform:scale(.97)}
#passionship .ps-skip-btn{border:2px solid var(--ps-green);color:var(--ps-green)}
#passionship .ps-like-btn{background:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-like-btn svg{width:20px;height:20px}
#passionship .ps-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px 20px}
#passionship .ps-empty h2{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:38px;line-height:.95;color:var(--ps-green)}
#passionship .ps-empty h2 span{color:var(--ps-orange-deep)}
#passionship .ps-empty p{color:var(--ps-muted);max-width:32ch}

/* Matches */
#passionship .ps-list{display:grid;border-top:1px solid var(--ps-rule);padding-bottom:20px}
#passionship .ps-match{display:grid;gap:12px;padding:16px 2px;border-bottom:1px solid var(--ps-rule)}
#passionship .ps-match-top{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}
#passionship .ps-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--ps-beige);font-family:var(--ps-display);font-size:22px;background:var(--ps-green);overflow:hidden;flex:none}
#passionship .ps-av img{width:100%;height:100%;object-fit:cover;display:block}
#passionship .ps-av.ps-av-me{background:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-match-top b{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:22px;display:block;color:var(--ps-green)}
#passionship .ps-match-top span{color:var(--ps-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#passionship .ps-contact{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:15px;font-weight:800}
#passionship .ps-contact code{font-family:inherit;background:none;padding:0;color:var(--ps-ink);user-select:all;overflow-wrap:anywhere;min-width:0}
#passionship .ps-pending{color:var(--ps-muted);font-size:13.5px;text-align:center;margin-top:12px}

/* Eigenes Profil */
#passionship .ps-mecard{border:2px solid var(--ps-green);border-radius:var(--ps-r);overflow:hidden;margin-bottom:14px;background:var(--ps-paper)}
#passionship .ps-mecard .ps-card-head{min-height:160px}
#passionship .ps-mecard .ps-card-body{overflow:visible}
#passionship .ps-row-btns{display:grid;gap:10px;padding-bottom:24px}

/* Overlays: grüne Vollfläche */
#passionship .ps-overlay{position:absolute;inset:0;z-index:20;background:var(--ps-green);color:var(--ps-beige);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;animation:ps-fade .2s ease}
#passionship .ps-overlay h2{font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:56px;line-height:.9;color:var(--ps-beige)}
#passionship .ps-overlay h2 span{color:var(--ps-orange)}
#passionship .ps-overlay p{color:rgba(238,225,198,.85);max-width:30ch}
#passionship .ps-pair{display:flex;margin:8px 0}
#passionship .ps-pair .ps-av{width:96px;height:96px;font-size:40px;border:4px solid #fff}
#passionship .ps-pair .ps-av:first-child{transform:rotate(-5deg)}
#passionship .ps-pair .ps-av + .ps-av{margin-left:-18px;transform:rotate(5deg)}
#passionship .ps-overlay .ps-cta{max-width:320px}
#passionship .ps-overlay .ps-cta.ps-ghost{border-color:var(--ps-beige);color:var(--ps-beige)}
#passionship .ps-tierup-flame{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:var(--tc);border:4px solid #fff;transform:rotate(-6deg)}
#passionship .ps-tierup-flame .ps-flame{width:52px;height:52px;color:#fff}
#passionship .ps-tierup-name{font-family:var(--ps-display);text-transform:uppercase;font-size:48px;color:var(--ps-orange)!important;line-height:1}
@keyframes ps-fade{from{opacity:0}to{opacity:1}}
#passionship .ps-confetti{position:absolute;left:50%;top:38%;width:0;height:0;z-index:25;pointer-events:none}
#passionship .ps-confetti i{position:absolute;width:8px;height:12px;opacity:0;animation:ps-confetti 1.2s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes ps-confetti{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.6)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 140px)) rotate(var(--r)) scale(1)}}
#passionship .ps-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ps-green-deep);color:var(--ps-beige);padding:10px 16px;border-radius:var(--ps-r);font-size:14px;font-weight:700;z-index:30;max-width:90%;text-align:center}

/* ---------- Anfragen ---------- */
#passionship .ps-tk-types{display:grid;border-top:1px solid var(--ps-rule)}
#passionship .ps-tk-type{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;width:100%;padding:14px 2px;border-bottom:1px solid var(--ps-rule);color:var(--ps-ink)}
#passionship .ps-tk-type:hover b{color:var(--ps-orange-deep)}
#passionship .ps-tk-type b{display:block;font-family:var(--ps-display);font-weight:400;text-transform:uppercase;font-size:24px;line-height:1;color:var(--ps-green)}
#passionship .ps-tk-type small{display:block;font-size:13.5px;color:var(--ps-muted);margin-top:4px;line-height:1.3}
#passionship .ps-tk-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--ps-green);flex:none}
#passionship .ps-tk-icon svg{width:28px;height:28px}
#passionship .ps-tk-big{width:96px;height:96px;border-radius:50%;background:var(--ps-green);color:var(--ps-beige);border:4px solid #fff;transform:rotate(-6deg)}
#passionship .ps-tk-big svg{width:46px;height:46px}
#passionship .ps-tk-row .ps-tk-icon svg{width:22px;height:22px}
#passionship .ps-ts{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;border:1.5px solid var(--ps-green);color:var(--ps-green)}
#passionship .ps-ts-progress{background:var(--ps-orange);border-color:var(--ps-orange);color:var(--ps-green-deep)}
#passionship .ps-ts-done{background:var(--ps-green);color:var(--ps-beige)}
#passionship .ps-ts-rejected{border-color:var(--ps-bad);color:var(--ps-bad)}
#passionship .ps-label{color:var(--ps-green);letter-spacing:.1em}
#passionship .ps-file{display:flex;flex-direction:column;gap:8px}
#passionship .ps-file-name{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ps-green);overflow-wrap:anywhere}
#passionship .ps-file-btn{height:46px;font-size:14px;cursor:pointer}

/* ---------- Login-Hinweis für Gäste ---------- */
#passionship.ps-gate{background:var(--ps-beige);padding:40px 24px;text-align:center}
#passionship .ps-gate-inner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:340px;margin:0 auto}
#passionship .ps-gate-logo{width:72px;height:72px;border-radius:50%}
#passionship.ps-gate h2{font-size:58px}
#passionship.ps-gate p{color:var(--ps-muted)}
#passionship .ps-gate-inner > p:not(.ps-gate-small){max-width:30ch;margin-bottom:6px}
#passionship .ps-gate-inner .ps-cta{max-width:300px}
/* Button des Plugins "Login with Google" mittig und groß */
#passionship .ps-gate-google{width:100%;display:flex;justify-content:center}
#passionship .ps-gate-google a,#passionship .ps-gate-google button{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px!important;font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
#passionship .ps-gate-small{font-size:14px}
#passionship .ps-gate-small a{color:var(--ps-green);font-weight:800}
#passionship .ps-gate-notion{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ps-line);width:100%;max-width:300px;justify-content:center;color:var(--ps-green);font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
#passionship .ps-gate-notion:hover{color:var(--ps-orange-deep)}
#passionship .ps-gate-admin{margin-top:22px;font-size:12px;color:var(--ps-muted,#8a8a7a);text-decoration:underline;opacity:.75}
#passionship .ps-gate-admin:hover{opacity:1}

/* ---------- Ruhiger: Feinschliff ---------- */
/* Theme-Stile (z. B. Kadence-Zitatrand, Listenpunkte) innerhalb der App neutralisieren */
#passionship blockquote{border:0!important;background:none!important;padding:0!important;margin:0!important;font-style:normal!important;box-shadow:none!important}
#passionship blockquote::before,#passionship blockquote::after{content:none!important;display:none!important}
#passionship ul{margin:0;padding:0}
#passionship img{max-width:100%;height:auto;box-shadow:none;border-radius:0}

/* Karten ohne Rahmen, mehr Luft */
#passionship .ps-card,#passionship .ps-mecard{border:0;border-radius:6px;background:var(--ps-paper)}
#passionship .ps-card.ps-top-match{box-shadow:inset 0 0 0 3px var(--ps-orange)}
#passionship .ps-card-body{padding:20px 20px 24px;gap:24px}
#passionship .ps-mecard .ps-card-head{min-height:150px}

/* Name als ein grüner Balken unter dem Foto statt einzelner Schildchen */
#passionship .ps-card-head{padding:0;justify-content:flex-end}
#passionship .ps-namebar{padding:18px 20px 16px;background:var(--ps-green)}
#passionship .ps-card-head:not(.ps-has-photo) .ps-namebar{background:transparent}
#passionship .ps-card-head.ps-has-photo h2,#passionship .ps-card-head.ps-has-photo p{background:none;padding:0;align-self:auto}
#passionship .ps-card-head h2{font-size:40px}
#passionship .ps-card-head h2 small{font-size:26px}
#passionship .ps-card-head p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:12px;color:rgba(238,225,198,.8)}
#passionship .ps-tiertext{display:inline-flex;align-items:center;gap:4px;color:var(--ps-orange)}
#passionship .ps-tiertext .ps-flame{width:12px;height:12px}

/* Feinere Elemente */
#passionship .ps-chip{border-width:1px;padding:6px 12px;font-size:14px;font-weight:700}
#passionship .ps-chip.ps-static{padding:4px 10px;font-size:13px}
#passionship .ps-title{font-size:clamp(30px,8.5vw,38px)}
#passionship .ps-passion{font-size:24px}
#passionship .ps-ol{gap:16px}
#passionship .ps-ol-track{height:2px;background:rgba(0,71,27,.3);margin:8px 0 6px}
#passionship .ps-ol-track i{width:11px;height:11px;border:0}
#passionship .ps-ol-track .ps-me{width:11px;height:11px;border:0;background:var(--ps-green)}
#passionship .ps-ol-row{font-size:12px;font-weight:600}
#passionship .ps-test-cta{border:0;background:var(--ps-sand);border-radius:6px;padding:12px 14px}
#passionship .ps-test-cta b{font-size:19px}
#passionship .ps-seg{margin-bottom:10px}
#passionship .ps-seg,#passionship .ps-seg button + button{border-width:1px}
#passionship .ps-lang{border-width:1px}
#passionship .ps-scale button,#passionship .ps-answers button{border-width:1px}

/* ---------- Vollbild-Vorlage: nur die App, die Seite selbst scrollt nie ---------- */
html.ps-fullscreen-html,body.ps-fullscreen{height:100%;margin:0!important;padding:0!important;overflow:hidden;overscroll-behavior:none;background:#eee1c6}
body.ps-fullscreen #passionship{margin:0 auto;height:100%;height:100dvh;max-width:480px}
body.ps-fullscreen #passionship .ps-app{height:100%;min-height:0;padding-top:env(safe-area-inset-top,0px)}
body.ps-fullscreen #passionship.ps-gate{display:flex;align-items:center;justify-content:center}
@media (min-width:521px){body.ps-fullscreen{background:#00471b}}

/* ===================================================================================
   Passionship im ursprünglichen Look (weiche Karten, Foto mit Verlauf, Glow beim Perfect Match).
   Gilt nur, wenn die App im Passionship-Bereich ist (.ps-psmode); der restliche Hub bleibt im Poster-Look.
   =================================================================================== */
#passionship .ps-psmode{--pp-ink:#1A202C;--pp-muted:#5f5a4c;--pp-line:rgba(0,71,27,.16);--pp-paper:#fffaf0;--pp-cream:#fff3da;background:linear-gradient(180deg,#fffaf0 0%,#fff3da 100%)}

/* Überschriften */
#passionship .ps-psmode .ps-h1,#passionship .ps-psmode .ps-title{color:var(--pp-ink);font-size:clamp(34px,9vw,44px);line-height:.98;margin:18px 0 10px}
#passionship .ps-psmode .ps-title{font-size:38px;margin:6px 0 6px}
#passionship .ps-psmode .ps-h1 span,#passionship .ps-psmode .ps-title span{color:var(--ps-orange)}
#passionship .ps-psmode .ps-lead,#passionship .ps-psmode .ps-sub{color:var(--pp-muted)}
#passionship .ps-psmode .ps-hero{color:var(--pp-ink)}
#passionship .ps-psmode .ps-cat h3,#passionship .ps-psmode .ps-q h3{font-size:17px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--ps-green);margin:0 0 12px}
#passionship .ps-psmode .ps-field label{font-size:14.5px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--ps-green);margin:0}
#passionship .ps-psmode .ps-field{gap:6px}

/* Buttons */
#passionship .ps-psmode .ps-cta{text-transform:none;letter-spacing:0;font-weight:800;font-size:17px;color:#fff}
#passionship .ps-psmode .ps-cta:hover{color:#fff}
#passionship .ps-psmode .ps-cta:disabled{background:var(--ps-beige);color:#9a927d}
#passionship .ps-psmode .ps-cta.ps-orange{color:#fff}
#passionship .ps-psmode .ps-cta.ps-ghost{color:var(--ps-green);border:2px solid var(--ps-green)}
#passionship .ps-psmode .ps-cta.ps-ghost:hover{color:#fff}
#passionship .ps-psmode .ps-link{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;text-decoration:none}
#passionship .ps-psmode .ps-small-btn{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700;color:#fff}
#passionship .ps-psmode .ps-danger{text-decoration:none;font-weight:700}
#passionship .ps-psmode .ps-foot{background:var(--pp-cream);border-top:1px solid var(--pp-line)}

/* Formular */
#passionship .ps-psmode .ps-progress{height:6px;border-radius:6px;background:var(--ps-beige)}
#passionship .ps-psmode .ps-progress i{border-radius:6px}
#passionship .ps-psmode .ps-skip{text-transform:none;letter-spacing:0;font-size:17px;font-weight:800}
#passionship .ps-psmode .ps-count{font-family:var(--ps-body);font-size:14px;font-weight:800}
#passionship .ps-psmode .ps-field input{border-bottom:2px solid var(--pp-line)}
#passionship .ps-psmode .ps-field textarea{border:2px solid var(--pp-line);border-radius:16px;background:var(--pp-paper)}
#passionship .ps-psmode .ps-field input:focus,#passionship .ps-psmode .ps-field textarea:focus{border-color:var(--ps-green)}
#passionship .ps-psmode .ps-consent{background:var(--pp-paper);border:1px solid var(--pp-line);border-radius:14px;padding:12px 14px;color:var(--pp-muted)}
#passionship .ps-psmode .ps-private{background:var(--pp-paper);border:1px solid var(--pp-line);border-radius:14px;color:var(--pp-muted)}
#passionship .ps-psmode .ps-private.ps-warn{background:#fff1e6;border-color:rgba(255,145,77,.55);color:var(--pp-ink)}
#passionship .ps-psmode .ps-chip{border:0;background:var(--ps-beige);padding:9px 16px;font-size:15px;font-weight:600;color:var(--ps-green-deep)}
#passionship .ps-psmode .ps-chip:hover{background:#e4d3b0}
#passionship .ps-psmode .ps-chip[aria-pressed="true"]{background:var(--ps-green);color:#fff}
#passionship .ps-psmode .ps-chip.ps-static{padding:6px 12px;font-size:14px}
#passionship .ps-psmode .ps-chip.ps-static:hover{background:var(--ps-beige)}
#passionship .ps-psmode .ps-chip.ps-shared,#passionship .ps-psmode .ps-chip.ps-shared:hover{background:var(--ps-orange);color:#fff}
#passionship .ps-psmode .ps-tray{background:var(--pp-cream);border-bottom:1px solid var(--pp-line)}
#passionship .ps-psmode .ps-tray .ps-chip{background:var(--ps-green);color:#fff}
#passionship .ps-psmode .ps-more::before,#passionship .ps-psmode .ps-more::after{height:1px;background:var(--pp-line)}
#passionship .ps-psmode .ps-more button{text-transform:none;letter-spacing:0;font-size:15px}
#passionship .ps-psmode .ps-q{border-bottom:1px solid var(--pp-line)}
#passionship .ps-psmode .ps-scale button{border:0;border-radius:12px;background:var(--ps-beige);font-family:var(--ps-body);font-size:16px;font-weight:800;color:var(--ps-green-deep)}
#passionship .ps-psmode .ps-scale button[aria-pressed="true"]{background:var(--ps-green);color:#fff}
#passionship .ps-psmode .ps-poles{font-size:13px;font-weight:400;color:var(--pp-muted)}
#passionship .ps-psmode .ps-photo-frame{border:0;border-radius:22px;transform:none;box-shadow:0 14px 34px -14px rgba(5,46,19,.45)}
#passionship .ps-psmode .ps-seg{border:0;background:var(--ps-beige);border-radius:999px;padding:4px;gap:4px;margin:2px 18px 8px}
#passionship .ps-psmode .ps-seg button,#passionship .ps-psmode .ps-seg button + button{border:0;border-radius:999px;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:800;color:var(--ps-green-deep)}
#passionship .ps-psmode .ps-seg button[aria-pressed="true"]{background:var(--ps-green);color:#fff}

/* Persönlichkeitstest */
#passionship .ps-psmode .ps-item{color:var(--pp-ink);font-size:clamp(28px,7.5vw,36px)}
#passionship .ps-psmode .ps-answers button{border:0;border-radius:14px;background:var(--ps-beige);font-size:16px;font-weight:700;color:var(--ps-green-deep)}
#passionship .ps-psmode .ps-answers button[aria-pressed="true"]{background:var(--ps-green);color:#fff}
#passionship .ps-psmode .ps-test-cta{background:var(--pp-paper);border:2px dashed var(--ps-blue);border-radius:18px;padding:14px}
#passionship .ps-psmode .ps-test-cta:hover{background:#eef7ff}
#passionship .ps-psmode .ps-test-cta b{font-family:var(--ps-body);text-transform:none;font-size:16px;font-weight:800}
#passionship .ps-psmode .ps-badge-earned{background:#eef7ff;border:2px solid var(--ps-blue);border-radius:20px;color:var(--pp-muted)}
#passionship .ps-psmode .ps-badge-earned b{color:#0b5fa8;font-size:24px}
#passionship .ps-psmode .ps-badge-earned span{color:var(--pp-muted)}
#passionship .ps-psmode .ps-trait{font-size:14px;letter-spacing:0;text-transform:none;font-weight:800;color:var(--pp-ink)}

/* Karten */
#passionship .ps-psmode .ps-deck{margin:6px 18px 4px}
#passionship .ps-psmode .ps-card{border:0;border-radius:24px;background:var(--pp-paper);box-shadow:0 14px 34px -14px rgba(5,46,19,.35)}
#passionship .ps-psmode .ps-card.ps-behind{transform:scale(.95) translateY(10px);opacity:.6}
#passionship .ps-psmode .ps-card.ps-top-match{box-shadow:0 0 0 3px var(--ps-orange),0 0 36px 4px rgba(255,145,77,.6),0 14px 34px -14px rgba(5,46,19,.35)}
#passionship .ps-psmode .ps-card.ps-top-card.ps-top-match{animation:pp-glow 1.6s ease-in-out infinite alternate}
@keyframes pp-glow{from{box-shadow:0 0 0 3px var(--ps-orange),0 0 22px 2px rgba(255,145,77,.45),0 14px 34px -14px rgba(5,46,19,.35)}to{box-shadow:0 0 0 4px #ffb27d,0 0 52px 10px rgba(255,145,77,.75),0 14px 34px -14px rgba(5,46,19,.35)}}
#passionship .ps-psmode .ps-card-head{padding:18px 20px;min-height:200px;justify-content:flex-end;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,145,77,.35),transparent 45%),linear-gradient(160deg,#0b5c27 0%,var(--ps-green) 55%,var(--ps-green-deep) 100%)}
#passionship .ps-psmode .ps-card-head.ps-has-photo{min-height:62%;background:var(--ps-green-deep)}
#passionship .ps-psmode .ps-card-head.ps-has-photo::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to top,rgba(5,46,19,.88) 0%,rgba(5,46,19,.25) 40%,transparent 65%)}
#passionship .ps-psmode .ps-namebar,#passionship .ps-psmode .ps-card-head.ps-has-photo .ps-namebar{background:transparent;padding:0}
#passionship .ps-psmode .ps-card-head h2{font-size:40px;color:#fff}
#passionship .ps-psmode .ps-card-head h2 small{font-size:28px;color:var(--ps-orange)}
#passionship .ps-psmode .ps-card-head p{font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.9);gap:6px 10px;margin-top:2px}
#passionship .ps-psmode .ps-tiertext{background:var(--tc);color:#fff;border-radius:999px;padding:3px 10px 3px 7px;font-size:12px;font-weight:800;letter-spacing:.02em}
#passionship .ps-psmode .ps-initials{right:-6px;bottom:-18px;font-size:150px;color:rgba(255,255,255,.08)}
#passionship .ps-psmode .ps-mecard{border:0;border-radius:24px;background:var(--pp-paper)}
#passionship .ps-psmode .ps-mecard .ps-card-head{min-height:160px}
#passionship .ps-psmode .ps-mecard .ps-card-head.ps-has-photo{min-height:380px}

/* Stempel und Match-Stufen */
#passionship .ps-psmode .ps-stamp{top:28px;border:4px solid #fff;color:#fff;filter:none;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
#passionship .ps-psmode .ps-stamp.ps-like{left:18px;background:var(--ps-orange);color:#fff}
#passionship .ps-psmode .ps-stamp.ps-nope{right:18px;background:var(--pp-ink);color:#fff}
#passionship .ps-psmode .ps-tier{top:16px;right:14px;font-size:19px;padding:5px 12px 3px;filter:none;box-shadow:0 8px 18px -8px rgba(0,0,0,.5);animation:none}
#passionship .ps-psmode .ps-tier-good{background:var(--ps-green);color:#fff;transform:rotate(3deg)}
#passionship .ps-psmode .ps-tier-top{color:#fff;font-size:23px;background:linear-gradient(110deg,var(--ps-orange) 25%,#ffe2c2 45%,var(--ps-orange) 62%);background-size:260% 100%;animation:pp-shimmer 2.2s linear infinite,pp-wobble 2.8s ease-in-out infinite;text-shadow:0 1px 0 rgba(160,60,0,.45)}
#passionship .ps-psmode .ps-tier-sm{font-size:15px;padding:3px 9px 1px;border-width:2px;transform:rotate(-3deg);box-shadow:none;animation:none}
#passionship .ps-psmode .ps-tier-sm.ps-tier-top{font-size:15px;background:var(--ps-orange)}
@keyframes pp-shimmer{from{background-position:100% 0}to{background-position:-160% 0}}
@keyframes pp-wobble{0%,100%{transform:rotate(4deg) scale(1)}50%{transform:rotate(-3deg) scale(1.07)}}
#passionship .ps-psmode .ps-sparks{display:block;position:absolute!important;inset:0;z-index:1!important;pointer-events:none}
#passionship .ps-psmode .ps-sparks i{position:absolute;font-style:normal;color:#ffd29d;text-shadow:0 0 10px rgba(255,180,120,.9);font-size:calc(14px + var(--i) * 3px);animation:pp-twinkle 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.27s)}
@keyframes pp-twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}

/* Karteninhalt */
#passionship .ps-psmode .ps-card-body{padding:16px 20px 22px;gap:18px}
#passionship .ps-psmode .ps-card-body h4{font-size:12px;letter-spacing:.12em;color:var(--ps-green);margin:0 0 8px}
#passionship .ps-psmode blockquote.ps-passion{border-left:4px solid var(--ps-orange)!important;padding:2px 0 2px 14px!important;font-size:24px;line-height:1.08;color:var(--ps-green)}
#passionship .ps-psmode .ps-why li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ps-orange);margin-top:7px}
#passionship .ps-psmode .ps-ol{gap:12px}
#passionship .ps-psmode .ps-ol-row{font-size:13px;font-weight:400;color:var(--pp-muted)}
#passionship .ps-psmode .ps-ol-track{height:7px;border-radius:7px;background:var(--ps-beige);margin:7px 0 5px}
#passionship .ps-psmode .ps-ol-track i{width:15px;height:15px;border:2px solid var(--pp-paper)}
#passionship .ps-psmode .ps-ol-track .ps-me{width:15px;height:15px;border:2px solid var(--pp-paper);background:var(--ps-green)}
#passionship .ps-psmode .ps-legend{font-size:12.5px;font-weight:400}

/* Like / Skip */
#passionship .ps-psmode .ps-actions{gap:14px;padding:10px 0 14px}
#passionship .ps-psmode .ps-pill{flex:none;height:54px;min-width:132px;padding:0 26px;font-size:21px}
#passionship .ps-psmode .ps-skip-btn{background:var(--pp-paper);color:var(--pp-ink);border:2px solid var(--pp-ink)}
#passionship .ps-psmode .ps-like-btn{background:var(--ps-orange);color:#fff;box-shadow:0 10px 24px -10px rgba(232,112,42,.9)}
#passionship .ps-psmode .ps-empty h2{color:var(--pp-ink)}
#passionship .ps-psmode .ps-empty h2 span{color:var(--ps-orange)}

/* Matches */
#passionship .ps-psmode .ps-list{border-top:0;gap:12px}
#passionship .ps-psmode .ps-match{background:var(--pp-paper);border:1px solid var(--pp-line);border-radius:20px;padding:14px}
#passionship .ps-psmode .ps-match-top b{font-family:var(--ps-body);text-transform:none;font-size:17px;font-weight:800;color:var(--ps-green-deep)}
#passionship .ps-psmode .ps-match-top span{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}
#passionship .ps-psmode .ps-contact{background:var(--pp-cream);border-radius:12px;padding:8px 8px 8px 12px;font-size:14.5px;font-weight:400}
#passionship .ps-psmode .ps-av,#passionship .ps-psmode .ps-av.ps-av-me{color:#fff}

/* Match-Overlay */
#passionship .ps-psmode .ps-overlay{background:rgba(5,46,19,.94);color:#fff}
#passionship .ps-psmode .ps-overlay h2{font-size:52px;color:#fff}
#passionship .ps-psmode .ps-overlay p{color:rgba(255,255,255,.88)}
#passionship .ps-psmode .ps-overlay .ps-cta.ps-ghost{border-color:#fff;color:#fff}
#passionship .ps-psmode .ps-pair .ps-av{transform:none}

@media (prefers-reduced-motion:reduce){#passionship *{transition:none!important;animation:none!important}}