/* ╔══════════════════════════════════════════════════════════╗
   ║  קסם של במה · v2 — הולוגרמה רגישה, חוויה קולנועית          ║
   ║  בסיס NIGHT (יער-לילה) + 3 ערכות קריסטל · RTL · מובייל     ║
   ╚══════════════════════════════════════════════════════════╝ */
/* פלטת נסיה האמיתית — עולם בהיר, ורוד-פנינה, רוז-גולד, איריסנטי (מדף הנשף) */
:root{
  --pearl:#FFF9F7; --pearl-warm:#FFF4F0;
  --bg-a:#FFF6F1; --bg-b:#FDE9E4; --bg-c:#FBDDE2;
  --glass:rgba(255,255,255,.60); --glass-2:rgba(255,249,247,.80);
  --rose:#E8A2B5; --rose-deep:#C76E8A; --rose-soft:#F7C6D0; --rose-ink:#A14D6B;
  --champagne:#F4E3C2; --gold:#D9A982; --gold-soft:#E5C99A;
  --ink:#5C2E42; --ink-soft:#84516B; --line:rgba(199,110,138,.20);
  --glow:0 0 28px rgba(242,175,196,.38),0 0 66px rgba(217,169,130,.16);
  --crystal-glow:#E487AE;
  --radius:26px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.4,.4,1);
}
html[data-theme="shichrur"]{ --rose:#E5C99A; --rose-deep:#C99A5A; --rose-soft:#F4E3C2; --champagne:#F4E3C2; --rose-ink:#9C6B2E; --crystal-glow:#D9A982; --bg-a:#FFF7EC; --bg-b:#FBEEDD; --bg-c:#F7E4CE; }
html[data-theme="lev"]     { --rose:#E8A2B5; --rose-deep:#C76E8A; --rose-soft:#F7C6D0; --rose-ink:#A14D6B; --crystal-glow:#E487AE; }
html[data-theme="omek"]    { --rose:#8FC8C6; --rose-deep:#4FA1A8; --rose-soft:#C7E9E8; --champagne:#CFE6E4; --rose-ink:#3C7E86; --crystal-glow:#5FB8C4; --bg-a:#F3F8F6; --bg-b:#F1EEF4; --bg-c:#F8E4EE; }

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{
  font-family:'Assistant',sans-serif;font-weight:300;color:var(--ink);
  background:linear-gradient(170deg,var(--bg-a),var(--bg-b) 52%,var(--bg-c));
  -webkit-tap-highlight-color:transparent;
  transition:background 1.4s ease;
}
h1,h2,h3{font-family:'Frank Ruhl Libre',serif;font-weight:500;line-height:1.35}
.hand{font-family:'Gveret Levin AlefAlefAlef','Frank Ruhl Libre',cursive;transform:rotate(-1.2deg);display:inline-block}
.sig{font-family:'Great Vibes',cursive;direction:ltr;display:inline-block}

/* ── שכבה 0: רקע פורטל (zoom) ── */
#bg{position:fixed;inset:0;z-index:0;--depth:1;transform:scale(var(--depth));
  transform-origin:50% 34%;transition:transform 2.2s var(--ease-out)}
#bg .bg-layer{position:absolute;inset:-4%;opacity:0;transition:opacity 1.8s ease;
  background-size:cover;background-position:center}
#bg .bg-layer.show{opacity:1}
/* עולם בהיר-איריסנטי מצויר ב-CSS (ללא תמונה חיצונית — עמיד) */
.bg-night{background:
  radial-gradient(120% 85% at 50% 0%, #FFF9F5 0%, #FDE9E4 50%, #FBDDE2 100%),
  radial-gradient(58% 44% at 20% 14%, rgba(242,175,196,.5), transparent 60%),
  radial-gradient(54% 40% at 82% 20%, rgba(217,169,130,.34), transparent 62%)}
.bg-glow{background:
  radial-gradient(120% 92% at 50% 10%, #FFFDFB 0%, #FDEDE9 46%, #FBDEE0 100%),
  radial-gradient(70% 52% at 50% 32%, rgba(255,255,255,.72), transparent 64%),
  radial-gradient(64% 42% at 50% 30%, rgba(244,227,194,.5), transparent 70%),
  radial-gradient(40% 30% at 78% 74%, rgba(199,213,246,.28), transparent 66%)}

/* ── שכבה 1: אבק ── */
#dust{position:fixed;inset:0;z-index:1;pointer-events:none}
/* ── שכבה 2: וילון (וינייטה חמה רכה — לא כהה) ── */
.veil{position:fixed;inset:0;z-index:2;pointer-events:none;transition:opacity 1.6s ease,background 1.6s ease;opacity:.55;
  background:radial-gradient(125% 105% at 50% 34%, transparent 42%, rgba(217,169,130,.14) 100%)}
body.mood-crystals .veil,body.mood-listen .veil{opacity:1;
  background:radial-gradient(120% 100% at 50% 30%, transparent 32%, rgba(199,110,138,.16) 100%)}
body.mood-safe .veil,body.mood-details .veil{opacity:.3}

/* ── שכבה 40: הקריסטל המלווה ── */
#companion{position:fixed;top:15px;inset-inline-start:14px;z-index:40;width:48px;height:60px;
  opacity:0;transform:translateY(-8px) scale(.7);pointer-events:none;
  transition:opacity 1s ease,transform 1s var(--ease-spring),filter 1s ease;
  filter:drop-shadow(0 0 6px var(--crystal-glow)) saturate(.7)}
#companion img{width:100%;height:100%;object-fit:contain}
#companion.show{opacity:calc(.42 + var(--lvl,0)*.58);transform:none;
  filter:drop-shadow(0 0 calc(6px + var(--lvl,0)*22px) var(--crystal-glow)) saturate(calc(.7 + var(--lvl,0)*.6));
  animation:breathe 4s ease-in-out infinite}
#companion.full{animation:breathe 3s ease-in-out infinite,comp-spin 18s linear infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes comp-spin{to{transform:rotate(0)}}

/* ── הפיה נסיה — מלווה עדינה (כניסה + החלטה) ── */
#fairyGuide{position:fixed;top:7%;left:50%;width:92px;height:118px;z-index:36;pointer-events:none;
  opacity:0;transform:translateX(-50%) translateY(-12px) scale(.82);
  transition:opacity 1.6s ease,transform 1.6s var(--ease-spring);
  filter:drop-shadow(0 6px 22px rgba(228,135,174,.42))}
