html{background-color:#1e1e1e;overflow:hidden;height:100%}body{margin:0;font-family:DM Sans,Inter,sans-serif;background:#1e1e1e;color:#f8f1e2;height:100%;overscroll-behavior:none;overflow:hidden}#root{height:100%}.app-shell{height:100dvh;display:flex;justify-content:center;background:radial-gradient(circle at top,rgba(255,181,89,.08),transparent 30%),#121212}.app-frame{width:min(100vw,430px);height:100dvh;position:relative;overflow:hidden;background:#1e1e1e}@media(min-width:768px){.app-shell{padding:24px;align-items:center}.app-frame{width:393px;height:min(852px,calc(100dvh - 48px));border-radius:28px;box-shadow:0 28px 90px #00000073;border:1px solid rgba(248,241,226,.08)}}.ellall-ambient-light{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.ellall-ambient-light__glow{position:absolute;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 76%,rgba(0,0,0,.7) 88%,transparent 99%);mask-image:radial-gradient(ellipse at center,#000 0%,#000 76%,rgba(0,0,0,.7) 88%,transparent 99%);will-change:transform,opacity}.ellall-ambient-light__glow--blue{width:min(650px,165vw);height:min(650px,165vw);right:-150px;bottom:92px;margin-bottom:-325px;border-radius:9999px;background:radial-gradient(closest-side,#8fd1ecd1,#8fd1ec85 38%,#8fd1ec2e 68%,#8fd1ec00);opacity:.7;animation:ellallAmbientDriftA 13s ease-in-out infinite alternate,ellallAmbientBreatheA 5.8s ease-in-out infinite both}.ellall-ambient-light__glow--red{width:min(520px,132vw);height:min(520px,132vw);left:50%;top:44%;opacity:.68;margin-left:-260px;margin-top:-260px;border-radius:9999px;background:radial-gradient(closest-side,#ff603ec2,#ff603e75 42%,#ff603e24 72%,#ff603e00);animation:ellallAmbientDriftB 16s ease-in-out infinite alternate,ellallAmbientBreatheB 6.8s ease-in-out infinite both}.ellall-ambient-light__glow--yellow{width:min(700px,178vw);height:min(700px,178vw);left:50%;top:38%;opacity:.72;margin-left:-130px;margin-top:-250px;border-radius:9999px;background:radial-gradient(closest-side,#ffbe4ed6,#ffbe4e7a 42%,#ffbe4e24 70%,#ffbe4e00);animation:ellallAmbientDriftYellow 15s ease-in-out infinite alternate,ellallAmbientBreatheYellow 6.2s ease-in-out infinite both}.ellall-ambient-light__glow--coral{width:min(470px,120vw);height:min(470px,120vw);left:50%;top:10%;opacity:.52;margin-left:-310px;margin-top:-96px;border-radius:9999px;background:radial-gradient(closest-side,#ff6b48a3,#ff6b4861 44%,#ff6b481f,#ff6b4800);animation:ellallAmbientDriftC 18s ease-in-out infinite alternate,ellallAmbientBreatheC 7.4s ease-in-out infinite both}.ellall-ambient-light--draw-1 .ellall-ambient-light__glow{animation-duration:11s,4.8s}.ellall-ambient-light--draw-2 .ellall-ambient-light__glow{animation-duration:8s,3.45s}.ellall-ambient-light--draw-3 .ellall-ambient-light__glow{animation-duration:5.8s,2.25s}.ellall-ambient-light--patterns-top .ellall-ambient-light__glow--blue{width:min(560px,142vw);right:-190px;bottom:auto;top:132px;opacity:.46}.ellall-ambient-light--patterns-top .ellall-ambient-light__glow--red{width:min(430px,110vw);height:min(430px,110vw);left:50%;top:82px;margin-left:-270px;margin-top:-210px;opacity:.42}.ellall-ambient-light--patterns-top .ellall-ambient-light__glow--yellow{width:min(520px,132vw);height:min(520px,132vw);left:50%;top:62px;margin-left:-80px;margin-top:-160px;opacity:.44}.ellall-ambient-light--patterns-top .ellall-ambient-light__glow--coral{width:min(360px,92vw);height:min(360px,92vw);left:50%;top:-18px;margin-left:-230px;margin-top:-120px;opacity:.28}@keyframes ellallAmbientDriftA{0%{transform:translate3d(-3%,-2%,0) scale(.96)}to{transform:translate3d(8%,5%,0) scale(1.08)}}@keyframes ellallAmbientDriftYellow{0%{transform:translate3d(-5%,4%,0) scale(.98)}to{transform:translate3d(7%,-3%,0) scale(1.07)}}@keyframes ellallAmbientDriftB{0%{transform:translate3d(5%,-4%,0) scale(1.02)}to{transform:translate3d(-7%,6%,0) scale(.94)}}@keyframes ellallAmbientDriftRight{0%{transform:translate3d(4%,-3%,0) scale(.96)}to{transform:translate3d(-8%,6%,0) scale(1.08)}}@keyframes ellallAmbientDriftC{0%{transform:translate3d(-4%,5%,0) scale(1)}to{transform:translate3d(7%,-4%,0) scale(1.1)}}@keyframes ellallAmbientBreatheA{0%,to{opacity:.68}48%{opacity:1}64%{opacity:.86}}@keyframes ellallAmbientBreatheYellow{0%,to{opacity:.66}50%{opacity:1}}@keyframes ellallAmbientBreatheB{0%,to{opacity:.62}50%{opacity:.98}}@keyframes ellallAmbientBreatheRight{0%,to{opacity:.54}48%{opacity:.98}68%{opacity:.72}}@keyframes ellallAmbientBreatheC{0%,to{opacity:.62}52%{opacity:.96}}.font-mystic{font-family:Cinzel,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.object-cover{object-fit:fill!important}@keyframes shuffle{0%{transform:translate(0) translateZ(0) rotate(0);z-index:10}25%{transform:translate(-60px) translateZ(50px) rotate(-15deg);z-index:50}50%{transform:translate(0) translateZ(100px) rotate(0);z-index:100}75%{transform:translate(60px) translateZ(50px) rotate(-15deg);z-index:50}to{transform:translate(0) translateZ(0) rotate(0);z-index:10}}@media(min-width:640px){@keyframes shuffle{0%{transform:translate(0) translateZ(0) rotate(0);z-index:10}25%{transform:translate(-150px) translateZ(50px) rotate(-15deg);z-index:50}50%{transform:translate(0) translateZ(100px) rotate(0);z-index:100}75%{transform:translate(150px) translateZ(50px) rotate(-15deg);z-index:50}to{transform:translate(0) translateZ(0) rotate(0);z-index:10}}}.animate-shuffle{animation:shuffle ease-in-out infinite}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.preserve-3d{transform-style:preserve-3d}.rotate-y-180{transform:rotateY(180deg)}.tarot-auth-page{position:relative;overflow:hidden;perspective:1000px;isolation:isolate;background:#1e1e1e;animation:authPageIn .7s ease-out both}.tarot-auth-page:before,.tarot-auth-page:after{content:"";position:absolute;pointer-events:none;border-radius:9999px;filter:blur(60px)}.tarot-auth-page:before{width:360px;height:360px;right:-110px;top:40px;background:#8fd1ec33;animation:auraShift 11s ease-in-out infinite alternate;z-index:1}.tarot-auth-page:after{width:340px;height:340px;left:-120px;bottom:70px;background:#ff845c38;animation:auraShift 14s ease-in-out infinite alternate-reverse;z-index:1}.tarot-auth-scene{position:relative;perspective:1400px;z-index:3}.tarot-auth-rotator{position:relative;min-height:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transform:rotateY(0)}.tarot-auth-rotator.is-entering{animation:authPortalClose .65s cubic-bezier(.4,0,.2,1) both}.tarot-auth-rotator.is-turning{animation:cardFlipTurn .56s cubic-bezier(.22,.86,.19,1) both}.tarot-auth-card{position:relative;overflow:hidden;width:100%;min-height:560px;height:auto;color:#f8f1e2;background:#090909b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 70px #00000057,inset 0 0 0 1px #f8f1e20f;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border:1px solid rgba(248,241,226,.18);animation:authPanelIn .55s cubic-bezier(.2,.9,.2,1) both}.tarot-auth-content{position:relative;z-index:2}.tarot-auth-glow{position:absolute;inset:-30% 0 auto;height:60%;background:radial-gradient(circle,rgba(255,180,87,.28) 0%,transparent 66%);pointer-events:none;animation:glowPulse 5s ease-in-out infinite}.tarot-auth-shine{position:absolute;top:-60%;left:-20%;width:70%;height:220%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(248,241,226,.16),transparent);animation:cardShine 8s ease-in-out infinite;pointer-events:none}.tarot-sigil{display:none}.tarot-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 8% 12%,rgba(248,241,226,.24) 1px,transparent 2px),radial-gradient(circle at 24% 72%,rgba(248,241,226,.2) 1px,transparent 2px),radial-gradient(circle at 63% 22%,rgba(248,241,226,.2) 1px,transparent 2px),radial-gradient(circle at 82% 66%,rgba(248,241,226,.24) 1px,transparent 2px),radial-gradient(circle at 48% 88%,rgba(248,241,226,.16) 1px,transparent 2px);animation:starsDrift 24s linear infinite;z-index:2}.login-stellar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .22s ease;z-index:20;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 32%),radial-gradient(circle at 50% 50%,rgba(14,16,29,.55),rgba(14,16,29,.12) 50%,transparent 80%)}.spread-transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18}.spread-card{position:absolute;left:50%;top:50%;width:110px;height:170px;border-radius:12px;border:1px solid rgba(248,222,160,.35);box-shadow:0 0 25px #fde1a540,inset 0 0 35px #ffffff14;opacity:0;transform:translate(-50%,-50%) scale(.7);background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.16),transparent 55%),repeating-linear-gradient(45deg,#ffffff0a 0,#ffffff0a 3px,#f2dca70a 3px,#f2dca70a 6px)}.spread-card-a{--spread-r: -18deg;--spread-x: -180px;--spread-y: -10px;--spread-d: .02s}.spread-card-b{--spread-r: 0deg;--spread-x: 0px;--spread-y: -26px;--spread-d: .1s}.spread-card-c{--spread-r: 18deg;--spread-x: 180px;--spread-y: -10px;--spread-d: .18s}.star-particle{position:absolute;left:50%;top:50%;width:var(--sz);height:var(--sz);border-radius:9999px;opacity:0;background:radial-gradient(circle,var(--star) 0%,color-mix(in srgb,var(--star),#f4d694 50%) 65%,transparent 100%);box-shadow:0 0 12px color-mix(in srgb,var(--star),#fff 50%),0 0 22px color-mix(in srgb,var(--star),#ffd790 65%);transform:translate(-50%,-50%) scale(.25)}.stellar-transition .login-stellar-overlay{opacity:1;animation:nebulaFlash 1.05s ease-out forwards}.stellar-transition .star-particle{animation:starBurst var(--dur) cubic-bezier(.15,.72,.2,1) forwards;animation-delay:var(--d)}.stellar-transition .tarot-auth-card{animation:stellarCardCollapse .9s cubic-bezier(.35,.1,.2,1) forwards}.stellar-transition .spread-card{animation:spreadReveal 1.05s cubic-bezier(.2,.86,.2,1) forwards;animation-delay:var(--spread-d)}.stellar-transition .tarot-sigil,.stellar-transition .tarot-stars{animation-duration:1.2s!important;opacity:0;transition:opacity .7s ease}.suit-input-wrap{position:relative}.suit-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#f8f1e285;text-shadow:0 0 8px rgba(244,215,153,.38);pointer-events:none;transition:all .18s ease}.suit-input-field{padding-left:38px}.suit-input-wrap:focus-within .suit-icon{color:#f8f1e2f2;text-shadow:0 0 12px rgba(255,219,143,.72);transform:translateY(-50%) scale(1.08)}.tarot-primary-btn{position:relative;overflow:hidden;background:#f5ecd8;color:#0d0d0d!important;box-shadow:0 10px 30px #00000057}.tarot-primary-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-140%);animation:buttonSweep 4.5s ease-in-out infinite}@keyframes buttonSweep{0%,72%{transform:translate(-140%)}to{transform:translate(160%)}}@keyframes authPageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFlipTurn{0%{transform:rotateY(0) scale(1)}49%{transform:perspective(1400px) rotateY(88deg) scale(.96)}51%{transform:perspective(1400px) rotateY(-88deg) scale(.96)}to{transform:rotateY(0) scale(1)}}@keyframes authPanelIn{0%{opacity:0;filter:blur(1px)}to{opacity:1;filter:blur(0)}}@keyframes authPortalClose{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:0;transform:scale(.95) translateY(-12px);filter:blur(2px)}}@keyframes glowPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.75;transform:translateY(10px)}}@keyframes auraShift{0%{transform:translateZ(0) scale(1);opacity:.4}to{transform:translate3d(0,20px,0) scale(1.08);opacity:.9}}@keyframes cardShine{0%,70%{transform:translate(-120%) rotate(22deg);opacity:0}80%{opacity:1}to{transform:translate(220%) rotate(22deg);opacity:0}}@keyframes sigilSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.03)}}@keyframes starsDrift{0%{transform:translateY(0);opacity:.9}50%{opacity:.6}to{transform:translateY(-20px);opacity:.9}}@keyframes starBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(2.2)}}@keyframes stellarCardCollapse{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}40%{opacity:.85;transform:translateY(-4px) scale(1.015);filter:blur(.4px)}to{opacity:0;transform:translateY(-36px) scale(.92);filter:blur(8px)}}@keyframes nebulaFlash{0%{filter:blur(0);transform:scale(1)}55%{filter:blur(.4px);transform:scale(1.03)}to{filter:blur(0);transform:scale(1.12);opacity:0}}@keyframes spreadReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(0)}28%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--spread-r))}62%{opacity:.95;transform:translate(calc(-50% + calc(var(--spread-x) * .32)),calc(-50% + calc(var(--spread-y) * .32))) scale(1.03) rotate(var(--spread-r))}to{opacity:0;transform:translate(calc(-50% + var(--spread-x)),calc(-50% + var(--spread-y))) scale(.88) rotate(var(--spread-r))}}.auth-shell-enter{animation:authShell .28s ease-out both}.app-shell-enter{animation:appShell .5s ease-out both}.signout-stellar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:90;background:radial-gradient(circle at var(--collapse-x, 50%) var(--collapse-y, 50%),rgba(255,255,255,.22),transparent 32%),radial-gradient(circle at var(--collapse-x, 50%) var(--collapse-y, 50%),rgba(14,16,29,.55),rgba(14,16,29,.12) 50%,transparent 80%)}.star-particle-in{position:fixed;left:var(--collapse-x, 50%);top:var(--collapse-y, 50%);width:var(--sz);height:var(--sz);border-radius:9999px;opacity:0;background:radial-gradient(circle,var(--star) 0%,color-mix(in srgb,var(--star),#f4d694 50%) 65%,transparent 100%);box-shadow:0 0 12px color-mix(in srgb,var(--star),#fff 50%),0 0 22px color-mix(in srgb,var(--star),#ffd790 65%);transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(2.2);pointer-events:none}.sanctum-signout-transition .signout-stellar-overlay{opacity:1;animation:signoutNebula 1.05s ease-in forwards}.sanctum-signout-transition .star-particle-in{animation:starCollapse var(--dur) cubic-bezier(.15,.72,.2,1) forwards;animation-delay:var(--d)}@keyframes authShell{0%{opacity:0}to{opacity:1}}@keyframes appShell{0%{opacity:0}to{opacity:1}}@keyframes starCollapse{0%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(2.2)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}@keyframes signoutNebula{0%{filter:blur(0);transform:scale(1.12);opacity:0}45%{filter:blur(.4px);transform:scale(1.03);opacity:1}to{filter:blur(0);transform:scale(1);opacity:0}}