/* KUN v2 „Perle“: nur aktiv mit data-ui=v2 (Kundenseite, Wahl unter Profil → App-Version).
   Setzt die Glow-Tokens auf die Perle-Palette um, damit auch alle v1-Seiten (Buchung, Termine, Konto) im Perle-Stil erscheinen,
   und gestaltet die v2-eigenen Seiten (Heute, Ablegen, Empfehlung, Rituale, Detail). */
:root[data-ui=v2][data-look=glow]{color-scheme:light;
 --v2-bg:#FBF7F2;--v2-bg-2:#EFE7DC;--v2-ink:#1E2D28;--v2-ink-2:rgba(30,45,40,.78);--v2-ink-3:rgba(30,45,40,.68);--v2-line:rgba(30,45,40,.11);
 --v2-card:rgba(255,255,255,.74);--v2-accent:#9A5551;--v2-blush:#B5706A;--v2-sage:#4A6960;--v2-btn:#173F33;--v2-btn-ink:#FBF3EB;
 --v2-water:linear-gradient(180deg,#FBF7F2 0%,#F3ECE3 50%,#EAE1D6 100%);--v2-pearl:radial-gradient(circle at 35% 30%,#fff 0%,#E9BFB9 45%,#A9625E 100%);
 --g-white:#FFFDFB;--g-pearl:rgba(255,255,255,.7);--g-mist:#F1EAE1;--g-line:var(--v2-line);--g-ink:var(--v2-ink);--g-ink-2:#56665F;--g-ink-3:#8E9A96;
 --g-forest:var(--v2-btn);--g-sage:var(--v2-sage);--g-rose:var(--v2-blush);--g-rose-2:#E7C3C0;--g-rose-3:#F6E7E3;--g-ivory:#FBF3EB;
 --g-grad:linear-gradient(135deg,#173F33,#4A6960 55%,#B5706A);--g-grad-soft:linear-gradient(135deg,#F6E7E3,#FBF3EB 50%,#E8EFEC);
 --serif:'KUN Display',Georgia,serif}
:root[data-ui=v2][data-look=glow][data-theme=dark]{color-scheme:dark;
 --v2-bg:#0C1F1A;--v2-bg-2:#07120F;--v2-ink:#F5EEE5;--v2-ink-2:rgba(245,238,229,.76);--v2-ink-3:rgba(245,238,229,.6);--v2-line:rgba(245,238,229,.12);
 --v2-card:rgba(245,238,229,.06);--v2-accent:#E9BFB9;--v2-blush:#F3D9D3;--v2-sage:#9DB7AC;--v2-btn:#F5EEE5;--v2-btn-ink:#0C1F1A;
 --v2-water:linear-gradient(180deg,#0C1F1A 0%,#10302A 45%,#0A1C17 100%);--v2-pearl:radial-gradient(circle at 35% 30%,#fff 0%,#F3D9D3 42%,#b98f8a 100%);
 --g-white:#0F2620;--g-pearl:rgba(245,238,229,.06);--g-mist:#163A31;--g-line:var(--v2-line);--g-ink:var(--v2-ink);--g-ink-2:var(--v2-ink-2);--g-ink-3:var(--v2-ink-3);
 --g-forest:#F5EEE5;--g-sage:var(--v2-sage);--g-rose:#E9BFB9;--g-rose-2:rgba(243,217,211,.45);--g-rose-3:rgba(243,217,211,.12);
 --g-grad:linear-gradient(135deg,#F5EEE5,#F3D9D3);--button:#F5EEE5;--button-text:#0C1F1A}
:root[data-ui=v2] body{background:var(--v2-water) fixed!important;background-color:var(--v2-bg)!important;color:var(--v2-ink)}
:root[data-ui=v2] :is(main,.journey-home,.journey-page,.page){background-image:none!important;background-color:transparent!important}
:root[data-ui=v2] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(70% 40% at 50% 0%,color-mix(in srgb,var(--v2-blush) 14%,transparent),transparent 70%),repeating-linear-gradient(180deg,color-mix(in srgb,var(--v2-ink) 2%,transparent) 0 2px,transparent 2px 9px)}
:root[data-ui=v2] :is(h1,h2,h3) :is(em,span){color:var(--v2-blush)}
:root[data-ui=v2][data-theme=dark] :is(.primary){background:var(--v2-btn);color:var(--v2-btn-ink)}
:root[data-ui=v2][data-theme=dark] .primary .icon{filter:invert(1)}
:root[data-ui=v2][data-theme=dark] :is(.card,.glow-extra,.glow-chosen,.slot,.glow-day,input,select,textarea){background:var(--v2-card);color:var(--v2-ink);border-color:var(--v2-line)}
:root[data-ui=v2][data-theme=dark] :is(.slot.selected,.slot[aria-pressed=true],.glow-day.selected,.pill.selected,.pill[aria-pressed=true]){background:var(--v2-btn);color:var(--v2-btn-ink);border-color:var(--v2-btn)}
:root[data-ui=v2][data-theme=dark] #tabs a[aria-current=page]{background:var(--v2-btn);color:var(--v2-btn-ink)}
:root[data-ui=v2][data-theme=dark] #tabs a[aria-current=page] .icon{filter:invert(1)}

/* Seitengerüst */
.v2-page{position:relative;max-width:560px;margin:0 auto;padding:max(48px,env(safe-area-inset-top)) 22px calc(var(--nav-height,96px) + 120px);min-height:100dvh}
.v2-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,10vw,44px);line-height:1.04;letter-spacing:-.01em;margin-top:22px;color:var(--v2-ink)}
.v2-page h1 em,.v2-page h2 em{font-style:italic;color:var(--v2-blush)}
.v2-page h2{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.12;color:var(--v2-ink)}
.v2-sub{font-size:14.5px;line-height:1.55;color:var(--v2-ink-2);margin-top:12px}
.v2-eyebrow{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-accent)}
.v2-label{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-accent);margin:26px 0 8px 6px}
.v2-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-ink-3)}
.v2-top-right{flex:1;text-align:right}
.v2-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:22px;letter-spacing:.14em;text-transform:none;color:var(--v2-ink);text-decoration:none}
.v2-brand img{width:36px;height:36px;object-fit:contain}
.v2-mini{width:26px;height:26px;object-fit:contain}
.v2-back{flex:1;display:inline-flex;align-items:center;gap:6px;color:var(--v2-ink-2);text-decoration:none}
.v2-back .icon{width:18px;height:18px}
:root[data-theme=dark] .v2-back .icon{filter:invert(.9)}

