@charset "UTF-8";.button-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.button-info-modal{background-color:#fff;border-radius:.75rem;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 4px 20px #00000026}.button-info-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.button-info-modal .modal-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.button-info-modal .modal-header .close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.button-info-modal .modal-header .close-btn:hover{background-color:#f9fafb;color:#1f2937}.button-info-modal .modal-content{margin-bottom:1.5rem}.button-info-modal .modal-content p{font-size:1rem;line-height:1.5;color:#1f2937;margin:0}.button-info-modal .modal-footer{display:flex;justify-content:flex-end}.button-info-modal .modal-footer .ok-btn{padding:.5rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.button-info-modal .modal-footer .ok-btn:hover{background-color:#1d4ed8}.calendar-view{padding:1rem}@media (min-width: 768px){.calendar-view{padding:1.5rem}}@media (min-width: 1024px){.calendar-view{padding:3rem}}.calendar-view .date-header{text-align:center;margin-bottom:1.5rem;position:relative}.calendar-view .date-header h2{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;padding:0 3rem}@media (min-width: 768px){.calendar-view .date-header h2{font-size:1.25rem;padding:0 4rem}}@media (min-width: 1024px){.calendar-view .date-header h2{font-size:1.5rem}}.calendar-view .date-header .nav-btn{position:absolute;top:50%;transform:translateY(-50%);padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:#fff;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;color:#1f2937;z-index:1}.calendar-view .date-header .nav-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.calendar-view .date-header .nav-btn:disabled{opacity:.4;cursor:not-allowed}.calendar-view .date-header .nav-btn.prev-btn{left:0}.calendar-view .date-header .nav-btn.next-btn{right:0}@media (max-width: 640px){.calendar-view .date-header .nav-btn{padding:.25rem .5rem}.calendar-view .date-header .nav-btn span{display:none}.calendar-view .date-header .nav-btn svg{width:16px;height:16px}}.calendar-view .nav-center-btns{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.calendar-view .nav-center-btns .button-with-info{display:flex;align-items:center;gap:.25rem;flex:1;min-width:120px}@media (min-width: 768px){.calendar-view .nav-center-btns .button-with-info{flex:none;min-width:140px}}.calendar-view .nav-center-btns .info-icon-btn{background:none;border:none;cursor:pointer;padding:.25rem;font-size:.875rem;opacity:.7;transition:all .3s ease;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.calendar-view .nav-center-btns .info-icon-btn:hover{opacity:1;background-color:#2563eb1a}@media (max-width: 640px){.calendar-view .nav-center-btns .info-icon-btn{width:28px;height:28px;font-size:.75rem}}.calendar-view .nav-center-btns .today-btn,.calendar-view .nav-center-btns .date-picker-btn,.calendar-view .nav-center-btns .earliest-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:2px solid #e0e0e0;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;color:#1f2937;background-color:#fff;flex:1;min-width:120px;justify-content:center}.calendar-view .nav-center-btns .today-btn:hover,.calendar-view .nav-center-btns .date-picker-btn:hover,.calendar-view .nav-center-btns .earliest-btn:hover{border-color:#2563eb;color:#2563eb}@media (max-width: 640px){.calendar-view .nav-center-btns .today-btn,.calendar-view .nav-center-btns .date-picker-btn,.calendar-view .nav-center-btns .earliest-btn{font-size:.75rem;padding:.25rem .5rem;min-width:100px}}@media (min-width: 768px){.calendar-view .nav-center-btns .today-btn,.calendar-view .nav-center-btns .date-picker-btn,.calendar-view .nav-center-btns .earliest-btn{flex:none;min-width:140px}}.calendar-view .nav-center-btns .today-btn{background-color:#2563eb;color:#fff;border-color:#2563eb}.calendar-view .nav-center-btns .today-btn:hover{background-color:#1d4ed8;border-color:#1d4ed8;color:#fff}.calendar-view .nav-center-btns .date-picker-btn{background-color:#64748b;color:#fff;border-color:#64748b}.calendar-view .nav-center-btns .date-picker-btn:hover{background-color:#4f5b6d;border-color:#4f5b6d;color:#fff}.calendar-view .nav-center-btns .earliest-btn{background-color:#10b981;color:#fff;border-color:#10b981}.calendar-view .nav-center-btns .earliest-btn:hover{background-color:#0c8a60;border-color:#0c8a60;color:#fff}@media (max-width: 640px){.calendar-view .nav-center-btns{gap:.25rem}}@media (min-width: 768px){.calendar-view .nav-center-btns{gap:1rem}}.calendar-view .hidden-date-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.calendar-view .prayer-list{display:flex;flex-direction:column;gap:1rem}.calendar-view .prayer-list .prayer-item{background-color:#fff;border:2px solid #e0e0e0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.calendar-view .prayer-list .prayer-item:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.calendar-view .prayer-list .prayer-item .prayer-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.calendar-view .prayer-list .prayer-item .prayer-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.calendar-view .prayer-list .prayer-item .prayer-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:#2563eb;border-color:#2563eb}.calendar-view .prayer-list .prayer-item .prayer-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (min-width: 768px){.calendar-view .prayer-list .prayer-item .prayer-checkbox input[type=checkbox]:checked+.checkbox-custom:after{left:7px;top:3px;width:6px;height:12px;border-width:0 3px 3px 0}}.calendar-view .prayer-list .prayer-item .prayer-checkbox .checkbox-custom{width:22px;height:22px;border:2px solid #e0e0e0;border-radius:.375rem;margin-right:1rem;position:relative;transition:all .3s ease;flex-shrink:0}@media (min-width: 768px){.calendar-view .prayer-list .prayer-item .prayer-checkbox .checkbox-custom{width:24px;height:24px;margin-right:1.5rem}}@media (min-width: 1024px){.calendar-view .prayer-list .prayer-item .prayer-checkbox .checkbox-custom{width:28px;height:28px}}.calendar-view .prayer-list .prayer-item .prayer-checkbox .prayer-name{font-size:1rem;font-weight:500;color:#1f2937}@media (min-width: 768px){.calendar-view .prayer-list .prayer-item .prayer-checkbox .prayer-name{font-size:1.125rem}}@media (min-width: 1024px){.calendar-view .prayer-list .prayer-item .prayer-checkbox .prayer-name{font-size:1.25rem}}.count-view{padding:.5rem}@media (min-width: 768px){.count-view{padding:3rem}}.count-view .total-missed-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width: 640px){.count-view .total-missed-section{padding:.5rem 1rem;margin-bottom:.5rem}}@media (min-width: 768px){.count-view .total-missed-section{padding:1.5rem;margin-bottom:1.5rem;display:block}}.count-view .total-missed-section .total-missed-label{font-size:.875rem;font-weight:500;opacity:.9;white-space:nowrap}@media (min-width: 768px){.count-view .total-missed-section .total-missed-label{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;display:block}}.count-view .total-missed-section .total-missed-count{font-size:1.5rem;font-weight:700;background:#fff3;padding:.5rem 1rem;border-radius:.5rem;min-width:80px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 640px){.count-view .total-missed-section .total-missed-count{font-size:1.25rem;padding:.25rem .5rem;min-width:60px}}@media (min-width: 768px){.count-view .total-missed-section .total-missed-count{font-size:2.25rem;background:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:auto;display:block}}.count-view .prayer-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 640px){.count-view .prayer-cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 768px){.count-view .prayer-cards{grid-template-columns:repeat(3,1fr);gap:2rem}}.count-view .prayer-cards .prayer-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;min-height:120px}@media (max-width: 640px){.count-view .prayer-cards .prayer-card{padding:.25rem;gap:.25rem;min-height:110px}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card{padding:2rem;gap:1.5rem;border-radius:.75rem;min-height:200px}}.count-view .prayer-cards .prayer-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.count-view .prayer-cards .prayer-card .prayer-card-header h3{font-size:.875rem;font-weight:600;color:#1f2937;text-align:center;margin:0;line-height:1.2}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-header h3{font-size:.75rem}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-header h3{font-size:1.25rem}}.count-view .prayer-cards .prayer-card .prayer-card-count{display:flex;justify-content:center;align-items:center;padding:.25rem;background-color:#f5f5f5;border-radius:.375rem;flex:1}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-count{padding:.25rem;min-height:40px}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-count{padding:1.5rem;border-radius:.5rem}}.count-view .prayer-cards .prayer-card .prayer-card-count .count-value{font-size:1.125rem;font-weight:700;color:#2563eb}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-count .count-value{font-size:1rem}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-count .count-value{font-size:1.875rem}}@media (min-width: 1024px){.count-view .prayer-cards .prayer-card .prayer-card-count .count-value{font-size:2.25rem}}.count-view .prayer-cards .prayer-card .prayer-card-actions{display:flex;gap:.25rem;justify-content:center}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-actions{gap:.25rem;margin-bottom:5px;margin-top:5px}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-actions{gap:1rem}}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn{width:24px;height:24px}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn{width:48px;height:48px}}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn:disabled{opacity:.3;cursor:not-allowed}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn.minus-btn{background-color:#ef4444;color:#fff}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn.minus-btn:hover:not(:disabled){background-color:#eb1515;transform:scale(1.05)}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn.plus-btn{background-color:#10b981;color:#fff}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn.plus-btn:hover:not(:disabled){background-color:#0c8a60;transform:scale(1.05)}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn.plus-btn{margin-left:30px}}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn:active:not(:disabled){transform:scale(.95)}.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn svg{width:12px;height:12px}@media (max-width: 640px){.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn svg{width:10px;height:10px}}@media (min-width: 768px){.count-view .prayer-cards .prayer-card .prayer-card-actions .action-btn svg{width:20px;height:20px}}.all-missed-days{padding:1rem;max-width:1200px;margin:0 auto}@media (max-width: 640px){.all-missed-days{padding:.5rem;margin:0}}.all-missed-days .page-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}@media (max-width: 640px){.all-missed-days .page-header{flex-direction:row;margin-bottom:5px;justify-content:center;align-items:center}}.all-missed-days .page-header h1{text-align:center}.all-missed-days .page-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.all-missed-days .page-header .back-btn:hover{background-color:#1d4ed8}@media (max-width: 640px){.all-missed-days .page-header .back-btn{width:10%;justify-content:center}}.all-missed-days .page-header h1{font-size:1.5rem;color:#1f2937;margin:0;flex:1}@media (max-width: 640px){.all-missed-days .page-header h1{width:89%;text-align:center;font-size:1.25rem}}.all-missed-days .legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}@media (max-width: 640px){.all-missed-days .legend{flex-direction:column;gap:.5rem}}.all-missed-days .legend .legend-item{display:flex;align-items:center;gap:.5rem}.all-missed-days .legend .legend-item .legend-box{width:40px;height:30px;border:2px solid #000;border-radius:.375rem}.all-missed-days .legend .legend-item .legend-box.all-completed{background-color:#10b981}.all-missed-days .legend .legend-item .legend-box.some-completed{background-color:#58f1be}.all-missed-days .legend .legend-item .legend-box.none-completed{background-color:#fff}.all-missed-days .days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding-bottom:2rem}@media (max-width: 640px){.all-missed-days .days-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.all-missed-days .days-grid .day-tile{padding:1rem;text-align:center;border:2px solid #000;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform box-shadow .3s ease}.all-missed-days .days-grid .day-tile:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.all-missed-days .days-grid .day-tile.day-tile-all-completed{background-color:#10b981;color:#fff;border-color:#0c8a60}.all-missed-days .days-grid .day-tile.day-tile-some-completed{background-color:#58f1be;color:#0c8a60;border-color:#10b981}.all-missed-days .days-grid .day-tile.day-tile-none-completed{background-color:#fff;color:#374151;border-color:#6b7280}.all-missed-days .loading{text-align:center;padding:3rem;font-size:1.125rem;color:#6b7280}.import-modal{background:#fff;border-radius:.75rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.import-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #e5e7eb}.import-modal .modal-header h2{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.import-modal .modal-header .close-btn{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;transition:all .3s ease}.import-modal .modal-header .close-btn:hover:not(:disabled){color:#1f2937;transform:scale(1.1)}.import-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.import-modal .modal-content{padding:1.5rem}.import-modal .modal-content .import-warning{background-color:#f8d6d6;border:1px solid #dc2626;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.import-modal .modal-content .import-warning strong{color:#861616;display:block;margin-bottom:.25rem}.import-modal .modal-content .import-warning p{margin:0;color:#1f2937;font-size:.875rem;line-height:1.4}.import-modal .modal-content .file-drop-zone{border:2px dashed #e0e0e0;border-radius:.5rem;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.import-modal .modal-content .file-drop-zone:hover,.import-modal .modal-content .file-drop-zone.drag-over{border-color:#2563eb;background-color:#f0f9ff}.import-modal .modal-content .file-drop-zone .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-modal .modal-content .file-drop-zone .drop-zone-content{pointer-events:none}.import-modal .modal-content .file-drop-zone .drop-zone-content .upload-icon{font-size:2.25rem;margin-bottom:1rem}.import-modal .modal-content .file-drop-zone .drop-zone-content .drop-zone-text{font-size:1rem;color:#1f2937;margin:0 0 .5rem;font-weight:500}.import-modal .modal-content .file-drop-zone .drop-zone-content .file-requirements{font-size:.875rem;color:#6b7280;margin:0}.import-modal .modal-content .file-info{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.import-modal .modal-content .file-info strong{color:#1f2937}.import-modal .modal-content .file-info span{color:#374151;font-family:monospace}.import-modal .modal-content .error-messages{margin-top:1rem}.import-modal .modal-content .error-messages .error-message{background-color:#fff;border:1px solid #ef4444;border-radius:.5rem;padding:.5rem 1rem;margin-bottom:.25rem;color:#bd1010;font-size:.875rem}.import-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:2px solid #e5e7eb}.import-modal .modal-actions .cancel-btn{padding:1rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.import-modal .modal-actions .cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#6b7280}.import-modal .modal-actions .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.import-modal .modal-actions .import-btn{padding:1rem 1.5rem;border:2px solid #2563eb;background:#2563eb;color:#fff;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.import-modal .modal-actions .import-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.import-modal .modal-actions .import-btn:disabled{opacity:.5;cursor:not-allowed}.import-modal .modal-actions .import-btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page{min-height:100vh;background-color:#fff;display:flex;flex-direction:column}.home-page .home-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#2563eb;color:#fff;box-shadow:0 4px 6px #0000001a}.home-page .home-header .app-title{font-size:1.5rem;font-weight:600;flex:1;text-align:center}@media (min-width: 768px){.home-page .home-header .app-title{font-size:1.875rem}}.home-page .home-header .view-all-btn,.home-page .home-header .settings-btn{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:#fff;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.home-page .home-header .view-all-btn:hover,.home-page .home-header .settings-btn:hover{background-color:#ffffff1a}.home-page .home-header .header-buttons{display:flex;gap:.5rem;align-items:center}.home-page .view-tabs{display:flex;background-color:#f5f5f5;border-bottom:2px solid #e0e0e0}.home-page .view-tabs .tab-btn{flex:1;padding:1rem;font-size:1rem;font-weight:500;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .3s ease;position:relative}.home-page .view-tabs .tab-btn.active{color:#2563eb}.home-page .view-tabs .tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#2563eb}.home-page .view-content{flex:1;overflow-y:auto}.home-page .no-settings{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:1.5rem}.home-page .no-settings .no-settings-content{text-align:center;max-width:400px}.home-page .no-settings .no-settings-content p{font-size:1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.home-page .no-settings .no-settings-content .settings-link-btn{padding:1rem 3rem;font-size:1rem;font-weight:500;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;margin-bottom:1rem;width:100%}.home-page .no-settings .no-settings-content .settings-link-btn:hover{background-color:#1d4ed8}.home-page .no-settings .no-settings-content .import-link-btn{padding:1rem 3rem;font-size:1rem;font-weight:500;background-color:transparent;color:#2563eb;border:2px solid #2563eb;border-radius:.5rem;cursor:pointer;transition:all .3s ease;width:100%}.home-page .no-settings .no-settings-content .import-link-btn:hover{background-color:#2563eb;color:#fff}.puberty-age-info{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.puberty-age-info{padding:3rem}}.puberty-age-info .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.puberty-age-info .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.puberty-age-info .page-header .back-btn:hover{background-color:#1d4ed8}.puberty-age-info .page-header .back-btn svg{width:20px;height:20px}.puberty-age-info .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.puberty-age-info .page-content{max-width:800px;margin:0 auto}.puberty-age-info .page-content .content-section{display:flex;flex-direction:column;gap:3rem}.puberty-age-info .page-content .content-section .intro-text,.puberty-age-info .page-content .content-section .girls-puberty-text,.puberty-age-info .page-content .content-section .default-age-text{font-size:1rem;color:#374151;line-height:1.7;margin:0}.puberty-age-info .page-content .content-section .quote-section{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border-left:4px solid #2563eb;position:relative}.puberty-age-info .page-content .content-section .quote-section .quote-icon{font-size:2.25rem;color:#2563eb;position:absolute;top:1rem;left:1rem;opacity:.3}.puberty-age-info .page-content .content-section .quote-section .quote-intro{font-size:1rem;color:#374151;font-weight:500;margin:0 0 1rem;padding-left:3rem}.puberty-age-info .page-content .content-section .quote-section .hadith-quote{font-size:1rem;color:#1f2937;line-height:1.8;font-style:italic;margin:0 0 1rem;padding-left:3rem}.puberty-age-info .page-content .content-section .quote-section .quote-reference{display:block;font-size:.875rem;color:#6b7280;text-align:right;font-style:normal;padding-left:3rem}.puberty-age-info .page-content .content-section .source-section{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border-top:2px solid #e0e0e0}.puberty-age-info .page-content .content-section .source-section .source-text{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;white-space:pre-wrap;font-family:inherit}.changelog{padding:1rem;max-width:900px;margin:0 auto}@media (max-width: 640px){.changelog{padding:.5rem}}.changelog .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.changelog .page-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.changelog .page-header .back-btn:hover{background-color:#1d4ed8}.changelog .page-header h1{font-size:1.5rem;color:#1f2937;margin:0;flex:1;text-align:center}.changelog .changelog-content{margin-top:1rem}.changelog .changelog-content .version-section{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #2563eb}@media (max-width: 640px){.changelog .changelog-content .version-section{padding:1rem}}.changelog .changelog-content .version-section .version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}@media (max-width: 640px){.changelog .changelog-content .version-section .version-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.changelog .changelog-content .version-section .version-header h2{font-size:1.5rem;color:#1f2937;margin:0}@media (max-width: 640px){.changelog .changelog-content .version-section .version-header h2{font-size:1.25rem}}.changelog .changelog-content .version-section .version-header .version-date{font-size:.875rem;color:#6b7280;font-weight:500}.changelog .changelog-content .version-section .changes-list{list-style:none;padding:0;margin:0}.changelog .changelog-content .version-section .changes-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151;line-height:1.6}@media (max-width: 640px){.changelog .changelog-content .version-section .changes-list li{padding:.25rem 0 .25rem 1rem;font-size:.875rem}}.changelog .changelog-content .version-section .changes-list li:before{content:"•";position:absolute;left:0;color:#2563eb;font-size:1.5rem;line-height:1.2}.changelog .changelog-content .version-section .changes-list li:not(:last-child){border-bottom:1px solid #e5e7eb}.changelog .loading{text-align:center;padding:3rem;font-size:1.125rem;color:#6b7280}.settings-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.settings-page{padding:3rem}}.settings-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.settings-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.settings-page .page-header .back-btn:hover{background-color:#1d4ed8}.settings-page .page-header .back-btn svg{width:20px;height:20px}.settings-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.settings-page .page-header .header-icons{display:flex;gap:.5rem}.settings-page .page-header .header-icons .info-icon-btn,.settings-page .page-header .header-icons .qazo-icon-btn,.settings-page .page-header .header-icons .hayz-icon-btn,.settings-page .page-header .header-icons .nifos-icon-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;color:#2563eb;border:2px solid #2563eb;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.settings-page .page-header .header-icons .info-icon-btn:hover,.settings-page .page-header .header-icons .qazo-icon-btn:hover,.settings-page .page-header .header-icons .hayz-icon-btn:hover,.settings-page .page-header .header-icons .nifos-icon-btn:hover{background-color:#2563eb;color:#fff}.settings-page .page-header .header-icons .info-icon-btn svg,.settings-page .page-header .header-icons .qazo-icon-btn svg,.settings-page .page-header .header-icons .hayz-icon-btn svg,.settings-page .page-header .header-icons .nifos-icon-btn svg{width:20px;height:20px}.settings-page .settings-form{display:flex;flex-direction:column;gap:3rem}.settings-page .settings-form .form-section{display:flex;flex-direction:column;gap:1.5rem}.settings-page .settings-form .form-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.settings-page .settings-form .form-section .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-page .settings-form .form-section .form-group label{font-size:.875rem;font-weight:500;color:#374151}.settings-page .settings-form .form-section .form-group input,.settings-page .settings-form .form-section .form-group select{padding:1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.5rem;background-color:#fff;transition:border-color .3s ease}.settings-page .settings-form .form-section .form-group input:focus,.settings-page .settings-form .form-section .form-group select:focus{outline:none;border-color:#2563eb}.settings-page .settings-form .form-section .form-group input.error,.settings-page .settings-form .form-section .form-group select.error{border-color:#ef4444}.settings-page .settings-form .form-section .error-message{font-size:.75rem;color:#ef4444}.settings-page .settings-form .form-section .hint{font-size:.75rem;color:#6b7280;font-style:italic;line-height:1.4}.settings-page .settings-form .form-section .language-buttons,.settings-page .settings-form .form-section .gender-buttons{display:flex;gap:1rem}.settings-page .settings-form .form-section .lang-btn,.settings-page .settings-form .form-section .gender-btn{flex:1;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #e0e0e0;border-radius:.5rem;background-color:#fff;color:#1f2937;cursor:pointer;transition:all .3s ease}.settings-page .settings-form .form-section .lang-btn:hover,.settings-page .settings-form .form-section .gender-btn:hover{border-color:#2563eb}.settings-page .settings-form .form-section .lang-btn.active,.settings-page .settings-form .form-section .gender-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.settings-page .settings-form .form-section .lang-btn.error,.settings-page .settings-form .form-section .gender-btn.error{border-color:#ef4444}@media (min-width: 768px){.settings-page .settings-form .form-section .language-buttons{max-width:400px}}.settings-page .settings-form .form-section .label-with-info{display:flex;align-items:center;gap:.5rem}.settings-page .settings-form .form-section .info-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-size:inherit;font-size:1.25rem;padding:.25rem;line-height:1;transition:transform .3s ease}.settings-page .settings-form .form-section .info-btn:hover{transform:scale(1.1)}.settings-page .settings-form .form-section .puberty-age-control{display:flex;align-items:center;gap:1rem;padding:.5rem;background-color:#f9fafb;border-radius:.5rem;justify-content:center}.settings-page .settings-form .form-section .age-btn{width:48px;height:48px;font-size:1.5rem;font-weight:600;background-color:#2563eb;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-page .settings-form .form-section .age-btn:hover:not(:disabled){background-color:#1d4ed8;transform:scale(1.05)}.settings-page .settings-form .form-section .age-btn:active:not(:disabled){transform:scale(.95)}.settings-page .settings-form .form-section .age-btn:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.5}.settings-page .settings-form .form-section .age-display{font-size:1.875rem;font-weight:700;color:#2563eb;min-width:60px;text-align:center}.settings-page .settings-form .save-btn{padding:1.5rem;font-size:1.125rem;font-weight:600;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.settings-page .settings-form .save-btn:hover{background-color:#1d4ed8}.settings-page .settings-form .save-btn:active{background-color:#1e40af}.settings-page .settings-form .success-message{padding:1rem;background-color:#10b981;color:#fff;border-radius:.5rem;text-align:center;font-weight:500}.settings-page .settings-form .changelog-link-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.settings-page .settings-form .changelog-link-section .changelog-link-btn,.settings-page .settings-form .changelog-link-section .reset-data-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #e0e0e0;border-radius:.5rem;background-color:#fff;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-page .settings-form .changelog-link-section .changelog-link-btn:hover,.settings-page .settings-form .changelog-link-section .reset-data-btn:hover{border-color:#2563eb;background-color:#f0f9ff}.settings-page .settings-form .changelog-link-section .import-data-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #10b981;border-radius:.5rem;background-color:#fff;color:#10b981;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.settings-page .settings-form .changelog-link-section .import-data-btn:hover{background-color:#10b981;color:#fff}.settings-page .settings-form .changelog-link-section .export-data-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #2563eb;border-radius:.5rem;background-color:#fff;color:#2563eb;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.settings-page .settings-form .changelog-link-section .export-data-btn:hover{background-color:#2563eb;color:#fff}.settings-page .settings-form .changelog-link-section .reset-data-btn{margin-top:1rem;border-color:#dc2626;color:#dc2626}.settings-page .settings-form .changelog-link-section .reset-data-btn:hover{background-color:#dc2626;color:#fff}.settings-page .settings-form .changelog-link-section .information-pages-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.settings-page .settings-form .changelog-link-section .information-pages-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;text-align:center}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #2563eb;border-radius:.5rem;background-color:#fff;color:#2563eb;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;text-align:left}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn:active{transform:translateY(0)}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn .btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn .btn-icon svg{width:20px;height:20px}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn span{flex:1}.settings-page .settings-form .changelog-link-section .information-pages-section .info-page-btn:last-child{margin-bottom:0}.settings-page .settings-form .changelog-link-btn,.settings-page .settings-form .reset-data-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #e0e0e0;border-radius:.5rem;background-color:#fff;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-page .settings-form .changelog-link-btn:hover,.settings-page .settings-form .reset-data-btn:hover{border-color:#2563eb;background-color:#f0f9ff}.settings-page .settings-form .export-data-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;border:2px solid #2563eb;border-radius:.5rem;background-color:#fff;color:#2563eb;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.settings-page .settings-form .export-data-btn:hover{background-color:#2563eb;color:#fff}.settings-page .settings-form .reset-data-btn{margin-top:1rem;border-color:#dc2626;color:#dc2626}.settings-page .settings-form .reset-data-btn:hover{background-color:#dc2626;color:#fff}.settings-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1040;padding:1rem}.settings-page .modal-overlay .confirmation-modal{background:#fff;padding:2rem;border-radius:.75rem;max-width:400px;width:100%;box-shadow:0 10px 25px #0003}.settings-page .modal-overlay .confirmation-modal h3{margin:0 0 1rem;color:#1f2937;font-size:1.25rem;font-weight:600}.settings-page .modal-overlay .confirmation-modal p{margin:0 0 1.5rem;color:#6b7280;line-height:1.5}.settings-page .modal-overlay .modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.settings-page .modal-overlay .cancel-btn{padding:.5rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.settings-page .modal-overlay .cancel-btn:hover{background:#f9fafb;border-color:#6b7280}.settings-page .modal-overlay .confirm-btn{padding:.5rem 1.5rem;border:2px solid #dc2626;background:#dc2626;color:#fff;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.settings-page .modal-overlay .confirm-btn:hover{background:#b21d1d;border-color:#b21d1d}.information-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.information-page{padding:3rem}}.information-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.information-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.information-page .page-header .back-btn:hover{background-color:#1d4ed8}.information-page .page-header .back-btn svg{width:20px;height:20px}.information-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.information-page .page-content{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:0 auto}.information-page .page-content .info-section{display:flex;flex-direction:column;gap:1.5rem}.information-page .page-content .info-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.information-page .page-content .info-section p{font-size:1rem;color:#374151;line-height:1.6;margin:0}.information-page .page-content .info-section .calculation-steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.information-page .page-content .info-section .calculation-steps .step{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border-left:4px solid #2563eb}.information-page .page-content .info-section .calculation-steps .step h3{font-size:1.125rem;font-weight:600;color:#2563eb;margin:0 0 .5rem}.information-page .page-content .info-section .calculation-steps .step p{margin-bottom:1rem}.information-page .page-content .info-section .calculation-steps .step .formula{background-color:#fff;padding:1rem;border-radius:.5rem;font-family:monospace;font-weight:600;color:#2563eb;text-align:center;border:1px solid #e0e0e0}.information-page .page-content .info-section .example{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border:1px solid #e0e0e0}.information-page .page-content .info-section .example p{margin-bottom:1rem}.information-page .page-content .info-section .example ul{margin:1rem 0;padding-left:2rem}.information-page .page-content .info-section .example ul li{font-size:1rem;color:#374151;line-height:1.6;margin-bottom:.25rem}.information-page .page-content .info-section .example strong{color:#1f2937}.qazo-info-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.qazo-info-page{padding:3rem}}.qazo-info-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.qazo-info-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.qazo-info-page .page-header .back-btn:hover{background-color:#1d4ed8}.qazo-info-page .page-header .back-btn svg{width:20px;height:20px}.qazo-info-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.qazo-info-page .page-content{max-width:800px;margin:0 auto}.qazo-info-page .page-content .content-section{display:flex;flex-direction:column;gap:3rem}.qazo-info-page .page-content .content-section .intro-text{font-size:1rem;color:#374151;line-height:1.7;margin:0}.qazo-info-page .page-content .content-section .quote-section{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border-left:4px solid #2563eb;position:relative}.qazo-info-page .page-content .content-section .quote-section .quote-icon{font-size:2.25rem;color:#2563eb;position:absolute;top:1rem;left:1rem;opacity:.3}.qazo-info-page .page-content .content-section .quote-section .hadith-quote{font-size:1rem;color:#1f2937;line-height:1.8;font-style:italic;margin:0 0 1rem;padding-left:3rem}.qazo-info-page .page-content .content-section .quote-section .quote-reference{display:block;font-size:.875rem;color:#6b7280;text-align:right;font-style:normal;padding-left:3rem}.qazo-info-page .page-content .content-section .many-prayers-text{font-size:1rem;color:#374151;line-height:1.7;margin:0}.qazo-info-page .page-content .content-section .forbidden-times{background-color:#fcecec;border:1px solid rgb(234.1666666667,125.8333333333,125.8333333333);border-radius:.5rem;padding:2rem}.qazo-info-page .page-content .content-section .forbidden-times h3{font-size:1.125rem;font-weight:600;color:#861616;margin:0 0 1.5rem}.qazo-info-page .page-content .content-section .forbidden-times ol{margin:0;padding-left:2rem}.qazo-info-page .page-content .content-section .forbidden-times ol li{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:1rem;padding-left:.5rem}.qazo-info-page .page-content .content-section .forbidden-times ol li:last-child{margin-bottom:0}.qazo-info-page .page-content .content-section .source-section{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border-top:2px solid #e0e0e0}.qazo-info-page .page-content .content-section .source-section .source-text{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;white-space:pre-wrap;font-family:inherit}.hayz-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.hayz-page{padding:3rem}}.hayz-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.hayz-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.hayz-page .page-header .back-btn:hover{background-color:#1d4ed8}.hayz-page .page-header .back-btn svg{width:20px;height:20px}.hayz-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.hayz-page .page-content{max-width:800px;margin:0 auto}.hayz-page .page-content .content-section{display:flex;flex-direction:column;gap:3rem}.hayz-page .page-content .content-section .intro-text,.hayz-page .page-content .content-section .duration-text,.hayz-page .page-content .content-section .rulings-text{font-size:1rem;color:#374151;line-height:1.7;margin:0}.hayz-page .page-content .content-section .quote-section{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border-left:4px solid #2563eb;position:relative}.hayz-page .page-content .content-section .quote-section .quote-icon{font-size:2.25rem;color:#2563eb;position:absolute;top:1rem;left:1rem;opacity:.3}.hayz-page .page-content .content-section .quote-section .quote-intro{font-size:1rem;color:#374151;font-weight:500;margin:0 0 1rem;padding-left:3rem}.hayz-page .page-content .content-section .quote-section .hadith-quote{font-size:1rem;color:#1f2937;line-height:1.8;font-style:italic;margin:0;padding-left:3rem}.hayz-page .page-content .content-section .source-section{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border-top:2px solid #e0e0e0}.hayz-page .page-content .content-section .source-section .source-text{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;white-space:pre-wrap;font-family:inherit}.nifos-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.nifos-page{padding:3rem}}.nifos-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.nifos-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.nifos-page .page-header .back-btn:hover{background-color:#1d4ed8}.nifos-page .page-header .back-btn svg{width:20px;height:20px}.nifos-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.nifos-page .page-content{max-width:800px;margin:0 auto}.nifos-page .page-content .content-section{display:flex;flex-direction:column;gap:3rem}.nifos-page .page-content .content-section .intro-text,.nifos-page .page-content .content-section .duration-text,.nifos-page .page-content .content-section .miscarriage-text{font-size:1rem;color:#374151;line-height:1.7;margin:0}.nifos-page .page-content .content-section .quote-section{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border-left:4px solid #2563eb;position:relative}.nifos-page .page-content .content-section .quote-section .quote-icon{font-size:2.25rem;color:#2563eb;position:absolute;top:1rem;left:1rem;opacity:.3}.nifos-page .page-content .content-section .quote-section .quote-intro{font-size:1rem;color:#374151;font-weight:500;margin:0 0 1rem;padding-left:3rem}.nifos-page .page-content .content-section .quote-section .hadith-quote{font-size:1rem;color:#1f2937;line-height:1.8;font-style:italic;margin:0 0 1rem;padding-left:3rem}.nifos-page .page-content .content-section .quote-section .quote-reference{display:block;font-size:.875rem;color:#6b7280;text-align:right;font-style:normal;padding-left:3rem}.nifos-page .page-content .content-section .source-section{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border-top:2px solid #e0e0e0}.nifos-page .page-content .content-section .source-section .source-text{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;white-space:pre-wrap;font-family:inherit}.app-features-page{min-height:100vh;background-color:#fff;padding:1.5rem}@media (min-width: 768px){.app-features-page{padding:3rem}}.app-features-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.app-features-page .page-header .back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.app-features-page .page-header .back-btn:hover{background-color:#1d4ed8}.app-features-page .page-header .back-btn svg{width:20px;height:20px}.app-features-page .page-header h1{font-size:1.5rem;font-weight:600;color:#2563eb;margin:0;flex:1;text-align:center}.app-features-page .page-content{max-width:1200px;margin:0 auto}.app-features-page .page-content .content-section{display:flex;flex-direction:column;gap:3rem}.app-features-page .page-content .content-section .subtitle{font-size:1.125rem;color:#374151;text-align:center;margin:0;line-height:1.6}.app-features-page .page-content .content-section .features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.app-features-page .page-content .content-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.app-features-page .page-content .content-section .features-grid{grid-template-columns:repeat(3,1fr)}}.app-features-page .page-content .content-section .features-grid .feature-card{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border:1px solid #e0e0e0;transition:all .3s ease;text-align:center}.app-features-page .page-content .content-section .features-grid .feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0003;border-color:#2563eb}.app-features-page .page-content .content-section .features-grid .feature-card .feature-icon{font-size:2.25rem;margin-bottom:1rem}.app-features-page .page-content .content-section .features-grid .feature-card .feature-title{font-size:1.125rem;font-weight:600;color:#2563eb;margin:0 0 1rem}.app-features-page .page-content .content-section .features-grid .feature-card .feature-description{font-size:.875rem;color:#374151;line-height:1.6;margin:0}.app-features-page .page-content .content-section .technical-section{background-color:#f9fafb;padding:2rem;border-radius:.75rem;border-left:4px solid #10b981}.app-features-page .page-content .content-section .technical-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;text-align:center}.app-features-page .page-content .content-section .technical-section .technical-points{margin:0;padding-left:1.5rem}.app-features-page .page-content .content-section .technical-section .technical-points li{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:.5rem;padding-left:.5rem}.app-features-page .page-content .content-section .technical-section .technical-points li:last-child{margin-bottom:0}*{box-sizing:border-box;margin:0;padding:0}body{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-color:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}@media (min-width: 768px){.app{max-width:768px;margin:0 auto;box-shadow:0 0 20px #0000001a}}