#fairyGuide.show{opacity:.97;animation:fairyFloat 6s ease-in-out infinite}
#fairyGuide svg{width:100%;height:100%;overflow:visible}
#fairyGuide .f-wup{transform-origin:64px 86px;animation:wingFlutter 2.3s ease-in-out infinite}
#fairyGuide .f-wlo{transform-origin:64px 98px;animation:wingFlutter 2.3s ease-in-out infinite .28s}
#fairyGuide .f-star{transform-origin:112px 50px;animation:starTwinkle 3s ease-in-out infinite}
#fairyGuide .f-aura{animation:auraPulse 4s ease-in-out infinite}
@keyframes fairyFloat{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(15px) scale(1.015)}}
@keyframes wingFlutter{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.8)}}
@keyframes starTwinkle{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
@keyframes auraPulse{0%,100%{opacity:.85}50%{opacity:1}}

/* ── שכבה 3: הבמה ── */
main{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:0}
#stage{width:100%;max-width:600px;height:100%;position:relative}
.scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;
  text-align:center;padding:64px 26px;
  opacity:0;transform:translateY(28px);filter:blur(7px);
  transition:opacity .62s var(--ease-out),transform .62s var(--ease-out),filter .62s ease;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
.scene::-webkit-scrollbar{display:none}
.beat{display:flex;flex-direction:column;align-items:center;width:100%}
.scene.in{opacity:1;transform:none;filter:none}
.scene.out{opacity:0;transform:translateY(-20px) scale(.985);filter:blur(9px);transition-duration:.34s}

/* ── שכבה 60/85: burst + mute ── */
#burst{position:fixed;inset:0;z-index:60;pointer-events:none}
#mute{position:fixed;top:14px;inset-inline-end:14px;z-index:85;width:42px;height:42px;border-radius:50%;
  border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(8px);color:var(--ink);
  font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}
#mute:hover{transform:scale(1.08);box-shadow:var(--glow)}
#mute:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ═══════════ טקסט משותף ═══════════ */
.tag{display:inline-block;padding:7px 20px;border:1px solid var(--line);border-radius:999px;color:var(--rose-deep);
  font-size:13.5px;letter-spacing:.14em;background:var(--glass);backdrop-filter:blur(6px);margin-bottom:22px}
