.hafizYassin-module__DiZHta__app{--cream:#fdf8f0;--cream-dark:#f5ede0;--sage:#7a9e7e;--sage-light:#a8c5ab;--sage-dark:#5c7e60;--gold:#c8a96e;--gold-light:#e0cfa0;--gold-dark:#a8893e;--brown:#6b5b4e;--brown-light:#8b7b6e;--brown-dark:#4b3b2e;--text:#3b2f25;--text-light:#7a6e62;--red-soft:#c47070;--green-soft:#6b9e6b;--white:#fff;--shadow:0 2px 12px #3b2f2514;--shadow-lg:0 8px 32px #3b2f251f;--radius:16px;--radius-sm:10px;z-index:1;max-width:480px;min-height:100vh;font-family:var(--font-dm),"DM Sans",sans-serif;color:var(--text);margin:0 auto;position:relative}.hafizYassin-module__DiZHta__appBg{background-color:var(--cream);pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 20%,#7a9e7e0f 0%,#0000 50%),radial-gradient(circle at 80% 80%,#c8a96e0f 0%,#0000 50%),repeating-linear-gradient(45deg,#0000,#0000 40px,#7a9e7e05 40px 41px);position:fixed;inset:0}.hafizYassin-module__DiZHta__screen{padding:24px 20px;animation:.4s hafizYassin-module__DiZHta__fadeIn}@keyframes hafizYassin-module__DiZHta__fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hafizYassin-module__DiZHta__slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hafizYassin-module__DiZHta__scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes hafizYassin-module__DiZHta__pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes hafizYassin-module__DiZHta__shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hafizYassin-module__DiZHta__header{text-align:center;padding:40px 0 24px}.hafizYassin-module__DiZHta__headerIcon{background:linear-gradient(135deg,var(--sage),var(--sage-dark));border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 4px 16px #7a9e7e4d}.hafizYassin-module__DiZHta__headerIcon svg{width:32px;height:32px;fill:var(--white)}.hafizYassin-module__DiZHta__header h1{font-family:var(--font-lora),"Lora",serif;color:var(--text);margin-bottom:4px;font-size:28px;font-weight:700}.hafizYassin-module__DiZHta__subtitle{color:var(--text-light);font-size:14px;font-weight:500}.hafizYassin-module__DiZHta__arabicTitle{font-family:var(--font-amiri),"Amiri",serif;color:var(--sage-dark);direction:rtl;margin:8px 0;font-size:32px}.hafizYassin-module__DiZHta__overallProgress{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:20px}.hafizYassin-module__DiZHta__overallProgressLabel{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.hafizYassin-module__DiZHta__progressBarContainer{background:var(--cream-dark);border-radius:10px;height:12px;position:relative;overflow:hidden}.hafizYassin-module__DiZHta__progressBarFill{background:linear-gradient(90deg,var(--sage),var(--sage-light));border-radius:10px;height:100%;transition:width .6s;position:relative}.hafizYassin-module__DiZHta__progressBarFill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite hafizYassin-module__DiZHta__shimmer;position:absolute;inset:0}.hafizYassin-module__DiZHta__progressStats{color:var(--text-light);justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.hafizYassin-module__DiZHta__progressStats strong{color:var(--sage-dark)}.hafizYassin-module__DiZHta__sectionLabel{align-items:center;gap:8px;margin-bottom:16px;display:flex}.hafizYassin-module__DiZHta__sectionLine{background:var(--cream-dark);flex:1;height:1px}.hafizYassin-module__DiZHta__sectionLabel span{text-transform:uppercase;letter-spacing:1px;color:var(--brown-light);font-size:12px;font-weight:700}.hafizYassin-module__DiZHta__themeSection{margin-bottom:20px}.hafizYassin-module__DiZHta__themeHeader{align-items:center;gap:10px;margin-bottom:8px;padding:10px 0;display:flex}.hafizYassin-module__DiZHta__themeDot{background:var(--sage);border-radius:50%;flex-shrink:0;width:8px;height:8px}.hafizYassin-module__DiZHta__themeTitle{font-family:var(--font-lora),"Lora",serif;color:var(--brown);font-size:14px;font-weight:600}.hafizYassin-module__DiZHta__themeAyatRange{color:var(--text-light);flex-shrink:0;margin-left:auto;font-size:12px}.hafizYassin-module__DiZHta__groupCard{background:var(--white);border-radius:var(--radius-sm);box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;margin-bottom:10px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.hafizYassin-module__DiZHta__groupCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hafizYassin-module__DiZHta__groupCard:active{transform:scale(.98)}.hafizYassin-module__DiZHta__groupCardLocked{opacity:.5;cursor:not-allowed;filter:grayscale(.3);}.hafizYassin-module__DiZHta__groupCardLocked:hover{box-shadow:var(--shadow);transform:none}.hafizYassin-module__DiZHta__groupCardCompleted{border-color:var(--sage-light);}.hafizYassin-module__DiZHta__groupTop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hafizYassin-module__DiZHta__groupNumber{font-family:var(--font-lora),"Lora",serif;color:var(--sage-dark);font-size:18px;font-weight:700}.hafizYassin-module__DiZHta__groupAyat{color:var(--text-light);font-size:12px;font-weight:500}.hafizYassin-module__DiZHta__groupLock{opacity:.5;font-size:16px}.hafizYassin-module__DiZHta__groupCheck{background:var(--sage);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.hafizYassin-module__DiZHta__miniProgress{background:var(--cream-dark);border-radius:6px;height:6px;overflow:hidden}.hafizYassin-module__DiZHta__miniProgressFill{background:linear-gradient(90deg,var(--sage),var(--gold));border-radius:6px;height:100%;transition:width .4s}.hafizYassin-module__DiZHta__backBtn{color:var(--sage-dark);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-dm),"DM Sans",sans-serif;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:8px 0;display:inline-flex}.hafizYassin-module__DiZHta__backBtn:hover{color:var(--sage)}.hafizYassin-module__DiZHta__groupDetailHeader{text-align:center;margin-bottom:24px}.hafizYassin-module__DiZHta__groupDetailHeader h2{font-family:var(--font-lora),"Lora",serif;margin-bottom:4px;font-size:24px;font-weight:700}.hafizYassin-module__DiZHta__ayatRange{color:var(--text-light);font-size:14px}.hafizYassin-module__DiZHta__themeBadge{background:var(--sage-light);color:var(--sage-dark);border-radius:20px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.hafizYassin-module__DiZHta__modeCard{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;border:2px solid #0000;align-items:center;gap:16px;margin-bottom:12px;padding:20px;transition:all .2s;display:flex}.hafizYassin-module__DiZHta__modeCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hafizYassin-module__DiZHta__modeCard:active{transform:scale(.98)}.hafizYassin-module__DiZHta__modeIcon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.hafizYassin-module__DiZHta__modeIconBaca{background:linear-gradient(135deg,#e8f0e8,#d0e0d0)}.hafizYassin-module__DiZHta__modeIconLatihan{background:linear-gradient(135deg,#f0ebe0,#e0d8c8)}.hafizYassin-module__DiZHta__modeIconUjian{background:linear-gradient(135deg,#e8e0f0,#d8d0e8)}.hafizYassin-module__DiZHta__modeInfo h3{font-family:var(--font-lora),"Lora",serif;margin-bottom:2px;font-size:17px;font-weight:600}.hafizYassin-module__DiZHta__modeInfo p{color:var(--text-light);font-size:13px}.hafizYassin-module__DiZHta__modeArrow{color:var(--text-light);margin-left:auto;font-size:18px}.hafizYassin-module__DiZHta__modeStatus{align-items:center;gap:6px;margin-top:6px;display:flex}.hafizYassin-module__DiZHta__statusBadge{letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.hafizYassin-module__DiZHta__statusCompleted{color:var(--sage-dark);background:#e8f5e8}.hafizYassin-module__DiZHta__statusInProgress{color:var(--gold-dark);background:#fff5e0}.hafizYassin-module__DiZHta__statusNotStarted{background:var(--cream-dark);color:var(--text-light)}.hafizYassin-module__DiZHta__modeStageDots{gap:4px;margin-top:6px;display:flex}.hafizYassin-module__DiZHta__dot{background:var(--cream-dark);border-radius:50%;width:8px;height:8px}.hafizYassin-module__DiZHta__dotFilled{background:var(--sage)}.hafizYassin-module__DiZHta__dotGold{background:var(--gold)}.hafizYassin-module__DiZHta__ayatReadCard{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px 20px;animation:.4s backwards hafizYassin-module__DiZHta__slideUp}.hafizYassin-module__DiZHta__ayatReadCard:nth-child(2){animation-delay:50ms}.hafizYassin-module__DiZHta__ayatReadCard:nth-child(3){animation-delay:.1s}.hafizYassin-module__DiZHta__ayatReadCard:nth-child(4){animation-delay:.15s}.hafizYassin-module__DiZHta__ayatReadCard:nth-child(5){animation-delay:.2s}.hafizYassin-module__DiZHta__ayatNumberBadge{background:var(--cream-dark);width:32px;height:32px;font-family:var(--font-lora),"Lora",serif;color:var(--sage-dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-flex}.hafizYassin-module__DiZHta__ayatArabic{font-family:var(--font-amiri),"Amiri",serif;text-align:right;color:var(--text);direction:rtl;margin-bottom:8px;font-size:28px;line-height:2}.hafizYassin-module__DiZHta__ayatTranslation{color:var(--text-light);border-top:1px solid var(--cream-dark);padding-top:10px;font-size:14px;line-height:1.6;display:none}.hafizYassin-module__DiZHta__ayatTranslationVisible{display:block}.hafizYassin-module__DiZHta__toggleBar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px;display:flex}.hafizYassin-module__DiZHta__toggleBar span{color:var(--text-light);font-size:13px;font-weight:500}.hafizYassin-module__DiZHta__toggleSwitch{background:var(--cream-dark);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .3s;position:relative}.hafizYassin-module__DiZHta__toggleSwitchOn{background:var(--sage)}.hafizYassin-module__DiZHta__toggleSwitch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000026}.hafizYassin-module__DiZHta__toggleSwitchOn:after{transform:translate(20px)}.hafizYassin-module__DiZHta__stageIndicator{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.hafizYassin-module__DiZHta__stageDot{background:var(--cream-dark);border-radius:50%;width:10px;height:10px;transition:all .3s}.hafizYassin-module__DiZHta__stageDotActive{background:var(--sage);transform:scale(1.2)}.hafizYassin-module__DiZHta__stageDotDone{background:var(--gold)}.hafizYassin-module__DiZHta__stageLabel{text-align:center;color:var(--text-light);margin-bottom:4px;font-size:13px;font-weight:600}.hafizYassin-module__DiZHta__practiceAyatNum{text-align:center;color:var(--sage-dark);margin-bottom:20px;font-size:13px;font-weight:700}.hafizYassin-module__DiZHta__practiceCard{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-bottom:20px;padding:28px 20px;animation:.3s hafizYassin-module__DiZHta__scaleIn}.hafizYassin-module__DiZHta__practiceArabic{font-family:var(--font-amiri),"Amiri",serif;color:var(--text);direction:rtl;margin-bottom:16px;font-size:28px;line-height:2.2}.hafizYassin-module__DiZHta__blank{border-bottom:3px dashed var(--gold);min-width:60px;color:var(--gold-dark);margin:0 4px;padding:0 4px;font-weight:700;display:inline-block}.hafizYassin-module__DiZHta__hint{color:var(--sage);opacity:.6}.hafizYassin-module__DiZHta__mcqOptions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.hafizYassin-module__DiZHta__mcqOptionsSingle{grid-template-columns:1fr;}.hafizYassin-module__DiZHta__mcqBtn{background:var(--cream);border:2px solid var(--cream-dark);border-radius:var(--radius-sm);font-family:var(--font-amiri),"Amiri",serif;color:var(--text);cursor:pointer;text-align:center;direction:rtl;padding:14px 12px;font-size:22px;line-height:1.6;transition:all .2s;position:relative}.hafizYassin-module__DiZHta__mcqBtnFull{font-size:20px;}.hafizYassin-module__DiZHta__mcqBtn:hover{border-color:var(--sage-light);background:#f0f7f0}.hafizYassin-module__DiZHta__mcqBtn:active{transform:scale(.97)}.hafizYassin-module__DiZHta__mcqBtnCorrect{animation:.4s hafizYassin-module__DiZHta__pulse;border-color:var(--green-soft)!important;color:var(--sage-dark)!important;background:#e8f5e8!important}.hafizYassin-module__DiZHta__mcqBtnWrong{border-color:var(--red-soft)!important;color:var(--red-soft)!important;background:#f8e8e8!important}.hafizYassin-module__DiZHta__mcqBtnDisabled{pointer-events:none;opacity:.5}.hafizYassin-module__DiZHta__keyBadge{background:var(--cream-dark);width:22px;height:22px;font-family:var(--font-dm),"DM Sans",sans-serif;color:var(--text-light);direction:ltr;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:6px;left:6px}.hafizYassin-module__DiZHta__mcqBtnCorrect .hafizYassin-module__DiZHta__keyBadge{color:var(--sage-dark);background:#6b9e6b33}.hafizYassin-module__DiZHta__mcqBtnWrong .hafizYassin-module__DiZHta__keyBadge{color:var(--red-soft);background:#c4707033}.hafizYassin-module__DiZHta__feedback{text-align:center;border-radius:var(--radius-sm);margin-top:16px;padding:12px;font-size:15px;font-weight:600;animation:.3s hafizYassin-module__DiZHta__slideUp}.hafizYassin-module__DiZHta__feedbackCorrect{color:var(--sage-dark);background:#e8f5e8}.hafizYassin-module__DiZHta__feedbackWrong{color:var(--red-soft);background:#f8e8e8}.hafizYassin-module__DiZHta__nextBtn{background:linear-gradient(135deg,var(--sage),var(--sage-dark));color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-dm),"DM Sans",sans-serif;cursor:pointer;border:none;margin-top:16px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:block}.hafizYassin-module__DiZHta__nextBtn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7a9e7e4d}.hafizYassin-module__DiZHta__nextBtn:active{transform:scale(.98)}.hafizYassin-module__DiZHta__nextBtnGold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));}.hafizYassin-module__DiZHta__resultCard{background:var(--white);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-lg);padding:32px 24px;animation:.4s hafizYassin-module__DiZHta__scaleIn}.hafizYassin-module__DiZHta__resultEmoji{margin-bottom:16px;font-size:56px}.hafizYassin-module__DiZHta__resultCard h2{font-family:var(--font-lora),"Lora",serif;margin-bottom:8px;font-size:24px}.hafizYassin-module__DiZHta__score{color:var(--sage-dark);font-size:48px;font-weight:700;font-family:var(--font-lora),"Lora",serif}.hafizYassin-module__DiZHta__scoreLabel{color:var(--text-light);margin-bottom:20px;font-size:14px}.hafizYassin-module__DiZHta__btnRow{gap:10px;margin-top:20px;display:flex}.hafizYassin-module__DiZHta__btnRow button{border-radius:var(--radius-sm);font-family:var(--font-dm),"DM Sans",sans-serif;cursor:pointer;border:none;flex:1;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.hafizYassin-module__DiZHta__btnOutline{background:var(--cream);color:var(--text);border:2px solid var(--cream-dark)!important}.hafizYassin-module__DiZHta__btnPrimary{background:linear-gradient(135deg,var(--sage),var(--sage-dark));color:#fff}