/* Perlen */
.v2-pearl{display:block;border-radius:50%;background:var(--v2-pearl);box-shadow:0 0 30px color-mix(in srgb,var(--v2-blush) 35%,transparent),inset -6px -8px 18px rgba(0,0,0,.12)}
.v2-pearl.big{width:96px;height:96px}
.v2-pearl.mid{width:44px;height:44px;flex:none}
.v2-hero-pearl{position:relative;height:170px;display:grid;place-items:center;margin-top:10px}
.v2-hero-pearl .v2-pearl{animation:v2-float 6s ease-in-out infinite}
@keyframes v2-float{50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.v2-hero-pearl .v2-pearl,.v2-sink .v2-pearl{animation:none}}

/* Aktionen */
.v2-actions{display:grid;gap:10px;margin-top:22px}
.v2-go{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 8px 0 22px;border-radius:999px;border:0;background:var(--v2-btn);color:var(--v2-btn-ink);font:600 15px/1.2 'KUN UI',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .3s}
.v2-go i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--v2-btn-ink);font-style:normal}
.v2-go i .icon{width:18px;height:18px}
:root[data-theme=light] .v2-go i .icon{filter:none}
:root[data-theme=dark] .v2-go i .icon{filter:invert(1) brightness(2)}
.v2-go.off{opacity:.4;pointer-events:none}
@media (hover:hover){.v2-go:hover{box-shadow:0 14px 30px -12px color-mix(in srgb,var(--v2-blush) 70%,transparent);transform:translateY(-1px)}}
.v2-go:active{transform:scale(.97)}
.v2-ghost{display:block;text-align:center;padding:10px;font-size:13.5px;color:var(--v2-ink-2)}