.shimmer{background:linear-gradient(110deg,var(--rose-ink) 10%,var(--rose-deep) 36%,var(--gold) 58%,var(--rose-ink) 86%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 7s linear infinite}
@keyframes shimmer{to{background-position:-220% 0}}
.lead{font-size:clamp(18px,4.8vw,22px);line-height:1.9;color:var(--ink)}
.soft{color:var(--ink-soft)}

/* כפתור אבקת-פיות */
.dust-btn{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:36px;padding:17px 40px;min-height:56px;
  border:none;cursor:pointer;font-family:'Assistant',sans-serif;font-size:18px;font-weight:600;color:#3a2410;
  border-radius:999px;background:linear-gradient(120deg,#e9bf6a,#f6e3b0 42%,#e6c46f 60%,#e9bf6a);background-size:220% 100%;
  box-shadow:0 8px 30px var(--crystal-glow),inset 0 1px 0 rgba(255,255,255,.6);
  text-shadow:0 1px 2px rgba(150,110,40,.3);transition:box-shadow .5s ease,transform .35s var(--ease-spring),background-position .8s ease;
  animation:sheen-btn 6s ease-in-out infinite}
.dust-btn:hover,.dust-btn:focus-visible{transform:translateY(-3px) scale(1.04);
  box-shadow:0 12px 48px var(--crystal-glow),0 0 0 6px rgba(242,179,205,.18),inset 0 1px 0 rgba(255,255,255,.7);background-position:100% 0}
.dust-btn:active{transform:scale(.97)}
.dust-btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@keyframes sheen-btn{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.ghost-btn{background:none;border:none;cursor:pointer;font-family:'Assistant',sans-serif;font-size:15px;color:var(--ink-soft);
  padding:12px 18px;min-height:44px;border-radius:999px;transition:color .3s,background .3s;margin-top:8px}
.ghost-btn:hover,.ghost-btn:focus-visible{color:var(--ink);background:var(--glass)}

/* כרטיס-זכוכית עם ghost-quote + sheen */
.glass{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;box-shadow:var(--glow);backdrop-filter:blur(14px);overflow:hidden}
.glass.q::before{content:"”";position:absolute;top:-30px;inset-inline-start:16px;font-family:'Frank Ruhl Libre',serif;
  font-size:8rem;color:rgba(242,179,205,.13)}
.sheen::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 45%,transparent 60%);
  background-size:280% 100%;animation:sheen 2.4s var(--ease-out) .4s 1 both}
@keyframes sheen{from{background-position:180% 0}to{background-position:-120% 0}}

/* ═══════════ סצנה 1: שער היער ═══════════ */
#sc-gate .maybe{font-size:clamp(19px,5.2vw,25px);font-family:'Frank Ruhl Libre',serif;color:var(--ink);
  text-shadow:0 1px 18px rgba(255,255,255,.7);margin:16px 0;opacity:0;transform:translateY(14px);
  transition:opacity 1.3s ease,transform 1.3s ease}
#sc-gate .maybe.in{opacity:.95;transform:none}
#sc-gate .maybe:last-of-type{color:var(--rose-deep)}
#sc-gate .enter-hint{margin-top:44px;color:var(--ink-soft);opacity:0;transition:opacity 1.4s ease;font-size:16px;letter-spacing:.04em}
#sc-gate .enter-hint.in{opacity:.85}
.tap-pulse{position:absolute;inset:0;cursor:pointer}
.chev{position:absolute;bottom:30px;inset-inline-start:50%;transform:translateX(50%);color:var(--rose-deep);opacity:.7;font-size:22px;
  animation:bob 2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(50%,0)}50%{transform:translate(50%,8px)}}

/* ═══════════ סצנה 2: הילדה הפנימית ═══════════ */
#sc-child .logo{width:130px;margin-bottom:18px;filter:drop-shadow(0 4px 20px rgba(233,200,127,.4))}
#title-magic{font-size:clamp(42px,12vw,72px);font-weight:700;line-height:1.15;margin:4px 0 6px}
#title-magic .w{display:inline-block;
  background:linear-gradient(110deg,var(--rose-ink) 8%,var(--rose-deep) 34%,var(--gold) 58%,var(--rose-ink) 86%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:0;filter:blur(14px);transform:translateY(18px) scale(.9);
  transition:opacity .9s ease,filter 1.1s ease,transform 1.1s var(--ease-spring);
  animation:shimmer 7s linear infinite}
