@layer components{.card-draw{--card-draw-fan:24deg;align-items:center;gap:var(--space-15);inline-size:100%;flex-direction:column;margin-block-start:clamp(var(--space-2), 3.33vw, var(--space-3));display:flex}.card-draw-question{gap:var(--space-05);text-align:start;flex-direction:column;inline-size:100%;max-inline-size:30rem;display:flex}.card-draw-question-label{font-weight:500}.card-draw-question-input{background-color:var(--color-button-secondary-background);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:var(--font-size-regular);padding:var(--space-075) var(--space-1)}.card-draw-question-input::placeholder{color:var(--color-foreground-muted);opacity:.8}.card-draw-question-input:focus-visible{border-color:var(--color-accent);outline-offset:1px}.card-draw-question-note{color:var(--color-foreground-muted);font-size:var(--font-size-xsmall)}.card-draw-instruction{font-family:var(--font-family-title);font-size:var(--font-size-large);font-style:italic}.card-draw-instruction:focus{outline:none}.card-draw-deck{--tarot-card-shadow:var(--shadow-card-small);--tarot-card-size:clamp(5rem, 11vw, 7.5rem);block-size:calc(var(--tarot-card-size) * 2.6);inline-size:100%;position:relative}.card-draw-slot{transform-origin:50% 220%;transition:opacity .3s,rotate .6s cubic-bezier(.2,.7,.2,1),translate .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--card-draw-i) * 25ms);margin-inline-start:calc(var(--tarot-card-size) / -2);position:absolute;inset-block-start:calc(var(--tarot-card-size) * .35);inset-inline-start:50%}.card-draw[data-phase=shuffling] .card-draw-slot{animation:.8s ease-in-out 2 card-draw-riffle;animation-delay:calc(var(--card-draw-i) * 30ms);rotate:var(--card-draw-stack-r);translate:var(--card-draw-stack-x) 0}@keyframes card-draw-riffle{0%,to{translate:var(--card-draw-stack-x) 0}50%{translate:calc(var(--card-draw-stack-x) + var(--card-draw-riffle)) 0}}.card-draw[data-phase=spread] .card-draw-slot,.card-draw[data-phase=picked] .card-draw-slot{rotate:calc(var(--card-draw-t) * var(--card-draw-fan))}.card-draw-pick{border-radius:calc(var(--tarot-card-size) * .04);background:0 0;border:0;padding:0;transition:translate .2s ease-out;display:block}.card-draw[data-phase=spread] .card-draw-pick{cursor:pointer}.card-draw[data-phase=spread] .card-draw-pick:hover,.card-draw[data-phase=spread] .card-draw-pick:focus-visible{translate:0 -1rem}.card-draw[data-phase=picked] .card-draw-slot:not([data-picked]){opacity:.2}.card-draw[data-phase=picked] .card-draw-slot[data-picked]{z-index:1;transition-delay:0s;translate:0 -1.5rem;rotate:0deg}.card-draw-reading{align-items:center;gap:var(--space-25);flex-direction:column;inline-size:100%;max-inline-size:60rem;display:flex}.card-draw-reading-card{--tarot-card-edge:var(--gradient-accent);--tarot-card-shadow:var(--shadow-card-featured);--tarot-card-size:clamp(11rem, 24vw, 17rem);flex:none}.card-draw-reading-text{align-items:center;gap:var(--space-125);text-align:center;flex-direction:column;animation:.5s ease-out .7s both card-draw-fade-in;display:flex}@keyframes card-draw-fade-in{0%{opacity:0;translate:0 .5rem}}.card-draw-reading-question{font-family:var(--font-family-title);font-size:var(--font-size-large);font-style:italic}.card-draw-label{color:var(--color-accent);font-size:var(--font-size-small);font-weight:500}.card-draw-answer{gap:var(--space-025);flex-direction:column;display:flex}.card-draw-answer:focus,.card-draw-reading-name:focus{outline:none}.card-draw-answer-word{background:var(--gradient-accent);color:#0000;font-size:var(--font-size-title-1);background-clip:text;line-height:1}.card-draw-reading-place{background:var(--gradient-accent);color:#0000;background-clip:text;font-weight:500}.card-draw-reading-heading{align-items:inherit;gap:var(--space-025);flex-direction:column;display:flex}.card-draw-reading-name{color:var(--color-foreground-strong);font-family:var(--font-family-title);font-size:var(--font-size-title-2);line-height:var(--line-height-title)}.card-draw-reading-keywords{justify-content:center}.card-draw-reading-block{gap:var(--space-025);flex-direction:column;max-inline-size:36rem;display:flex}.card-draw-reading-advice{color:var(--color-foreground-strong);font-family:var(--font-family-title);font-size:var(--font-size-title-4);font-style:italic;line-height:1.4}.card-draw-actions{gap:var(--space-075);flex-direction:column;inline-size:100%;display:flex}@media (prefers-reduced-motion:reduce){.card-draw-reading-text{animation-delay:0s}}@media (min-width:40rem){.card-draw{--card-draw-fan:30deg}.card-draw-actions{flex-direction:row;inline-size:auto}}@media (min-width:50rem){.card-draw-reading{flex-direction:row;justify-content:center;align-items:flex-start}.card-draw-reading-text{text-align:start;justify-content:flex-start;align-items:flex-start}.card-draw-reading-keywords{justify-content:flex-start}}}
@layer components{.draw-steps-title{text-align:center;margin-block-end:clamp(var(--space-2), 3.33vw, var(--space-3))}.draw-steps-list{gap:var(--space-2);grid-template-columns:1fr;display:grid}.draw-steps-item{border-block-start:1px solid var(--color-border);gap:var(--space-05);flex-direction:column;padding-block-start:var(--space-15);display:flex}.draw-steps-number{background:var(--gradient-accent);color:#0000;font-family:var(--font-family-title);font-size:var(--font-size-title-3);background-clip:text;line-height:1}.draw-steps-item-title{font-size:var(--font-size-title-4)}@media (min-width:50rem){.draw-steps-list{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}}}