/* Karten & Zeilen */
.v2-glass{display:block;margin-top:14px;padding:16px 18px;border-radius:26px;background:var(--v2-card);border:1px solid var(--v2-line);color:var(--v2-ink);text-decoration:none}
.v2-next h2{margin-top:6px}
.v2-breath{display:flex;align-items:center;justify-content:space-between;gap:14px}
.v2-breath b{display:block;font-family:var(--serif);font-weight:400;font-size:20px}
.v2-breath small{font-size:12.5px;color:var(--v2-ink-2)}
.v2-status{margin-top:18px;text-align:center;font-size:12px;color:var(--v2-ink-3)}
.v2-rows{display:grid;gap:8px;margin-top:16px}
.v2-row{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:26px;background:var(--v2-card);border:1px solid var(--v2-line);color:var(--v2-ink);text-decoration:none;transition:border-color .3s,background .3s}
.v2-row+.v2-row{margin-top:0}
.v2-label+.v2-row~.v2-row{margin-top:8px}
@media (hover:hover){.v2-row:hover{border-color:color-mix(in srgb,var(--v2-blush) 55%,transparent);background:color-mix(in srgb,var(--v2-blush) 10%,var(--v2-card))}}
.v2-thumb{position:relative;width:58px;height:58px;border-radius:20px;overflow:hidden;flex:none;background:var(--v2-bg-2)}
.v2-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-row-text{display:flex;flex-direction:column;flex:1;min-width:0}
.v2-row-text b{font-size:15px;font-weight:600}
.v2-row-text small{font-size:12.5px;color:var(--v2-ink-3);margin-top:2px}
.v2-price{font-family:var(--serif);font-size:20px;white-space:nowrap;text-align:right;display:flex;flex-direction:column}
.v2-price small{font-family:'KUN UI',sans-serif;font-size:10.5px;color:var(--v2-ink-3)}

/* Ablegen */
.v2-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.v2-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--v2-line);background:var(--v2-card);color:var(--v2-ink);font:500 14px 'KUN UI',sans-serif;text-decoration:none;cursor:pointer;transition:all .25s}
.v2-chip.on{border-color:color-mix(in srgb,var(--v2-blush) 60%,transparent);background:color-mix(in srgb,var(--v2-blush) 16%,var(--v2-card))}
.v2-chip.on::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--v2-pearl);box-shadow:0 0 10px var(--v2-blush)}
.v2-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-22px;padding-inline:22px}
.v2-cats::-webkit-scrollbar{display:none}
.v2-cats .v2-chip{flex:none}
.v2-sink{position:relative;height:150px;margin-top:10px}
.v2-sink .v2-pearl{position:absolute;width:30px;height:30px;animation:v2-sink 3.2s ease-in forwards}
.v2-sink .d0{left:16%}.v2-sink .d1{left:34%;width:22px;height:22px}.v2-sink .d2{left:52%}.v2-sink .d3{left:70%;width:18px;height:18px}.v2-sink .d4{left:84%;width:24px;height:24px}
@keyframes v2-sink{from{top:0;opacity:1}to{top:110px;opacity:.85}}

