.app{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;display:flex;justify-content:center;align-items:center}.stars{position:absolute;width:100%;height:100%;top:0;left:0}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}.content{text-align:center;z-index:10;animation:fadeIn 1.5s ease-out;padding:2rem}.logo{margin-bottom:2rem}.mystical-circle{width:180px;height:180px;margin:0 auto;position:relative;border:3px solid goldenrod;border-radius:50%;box-shadow:0 0 20px #daa52080,0 0 40px #daa5204d,inset 0 0 20px #daa52033;animation:rotate 20s linear infinite}.inner-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:2px solid rgba(218,165,32,.5);border-radius:50%;animation:rotate 15s linear infinite reverse}.moon-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#daa520;animation:float 3s ease-in-out infinite;text-shadow:0 0 10px rgba(218,165,32,.8)}.title{font-size:5rem;color:khaki;margin:1rem 0;font-family:Cinzel Decorative,cursive;font-weight:700;letter-spacing:.5rem;animation:glow 3s ease-in-out infinite}.subtitle{font-size:1.5rem;color:#daa520;margin-bottom:3rem;font-family:Georgia,serif;font-style:italic;opacity:.9;letter-spacing:.1rem}.navigation-buttons{display:flex;justify-content:center;gap:3rem;margin-top:4rem;flex-wrap:wrap}.nav-button{background:#0f0c2999;border:2px solid #daa520;border-radius:15px;padding:2rem 2.5rem;width:280px;text-decoration:none;color:khaki;transition:all .4s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #daa52033}.nav-button:hover{transform:translateY(-10px);box-shadow:0 0 40px #daa52080,0 10px 30px #0000004d;background:#0f0c29cc;border-color:khaki}.button-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(218,165,32,.5))}.nav-button h3{font-size:1.5rem;color:khaki;margin:1rem 0 .5rem;font-family:Georgia,serif;font-weight:400;letter-spacing:.1rem}.nav-button p{font-size:1rem;color:#daa520;margin:0;font-family:Georgia,serif;font-style:italic;opacity:.8}@media(max-width:768px){.title{font-size:3rem}.subtitle{font-size:1.2rem}.mystical-circle{width:120px;height:120px}.inner-circle{width:90px;height:90px}.moon-symbol{font-size:2.5rem}.navigation-buttons{flex-direction:column;gap:2rem;align-items:center}.nav-button{width:100%;max-width:300px}}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:1rem 2rem;background:#0f0c29e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(218,165,32,.2);z-index:1000}.nav-home{display:flex;align-items:center;justify-content:center;padding:.3rem .6rem;color:#daa520;text-decoration:none;transition:all .3s ease;border-radius:8px;margin-right:.5rem}.nav-home:hover{color:khaki;background:#daa5201a;transform:scale(1.1)}.nav-home-icon{font-family:Cinzel Decorative,cursive;font-size:1.4rem;font-weight:700;text-shadow:0 0 10px rgba(218,165,32,.3)}.nav-title{font-size:1.2rem;color:khaki;font-family:Georgia,serif;font-weight:400;letter-spacing:.1rem;opacity:.9;margin:0}.focus-selector{margin:0 auto 1rem;padding:.5rem;transition:opacity .5s ease,transform .5s ease;animation:fadeIn .6s ease-out}.focus-selector.hidden{opacity:0;transform:translateY(-20px);pointer-events:none;height:0;padding:0;margin:0;overflow:hidden}.focus-title{display:none}.focus-options{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.focus-option{cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:0;padding:0;background:transparent;border:none;border-radius:50%;transition:all .3s ease;position:relative;width:32px;height:32px;justify-content:center}@media(hover:hover)and (pointer:fine){.focus-option:hover{gap:.4rem;width:auto;padding:0 .6rem;border-radius:16px;background:#daa5200d}}.focus-option.selected{background:#daa5201a;border-radius:16px;width:auto;padding:0 .6rem;gap:.4rem}.focus-option.selected .focus-icon{color:#daa520}.focus-option.selected .focus-label{opacity:1;max-width:100px;color:#daa520}.focus-option input[type=radio]{display:none}.focus-icon{font-size:1.2rem;color:#daa52066;text-shadow:none;transition:all .3s ease;flex-shrink:0}.focus-label{font-family:Georgia,serif;color:#daa52099;font-size:.75rem;letter-spacing:.02rem;text-shadow:none;transition:all .3s ease;opacity:0;max-width:0;overflow:hidden;white-space:nowrap}@media(hover:hover)and (pointer:fine){.focus-option:hover .focus-label{opacity:1;max-width:100px}}.card-deck{display:flex;justify-content:center;align-items:center;padding:2rem 0;perspective:1000px;position:relative;height:250px;transition:transform 1s ease-in-out,opacity .8s ease-in-out .5s,height .6s ease-in-out .8s,padding .6s ease-in-out .8s;opacity:1}.card-deck.collapsed{justify-content:center;transform:translate(-150%);height:0;padding:0;margin:0;overflow:hidden;opacity:0}.tarot-card{width:120px;height:200px;cursor:pointer;transition:all 1.5s ease;animation:cardAppear .6s ease-out backwards;transform-style:preserve-3d;margin-left:-95px;position:relative;transform:translateY(var(--card-offset-y, 0)) rotate(var(--card-rotation, 0deg))}.card-deck.collapsed .tarot-card{margin-left:-118px;transform:translateY(0) rotate(0)}.tarot-card:first-child,.card-deck.collapsed .tarot-card:first-child{margin-left:0}.tarot-card:hover{z-index:100}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) rotateX(-15deg)}to{opacity:1;transform:translateY(var(--card-offset-y, 0)) rotate(var(--card-rotation, 0deg))}}@media(hover:hover)and (pointer:fine){.tarot-card:hover{transform:translateY(-20px) scale(1.15) rotate(var(--card-rotation, 0deg));z-index:100;animation:cardAppear .6s ease-out backwards,cardPulsate 2s ease-in-out infinite}}.card-deck.collapsed .tarot-card{cursor:default;pointer-events:none}@media(hover:hover)and (pointer:fine){.card-deck.collapsed .tarot-card:hover{transform:translateY(0) rotate(0) scale(1);z-index:auto;animation:none}}.tarot-card.selected{transform:translateY(-30px) scale(1.2) rotate(0);z-index:101}@keyframes cardPulsate{0%,to{transform:translateY(-20px) scale(1.15) rotate(var(--card-rotation, 0deg))}50%{transform:translateY(-20px) scale(1.19) rotate(var(--card-rotation, 0deg))}}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:3px solid #daa520;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080;transition:all .4s ease;position:relative;overflow:hidden}@media(hover:hover)and (pointer:fine){.tarot-card:hover .card-back{box-shadow:0 15px 40px #0009;border-color:#daa520}}.tarot-card.selected .card-back{box-shadow:0 20px 50px #000000b3,0 0 40px #daa52099,inset 0 0 30px #daa52033;border-color:khaki;background:linear-gradient(135deg,#1a1a2e,#1e3a5f,#0f3460)}.card-back:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(218,165,32,.1),transparent);transform:rotate(45deg);transition:all .6s ease}@keyframes shimmer{0%,30%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}35%{opacity:1}65%{opacity:1}70%,to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.card-pattern{position:relative;width:80%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.celestial-symbol,.moon-phase,.star-accent{color:#daa520;font-size:1.6rem;text-shadow:0 0 10px rgba(218,165,32,.5);transition:all .3s ease}@media(hover:hover)and (pointer:fine){.tarot-card:hover .celestial-symbol,.tarot-card:hover .moon-phase,.tarot-card:hover .star-accent{color:khaki;text-shadow:0 0 20px rgba(218,165,32,.8);transform:scale(1.1)}}.celestial-symbol{animation:rotate 60s linear infinite;opacity:1}.moon-phase{font-size:2.4rem;animation:pulse 10s ease-in-out infinite}.star-accent{animation:twinkle 8s ease-in-out infinite;opacity:.3}.tarot-card.invert-stars .celestial-symbol{opacity:.3}.tarot-card.invert-stars .star-accent{opacity:1}.card-hidden{opacity:0;pointer-events:none;transform:scale(0)!important}.selected-cards-area{position:relative;width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;margin:3rem auto;z-index:5}.selected-cards-container{display:flex;gap:2rem;justify-content:center;align-items:center}.card-slot-placeholder{width:120px;height:200px;opacity:0}.card-wrapper{perspective:1000px;-webkit-perspective:1000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.selected-card{transform:translateY(0) rotate(var(--selected-rotation, 0deg))!important;animation:cardDrop .6s ease-out backwards;cursor:pointer;margin-left:0!important;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.selected-card .card-back{transition:none}@media(hover:hover)and (pointer:fine){.selected-card:hover{transform:translateY(0) rotate(var(--selected-rotation, 0deg))!important;animation:none!important;z-index:auto}.selected-card:hover .card-back{box-shadow:0 10px 30px #00000080;border-color:#daa520}.selected-card:hover .celestial-symbol,.selected-card:hover .moon-phase,.selected-card:hover .star-accent{color:#daa520;text-shadow:0 0 10px rgba(218,165,32,.5);transform:scale(1)}}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s;-webkit-transition:-webkit-transform .6s;transform:rotateY(0) translateZ(0);-webkit-transform:rotateY(0deg) translate3d(0,0,0)}.card-inner.flipped{transform:rotateY(180deg) translateZ(0);-webkit-transform:rotateY(180deg) translate3d(0,0,0)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.card-front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:3px solid #daa520;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{z-index:1;transform:rotateY(0);-webkit-transform:rotateY(0deg)}.card-front img{width:100%;height:100%;object-fit:cover;display:block}.card-front.reversed img{transform:rotate(180deg)}.card-name-label{text-align:center;margin-top:.8rem;font-family:Cinzel Decorative,cursive;color:khaki;font-size:.9rem;text-shadow:0 0 10px rgba(218,165,32,.5);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.card-wrapper.flipped .card-name-label{opacity:1;transform:translateY(0);animation:textAppear .6s ease-out .3s backwards}.card-orientation-label{text-align:center;font-family:Cinzel Decorative,cursive;color:khaki;font-size:.9rem;margin-top:.3rem;text-shadow:0 0 10px rgba(218,165,32,.5);opacity:0;transform:translateY(10px)}.card-wrapper.flipped .card-orientation-label{animation:textAppear .6s ease-out .4s forwards}@keyframes textAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardDrop{0%{opacity:1;transform:translateY(-350px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.tarot-card.has-shine .card-back:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:none}@media(hover:hover)and (pointer:fine){.tarot-card.has-shine:hover .card-back:after{animation:shine .8s ease-out}}@keyframes shine{0%{left:-100%}to{left:100%}}.zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29fa,#302b63fa,#24243efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer;animation:fadeIn .3s ease-out}.zoom-close-button{position:absolute;top:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #daa520;color:khaki;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 15px #0000004d;z-index:2001}@media(hover:hover)and (pointer:fine){.zoom-close-button:hover{border-color:khaki;box-shadow:0 5px 20px #daa52080;transform:scale(1.1);color:#fff}}.zoom-content{display:flex;gap:3rem;align-items:center;max-width:90vw;animation:zoomIn .4s ease-out;padding:2rem}.zoom-card-image img{max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 20px 60px #000c;border:4px solid #daa520}.zoom-card-image img.reversed{transform:rotate(180deg)}.zoom-card-details{display:flex;flex-direction:column;gap:2rem;max-width:500px}.zoom-card-header{text-align:center;padding-bottom:1rem;border-bottom:2px solid rgba(218,165,32,.3)}.zoom-card-name{font-family:Cinzel Decorative,cursive;color:khaki;font-size:2rem;text-shadow:0 0 20px rgba(218,165,32,.8);margin-bottom:.5rem}.zoom-card-orientation{font-family:Cinzel Decorative,cursive;color:#daa520;font-size:1.2rem;text-shadow:0 0 15px rgba(218,165,32,.6)}.zoom-card-meaning,.zoom-card-symbols{display:flex;flex-direction:column;gap:.8rem}.zoom-section-title{font-family:Cinzel Decorative,cursive;color:#daa520;font-size:1.1rem;text-align:center;text-shadow:0 0 15px rgba(218,165,32,.5);letter-spacing:.1rem}.zoom-section-content{font-family:Georgia,serif;color:khaki;font-size:1rem;line-height:1.6;text-align:justify;padding:1rem;background:#1a1a2e66;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.symbols-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.symbols-list li{background:#daa52033;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(218,165,32,.3);font-size:.9rem;color:#daa520;text-shadow:0 0 10px rgba(218,165,32,.5)}.reading-section{position:relative;width:100%;max-width:900px;padding:0 1rem;margin:2rem auto;z-index:10}.zoom-content::-webkit-scrollbar{width:8px}.zoom-content::-webkit-scrollbar-track{background:#0f0c294d;border-radius:10px}.zoom-content::-webkit-scrollbar-thumb{background:#daa5204d;border-radius:10px;transition:background .3s ease}.zoom-content::-webkit-scrollbar-thumb:hover{background:#daa52080}.zoom-content{scrollbar-width:thin;scrollbar-color:rgba(218,165,32,.3) rgba(15,12,41,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reading-chapters{display:flex;flex-direction:column;gap:1rem}.reading-chapter{background:transparent;padding:1rem 1.5rem 1.5rem;transition:all .3s ease;animation:chapterAppear .6s ease-out backwards;position:relative;cursor:pointer}.reading-chapter:nth-child(1){animation-delay:.1s}.reading-chapter:nth-child(2){animation-delay:.2s}.reading-chapter:nth-child(3){animation-delay:.3s}.reading-chapter:nth-child(4){animation-delay:.4s}@keyframes chapterAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.reading-chapter:hover .chapter-title{color:khaki;text-shadow:0 0 20px rgba(218,165,32,.8)}}.chapter-title{font-family:Cinzel Decorative,cursive;font-size:1.1rem;color:#daa520;margin-bottom:.7rem;text-align:left;text-shadow:0 0 15px rgba(218,165,32,.6);letter-spacing:.05rem}.chapter-content{font-family:Georgia,serif;font-size:.95rem;color:khaki;line-height:1.6;text-align:justify;margin:0;text-shadow:0 0 5px rgba(240,230,140,.2)}.focus-selector-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;animation:fadeIn .8s ease-out}.focus-prompt{font-family:Cinzel Decorative,cursive;font-size:2rem;color:khaki;margin-bottom:3rem;text-shadow:0 0 20px rgba(218,165,32,.6);letter-spacing:.1rem;animation:fadeInDown .8s ease-out}.focus-options-large{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.focus-option-large{background:linear-gradient(135deg,#1a1a2e66,#16213e66,#0f346066);border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:2rem 2.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInUp .8s ease-out backwards;width:160px;min-height:140px}.focus-option-large:nth-child(1){animation-delay:.2s}.focus-option-large:nth-child(2){animation-delay:.3s}.focus-option-large:nth-child(3){animation-delay:.4s}.focus-option-large:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(218,165,32,.1),transparent);opacity:0;transition:opacity .4s ease}@media(hover:hover)and (pointer:fine){.focus-option-large:hover{border-color:#daa52066;box-shadow:0 8px 20px #0000004d,0 0 20px #daa5201a;transform:translateY(-4px)}.focus-option-large:hover:before{opacity:1}}.focus-option-large.selected{border-color:#daa52080;background:linear-gradient(135deg,#1a1a2e99,#1e3a5f99,#0f346099);box-shadow:0 10px 25px #0006,0 0 30px #daa52033,inset 0 0 20px #daa5201a}.focus-icon-large{font-size:2.5rem;color:#daa52099;text-shadow:0 0 10px rgba(218,165,32,.2);transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(218,165,32,.2))}@media(hover:hover)and (pointer:fine){.focus-option-large:hover .focus-icon-large{color:#daa520cc;text-shadow:0 0 15px rgba(218,165,32,.4);transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(218,165,32,.3))}}.focus-option-large.selected .focus-icon-large{color:#daa520;text-shadow:0 0 20px rgba(218,165,32,.5);filter:drop-shadow(0 0 15px rgba(218,165,32,.4))}.focus-label-large{font-family:Cinzel Decorative,cursive;font-size:1rem;color:#f0e68cb3;letter-spacing:.05rem;text-shadow:0 0 5px rgba(218,165,32,.2);transition:all .3s ease}@media(hover:hover)and (pointer:fine){.focus-option-large:hover .focus-label-large{color:#f0e68ce6;text-shadow:0 0 10px rgba(218,165,32,.3)}}.focus-option-large.selected .focus-label-large{color:khaki;text-shadow:0 0 12px rgba(218,165,32,.4)}@media(max-width:768px){.focus-prompt{font-size:1.5rem;margin-bottom:2rem}.focus-options-large{gap:1.5rem}.focus-option-large{padding:1.5rem 2rem;width:140px;min-height:120px}.focus-icon-large{font-size:2rem}.focus-label-large{font-size:1rem}.focus-options{gap:.6rem}.focus-option{width:28px;height:28px}.focus-icon{font-size:1rem}.focus-label{font-size:.7rem}.selected-cards-container{gap:.5rem}.zoom-close-button{top:1rem;left:1rem;width:45px;height:45px;font-size:1.5rem}.zoom-content{flex-direction:column;gap:1rem;padding:1rem;max-height:90vh;overflow-y:auto}.zoom-card-image img{max-width:70vw;max-height:50vh}.zoom-card-details{max-width:80vw}.zoom-card-name{font-size:1.5rem}.zoom-card-orientation,.zoom-section-title{font-size:1rem}.zoom-section-content{font-size:.9rem;padding:.8rem}.reading-section{padding:0 .5rem;margin:1rem auto}.reading-chapter{padding:1rem}.chapter-title{font-size:1rem}.chapter-content{font-size:.9rem}.selected-cards-area{margin:2rem auto}}.page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;justify-content:center;align-items:flex-start;padding:5rem 2rem 2rem}.page-content{text-align:center;max-width:1200px;width:100%;position:relative}.page-title{font-size:4rem;color:khaki;margin:1rem 0;font-family:Cinzel Decorative,cursive;font-weight:700;letter-spacing:.3rem;text-shadow:0 0 20px rgba(218,165,32,.5)}.page-subtitle{font-size:1.5rem;color:#daa520;font-family:Georgia,serif;font-style:italic;opacity:.9;margin-bottom:3rem}.card-selector-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem auto 2rem;animation:fadeInDown .6s ease-out;position:relative}.card-selector-container.adding-card:before{content:"✦";position:absolute;top:-2rem;font-size:2rem;color:khaki;animation:mysticalPulse 1.5s ease-in-out infinite;text-shadow:0 0 20px rgba(218,165,32,.8)}@keyframes mysticalPulse{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.selector-label{font-family:Cinzel Decorative,cursive;color:khaki;font-size:1.2rem;text-shadow:0 0 15px rgba(218,165,32,.5);letter-spacing:.1rem}.card-selector{padding:.8rem 1.5rem;font-size:1rem;font-family:Georgia,serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:khaki;border:2px solid #daa520;border-radius:8px;cursor:pointer;min-width:300px;box-shadow:0 5px 15px #0000004d;transition:all .3s ease}.card-selector.pulse-glow{animation:pulseGlow 2s ease-in-out infinite;border-color:khaki}@keyframes pulseGlow{0%,to{box-shadow:0 5px 15px #0000004d,0 0 20px #daa52066}50%{box-shadow:0 5px 25px #0000004d,0 0 40px #daa520cc}}.card-selector:hover{border-color:khaki;box-shadow:0 5px 20px #daa52066}.card-selector:focus{outline:none;border-color:khaki;box-shadow:0 0 20px #daa52099}.card-selector option{background:#1a1a2e;color:khaki;padding:.5rem}.card-selector optgroup{background:#16213e;color:#daa520;font-weight:700;font-style:normal}@supports (-webkit-touch-callout: none){.card-selector optgroup{font-family:-apple-system,BlinkMacSystemFont,sans-serif}}.card-details-container{display:flex;flex-direction:column;align-items:center;margin:2rem auto;max-width:600px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.card-action-button{position:absolute;top:-15px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #daa520;color:khaki;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 15px #0000004d;z-index:10}.card-action-button:hover{border-color:khaki;box-shadow:0 5px 20px #daa52080;transform:scale(1.1);color:#fff}.clear-button{left:-20px;top:-15px}.reverse-button{left:-20px;top:35px}.add-button{left:-20px;top:85px}.add-button.active{background:linear-gradient(135deg,#daa520,khaki,#daa520);border-color:khaki;color:#1a1a2e;box-shadow:0 0 20px #f0e68ccc,0 0 30px #daa52099;transform:scale(1.1)}.add-button.active:hover{background:linear-gradient(135deg,khaki,#daa520,khaki);box-shadow:0 0 25px #f0e68ce6,0 0 35px #daa520b3}.card-image-display{display:flex;justify-content:center;align-items:center;cursor:pointer}.card-image-display:hover img{box-shadow:0 15px 40px #0009;border-color:khaki}.card-image-display img{max-width:300px;max-height:500px;border-radius:12px;box-shadow:0 10px 30px #00000080;border:3px solid #daa520;transition:all .6s ease}.expanded-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29fa,#302b63fa,#24243efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer;animation:fadeIn .3s ease-out}.expanded-close-button{position:absolute;top:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #daa520;color:khaki;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 5px 15px #0000004d;z-index:2001}.expanded-close-button:hover{border-color:khaki;box-shadow:0 5px 20px #daa52080;transform:scale(1.1);color:#fff}.expanded-image-container{display:flex;justify-content:center;align-items:center;max-width:600px;max-height:90vh;animation:zoomIn .4s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.expanded-image{width:100%;max-height:90vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px #000c;border:4px solid #daa520;transition:transform .6s ease}.card-name{font-family:Cinzel Decorative,cursive;color:khaki;font-size:1.8rem;text-shadow:0 0 20px rgba(218,165,32,.8);margin-bottom:.5rem;text-align:center;letter-spacing:.1rem}.card-orientation{font-family:Georgia,serif;color:#daa520;font-size:1rem;font-style:italic;text-align:center;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(218,165,32,.5)}.card-info{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}.category-buttons{display:flex;justify-content:center;gap:.8rem;margin-bottom:.5rem}.category-btn{padding:.6rem 1.2rem;font-family:Georgia,serif;font-size:.9rem;background:#1a1a2e66;color:#daa520;border:2px solid rgba(218,165,32,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0003}.category-btn:hover{border-color:#daa520;background:#daa52033;transform:translateY(-2px);box-shadow:0 5px 15px #daa5204d}.category-btn.active{background:linear-gradient(135deg,#daa520,khaki,#daa520);color:#1a1a2e;border-color:khaki;font-weight:700;box-shadow:0 5px 20px #daa52080;transform:translateY(-2px)}.category-btn.active:hover{background:linear-gradient(135deg,khaki,#daa520,khaki);box-shadow:0 5px 25px #f0e68c99}.card-meaning,.card-symbols{display:flex;flex-direction:column;gap:.8rem}.info-title{font-family:Cinzel Decorative,cursive;color:#daa520;font-size:1.1rem;text-align:center;text-shadow:0 0 15px rgba(218,165,32,.5);letter-spacing:.1rem}.info-content{font-family:Georgia,serif;color:khaki;font-size:1rem;line-height:1.6;text-align:justify;padding:1rem;background:#1a1a2e66;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.symbols-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.5rem}.symbol-tag{background:#daa52033;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(218,165,32,.3);font-family:Georgia,serif;font-size:.9rem;color:#daa520;text-shadow:0 0 10px rgba(218,165,32,.5)}.cards-display{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;margin:2rem auto;max-width:100%;animation:fadeIn .6s ease-out}.card-column{display:flex;flex-direction:column;align-items:center}.cards-display.two-cards{gap:0}.cards-display.two-cards .card-column{flex:1;max-width:400px}.cards-display.two-cards .card-image-display img{max-width:200px;max-height:350px}.cards-display.one-card .card-image-display img{max-width:300px;max-height:500px}.card-reading{width:100%;margin-top:1rem;padding:0 1rem}.card-comparison-reading{width:100%;max-width:800px;margin:2rem auto 0;padding:0 2rem;animation:fadeIn .6s ease-out}.reading-text{font-family:Georgia,serif;color:khaki;font-size:1rem;line-height:1.6;text-align:justify;padding:1rem;background:#1a1a2e66;border-radius:8px;border:1px solid rgba(218,165,32,.2)}@media(max-width:768px){.page{padding:6rem 1rem 2rem}.page-content{margin-top:1rem}.card-selector-container{margin:0 auto 2rem}.card-selector{min-width:250px;font-size:.9rem}.card-details-container{max-width:90vw}.cards-display{flex-direction:row;gap:1rem}.cards-display.two-cards .card-column{max-width:45%}.cards-display.two-cards .card-image-display img{max-width:150px;max-height:280px}.cards-display.one-card .card-image-display img{max-width:250px;max-height:400px}.card-action-button{width:35px;height:35px;font-size:1.3rem}.clear-button{left:-10px;top:-10px}.reverse-button{left:-10px;top:30px}.add-button{left:-10px;top:70px}.card-image-display img{max-width:250px;max-height:400px}.card-name{font-size:1.5rem}.card-orientation{font-size:.9rem}.info-title{font-size:1rem}.info-content{font-size:.9rem;padding:.8rem}.symbol-tag{font-size:.85rem;padding:.4rem .8rem}.reading-text{font-size:.9rem;padding:.8rem}.card-comparison-reading{padding:0 1rem;margin-top:1.5rem}.expanded-close-button{top:1rem;left:1rem;width:45px;height:45px;font-size:1.5rem}.expanded-image-container{max-width:95vw}.expanded-image{max-height:85vh}.category-buttons{gap:.5rem}.category-btn{padding:.5rem .9rem;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Georgia,serif}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(218,165,32,.5),0 0 20px rgba(218,165,32,.3),0 0 30px rgba(218,165,32,.2)}50%{text-shadow:0 0 20px rgba(218,165,32,.8),0 0 30px rgba(218,165,32,.6),0 0 40px rgba(218,165,32,.4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}