@import url("https://fonts.qurancdn.com/v1/fonts/quran/hafs/v1");@import url("https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Inter:wght@400;500;600;700;800;900&display=swap");@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:url(https://cdn.jsdelivr.net/gh/nicolo/GlyphWiki-Quran-Fonts/fonts/uthman/uthmanic_hafs_v22.woff2) format("woff2"),url(https://fonts.qurancdn.com/v1/fonts/quran/hafs/v1/QCF_P001.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--mq-bg:#031217;--mq-primary:#00e676;--mq-primary-dim:rgba(0,230,118,0.1);--mq-text-light:#ffffff;--mq-text-dim:#94a3b8;--mq-glass-bg:rgba(15,23,42,0.6);--mq-glass-border:rgba(255,255,255,0.08);--mq-card-radius:16px;--mq-accent:#22d3ee}.memorize-page{min-height:100vh;background:var(--mq-bg);color:var(--mq-text-light);font-family:Inter,sans-serif;padding-top:80px;padding-bottom:120px;position:relative;overflow-x:hidden}.memorize-container{max-width:1000px;margin:0 auto;padding:20px}.memorize-header{text-align:center;margin:0 0 60px;animation:fadeInDown .8s ease}.memorize-title{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(to right,#fff,var(--mq-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.memorize-title-arabic{font-family:Amiri Quran,serif;font-size:2.2rem;margin-left:15px;color:var(--mq-primary);-webkit-text-fill-color:initial}.memorize-subtitle{color:var(--mq-text-dim);font-size:1.1rem}.mq-search-container{position:relative;max-width:500px;margin:0 auto 50px}.mq-search-input{width:100%;padding:16px 50px;border-radius:100px;background:rgba(255,255,255,.05);border:1px solid var(--mq-glass-border);color:white;font-size:1.1rem;transition:all .3s ease}.mq-search-input:focus{background:rgba(255,255,255,.1);border-color:var(--mq-primary);outline:none;box-shadow:0 0 0 4px var(--mq-primary-dim)}.mq-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--mq-text-dim)}.mq-surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.mq-surah-card{background:rgba(255,255,255,.03);border:1px solid var(--mq-glass-border);border-radius:var(--mq-card-radius);padding:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:15px}.mq-surah-card:hover{background:rgba(255,255,255,.06);transform:translateY(-5px);border-color:var(--mq-primary)}.mq-surah-number{width:40px;height:40px;background:var(--mq-primary-dim);color:var(--mq-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.mq-surah-info{flex:1}.mq-surah-name-row{display:flex;justify-content:space-between;align-items:center}.mq-surah-name-en{font-weight:700;font-size:1rem}.mq-surah-name-ar{font-family:Amiri Quran,serif;font-size:1.4rem;color:var(--mq-accent)}.mq-surah-meta{font-size:.8rem;color:var(--mq-text-dim);margin-top:4px}.mq-player-header{position:sticky;top:80px;z-index:100;background:rgba(3,18,23,.85);backdrop-filter:blur(20px);border:1px solid var(--mq-glass-border);border-radius:100px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.3);margin-bottom:20px;animation:slideDown .5s ease}.back-btn-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:none;color:var(--mq-text-light);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.back-btn-icon:hover{background:rgba(255,255,255,.1)}.mq-header-info{text-align:center}.mq-surah-title{font-size:1rem;font-weight:700;margin:0}.mq-surah-subtitle{font-size:.75rem;color:var(--mq-text-dim)}.mq-header-actions{display:flex;gap:10px}.action-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--mq-text-dim);cursor:pointer;font-size:1rem;transition:all .2s}.action-btn:hover{color:white;background:rgba(255,255,255,.05)}.action-btn.active{color:var(--mq-primary);background:var(--mq-primary-dim)}.mq-settings-drawer{position:sticky;top:155px;z-index:99;background:rgba(13,22,28,.98);border:1px solid var(--mq-glass-border);border-radius:24px;padding:25px;margin-top:15px;margin-bottom:30px;animation:slideDown .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:20px}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group label{font-size:.7rem;text-transform:uppercase;color:var(--mq-accent);font-weight:700;letter-spacing:1.5px;margin-left:5px}.mq-input-sm,.mq-select{background:rgba(255,255,255,.05);border:1px solid var(--mq-glass-border);border-radius:12px;padding:12px 16px;color:white;width:100%;font-size:.95rem;transition:all .2s;outline:none}.mq-input-sm:focus,.mq-select:focus{border-color:var(--mq-primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(0,230,118,.1)}.mq-select option{background:#0f172a;color:white}.range-inputs{display:flex;align-items:center;gap:12px}.range-inputs span{color:var(--mq-text-dim);font-weight:700}.stepper{border:1px solid var(--mq-glass-border);border-radius:12px;padding:4px;justify-content:space-between}.stepper,.stepper button{display:flex;align-items:center;background:rgba(255,255,255,.05)}.stepper button{width:36px;height:36px;border-radius:8px;border:none;color:white;cursor:pointer;font-weight:700;transition:all .2s;justify-content:center}.stepper button:hover{background:var(--mq-primary);color:black}.stepper span{flex:1;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.toggle-pill{padding:12px;border-radius:12px;border:1px solid var(--mq-glass-border);background:rgba(255,255,255,.05);color:var(--mq-text-dim);cursor:pointer;transition:all .3s;text-align:center;font-weight:600}.toggle-pill.active{background:var(--mq-primary);color:black;border-color:var(--mq-primary);box-shadow:0 0 15px rgba(0,230,118,.3)}.toggle-pill:hover:not(.active){background:rgba(255,255,255,.1)}.verses-container-clean{margin-top:100px}.verses-scroll{display:flex;flex-direction:column;gap:0}.verse-card{padding:30px 20px;transition:all .3s ease;border-radius:12px;background:rgba(15,23,42,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.verse-card:hover{background:rgba(255,255,255,.02)}.verse-card.active{background:rgba(0,230,118,.05);border-left:3px solid var(--mq-primary)}.verse-header{display:flex;justify-content:space-between;margin-bottom:15px}.verse-number{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--mq-text-dim)}.verse-card.active .verse-number{background:var(--mq-primary);color:black}.verse-play-btn{width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid var(--mq-glass-border);color:var(--mq-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.verse-play-btn:hover{background:var(--mq-primary);color:black}.verse-arabic{font-family:KFGQPC Uthmanic Script HAFS,serif;font-size:2.2rem;text-align:right;direction:rtl;line-height:2.4;margin-bottom:15px;color:#e2e8f0}.verse-card.active .verse-arabic{color:white;text-shadow:0 0 20px rgba(0,230,118,.2)}.verse-translation{text-align:left;color:var(--mq-text-dim);font-size:1rem;line-height:1.6}.hidden-mode .verse-arabic{filter:blur(15px);opacity:.5;transition:filter .4s ease}.hidden-mode.revealed .verse-arabic{filter:blur(0);opacity:1}.verse-feedback{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;opacity:.7;transition:opacity .2s}.verse-card:hover .verse-feedback{opacity:1}.feedback-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--mq-glass-border);background:transparent;color:var(--mq-text-dim);font-size:.8rem;cursor:pointer;transition:all .2s}.feedback-btn:hover{background:rgba(255,255,255,.1)}.feedback-btn.easy.active{background:rgba(0,230,118,.2);border-color:#00e676;color:#00e676}.feedback-btn.hard.active{background:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444}.reveal-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;background:var(--mq-primary);color:black;border:none;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;z-index:10;box-shadow:0 4px 15px rgba(0,230,118,.3);transition:all .2s}.reveal-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px rgba(0,230,118,.4)}.verse-end{color:var(--mq-primary);font-size:.8em;margin-left:8px}.verse-arabic.challenge-mode{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.word-masked{background:rgba(255,255,255,.1);color:transparent;border-radius:8px;padding:0 8px;cursor:pointer;border:1px dashed var(--mq-text-dim);transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:40px}.word-masked:hover{background:rgba(34,211,238,.2);border-color:var(--mq-accent)}.badge-mini{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--mq-primary);color:black;font-size:.6rem;font-weight:800;justify-content:center}.badge-mini,.mistake-counter{display:flex;align-items:center}.mistake-counter{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);padding:5px 12px;border-radius:20px;gap:8px;margin-right:10px}.mistake-label{font-size:.75rem;color:#fca5a5;text-transform:uppercase;font-weight:600}.mistake-value{font-size:.9rem;color:#f87171;font-weight:800}.bottom-player{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(3,18,23,.9);backdrop-filter:blur(20px);border:1px solid var(--mq-glass-border);border-radius:100px;padding:12px 30px;display:flex;align-items:center;gap:20px;z-index:1000;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:slideUp .5s ease;width:auto;min-width:320px;justify-content:space-between}.bottom-player-btn{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bottom-player-btn.play{background:var(--mq-primary);color:black;width:55px;height:55px;font-size:1.2rem;box-shadow:0 0 20px rgba(0,230,118,.3)}.bottom-player-btn.play:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(0,230,118,.5)}.bottom-player-btn.secondary{background:rgba(255,255,255,.05);color:var(--mq-text-light);font-size:1rem}.bottom-player-btn.secondary:hover{background:rgba(255,255,255,.1)}.bottom-player-btn:disabled{opacity:.3;cursor:not-allowed}.bottom-player-info{text-align:center;min-width:100px}.bottom-player-verse{font-size:.9rem;font-weight:700;color:white}.bottom-player-progress{font-size:.75rem;color:var(--mq-text-dim)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.fab-focus{position:fixed;bottom:140px;right:20px;background:var(--mq-accent);color:black;border:none;border-radius:50px;padding:12px 24px;font-weight:700;box-shadow:0 10px 20px rgba(34,211,238,.3);cursor:pointer;z-index:90;display:flex;align-items:center;gap:8px;transition:transform .2s}.fab-focus:hover{transform:scale(1.05)}@media (max-width:768px){.verse-arabic{font-size:1.8rem}.mq-settings-drawer{padding:15px}.settings-row{grid-template-columns:1fr}}.focus-mode{position:fixed;inset:0;background:linear-gradient(135deg,#031217,#0a1f26 50%,#031217);z-index:2000;display:flex;flex-direction:column;font-family:Inter,sans-serif}.focus-mode-header{display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.05);gap:20px;width:100%;box-sizing:border-box}.focus-mode-close{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 24px;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease}.focus-mode-close:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);color:#fca5a5;transform:scale(1.02);box-shadow:0 0 20px rgba(239,68,68,.2)}.focus-mode-verse-num{font-size:1rem;color:var(--mq-accent);font-weight:600;flex-shrink:0;white-space:nowrap;background:rgba(34,211,238,.1);padding:8px 16px;border-radius:20px}.focus-mode-test-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--mq-text-dim);padding:10px 20px;border-radius:50px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s}.focus-mode-test-btn.active{background:var(--mq-primary);color:black;border-color:var(--mq-primary)}.focus-mode-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.focus-mode-verse-wrapper{text-align:center;transition:all .4s ease}.focus-mode-verse-wrapper.is-testing .focus-mode-verse{filter:blur(20px);opacity:.3}.focus-mode-verse{font-family:KFGQPC Uthmanic Script HAFS,Amiri Quran,serif;font-size:3.5rem;line-height:2.5;color:white;direction:rtl;text-align:center;max-width:900px;margin:0 auto}.verse-end-mark{color:var(--mq-primary);font-size:2.5rem}.focus-mode-repeat-progress{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:15px}.repeat-dot-container{display:flex;gap:10px}.repeat-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}.repeat-dot.active,.repeat-dot.completed{background:var(--mq-primary)}.repeat-dot.active{box-shadow:0 0 15px var(--mq-primary);animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.repeat-text{font-size:.9rem;color:var(--mq-text-dim)}.focus-mode-footer{padding:30px;gap:20px;border-top:1px solid rgba(255,255,255,.05)}.focus-ctrl-btn,.focus-mode-footer{display:flex;justify-content:center}.focus-ctrl-btn{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:white;cursor:pointer;font-size:1.2rem;align-items:center;transition:all .2s}.focus-ctrl-btn:hover{background:rgba(255,255,255,.1)}.focus-ctrl-btn.play{width:80px;height:80px;background:var(--mq-primary);color:black;font-size:1.5rem;border:none;box-shadow:0 0 30px rgba(0,230,118,.3)}.focus-ctrl-btn.play:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(0,230,118,.5)}@media (max-width:768px){.focus-mode-verse{font-size:2rem;padding:20px}.focus-mode-content{padding:20px}}