.menu-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.menu-container h1{margin:0}.menu-icon{width:60px;height:60px;box-shadow:0 4px 12px #0006;border-radius:50%}.menu-buttons{display:flex;flex-direction:column;gap:2rem}.menu-button{padding:1rem 2rem;font-size:1.2rem;color:var(--white);background:linear-gradient(to right,var(--ember-orange),var(--crimson-rush));border:none;border-radius:10px;text-decoration:none;text-align:center;box-shadow:0 4px 10px #0003;transition:transform .3s ease-in-out,background .6s ease-in-out}.menu-button:hover{background:var(--crimson-rush);transform:scale(1.05)}.slider{width:100%;max-width:320px;height:200px;overflow:hidden;border-radius:15px;margin:auto;position:relative;background:transparent;box-shadow:0 4px 12px #0003}.slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px;z-index:1;opacity:.2;transform:scale(1.1);transition:opacity 1s ease-in-out,transform 6s ease-in-out}.slide.active{opacity:1;transform:scale(1);z-index:2}.counter-container{background:#0000001a;padding:1rem;border-radius:15px;box-shadow:0 4px 12px #0003;text-align:center}.count-display{cursor:pointer;-webkit-user-select:none;user-select:none}.count-display p{font-size:1.1rem;text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400}.count-display h2{font-size:1.5rem;text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:500}.progress-bar{height:10px;width:100%;background-color:#ffffff30;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--saffron-glow),var(--red));transition:width .3s ease-in-out}.button-wrapper{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:1000}.reset-btn,.back-btn{padding:.5rem 1rem;border:none;background:linear-gradient(to right,var(--rich-red),var(--vermilion));color:var(--white);border-radius:2px;cursor:pointer;box-shadow:1px 1px 4px #0006;touch-action:manipulation;transition:.3s ease-in-out}.reset-btn:hover,.back-btn:hover{opacity:.8}.bead-line{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:1rem;max-width:320px}.bead{width:6px;height:6px;border-radius:50%;background-color:#fff3;transition:background-color .3s ease-in-out}.bead.filled{background-color:var(--canary-yellow)}.krishna-name{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);will-change:opacity,transform}[data-animate].visible{opacity:1;transform:none}[data-animate=fade-up]{transform:translateY(40px)}[data-animate=fade-down]{transform:translateY(-40px)}[data-animate=fade-left]{transform:translate(-40px)}[data-animate=fade-right]{transform:translate(40px)}[data-animate=zoom-in]{transform:scale(.9)}[data-animate=flip-in]{transform:rotateX(90deg);transform-origin:top center}[data-animate=fade-up].visible,[data-animate=fade-down].visible,[data-animate=fade-left].visible,[data-animate=fade-right].visible,[data-animate=zoom-in].visible,[data-animate=flip-in].visible{opacity:1;transform:none}[data-delay]{transition-delay:var(--delay, 0s)}.hanuman-chalisa{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.beej-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.shiva-panchakshari-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.ganesh-beej-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.durga-beej-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.vishnu-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.mahamrityunjaya-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.gayatri-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.lakshmi-beej-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.narayana-mantra{font-size:1.1rem;color:var(--white);text-shadow:1px 1px 4px rgba(0,0,0,.4);font-weight:400;text-align:center;display:flex;flex-direction:column;gap:.5rem}.divider{width:min(100vw,320px);height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent);transform:scaleY(.5);margin:.5rem auto}.crying-emoji{width:100px;height:100px;background:linear-gradient(135deg,var(--sunset-red),var(--crimson-ember));border-radius:50%;position:relative;margin:10px auto;box-shadow:0 10px 20px #00000080,inset -3px -3px 6px #ffffff14,inset 3px 3px 6px #0006;animation:shake .8s infinite}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(.5deg)}to{transform:rotate(0)}}.eyes{position:absolute;top:25px;left:0;right:0;display:flex;justify-content:space-around;padding:0 20px}.eye-wrapper{position:relative}.eye{width:12px;height:20px;background:var(--honey-gold);border-radius:50%}.mouth{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:40px;height:30px;border-top:4px solid var(--honey-gold);border-radius:50px 50px 0 0;background:transparent}.tear{position:absolute;top:20px;left:50%;transform:translate(-50%);width:6px;height:10px;background:var(--honey-gold);border-radius:50%;opacity:.8;animation:fall 1.5s infinite ease-in}.left-tear{animation-delay:0s}.right-tear{animation-delay:.3s}@keyframes fall{0%{transform:translate(-50%) translateY(0);opacity:.9}50%{opacity:.7}to{transform:translate(-50%) translateY(25px);opacity:0}}.error-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1.5rem}.error-page button{font-size:1rem;color:var(--honey-gold);background:linear-gradient(135deg,var(--sunset-red),var(--crimson-ember));box-shadow:0 4px 8px #0003;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out}.error-page button:hover{background:linear-gradient(135deg,var(--crimson-ember),var(--crimson-ember));box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}*{-webkit-tap-highlight-color:transparent}:root{--white: #ffffff;--honey-gold: #f9d423;--canary-yellow: #fce205;--sunset-red: #ff4e50;--ember-orange: #ff6f00;--saffron-glow: #ff9933;--crimson-rush: #d32f2f;--red: #f00000;--rich-red: #ce0000;--vermilion: #ed0505;--crimson-ember: #4b0e0e}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,var(--honey-gold),var(--sunset-red));color:var(--white);min-height:100vh}body::-webkit-scrollbar{display:none}.app{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem;text-align:center;width:100%;max-width:500px;margin:auto;box-sizing:border-box}h1{font-family:Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;color:var(--crimson-ember);text-shadow:1px 1px 4px rgba(0,0,0,.4);margin-bottom:0}