#title-magic.on .w{opacity:1;filter:blur(0);transform:none}
#sc-child .whisper{font-size:14px;letter-spacing:.24em;color:var(--rose-deep);margin-bottom:26px;opacity:.85}
#sc-child .girl{font-size:clamp(19px,5vw,23px);font-family:'Frank Ruhl Libre',serif;margin:34px 0 4px;color:var(--ink)}

/* ═══════════ סצנה 3: המראה ═══════════ */
.mirror{position:relative;width:min(84vw,420px);height:300px;border-radius:46% 46% 42% 42%/40% 40% 46% 46%;
  border:1.5px solid rgba(217,169,130,.55);
  background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.6),rgba(247,198,208,.3) 70%),url('assets/holo-texture.jpg') center/cover;
  background-blend-mode:screen;box-shadow:0 12px 50px rgba(199,110,138,.28),inset 0 0 46px rgba(255,255,255,.6);
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);cursor:pointer;margin:8px 0;flex:0 0 auto}
.wordset{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.wordset b{font-family:'Frank Ruhl Libre',serif;font-weight:500;font-size:clamp(20px,5.4vw,26px)}
.words-old b{color:var(--ink-soft);opacity:.7}
.words-new b{color:transparent;background:linear-gradient(110deg,var(--rose-deep),var(--gold),var(--rose-ink));-webkit-background-clip:text;background-clip:text}
.mirror-hint{margin-top:16px;font-size:14px;color:var(--ink-soft);letter-spacing:.05em}
#key-sentence{margin-top:30px;max-width:460px;font-family:'Frank Ruhl Libre',serif;font-size:clamp(18px,4.8vw,22px);line-height:2;
  opacity:0;transform:translateY(12px);transition:opacity 1.2s ease,transform 1.2s ease}
#key-sentence.in{opacity:1;transform:none}
#key-sentence em{font-style:normal;font-weight:700}

/* ═══════════ סצנה 4: הקריסטלים ═══════════ */
.crystals{display:flex;gap:9px;width:100%;justify-content:center;margin-top:24px}
.cryst{position:relative;flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:20px;
  padding:16px 8px 14px;background:var(--glass);backdrop-filter:blur(10px);cursor:pointer;
  outline:1.5px solid transparent;transition:transform .5s var(--ease-spring),box-shadow .5s,outline-color .5s;
  font-family:'Assistant',sans-serif;color:var(--ink);text-align:center}
.cryst img{width:74px;height:94px;object-fit:contain;margin-bottom:4px;
  filter:drop-shadow(0 0 6px rgba(247,198,208,.55)) drop-shadow(0 0 11px rgba(222,196,242,.42));
  animation:cbreath 4.6s ease-in-out infinite;transition:transform .6s,filter .6s}
.cryst:nth-child(2) img{animation-delay:1.4s}.cryst:nth-child(3) img{animation-delay:2.7s}
@keyframes cbreath{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.06) translateY(-4px)}}
.cryst h3{font-size:15px;margin:2px 0 5px}
.cryst p{font-size:11.5px;color:var(--ink-soft);line-height:1.55}
.cryst:hover,.cryst:focus-visible{transform:translateY(-6px);box-shadow:0 14px 44px var(--crystal-glow);outline-color:var(--rose)}
.cryst.bloom img{transform:scale(1.35);filter:drop-shadow(0 0 40px var(--crystal-glow))}
.cryst.dim{opacity:.32;transform:scale(.94);pointer-events:none}
.cryst-note{margin-top:22px;font-size:14px;color:var(--ink-soft)}

/* ═══════════ סצנה 5: השאלון המקשיב ═══════════ */
.q-flower{width:78px;height:78px;margin:0 auto 4px;display:block}
.q-flower .petal{transform-origin:39px 39px;transform:scale(.5);opacity:.35;fill:url(#pg);
  transition:transform 1.1s var(--ease-spring),opacity 1.1s ease}
.q-flower .petal.open{transform:scale(1);opacity:.95}
.q-flower .core{fill:#fff}
.q-count{font-size:12.5px;letter-spacing:.16em;color:var(--rose-deep);margin:8px 0 14px}
.q-card{position:relative;width:100%;max-width:520px}
.q-card::before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) + 2px);padding:1.5px;
  background:conic-gradient(from var(--ang,0deg),var(--rose-deep),var(--champagne),rgba(255,255,255,.75),var(--rose-deep));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:spin 7s linear infinite;opacity:.85}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin{to{--ang:360deg}}
