@import "https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--color-background-accent:#e8a890;--color-background-light:#411f47;--color-background:#27122b;--color-border-accent:#714c51;--color-border:#4d3340;--color-foreground-accent:#e8a890;--color-foreground-strong:#f7e6df;--color-foreground:#e7dae0;--color-foreground-contrast:#241429;--font-family-title:"Playfair Display", sans-serif;--font-family-text:"Cormorant Infant", sans-serif;--font-family-monospace:"Ubuntu Mono", monospace;--font-size-large-1:clamp(2.5rem, 8.33vw, 5rem);--font-size-large-2:clamp(1.75rem, 5.83vw, 3.5rem);--font-size-large-3:clamp(1.375rem, 2.92vw, 1.75rem);--font-size-large-4:clamp(1.25rem, 2.29vw, 1.375rem);--font-size-large-5:clamp(1.125rem, 2.08vw, 1.25rem);--font-size-regular:clamp(1rem, 1.875vw, 1.125rem);--font-size-small:clamp(.875rem, 1.67vw, 1rem);--font-size-caption:clamp(.6875rem, 1.35vw, .81255rem)}*{box-sizing:border-box;border:0;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html,body,#root{width:100%;min-width:22.5rem;min-height:100vh;overflow-x:hidden}html{font:16px/1.6 sans-serif}body{background:var(--color-background);color:var(--color-foreground);font-family:var(--font-family-text);font-size:var(--font-size-regular);letter-spacing:1%;line-height:inherit}header,footer,main{justify-content:center;align-items:start;width:100%;display:flex}a,button{color:inherit;cursor:pointer;font:inherit;flex-direction:row;gap:.5rem;display:inline-flex}a>i,button>i{vertical-align:middle;font-size:112.5%;line-height:.8}a{text-decoration:none}button{color:inherit;background:0 0;border:0;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:700;line-height:1.25}h1,h2,h3,h4,h5,h6{color:var(--color-foreground-strong);font-family:var(--font-family-title);letter-spacing:0;font-weight:500;line-height:1.2}h1>i{color:var(--color-foreground-accent)}h1,h2{letter-spacing:-1%;font-weight:400}h1{font-size:var(--font-size-large-1);line-height:1.1}h2{font-size:var(--font-size-large-2)}h3{font-size:var(--font-size-large-3)}h4{font-size:var(--font-size-large-4)}h5{font-size:var(--font-size-large-5);letter-spacing:2%}.button{border:1px solid var(--color-border);font:inherit;border-radius:1.5rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;line-height:1.2;display:flex}.button .icon{font-size:1.125rem}.button.accent{background:var(--color-background-accent);color:var(--color-foreground-contrast)}.button.button-back{border:1px solid var(--color-border);color:var(--color-foreground-strong);border-radius:1.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;display:inline-flex}.button.button-back,.button.button-back>.icon{font-size:1.25rem}.card-image{background:var(--color-background-light);aspect-ratio:3/4;border-radius:1rem;flex-direction:column;align-items:stretch;width:clamp(8.5rem,25vw,15rem);height:auto;padding:.75rem;display:flex}.card-image-content{border:1px solid var(--color-border-accent);text-align:center;border-radius:.25rem;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1rem;display:flex}.card-image-glyph{color:var(--color-foreground-strong);font-family:var(--font-family-title);font-size:clamp(3rem,6.67vw,4rem);line-height:1}.card-picker{--picker-spread:110px;--picker-rotation:22deg;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding-top:.5rem;display:flex}@media (width<=30rem){.card-picker{--picker-spread:80px;--picker-rotation:18deg}}.card-picker-deck{width:100%;height:12rem;position:relative}.card-back{aspect-ratio:3/4;background:var(--color-background-light);transform-origin:bottom;will-change:transform;-webkit-user-select:none;user-select:none;--spread-x:calc(var(--t) * var(--picker-spread));--spread-r:calc(var(--t) * var(--picker-rotation));--lift:0px;width:4.5rem;box-shadow:0 2px 10px #00000080, inset 0 0 0 5px var(--color-background-light), inset 0 0 0 6px var(--color-border-accent);transition:transform .5s cubic-bezier(.34, 1.1, .64, 1) calc(var(--card-idx) * 40ms), opacity .3s ease, box-shadow .3s ease;border-radius:.5rem;position:absolute;bottom:0;left:calc(50% - 2.25rem)}.card-back:before{content:"";border:1px solid var(--color-border-accent);background:repeating-linear-gradient(45deg,#0000,#0000 3px,#714c511f 3px 4px);border-radius:2px;position:absolute;inset:.5rem}.card-back:after{content:"✦";color:var(--color-border-accent);font-family:var(--font-family-title);pointer-events:none;font-size:.875rem;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-phase=shuffling] .card-back{transform:translateX(var(--stack-x)) rotate(var(--stack-r));cursor:default;animation-name:card-shuffle;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:calc(var(--card-idx) * 20ms);transition:none;animation-fill-mode:both}@keyframes card-shuffle{0%{transform:translateX(var(--stack-x)) rotate(var(--stack-r))}25%{transform:translateX(calc(var(--stack-x) - 5px)) rotate(calc(var(--stack-r) - 6deg))}50%{transform:translateX(calc(var(--stack-x) + 5px)) rotate(calc(var(--stack-r) + 6deg))}75%{transform:translateX(calc(var(--stack-x) - 2px)) rotate(calc(var(--stack-r) - 3deg))}to{transform:translateX(var(--stack-x)) rotate(var(--stack-r))}}[data-phase=spread] .card-back,[data-phase=selected] .card-back{transform:translateX(var(--spread-x)) translateY(var(--lift)) rotate(var(--spread-r));cursor:pointer}[data-phase=spread] .card-back:hover{--lift:-14px;transition-delay:0s;z-index:20!important}[data-phase=selected] .card-back[data-selected]{--lift:-22px;box-shadow:0 14px 36px #0009, 0 0 24px #e8a89033, inset 0 0 0 5px var(--color-background-light), inset 0 0 0 6px var(--color-foreground-accent);transition-delay:0s;z-index:20!important}[data-phase=selected] .card-back:not([data-selected]){opacity:.3;cursor:default}.card-picker-hint{justify-content:center;align-items:center;width:100%;height:1.25rem;display:flex;position:relative}.card-picker-hint span{opacity:0;font-family:var(--font-family-monospace);font-size:var(--font-size-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-foreground-accent);white-space:nowrap;transition:opacity .5s;position:absolute}.card-picker-hint span[data-visible]{opacity:1}.card-picker-actions{opacity:0;pointer-events:none;transition:opacity .4s .15s,transform .4s .15s;transform:translateY(6px)}.card-picker-actions[data-visible]{opacity:1;pointer-events:auto;transform:translateY(0)}.chip{border:1px solid var(--color-border);border-radius:.75rem;padding:.1875rem .5625rem;display:inline-flex}.link{color:var(--color-foreground-accent);font:inherit;font-weight:700;line-height:1.2}.link.button{border:1px solid var(--color-border);color:inherit;border-radius:1.5rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.link.button .icon{font-size:1.125rem}.link.button.accent{background:var(--color-background-accent);color:var(--color-foreground-accent)}.star-background{background:linear-gradient(180deg, var(--color-background) 0%, var(--color-background) 75%, var(--color-background-light) 100%);pointer-events:none;z-index:-1;position:fixed;inset:0}.star{opacity:.25;background:#f7e6dfe6;border-radius:50%;animation:ease-in-out infinite star-twinkle;position:absolute;box-shadow:0 0 3px 1px #e8a89040}@keyframes star-twinkle{0%,43%{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}57%,to{opacity:.25;transform:scale(1)}}.page{grid-template-rows:1fr auto;grid-template-columns:1fr;justify-content:start;align-items:start;width:100%;min-height:100vh;display:grid}.page.align-center{align-items:center}.page.align-end{align-items:end}.page.align-space-between{align-items:space-between}.page.align-start{align-items:start}.page.align-stretch{align-items:stretch}.page.justify-center{justify-content:center}.page.justify-end{justify-content:end}.page.justify-space-between{justify-content:space-between}.page.justify-start{justify-content:start}.page.justify-stretch{justify-content:stretch}.page-content{text-align:left;flex-direction:column;justify-content:start;align-items:start;gap:clamp(2.5rem,6.25vw,3.75rem);width:100%;max-width:75rem;padding:clamp(2.5rem,6.25vw,3.75rem) clamp(1.875rem,6.25vw,3.75rem);display:flex}.page-content.align-center{align-items:center}.page-content.align-end{align-items:end}.page-content.align-space-between{align-items:space-between}.page-content.align-start{align-items:start}.page-content.align-stretch{align-items:stretch}.page-content.flex-column{flex-direction:column}.page-content.flex-row{flex-direction:row}.page-content.gap-0125{gap:.125rem}.page-content.gap-025{gap:.25rem}.page-content.gap-0375{gap:.375rem}.page-content.gap-05{gap:.5rem}.page-content.gap-0625{gap:.625rem}.page-content.gap-075{gap:.875rem}.page-content.gap-1{gap:1rem}.page-content.gap-1125{gap:1.125rem}.page-content.gap-125{gap:1.25rem}.page-content.gap-15{gap:1.5rem}.page-content.gap-175{gap:1.75rem}.page-content.gap-1875{gap:1.875rem}.page-content.gap-25{gap:2.5rem}.page-content.gap-375{gap:3.75rem}.page-content.justify-center{justify-content:center}.page-content.justify-end{justify-content:end}.page-content.justify-space-between{justify-content:space-between}.page-content.justify-start{justify-content:start}.page-content.justify-stretch{justify-content:stretch}.page-content.text-left{text-align:left}.page-content.text-center{text-align:center}.page-content.text-right{text-align:right}.stack{text-align:left;flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.stack.align-center{align-items:center}.stack.align-end{align-items:end}.stack.align-space-between{align-items:space-between}.stack.align-start{align-items:start}.stack.align-stretch{align-items:stretch}.stack.flex-column{flex-direction:column}.stack.flex-row{flex-direction:row}.stack.gap-0125{gap:.125rem}.stack.gap-025{gap:.25rem}.stack.gap-0375{gap:.375rem}.stack.gap-05{gap:.5rem}.stack.gap-0625{gap:.625rem}.stack.gap-075{gap:.875rem}.stack.gap-1{gap:1rem}.stack.gap-1125{gap:1.125rem}.stack.gap-125{gap:1.25rem}.stack.gap-15{gap:1.5rem}.stack.gap-175{gap:1.75rem}.stack.gap-1875{gap:1.875rem}.stack.gap-25{gap:2.5rem}.stack.gap-375{gap:3.75rem}.stack.justify-center{justify-content:center}.stack.justify-end{justify-content:end}.stack.justify-space-between{justify-content:space-between}.stack.justify-start{justify-content:start}.stack.justify-stretch{justify-content:stretch}.stack.text-left{text-align:left}.stack.text-center{text-align:center}.stack.text-right{text-align:right}.stack.wrap{flex-wrap:wrap}.text-caption{font-family:var(--font-family-monospace);font-size:var(--font-size-caption);letter-spacing:12%;text-transform:uppercase;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;line-height:1.2;display:inline-flex}.text-caption.text-caption-accent{color:var(--color-foreground-accent)}.text-caption>.icon{font-size:var(--font-size-small);margin:0 0 -.1875rem}.tile{background:var(--color-background-light);text-align:left;border-radius:.75rem;flex-direction:column;justify-content:start;align-items:start;width:100%;padding:2.5rem 1.875rem;display:flex}.tile.align-center{align-items:center}.tile.align-end{align-items:end}.tile.align-space-between{align-items:space-between}.tile.align-start{align-items:start}.tile.align-stretch{align-items:stretch}.tile.flex-column{flex-direction:column}.tile.flex-row{flex-direction:row}.tile.gap-0125{gap:.125rem}.tile.gap-025{gap:.25rem}.tile.gap-0375{gap:.375rem}.tile.gap-05{gap:.5rem}.tile.gap-0625{gap:.625rem}.tile.gap-075{gap:.875rem}.tile.gap-1{gap:1rem}.tile.gap-1125{gap:1.125rem}.tile.gap-125{gap:1.25rem}.tile.gap-15{gap:1.5rem}.tile.gap-175{gap:1.75rem}.tile.gap-1875{gap:1.875rem}.tile.gap-25{gap:2.5rem}.tile.gap-375{gap:3.75rem}.tile.justify-center{justify-content:center}.tile.justify-end{justify-content:end}.tile.justify-space-between{justify-content:space-between}.tile.justify-start{justify-content:start}.tile.justify-stretch{justify-content:stretch}.tile.text-left{text-align:left}.tile.text-center{text-align:center}.tile.text-right{text-align:right}.landing-page{z-index:1;position:relative}.landing-page-title{max-width:50rem}.landing-page-grid-tiles{flex-direction:column;gap:1.875rem;display:flex}@media (width>=65rem){.landing-page-grid-tiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.card-grid .card-image{width:100%}.learn-tarot-nav-back{padding:1.75rem 0 0}@media (width>=40rem){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=60rem){.card-grid{grid-template-columns:repeat(4,1fr)}}.tarot-card-nav-back{padding:.875rem 0 0}.tarot-card-nav{flex-direction:row;gap:.75rem;width:100%;display:flex}.tarot-card-link{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;flex:1;align-items:start;gap:.375rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.tarot-card-link.tarot-card-link-next{text-align:right;align-items:end}.card-nav-name{color:var(--color-foreground-strong);font-family:var(--font-family-title);font-size:var(--font-size-large-4);line-height:1.2}.tarot-card-grid{flex-direction:column;align-items:start;gap:1.875rem;display:flex}@media (width>=40rem){.tarot-card-grid{flex-direction:row;gap:2rem}}.tarot-of-the-moment-card-grid{flex-direction:column;align-items:start;gap:1.875rem;display:flex}.tarot-of-the-moment-nav-back{padding:1.75rem 0 0}@media (width>=40rem){.tarot-of-the-moment-card-grid{flex-direction:row;gap:2rem}}.yes-or-no-tarot-card-grid{flex-direction:column;align-items:start;gap:1.875rem;display:flex}.yes-or-no-tarot-nav-back{padding:1.75rem 0 0}@media (width>=40rem){.yes-or-no-tarot-card-grid{flex-direction:row;gap:2rem}}