:root{--ivory: #FAFAF8;--ivory-raised: #FFFFFF;--ink: #22201C;--ink-soft: #6B6459;--teal: #2C5850;--teal-soft: #E7EFED;--ochre: #B8874A;--rose: #B5544A;--rose-soft: #F7E9E7;--rule: #E0DED8;--neutral-hover: #EFEEEA}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:IBM Plex Sans,sans-serif;min-height:100vh}html[lang=ur] body{font-family:Noto Nastaliq Urdu,IBM Plex Sans Arabic,sans-serif}html[lang=ar] body{font-family:IBM Plex Sans Arabic,sans-serif}.app-shell{max-width:1100px;margin:0 auto;padding:20px 20px 40px;position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.app-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 480px){.site-nav-link{padding:6px 11px;font-size:13px}.app-top-actions{gap:6px}}.landing-shell{height:100vh;height:100dvh;overflow:hidden}.app-title{font-family:Amiri,serif;font-weight:700;font-size:19px;color:var(--ink);margin:0}.app-title-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.app-title-back-icon{font-size:15px;color:var(--ink-soft)}.app-title-link:hover,.app-title-link:focus-visible{color:var(--teal)}.app-title-link:hover .app-title-back-icon,.app-title-link:focus-visible .app-title-back-icon{color:var(--teal)}.lang-switcher{display:flex;gap:4px}.lang-switch-btn{font-size:11px;padding:5px 9px;border:1px solid var(--rule);border-radius:12px;background:var(--ivory-raised);color:var(--ink-soft);cursor:pointer}.lang-switch-btn-active{background:var(--teal);color:var(--ivory-raised);border-color:var(--teal)}.site-nav{display:flex;border:1.5px solid var(--ink-soft);border-radius:6px;overflow:hidden}.site-nav-link{padding:7px 14px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;background:var(--ivory-raised)}.site-nav-link+.site-nav-link{border-left:1.5px solid var(--ink-soft)}.site-nav-link:hover:not(.site-nav-link-active){background:var(--neutral-hover)}.site-nav-link-active{background:var(--teal);color:#fff}.app-top-actions-divider{width:1px;align-self:stretch;background:var(--rule);margin:0 2px}@media (max-width: 480px){.app-top-actions-divider{display:none}}.section-list{max-width:640px;margin:20px auto 0;display:flex;flex-direction:column;gap:14px;width:100%;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}.practice-grid{display:flex;flex-direction:column;gap:14px}@media (min-width: 641px){.section-list,.practice-grid{max-width:820px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.section-card{display:flex;flex-direction:column}}.section-card{display:block;padding:18px 20px;border:1px solid var(--rule);border-radius:10px;background:var(--ivory-raised);text-decoration:none;color:inherit;transition:border-color .15s}.section-card:hover{border-color:var(--teal)}.section-card h2{margin:0 0 6px;font-size:16px;color:var(--ink)}.section-card p{margin:0;font-size:13px;color:var(--ink-soft)}.section-card-featured{border:1.5px solid var(--teal);background:var(--teal-soft);margin-bottom:18px;padding:20px 22px}.section-card-featured h2{font-size:18px}.section-card-featured p{font-size:14px;color:var(--ink)}.practice-heading{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 10px}.scope-screen{max-width:640px;margin:0 auto;padding:0 16px;width:min(100%,calc(100vw - 4px));box-sizing:border-box;text-align:center;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto;overscroll-behavior:contain}.landing-feedback-hint{font-size:12px;color:var(--ink-soft);margin-top:20px}.preview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:18px;opacity:.9;pointer-events:none;direction:ltr}.preview-options{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;align-content:start}.preview-label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}.preview-options .preview-label{grid-column:1 / -1}.preview-option{font-family:Scheherazade New,Amiri,serif;direction:rtl;text-align:right;font-size:12px;padding:7px 9px;border:1px solid var(--rule);border-radius:6px;background:var(--ivory-raised)}.preview-prompt-column{background:var(--teal-soft);border:1px solid var(--rule);border-radius:6px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.preview-prompt{font-family:Scheherazade New,Amiri,serif;direction:rtl;text-align:center;font-size:15px;line-height:1.8}@media (max-width: 600px){.preview-grid{grid-template-columns:1fr}}.scope-picker-form{max-width:460px;margin:0 auto;text-align:left}.scope-radio-row{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.scope-radio{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.scope-detail{margin-bottom:12px}.scope-detail select{width:100%;padding:12px 14px;font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--ink);background:var(--ivory-raised);border:1px solid var(--rule);border-radius:4px;margin-bottom:8px}.scope-range-row{display:flex;gap:10px}.scope-range-row input{flex:1;padding:12px;border:1px solid var(--rule);border-radius:4px;background:var(--ivory-raised);font-family:IBM Plex Sans,sans-serif;font-size:14px}.scope-range-field{flex:1;display:flex;flex-direction:column;gap:4px}.scope-range-field select{width:100%;padding:12px 14px;font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--ink);background:var(--ivory-raised);border:1px solid var(--rule);border-radius:4px}.scope-range-label{font-size:11px;color:var(--ink-soft)}.scope-session-length{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.scope-session-length label{font-size:14px;color:var(--ink)}.scope-session-length input{width:72px;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:var(--ivory-raised);font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--ink);text-align:center}.scope-note{font-size:13px;color:var(--rose);margin:6px 0 12px}.manzil-reference-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}.manzil-reference-table th,.manzil-reference-table td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--rule)}.manzil-reference-table th{color:var(--ink-soft);font-weight:600}.manzil-row-selected{background:var(--teal-soft)}.quiz-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.beads{display:flex;flex-wrap:wrap;gap:8px;row-gap:6px;min-width:0;flex:1 1 auto}.bead{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ochre);background:transparent;transition:background .2s ease,border-color .2s ease}.bead-filled{background:var(--ochre)}.bead-correct{background:var(--teal);border-color:var(--teal)}.bead-wrong{background:var(--rose);border-color:var(--rose)}.bead-current{background:var(--neutral-hover);border-color:var(--ink-soft)}.quiz-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch;direction:ltr}.prompt-column{background:var(--teal-soft);border:1.5px solid var(--rule);border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;justify-content:center;order:2}.options-column{display:flex;flex-direction:column;gap:6px;justify-content:center;order:1}@media (max-width: 599px){.quiz-grid{grid-template-columns:1fr;gap:14px}.prompt-column{order:1}.options-column{order:2}}.panel-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);text-align:center;margin-bottom:8px}.context-verse{font-family:Scheherazade New,Amiri,serif;color:var(--ink-soft);font-size:17px;direction:rtl;text-align:center;line-height:1.9;margin-bottom:6px}.prompt-verse{font-family:Scheherazade New,Amiri,serif;font-size:19px;direction:rtl;text-align:center;line-height:1.9}.prompt-ref{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:6px}.option-btn{text-align:right;direction:rtl;padding:10px 14px;font-family:Scheherazade New,Amiri,serif;font-size:15px;line-height:1.7;border:1.5px solid var(--rule);border-radius:6px;background:var(--ivory-raised);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:3px;transition:background .12s ease,border-color .12s ease}.option-btn:hover:not(:disabled){background:var(--neutral-hover);border-color:var(--ink-soft)}.option-btn:disabled{cursor:default;color:var(--ink);opacity:1}.option-correct{background:var(--teal-soft);border-color:var(--teal)}.option-wrong{background:var(--rose-soft);border-color:var(--rose)}.option-ref{font-family:IBM Plex Sans,sans-serif;font-size:10px;color:var(--ink-soft);direction:ltr}.diff-word{color:var(--ochre);font-weight:400}.phonetic-note{font-family:IBM Plex Sans,sans-serif;font-size:12px;color:var(--ink-soft);margin-top:8px}.quiz-content-scroll{overflow-y:auto;scroll-behavior:smooth}.quiz-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:10px 0;background:var(--ivory)}.quiz-controls-left{display:flex;align-items:center;gap:14px}.quiz-message{text-align:center;padding:50px 0;max-width:460px;margin:0 auto}.quiz-message p{color:var(--ink-soft);font-size:15px;line-height:1.6;margin-bottom:18px}.error-text{color:var(--rose)}.quiz-loading{padding:50px 0;text-align:center;color:var(--ink-soft)}button{font-family:inherit}.btn-primary{padding:12px 20px;font-size:14px;font-weight:600;color:var(--ivory-raised);background:var(--teal);border:none;border-radius:4px;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:#234742}.btn-primary:disabled{background:#7fa39d;opacity:1;color:var(--ivory-raised);cursor:not-allowed}.btn-full{width:100%}.btn-text{background:none;border:none;color:var(--ink);font-weight:600;font-size:13px;cursor:pointer;padding:6px 8px}.btn-text:hover:not(:disabled){color:var(--teal)}.btn-text:disabled{color:var(--rule);cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22201cf0;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--ivory-raised);border-radius:8px;padding:24px;max-width:440px;min-height:360px;width:92%;max-height:90vh;overflow-y:auto;border:1px solid var(--rule);display:flex;flex-direction:column;justify-content:center}.modal-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-title{font-family:Amiri,serif;font-weight:700;font-size:18px;color:var(--ink);margin:0}.modal-paragraph{font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0 0 10px}.help-btn{position:fixed;bottom:14px;left:14px;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ochre);background:var(--ivory-raised);color:var(--ochre);cursor:pointer;font-style:italic;font-weight:700}.ref-toggle-btn{margin-top:8px;background:none;border:none;color:var(--ink-soft);font-size:11px;text-decoration:underline;cursor:pointer;align-self:center}.ref-toggle-btn:hover{color:var(--ink)}.about-content{max-width:640px;margin:8px auto 0;width:100%}.about-content p{font-size:13.5px;line-height:1.65;color:var(--ink);margin:0 0 26px}html[lang=ar] .about-content p{line-height:1.5}.about-next-verse{padding:14px 16px;border:1.5px solid var(--teal);border-radius:8px;background:var(--teal-soft);margin:0 0 26px}.about-devotional{background:var(--teal);color:#fff;padding:16px 18px;border-radius:8px;margin:0 0 26px}.about-content p.about-devotional,.about-content .about-devotional p{color:#fff}.about-devotional-group p{margin:0 0 14px}.about-devotional-group p:last-child{margin-bottom:0;margin-top:14px}.about-feedback-icon-note{font-size:12px;color:#fffc}.icon-btn-inline{width:22px;height:22px;border-radius:6px;vertical-align:middle}.icon-btn-inline svg{width:14px;height:14px}.about-section-list{margin:0 0 26px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.about-section-list li{font-size:13px;line-height:1.55;color:var(--ink-soft);padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--ivory-raised);overflow-wrap:break-word}.about-section-list li strong{color:var(--ink)}.tanzil-credit{text-align:center;font-size:11px;color:var(--ink-soft);margin-top:32px;padding-bottom:8px}.tanzil-credit a{color:var(--ink-soft)}.feedback-wrapper{position:relative}.feedback-btn{padding:8px 14px;border-radius:16px;border:1px solid var(--rule);background:var(--ivory-raised);font-size:12px;color:var(--ink-soft);cursor:pointer}.feedback-panel{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-width:calc(100vw - 28px);background:var(--ivory-raised);border:1px solid var(--rule);border-radius:8px;padding:14px;z-index:100}.feedback-panel-fixed{position:fixed;top:58px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 74px);overflow-y:auto}.feedback-intro{font-size:12px;color:var(--ink-soft);margin-bottom:8px}.lang-row{display:flex;gap:5px;margin-bottom:8px}.lang-btn{flex:1;font-size:11px;padding:5px;border:1px solid var(--rule);border-radius:4px;background:var(--ivory);cursor:pointer}.lang-btn-active{background:var(--teal);color:var(--ivory-raised);border-color:var(--teal)}.feedback-panel textarea{width:100%;padding:8px;font-size:13px;border:1px solid var(--rule);border-radius:4px;resize:none;font-family:inherit}.feedback-actions{display:flex;gap:6px;margin-top:6px}.feedback-actions button:not(.btn-primary){flex:1;font-size:11px;padding:6px;border:1px solid var(--rule);border-radius:4px;background:var(--ivory);cursor:pointer}.feedback-actions .btn-primary{flex:1;font-size:11px;padding:6px}.btn-recording{background:var(--rose-soft);border-color:var(--rose)}.stats-page{max-width:720px;margin:0 auto;padding:24px 20px 60px}.stats-password-form{display:flex;flex-direction:column;gap:10px;max-width:280px;margin-top:24px}.stats-password-form label{font-size:13px;color:var(--ink-soft)}.stats-password-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--rule);font-size:15px}.stats-cards{display:flex;gap:12px;margin:16px 0 28px}.stats-card{flex:1;background:var(--ivory-raised);border:1px solid var(--rule);border-radius:8px;padding:16px;text-align:center}.stats-card-label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.stats-card-value{font-size:26px;font-weight:600;margin-top:6px}.stats-section-title{font-size:14px;font-weight:600;margin:28px 0 10px}.stats-section-note{font-size:12px;color:var(--ink-soft);margin:-4px 0 10px;line-height:1.5}.stats-table-scroll{max-height:360px;overflow-y:auto;border:1px solid var(--rule);border-radius:8px}.stats-table-scroll .stats-table{font-size:12px}.stats-table-scroll thead th{position:sticky;top:0;background:var(--ivory-raised)}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th,.stats-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--rule)}.stats-table th{color:var(--ink-soft);font-weight:600}.stats-feedback-list{display:flex;flex-direction:column;gap:10px}.stats-feedback-item{border:1px solid var(--rule);border-radius:6px;padding:10px 12px;background:var(--ivory-raised)}.stats-feedback-meta{font-size:11px;color:var(--ink-soft);margin-bottom:4px}.stats-feedback-message{font-size:14px}.quiz-timer{font-size:15px;font-weight:600;color:var(--teal);font-variant-numeric:tabular-nums}.muqattaat-shell,.musabbihaat-shell{display:flex;flex-direction:column}.muqattaat-body{flex:1;min-height:0;display:flex;flex-direction:column}.muqattaat-footer{margin-top:10px;font-size:10px}.muqattaat-section-header{max-width:820px;margin:0 auto 14px;text-align:center}.muqattaat-section-header h2{margin:0 0 4px}.muqattaat-section-header p{margin:0;color:var(--ink-soft);font-size:13px}.muqattaat-mode{max-width:820px;margin:0 auto;width:100%}.muqattaat-loading{text-align:center;color:var(--ink-soft)}.muqattaat-family-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.muqattaat-family-chip-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--rule);border-radius:16px;background:var(--ivory-raised);color:var(--ink-soft);cursor:pointer;font-size:12px;font-family:IBM Plex Sans,sans-serif}.muqattaat-family-chip-btn:hover{background:var(--neutral-hover)}.muqattaat-family-chip-btn.muqattaat-family-chip-active{background:var(--teal-soft);border-color:var(--teal);color:var(--ink)}.muqattaat-family-chip-letters{font-family:Scheherazade New,Amiri,serif;font-size:15px}.muqattaat-family-chip-count{font-size:10px;color:var(--ink-soft)}.muqattaat-card-letters{font-size:22px;line-height:1.6;color:var(--ink)}.identical-group-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.identical-chip-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--rule);border-radius:16px;background:var(--ivory-raised);color:var(--ink-soft);cursor:pointer;font-size:12px;font-family:IBM Plex Sans,sans-serif;max-width:220px}.identical-chip-btn:hover{background:var(--neutral-hover)}.identical-chip-btn.identical-chip-active{background:var(--teal-soft);border-color:var(--teal);color:var(--ink)}.identical-chip-preview{font-family:Scheherazade New,Amiri,serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identical-chip-count{font-size:10px;color:var(--ink-soft);flex-shrink:0}.identical-opening{max-width:640px;margin:0 auto;text-align:center}.identical-opening-label{font-size:13px;color:var(--ink-soft);margin-bottom:10px}.identical-opening .identical-group-picker{justify-content:center;margin-bottom:20px;max-height:280px;overflow-y:auto;padding:4px}.identical-opening .btn-primary{max-width:280px;margin:0 auto}@media (max-height: 500px){.identical-shell .scope-screen{justify-content:flex-start;overflow:hidden}.identical-shell .identical-opening{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.identical-shell .identical-opening-label{flex-shrink:0}.identical-shell .identical-opening .identical-group-picker{flex:1 1 auto;min-height:0;max-height:none;overscroll-behavior:contain}.identical-shell .identical-opening .btn-primary{flex-shrink:0}}.identical-picker-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule);border-radius:16px;background:var(--ivory-raised);color:var(--ink-soft);cursor:pointer;font-size:12px;font-family:IBM Plex Sans,sans-serif;margin-bottom:10px}.identical-picker-toggle:hover{background:var(--neutral-hover)}.identical-picker-toggle-preview{font-family:Scheherazade New,Amiri,serif;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identical-mode{max-width:1200px;margin:0 auto;width:100%}.identical-card-prev{font-size:14px;line-height:1.7;color:var(--ink-soft)}.identical-card-repeated{font-size:17px;line-height:1.9;color:var(--ink)}.identical-focus-toggle{position:fixed;top:12px;right:12px;z-index:20;width:34px;height:34px;border-radius:8px;border:1px solid var(--rule);background:var(--ivory-raised);color:var(--ink-soft);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.identical-focus-toggle:hover{background:var(--neutral-hover);color:var(--ink)}.matchquiz-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.matchquiz-score{font-size:13px;color:var(--ink-soft)}.matchquiz-round-complete{text-align:center;padding:24px 0}.matchquiz-round-complete button{margin-top:10px}.matchquiz-3col{display:flex;direction:ltr;gap:16px;align-items:stretch;--matchquiz-pane-pad: 420px}.matchquiz-pool-col{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--rule);border-radius:10px;background:var(--ivory)}.matchquiz-pool-col-inner{display:flex;flex-direction:column;gap:8px;padding-top:4px;padding-bottom:var(--matchquiz-pane-pad)}.matchquiz-question-pane{flex:2.4;min-width:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--rule);border-radius:10px;background:var(--ivory)}.matchquiz-3col.matchquiz-anchor-equal .matchquiz-question-pane{flex:2}.matchquiz-slot-anchor-grid{display:grid;grid-template-columns:.85fr 1.55fr;gap:8px;align-content:start;padding-top:4px;padding-bottom:var(--matchquiz-pane-pad);direction:ltr}.matchquiz-3col.matchquiz-anchor-equal .matchquiz-slot-anchor-grid{grid-template-columns:1fr 1fr}.matchquiz-card{min-height:64px;padding:10px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Scheherazade New,Amiri,serif;font-size:17px;line-height:1.9;direction:ltr}.matchquiz-card span{display:block}.matchquiz-card-text{flex:1;min-width:0}.matchquiz-card-anchor{background:var(--teal-soft);border:1.5px solid var(--teal);flex-direction:column;gap:4px}.matchquiz-card-name{font-family:IBM Plex Sans,sans-serif;font-size:10px;color:var(--ink-soft)}.musabbihaat-bismillah-label{font-family:IBM Plex Sans,sans-serif;font-size:12px;font-style:italic;color:var(--ink-soft)}.matchquiz-card-pool{background:var(--ivory-raised);border:1.5px solid var(--rule);flex-direction:row;gap:8px;-webkit-user-select:none;user-select:none}.matchquiz-card-dragging{opacity:.25}.matchquiz-slot{min-height:64px;border-radius:8px;border:1.5px dashed var(--rule);background:var(--ivory);display:flex;align-items:stretch}.matchquiz-slot-hover{border-color:var(--teal);background:var(--teal-soft)}.matchquiz-slot-correct{border-style:solid;border-color:var(--teal);background:var(--teal-soft)}.matchquiz-slot-wrong{border-style:solid;border-color:var(--rose);background:var(--rose-soft)}.matchquiz-card-in-slot{width:100%;background:transparent;flex-direction:row;gap:8px;-webkit-user-select:none;user-select:none}.matchquiz-slot-correct .matchquiz-card-in-slot{cursor:default}.matchquiz-drag-handle{flex-shrink:0;width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--neutral-hover);color:var(--ink-soft);font-size:18px;line-height:1;cursor:grab;touch-action:none;align-self:center}.matchquiz-drag-handle:active{cursor:grabbing;background:var(--teal-soft);color:var(--ink)}.matchquiz-drag-ghost{position:fixed;z-index:50;transform:translate(-50%,-50%);pointer-events:none;width:180px;min-height:64px;padding:10px 12px;border-radius:8px;background:var(--ivory-raised);border:1.5px solid var(--teal);box-shadow:0 8px 20px #22201c2e;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Scheherazade New,Amiri,serif;font-size:14px;line-height:1.8;opacity:.95}@media (max-width: 640px){.matchquiz-3col{flex-direction:column;gap:10px}.matchquiz-question-pane{order:-1}.matchquiz-pool-col,.matchquiz-question-pane{flex:1 1 0%;min-height:0;width:100%}.matchquiz-card,.matchquiz-slot{min-height:52px;font-size:13px}.matchquiz-drag-ghost{min-height:52px;font-size:12px}.identical-card-repeated{font-size:15px}.identical-card-prev{font-size:12px}.muqattaat-card-letters{font-size:18px}}@media (max-height: 500px){.app-shell{padding:10px 16px 16px}.app-top-row{margin-bottom:6px}.muqattaat-section-header{margin:0 auto 6px}.muqattaat-section-header p{display:none}.matchquiz-controls,.identical-group-picker,.identical-picker-toggle,.muqattaat-family-picker{margin-bottom:6px}.muqattaat-footer{display:none}}.app-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;max-width:none;margin:0;padding:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;background:var(--ivory)}.quiz-fs-shell{display:flex;flex-direction:column;height:100%;min-height:0}.quiz-fs-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;flex-shrink:0;border-bottom:1px solid var(--rule)}.quiz-fs-topbar-cluster{display:flex;align-items:center;gap:6px;min-width:0}.quiz-fs-topbar-right{flex-wrap:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--rule);background:var(--ivory-raised);color:var(--ink-soft);cursor:pointer;flex-shrink:0}.icon-btn:hover,.icon-btn:focus-visible{color:var(--teal);border-color:var(--teal)}.icon-btn-wide{width:44px}.icon-btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.icon-btn-primary:hover,.icon-btn-primary:focus-visible{color:#fff;border-color:var(--teal);opacity:.9}.icon-glyph{font-size:19px;font-weight:700;line-height:1}.share-btn-wrap{position:relative;display:inline-flex}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;flex-shrink:0;opacity:1;transition:opacity .2s ease,transform .15s ease}.share-btn:hover,.share-btn:focus-visible{transform:scale(1.06)}.share-btn-copied{opacity:.4;transform:none}.share-btn-message{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);max-width:calc(100vw - 32px);text-align:center;white-space:nowrap;background:var(--ink);color:#fff;font-size:13px;padding:8px 14px;border-radius:8px;z-index:1000;pointer-events:none;animation:share-btn-message-fade 2.5s ease forwards}@keyframes share-btn-message-fade{0%{opacity:0;transform:translateY(-2px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.quiz-score{font-size:13px;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.quiz-fs-beads-row{padding:8px 10px;flex-shrink:0;border-bottom:1px solid var(--rule)}.quiz-fs-beads-row .beads{justify-content:center}.quiz-fs-panes{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow:hidden;direction:ltr}@media (min-width: 600px){.quiz-fs-panes{flex-direction:row}.quiz-fs-pane-question{order:2}.quiz-fs-pane-answers{order:1}.matchquiz-fs-question-pane{order:2}.matchquiz-fs-pool-pane{order:1}}.quiz-fs-pane{flex:1 1 0;min-height:0;overflow-y:auto;border:1.5px solid var(--rule);border-radius:8px;padding:14px 12px}.quiz-fs-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.quiz-fs-pane-question{background:var(--teal-soft);display:flex;flex-direction:column;justify-content:center}.matchquiz-fs-pane{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--rule);border-radius:10px;background:var(--ivory)}.matchquiz-fs-question-pane{background:var(--teal-soft)}.muqattaat-landing-hint{color:var(--ink-soft);font-size:14px;margin:0 0 4px}.muqattaat-landing-start{margin-top:8px}.muqattaat-landing-start:disabled{opacity:.45;cursor:not-allowed}.muqattaat-welldone{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--teal)}.quiz-fs-pane-answers{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.quiz-fs-answers-label{flex-shrink:0;margin-bottom:0;padding:12px 12px 6px}.quiz-fs-answers-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.quiz-fs-message{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.help-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22201c80;z-index:600}.help-panel{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);background:var(--ivory-raised);padding:20px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:2px 0 16px #0003;animation:help-panel-slide-in .18s ease-out}@keyframes help-panel-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.help-panel-title{font-family:Amiri,serif;font-weight:700;font-size:17px;color:var(--ink)}.help-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.help-panel-row{display:flex;align-items:center;gap:12px}.help-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:var(--ink-soft);font-size:15px;font-weight:700}.help-panel-label{font-size:13px;color:var(--ink);line-height:1.4}.quiz-quit-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);margin:14px 0;cursor:pointer}.quiz-quit-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 599px){.quiz-fs-topbar{flex-wrap:nowrap}.quiz-fs-topbar-cluster{gap:4px}.icon-btn{width:32px;height:32px}.icon-btn-wide{width:40px}}@media (max-width: 360px){.quiz-score{display:none}}.phrases-scope-screen{overflow:hidden;justify-content:flex-start}@media (min-width: 641px) and (min-height: 500px){.phrases-scope-screen{padding-top:48px}}.identical-phrases-opening{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.phrase-picker{max-width:640px;width:min(100%,calc(100vw - 4px));margin:0 auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.phrase-picker-search-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px;flex-shrink:0}.phrase-picker-input{flex:1 1 auto;min-width:0;padding:10px 14px;border:1px solid var(--rule);border-radius:20px;background:var(--ivory-raised);color:var(--ink);font-family:Scheherazade New,Amiri,serif;font-size:18px}.phrase-picker-input:focus{outline:none;border-color:var(--teal)}.phrase-picker-kbd-toggle{width:44px;height:44px;font-size:20px;animation:phrase-picker-kbd-flash 1s ease-in-out .6s 1 both}.phrase-picker-kbd-toggle.phrase-picker-kbd-active{background:var(--teal-soft);border-color:var(--teal);color:var(--ink)}@keyframes phrase-picker-kbd-flash{0%{transform:scale(1);box-shadow:0 0 0 0 var(--teal-soft)}35%{transform:scale(1.22);box-shadow:0 0 0 7px var(--teal-soft)}70%{transform:scale(.96);box-shadow:0 0 0 0 transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.phrase-picker-panes{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.phrase-picker-pane{flex:1 1 0;min-height:0;overflow-y:auto;border:1px solid var(--rule);border-radius:12px}.phrase-picker-pane-keyboard{order:1;background:var(--ivory-raised);padding:8px 2.5%;overflow-x:hidden}.phrase-picker-pane-results{order:2}.phrase-picker>.phrase-picker-pane-results{flex:1 1 auto;min-height:0}@media (min-width: 600px){.phrase-picker-panes{flex-direction:row;direction:ltr}.phrase-picker-pane-results{order:1}.phrase-picker-pane-keyboard{order:2}}.phrase-picker-keyboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-width:100%}.phrase-picker-key{min-width:0;padding:8px 0;border:1px solid var(--rule);border-radius:8px;background:var(--ivory);color:var(--ink);cursor:pointer;font-family:Scheherazade New,Amiri,serif;font-size:17px}.phrase-picker-key:hover:not(:disabled){background:var(--neutral-hover)}.phrase-picker-key.phrase-picker-key-dead{color:var(--ink-soft);opacity:.35;cursor:not-allowed}.phrase-picker-key-backspace{grid-column:span 2;font-family:IBM Plex Sans,sans-serif}.phrase-picker-key-backspace:disabled{opacity:.35;cursor:not-allowed}.phrase-picker-key-space{grid-column:span 2;font-family:IBM Plex Sans,sans-serif}.phrase-picker-results{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;justify-content:center;padding:8px}.phrase-picker-empty{text-align:center;color:var(--ink-soft);font-size:13px;padding:16px 8px}.identical-phrase-highlight{font-weight:700;color:var(--ochre)}.identical-bismillah-line{display:inline-block;color:var(--ink-soft);margin-bottom:2px}