.q-text{font-family:'Frank Ruhl Libre',serif;font-size:clamp(18px,4.7vw,22px);line-height:1.75;min-height:64px;
  opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}
.q-text.in{opacity:1;transform:none}
#answer{width:100%;min-height:88px;margin-top:18px;padding:15px 17px;border-radius:18px;resize:none;
  border:1px solid var(--line);background:rgba(255,255,255,.6);font-family:'Assistant',sans-serif;font-size:16px;
  color:var(--ink);line-height:1.7;transition:border-color .4s,box-shadow .4s}
#answer:focus{outline:none;border-color:var(--rose-deep);box-shadow:0 0 0 4px rgba(199,110,138,.14)}
#answer::placeholder{color:var(--ink-soft);opacity:.6}
.q-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;flex-wrap:wrap}
.listening{display:none;margin-top:18px;align-items:center;justify-content:center;gap:9px;color:var(--ink-soft);font-size:14px}
.listening.on{display:flex}
.listening i{width:9px;height:9px;border-radius:50%;background:var(--rose-deep);box-shadow:0 0 12px var(--crystal-glow);animation:lg 1.5s ease-in-out infinite}
.listening i:nth-child(2){animation-delay:.2s}.listening i:nth-child(3){animation-delay:.4s}
@keyframes lg{0%,100%{transform:scale(.6);opacity:.5}50%{transform:scale(1.15);opacity:1}}
.reflection{margin-top:18px;padding:16px 18px;border-radius:20px;font-size:15.5px;line-height:1.8;color:var(--ink);
  background:linear-gradient(120deg,var(--glass-2),rgba(242,179,205,.12));border:1px solid var(--line);
  opacity:0;transform:translateY(8px);transition:opacity 1s ease,transform 1s ease;text-align:right}
.reflection.in{opacity:1;transform:none}
.reflection[data-warmth="proud"]{box-shadow:0 0 24px rgba(233,200,127,.25)}
.reflection .who{font-size:12.5px;color:var(--rose-deep);letter-spacing:.1em;display:block;margin-bottom:5px}

/* ═══════════ סצנה 6: המקום הבטוח ═══════════ */
.safe-grid{display:grid;gap:12px;width:100%;max-width:520px;margin-top:8px}
.acc{border:1px solid var(--line);border-radius:20px;background:var(--glass);backdrop-filter:blur(8px);overflow:hidden;text-align:right}
.acc summary{list-style:none;cursor:pointer;padding:15px 18px;font-family:'Frank Ruhl Libre',serif;font-size:16.5px;color:var(--ink);
  display:flex;align-items:center;gap:10px}
.acc summary::-webkit-details-marker{display:none}
.acc summary .dot{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--rose-deep));box-shadow:0 0 8px var(--crystal-glow)}
.acc summary .plus{margin-inline-start:auto;color:var(--rose-deep);transition:transform .4s}
.acc[open] summary .plus{transform:rotate(45deg)}
.acc .acc-body{padding:0 18px 16px;font-size:15px;color:var(--ink-soft);line-height:1.85}
.acc .acc-body ul{list-style:none}
.acc .acc-body li::before{content:'✦';color:var(--champagne);margin-inline-end:7px;font-size:11px}
.safe-quote{margin-top:22px;max-width:500px;font-family:'Frank Ruhl Libre',serif;font-size:clamp(17px,4.6vw,20px);line-height:2;color:var(--ink)}
.safe-quote b{color:transparent;background:linear-gradient(110deg,var(--rose-deep),var(--gold));-webkit-background-clip:text;background-clip:text;font-weight:700}

