:root{--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--container-width: 100%}.theme-saffron{--bg-primary: #fbf9f4;--bg-secondary: #f4edd9;--bg-darker: #eae0be;--accent-color: #e05a16;--accent-light: rgba(224, 90, 22, .1);--accent-gradient: linear-gradient(135deg, #f37335, #e05a16, #b03a00);--text-primary: #2c221e;--text-secondary: #6e5e56;--border-color: rgba(224, 90, 22, .15);--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(224, 90, 22, .08);--card-shadow: 0 10px 30px rgba(224, 90, 22, .04), 0 1px 3px rgba(0, 0, 0, .02);--notebook-line: rgba(224, 90, 22, .12);--notebook-margin: rgba(231, 76, 60, .3);--ink-color: #2a1b18;--glow-color: rgba(224, 90, 22, .15);--input-focus-border: #e05a16;--button-hover-bg: #b03a00}.theme-dark{--bg-primary: #090c12;--bg-secondary: #131924;--bg-darker: #05070a;--accent-color: #f1c40f;--accent-light: rgba(241, 196, 15, .1);--accent-gradient: linear-gradient(135deg, #f1c40f, #e67e22, #d35400);--text-primary: #e2e8f0;--text-secondary: #8a9bb0;--border-color: rgba(241, 196, 15, .15);--card-bg: rgba(19, 25, 36, .8);--card-border: rgba(241, 196, 15, .08);--card-shadow: 0 10px 30px rgba(0, 0, 0, .4), 0 2px 10px rgba(241, 196, 15, .02);--notebook-line: rgba(241, 196, 15, .08);--notebook-margin: rgba(241, 196, 15, .2);--ink-color: #f39c12;--glow-color: rgba(241, 196, 15, .1);--input-focus-border: #f1c40f;--button-hover-bg: #d35400}.theme-temple{--bg-primary: #faf8f5;--bg-secondary: #e5ece8;--bg-darker: #d5ded9;--accent-color: #a84c32;--accent-light: rgba(168, 76, 50, .1);--accent-gradient: linear-gradient(135deg, #c0392b, #a84c32, #832b18);--text-primary: #1f2824;--text-secondary: #586862;--border-color: rgba(168, 76, 50, .15);--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(168, 76, 50, .08);--card-shadow: 0 10px 30px rgba(168, 76, 50, .04), 0 1px 3px rgba(0, 0, 0, .02);--notebook-line: rgba(168, 76, 50, .1);--notebook-margin: rgba(168, 76, 50, .25);--ink-color: #6e2716;--glow-color: rgba(168, 76, 50, .12);--input-focus-border: #a84c32;--button-hover-bg: #832b18}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;transition:background-color var(--transition-slow),color var(--transition-slow)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/hanuman_bg-hEoo3NiF.png);background-size:cover;background-position:center 10%;background-repeat:no-repeat;opacity:.25;z-index:1000;pointer-events:none;mix-blend-mode:multiply;animation:animate-bg 18s ease-in-out infinite}@media (min-width: 768px){body:before{background-position:center 30%;background-size:auto 150%;top:48px;height:calc(100% - 48px);transform-origin:top center}body:after{content:"";position:fixed;top:48px;left:0;width:100%;height:calc(100% - 48px);transform-origin:top center;background-image:url(/assets/hanuman_bg-hEoo3NiF.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;filter:blur(60px);z-index:999;pointer-events:none;mix-blend-mode:multiply}}@keyframes animate-bg{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}body.theme-dark:before{mix-blend-mode:screen;opacity:.15;animation:animate-bg-dark 18s ease-in-out infinite}@media (min-width: 768px){body.theme-dark:after{mix-blend-mode:screen;opacity:.15;filter:blur(60px) invert(1)}}@keyframes animate-bg-dark{0%{transform:scale(1);filter:invert(1) brightness(1.5)}50%{transform:scale(1.05);filter:invert(1) brightness(2)}to{transform:scale(1);filter:invert(1) brightness(1.5)}}.ambient-glow{position:absolute;border-radius:50%;filter:blur(140px);z-index:0;opacity:.45;transition:background-color var(--transition-slow)}.glow-1{width:500px;height:500px;top:-100px;right:-100px;background-color:var(--glow-color)}.glow-2{width:400px;height:400px;bottom:-50px;left:-50px;background-color:var(--glow-color)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;top:125%;left:50%;transform:translate(-50%) scale(.95);background-color:#2c221e;color:#fff;padding:8px 12px;border-radius:var(--border-radius-sm);font-size:.75rem;white-space:normal;max-width:250px;text-align:center;line-height:1.4;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:1000;box-shadow:0 5px 15px #00000026}@keyframes tooltipFadeOut{0%{opacity:0;transform:translate(-50%) scale(.95)}4%,96%{opacity:.95;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.95)}}.tooltip:hover:after{animation:tooltipFadeOut 5s forwards}.app-container{max-width:var(--container-width);margin:0 auto;padding:0 0 20px;display:flex;flex-direction:column;min-height:100vh;gap:24px;position:relative;z-index:10}.shloka-banner{text-align:center;font-family:"Noto Serif Devanagari",serif;font-size:1.1rem;color:#f33;cursor:pointer;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,51,51,.3);border-radius:8px;margin:-10px auto 10px;max-width:fit-content;font-weight:700;line-height:1.4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:breathe 4s ease-in-out infinite;position:relative;z-index:10}.shloka-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);background:var(--card-bg);border:1px solid var(--accent-color);color:var(--text-primary);padding:16px 24px;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #0003;z-index:3000;text-align:center;max-width:90%;font-family:"Noto Serif Devanagari",serif;font-size:1.1rem;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.shloka-toast.show{opacity:1;transform:translate(-50%,-50%)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--transition-slow),border var(--transition-slow);position:relative;z-index:2000}.brand{display:flex;align-items:center;gap:16px}.spiritual-symbol{font-size:2.2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:breathe 4s ease-in-out infinite}.spiritual-symbol-img{width:42px;height:42px;border-radius:8px;object-fit:cover;box-shadow:0 4px 10px var(--glow-color);animation:breathe 4s ease-in-out infinite}.brand-text h1{font-family:Outfit,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:2px;white-space:nowrap;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text .subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--text-secondary);font-weight:500;margin-top:-2px}.quick-stats{display:flex;gap:20px}.stat-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal)}.badge-icon{font-size:1.4rem}@media (min-width: 768px){.badge-icon{font-size:1.1rem}}.badge-info{display:flex;flex-direction:column}.badge-label{font-size:.65rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-weight:600}.badge-val{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:Outfit,sans-serif}.mala-top-badge{display:flex;align-items:center;gap:8px}.small-visualizer{width:38px;height:38px;position:relative}.small-visualizer .mala-circle-wrapper{width:100%;height:100%}.small-visualizer svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.small-visualizer .mala-center-info{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.small-visualizer .mala-current-num{font-size:1.15rem;font-weight:800;color:var(--accent-color)}.header-controls{display:flex;align-items:center;gap:20px}.sound-control-btn{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px 12px;border-radius:var(--border-radius-sm);border:1px solid transparent;color:var(--text-secondary);text-decoration:none!important;transition:all var(--transition-fast)}.sound-control-btn:hover{background-color:var(--accent-light);color:var(--accent-color)}.sound-control-btn.active{color:var(--accent-color);border-color:var(--border-color);background-color:var(--accent-light)}.sound-control-btn i{font-size:1.2rem}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:12px;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:10px}.profile-dropdown.hidden{display:none}.profile-dropdown-header{border-bottom:1px solid var(--card-border);padding-bottom:8px;font-weight:600;color:var(--accent-color);display:flex;align-items:center;gap:8px}.profile-dropdown-btn{background:#ff453a1a;border:1px solid rgba(255,69,58,.3);color:#ff453a;border-radius:var(--border-radius-sm);padding:8px;cursor:pointer;text-align:center;font-weight:700;font-size:.85rem;transition:all .2s ease;margin-top:4px}.profile-dropdown-btn:hover{background:#ff453a33;transform:scale(1.02)}@media (min-width: 768px){.sound-control-btn i{font-size:1rem}}.top-select-group{margin-right:5px}.top-select{background:#0000001a;border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;cursor:pointer;transition:all .2s ease}.top-select:hover{background:#0003;border-color:var(--accent-color)}.top-select option{background:var(--bg-darker);color:var(--text-primary)}.main-layout{display:none}.custom-select-wrapper{-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}.custom-select-display{box-sizing:border-box}.custom-select-options{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:var(--bg-darker);border:1px solid var(--accent-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease}.custom-select-options.open{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-item{padding:10px 15px;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.custom-select-item:hover{background:#e05a1633;color:var(--accent-color);padding-left:18px}.custom-select-item.selected{background:var(--accent-light);color:var(--accent-color);font-weight:600;border-left:3px solid var(--accent-color)}.zen-layout{position:relative;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start;padding-top:6px;z-index:10}.center-writing-panel{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;padding:20px;width:320px;display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center;position:fixed;bottom:75px;left:50%;transform:translate(-50%);z-index:100}.round-ram-icon{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-family:Yatra One,"Noto Serif Devanagari",serif;font-size:3rem;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--accent-color);color:var(--text-primary);box-shadow:0 0 25px #e05a1666;cursor:pointer;position:relative;transition:all .2s ease}.round-ram-icon:hover{transform:scale(1.05);box-shadow:0 0 35px #e05a1699}.round-ram-icon .spiritual-pulse{border-radius:50%}.top-mode-switch{margin-right:12px}.center-writing-panel .input-wrapper{width:100%}.center-writing-panel .input-instructions{margin-bottom:15px}.notebook-paper:before{content:"";position:absolute;top:0;bottom:0;left:42px;width:1.5px;background-color:var(--notebook-margin)}.ink-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));row-gap:0;column-gap:15px;position:relative;z-index:2}.name-entry{height:2.2rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--ink-color);text-align:center;white-space:nowrap;animation:inkBleed .5s ease-out forwards;-webkit-user-select:none;user-select:none}.name-entry.font-devanagari{font-family:Yatra One,"Noto Serif Devanagari",serif;font-weight:500;font-size:1.25rem}.name-entry.font-english{font-family:Great Vibes,cursive;font-weight:600;font-size:1.7rem;padding-top:4px}.name-entry-placeholder{height:2.2rem;display:flex;align-items:center;justify-content:center;opacity:.05;font-family:Yatra One,serif;font-size:1.3rem;-webkit-user-select:none;user-select:none}.notebook-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 8px}.notebook-page-status{font-size:.85rem;color:var(--text-secondary);font-weight:500}.action-btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast);border:1px solid transparent}.text-btn{background:none;color:var(--accent-color);padding:8px 16px}.text-btn:hover{background-color:var(--accent-light)}.danger-btn{color:#e74c3c}.danger-btn:hover{background-color:#e74c3c14}.control-center{display:flex;flex-direction:row;gap:16px;order:-1;align-items:stretch}.control-card{flex:1;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--transition-slow),border var(--transition-slow);display:flex;flex-direction:column}.control-card h2{font-size:.95rem;font-family:Outfit,sans-serif;color:var(--text-primary);display:flex;align-items:center;gap:8px}.control-card h2 i{color:var(--accent-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.input-mode-switch{display:flex;background-color:var(--bg-darker);border-radius:20px;padding:3px;border:1px solid var(--border-color)}.mode-btn{border:none;background:none;padding:6px 16px;border-radius:17px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #0000001a}.language-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:.85rem;font-weight:500}.language-selector label{color:var(--text-secondary)}.radio-group{display:flex;gap:16px}.radio-group input[type=radio]{display:none}.radio-group label{cursor:pointer;padding:6px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);transition:all var(--transition-fast)}.radio-group input[type=radio]:checked+label{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.input-wrapper{display:flex;flex-direction:column;gap:12px;align-items:center}.input-instructions{font-size:.8rem;color:var(--text-secondary);text-align:center}.input-field-container{position:relative;width:100%}#japa-input{width:100%;padding:16px 20px;border-radius:var(--border-radius-md);border:none;background-color:transparent;color:var(--text-primary);font-size:1.15rem;font-weight:500;text-align:center;transition:border-color var(--transition-fast);outline:none}#japa-input:focus{border-color:transparent}.input-progress-indicator{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-gradient);width:0%;border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);transition:width var(--transition-fast)}.typing-guide{display:flex;gap:20px;margin-top:8px}.guide-char{width:128px;height:128px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--card-bg);font-weight:400;color:var(--text-primary);font-size:2.4rem;border:2px solid var(--border-color);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);cursor:pointer}.guide-char:hover{transform:scale(1.1);background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color)}.guide-char:active{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:scale(.96);box-shadow:0 4px 10px var(--glow-color)}.guide-char.active{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 4px 10px var(--glow-color)}.pulse-btn{width:140px;height:140px;border-radius:50%;border:none;background:var(--accent-gradient);color:#fff;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px var(--glow-color);transition:all var(--transition-normal);outline:none}.pulse-btn:hover{transform:scale(1.05);box-shadow:0 12px 30px var(--glow-color)}.pulse-btn:active{transform:scale(.96)}.btn-core-text{font-family:Yatra One,serif;font-size:1.5rem;z-index:2;margin-bottom:2px}.btn-sub-label{font-size:.7rem;opacity:.85;text-transform:uppercase;letter-spacing:1px;z-index:2}.spiritual-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--accent-color);opacity:.15;z-index:1;animation:pulse-ring 2.5s cubic-bezier(.215,.61,.355,1) infinite}.mala-counter{font-size:.85rem;font-weight:600;color:var(--accent-color);background-color:var(--accent-light);padding:4px 10px;border-radius:12px}.mala-visualizer-container{display:flex;justify-content:center;align-items:center;margin:16px 0}.mala-circle-wrapper{position:relative;width:120px;height:120px}#mala-svg{width:100%;height:100%}.mala-bead{fill:var(--bg-darker);stroke:var(--border-color);stroke-width:.5px;transition:all var(--transition-fast),fill var(--transition-normal);cursor:pointer}.mala-bead:hover{fill:var(--accent-color);r:4px}.mala-bead.active{fill:var(--accent-color);r:4.5px;filter:drop-shadow(0 0 3px var(--accent-color))}.mala-bead.sumeru{fill:#e74c3c;r:6px;stroke:#ff9f89;stroke-width:1px}.theme-dark .mala-bead.sumeru{fill:#ff6b6b}.mala-center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.mala-current-num{font-size:1.6rem;font-weight:800;color:var(--accent-color);line-height:1}.mala-max-num{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-top:2px}.mala-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:4px}.progress-bar-wrapper{margin-top:12px}.progress-bar{height:6px;background-color:var(--bg-darker);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);transition:width var(--transition-normal);border-radius:3px}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-top:6px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--border-color)}.setting-row:last-of-type{border-bottom:none}.setting-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.setting-label i{color:var(--accent-color);font-size:.95rem}select{padding:8px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);outline:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast)}select:focus{border-color:var(--accent-color)}.number-input-group{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}#daily-target-input{width:70px;padding:6px 10px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.8rem;font-weight:600;text-align:center;outline:none}#daily-target-input:focus{border-color:var(--accent-color)}.danger-zone{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color)}.danger-zone .action-btn{font-size:.75rem;padding:6px 10px}.hidden{display:none!important}@keyframes breathe{0%{transform:scale(1);filter:drop-shadow(0 0 2px var(--accent-color))}50%{transform:scale(1.08);filter:drop-shadow(0 0 10px var(--accent-color))}to{transform:scale(1);filter:drop-shadow(0 0 2px var(--accent-color))}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.35}50%{opacity:.15}to{transform:scale(1.4);opacity:0}}@keyframes inkBleed{0%{opacity:0;transform:scale(.85) rotate(-2deg);filter:blur(1.5px)}30%{opacity:.8;filter:blur(.5px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}.mobile-navigation,.mobile-stats-strip{display:none}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr}.notebook-paper{min-height:400px}}@media (max-width: 768px){body{min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;padding:8px 10px;gap:8px;display:flex;flex-direction:column}.app-header{padding:6px 2px;flex-direction:row;justify-content:space-between;align-items:center;gap:2px;height:48px;border-radius:var(--border-radius-sm)}.brand{gap:4px}.spiritual-symbol-img{width:28px;height:28px}.spiritual-symbol{font-size:1.4rem}.brand-text h1{font-size:1rem;letter-spacing:.5px}.brand-text .subtitle{font-size:.55rem;letter-spacing:1px;margin-top:-4px}.app-header .quick-stats{display:none!important}.header-controls{gap:2px}.sound-control-btn{padding:2px}.sound-control-btn i{font-size:.9rem}.btn-subtext{font-size:.45rem}.mobile-stats-strip{display:flex;justify-content:space-around;align-items:center;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);padding:6px 8px;font-size:.75rem;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:0;flex-shrink:0}.mobile-stat-item{display:flex;align-items:center;gap:4px;font-weight:600}.mobile-stat-item span{color:var(--accent-color)}.shloka-banner{font-size:.75rem;padding:6px 10px;margin:5px auto;width:95%}.main-layout{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;padding-bottom:20px}body.active-tab-journal .notebook-section{display:flex}body:not(.active-tab-journal) .notebook-section{display:none!important}body.active-tab-mala .control-center,body.active-tab-mala .mala-card{display:flex}body:not(.active-tab-mala) .mala-card{display:none!important}body.active-tab-settings .control-center{display:flex}body.active-tab-settings .settings-card{display:block}body:not(.active-tab-settings) .settings-card{display:none!important}body.active-tab-journal .input-card,body.active-tab-mala .input-card{display:block}body.active-tab-settings .input-card{display:none!important}.notebook-section{display:flex;flex-direction:column;flex:1;min-height:0}.notebook-wrapper{padding:10px;border-radius:var(--border-radius-md);flex:1;display:flex;flex-direction:column;min-height:0;box-shadow:0 10px 20px #00000008}.notebook-header{margin-bottom:6px;padding-bottom:4px}.notebook-paper{flex:1;min-height:0;height:auto;overflow-y:auto;padding:1.2rem 8px 1.2rem 36px;background-size:100% 2.2rem;border-radius:var(--border-radius-sm)}.notebook-paper:before{left:28px}.notebook-paper.html2canvas-capture{height:auto!important;overflow:visible!important;max-height:none!important}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));column-gap:6px}.name-entry{font-size:1rem;height:2.2rem}.name-entry.font-devanagari,.name-entry.font-english{font-size:.95rem}.name-entry-placeholder{font-size:.9rem;height:2.2rem}.notebook-footer{margin-top:6px;padding:0 2px}.notebook-page-status{font-size:.7rem}.notebook-footer .action-btn{padding:4px 10px;font-size:.7rem}.control-center{display:flex;flex-direction:column;flex:none;gap:8px}.control-card{padding:12px;border-radius:var(--border-radius-md)}.input-card{margin-top:auto;padding:10px 12px;border-radius:var(--border-radius-md);flex-shrink:0}.input-card .card-header{margin-bottom:6px}.input-card h2{font-size:.9rem}.input-mode-switch .mode-btn{padding:2px 4px;font-size:.6rem}.language-selector{margin-bottom:8px;gap:6px;font-size:.7rem}.radio-group label{padding:3px 6px}#japa-input{padding:10px 12px;font-size:.95rem;border-radius:var(--border-radius-sm)}.input-progress-indicator{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.typing-guide{margin-top:4px;gap:15px}.guide-char{width:90px;height:90px;font-size:1.8rem}.pulse-btn,.round-ram-icon{width:90px;height:90px;box-shadow:0 5px 12px var(--glow-color)}.btn-core-text{font-size:1rem}.btn-sub-label{font-size:.55rem}.mala-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.mala-card .card-header{margin-bottom:4px;width:100%}.mala-visualizer-container{margin:4px 0;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.mala-circle-wrapper{width:130px;height:130px}.mala-current-num{font-size:1.5rem}.mala-max-num{font-size:.6rem}.mala-label{font-size:.5rem}.progress-bar-wrapper{width:100%;margin-top:4px}.settings-card{flex:1;overflow-y:auto;padding:12px;min-height:0}.settings-card h2{font-size:.9rem;margin-bottom:8px}.setting-row{padding:8px 0}.setting-label{font-size:.7rem}select{padding:4px 8px;font-size:.7rem}#daily-target-input{width:50px;padding:3px 6px;font-size:.7rem}.danger-zone{margin-top:10px;padding-top:8px;flex-direction:row;justify-content:space-between}.danger-zone .action-btn{font-size:.65rem;padding:4px 6px}.mobile-navigation{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background-color:var(--card-bg);border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #0000000d}.mobile-navigation .tab-btn{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-weight:600;transition:all var(--transition-fast)}.mobile-navigation .tab-btn i{font-size:1.1rem;transition:transform var(--transition-fast)}.mobile-navigation .tab-btn span{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.mobile-navigation .tab-btn.active{color:var(--accent-color)}.mobile-navigation .tab-btn.active i{transform:scale(1.1);text-shadow:0 0 8px var(--glow-color)}}#text-ring-container{position:absolute;top:40%;left:50%;width:clamp(280px,60vw,500px);height:clamp(280px,60vw,500px);transform:translate(-50%,-50%);pointer-events:none;z-index:50;transition:opacity 1s ease-out}#spiral-ring-container{position:absolute;top:40%;left:50%;width:clamp(280px,60vw,500px);height:clamp(280px,60vw,500px);transform:translate(-50%,-50%);pointer-events:none;z-index:40;animation:slow-spin 60s linear infinite;transition:opacity 1s ease-out}.ring-text-node{position:absolute;top:50%;left:50%;transform-origin:0 0;font-family:Yatra One,"Noto Serif Devanagari",serif;font-size:.55rem;font-weight:700;color:#f33;text-shadow:0 0 8px rgba(255,51,51,.6);opacity:0;pointer-events:auto;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slow-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.2) var(--target-transform)}to{opacity:1;transform:scale(1) var(--target-transform)}}.flying-text{position:fixed;font-family:Yatra One,"Noto Serif Devanagari",serif;font-size:2.5rem;color:var(--accent-color);font-weight:700;pointer-events:auto;z-index:2000;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--accent-color);animation:flyUp 2s cubic-bezier(.25,1,.5,1) forwards}@keyframes flyUp{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-40px) scale(1.2)}to{opacity:0;transform:translate(-50%,-200px) scale(1);filter:blur(2px)}}body.chant-active:before{animation:chant-burst .5s ease-out forwards!important}@keyframes chant-burst{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.03);filter:brightness(1.7)}to{transform:scale(1);filter:brightness(1)}}.completion-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none;background:radial-gradient(circle,#fffc,#fff0 70%);opacity:0;transition:opacity 1s ease}.theme-dark .completion-overlay{background:radial-gradient(circle,#000c,#0000 70%)}.completion-overlay.show{opacity:1}.completion-text{font-family:Yatra One,"Noto Serif Devanagari",Outfit,sans-serif;font-weight:900;font-size:5rem;text-align:center;color:var(--accent-color);text-shadow:0 0 20px var(--glow-color),0 0 40px var(--accent-color);transform:scale(.5);opacity:0;transition:all 1s cubic-bezier(.175,.885,.32,1.275)}.completion-overlay.show .completion-text{transform:scale(1);opacity:1}@media (max-width: 768px){.completion-text{font-size:3rem}}.login-container,.settings-container{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:2rem 0}@media (min-width: 769px){.login-container,.settings-container{align-items:center}}.login-card,.settings-page-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:3rem 2.5rem;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:450px}.settings-page-card{max-width:600px}@media (max-width: 768px){.login-card,.settings-page-card{padding:1.5rem 1rem;margin:auto 1rem;width:calc(100% - 2rem)}}@media (min-width: 768px){.app-header{padding:8px 20px;height:48px}.brand{gap:10px}.brand-text h1{font-size:1.2rem;line-height:1;margin:0}.spiritual-symbol-img{width:26px;height:26px}.stat-badge{padding:0 14px;gap:8px;border-radius:20px;height:28px}.badge-info{flex-direction:row;align-items:baseline;gap:6px}.badge-val{font-size:.9rem;line-height:1}.badge-label{font-size:.6rem;line-height:1}.badge-icon{font-size:.9rem}.small-visualizer{width:18px;height:18px}.mala-current-num{font-size:.65rem}.header-controls{display:flex;align-items:center;gap:8px}.sound-control-btn{padding:0;width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:14px;font-size:.9rem}.input-mode-switch{border-radius:20px;height:28px;display:flex;align-items:center;padding:2px}.input-mode-switch .mode-btn{padding:0 10px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;border-radius:12px}.pulse-btn{width:100px;height:100px}.pulse-btn .btn-core-text{font-size:1.2rem}.pulse-btn .btn-sub-label{font-size:.6rem}}.fade-out-hidden{opacity:0;visibility:hidden;transition:opacity 1s ease-out,visibility 1s ease-out}#voice-instructions-text{opacity:1;visibility:visible;transition:opacity 1s ease-out,visibility 1s ease-out}.login-form,.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}#close-announcement-btn{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.form-group input{background:var(--bg-darker);border:1px solid var(--border-color);padding:12px 16px;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--accent-color)}.login-btn{width:100%;margin-top:1rem}.quiz-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.quiz-overlay.show{opacity:1;visibility:visible}.quiz-container{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:var(--border-radius-lg);padding:2rem;width:90%;max-width:500px;text-align:center;transform:translateY(20px);transition:transform var(--transition-normal)}.quiz-overlay.show .quiz-container{transform:translateY(0)}.quiz-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem;color:var(--accent-color)}.quiz-header h3{font-family:Outfit,sans-serif;font-size:1.5rem}.quiz-question{font-size:1.2rem;margin-bottom:2rem;font-weight:500;line-height:1.4}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:1.5rem}.quiz-option-btn{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:12px;border-radius:var(--border-radius-sm);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-weight:500}.quiz-option-btn:hover{background:var(--accent-light);border-color:var(--accent-color)}.quiz-option-btn.correct{background:#27ae60;color:#fff;border-color:#2ecc71}.quiz-option-btn.wrong{background:#c0392b;color:#fff;border-color:#e74c3c}.quiz-option-btn:disabled{cursor:not-allowed;opacity:.8}.quiz-feedback{min-height:1.5rem;margin-bottom:1.5rem;font-weight:600;font-size:1.1rem}.quiz-feedback.success{color:#27ae60}.quiz-feedback.error{color:#c0392b}.quiz-continue-btn{background:var(--accent-gradient);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-sm);font-size:1.1rem;cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;box-shadow:0 4px 15px var(--glow-color);transition:all var(--transition-fast);display:inline-block}.quiz-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-color)}.announcement-banner{background:var(--accent-gradient);color:#fff;padding:10px 20px;text-align:center;font-family:Outfit,sans-serif;font-weight:600;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px var(--glow-color);z-index:1000;border-bottom:2px solid rgba(255,255,255,.2)}.announcement-banner.hidden{display:none!important}#global-announcement-text{flex:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}#close-announcement-btn{font-size:1.2rem;opacity:.8;transition:opacity .2s}#close-announcement-btn:hover{opacity:1}.header-profile-img{width:26px;height:26px;border-radius:50%;border:1px solid var(--accent-color);object-fit:cover}@media (max-width: 768px){.header-profile-img{width:20px;height:20px}}.hanging-bell{position:absolute;top:0;z-index:50;cursor:pointer;transform-origin:top center;animation:swing 3s ease-in-out infinite alternate;display:flex;flex-direction:column;align-items:center}.bell-left{left:5%;animation-delay:0s}.bell-right{right:5%;animation-delay:1.5s}.chain{width:4px;height:120px;background:linear-gradient(to right,#b8860b,gold,#b8860b);border-left:1px solid #8b6508;border-right:1px solid #8b6508}.bell-body{font-size:3rem;margin-top:-12px;filter:drop-shadow(0px 8px 12px rgba(224,90,22,.6));transition:transform .2s ease}.hanging-bell:active .bell-body{transform:scale(.9)}@keyframes swing{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@media (max-width: 768px){.bell-left{left:2%}.bell-right{right:2%}.chain{height:80px}.bell-body{font-size:2.2rem;margin-top:-8px}}html.aarti-page body:before,html.aarti-page body:after{background-image:url(/assets/ram_darbar_bg-CEmHMRyJ.png)!important;background-size:cover!important;background-position:center center!important}