/* Empfehlung & Detail */
.v2-reco{margin-top:20px;padding:12px 12px 18px;border-radius:30px;background:var(--v2-card);border:1px solid var(--v2-line)}
.v2-reco-img{display:block;position:relative;height:220px;border-radius:22px;overflow:hidden;margin-bottom:14px}
.v2-reco-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-reco .v2-eyebrow,.v2-reco h2,.v2-reco .v2-sub{padding-inline:6px}
.v2-hero-img{position:relative;height:min(60vh,380px);margin:10px -6px 0;border-radius:34px;overflow:hidden;background:#16382F}
.v2-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.v2-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,15,.05) 40%,rgba(7,18,15,.78))}
.v2-hero-over{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.v2-hero-over .v2-eyebrow{color:#F3D9D3}
.v2-hero-over h1{color:#FBF3EB;margin-top:4px;font-size:clamp(30px,8vw,38px)}
.v2-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.v2-facts span{border-radius:20px;border:1px solid var(--v2-line);background:var(--v2-card);padding:11px 8px;text-align:center;font-size:11px;color:var(--v2-ink-3)}
.v2-facts b{display:block;font-size:14.5px;color:var(--v2-ink);font-weight:600;margin-bottom:2px}
.v2-fit{margin-top:14px;padding:13px 16px;border-radius:22px;border:1px dashed color-mix(in srgb,var(--v2-blush) 55%,transparent)}
.v2-fit b{display:block;font-size:13px;color:var(--v2-accent)}
.v2-fit small{font-size:12.5px;color:var(--v2-ink-2);line-height:1.5}
.v2-note{margin-top:14px;font-size:12px;line-height:1.5;color:var(--v2-ink-3)}

/* Feste Aktionsleiste (wie v1-Buchung) */
.v2-dock{position:fixed;z-index:20;left:16px;right:16px;bottom:calc(var(--nav-height,96px) + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;background:color-mix(in srgb,var(--v2-bg) 86%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--v2-line);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
.v2-dock-sum{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}
.v2-dock-sum b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--v2-ink)}
.v2-dock-sum small{font-size:12px;color:var(--v2-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-dock .v2-go{min-height:50px}
/* v1-Seiten im Perle-Stil: Aktionsleiste und Kopf */
:root[data-ui=v2] .glow-cta{background:color-mix(in srgb,var(--v2-bg) 86%,transparent);border-color:var(--v2-line)}
:root[data-ui=v2] .journey-page h1{color:var(--v2-ink)}
:root[data-ui=v2][data-theme=dark] #tabs a:not([aria-current=page]) .icon{filter:invert(.92)}
/* Termine & Ich */
.v2-who{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2-who b{display:block;font-size:15px}
.v2-who small{display:block;font-size:12.5px;line-height:1.45;color:var(--v2-ink-2);margin-top:2px}
.v2-who .v2-chip{flex:none}
.v2-empty{text-align:center}
.v2-empty .v2-go{margin-top:14px}
.v2-list{display:grid;gap:8px}
.v2-link{padding:14px 18px}
.v2-arrow{font-family:'KUN UI',sans-serif;font-size:18px;color:var(--v2-ink-3)}
.v2-glass b{font-weight:600}
.v2-glass+.v2-glass{margin-top:8px}
.v2-danger{color:#B4534F;border-color:rgba(180,83,79,.35)}
:root[data-theme=dark] .v2-danger{color:#F1B4B4;border-color:rgba(241,180,180,.4)}
/* Buchung im Perle-Stil (v1-Logik, Mock B4–B11) */
:root[data-ui=v2] .booking-layout header h1{font-size:clamp(30px,8.4vw,36px)}
:root[data-ui=v2] .booking-layout .eyebrow{color:var(--v2-accent);letter-spacing:.2em}
:root[data-ui=v2] .stepbar li.active{background:linear-gradient(90deg,var(--v2-sage),var(--v2-blush))}
:root[data-ui=v2] .glow-days{gap:6px}
:root[data-ui=v2] .glow-day{flex:0 0 calc((100% - 36px)/7);min-width:44px;height:66px;border-radius:20px;border:1px solid var(--v2-line);background:var(--v2-card)}
:root[data-ui=v2] .glow-day b{font-family:var(--serif);font-weight:400;font-size:21px}
:root[data-ui=v2] .glow-day span{font-size:10.5px;font-weight:500}
:root[data-ui=v2] .glow-day.selected{background:var(--v2-btn);color:var(--v2-btn-ink);border-color:var(--v2-btn);box-shadow:none}
:root[data-ui=v2] .glow-day.selected span{color:color-mix(in srgb,var(--v2-btn-ink) 70%,transparent)}
:root[data-ui=v2] .glow-slot-group .slots{grid-template-columns:repeat(4,1fr);gap:6px}
:root[data-ui=v2] .glow-slot-group .slot{min-height:42px;font-size:14px;background:var(--v2-card);border-color:var(--v2-line)}
:root[data-ui=v2] :is(.slot.selected,.slot[aria-pressed=true]){background:var(--v2-btn);color:var(--v2-btn-ink);box-shadow:none}
:root[data-ui=v2] .glow-slot-head{font-size:10.5px!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--v2-ink-3)}
:root[data-ui=v2] .glow-next-free{background:var(--v2-btn);color:var(--v2-btn-ink);border-color:var(--v2-btn)}
:root[data-ui=v2][data-theme=dark] .glow-next-free .icon{filter:invert(1)}
:root[data-ui=v2] .glow-extra{background:var(--v2-card);border-color:var(--v2-line);border-radius:26px}
:root[data-ui=v2] :is(.glow-extra.chosen,.glow-extra:has(input:checked)){border-color:color-mix(in srgb,var(--v2-blush) 60%,transparent);background:color-mix(in srgb,var(--v2-blush) 14%,var(--v2-card))}
:root[data-ui=v2] .glow-chosen{background:var(--v2-card);border-color:var(--v2-line)}
:root[data-ui=v2] .glow-dock{border-radius:999px}
:root[data-ui=v2] .glow-dock .primary{background:var(--v2-btn);color:var(--v2-btn-ink)}
:root[data-ui=v2] :is(input,select,textarea){border-radius:999px;background:var(--v2-card);border-color:var(--v2-line)}
:root[data-ui=v2] textarea{border-radius:22px}
:root[data-ui=v2] .journey-hold{background:color-mix(in srgb,var(--v2-blush) 12%,var(--v2-card));border:1px solid color-mix(in srgb,var(--v2-blush) 35%,transparent);border-radius:22px}
:root[data-ui=v2] .card{background:var(--v2-card);border-color:var(--v2-line);border-radius:28px;box-shadow:none}
.v2-who{flex-direction:column;align-items:stretch}
.v2-who .v2-chip{justify-content:center;font-weight:600}
/* Termin-Detail */
.v2-hero-short{height:min(42vh,260px)}
.v2-line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px;color:var(--v2-ink-2)}
.v2-line b{color:var(--v2-ink);font-weight:600;white-space:nowrap}
.v2-line-sm{font-size:12.5px}
.v2-divider{height:1px;background:var(--v2-line);margin:8px 0}
.v2-terms{font-size:13px;line-height:1.5;background:color-mix(in srgb,var(--v2-sage) 12%,var(--v2-card));border-color:color-mix(in srgb,var(--v2-sage) 30%,transparent)}
.v2-tight{margin-top:4px}
/* Vorfreude: reifende Perle */
.v2-count{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.v2-count b{font-family:var(--serif);font-weight:400;font-size:64px;line-height:1;color:var(--v2-ink)}
.v2-count small{font-size:13px;color:var(--v2-ink-2)}
.v2-mature{position:relative;height:170px;display:grid;place-items:center}
.v2-mature .v2-pearl.core{width:74px;height:74px;position:relative;z-index:2}
.v2-nacre{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--v2-blush) 45%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--v2-blush) 10%,transparent),transparent 70%)}
.v2-nacre.n1{width:104px;height:104px}.v2-nacre.n2{width:134px;height:134px;opacity:.7}.v2-nacre.n3{width:164px;height:164px;opacity:.45}
.v2-next{margin-top:16px}
.v2-next .v2-eyebrow{font-size:9.5px;margin-bottom:2px}
.v2-home .v2-glass b{display:block}
.v2-home .v2-glass .v2-chips{margin-top:10px}
:root[data-ui=v2] .v2-hero-over h1{color:#FBF3EB;text-shadow:0 2px 18px rgba(0,0,0,.35)}
:root[data-ui=v2] .v2-hero-over .v2-eyebrow{color:#F3D9D3}
:root[data-ui=v2] .v2-page :is(h1,h2){color:var(--v2-ink)}
:root[data-ui=v2] .v2-page .v2-hero-over h1{color:#FBF3EB}
/* Versprechen & Bestätigung */
.v2-letter{margin-top:14px;padding:18px 20px;border-radius:26px;background:color-mix(in srgb,#fff 70%,var(--v2-card));box-shadow:0 22px 44px -28px rgba(30,45,40,.4);color:#1E2D28}
:root[data-theme=dark] .v2-letter{background:#F5EEE5}
.v2-letter .v2-eyebrow{color:#A9625E}
.v2-hand{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.3;margin-top:6px;color:#1E2D28}
.v2-promise{display:grid;gap:8px}
.v2-promise textarea{width:100%;min-height:70px;padding:12px 16px;border-radius:20px;border:1px solid var(--v2-line);background:transparent;color:var(--v2-ink);font:italic 18px/1.35 var(--serif);resize:none}
.v2-promise .v2-chip{justify-self:start}
.v2-sealed .v2-nacre.n1{border-width:2px}
.v2-done h1{margin-top:6px}
.v2-addr{font-family:var(--serif);font-size:22px;line-height:1.25;margin-top:6px;color:var(--v2-ink)}

/* Barrierefreiheit: Kontrast kleiner Texte ≥ 4,5:1 (Tokens oben), sichtbarer Fokus in beiden Themen */
:root[data-ui=v2]{--v2-focus:#173F33}
:root[data-ui=v2][data-theme=dark]{--v2-focus:#F3D9D3}
:root[data-ui=v2] :is(a,button,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--v2-focus)!important;outline-offset:3px;border-radius:999px}
/* Seiten-Container bekommen beim Seitenwechsel den Fokus (Screenreader starten oben) – ohne sichtbaren Ring. */
:root[data-ui=v2] :is(main,section,h1,[tabindex="-1"]):focus,:root[data-ui=v2] :is(main,section,h1,[tabindex="-1"]):focus-visible{outline:none!important}
:root[data-ui=v2] :is(.v2-row,.v2-glass,.v2-reco):focus-visible{border-radius:26px}
.v2-heart{width:44px;height:44px;border-radius:50%;border:1px solid var(--v2-line);background:var(--v2-card);color:var(--v2-blush);font-size:20px;line-height:1;cursor:pointer}
.v2-heart[aria-pressed=true]{background:color-mix(in srgb,var(--v2-blush) 18%,var(--v2-card))}
/* Atempause: wachsende Perle mit Perlmutt-Ring (Fortschritt), Fokus-Modus beim Atmen */
.v2-bstage{--b-scale:.55;--b-progress:0;position:relative;width:min(72vw,300px);aspect-ratio:1;margin:26px auto 6px;display:grid;place-items:center}
.v2-bring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.v2-bring circle{fill:none;stroke-width:2.5}
.v2-bring .track{stroke:var(--v2-line)}
.v2-bring .prog{stroke:var(--v2-blush);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--b-progress))}
.v2-bpearl{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--v2-pearl);box-shadow:0 0 50px color-mix(in srgb,var(--v2-blush) 40%,transparent),inset -10px -14px 28px rgba(0,0,0,.14);transform:scale(var(--b-scale));will-change:transform}
.v2-bglow{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--v2-blush) 22%,transparent),transparent 70%);transform:scale(calc(var(--b-scale) + .15));opacity:.9}
.v2-bcount{position:relative;font-family:var(--serif);font-size:30px;color:#4A2E2C;opacity:.55}
.v2-blabel{min-height:34px;text-align:center;font-family:var(--serif);font-size:28px;color:var(--v2-ink)}
.v2-bleft{text-align:center;font-size:13px;color:var(--v2-ink-3);font-variant-numeric:tabular-nums;margin-top:6px}
.v2-breath-run{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding-bottom:40px}
.v2-breath-run .v2-bstage{width:min(84vw,360px)}
.v2-breath-run .v2-ghost{margin:22px auto 0;border:1px solid var(--v2-line);border-radius:999px;padding:12px 26px;background:transparent;font:inherit;color:var(--v2-ink-2);cursor:pointer}
:root:has(.v2-breath-run) #tabs{display:none!important}
.v2-breathing:not(.v2-breath-run) .v2-bstage{width:min(46vw,180px);margin:14px auto 0}
.v2-breathing:not(.v2-breath-run) .v2-blabel{display:none}
@media (prefers-reduced-motion:reduce){.v2-bpearl,.v2-bglow{transform:scale(.8)!important}}
.v2-haptic{position:fixed;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
/* Heute · Variante B: Video-Loop über die volle Breite, weicher Übergang in den Hintergrund */
.v2-hero-video{position:absolute;left:0;right:0;top:0;height:min(66vh,580px);overflow:hidden;z-index:0;background:url(/assets/video/kun-headspa-poster.webp) center 38%/cover}
.v2-hero-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.v2-hero-video{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.55) 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.55) 72%,transparent 100%)}
.v2-hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,0) 22%)}
.v2-has-video>:not(.v2-hero-video){position:relative;z-index:1}
.v2-has-video .v2-top,.v2-has-video .v2-top .v2-brand{color:#FBF3EB;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.v2-has-video .v2-top-right{color:rgba(251,243,235,.85)}
.v2-hero-space{height:calc(min(66vh,580px) - 230px)}
.v2-has-video h1{margin-top:0}
.v2-video-debug{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top) + 8px);z-index:999;margin:0;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.78);color:#9f9;font:11px/1.45 ui-monospace,Menlo,monospace;white-space:pre-wrap;pointer-events:none}
/* Wiedergabe-Taste für den Video-Loop (anhalten/abspielen), rechts unten im sichtbaren Videobereich */
.v2-video-toggle{position:absolute;right:18px;top:calc(min(66vh,580px) - 250px);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(251,243,235,.55);background:rgba(20,14,12,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer}
.v2-video-toggle[hidden]{display:none}
.v2-vt-icon{width:0;height:0;border-left:11px solid #FBF3EB;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.v2-video-toggle.is-playing .v2-vt-icon{width:11px;height:13px;border:0;margin:0;background:linear-gradient(90deg,#FBF3EB 0 4px,transparent 4px 7px,#FBF3EB 7px 11px)}
.v2-has-video>.v2-video-toggle{position:absolute;z-index:3}