:root{--primary: #1a6b4a;--primary-dark: #134f37;--primary-light: #e8f5ef;--easy: #2e7d32;--hard: #e65100;--many-mistakes: #c62828;--bg: #f4f6f4;--card: #ffffff;--text: #1a1a1a;--text-muted: #666;--border: #e0e0e0;--radius: 12px;--font-arabic: "Scheherazade New", "Amiri", "Traditional Arabic", serif;--shadow: 0 1px 3px rgba(0,0,0,.08)}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:19px;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--card);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--border)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1.5rem;font-weight:600;cursor:pointer;min-height:52px;transition:background .15s;text-decoration:none}.btn-primary:hover,.btn-primary:active{background:var(--primary-dark)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-primary.btn-large{font-size:1.65rem;padding:1rem 2rem;width:100%}.btn-hint{background:transparent;border:2px dashed var(--primary);color:var(--primary);border-radius:8px;padding:.75rem 1.5rem;font-size:1.5rem;font-weight:500;cursor:pointer;width:100%;min-height:52px;transition:background .15s}.btn-hint:hover{background:var(--primary-light)}.btn-danger{background:var(--many-mistakes);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1.5rem;font-weight:600;cursor:pointer;min-height:52px;transition:background .15s}.btn-danger:hover{background:#b71c1c}.btn-quit{background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:.5rem 1rem;align-self:center;min-height:52px}.btn-quit:hover{color:var(--text)}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding:.375rem .5rem;gap:.25rem;margin-top:auto}.nav-btn{background:transparent;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.3rem;color:var(--text-muted);min-height:52px;transition:all .15s}.nav-btn.active,.nav-btn:hover{background:var(--primary-light);color:var(--primary);font-weight:600}.onboarding{padding:2rem 1rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.onboarding h1{font-size:2rem;color:var(--primary);text-align:center;font-weight:800}.subtitle{text-align:center;color:var(--text-muted);font-size:.95rem}.juz-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.juz-tile{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.5rem .2rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:all .15s;min-height:52px;line-height:1.2}.juz-tile:hover{border-color:var(--primary);background:var(--primary-light)}.juz-tile.selected{border-color:var(--primary);background:var(--primary);color:#fff}.juz-num{font-size:.75rem;font-weight:700}.juz-surah{font-size:.6rem;text-align:center;opacity:.75}.juz-pages{font-size:.55rem;opacity:.6}.juz-tile.selected .juz-surah,.juz-tile.selected .juz-pages{opacity:.85}.onboarding-footer{display:flex;flex-direction:column;gap:.75rem;align-items:center}.selection-info{font-size:.875rem;color:var(--text-muted)}.home{display:flex;flex-direction:column;min-height:100dvh}.home-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid var(--border)}.app-title{font-size:1.25rem;font-weight:700;color:var(--primary)}.streak-badge{display:flex;align-items:center;gap:.25rem;background:#fff8e1;border:1px solid #ffe082;border-radius:20px;padding:.25rem .75rem;font-size:.9rem}.streak-count{font-weight:700;font-size:1rem}.home-main{padding:1.25rem 1rem;flex:1;display:flex;flex-direction:column;gap:1rem}.review-cta{text-align:center;padding:2rem 1.5rem}.review-cta h2{font-size:1.25rem;margin-bottom:.5rem}.quota-info{color:var(--text-muted);font-size:.95rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.overdue-badge{background:#fff3cd;color:#856404;border:1px solid #ffecb5;border-radius:10px;padding:.1rem .5rem;font-size:.8rem;font-weight:600}.done-today{text-align:center;padding:2rem 1.5rem}.done-icon{font-size:3rem;color:var(--primary);margin-bottom:.5rem}.done-today h2{font-size:1.25rem;margin-bottom:.5rem}.done-today p{color:var(--text-muted);font-size:.9rem}.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat{background:var(--primary-light);border-radius:var(--radius);padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted)}.review{display:flex;flex-direction:column;padding:1rem;gap:1rem;min-height:100dvh}.review-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .4s ease}.progress-text{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.review-card{flex:1;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.page-badge{font-size:3rem;font-weight:800;color:var(--primary);text-align:center;line-height:1}.page-meta{text-align:center;color:var(--text-muted);font-size:.9rem}.hint-area{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:.5rem 0}.hint-instruction{text-align:center;font-size:.875rem;color:var(--text-muted);max-width:26ch}.arabic-text{font-family:var(--font-arabic);font-size:2rem;line-height:2;text-align:center;color:var(--text);padding:1rem;background:var(--primary-light);border-radius:8px;width:100%;word-break:break-word}.rating-area{display:flex;flex-direction:column;gap:1rem}.rating-prompt{text-align:center;font-size:.875rem;color:var(--text-muted)}.rating-buttons{display:flex;flex-direction:column;gap:.5rem}.btn-rating{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;min-height:56px;transition:all .12s;width:100%}.btn-rating:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-rating:active{transform:none}.rating-label{font-size:1.5rem;font-weight:600}.rating-sub{font-size:1.1rem;color:var(--text-muted)}.btn-easy{border-color:#a5d6a7}.btn-easy:hover{background:#e8f5e9}.btn-easy .rating-label{color:var(--easy)}.btn-hard{border-color:#ffcc80}.btn-hard:hover{background:#fff3e0}.btn-hard .rating-label{color:var(--hard)}.btn-many-mistakes{border-color:#ef9a9a}.btn-many-mistakes:hover{background:#ffebee}.btn-many-mistakes .rating-label{color:var(--many-mistakes)}.review-complete{justify-content:center;align-items:center;gap:1.5rem}.complete-card{text-align:center;padding:2.5rem 1.5rem;width:100%}.complete-icon{font-size:4rem;color:var(--primary);margin-bottom:.5rem;line-height:1}.complete-card h2{font-size:1.5rem;margin-bottom:.5rem}.complete-card p{color:var(--text-muted);margin-bottom:.25rem}.session-breakdown{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.rating-pill{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.rating-pill.easy{background:#e8f5e9;color:var(--easy)}.rating-pill.hard{background:#fff3e0;color:var(--hard)}.rating-pill.many-mistakes{background:#ffebee;color:var(--many-mistakes)}.stats{display:flex;flex-direction:column;min-height:100dvh}.page-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:1.25rem;font-weight:700;color:var(--primary)}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1rem 0}.stats-activity{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem 1rem 0}.stat-card{text-align:center;padding:.875rem .5rem;display:flex;flex-direction:column;gap:.25rem}.stat-big{font-size:1.75rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.7rem;color:var(--text-muted)}.chart-section,.ratings-section,.juz-section{margin:0 1rem .75rem}.chart-section h2,.ratings-section h2,.juz-section h2{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.chart-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:400}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:88px;padding-bottom:20px;position:relative}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.bar{width:100%;background:var(--primary);border-radius:3px 3px 0 0;transition:height .4s ease}.bar-empty{background:var(--border)}.bar-label{font-size:.6rem;color:var(--text-muted)}.rating-totals{display:flex;gap:1rem;justify-content:space-around;margin-bottom:.5rem}.rating-total{text-align:center;display:flex;flex-direction:column;gap:.25rem}.rt-num{font-size:1.5rem;font-weight:700}.rt-label{font-size:.7rem;color:var(--text-muted)}.rating-total.easy .rt-num{color:var(--easy)}.rating-total.hard .rt-num{color:var(--hard)}.rating-total.many-mistakes .rt-num{color:var(--many-mistakes)}.avg-note{font-size:.8rem;color:var(--text-muted);text-align:center}.juz-chips{display:flex;flex-wrap:wrap;gap:.4rem}.juz-chip{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.juz-chip-partial{background:#fff3e0;color:var(--hard)}.stat-sub{font-size:.75rem;font-weight:400;color:var(--text-muted)}.settings{display:flex;flex-direction:column;min-height:100dvh}.settings-section{margin:1rem 1rem 0}.settings-section h2{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.settings-section p{color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem}.add-juz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.25rem}.juz-add-tile{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.625rem .25rem;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:all .15s;min-height:52px}.juz-add-tile:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.tile-num{font-size:.875rem;font-weight:700}.tile-sub{font-size:.65rem;color:var(--text-muted);text-align:center}.tile-pages{font-size:.6rem;color:var(--text-muted)}.danger-zone{border-color:#ef9a9a;margin-top:.75rem}.mode-section{background:var(--primary-light);border-radius:var(--radius);padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.mode-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mode-juz-label{font-size:.875rem;font-weight:600;color:var(--text);min-width:3rem}.mode-toggle-group{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.mode-btn{background:#fff;border:none;padding:.375rem .75rem;font-size:1.2rem;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .12s;min-height:44px;white-space:nowrap}.mode-btn+.mode-btn{border-left:1px solid var(--border)}.mode-btn.active{background:var(--primary);color:#fff;font-weight:600}.mode-btn:not(.active):hover{background:var(--primary-light);color:var(--primary)}.surah-badge{font-size:2rem;font-weight:800;color:var(--primary);text-align:center;line-height:1.2;padding:0 .5rem}.memorized-juz-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.memorized-juz-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--border)}.memorized-juz-row:last-child{border-bottom:none}.mem-juz-info{display:flex;flex-direction:column;gap:.15rem}.mem-juz-name{font-size:.9rem;font-weight:600}.mem-juz-surah{font-weight:400;color:var(--text-muted);font-size:.85rem}.mem-juz-meta{font-size:.75rem;color:var(--text-muted)}.mode-badge{display:inline-block;background:var(--primary-light);color:var(--primary);border-radius:10px;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.btn-manage{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:6px;padding:.375rem .75rem;font-size:1.2rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:44px;transition:all .12s}.btn-manage:hover{background:var(--primary-light)}.panel-header{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.875rem 1rem}.panel-header h1{font-size:1.1rem}.panel-surah-hint{font-size:.75rem;color:var(--text-muted)}.btn-back{background:transparent;border:none;color:var(--primary);font-size:1.35rem;font-weight:600;cursor:pointer;padding:.25rem 0;white-space:nowrap;min-height:44px}.panel-body{padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto}.panel-mode-row{display:flex;align-items:center;justify-content:space-between;background:var(--primary-light);border-radius:8px;padding:.625rem .875rem}.panel-mode-label{font-size:.875rem;font-weight:600;color:var(--primary)}.selector-surah{display:flex;flex-direction:column;gap:.25rem}.selector-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;border-radius:6px;cursor:pointer;transition:background .1s}.selector-row:hover{background:var(--primary-light)}.selector-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.selector-info{display:flex;flex-direction:column;gap:.1rem}.selector-name{font-size:.9rem;font-weight:600}.selector-sub{font-size:.75rem;color:var(--text-muted)}.selector-pages{display:grid;grid-template-columns:repeat(5,1fr);gap:.375rem}.page-check-label{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .1s;position:relative}.page-check-label:has(input:checked){border-color:var(--primary);background:var(--primary-light)}.page-check-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.page-check-num{font-size:.7rem;font-weight:600}.page-reviewed-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.surah-group{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.25rem}.surah-group-header{background:var(--primary-light);border-radius:0;margin:0;padding:.5rem .75rem}.surah-group-header:hover{background:#d4eddf}.surah-page-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.5rem .75rem;background:#fafafa;border-top:1px solid var(--border)}.panel-actions{display:flex;flex-direction:column;gap:.625rem;padding-top:.5rem;border-top:1px solid var(--border)}.select-all-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);cursor:pointer}.select-all-row input{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}