/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;700&display=swap";: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{width:100%;height:100%;position:fixed;overflow:hidden}body{background-color:var(--background-color);color:var(--text-color);-webkit-tap-highlight-color:#0000;touch-action:none;min-height:-webkit-fill-available;font-family:Poppins,sans-serif;line-height:1.6}#__next{width:100%;height:100%;height:calc(var(--vh,1vh)*100)}@media (min-width:769px){button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.navigation-controls button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px #ff45004d}::selection{background-color:var(--primary-color);color:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--background-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e03d00,#e69400)}html{scrollbar-width:thin;scrollbar-color:var(--primary-color)var(--background-color)}}.app-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.header{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:var(--white);flex-shrink:0;justify-content:space-between;align-items:center;height:10%;max-height:60px;padding:.5rem 1rem;display:flex}.header h1{margin:0;font-size:1.5rem;font-weight:600}.header .doha-counter-header{background-color:#fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.2rem .8rem;font-size:.9rem;font-weight:500;display:flex}.header .doha-counter-header .wake-lock-indicator{font-size:.8rem;animation:pulse 2s infinite}main{flex-direction:column;flex:1;display:flex;overflow:hidden}.hanuman-image-container{background-color:var(--background-color);justify-content:center;align-items:center;width:100%;height:80%;display:flex;position:relative;overflow:hidden}.hanuman-image-container:before{content:"";background-image:var(--hanuman-bg-image,url(/assets/images/hanuman.jpg));filter:blur(16px)brightness(1.1);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.hanuman-image-container img{z-index:2;object-fit:contain;max-width:100%;max-height:100%;animation:gentleBreathing 4s ease-in-out infinite;position:relative;box-shadow:0 2px 16px #00000014}.doha-container{background-color:var(--white);height:20%;box-shadow:var(--shadow);justify-content:center;padding:0}.doha-container,.doha-container .doha-text{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.doha-container .doha-text{width:100%;height:100%;color:var(--primary-color);box-sizing:border-box;justify-content:flex-start;margin-top:4px;margin-bottom:0;padding:6px .25rem;font-family:Noto Sans Devanagari,Poppins,sans-serif;font-weight:500;line-height:1.25;overflow:hidden}.doha-container .doha-text>*{z-index:2;position:relative}.doha-container .doha-meaning{color:#666;width:100%;max-height:60%;padding:0 1rem;font-size:.9rem;overflow-y:auto}.doha-container .doha-counter{background-color:var(--primary-color);color:var(--white);width:36px;height:36px;box-shadow:var(--shadow);z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.navigation-controls{background-color:var(--background-color);flex-shrink:0;justify-content:space-between;align-items:center;height:10%;max-height:60px;padding:.5rem 1rem;display:flex}.navigation-controls .nav-controls-area,.navigation-controls .nav-top-area{display:contents}.navigation-controls button{background-color:var(--primary-color);color:var(--white);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;height:38px;padding:.5rem 1rem;font-weight:500;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.navigation-controls button:disabled{cursor:not-allowed;background-color:#ccc}.navigation-controls button:hover:not(:disabled){background-color:#e03d00}.navigation-controls .play-button-container{display:inline-block;position:relative}.navigation-controls .play-button{background:0 0;border:none;min-width:120px;height:38px;padding:0;position:relative;overflow:visible}.navigation-controls .play-button:before{content:"";pointer-events:none;z-index:1;border:2px solid #ffffff4d;border-radius:4px;position:absolute;inset:-2px}.navigation-controls .play-button .button-content{z-index:2;background-color:var(--primary-color);border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem 1rem;transition:background-color .3s;display:flex;position:relative}.navigation-controls .play-button .border-frame{pointer-events:none;z-index:3;border-radius:4px;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;overflow:visible}.navigation-controls .play-button .border-side{background-color:var(--primary-color);transition:transform 30ms linear;position:absolute;box-shadow:0 0 3px #fffc}.navigation-controls .play-button .border-side.top{transform-origin:0;border-radius:1px;width:calc(100% - 8px);height:2px;top:0;left:4px}.navigation-controls .play-button .border-side.right{transform-origin:bottom;border-radius:1px;width:2px;height:calc(100% - 8px);top:4px;right:0}.navigation-controls .play-button .border-side.bottom{transform-origin:0;border-radius:1px;width:calc(100% - 8px);height:2px;bottom:0;left:4px}.navigation-controls .play-button .border-side.left{transform-origin:bottom;border-radius:1px;width:2px;height:calc(100% - 8px);top:4px;left:0}.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:var(--primary-color);z-index:4;border-radius:50%;width:6px;height:6px;transition:opacity .1s ease-in;position:absolute;box-shadow:0 0 3px #fffc}.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{top:-1px;left:-1px}.navigation-controls .play-button .top-right{top:-1px;right:-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:#e03d00}.navigation-controls .play-button:hover:not(:disabled).active .button-content{background-color:#e69400}.navigation-controls .play-button.active .button-content{background-color:var(--secondary-color)}@media (max-width:768px){.header{padding:.5rem}.header h1{font-size:1.2rem}.header .doha-counter-header{padding:.1rem .6rem;font-size:.8rem}.doha-container .doha-text{color:var(--primary-color)}.doha-container .doha-meaning{font-size:.8rem}.doha-container .doha-counter{width:30px;height:30px;font-size:.9rem}.navigation-controls{padding:.5rem}.navigation-controls button{height:36px;padding:.4rem .8rem;font-size:.9rem}.navigation-controls .play-button{min-width:110px;height:36px}.navigation-controls .play-button .button-content{padding:.4rem .8rem;font-size:.9rem}}@media (max-width:768px) and (orientation:landscape){.hanuman-image-container{height:55%}.doha-container{height:45%}.app-container{grid-template:"header header""main nav"1fr/80% 20%;height:100%;min-height:0;display:grid}.header{height:auto;min-height:40px;padding:calc(.2rem + env(safe-area-inset-top)).5rem .2rem .5rem;z-index:20;box-sizing:border-box;grid-area:header;align-items:center;display:flex}.header h1{font-size:.9rem}.header .doha-counter-header{padding:.1rem .4rem;font-size:.7rem}main{flex-direction:column;grid-area:main;width:100%;height:100%;display:flex;position:relative}.hanuman-image-container{flex:0 0 55%;width:100%;height:auto}.doha-container{z-index:5;flex:0 0 45%;height:auto;position:static}.doha-container .doha-text{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;margin-top:2px;padding:12px .25rem 2px;line-height:1.2;display:flex;position:relative;overflow:hidden}.doha-container .doha-text>*{z-index:2;position:relative}.navigation-controls{z-index:5;background:0 0;flex-direction:column;grid-area:nav;width:100%;height:100%;display:flex;position:relative}.navigation-controls .nav-top-area{flex:1;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.navigation-controls .nav-controls-area{flex-direction:column;flex:none;align-items:center;gap:1rem;padding:1rem .5rem;display:flex}.navigation-controls button{border-radius:20px;width:90px;height:40px;padding:.3rem .5rem;font-size:.8rem;box-shadow:0 2px 8px #0003}.navigation-controls .play-button-container .play-button{width:90px;min-width:auto;height:40px}.navigation-controls .play-button-container .play-button .button-content{padding:.3rem .5rem;font-size:.8rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gentleBreathing{0%,to{filter:brightness()saturate();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:translate(0)scale(.3)}8%{opacity:.12;top:92%;transform:translate(2px)scale(.6)}20%{opacity:.18;top:80%;transform:translate(-3px)scale(.8)}35%{opacity:.22;top:65%;transform:translate(5px)scale(1)}55%{opacity:.25;top:45%;transform:translate(-2px)scale(1.2)}75%{opacity:.18;top:25%;transform:translate(4px)scale(1.3)}90%{opacity:.1;top:10%;transform:translate(-1px)scale(1.4)}to{opacity:0;top:-5%;transform:translate(3px)scale(1.5)}}@keyframes bubbleFloat3{0%{opacity:0;top:100%;transform:scale(.4)rotate(0)}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(0)}}*{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:#0000!important}*,img{-webkit-user-select:none!important;user-select:none!important}img{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:none!important}body *{-webkit-touch-callout:none!important}body *,canvas,img,svg,video{-webkit-user-select:none!important;user-select:none!important}canvas,img,svg,video{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;user-drag:none!important;pointer-events:none!important}.nav-menu-link:hover{background-color:#f5f5f5!important}.navigation-controls button,button,input[type=button],input[type=submit]{pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important}