/* Motion and premium atmosphere. Pure CSS, no tracking or remote assets. */
.mystic-sky{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden;contain:strict}
.mystic-sky i{position:absolute;display:block;left:var(--sx,12%);top:var(--sy,28%);width:3px;height:3px;border-radius:50%;background:#ffefd4;opacity:0;box-shadow:0 0 5px 2px #efc47b77,0 0 21px 7px #e6aa6c22;animation:star-drift 11s linear infinite;animation-delay:var(--delay,0s)}
.mystic-sky i:nth-child(1){--sx:12%;--sy:82%;--delay:-2s}
.mystic-sky i:nth-child(2){--sx:23%;--sy:62%;--delay:-6s;width:2px;height:2px}
.mystic-sky i:nth-child(3){--sx:38%;--sy:90%;--delay:-9s}
.mystic-sky i:nth-child(4){--sx:57%;--sy:78%;--delay:-4s;width:2px;height:2px}
.mystic-sky i:nth-child(5){--sx:81%;--sy:94%;--delay:-1s}
.mystic-sky i:nth-child(6){--sx:90%;--sy:63%;--delay:-7s;width:2px;height:2px}
.mystic-sky i:nth-child(7){--sx:45%;--sy:71%;--delay:-3s}
.mystic-sky i:nth-child(8){--sx:71%;--sy:87%;--delay:-8s;width:2px;height:2px}
.mystic-sky i:nth-child(9){--sx:17%;--sy:73%;--delay:-5s}
@keyframes star-drift{0%{transform:translate3d(0,12vh,0) scale(.3);opacity:0}10%{opacity:.8}45%{opacity:.3}85%{opacity:.7}100%{transform:translate3d(24px,-24vh,0) scale(1.1);opacity:0}}
.hero .hero-star,.reading-guide-box .guide-steps b{animation:moon-breathe 5s ease-in-out infinite}
@keyframes moon-breathe{0%,100%{filter:drop-shadow(0 0 3px #e0b47b44)}50%{filter:drop-shadow(0 0 18px #e0b47bbb)}}
.service-card{overflow:hidden;isolation:isolate}
.service-card:before{content:"";position:absolute;inset:-120% auto -120% -70%;width:30%;transform:rotate(24deg) translateX(-30vw);background:linear-gradient(90deg,transparent,rgba(252,235,197,.065),transparent);pointer-events:none;z-index:0;transition:transform .9s ease}
.service-card:hover:before,.service-card:focus-within:before{transform:rotate(24deg) translateX(100vw)}
.service-card .service-top,.service-card h3,.service-card>p,.service-card .service-bottom{position:relative;z-index:1}
.service-symbol{animation:symbol-glow 7s ease-in-out infinite;transform-origin:center}
.service-card:nth-child(3n) .service-symbol{animation-delay:-1.9s}.service-card:nth-child(3n+2) .service-symbol{animation-delay:-4.1s}
@keyframes symbol-glow{0%,100%{text-shadow:0 0 3px #fbe7b440;transform:scale(1)}50%{text-shadow:0 0 21px #f4cc9a99;transform:scale(1.075)}}
.detailed-card .tarot-face{position:relative;overflow:hidden;animation:face-appear .55s cubic-bezier(.12,.9,.2,1) both;transform-origin:center}
.detailed-card:nth-child(2n) .tarot-face{animation-delay:.14s}.detailed-card:nth-child(3n) .tarot-face{animation-delay:.24s}
@keyframes face-appear{from{opacity:.3;filter:brightness(.5);transform:perspective(600px) rotateY(-22deg) scale(.93)}to{opacity:1;filter:brightness(1);transform:perspective(600px) rotateY(0) scale(1)}}
.detailed-card .tarot-face:after{content:"";position:absolute;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,236,202,.26),transparent);transform:rotate(23deg) translateX(-280%);animation:face-shine 7.6s ease-in-out infinite;pointer-events:none}
.detailed-card:nth-child(2n) .tarot-face:after{animation-delay:-3s}
@keyframes face-shine{0%,58%,100%{transform:rotate(23deg) translateX(-280%)}70%{transform:rotate(23deg) translateX(680%)}}
.reading-synthesis .synthesis-title,.mystic-journey-ornament{animation:moon-breathe 7s ease-in-out infinite}
.service-price strong{display:block;color:#ffdfac;font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.service-price small{line-height:1.4}
.commerce-quiet{max-width:940px;margin:15px auto 0;text-align:center;color:#cec0d3;font-size:12px;line-height:1.7}
.commerce-quiet b{color:#f1d5a6}
.available-badge{display:inline-flex;gap:6px;align-items:center;border-radius:60px;padding:6px 11px;background:#362947;border:1px solid #bc9a6d6e;color:#e8ca99;font:700 11px/1.5 var(--sans)}
@media(max-width:640px){.mystic-sky i:nth-child(n+6){display:none}.service-card:before{display:none}.service-symbol{animation-duration:10s}}
.emotional-portrait{margin:21px 0;padding:20px;border:1px solid #c8a87e62;background:radial-gradient(ellipse at 0 0,#8c5dad19,transparent 70%),#21182f;border-radius:13px}
.emotional-heading span{font-size:10px;letter-spacing:.13em;color:#e8c48e;font-weight:800}
.emotional-heading h3{font:600 29px/1.15 var(--serif);color:#fff0de;margin:7px 0}
.emotional-heading p{font-size:12px;line-height:1.7;color:#d9c8dd;margin:0 0 15px}
.emotional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px}
.emotional-grid .field{min-width:0}
.emotional-grid .field.full{grid-column:1/-1}
.emotional-grid select,.emotional-grid textarea{width:100%;min-height:43px;max-width:100%;font:13px var(--sans);color:#e7dcea;background:#191323;border:1px solid #8e758d;border-radius:8px;padding:8px}
.emotional-grid label{font-size:12px;line-height:1.5;color:#ecdecf}
.emotional-more{margin-top:15px;border-top:1px solid #bd9d8d4a;padding-top:12px}
.emotional-more summary{cursor:pointer;color:#edd0a8;font-size:12px;font-weight:700;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.emotional-more[open] .emotional-grid{padding-top:9px}
.emotional-privacy{font-size:11px;line-height:1.65;color:#beaec8;margin:12px 0 0}
.inner-reading-note{border:1px solid #d7b27a69;padding:16px 17px;margin:24px 0 4px;border-radius:10px;background:linear-gradient(120deg,#332241,#21172c)}
.inner-reading-note span{color:#e9c590;font-size:10px;font-weight:800;letter-spacing:.09em}
.inner-reading-note p{font-size:13px;line-height:1.75;color:#e9dbe6;margin:8px 0 0}
@media(max-width:640px){.emotional-portrait{padding:16px 14px}.emotional-grid{grid-template-columns:1fr}.emotional-grid select{min-height:48px}}
.ai-purchase{padding:24px 20px;margin:26px 0;border:1px solid #d9ae7e8a;border-radius:14px;background:linear-gradient(140deg,#352140,#1b1427)}
.ai-purchase h3{font:600 31px/1.1 var(--serif);color:#ffeddb;margin:0 0 11px}
.ai-purchase>p{font-size:13px;line-height:1.75;color:#d6c5dd}
.ai-purchase form{display:grid;gap:12px}
.ai-purchase label{display:block;color:#e9d4ba;font-size:12px;font-weight:700}
.ai-purchase input[type=email]{width:100%;min-height:48px;border-radius:9px;border:1px solid #b29a86;background:#1c1228;color:white;padding:12px;font:14px var(--sans)}
.ai-purchase .ai-agree{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;color:#cfc1d1}
.ai-purchase .ai-agree input{margin-top:5px;accent-color:#e5b97e}
.ai-payment-status{margin:0;font-size:12px;color:#dec5b0;line-height:1.6}
@media(prefers-reduced-motion:reduce){.mystic-sky,.service-card:before{display:none!important}.service-symbol,.hero .hero-star,.reading-guide-box .guide-steps b,.detailed-card .tarot-face,.detailed-card .tarot-face:after,.reading-synthesis .synthesis-title,.mystic-journey-ornament{animation:none!important}}