/* Klaratelier – live KI-Probeanruf: Einwilligung, Ende/CTA, Hinweis. Nur transform/opacity animiert (kein Blur: ruhig auf Telefonen). */
.pa-sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(8,6,13,0);transition:background-color .26s ease;pointer-events:none}
.pa-sheet.in{background:rgba(8,6,13,.55);pointer-events:auto}
.pa-card{position:relative;width:100%;max-width:34rem;max-height:calc(100svh - 24px);overflow:auto;padding:1.4rem 1.3rem 1.2rem;border-radius:22px;background:#120d1c;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px -18px rgba(0,0,0,.8),0 0 0 1px rgba(185,160,242,.12) inset;color:var(--ink,#f6f2ec);transform:translateY(24px);opacity:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.pa-sheet.in .pa-card{transform:none;opacity:1}
.pa-kick{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--violet,#b9a0f2)}
.pa-h{margin:0 0 .8rem;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(1.35rem,5.2vw,1.7rem);line-height:1.15;letter-spacing:-.01em}
.pa-h em{font-style:italic;color:var(--violet,#b9a0f2)}
.pa-list{margin:0 0 .8rem;padding:0;list-style:none;display:grid;gap:.55rem}
.pa-list li{position:relative;padding-left:1.1rem;font-size:.98rem;line-height:1.45;color:var(--ink2,rgba(246,242,236,.84))}
.pa-list li:before{content:"";position:absolute;left:0;top:.6em;width:.4rem;height:.4rem;border-radius:50%;background:var(--violet,#b9a0f2)}
.pa-p{margin:0 0 1rem;font-size:1rem;line-height:1.5;color:var(--ink2,rgba(246,242,236,.84))}
.pa-micro{margin:0 0 1rem;font-size:.84rem;line-height:1.45;color:rgba(246,242,236,.72)}
.pa-micro a{color:var(--ink,#f6f2ec);text-underline-offset:.18em}
.pa-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.pa-actions .btn{justify-content:center;flex:1 1 13rem;min-height:3rem}
.pa-sheet .btn.ghost{-webkit-backdrop-filter:none;backdrop-filter:none}
.pa-x{display:block;margin:.8rem auto 0;min-height:44px;padding:.5rem 1rem;border:0;background:none;color:rgba(246,242,236,.72);font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.pa-sheet :focus-visible{outline:2px solid var(--focus,#fff);outline-offset:3px}
.pa-toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:61;max-width:min(30rem,calc(100vw - 32px));margin:0;padding:.7rem 1rem;border-radius:14px;background:#120d1cf2;border:1px solid rgba(255,255,255,.16);color:var(--ink,#f6f2ec);font-size:.92rem;line-height:1.4;text-align:center;transform:translate(-50%,12px);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}
.pa-toast.in{transform:translate(-50%,0);opacity:1}
/* live call state on the existing buttons */
.callbtn .pa-timer{display:none;font-variant-numeric:tabular-nums;font-size:.85em;opacity:.8}
.pa-live .callbtn .pa-timer{display:inline}
.pa-live .callbtn{border-color:#f2a076cc}
.pa-live .callbtn .pulse{background:var(--copper,#f2a076)}
.pa-live .callbtn .pulse:after{border-color:var(--copper,#f2a076)}
/* without WebGL the call buttons were hidden (no scripted demo); the live call works without the 3D scene */
.k3-static.k3-livecall #probe .callbtn{display:inline-flex}
@media (min-width:768px){.pa-sheet{align-items:center;padding:24px}}
@media (prefers-reduced-motion:reduce){.pa-card,.pa-toast,.pa-sheet{transition:none}}