.tarot-back{background:linear-gradient(160deg,#0f0c29 0%,#302b63 50%,#24243e 100%);border:1.5px solid rgba(212,175,55,.5);border-radius:inherit;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;height:100%}.tarot-back::before{content:'';position:absolute;inset:5%;border:1px solid rgba(212,175,55,.25);border-radius:4px;pointer-events:none}.tarot-back .tarot-star{color:rgba(212,175,55,.55);position:relative;z-index:1}.tarot-back .tarot-corner{position:absolute;color:rgba(212,175,55,.35);font-size:10px;line-height:1}html.dark .tarot-back{border-color:rgba(212,175,55,.7)}html.dark .tarot-back::before{border-color:rgba(212,175,55,.35)}.flip-scene{perspective:1200px}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1)}.flip-inner.is-flipped{transform:rotateY(180deg)}.flip-face,.flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 25px 60px -10px rgba(0,0,0,.5)}.flip-back{transform:rotateY(180deg)}@keyframes spin{to{transform:rotate(360deg)}}.reading-back-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px 4px 7px;border-radius:9999px;font-size:12px;font-weight:600;color:#64748b;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;text-decoration:none;z-index:20;position:relative;align-self:flex-start;line-height:1.2}.reading-back-btn .material-symbols-outlined{font-size:14px}.reading-back-btn:hover{color:#7f0df2;background:rgba(255,255,255,.85);border-color:rgba(127,13,242,.2)}.reading-back-btn:active{transform:scale(.97)}html.dark .reading-back-btn{color:#b8c1d1;background:rgba(10,20,40,.5);border-color:rgba(212,175,55,.15)}html.dark .reading-back-btn:hover{color:#d4af37;background:rgba(10,20,40,.7);border-color:rgba(212,175,55,.3)}.reading-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;font-size:14px;font-weight:700;color:#fff;border-radius:12px;transition:all .3s ease}@media(min-width:768px){.reading-cta{gap:12px;height:56px;padding:0 48px;font-size:16px;border-radius:9999px}}.reading-cta:disabled{opacity:.6;cursor:not-allowed}.reading-shuffle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;color:#fff;border-radius:9999px;transition:all .3s ease}@media(min-width:768px){.reading-shuffle{gap:12px;padding:16px 32px;font-size:16px}}.reading-shuffle:disabled{opacity:.6;cursor:not-allowed}.reading-shuffle .shuffle-spinner{display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.reading-shuffle:disabled .shuffle-spinner{display:inline-block}.reading-shuffle:disabled .shuffle-icon{display:none}.reading-cta .cta-spinner{display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.reading-cta:disabled .cta-spinner{display:inline-block}.reading-cta:disabled .cta-icon{display:none}.shuffle-status{font-size:13px;font-weight:600;color:#7f0df2;min-height:20px;transition:opacity .3s ease}html.dark .shuffle-status{color:#d4af37}.loading-dots::after{content:'';animation:loading-dots 1.4s steps(4) infinite}@keyframes loading-dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}.card-img-placeholder{background:linear-gradient(135deg,#e2e8f0 0%,#f1f5f9 50%,#e2e8f0 100%);background-size:200% 200%;animation:placeholder-shimmer 1.5s ease infinite}html.dark .card-img-placeholder{background:linear-gradient(135deg,#1e293b 0%,#334155 50%,#1e293b 100%);background-size:200% 200%}@keyframes placeholder-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}html.dark .overlay-loading-box{background:#1a1a2e}html.dark .overlay-loading-box .overlay-loading-text{color:#94a3b8}html.dark .overlay-loading-box .overlay-spinner{border-color:rgba(212,175,55,.2);border-top-color:#d4af37}.fan-container-h{height:190px}@media(min-width:640px){.fan-container-h{height:230px}}.interp-reveal>*{opacity:0;transform:translateY(12px);animation:interpReveal .45s ease forwards}.interp-reveal-self{opacity:0;transform:translateY(12px);animation:interpReveal .45s ease forwards}@keyframes interpReveal{to{opacity:1;transform:translateY(0)}}.skip-stream-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;font-size:12px;font-weight:600;color:#64748b;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.08);border-radius:9999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:all .2s ease;position:sticky;bottom:8px;z-index:5}.skip-stream-btn:hover{color:#7f0df2;background:rgba(255,255,255,.9);border-color:rgba(127,13,242,.2)}.skip-stream-btn .material-symbols-outlined{font-size:15px}html.dark .skip-stream-btn{color:#94a3b8;background:rgba(15,23,42,.6);border-color:rgba(212,175,55,.15)}html.dark .skip-stream-btn:hover{color:#d4af37;background:rgba(15,23,42,.8);border-color:rgba(212,175,55,.3)}