.banner{background:var(--bg-banner);padding:20px 20px 16px;text-align:center;position:relative;box-shadow:var(--shadow-banner);flex-shrink:0}.banner-completed{border-bottom:3px solid var(--text-success)}.banner-verse{font-size:1.15rem;color:var(--text-verse);margin-bottom:16px;line-height:2;font-weight:700;opacity:.9}.banner-content{animation:fadeIn .4s ease}.banner-label{font-size:1.1rem;color:var(--text-secondary);margin-bottom:4px}.banner-day{font-size:1.1rem;color:var(--text-accent);font-weight:700;margin-bottom:12px}.banner-range{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.banner-segment{display:flex;align-items:center;justify-content:center;gap:12px}.banner-page-group{display:flex;flex-direction:column;align-items:center;gap:2px}.banner-page-label{font-size:1.25rem;color:var(--text-muted)}.banner-page-number{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.banner-ayah-placeholder{font-size:1.25rem;color:var(--text-muted);opacity:.6;font-style:italic;max-width:50ch}.banner-separator{font-size:1.2rem;color:var(--text-muted);margin-top:14px}.banner-page-count{font-size:.85rem;color:var(--text-secondary);margin-top:4px;margin-bottom:12px}.banner-complete-btn{padding:10px 32px;border-radius:12px;font-size:1rem;font-weight:700;background:var(--bg-button);color:var(--text-on-button);transition:all .3s ease;min-width:120px}.banner-complete-btn:hover:not(:disabled){background:var(--bg-button-hover);transform:scale(1.03)}.banner-complete-btn.completed{background:var(--bg-success);color:var(--text-success);cursor:default}.banner-complete-btn:disabled{opacity:.9}.banner-carryover{margin-top:12px;padding:12px;background:rgba(255,152,0,.1);border-radius:10px;border:1px solid rgba(255,152,0,.2);margin-bottom:12px}.carryover-icon{font-size:1.5rem;margin-bottom:4px}.carryover-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:700}.carryover-range{font-size:.9rem;color:var(--text-primary)}.banner-empty{padding:8px 0}.banner-empty p{font-size:1.1rem;color:var(--text-secondary)}.banner-empty-hint{font-size:.85rem!important;color:var(--text-muted)!important;margin-top:4px}.range-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:var(--shadow-card);animation:slideUp .3s ease;cursor:grab;position:relative}.range-card:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.range-card:active{cursor:grabbing}.range-card.delete-confirm-card,.range-card.editing{cursor:default}.range-card.delete-confirm-card:hover,.range-card.editing:hover{transform:none}.range-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.range-action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;font-size:.85rem;transition:all .2s ease;padding:0}.range-action-btn:hover{background:var(--bg-card-hover)}.range-card-body{flex:1 1;text-align:center}.range-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.range-page{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.range-dash{color:var(--text-muted);font-size:1.2rem}.range-page-count{font-size:.85rem;color:var(--text-secondary)}.range-drag-handle{color:var(--text-muted);font-size:1.1rem;letter-spacing:2px;opacity:.5;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.range-drag-handle:active{cursor:grabbing}.range-edit-form{width:100%}.range-edit-inputs{display:flex;gap:12px;margin-bottom:12px}.range-edit-field{flex:1 1;display:flex;flex-direction:column;gap:4px}.range-edit-field label{font-size:.8rem;color:var(--text-secondary)}.range-edit-field input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;text-align:center}.range-edit-field input:focus{border-color:var(--border-focus)}.range-edit-actions{display:flex;gap:8px;justify-content:center}.range-edit-actions button{padding:8px 20px;border-radius:8px;font-size:.9rem;font-weight:700}.btn-save{background:var(--bg-button);color:var(--text-on-button)}.btn-save:hover{background:var(--bg-button-hover)}.range-error{color:var(--text-danger);font-size:.85rem;text-align:center;margin-bottom:8px}.delete-confirm-card{flex-direction:column;text-align:center;gap:16px}.delete-confirm-text{font-size:1rem;color:var(--text-primary);line-height:1.8}.delete-confirm-actions{display:flex;gap:10px;justify-content:center}.delete-confirm-actions button{padding:8px 20px;border-radius:8px;font-size:.9rem;font-weight:700}.btn-delete-yes{background:var(--bg-danger);color:var(--text-danger)}.btn-delete-yes:hover{background:var(--bg-danger-hover)}.btn-delete-no{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)!important}.btn-delete-no:hover{background:var(--bg-card-hover)}.popup-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:16px}.popup-content{background:var(--bg-popup);border-radius:16px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-popup);animation:scaleIn .25s ease;overflow:hidden}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.popup-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.popup-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);font-size:1.1rem;transition:all .2s ease}.popup-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.popup-body{padding:20px 24px 24px;overflow-y:auto;flex:1 1}.popup-content.confirm-dialog{max-width:360px;max-height:unset}.confirm-dialog .popup-body{text-align:center;padding:24px}.confirm-message{font-size:1.1rem;color:var(--text-primary);margin-bottom:24px;line-height:1.8}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions button{padding:10px 24px;border-radius:10px;font-size:1rem;font-weight:700;min-width:100px}.btn-confirm{background:var(--bg-danger);color:var(--text-danger)}.btn-confirm:hover{background:var(--bg-danger-hover)}.btn-cancel{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-card-hover)}.schedule-popup{max-height:75vh}.schedule-table-wrapper{overflow-x:auto}.schedule-table{width:100%;border-collapse:separate;border-spacing:0 4px;direction:rtl!important}.schedule-table *{direction:inherit!important}.schedule-table thead th{padding:10px 14px;text-align:right;font-size:.85rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.schedule-table tbody tr{transition:background .2s ease;border-radius:8px}.schedule-table tbody td{padding:12px 14px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.schedule-table tbody tr:last-child td{border-bottom:none}.schedule-table tbody tr.active-day{background:var(--bg-active-row)}.schedule-table tbody tr.active-day td{color:var(--text-accent);font-weight:700}.schedule-day-name{white-space:nowrap;display:flex;align-items:center;gap:6px}.active-indicator{color:var(--text-accent);font-size:.6rem;animation:pulse 2s infinite}.schedule-pages{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.schedule-count{color:var(--text-secondary);font-size:.85rem}.schedule-empty{text-align:center;padding:40px 20px}.schedule-empty p{font-size:1.1rem;color:var(--text-secondary)}.schedule-empty-hint{font-size:.85rem!important;color:var(--text-muted)!important;margin-top:8px}.settings-popup{max-height:80vh}.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section{padding-bottom:20px;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:.95rem;color:var(--text-secondary)}.settings-input{width:80px;padding:8px 12px;font-size:1.1rem;text-align:center}.settings-input,.settings-select{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary)}.settings-select{width:100%;font-size:1rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding:10px 14px 10px 32px}.settings-range-form{flex-direction:column}.settings-range-form,.settings-range-inputs{display:flex;gap:12px}.settings-field{flex:1 1;display:flex;flex-direction:column;gap:4px}.settings-field label{font-size:.8rem;color:var(--text-secondary)}.settings-field input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;text-align:center}.settings-add-btn{width:100%;padding:12px;border-radius:10px;background:var(--bg-button);color:var(--text-on-button);font-size:1rem;font-weight:700;transition:all .2s ease}.settings-add-btn:hover{background:var(--bg-button-hover);transform:translateY(-1px)}.settings-error{color:var(--text-danger);font-size:.85rem;margin-top:4px}.settings-success{color:var(--text-success);font-size:.85rem;margin-top:4px}.settings-toggle{width:52px;height:28px;border-radius:14px;background:var(--border-color);position:relative;transition:all .3s ease;padding:0;flex-shrink:0}.settings-toggle.active{background:var(--bg-button)}.toggle-knob{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:white;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.settings-toggle.active .toggle-knob{right:auto;left:3px}.settings-time{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.95rem}@media (max-width:360px){.settings-range-inputs{flex-direction:column}}.app{height:100vh;height:100dvh;overflow:hidden;max-width:600px;margin:0 auto;position:relative}.app,.app-loading{display:flex;flex-direction:column}.app-loading{height:100vh;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary);color:var(--text-secondary)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-content{flex:1 1;overflow-y:auto;padding:16px 16px 80px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:12px;animation:fadeIn .5s ease}.empty-icon{font-size:3rem;margin-bottom:8px}.empty-title{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.empty-hint{font-size:.9rem;color:var(--text-muted);max-width:260px;line-height:1.8}.empty-cta{margin-top:8px;padding:12px 32px;border-radius:12px;background:var(--bg-button);color:var(--text-on-button);font-size:1rem;font-weight:700;transition:all .2s ease}.empty-cta:hover{background:var(--bg-button-hover);transform:translateY(-2px)}.ranges-container{animation:fadeIn .4s ease}.ranges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ranges-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.ranges-total{font-size:.85rem;color:var(--text-secondary);background:var(--bg-card);padding:4px 12px;border-radius:20px;border:1px solid var(--border-card)}.ranges-list{display:flex;flex-direction:column;gap:10px}.app-bottom-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;display:flex;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100}.bottom-icon-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-card);transition:all .2s ease;box-shadow:var(--shadow-card)}.bottom-icon-btn:hover{background:var(--bg-card-hover);color:var(--text-accent);transform:translateY(-2px)}.bottom-icon-btn:active{transform:translateY(0)}@media (min-width:600px){.app{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}}