*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{color:#e8e0d4;-webkit-font-smoothing:antialiased;background:#0a0a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--gold:#c9a54e;--gold-light:#e8d48b;--purple:#6b21a8;--purple-deep:#1a0533;--bg:#0a0a1a;--bg-card:#12102a;--text:#e8e0d4;--text-muted:#9a8e7e}.star-bg{z-index:0;background:radial-gradient(at 50% 0,#1a0f3a 0%,#0a0a1a 60%,#050510 100%);position:fixed;inset:0;overflow:hidden}.star-bg .star{width:2px;height:2px;animation:twinkle var(--duration) ease-in-out infinite;opacity:0;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--max-opacity,.8);transform:scale(1)}}.star-bg .nebula{filter:blur(120px);opacity:.08;border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite alternate nebula-drift;position:absolute}.star-bg .nebula--purple{background:#6b21a8;top:-200px;right:-100px}.star-bg .nebula--blue{background:#1e3a8a;animation-delay:-15s;bottom:-200px;left:-100px}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}.video-bg{z-index:1;pointer-events:none;position:fixed;inset:0}.video-bg video{object-fit:cover;opacity:.3;width:100%;height:100%}.app{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:1s ease-out fade-in;display:flex}.intro__crystal{filter:drop-shadow(0 0 20px #8b5cf680);margin-bottom:1.5rem;font-size:4rem;animation:3s ease-in-out infinite float}.intro__title{color:var(--gold);text-shadow:0 0 20px #c9a54e66,0 0 60px #c9a54e26;letter-spacing:.04em;margin-bottom:.75rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700}.intro__subtitle{color:var(--text-muted);max-width:400px;margin-bottom:3rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,2.5vw,1.25rem);font-style:italic;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-mystical{border:1px solid var(--gold);color:var(--gold);cursor:pointer;letter-spacing:.06em;background:linear-gradient(135deg,#c9a54e1f 0%,#c9a54e0a 100%);border-radius:60px;padding:1rem 2.5rem;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;transition:all .4s;position:relative;overflow:hidden}.btn-mystical:before{content:"";background:linear-gradient(135deg, var(--gold), transparent, var(--gold));opacity:0;z-index:-1;border-radius:60px;transition:opacity .4s;position:absolute;inset:-1px}.btn-mystical:hover{background:linear-gradient(135deg,#c9a54e33 0%,#c9a54e14 100%);transform:translateY(-2px);box-shadow:0 0 30px #c9a54e33,inset 0 0 30px #c9a54e0d}.btn-mystical:active{transform:translateY(0)}.btn-mystical--glow{animation:2s ease-in-out infinite btn-glow}@keyframes btn-glow{0%,to{box-shadow:0 0 15px #c9a54e26}50%{box-shadow:0 0 30px #c9a54e4d,0 0 60px #c9a54e1a}}.shuffle{flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.5s ease-out fade-in;display:flex}.shuffle__deck{width:150px;height:250px;margin-bottom:2rem;position:relative}.shuffle__card{border-radius:12px;transition:transform .2s;position:absolute;inset:0}.shuffle__card--shuffling{animation:shuffle-card var(--shuffle-speed,.4s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes shuffle-card{0%{transform:var(--base-rotation,rotate(0deg)) translateX(0)}25%{transform:var(--base-rotation,rotate(0deg)) translateX(calc(var(--direction,1) * 80px)) translateY(-20px)}50%{transform:var(--base-rotation,rotate(0deg)) translateX(calc(var(--direction,1) * 40px)) translateY(-40px)}to{transform:var(--base-rotation,rotate(0deg)) translateX(0)}}.shuffle__text{color:var(--text-muted);font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-style:italic;animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.tarot-card{perspective:800px;cursor:pointer;flex-shrink:0;width:200px;height:333px}.tarot-card--small{width:120px;height:200px}@media (width<=600px){.tarot-card{width:140px;height:233px}.tarot-card--small{width:90px;height:150px}}.tarot-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.tarot-card--flipped .tarot-card__inner{transform:rotateY(180deg)}.tarot-card__face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.tarot-card__back{border:2px solid var(--gold);background:linear-gradient(135deg,#1a0533 0%,#2d1066 50%,#1a0533 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #00000080}.tarot-card__back-design{border:1px solid #c9a54e4d;border-radius:8px;justify-content:center;align-items:center;width:80%;height:80%;display:flex;position:relative;overflow:hidden}.tarot-card__back-design:before{content:"";border:1px solid #c9a54e33;border-radius:50%;position:absolute;inset:8px}.tarot-card__back-design:after{content:"";background:radial-gradient(circle,#0000 30%,#c9a54e14 31% 32%,#0000 33%),radial-gradient(circle,#0000 50%,#c9a54e0f 51% 52%,#0000 53%);width:60%;height:60%;animation:20s linear infinite rotate-mandala;position:absolute}.tarot-card__back-star{color:var(--gold);opacity:.7;z-index:1;filter:drop-shadow(0 0 8px #c9a54e66);font-size:2rem}.tarot-card--small .tarot-card__back-star{font-size:1.4rem}@keyframes rotate-mandala{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tarot-card__front{border:2px solid var(--card-accent,var(--gold));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex;transform:rotateY(180deg);box-shadow:0 4px 20px #00000080}.tarot-card__numeral{color:var(--card-accent,var(--gold));opacity:.8;letter-spacing:.15em;font-family:Georgia,Times New Roman,serif;font-size:.75rem}.tarot-card--small .tarot-card__numeral{font-size:.6rem}.tarot-card__symbol{filter:drop-shadow(0 0 10px #c9a54e4d);font-size:3rem;line-height:1}.tarot-card--small .tarot-card__symbol{font-size:2rem}.tarot-card__name{color:var(--card-accent,var(--gold));font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-weight:600;line-height:1.3}.tarot-card--small .tarot-card__name{font-size:.65rem}.tarot-card__divider{background:linear-gradient(90deg, transparent, var(--card-accent,var(--gold)), transparent);opacity:.4;width:40%;height:1px}.tarot-card:not(.tarot-card--flipped):not(.tarot-card--no-hover):hover .tarot-card__back{box-shadow:0 0 20px #c9a54e4d,0 0 40px #6b21a833}.spread{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem;animation:.5s ease-out fade-in;display:flex}.spread__title{color:var(--gold);text-align:center;margin-bottom:2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,3vw,1.5rem)}.spread__cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;display:flex}.spread__position{flex-direction:column;align-items:center;gap:.75rem;animation:.5s ease-out backwards card-enter;display:flex}.spread__position:first-child{animation-delay:.1s}.spread__position:nth-child(2){animation-delay:.3s}.spread__position:nth-child(3){animation-delay:.5s}.spread__label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:.85rem}.spread__card-name{color:var(--gold);opacity:0;text-align:center;min-height:1.2em;font-family:Georgia,Times New Roman,serif;font-size:.8rem;transition:opacity .4s}.spread__card-name--visible{opacity:1}@keyframes card-enter{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.reading{flex-direction:column;align-items:center;width:100%;max-width:700px;padding:2rem;animation:.6s ease-out fade-in;display:flex}.reading__cards{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.reading__cards .spread__label{font-size:.7rem}.reading__divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.3;width:80%;max-width:300px;height:1px;margin-bottom:2rem}.reading__content{width:100%;min-height:100px;margin-bottom:2.5rem;padding:0 1rem}.reading__text{color:var(--text);white-space:pre-wrap;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.8}.reading__cursor{background:var(--gold);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.reading__error{color:#e87070;text-align:center;font-style:italic}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{animation:.4s ease-in forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media (width<=520px){.tarot-card{width:120px;height:200px}.tarot-card--small{width:80px;height:133px}.spread__cards{gap:1rem}.tarot-card__symbol{font-size:2.4rem}.tarot-card--small .tarot-card__symbol{font-size:1.6rem}.reading__text{font-size:.95rem}.shuffle__deck{width:120px;height:200px}}.tarot-card__video{object-fit:cover;border-radius:inherit;z-index:1;width:100%;height:100%;position:absolute;inset:0}.tarot-card__content{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.tarot-card__content--over-video{border-radius:inherit;background:#00000059}.tarot-card__content--over-video .tarot-card__name{text-shadow:0 2px 8px #000c}.tarot-card__content--over-video .tarot-card__symbol{text-shadow:0 2px 12px #0009}.intro__question{color:#e8e0d0;resize:none;background:#ffffff0d;border:1px solid #c9a54e4d;border-radius:12px;outline:none;width:min(90vw,420px);margin-bottom:20px;padding:16px 20px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.5;transition:border-color .3s}.intro__question::placeholder{color:#c9a54e66;font-style:italic}.intro__question:focus{border-color:#c9a54eb3;box-shadow:0 0 20px #c9a54e1a}.intro__count{align-items:center;gap:14px;margin-bottom:28px;display:flex}.intro__count-label{color:#c9a54e99;text-transform:uppercase;letter-spacing:.1em;font-size:14px}.intro__count-options{gap:8px;display:flex}.intro__count-btn{color:#c9a54e99;cursor:pointer;background:#ffffff08;border:1px solid #c9a54e4d;border-radius:50%;width:40px;height:40px;font-size:16px;font-weight:600;transition:all .3s}.intro__count-btn:hover{color:#c9a54e;border-color:#c9a54e99}.intro__count-btn--active{color:#c9a54e;background:#c9a54e26;border-color:#c9a54e;box-shadow:0 0 12px #c9a54e33}.tarot-card__video-name{z-index:2;color:#e8e0d0;text-align:center;letter-spacing:.03em;text-shadow:0 1px 4px #000c;background:linear-gradient(#0000,#000000d9);padding:10px 8px;font-family:Georgia,serif;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.spread__cards{gap:28px}.reading__question{color:#c9a54eb3;text-align:center;margin-bottom:20px;font-family:Georgia,serif;font-size:16px;font-style:italic}.spread__cards--5,.spread__cards--7{flex-wrap:wrap;justify-content:center}.intro__modes{gap:14px;width:min(90vw,420px);margin-bottom:24px;display:flex}.intro__mode-btn{cursor:pointer;color:#c9a54e80;background:#ffffff08;border:1px solid #c9a54e33;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 12px;transition:all .3s;display:flex}.intro__mode-btn:hover{border-color:#c9a54e80}.intro__mode-btn--active{color:#c9a54e;background:#c9a54e1a;border-color:#c9a54e;box-shadow:0 0 20px #c9a54e26}.intro__mode-icon{font-size:24px}.intro__mode-label{font-family:Georgia,serif;font-size:15px;font-weight:600}.intro__mode-desc{opacity:.6;font-size:11px}.free-choice{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px;display:flex}.free-choice__title{color:#c9a54e;margin-bottom:8px;font-family:Georgia,serif;font-size:24px}.free-choice__hint{color:#c9a54e80;margin-bottom:20px;font-size:13px}.free-choice__selected{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1af2;border:1px solid #c9a54e33;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:24px;padding:16px;display:flex;position:sticky;top:0}.free-choice__selected-cards{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;padding:4px;display:flex;overflow-x:auto}.free-choice__selected-item{cursor:pointer;opacity:.9;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:relative}.free-choice__selected-item:hover{opacity:.6}.free-choice__selected-num{color:#0a0a1a;z-index:2;background:#c9a54e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;left:-6px}.free-choice__selected-name{color:#c9a54e99;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:10px;overflow:hidden}.free-choice__grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));justify-items:center;gap:10px;width:100%;display:grid}.free-choice__card{transition:transform .2s}.free-choice__card--selected{filter:drop-shadow(0 0 12px #c9a54e66);transform:translateY(-8px)}@media (width<=600px){.free-choice__grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.intro__modes{flex-direction:column}}