:root{--primary-color: #FF6B00;--accent-color: #FFD700;--saffron-light: #FF8C42;--saffron-dark: #E55A00;--white: #FFFFFF;--bg: #FFFBF5;--card-bg: #FFF8F0;--header-bg: linear-gradient(135deg, #FF6B00 0%, #FF8C42 100%);--text-primary: #2C1810;--text-secondary: #6B4423;--border-color: #E8D5C4;--ring-bg: #F5E6D3;--hover-bg: #FFE5D4;--error-color: #D32F2F;--lotus-pink: #FFB6C1;--divine-gold: #FFD700}[data-theme=dark]{--primary-color: #FF8C42;--accent-color: #FFD700;--saffron-light: #FFA366;--saffron-dark: #FF6B00;--white: #F5F5F5;--bg: #1A1208;--card-bg: #2C1F14;--header-bg: linear-gradient(135deg, #2C1F14 0%, #3D2819 100%);--text-primary: #F5E6D3;--text-secondary: #C4A484;--border-color: #4A3A2A;--ring-bg: #3D2F1F;--hover-bg: #3D2F1F;--error-color: #EF5350;--lotus-pink: #FFB6C1;--divine-gold: #FFD700}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}#root{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url(/mandala.avif);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;filter:grayscale(100%) brightness(1.1) contrast(.9);mix-blend-mode:multiply;pointer-events:none;z-index:-1;transition:opacity .3s ease,filter .3s ease}[data-theme=dark] body:before{opacity:.12;filter:grayscale(100%) brightness(.8) contrast(1.1);mix-blend-mode:screen}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,107,0,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.03) 0%,transparent 40%);background-size:100% 100%;pointer-events:none;z-index:-1}#root:before{content:"ॐ";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40vw;opacity:.02;color:var(--primary-color);pointer-events:none;z-index:-1;font-family:Noto Sans Devanagari,sans-serif;line-height:1}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary-color);color:#fff}.counter-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:100vh;gap:2rem;position:relative;background:radial-gradient(circle at 30% 20%,rgba(255,107,0,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,215,0,.08) 0%,transparent 50%);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.counter-container:before,.counter-container:after{content:"🪷";position:absolute;font-size:3rem;opacity:.1;z-index:0}.counter-container:before{top:2rem;left:2rem}.counter-container:after{bottom:2rem;right:2rem}.counter-display{text-align:center;z-index:1}.count-number{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(255,107,0,.3);position:relative;z-index:1;letter-spacing:2px}.count-number:before{content:"ॐ";position:absolute;left:-2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--accent-color);opacity:.5;pointer-events:none}.count-number:after{content:"ॐ";position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--accent-color);opacity:.5;pointer-events:none}@media(max-width:480px){.count-number:before,.count-number:after{display:none}}.count-label{font-size:1.2rem;color:var(--text-secondary);margin-bottom:.5rem}.malas-count{font-size:1rem;color:var(--accent-color);font-weight:500;margin-top:.5rem}.circle-container{position:relative;display:flex;align-items:center;justify-content:center;margin:2rem 0}.interactive-circle{width:320px;height:320px;border-radius:50%;border:6px solid var(--primary-color);background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.2),transparent 50%),linear-gradient(135deg,#ff6b0026,#ffd70026);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #ff6b001a,0 0 0 16px #ffd7000d,0 12px 40px #ff6b004d,inset 0 0 60px #ffd7001a;transition:all .3s ease;position:relative;touch-action:manipulation;overflow:visible;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.interactive-circle:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px dashed var(--accent-color);opacity:.3;animation:rotate 20s linear infinite;transform-origin:center center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.interactive-circle:hover{transform:scale(1.05);box-shadow:0 0 0 8px #ff6b0026,0 0 0 16px #ffd7001a,0 16px 50px #ff6b0066,inset 0 0 80px #ffd70026;border-color:var(--accent-color)}.interactive-circle:active{transform:scale(.95);box-shadow:0 0 0 8px #ff6b0033,0 0 0 16px #ffd7001a,0 8px 30px #ff6b0080,inset 0 0 100px #ffd70033}.circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;pointer-events:none}.circle-progress-text{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.circle-om{font-size:4.5rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;opacity:1;text-shadow:0 0 30px rgba(255,215,0,.5);filter:drop-shadow(0 0 10px rgba(255,107,0,.3));animation:pulseOm 3s ease-in-out infinite}@keyframes pulseOm{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.95}}.circle-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.click-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--primary-color);border:2px solid var(--accent-color);box-shadow:0 0 8px #ff6b3599;transform:translate(-50%,-50%);animation:dotAppear .3s ease;z-index:2}@keyframes dotAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.remaining-count{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.counter-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-button{padding:.9rem 2rem;border:2px solid var(--primary-color);background:linear-gradient(135deg,#ff6b001a,#ffd7001a);color:var(--primary-color);border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b0033;position:relative;overflow:hidden}.action-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}.action-button:hover:before{left:100%}.action-button:hover{background:linear-gradient(135deg,var(--primary-color),var(--saffron-light));color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0066}.action-button[data-active=true]{background:var(--primary-color);color:#fff}.action-button.reset{border-color:var(--error-color);color:var(--error-color)}.action-button.reset:hover{background:var(--error-color);color:#fff}.daily-count{text-align:center;padding:1.5rem 2.5rem;background:linear-gradient(135deg,var(--card-bg),rgba(255,215,0,.1));border-radius:20px;box-shadow:0 4px 16px #ff6b0033,inset 0 1px #ffffff80;border:2px solid rgba(255,107,0,.2);position:relative;overflow:hidden}.daily-count:before{content:"🪷";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.2}.daily-count:after{content:"🪷";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.2}.daily-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.daily-number{font-size:2rem;font-weight:600;color:var(--primary-color)}@media(max-width:768px){.counter-container{padding:1rem;gap:1.5rem}.count-number{font-size:3rem;letter-spacing:1px}.interactive-circle{width:min(250px,85vw);height:min(250px,85vw)}.circle-om{font-size:2.5rem}.circle-progress-text{font-size:1.2rem}.click-dot{width:10px;height:10px}.daily-count{padding:1rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box}.counter-actions{width:100%;max-width:100%;padding:0 1rem;box-sizing:border-box}.action-button{flex:1;min-width:0;padding:.75rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.counter-container{padding:.75rem;gap:1rem}.count-number{font-size:2.5rem}.interactive-circle{width:min(220px,80vw);height:min(220px,80vw)}.circle-om{font-size:2rem}.counter-container:before,.counter-container:after{display:none}}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;color:var(--text-primary)}.settings-content{padding:1.5rem}.setting-group{margin-bottom:1.5rem}.setting-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.setting-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--text-primary);box-sizing:border-box}.setting-input:focus{outline:none;border-color:var(--primary-color)}.goal-mode-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.mode-button{flex:1;padding:.75rem;border:2px solid var(--border-color);background:var(--bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.mode-button:hover{border-color:var(--primary-color)}.mode-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mala-count-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.mala-button{padding:.75rem;border:2px solid var(--border-color);background:var(--bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.mala-button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mala-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #ff6b004d}.custom-mala-input{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.setting-label-small{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.custom-mala-input .setting-input{flex:1}.setting-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.setting-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.setting-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-toggle span{color:var(--text-primary)}.settings-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.save-button{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.save-button:hover{opacity:.9}@media(max-width:768px){.mala-count-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.custom-mala-input{flex-direction:column;align-items:flex-start;gap:.5rem}.custom-mala-input .setting-input{width:100%}}.install-status{padding:1rem;background:var(--bg);border-radius:8px;border:2px solid var(--accent-color);text-align:center}.install-status-text{color:var(--accent-color);font-weight:600;font-size:1rem}.install-option{padding:1rem;background:var(--bg);border-radius:8px;border:2px solid var(--border-color)}.install-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.install-app-button{width:100%;padding:.9rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff6b004d}.install-app-button:hover:not(:disabled){background:var(--saffron-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b0066}.install-app-button:active:not(:disabled){transform:translateY(0)}.install-app-button:disabled{opacity:.5;cursor:not-allowed}.install-hint{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary);font-style:italic;text-align:center}.sankalp-list-container{padding:2rem;max-width:1200px;margin:0 auto}.sankalp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sankalp-header h2{color:var(--text-primary);margin:0}.create-button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.create-button:hover{opacity:.9}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.sankalp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sankalp-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.sankalp-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--primary-color)}.sankalp-card.complete{border-color:var(--accent-color);background:linear-gradient(135deg,var(--card-bg),rgba(255,215,0,.1))}.sankalp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sankalp-card-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.complete-badge{background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.sankalp-purpose{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;font-style:italic}.sankalp-progress{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--ring-bg);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.progress-text{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.progress-percent{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.sankalp-dates{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.delete-button{width:100%;padding:.5rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.delete-button:hover{background:var(--error-color);color:#fff}.create-sankalp-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-sankalp-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;box-shadow:0 8px 32px #0000004d}.create-sankalp-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.create-sankalp-header h2{margin:0;color:var(--text-primary)}.close-button{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button:hover{background:var(--hover-bg)}.create-sankalp-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.cancel-button{background:var(--bg);color:var(--text-primary);border:2px solid var(--border-color)}.cancel-button:hover{opacity:.8}.submit-button{background:var(--primary-color);color:#fff}.submit-button:hover{opacity:.9}.calendar-container{padding:2rem;max-width:1200px;margin:0 auto}.calendar-header{margin-bottom:2rem}.calendar-header h2{color:var(--text-primary);margin:0 0 1rem}.calendar-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.calendar-grid{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-day-header{text-align:center;font-weight:600;color:var(--text-secondary);font-size:.9rem;padding:.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border:2px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative;transition:transform .2s;cursor:pointer}.calendar-day:hover{transform:scale(1.05);z-index:1}.calendar-day.today{border-color:var(--primary-color);border-width:3px}.calendar-day.has-count{border-color:var(--accent-color)}.calendar-day.empty{border:none;cursor:default}.day-number{font-size:.9rem;font-weight:600;color:var(--text-primary)}.day-count{font-size:.7rem;color:var(--text-primary);font-weight:500;margin-top:.25rem}.calendar-legend{display:flex;gap:2rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color)}.legend-item span{color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.calendar-container{padding:1rem}.calendar-header h2{font-size:1.5rem;margin-bottom:.75rem}.calendar-stats{gap:1rem}.stat-label{font-size:.8rem}.stat-value{font-size:1.2rem}.calendar-grid{padding:1rem;border-radius:8px}.calendar-days-header{gap:.25rem;margin-bottom:.25rem}.calendar-day-header{font-size:.75rem;padding:.25rem}.calendar-days{gap:.25rem}.calendar-day{padding:.25rem;border-width:1px}.calendar-day.today{border-width:2px}.day-number{font-size:.75rem}.day-count{font-size:.6rem;margin-top:.1rem}.calendar-legend{gap:1rem;margin-top:1.5rem;flex-direction:column;align-items:center}.legend-color{width:20px;height:20px}.legend-item span{font-size:.8rem}}@media(max-width:480px){.calendar-container{padding:.75rem}.calendar-header h2{font-size:1.25rem}.calendar-stats{flex-direction:column;gap:.75rem}.calendar-grid{padding:.75rem}.calendar-day-header{font-size:.7rem;padding:.2rem}.day-number{font-size:.7rem}.day-count{font-size:.55rem}}.install-prompt{position:fixed;z-index:1000;animation:slideIn .3s ease-out}.install-prompt.top-right{top:1rem;right:1rem}.install-prompt.bottom-right{bottom:1rem;right:1rem}.install-prompt-content{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:16px;padding:1.25rem;box-shadow:0 8px 32px #0003,0 0 0 1px #ff6b001a;max-width:320px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.install-prompt-icon{font-size:2.5rem;text-align:center;margin-bottom:.75rem}.install-prompt-text{text-align:center;margin-bottom:1rem}.install-prompt-text h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:700}.install-prompt-text p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.install-prompt-actions{display:flex;gap:.75rem;margin-top:1rem}.install-button,.dismiss-button{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.install-button{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #ff6b004d}.install-button:hover{background:var(--saffron-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b0066}.install-button:active{transform:translateY(0)}.dismiss-button{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color)}.dismiss-button:hover{background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary)}.install-prompt-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1;padding:0}.install-prompt-close:hover{background:var(--hover-bg);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.install-prompt.top-right,.install-prompt.bottom-right{right:.75rem;left:.75rem;max-width:none}.install-prompt-content{max-width:100%}.install-prompt-text h3{font-size:1.1rem}.install-prompt-text p{font-size:.85rem}.install-button,.dismiss-button{padding:.65rem .85rem;font-size:.9rem}}@media(max-width:480px){.install-prompt.top-right{top:.5rem}.install-prompt.bottom-right{bottom:.5rem}.install-prompt.top-right,.install-prompt.bottom-right{right:.5rem;left:.5rem}.install-prompt-content{padding:1rem}.install-prompt-icon{font-size:2rem}}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.app-header{background:var(--header-bg);border-bottom:3px solid var(--primary-color);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px #ff6b0033;position:relative;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.app-header:before{content:"ॐ";position:absolute;left:2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--white);opacity:.1;pointer-events:none}@media(max-width:480px){.app-header:before{display:none}}.app-header:after{content:"ॐ";position:absolute;right:4rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--white);opacity:.1;pointer-events:none}@media(max-width:480px){.app-header:after{display:none}}.header-content{text-align:center;margin-bottom:1rem}.app-title{font-size:2.5rem;font-weight:700;color:var(--white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.3);letter-spacing:2px;position:relative;display:inline-block}.app-logo{height:100px;width:auto;max-width:100%;display:block;margin:0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));object-fit:contain}@media(max-width:768px){.app-logo{height:70px}}@media(max-width:480px){.app-logo{height:60px}}.mantra-display{font-size:1.3rem;color:var(--white);margin-top:.75rem;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.2);letter-spacing:1px;font-weight:500;opacity:.95}.theme-toggle{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:var(--white);border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.theme-toggle:hover{background:#ffd70033;border-color:var(--accent-color);transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #ffd70066}.app-nav{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.nav-button{padding:.6rem 1.8rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:var(--white);border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-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 .5s}.nav-button:hover:before{left:100%}.nav-button:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ffd7001a;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.nav-button.active{background:var(--accent-color);color:var(--text-primary);border-color:var(--accent-color);box-shadow:0 4px 16px #ffd70066;font-weight:700}.settings-button{padding:.5rem 1rem;font-size:1.2rem}.app-main{flex:1;width:100%}.sankalp-detail-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sankalp-detail-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.sankalp-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.sankalp-detail-header h2{margin:0;color:var(--text-primary)}.sankalp-detail-content{padding:1.5rem}.sankalp-detail-purpose{color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem;padding:1rem;background:var(--bg);border-radius:8px}.sankalp-detail-progress{margin-bottom:1.5rem}.progress-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.progress-stat{text-align:center;padding:1rem;background:var(--bg);border-radius:8px}.progress-stat .stat-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.progress-stat .stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary-color)}.progress-bar-large{width:100%;height:16px;background:var(--ring-bg);border-radius:8px;overflow:hidden;margin-bottom:.5rem}.progress-fill-large{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.progress-percent-large{text-align:center;font-size:1.2rem;font-weight:600;color:var(--primary-color)}.sankalp-detail-dates{margin-bottom:1.5rem;color:var(--text-secondary)}.sankalp-detail-dates p{margin:.5rem 0}.sankalp-complete-celebration{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--card-bg),rgba(255,215,0,.1));border-radius:12px;border:2px solid var(--accent-color)}.celebration-icon{font-size:4rem;margin-bottom:1rem}.sankalp-complete-celebration h3{color:var(--accent-color);margin:0 0 .5rem;font-size:1.5rem}.sankalp-complete-celebration p{color:var(--text-secondary);margin:0}@media(max-width:768px){.app-header{padding:1rem 3.5rem 1rem 1rem}.app-title{font-size:1.5rem;letter-spacing:1px}.mantra-display{font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.app-header:after{right:3.5rem}.theme-toggle{width:40px;height:40px;font-size:1.2rem;top:.75rem;right:.75rem}.nav-button{padding:.5rem 1rem;font-size:.9rem;white-space:nowrap}.progress-info{grid-template-columns:1fr}}@media(max-width:480px){.app-header{padding:.75rem 3rem .75rem .75rem}.app-title{font-size:1.25rem}.mantra-display{font-size:.9rem;padding:0 .5rem}.nav-button{padding:.4rem .75rem;font-size:.85rem}}