@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}#root,body,html{height:100%;position:fixed;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff4500;--secondary-color:orange;--text-color:#333;--background-color:#fff7e6;--white:#fff;--shadow:0 4px 6px #0000001a;--vh:1vh}html{height:100%;height:-webkit-fill-available}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;position:fixed;width:100%}body{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff7e6;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;min-height:-webkit-fill-available;touch-action:none}#root{height:100%;height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}@media(min-width:769px){button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #ff4500;outline:2px solid var(--primary-color);outline-offset:2px}.navigation-controls button:hover:not(:disabled){box-shadow:0 6px 12px #ff45004d;transform:translateY(-1px)}::selection{background-color:#ff4500;background-color:var(--primary-color);color:#fff;color:var(--white)}::-moz-selection{background-color:#ff4500;background-color:var(--primary-color);color:#fff;color:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff7e6;background:var(--background-color);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff4500,orange);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #fff7e6;border:2px solid var(--background-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e03d00,#e69400)}html{scrollbar-color:#ff4500 #fff7e6;scrollbar-color:var(--primary-color) var(--background-color);scrollbar-width:thin}}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.header{align-items:center;background:linear-gradient(90deg,#ff4500,orange);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;color:var(--white);display:flex;flex-shrink:0;height:10%;justify-content:space-between;max-height:60px;padding:.5rem 1rem}.header h1{font-size:1.5rem;font-weight:600;margin:0}.header .doha-counter-header{align-items:center;background-color:#fff3;border-radius:20px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.2rem .8rem}.header .doha-counter-header .wake-lock-indicator{animation:pulse 2s infinite;font-size:.8rem}main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.hanuman-image-container{align-items:center;background-color:#fff7e6;background-color:var(--background-color);display:flex;height:80%;justify-content:center;overflow:hidden;position:relative;width:100%}.hanuman-image-container:before{background-image:url(/static/media/hanuman.3fd32c1a5378be2b1534.jpg);background-image:var(--hanuman-bg-image,url(/static/media/hanuman.3fd32c1a5378be2b1534.jpg));background-position:50%;background-size:cover;content:"";filter:blur(16px) brightness(1.1);inset:0;position:absolute;transform:scale(1.1);z-index:1}.hanuman-image-container img{animation:gentleBreathing 4s ease-in-out infinite;box-shadow:0 2px 16px #00000014;max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:2}.doha-container{background-color:#fff;background-color:var(--white);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);height:20%;justify-content:center;padding:0}.doha-container,.doha-container .doha-text{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center}.doha-container .doha-text{box-sizing:border-box;color:#ff4500;color:var(--primary-color);font-family:Noto Sans Devanagari,Poppins,sans-serif;font-weight:500;height:100%;justify-content:flex-start;line-height:1.25;margin-bottom:0;margin-top:4px;overflow:hidden;padding:6px .25rem;width:100%}.doha-container .doha-text>*{position:relative;z-index:2}.doha-container .doha-meaning{color:#666;font-size:.9rem;max-height:60%;overflow-y:auto;padding:0 1rem;width:100%}.doha-container .doha-counter{align-items:center;background-color:#ff4500;background-color:var(--primary-color);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;left:10px;position:absolute;top:10px;width:36px;z-index:5}.navigation-controls{align-items:center;background-color:#fff7e6;background-color:var(--background-color);display:flex;flex-shrink:0;height:10%;justify-content:space-between;max-height:60px;padding:.5rem 1rem}.navigation-controls .nav-controls-area,.navigation-controls .nav-top-area{display:contents}.navigation-controls button{align-items:center;background-color:#ff4500;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;height:38px;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative;transition:background-color .3s}.navigation-controls button:disabled{background-color:#ccc;cursor:not-allowed}.navigation-controls button:hover:not(:disabled){background-color:#cc3700}.navigation-controls .play-button-container{display:inline-block;position:relative}.navigation-controls .play-button{background:none;border:none;height:38px;min-width:120px;overflow:visible;padding:0;position:relative}.navigation-controls .play-button:before{border:2px solid #ffffff4d;border-radius:4px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:1}.navigation-controls .play-button .button-content{align-items:center;background-color:#ff4500;background-color:var(--primary-color);border-radius:4px;display:flex;height:100%;justify-content:center;padding:.5rem 1rem;position:relative;transition:background-color .3s;width:100%;z-index:2}.navigation-controls .play-button .border-frame{border-radius:4px;height:calc(100% + 4px);left:-2px;overflow:visible;pointer-events:none;position:absolute;top:-2px;width:calc(100% + 4px);z-index:3}.navigation-controls .play-button .border-side{background-color:#ff4500;background-color:var(--primary-color);box-shadow:0 0 3px #fffc;position:absolute;transition:transform .03s linear}.navigation-controls .play-button .border-side.top{border-radius:1px;height:2px;left:4px;top:0;transform-origin:left;width:calc(100% - 8px)}.navigation-controls .play-button .border-side.right{border-radius:1px;height:calc(100% - 8px);right:0;top:4px;transform-origin:bottom;width:2px}.navigation-controls .play-button .border-side.bottom{border-radius:1px;bottom:0;height:2px;left:4px;transform-origin:left;width:calc(100% - 8px)}.navigation-controls .play-button .border-side.left{border-radius:1px;height:calc(100% - 8px);left:0;top:4px;transform-origin:bottom;width:2px}.navigation-controls .play-button .bottom-left,.navigation-controls .play-button .bottom-right,.navigation-controls .play-button .top-left,.navigation-controls .play-button .top-right{background-color:#ff4500;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 3px #fffc;height:6px;position:absolute;transition:opacity .1s ease-in;width:6px;z-index:4}.navigation-controls .play-button .bottom-left{bottom:-1px;left:-1px}.navigation-controls .play-button .bottom-right{bottom:-1px;right:-1px}.navigation-controls .play-button .top-left{left:-1px;top:-1px}.navigation-controls .play-button .top-right{right:-1px;top:-1px}.navigation-controls .play-button.active .border-frame:after,.navigation-controls .play-button.active .border-frame:before{display:none}.navigation-controls .play-button:hover:not(:disabled) .button-content{background-color:#cc3700}.navigation-controls .play-button:hover:not(:disabled).active .button-content{background-color:#cc8400}.navigation-controls .play-button.active .button-content{background-color:orange;background-color:var(--secondary-color)}@media(max-width:768px){.header{padding:.5rem}.header h1{font-size:1.2rem}.header .doha-counter-header{font-size:.8rem;padding:.1rem .6rem}.doha-container .doha-text{color:#ff4500;color:var(--primary-color)}.doha-container .doha-meaning{font-size:.8rem}.doha-container .doha-counter{font-size:.9rem;height:30px;width:30px}.navigation-controls{padding:.5rem}.navigation-controls button{font-size:.9rem;height:36px;padding:.4rem .8rem}.navigation-controls .play-button{height:36px;min-width:110px}.navigation-controls .play-button .button-content{font-size:.9rem;padding:.4rem .8rem}}@media(max-width:768px)and (orientation:landscape){.hanuman-image-container{height:55%}.doha-container{height:45%}.app-container{display:grid;grid-template-areas:"header header" "main nav";grid-template-columns:80% 20%;grid-template-rows:auto 1fr;height:100%;min-height:0}.header{align-items:center;box-sizing:border-box;display:flex;grid-area:header;height:auto;min-height:40px;padding:calc(.2rem + env(safe-area-inset-top)) .5rem .2rem;z-index:20}.header h1{font-size:.9rem}.header .doha-counter-header{font-size:.7rem;padding:.1rem .4rem}main{display:flex;flex-direction:column;grid-area:main;height:100%;position:relative;width:100%}.hanuman-image-container{flex:0 0 55%;height:auto;width:100%}.doha-container{flex:0 0 45%;height:auto;position:static;z-index:5}.doha-container .doha-text{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;line-height:1.2;margin-top:2px;overflow:hidden;padding:12px .25rem 2px;position:relative;text-align:center}.doha-container .doha-text>*{position:relative;z-index:2}.navigation-controls{background:none;display:flex;flex-direction:column;grid-area:nav;height:100%;position:relative;width:100%;z-index:5}.navigation-controls .nav-top-area{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 .5rem}.navigation-controls .nav-controls-area{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:1rem;padding:1rem .5rem}.navigation-controls button{border-radius:20px;box-shadow:0 2px 8px #0003;font-size:.8rem;height:40px;padding:.3rem .5rem;width:90px}.navigation-controls .play-button-container .play-button{height:40px;min-width:auto;width:90px}.navigation-controls .play-button-container .play-button .button-content{font-size:.8rem;padding:.3rem .5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gentleBreathing{0%,to{filter:brightness(1) saturate(1);transform:scale(1)}50%{filter:brightness(1.05) saturate(1.1);transform:scale(1.02)}}@keyframes bubbleFloat1{0%{opacity:0;top:100%;transform:scale(.4)}10%{opacity:.15;top:90%;transform:scale(.6)}25%{opacity:.25;top:75%;transform:scale(.8)}50%{opacity:.3;top:50%;transform:scale(1)}75%{opacity:.2;top:25%;transform:scale(1.2)}90%{opacity:.1;top:10%;transform:scale(1.4)}to{opacity:0;top:-10%;transform:scale(1.5)}}@keyframes bubbleFloat2{0%{opacity:0;top:100%;transform:translateX(0) scale(.3)}8%{opacity:.12;top:92%;transform:translateX(2px) scale(.6)}20%{opacity:.18;top:80%;transform:translateX(-3px) scale(.8)}35%{opacity:.22;top:65%;transform:translateX(5px) scale(1)}55%{opacity:.25;top:45%;transform:translateX(-2px) scale(1.2)}75%{opacity:.18;top:25%;transform:translateX(4px) scale(1.3)}90%{opacity:.1;top:10%;transform:translateX(-1px) scale(1.4)}to{opacity:0;top:-5%;transform:translateX(3px) scale(1.5)}}@keyframes bubbleFloat3{0%{opacity:0;top:100%;transform:scale(.4) rotate(0deg)}10%{opacity:.14;top:90%;transform:scale(.7) rotate(5deg)}25%{opacity:.2;top:75%;transform:scale(.9) rotate(-3deg)}40%{opacity:.24;top:60%;transform:scale(1) rotate(8deg)}60%{opacity:.26;top:40%;transform:scale(1.2) rotate(-5deg)}80%{opacity:.18;top:20%;transform:scale(1.3) rotate(3deg)}95%{opacity:.08;top:5%;transform:scale(1.4) rotate(-2deg)}to{opacity:0;top:-5%;transform:scale(1.5) rotate(0deg)}}
/*# sourceMappingURL=main.3a5a410d.css.map*/