@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-regular-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-regular-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-bold-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-bold-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color:#f0f4f8;--bg-color-alt:#fff;--text-color:#1e293b;--text-muted:#64748b;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success-color:#10b981;--error-color:#ef4444;--card-bg:#ffffffe6;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000005;--shadow-card:0 8px 30px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex}body:before{content:"";opacity:.05;z-index:-1;pointer-events:none;background-image:url(/mufrodat.svg);background-repeat:repeat;background-size:150px;position:fixed;inset:0}#root{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:1.5rem;display:flex}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border:1px solid #fff3;border-radius:16px;padding:2rem}.arab-card{background:linear-gradient(145deg, #fff, var(--primary-light));box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:20px;justify-content:center;align-items:center;margin-bottom:2.5rem;padding:3rem 2rem;display:flex}.arab-text{text-align:center;color:var(--primary-color);text-shadow:1px 1px 2px #0000000d;direction:rtl;font-family:Amiri,serif;font-size:clamp(3.5rem,12vw,6.5rem);font-weight:700;line-height:1.7}.btn{background-color:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-family:inherit;font-size:1.1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){border-color:var(--primary-color);box-shadow:var(--shadow-md);background:linear-gradient(to right, #fff, var(--primary-light));transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.correct{transform:scale(1.02);box-shadow:0 4px 15px #10b9814d;background-color:var(--success-color)!important;border-color:var(--success-color)!important;color:#fff!important}.btn.wrong{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;background-color:var(--error-color)!important;border-color:var(--error-color)!important;color:#fff!important}.btn-key{background-color:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color);border-radius:6px;padding:.35rem .65rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn:hover:not(:disabled) .btn-key{color:var(--primary-color);border-color:var(--primary-color);background-color:#fff}.btn.correct .btn-key,.btn.wrong .btn-key{color:#fff;background-color:#ffffff40;border-color:#0000}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes pulse-animation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-pulse-quick{animation:.3s ease-in-out pulse-animation}@keyframes flashGreen{0%{background-color:var(--bg-color)}50%{background-color:#d1fae5}to{background-color:var(--bg-color)}}@keyframes flashRed{0%{background-color:var(--bg-color)}50%{background-color:#fee2e2}to{background-color:var(--bg-color)}}.bg-flash-correct{animation:.4s ease-out flashGreen}.bg-flash-wrong{animation:.4s ease-out flashRed}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.islamic-divider{opacity:.6;justify-content:center;align-items:center;margin:1.5rem 0;display:flex}.islamic-divider:before,.islamic-divider:after{content:"";background-color:var(--border-color);flex:1;height:1px}.islamic-divider:before{margin-right:15px}.islamic-divider:after{margin-left:15px}.islamic-divider-icon{background-color:var(--primary-color);width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0L14.5 9.5L24 12L14.5 14.5L12 24L9.5 14.5L0 12L9.5 9.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0L14.5 9.5L24 12L14.5 14.5L12 24L9.5 14.5L0 12L9.5 9.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.card-with-ornament{position:relative;overflow:hidden}.card-with-ornament:before,.card-with-ornament:after{content:"";background-color:var(--primary-color);opacity:.05;pointer-events:none;width:40px;height:40px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0 0h40v40C17.9 40 0 22.1 0 0z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M0 0h40v40C17.9 40 0 22.1 0 0z'/%3E%3C/svg%3E") 50%/contain no-repeat}.card-with-ornament:before{top:0;left:0}.card-with-ornament:after{bottom:0;right:0;transform:rotate(180deg)}.materi-item-row{background-color:#0000;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:background-color .2s;display:flex}.materi-item-row:nth-child(2n){background-color:var(--bg-color)}.materi-item-indonesia{text-align:left;color:var(--text-color);word-break:break-word;flex:1;padding-right:1rem;font-size:1.05rem;font-weight:500}.materi-item-arab{color:var(--primary-color);text-align:right;word-break:break-word;direction:rtl;min-width:120px;font-family:Amiri,serif;font-size:1.4rem;font-weight:700}@media (width<=480px){.materi-item-row{flex-direction:column;align-items:stretch;gap:.4rem;padding:.75rem 1rem}.materi-item-indonesia{color:var(--text-muted);text-align:left;padding-right:0;font-size:.95rem}.materi-item-arab{text-align:right;min-width:unset;font-size:1.35rem}}.quiz-timer-bar-container{background:var(--border-color);border-radius:99px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.quiz-timer-bar-fill{will-change:width;border-radius:99px;height:100%;transition:width 1s linear,background .5s}.quiz-timer-bar-fill.timer-safe{background:linear-gradient(90deg,#10b981,#34d399)}.quiz-timer-bar-fill.timer-warn{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.quiz-timer-bar-fill.timer-danger{background:linear-gradient(90deg,#ef4444,#f87171);animation:.6s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.85;box-shadow:0 0 8px 2px #ef44444d}}.speaker-btn:hover{transform:scale(1.1);opacity:1!important;background:var(--primary-light)!important}.speaker-btn.speaking{animation:.8s ease-in-out infinite speaker-pulse-anim}@keyframes speaker-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.wrong-answers-section{border:1px solid var(--border-color);background:var(--bg-color);border-radius:12px;width:100%;max-height:250px;overflow-y:auto}.wrong-answer-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.wrong-answer-item:last-child{border-bottom:none}.wrong-answer-left{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.wrong-answer-correct{color:var(--success-color);font-size:.85rem;font-weight:600}.wrong-answer-user{color:var(--error-color);font-size:.8rem;font-weight:500}.wrong-answer-arab{color:var(--primary-color);text-align:right;direction:rtl;flex-shrink:0;font-family:Amiri,serif;font-size:1.3rem;font-weight:700}.score-count-up{display:inline-block}.perfect-badge{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:700;display:inline-flex}.flashcard-container{perspective:1000px;width:100%}.flashcard{width:100%;min-height:280px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.flashcard-front{background:linear-gradient(145deg, #fff, var(--primary-light));border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.flashcard-back{background:linear-gradient(145deg, var(--primary-light), #fff);border:2px solid var(--primary-color);box-shadow:var(--shadow-lg);transform:rotateY(180deg)}.flashcard:hover:not(.flipped) .flashcard-front{box-shadow:var(--shadow-lg)}.flashcard.flipped:hover .flashcard-back{box-shadow:0 12px 25px #2563eb1f}.flashcard-btn-unmemorized:hover:not(:disabled){transform:translateY(-2px);background:#ef444426!important;border-color:#ef444480!important}.flashcard-btn-memorized:hover:not(:disabled){transform:translateY(-2px);background:#10b98126!important;border-color:#10b98180!important}.stats-widget{transition:all .3s}.stats-widget:hover{box-shadow:0 6px 24px #0000000f}.mastery-progress-fill{position:relative}.mastery-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff9);border-radius:99px;width:20px;height:100%;position:absolute;top:0;right:0}.streak-fire-pulse{animation:1.2s ease-in-out infinite streak-fire;display:inline-block}@keyframes streak-fire{0%,to{transform:scale(1)}25%{transform:scale(1.15)rotate(-5deg)}50%{transform:scale(1.25)rotate(0)}75%{transform:scale(1.15)rotate(5deg)}}@media (width<=480px){.flashcard{min-height:240px}.flashcard-front,.flashcard-back{padding:1.5rem}}@keyframes diagonalGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card.moving-gradient-dl,.stats-widget.moving-gradient-dl{background-color:#fff3!important;background-image:linear-gradient(135deg,#10b98140,#a7f3d066,#fef3c759,#14b8a640)!important;background-size:400% 400%!important;animation:8s ease-in-out infinite diagonalGradient!important}.card.moving-gradient-aby,.stats-widget.moving-gradient-aby{background-color:#fff3!important;background-image:linear-gradient(135deg,#2563eb38,#a5f3fc66,#e9d5ff59,#06b6d440)!important;background-size:400% 400%!important;animation:8s ease-in-out infinite diagonalGradient!important}.card.moving-gradient-quran,.stats-widget.moving-gradient-quran{background-color:#fff3!important;background-image:linear-gradient(135deg,#d9770638,#fde68a66,#fef3c759,#f59e0b40)!important;background-size:400% 400%!important;animation:8s ease-in-out infinite diagonalGradient!important}