.naam-jaap-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;color:var(--color-text);font-family:Outfit,sans-serif}.naam-jaap-header{margin-bottom:2rem}.naam-jaap-header h1{font-size:2.5rem;color:#f93;margin-bottom:.5rem}.mantra-display{background:var(--card-bg, #1f2937);padding:1.5rem;border-radius:1rem;margin-bottom:2rem;border:1px solid #ff9933;box-shadow:0 4px 6px -1px #0000001a;position:relative}.mantra-text{font-size:1.5rem;font-weight:600;color:#fbbf24;margin:0;line-height:1.4}.mantra-edit-input{width:100%;background:transparent;border:1px solid #4b5563;color:#fbbf24;font-size:1.5rem;text-align:center;padding:.5rem;border-radius:.5rem}.counter-display{margin:3rem 0;position:relative}.count-number{font-size:6rem;font-weight:700;line-height:1;color:#e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease}.count-number:active{transform:scale(.95)}.mala-progress{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;font-size:1.1rem;color:#9ca3af}.mala-stat span{display:block;font-size:1.5rem;font-weight:600;color:#f93}.controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.control-btn{background:#374151;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#e5e7eb}.control-btn:hover{background:#4b5563;transform:translateY(-2px)}.control-btn.active{background:#f93;color:#fff}.reset-btn{font-size:.9rem;padding:.5rem 1rem;border-radius:2rem;width:auto;height:auto}.settings-panel{background:var(--card-bg, #111827);padding:1.5rem;border-radius:1rem;text-align:left;margin-top:2rem;border:1px solid #374151}.settings-panel h3{color:#9ca3af;margin-top:0;border-bottom:1px solid #374151;padding-bottom:.5rem;margin-bottom:1rem}.setting-item{margin-bottom:1rem}.setting-item label{display:block;margin-bottom:.5rem;color:#d1d5db}.mantra-select{width:100%;padding:.5rem;background:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#e5e7eb}@media(max-width:640px){.naam-jaap-container{padding:1rem}.count-number{font-size:5rem}.mantra-text{font-size:1.25rem}}.info-container{margin-top:4rem;text-align:left}.info-card{background:var(--card-bg, #1f2937);padding:2rem;border-radius:1rem;border:1px solid #374151;margin-bottom:2rem}.info-card h2{color:#f93;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.info-card p,.info-card li{color:#d1d5db;line-height:1.6}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-list{list-style-type:disc;padding-left:1.5rem}.feature-list li{margin-bottom:.75rem}.feature-list strong{color:#fbbf24}.step-list{padding-left:1.5rem}.step-list li{margin-bottom:.75rem}@media(max-width:768px){.details-grid{grid-template-columns:1fr;gap:1.5rem}}