.live-page{--radius:.625rem;--font-display:"Cinzel", serif;--font-body:"Cormorant Garamond", serif;font-family:var(--font-body);background:var(--background);color:var(--foreground);--background:oklch(11% .025 300);--foreground:oklch(94% .012 300);--card:oklch(16% .04 300);--card-foreground:oklch(94% .012 300);--popover:oklch(16% .04 300);--popover-foreground:oklch(94% .012 300);--primary:oklch(80% .14 88);--primary-foreground:oklch(14% .03 300);--secondary:oklch(24% .08 300);--secondary-foreground:oklch(94% .012 300);--muted:oklch(20% .04 300);--muted-foreground:oklch(72% .04 300);--accent:oklch(68% .2 305);--accent-foreground:oklch(11% .025 300);--destructive:oklch(55% .22 27);--destructive-foreground:oklch(96% .01 27);--border:oklch(32% .08 300);--input:oklch(28% .07 300);--ring:oklch(70% .12 88);--card-shadow:0 24px 60px -24px oklab(35% .0750001 -.129904/.65);--price-shadow:0 18px 50px -18px color-mix(in oklab, var(--primary) 55%, transparent)}.live-page .page-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% -10%, color-mix(in oklab, var(--primary) 20%, transparent), transparent 70%), radial-gradient(45% 35% at 88% 108%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), radial-gradient(35% 28% at 8% 105%, color-mix(in oklab, var(--destructive) 16%, transparent), transparent 70%);position:fixed;inset:0}.live-page .star-eyebrow{font-family:var(--font-display);letter-spacing:.45em;text-transform:uppercase;color:var(--accent);font-size:.8rem}.live-page .flame-button{animation:2.4s ease-in-out infinite flame-glow}.live-page .star-divider{width:100%;max-width:28rem;color:var(--accent);letter-spacing:.5em;align-items:center;gap:1rem;font-size:.7rem;display:flex}.star-divider:before,.live-page .star-divider:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 55%, transparent), transparent);flex:1;height:1px}.live-page .tarot-flip{aspect-ratio:3/5;perspective:1200px;cursor:pointer;background:0 0;border:none;width:100%;height:auto;padding:0;transition:opacity .5s;display:block;position:relative}.live-page .tarot-flip:focus-visible{outline:2px solid color-mix(in oklab, var(--primary) 65%, transparent);outline-offset:6px;border-radius:var(--radius-lg)}.live-page .tarot-flip:disabled{cursor:default}.live-page .tarot-flip.dimmed{opacity:.4}.live-page .tarot-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.live-page .tarot-flip.flipped .tarot-flip-inner{transform:rotateY(180deg)}.live-page .tarot-face{backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--primary) 45%, var(--border));box-shadow:var(--card-shadow);padding:6px;position:absolute;inset:0;overflow:hidden}.live-page .tarot-face img{object-fit:cover;border-radius:calc(var(--radius-lg) - 6px);width:100%;height:100%}.live-page .tarot-face.answer{transform:rotateY(180deg)}.live-page .tarot-caption{text-align:center;border-radius:0 0 calc(var(--radius-lg) - 6px) calc(var(--radius-lg) - 6px);background:linear-gradient(to top, color-mix(in oklab, var(--background) 94%, transparent) 35%, transparent);padding:2rem .5rem .6rem;position:absolute;bottom:6px;left:6px;right:6px}.live-page .deal-in{animation:.8s cubic-bezier(.2,.7,.2,1) both deal-in}.live-page .fade-up{animation:.6s ease-out both fade-up}.live-page .float-slow{animation:6s ease-in-out infinite float-slow}@keyframes flame-glow{0%,to{box-shadow:0 8px 30px -8px color-mix(in oklab, var(--primary) 60%, transparent)}50%{box-shadow:0 8px 46px -4px color-mix(in oklab, var(--accent) 70%, transparent)}}@keyframes deal-in{0%{opacity:0;transform:translateY(40px)rotate(0)scale(.92)}to{opacity:1;transform:translateY(0) rotate(var(--deal-rotate,0deg)) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.live-page .font-display{font-family:var(--font-display)}.live-page .shadow-price{box-shadow:var(--price-shadow)}.live-page .shadow-card{box-shadow:var(--card-shadow)}.live-page .tarot-flip-inner{display:block}.live-page .live-answer-spread{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px;width:100%;max-width:900px;display:grid}.live-page .live-answer-number{font-family:var(--font-display);color:var(--primary);font-size:10px;display:block}.live-page .live-answer-name{font-family:var(--font-display);color:var(--foreground);margin-top:4px;font-size:12px;font-weight:700;line-height:1.3;display:block}.live-page .live-answer-word{font-family:var(--font-display);color:var(--primary);margin-top:6px;font-size:17px;font-weight:700;line-height:1.3;display:block}@media (width<=640px){.live-page .live-answer-spread{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 12px;max-width:420px}.live-page .live-answer-spread .tarot-flip{grid-column:span 2}.live-page .live-answer-spread .tarot-flip:nth-child(4){grid-column:2/span 2}.live-page .tarot-caption{padding:1.5rem 2px .4rem}.live-page .live-answer-name{font-size:10px}.live-page .live-answer-word{font-size:11px}}@media (prefers-reduced-motion:reduce){.live-page *,.live-page :before,.live-page :after{transition:none!important;animation:none!important}}
