:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:auto}body{background:radial-gradient(ellipse at 20% 10%,rgba(162,155,254,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,118,117,.7) 0%,transparent 50%),radial-gradient(ellipse at 40% 90%,rgba(255,215,0,.6) 0%,transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(120,119,198,.7) 0%,transparent 50%),radial-gradient(ellipse at 10% 60%,rgba(255,105,180,.6) 0%,transparent 50%),radial-gradient(ellipse at 60% 20%,rgba(78,205,196,.5) 0%,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e 60%,#0f0f23);background-size:100% 80%,120% 90%,110% 70%,100% 80%,90% 60%,80% 50%,100% 100%;background-position:0% 0%,100% 0%,50% 100%,100% 70%,0% 60%,60% 20%,0% 0%;background-repeat:no-repeat}@media (max-width: 768px){body{background:radial-gradient(ellipse at 20% 10%,rgba(162,155,254,.8) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,118,117,.7) 0%,transparent 50%),radial-gradient(ellipse at 40% 90%,rgba(255,215,0,.6) 0%,transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(120,119,198,.7) 0%,transparent 50%),radial-gradient(ellipse at 10% 60%,rgba(255,105,180,.6) 0%,transparent 50%),radial-gradient(ellipse at 60% 20%,rgba(78,205,196,.5) 0%,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e 60%,#0f0f23);background-size:100% 80%,120% 90%,110% 70%,100% 80%,90% 60%,80% 50%,100% 100%;background-position:0% 0%,100% 0%,50% 100%,100% 70%,0% 60%,60% 20%,0% 0%;background-repeat:no-repeat}body:after{background-image:radial-gradient(2px 2px at 15% 25%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 85% 15%,rgba(255,215,0,.7),transparent),radial-gradient(1px 1px at 70% 80%,rgba(162,155,254,.6),transparent),radial-gradient(2px 2px at 25% 70%,rgba(255,118,117,.7),transparent),radial-gradient(1px 1px at 90% 50%,rgba(120,119,198,.6),transparent),radial-gradient(1px 1px at 10% 90%,rgba(78,205,196,.5),transparent),radial-gradient(1px 1px at 50% 10%,rgba(255,105,180,.6),transparent),radial-gradient(2px 2px at 30% 40%,rgba(255,255,255,.5),transparent);background-size:200px 150px,180px 120px,220px 160px,190px 140px,170px 110px,210px 170px,160px 100px,240px 180px;background-repeat:repeat;opacity:.7;animation:none!important}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,118,117,.3) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(162,155,254,.2) 0%,transparent 50%),radial-gradient(ellipse at 60% 30%,rgba(255,215,0,.15) 0%,transparent 40%),radial-gradient(ellipse at 10% 90%,rgba(255,105,180,.2) 0%,transparent 45%);pointer-events:none;z-index:-1;opacity:.8;animation:auroraShift 20s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(162,155,254,.5),transparent),radial-gradient(1px 1px at 160px 30px,rgba(120,119,198,.4),transparent);background-repeat:repeat;background-size:220px 120px;pointer-events:none;z-index:-1;opacity:.4;animation:particleGlow 15s ease-in-out infinite}@keyframes auroraShift{0%{filter:hue-rotate(0deg) brightness(1);opacity:.7}50%{filter:hue-rotate(180deg) brightness(1.1);opacity:.9}to{filter:hue-rotate(360deg) brightness(1);opacity:.7}}@keyframes particleGlow{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes gentleFloat{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}#root{min-height:100vh;width:100vw;max-width:100vw;overflow:auto;position:relative}.container{max-width:400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;filter:drop-shadow(0 0 20px rgba(162,155,254,.3));overflow:visible}.container:before{content:"";position:absolute;top:-50px;left:-50px;right:-50px;bottom:-50px;background:radial-gradient(circle,rgba(162,155,254,.1) 0%,transparent 70%);opacity:.5;pointer-events:none;z-index:-1}.cosmic-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#050514,#0f0f23f2,#191932e6,#232341d9,#141428e6 60%,#0a0a19f2,#05050f);will-change:transform}.aurora-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(162,155,254,.15) 25%,rgba(255,118,117,.1) 50%,rgba(255,215,0,.15) 75%,transparent 100%),linear-gradient(-45deg,transparent 0%,rgba(120,119,198,.1) 30%,rgba(162,155,254,.15) 70%,transparent 100%);filter:blur(1px);opacity:.6}.stars-field{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 20%,rgba(255,255,255,.6) 0%,transparent 50%),radial-gradient(1px 1px at 60% 10%,rgba(255,215,0,.5) 0%,transparent 50%),radial-gradient(2px 2px at 80% 30%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(1px 1px at 10% 70%,rgba(162,155,254,.5) 0%,transparent 50%),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.3) 0%,transparent 50%);background-size:300px 200px,250px 150px,350px 250px,200px 180px,280px 160px;opacity:.8}.cosmic-particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(162,155,254,.4) 1px,transparent 1px),radial-gradient(circle,rgba(255,215,0,.3) 1px,transparent 1px),radial-gradient(circle,rgba(255,118,117,.3) 1px,transparent 1px);background-size:100px 100px,150px 150px,120px 120px;background-position:0 0,30px 30px,60px 10px;opacity:.4}.nebula-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(ellipse 40% 30% at 20% 40%,rgba(162,155,254,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 30%,rgba(255,118,117,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 50% 70%,rgba(255,215,0,.05) 0%,transparent 60%);filter:blur(2px);opacity:.4}.screen{width:100%;max-width:380px;background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:50px 30px 40px;margin-top:50px;text-align:center;box-shadow:0 8px 32px #1f26875e,0 0 40px #a29bfe33,inset 0 0 60px #ffffff0d;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(162,155,254,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,118,117,.08) 0%,transparent 50%);opacity:.6;pointer-events:none;z-index:1}.back-button{position:absolute;top:15px;left:15px;background:#fff3;border:1px solid rgba(255,215,0,.5);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:gold;font-size:1.2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;box-shadow:0 4px 12px #0000004d}.back-button:hover{background:#ffd7004d;transform:scale(1.1)}.screen-enter{transform:translate(100%);opacity:0}.screen-enter-active{transform:translate(0);opacity:1;transition:transform .4s ease-out,opacity .4s ease-out}.screen-exit{transform:translate(0);opacity:1}.screen-exit-active{transform:translate(-100%);opacity:0;transition:transform .4s ease-in,opacity .4s ease-in}.screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffd7001a,#9370db1a,#ffd7001a);border-radius:20px;pointer-events:none}.title{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1rem;opacity:.8;margin-bottom:30px}.button{background:linear-gradient(45deg,gold,orange);border:none;border-radius:50px;padding:15px 30px;font-size:1.1rem;font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;margin:10px;position:relative;overflow:hidden;animation:buttonSlideIn .6s ease-out 2s both;box-shadow:0 4px 15px #ffd7004d,0 0 20px #a29bfe1a}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(162,155,254,.6),rgba(255,255,255,.8),rgba(255,118,117,.6),transparent);transition:left .6s ease;z-index:1}.button:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#a29bfe66,#ff767566,#7877c666,#ffd70066,#a29bfe66);border-radius:52px;animation:auroraShift 4s ease-in-out infinite;z-index:-1;opacity:.6;mask:radial-gradient(ellipse 85% 75% at center,transparent 25%,black 35%,black 90%,transparent 100%);-webkit-mask:radial-gradient(ellipse 85% 75% at center,transparent 25%,black 35%,black 90%,transparent 100%)}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button:hover:after{opacity:1;animation:auroraShift 2s ease-in-out infinite}.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a29bfe66,0 4px 15px #ff76754d,inset 0 1px #fff3}.button:hover:before{left:100%}.button:hover:after{opacity:1}.button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ffd70080,0 0 40px #a29bfe4d,0 0 60px #ff767533;filter:brightness(1.2)}.button:active{transform:translateY(0) scale(1.02);box-shadow:0 4px 15px #ffd70099,0 0 30px #a29bfe66}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-group{margin-bottom:30px}.input-group label{display:block;margin-bottom:10px;font-size:1.1rem;font-weight:500}.input-group input{width:100%;padding:15px;border:none;border-radius:15px;background:#ffffff1a;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group input::placeholder{color:#fff9}.fortune-card{background:#000c;border-radius:20px;padding:30px;margin:20px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,215,0,.3);animation:gentleFloat 3s ease-in-out infinite;position:relative;text-align:left;transform-origin:bottom left;box-shadow:0 8px 32px #0009,0 0 40px #a29bfe33,inset 0 0 60px #ffd7000d;overflow:hidden}.fortune-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:url(../spiral.png),conic-gradient(from 0deg,rgba(162,155,254,.6) 0deg,transparent 30deg,rgba(255,118,117,.4) 90deg,transparent 120deg,rgba(120,119,198,.5) 180deg,transparent 210deg,rgba(255,215,0,.4) 270deg,transparent 300deg,rgba(162,155,254,.6) 360deg),conic-gradient(from 45deg,transparent 0deg,rgba(162,155,254,.3) 45deg,transparent 75deg,rgba(255,118,117,.2) 135deg,transparent 165deg,rgba(120,119,198,.3) 225deg,transparent 255deg,rgba(255,215,0,.2) 315deg,transparent 345deg);background-size:cover,cover,cover;background-position:center,center,center;border-radius:50%;animation:auroraShift 6s ease-in-out infinite;z-index:-1;opacity:.6;mix-blend-mode:color-burn;filter:hue-rotate(0deg) saturate(1.5) brightness(1.2) contrast(1.3) drop-shadow(0 0 20px rgba(162,155,254,.4)) drop-shadow(0 0 40px rgba(255,118,117,.3)) drop-shadow(0 0 60px rgba(255,215,0,.2));mask:radial-gradient(circle at center,black 0%,black 70%,transparent 85%);-webkit-mask:radial-gradient(circle at center,black 0%,black 70%,transparent 85%)}.fortune-card:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background:radial-gradient(circle at 20% 30%,rgba(162,155,254,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,118,117,.08) 0%,transparent 50%);border-radius:15px;animation:particleGlow 4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes fortuneSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}50%{opacity:.5;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cosmicSwirl{0%{transform:rotate(0) scale(1);opacity:.4;filter:hue-rotate(0deg) saturate(1.5) brightness(1.2) contrast(1.3) drop-shadow(0 0 20px rgba(162,155,254,.4)) drop-shadow(0 0 40px rgba(255,118,117,.3)) drop-shadow(0 0 60px rgba(255,215,0,.2))}25%{transform:rotate(90deg) scale(1.05);opacity:.7;filter:hue-rotate(90deg) saturate(2) brightness(1.4) contrast(1.4) drop-shadow(0 0 25px rgba(255,118,117,.5)) drop-shadow(0 0 45px rgba(255,215,0,.4)) drop-shadow(0 0 65px rgba(162,155,254,.3))}50%{transform:rotate(180deg) scale(1);opacity:.8;filter:hue-rotate(180deg) saturate(1.8) brightness(1.5) contrast(1.5) drop-shadow(0 0 30px rgba(255,215,0,.6)) drop-shadow(0 0 50px rgba(162,155,254,.5)) drop-shadow(0 0 70px rgba(255,118,117,.4))}75%{transform:rotate(270deg) scale(.95);opacity:.6;filter:hue-rotate(270deg) saturate(1.6) brightness(1.3) contrast(1.3) drop-shadow(0 0 25px rgba(162,155,254,.5)) drop-shadow(0 0 45px rgba(255,118,117,.4)) drop-shadow(0 0 65px rgba(255,215,0,.3))}to{transform:rotate(360deg) scale(1);opacity:.4;filter:hue-rotate(360deg) saturate(1.5) brightness(1.2) contrast(1.3) drop-shadow(0 0 20px rgba(162,155,254,.4)) drop-shadow(0 0 40px rgba(255,118,117,.3)) drop-shadow(0 0 60px rgba(255,215,0,.2))}}@keyframes innerGlow{0%{opacity:.3;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}@keyframes bubbleAppear{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.fortune-card:after{content:"";position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid rgba(0,0,0,.8);animation:gentleFloat 2s ease-in-out infinite}.fortune-layout{display:flex;flex-direction:column;align-items:center;gap:20px}.zog-speaking{width:150px;height:150px;background-image:url(../ZIG_FINAL.png);background-size:80%;background-repeat:no-repeat;background-position:center;border-radius:50%;border:4px solid transparent;background-clip:padding-box;position:relative;animation:gentleFloat 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(255,215,0,.4));margin-bottom:10px;mix-blend-mode:color-burn}.zog-speaking:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:conic-gradient(from 0deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,gold 360deg);border-radius:50%;animation:auroraShift 5s ease-in-out infinite;z-index:1;opacity:.7;mix-blend-mode:color-burn;filter:brightness(.8) contrast(1.3) saturate(1.5)}@supports not (mix-blend-mode: color-burn){.zog-speaking:before{mix-blend-mode:normal;opacity:.4;filter:brightness(.6) contrast(1.5) saturate(2) hue-rotate(15deg);background:conic-gradient(from 0deg,#ffd700cc,#ff6b6bcc,#4ecdc4cc,#45b7d1cc,#96ceb4cc,#ffeaa7cc,#ffd700cc 360deg)}}@keyframes zogEntrance{0%{opacity:0;transform:scale(.5) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zogTalking{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.02)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-2px) scale(1.01)}}@keyframes fortuneGlow{0%{box-shadow:0 0 20px #ffd7004d}to{box-shadow:0 0 30px #ffd70080}}.fortune-text{font-size:1.2rem;line-height:1.6;margin-bottom:20px;font-style:italic;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(162,155,254,.3),0 0 20px rgba(255,215,0,.2);animation:gentleFloat 3s ease-in-out infinite;position:relative;z-index:2;background:linear-gradient(45deg,#fff,#a29bfee6,#fff,#ffd700e6,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fortuneTypeIn{0%{opacity:0;transform:translateY(10px)}50%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lucky-numbers{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0;animation:gentleFloat 2s ease-in-out infinite}@keyframes numbersSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lucky-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,gold,orange);display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;animation:particleGlow 3s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * .1s)}@keyframes numberPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes glow{0%{box-shadow:0 0 10px #ffd70080}to{box-shadow:0 0 20px #ffd700cc}}.loading{text-align:center;padding:40px}.loading-text{font-size:1.3rem;margin-top:20px;opacity:.8}.zodiac-info{background:#ffffff1a;border-radius:15px;padding:20px;margin:20px 0}.zodiac-sign{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:5px}.zodiac-dates{opacity:.8;font-size:.9rem}.lottie-container{width:200px;height:200px;margin:0 auto 20px}.zog-character{width:250px;height:250px;margin:0 auto 20px;background-image:url(../ZIG_FINAL.png);background-size:80%;background-repeat:no-repeat;background-position:center;border-radius:50%;border:6px solid transparent;background-clip:padding-box;position:relative;animation:gentleFloat 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(255,215,0,.3)) drop-shadow(0 0 40px rgba(162,155,254,.2)) drop-shadow(0 0 60px rgba(120,119,198,.1));transition:all .3s ease}.zog-character:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:conic-gradient(from 0deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,gold 360deg);border-radius:50%;animation:auroraShift 6s ease-in-out infinite;z-index:-1;opacity:.15;mix-blend-mode:color-burn}.zog-character:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background:conic-gradient(from 0deg,#ffd70099,#ff6b6b99,#4ecdc499,#45b7d199,#96ceb499,#ffeaa799,#ffd70099 360deg);border-radius:50%;animation:particleGlow 4s ease-in-out infinite;pointer-events:none;z-index:-1;opacity:.1;filter:blur(1px)}@keyframes zogFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes zogGlow{0%{filter:drop-shadow(0 10px 20px rgba(255,215,0,.3)) drop-shadow(0 0 40px rgba(162,155,254,.2)) drop-shadow(0 0 60px rgba(120,119,198,.1))}to{filter:drop-shadow(0 15px 30px rgba(255,215,0,.6)) drop-shadow(0 0 60px rgba(162,155,254,.4)) drop-shadow(0 0 80px rgba(120,119,198,.2))}}@keyframes colorfulRotate{0%{transform:rotate(0);filter:hue-rotate(0deg) saturate(1)}25%{filter:hue-rotate(90deg) saturate(1.2)}50%{filter:hue-rotate(180deg) saturate(1)}75%{filter:hue-rotate(270deg) saturate(1.2)}to{transform:rotate(360deg);filter:hue-rotate(360deg) saturate(1)}}@keyframes auraPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes particleOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zog-character.wink{animation:zogWink .5s ease-in-out}@keyframes zogWink{0%,to{filter:drop-shadow(0 10px 20px rgba(255,215,0,.3)) drop-shadow(0 0 40px rgba(162,155,254,.2))}50%{filter:drop-shadow(0 10px 20px rgba(255,215,0,.8)) drop-shadow(0 0 60px rgba(162,155,254,.6)) brightness(1.3)}}.zog-character.shake{animation:zogShake .6s ease-in-out,zogEnergyBurst .6s ease-in-out}@keyframes zogShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes zogEnergyBurst{0%{filter:drop-shadow(0 10px 20px rgba(255,215,0,.3)) drop-shadow(0 0 40px rgba(162,155,254,.2))}50%{filter:drop-shadow(0 15px 30px rgba(255,215,0,1)) drop-shadow(0 0 80px rgba(162,155,254,.8)) drop-shadow(0 0 120px rgba(255,118,117,.6)) brightness(1.5)}to{filter:drop-shadow(0 10px 20px rgba(255,215,0,.3)) drop-shadow(0 0 40px rgba(162,155,254,.2))}}@media (max-width: 400px){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(162,155,254,.4) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,118,117,.3) 0%,transparent 60%),radial-gradient(ellipse at 10% 60%,rgba(255,215,0,.3) 0%,transparent 50%);pointer-events:none;z-index:-1;opacity:.6;animation:none!important}body:after{background-image:radial-gradient(3px 3px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 80% 20%,rgba(255,215,0,.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(162,155,254,.7),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,118,117,.6),transparent),radial-gradient(2px 2px at 15% 85%,rgba(120,119,198,.7),transparent),radial-gradient(1px 1px at 40% 15%,rgba(78,205,196,.6),transparent);background-size:150px 120px,180px 140px,200px 160px,170px 130px,160px 120px,190px 150px;background-repeat:repeat;opacity:.8!important;animation:none!important}.aurora-layer,.stars-field,.cosmic-particles,.nebula-glow,.screen:before{display:none!important}.container{max-width:100%;padding:20px 10px}.screen{padding:40px 20px 30px;margin-top:30px;background:#00000080}.zog-character{width:200px;height:200px}.zog-character:before{top:-5px;left:-5px;right:-5px;bottom:-5px;animation:none!important}.zog-character:after{top:-10px;left:-10px;right:-10px;bottom:-10px;animation:none!important}.title{font-size:2rem}.back-button{top:10px;left:10px;width:40px;height:40px;font-size:1.1rem}}@media (max-height: 600px){.cosmic-particles,.nebula-glow{animation-duration:60s!important;opacity:.2!important}.container{padding:20px 10px 10px;justify-content:flex-start}.screen{margin-top:20px;padding:25px 20px;background:#0006}.zog-character{width:180px;height:180px}.zog-character:before{top:-5px;left:-5px;right:-5px;bottom:-5px}.zog-character:after{top:-9px;left:-9px;right:-9px;bottom:-9px}}.planetary-header{text-align:center;margin-bottom:30px}.planet-orb{width:120px;height:120px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative;animation:planetOrbit 8s linear infinite,planetGlow 3s ease-in-out infinite alternate;border:2px solid rgba(255,255,255,.2)}.planet-orb:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.3) 30deg,transparent 60deg,rgba(255,255,255,.2) 90deg,transparent 120deg);animation:planetRing 6s linear infinite;z-index:-1}.planet-name{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 10px currentColor}.planetary-title{font-size:2.2rem;font-weight:700;background:linear-gradient(45deg,#fff,#a29bfe,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.planetary-theme{font-size:1.1rem;opacity:.8;font-style:italic}.duration-banner{background:#0009;border-radius:15px;padding:15px;margin-bottom:25px;text-align:center;border:1px solid rgba(162,155,254,.3)}.duration-text{display:block;font-weight:600;color:gold;margin-bottom:5px}.next-change{font-size:.9rem;opacity:.7;color:#a29bfe}.monthly-fortune-card{background:#000000b3;border-radius:20px;padding:25px;margin:20px 0;border:2px solid rgba(255,215,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.monthly-fortune-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(162,155,254,.4) 0%,transparent 25%,rgba(255,118,117,.3) 50%,transparent 75%,rgba(255,215,0,.3) 100%),linear-gradient(-45deg,transparent 0%,rgba(120,119,198,.3) 30%,transparent 60%,rgba(162,155,254,.2) 90%,transparent 100%),linear-gradient(90deg,rgba(255,215,0,.2) 0%,transparent 40%,rgba(255,118,117,.3) 70%,transparent 100%);border-radius:22px;animation:auroraWaves 8s ease-in-out infinite;z-index:-1;filter:blur(1px)}.fortune-section,.advice-section{margin-bottom:20px}.fortune-section h3,.advice-section h3{font-size:1.3rem;color:gold;margin-bottom:10px;display:flex;align-items:center}.fortune-section h3:before{content:"🔮";margin-right:8px}.advice-section h3:before{content:"⭐";margin-right:8px}.fortune-text,.advice-text{line-height:1.6;color:#fff;font-size:1.1rem}.planetary-lucky-numbers{text-align:center;margin:25px 0}.planetary-lucky-numbers h3{color:#a29bfe;margin-bottom:15px;font-size:1.2rem}.planetary-number{position:relative;overflow:hidden;color:#fff}.planetary-number:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.4) 45deg,transparent 90deg,rgba(255,255,255,.2) 135deg,transparent 180deg);animation:numberShine 3s linear infinite;z-index:-1}.action-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}.planetary-button{position:relative;overflow:hidden}.planetary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.planetary-button:hover:before{left:100%}.secondary-button{background:linear-gradient(45deg,#a29bfe99,#7877c699);border:1px solid rgba(162,155,254,.4)}@keyframes planetOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes planetGlow{0%{filter:drop-shadow(0 0 20px currentColor);transform:scale(1)}to{filter:drop-shadow(0 0 40px currentColor);transform:scale(1.05)}}@keyframes planetRing{0%{transform:rotate(0);opacity:.3}50%{opacity:.6}to{transform:rotate(360deg);opacity:.3}}@keyframes auroraWaves{0%{opacity:.5;filter:hue-rotate(0deg)}50%{opacity:.8;filter:hue-rotate(180deg)}to{opacity:.5;filter:hue-rotate(360deg)}}@keyframes numberShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planetary-alert{background:#4169e133;border:1px solid rgba(65,105,225,.4);border-radius:15px;padding:12px 20px;margin:20px 0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.planet-indicator{color:#4169e1;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px}.button-group{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:20px}.primary-button{background:linear-gradient(45deg,gold,orange);order:1}.planetary-fortune-button{order:2;position:relative;overflow:hidden}.planetary-fortune-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.planetary-fortune-button:hover:before{left:100%}.planetary-fortune-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #4169e180,0 0 40px #9370db4d}@media (max-width: 400px){.button-group{gap:12px}.planetary-alert{padding:10px 15px;margin:15px 0}.planet-indicator{font-size:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,body:after,.aurora-layer,.stars-field,.cosmic-particles,.nebula-glow{animation:none!important}}@media (max-width: 500px),(max-height: 700px){*{animation:none!important;transition:opacity .3s ease!important}body:before{animation:none!important;opacity:.4!important;filter:none!important}body:after{animation:none!important;opacity:.2!important;filter:none!important}.button:after{animation:none!important;opacity:.2!important}.monthly-fortune-card:before{animation:none!important;opacity:.3!important}.fortune-card,.zodiac-item,.birthday-input{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}}