/* Video, three cards, one personal question, then WhatsApp. */
html{scrollbar-width:thin;scrollbar-color:#546984 #0b172c}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:#0b172c}html::-webkit-scrollbar-thumb{background:#546984;border-radius:6px}
.vsl-section{text-align:center;margin:0 auto 22px;padding:20px;border:1px solid #acc7ed32;border-radius:20px;background:linear-gradient(145deg,#192c46b8,#0a1628bb);box-shadow:0 18px 60px #0003;backdrop-filter:blur(10px)}
.section-kicker{display:block;color:#a9bcd4;font-size:8px;letter-spacing:2px;margin-bottom:5px}.vsl-heading h2{font:400 30px/1.1 var(--serif);color:#efdab4;margin:0 0 16px}
.vsl-frame{width:min(100%,292.5px);margin:0 auto;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#060c15;box-shadow:0 0 0 1px #e4c68e4d,0 12px 36px #0005}
#vsl-video{display:block;width:100%;height:100%;object-fit:contain;background:#060c15}.vsl-caption{font-size:10px;color:#c0cce0;margin:13px 0 12px;line-height:1.65}
.vsl-start{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:43px;padding:10px 21px;border:1px solid #cdb47b82;border-radius:30px;background:#152a44;color:#f0d6a7;font-size:11px;transition:background .2s,box-shadow .2s}.vsl-start:hover{background:#203b5a;box-shadow:0 0 25px #cfae6b20}.vsl-start svg{width:16px;height:16px}
.journey-steps{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px auto 26px;color:#92a6c3;font-size:10px}.journey-steps span{display:flex;align-items:center;gap:6px}.journey-steps b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #a1b9db38;border-radius:50%;font-size:9px;font-weight:500}.journey-steps i{font-style:normal;color:#a88e62;font-size:10px}body[data-reading-stage="cards"] .journey-card,body[data-reading-stage="question"] .journey-question,body[data-reading-stage="whatsapp"] .journey-whatsapp{color:#f0d9b0}body[data-reading-stage="cards"] .journey-card b,body[data-reading-stage="question"] .journey-question b,body[data-reading-stage="whatsapp"] .journey-whatsapp b{border-color:#ebcc8a8a;background:#cfb06c17;box-shadow:0 0 17px #cfae6b15}
.step-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px}.step-number{font-size:9px;color:#d4b67d;letter-spacing:1px}.step-heading h2{font:400 29px/1.2 var(--serif);margin:0;color:#f0ddbb}.deck-summary{margin-top:0}#cards-step{scroll-margin-top:22px}#question-step{margin:30px 0 20px;scroll-margin-top:24px}#question-step:not([hidden]){animation:appear .45s ease both}#question-step .question-block{animation:none}#question-step .question-examples{flex-wrap:wrap}#question-step #question{height:100px;font-size:16px;line-height:1.6}.question-next{color:#adc0d8;font-size:10px;text-align:center;max-width:420px;margin:12px auto 0;line-height:1.8}.question-error:empty{display:none}
.reveal-links:has(> [hidden]:only-child){display:none}.reveal-links{margin-top:3px}.reading-details{margin-bottom:1px}
@media(min-width:851px){.invitation{position:sticky;top:24px}.experience{padding-bottom:175px}.reveal-area{max-width:640px}}
@media(max-width:850px){.vsl-frame{width:min(100%,270px)}.vsl-section{padding:17px}.vsl-heading h2{font-size:28px}.journey-steps{margin:20px auto 23px}.experience{padding-bottom:170px}.app-footer{margin-top:-142px;margin-bottom:150px}}
@media(max-width:650px){.invitation{grid-template-columns:88px minmax(0,1fr);min-height:111px;gap:19px;margin:8px 0 19px}.guide-hero{width:88px;height:111px}.invitation h1{font-size:30px}.invitation h1 em{font-size:28px}.eyebrow{font-size:5.5px;margin-bottom:7px}.intro-line{font-size:9px;line-height:1.7;margin-top:7px}.ritual-steps{display:none}.autograph{font-size:17px}.portrait-star{font-size:20px;top:23px}.vsl-section{padding:15px 14px 13px;margin-bottom:17px;border-radius:17px}.vsl-heading h2{font-size:25px;margin-bottom:12px}.section-kicker{font-size:6.5px;letter-spacing:1.6px;margin-bottom:5px}.vsl-frame{width:min(100%,247.5px,calc((100svh - 390px)*.5625));min-width:180px;border-radius:10px}.vsl-caption{font-size:9px;margin:11px 0 10px}.vsl-start{font-size:10px;min-height:39px;padding:9px 19px}.journey-steps{gap:9px;font-size:8px;margin:22px auto}.journey-steps span{gap:5px}.journey-steps b{width:19px;height:19px;font-size:8px}.journey-steps i{font-size:8px}.step-heading{gap:9px;margin-bottom:11px}.step-heading h2{font-size:25px}.step-number{font-size:8px}.deck-summary{margin-top:0}.drawing-instruction{margin-top:9px}#question-step{margin-top:26px;margin-bottom:17px}#question-step #question{height:109px;padding-top:13px}.question-next{font-size:9px;max-width:320px;margin-top:10px}.experience{padding-bottom:155px}.app-footer{margin-top:-135px;margin-bottom:135px}.reveal-area{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}.action-hint{font-size:9px}.telegram-cta{font-size:11px;min-height:48px}.reading-details{font-size:7px}.question-top label{font-size:15px}#question-step .question-examples>button{font-size:8px;min-height:32px;padding:6px 8px}.personal-reading{margin-top:18px}}
@media(max-width:370px){.invitation{grid-template-columns:80px minmax(0,1fr);gap:15px;min-height:104px}.guide-hero{width:80px;height:104px}.invitation h1{font-size:27px}.invitation h1 em{font-size:25px}.intro-line{font-size:8px}.vsl-heading h2{font-size:22px}.journey-steps{gap:7px;font-size:7px}.step-heading h2{font-size:23px}.vsl-caption{font-size:8px}.action-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){#question-step:not([hidden]){animation:none}.vsl-start{transition:none}}

@media(max-width:650px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}}