/* ═══════════ סצנה 7: פרטים ═══════════ */
.details-card{width:100%;max-width:500px;text-align:right}
.drow{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:16px}
.drow:last-of-type{border-bottom:none}
.drow .ic{flex:0 0 22px;text-align:center}
.drow .ic svg{width:18px;height:18px;stroke:var(--rose-deep);fill:none;stroke-width:1.6;vertical-align:-3px}
.drow b{font-weight:600;color:var(--ink)}
.soon{display:inline-block;padding:1px 11px;border-radius:999px;font-size:12.5px;color:#9C6B2E;border:1px dashed var(--line);background:rgba(217,169,130,.12)}
.prep{margin-top:22px;display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:22px;cursor:pointer;
  background:linear-gradient(130deg,var(--glass-2),rgba(242,179,205,.12));border:1px solid var(--line);transition:box-shadow .4s}
.prep:hover{box-shadow:var(--glow)}
.prep input{position:absolute;opacity:0;width:0;height:0}
.pearl{flex:0 0 28px;height:28px;margin-top:2px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 34% 28%,#fff,#f4e3ec 55%,#c9b0d6 100%);box-shadow:inset 0 -2px 6px rgba(120,80,120,.4),0 2px 8px rgba(120,80,120,.3);transition:all .5s}
.prep input:checked ~ .pearl{background:radial-gradient(circle at 34% 28%,#fff,var(--champagne) 50%,var(--rose-deep) 100%);box-shadow:0 0 0 4px rgba(242,179,205,.2),0 0 18px var(--crystal-glow)}
.prep .pt{font-size:15px;line-height:1.7;color:var(--ink)}

/* ═══════════ סצנה 8: הקריסטל שלה ═══════════ */
.my-crystal{width:170px;height:214px;object-fit:contain;margin:0 auto 16px;display:block;
  filter:drop-shadow(0 0 46px var(--crystal-glow)) saturate(1.3);animation:breathe 3.4s ease-in-out infinite}
.seal{margin-top:28px;max-width:440px;padding:26px 24px;border-radius:28px;position:relative;
  background:linear-gradient(150deg,var(--glass-2),rgba(242,179,205,.1));backdrop-filter:blur(8px);
  border:1px solid var(--line);box-shadow:var(--glow)}
.seal::before{content:"✉ ✧ ♥";letter-spacing:13px;color:var(--gold);font-size:14px;display:block;margin-bottom:12px;opacity:.9}
.seal .hand{font-size:clamp(20px,5.4vw,24px);line-height:1.9;color:#9C6B2E}
.when-ready{margin-top:24px;opacity:0;animation:fadeUp 1s ease 2.6s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ═══════════ סצנה 9: ההחלטה ═══════════ */
#sc-decision .quiet{font-family:'Frank Ruhl Libre',serif;font-size:clamp(19px,5vw,23px);line-height:2;color:var(--ink)}
#sc-decision .quiet em{font-style:normal;color:transparent;background:linear-gradient(110deg,var(--rose-deep),var(--gold));-webkit-background-clip:text;background-clip:text;font-weight:700}
#sc-decision .under{margin-top:12px;font-size:15px;color:var(--ink-soft)}
.next-step{width:100%;max-width:460px;margin-top:26px;padding:26px 22px;border-radius:28px;display:none;
  background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--glow)}
.next-step.show{display:block;animation:fadeUp .9s var(--ease-out) both}
.next-step h3{font-size:20px;margin-bottom:6px;color:var(--ink)}
.next-step p{font-size:15px;color:var(--ink-soft);margin-bottom:14px}
.pay-row{display:flex;gap:10px;margin-bottom:14px}
.pay-btn{flex:1;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--glass-2);color:var(--ink);
  font-family:'Assistant',sans-serif;font-size:15.5px;cursor:pointer;transition:box-shadow .3s,transform .3s}
.pay-btn:hover{box-shadow:var(--glow);transform:translateY(-2px)}
.next-step input{width:100%;min-height:50px;margin-bottom:11px;padding:13px 16px;border-radius:15px;font-size:16px;
  border:1px solid var(--line);background:rgba(255,255,255,.6);font-family:'Assistant',sans-serif;color:var(--ink)}
.next-step input:focus{outline:none;border-color:var(--rose-deep);box-shadow:0 0 0 4px rgba(242,179,205,.16)}
.wa{margin-top:16px;font-size:14.5px;color:var(--ink-soft)}
.wa a{color:var(--rose-deep);font-weight:600;text-decoration:none;border-bottom:1px dashed var(--line)}

/* ═══════════ נגישות / reduced-motion ═══════════ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important}
  #dust,#burst{display:none}
  #bg{transition:none}
  .scene{opacity:1;transform:none;filter:none}
}