@font-face{font-family:UthmanTaha;src:url(/UthmanTN1B.woff2)format("woff2");font-weight:400;font-style:normal}:root{--body-bg:#0f172a;--body-color:#e2e8f0;--body-font:"Cairo", "Scheherazade New", "Segoe UI", sans-serif;--header-bg:linear-gradient(120deg, #0a1628 0%, #0f2a4a 50%, #0a1628 100%);--header-line:linear-gradient(90deg, transparent, #34d399 30%, #38bdf8 70%, transparent);--header-h1-font:"Cairo", "Segoe UI", sans-serif;--header-h1-size:1.25rem;--header-h1-weight:700;--header-h1-style:normal;--subtitle-color:#38bdf8;--accent:#38bdf8;--save-btn-color:#34d399;--tabs-bg:#1e293b;--tab-color:var(--subtitle-color);--tab-active-color:#f1f5f9;--tab-active-border:#38bdf8;--tab-font:inherit;--tab-style:normal;--tab-transform:none;--tab-spacing:.3px;--tab-size:.85rem;--tab-padding:13px 6px;--card-front-bg:linear-gradient(135deg, #1f2937, #64748b);--card-front-border:#64748b;--btn-know:#34d399;--btn-know-border:#16a34a;--btn-learn:#60a5fa;--btn-learn-border:#2563eb;--btn-skip:#d1905c;--btn-skip-border:#b0703c;--score-good:#34d399;--score-bad:#60a5fa;--score-skip:#d1905c;--score-remaining:#64748b}[data-theme=sufi]{--body-bg:radial-gradient(ellipse at top, #0b1230 0%, #060a1f 50%, #030611 100%);--body-color:#f3ead8;--body-font:"Spectral", "Cormorant Garamond", Georgia, serif;--header-bg:linear-gradient(120deg, #03050f 0%, #0b1230 50%, #03050f 100%);--header-line:linear-gradient(90deg, transparent, #c9a55c 30%, #e8c876 50%, #c9a55c 70%, transparent);--header-h1-font:inherit;--header-h1-size:1.55rem;--header-h1-weight:700;--header-h1-style:normal;--subtitle-color:#e8c876;--accent:#e8c876;--save-btn-color:#c9a55c;--tabs-bg:#0b1230;--tab-color:var(--subtitle-color);--tab-active-color:#f3ead8;--tab-active-border:#e8c876;--tab-font:inherit;--tab-style:normal;--tab-transform:none;--tab-spacing:.3px;--tab-size:.85rem;--tab-padding:13px 6px;--card-front-bg:linear-gradient(135deg, #1a1f28, #64748b);--card-front-border:#64748b;--btn-know:#d4af37;--btn-know-border:#9c7e10;--btn-learn:#b0b4bc;--btn-learn-border:#787c85;--btn-skip:#cd7f32;--btn-skip-border:#8b5218;--score-good:#d4af37;--score-bad:#b0b4bc;--score-skip:#cd7f32}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}[data-theme=sufi],[data-theme=sufi] body{font-family:Spectral,Georgia,serif}button,input,select,textarea{font-family:inherit}body{font-family:var(--body-font);background:var(--body-bg);color:var(--body-color);flex-direction:column;height:100dvh;display:flex}header{background:var(--header-bg);border-bottom:1px solid #1e3a5f;flex-shrink:0;align-items:center;gap:14px;padding:16px 28px;display:flex;position:relative;overflow:hidden}header:after{content:"";background:var(--header-line);width:100%;height:2px;position:absolute;bottom:0;left:0}header h1{font-family:var(--header-h1-font);font-size:var(--header-h1-size);font-weight:var(--header-h1-weight);font-style:var(--header-h1-style);color:#f1f5f9;letter-spacing:.3px}header h1 span.accent{color:#38bdf8}header>img,.header-icon{flex-shrink:0;width:38px;height:38px}header>div{flex:1;min-width:0}.save-progress-btn{border:1px solid var(--save-btn-color);color:var(--save-btn-color);cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:0 0;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:.75rem;font-weight:600;transition:background .2s,color .2s;display:flex}.save-progress-btn:hover{background:var(--save-btn-color);color:#0f172a}@keyframes subtitle-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.header-subtitle-wrap{color:var(--subtitle-color);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;max-width:100%;margin-top:0;font-size:.72rem;font-weight:500;overflow:hidden}.header-subtitle-inner{display:inline}.subtitle-dupe{display:none}.header-subtitle-wrap.scrolling{text-overflow:unset}.header-subtitle-wrap.scrolling .header-subtitle-inner{animation:10s linear infinite subtitle-marquee;display:inline-block}.header-subtitle-wrap.scrolling .subtitle-dupe{display:inline}.tabs{background:var(--tabs-bg);border-bottom:2px solid #0f172a;flex-shrink:0;display:flex}.tab-btn{padding:var(--tab-padding);color:var(--tab-color);cursor:pointer;font-size:var(--tab-size);font-weight:500;font-family:var(--tab-font);font-style:var(--tab-style);text-transform:var(--tab-transform);letter-spacing:var(--tab-spacing);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;transition:all .2s}.tab-icon{margin-right:4px}.tab-btn.active{color:var(--tab-active-color);border-bottom-color:var(--tab-active-border);font-weight:700}.tab-btn:hover:not(.active){color:var(--tab-active-color);background:#ffffff08}.tab-content{flex:1;width:100%;max-width:820px;margin:0 auto;padding:14px 20px;display:none;overflow:hidden}.tab-content.active{flex-direction:column;display:flex}.flashcard-wrap{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;display:flex;overflow:hidden auto}.card-meta{color:#64748b;letter-spacing:.3px;background:#1e293b;border-radius:20px;flex-shrink:0;align-self:center;padding:4px 12px;font-size:.85rem;font-weight:600}.card-pos-btn{cursor:pointer;text-underline-offset:2px;border-bottom:none;padding:0 3px;-webkit-text-decoration:underline dashed #64748b;text-decoration:underline dashed #64748b;text-decoration-thickness:1px;transition:color .15s,border-color .15s}.card-pos-btn:hover{color:#e2e8f0;text-decoration-color:#94a3b8}.card-pos-input{color:#e2e8f0;text-align:center;background:#0f172a;border:1px solid #38bdf8;border-radius:4px;outline:none;width:3.5rem;padding:1px 4px;font-size:.85rem;font-weight:600}.card-meta.filter-know{color:#34d399;background:#0c2a1e;border:1px solid #34d39955}.card-meta.filter-learn{color:#60a5fa;background:#0c1f3a;border:1px solid #60a5fa55}.card-meta.filter-skip{color:#d1905c;background:#241a12;border:1px solid #d1905c55}.card-meta.filter-remaining{color:#94a3b8;background:#1c2330;border:1px solid #64748b55}.flashcard-front-wrap{background:var(--card-front-bg);border:1px solid var(--card-front-border);cursor:pointer;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;max-width:580px;min-height:0;padding:20px 24px;transition:opacity .25s,transform .25s;display:flex;position:relative}.flashcard-front-wrap.hidden{display:none}.tap-hint{color:#ffffffa6;letter-spacing:.04em;margin-top:12px;font-size:.78rem;animation:3.6s ease-in-out infinite tap-hint-pulse}@keyframes tap-hint-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer-sweep{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff21 50%,#ffffff0f 75%) 0 0/800px 100%;border-radius:8px;animation:1.4s linear infinite shimmer-sweep}.shimmer-badge{width:100px;height:22px}.shimmer-word{border-radius:12px;width:160px;height:72px;margin:12px 0}.shimmer-tr{width:90px;height:18px}.fc-shimmer{flex-direction:column;flex:1;align-items:stretch;gap:10px;width:100%;display:flex}.fc-shimmer-score{gap:8px;width:100%;display:flex}.fc-shimmer-card{flex:1;width:100%;min-height:220px}.fc-shimmer-btns{width:100%}.fc-shimmer-right{display:none}@media (min-width:601px){.fc-shimmer{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr 148px;align-items:stretch;gap:10px 16px;display:grid}.fc-shimmer-score{display:none}.fc-shimmer-right{flex-direction:column;grid-area:1/2/span 4;gap:10px;display:flex}.fc-shimmer-numrow{grid-area:1/1}.fc-shimmer-card{grid-area:2/1}.fc-shimmer-btns{grid-area:3/1}.fc-shimmer-nav{grid-area:4/1;display:flex!important}}.flashcard-back-wrap{background:linear-gradient(160deg,#0f172a 0%,#0c2340 100%);border:1px solid #64748b;border-radius:16px;flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:580px;min-height:0;display:flex;position:relative;overflow:hidden}.back-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px 22px 18px;display:flex;overflow-y:auto}.flashcard-back-wrap.hidden{display:none}.arabic-word{word-spacing:8px;direction:rtl;font-family:UthmanTaha,serif;font-size:3.4rem;line-height:2}.transliteration{color:#bfdbfe;font-size:.95rem;font-style:italic}.back-line1{flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.back-word{color:#fcd34d;direction:rtl;font-family:UthmanTaha,serif;font-size:2rem;line-height:2}.back-dash{color:#475569;font-size:1.1rem}.back-meaning{color:#e0f2fe;font-size:1.05rem;font-weight:700}.back-root{background:#38bdf812;border:1px solid #38bdf826;border-radius:10px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:8px 14px;display:flex}.back-root-letters{color:#38bdf8;letter-spacing:4px;word-spacing:6px;direction:rtl;flex-shrink:0;font-family:Lateef,serif;font-size:1.8rem}.back-root-meaning{color:#64748b;font-size:.8rem;font-style:italic}.back-ex{background:#ffffff0a;border-radius:10px;width:100%;padding:10px 14px}.ex-label{text-transform:uppercase;letter-spacing:1.5px;color:#475569;margin-bottom:5px;font-size:.6rem}.ex-arabic{color:#bfdbfe;text-align:right;word-spacing:6px;direction:rtl;font-family:Scheherazade New,serif;font-size:1.2rem;line-height:2.2}.ex-tr{color:#94a3b8;margin-top:3px;font-size:.82rem;font-style:italic;line-height:1.5}.flip-btn{color:#fff;cursor:pointer;white-space:nowrap;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);border:1px solid #a5f3fc;border-radius:8px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:600;transition:filter .2s}.flip-btn:hover{filter:brightness(1.15)}.flip-btn-float{z-index:2;position:absolute;top:10px;right:12px}.category-badge{color:#e0f2fe;background:#ffffff26;border-radius:20px;padding:3px 10px;font-size:.68rem}.card-top-row{flex-shrink:0;order:3;justify-content:center;align-items:center;gap:10px;width:100%;max-width:580px;margin:4px 0;padding:0 4px;display:flex}.card-top-row .card-meta-wrap{justify-content:center}.card-controls{flex-shrink:0;order:2;gap:8px;width:100%;max-width:580px;display:flex}.card-controls .btn:not(.btn-nav){flex:1}.card-nav-row{display:none}button.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;padding:9px 16px;font-size:.85rem;font-weight:700;transition:opacity .15s,transform 80ms,box-shadow .1s,filter .1s,border-bottom-width 80ms;display:inline-flex;box-shadow:0 4px 10px #00000047}button.btn:hover:not(:active){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 7px 16px #00000052}button.btn:active{transform:translateY(2px)scale(.97);box-shadow:0 2px 6px #0003}.btn-nav{flex-shrink:0;padding:0;border-bottom:none!important}.btn-nav-desktop{display:none}.btn-primary{color:#0f172a;background:#38bdf8}@keyframes btn-pulse{0%{box-shadow:0 4px 10px #00000047, inset 0 3px 0 0 var(--pulse-color), inset 0 -3px 0 0 var(--pulse-color)}to{box-shadow:0 4px 10px #00000047,inset 0 0 #0000,inset 0 0 #0000}}.btn-success.btn-nav-flash{--pulse-color:#34d39973}.btn-danger.btn-nav-flash{--pulse-color:#60a5fa73}.btn-skip.btn-nav-flash{--pulse-color:#fb923c73}[data-theme=sufi] .btn-success.btn-nav-flash{--pulse-color:#d4af3799}[data-theme=sufi] .btn-danger.btn-nav-flash{--pulse-color:#b0b4bc80}[data-theme=sufi] .btn-skip.btn-nav-flash{--pulse-color:#cd7f3299}.btn-success{background-color:var(--btn-know);color:#0f172a;border-bottom:2px solid var(--btn-know-border)}.btn-danger{background-color:var(--btn-learn);color:#0f172a;border-bottom:2px solid var(--btn-learn-border)}.btn-reset{color:#fff;background-color:#ef4444;border-bottom:2px solid #b91c1c}.btn-neutral{color:#e2e8f0;background-color:#475569;border-bottom:2px solid #2d3f55}.btn-skip{background-color:var(--btn-skip);color:#0f172a;border-bottom:2px solid var(--btn-skip-border)}.btn-nav-desktop:active{border-bottom-width:6px!important;transform:none!important;box-shadow:0 4px 10px #00000047!important}.score-bar{flex-shrink:0;order:-1;gap:10px;width:100%;max-width:580px;display:flex}.score-item.good{--sc:var(--score-good)}.score-item.bad{--sc:var(--score-bad)}.score-item.skip{--sc:var(--score-skip)}.score-item.remaining{--sc:var(--score-remaining,#64748b)}.score-item{cursor:pointer;background:linear-gradient(color-mix(in srgb, var(--sc) 9%, transparent), color-mix(in srgb, var(--sc) 3%, transparent)), #1e293b;border:1px solid color-mix(in srgb, var(--sc) 40%, #2d3f55);box-shadow:0 2px 0 color-mix(in srgb, var(--sc) 28%, #0b1220), 0 3px 8px #00000059;color:inherit;text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 10px 10px;transition:transform .12s,box-shadow .12s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.score-item:active{box-shadow:0 0 0 color-mix(in srgb, var(--sc) 28%, #0b1220), 0 1px 3px #0000004d;transform:translateY(2px)}.score-main{flex-direction:column;align-items:center;gap:2px;display:flex}.score-item:hover{border-color:color-mix(in srgb, var(--sc) 65%, #2d3f55);box-shadow:0 3px 0 color-mix(in srgb, var(--sc) 34%, #0b1220), 0 5px 12px #0006;transform:translateY(-1px)}.score-item.active-filter{border-color:var(--sc);background:linear-gradient(color-mix(in srgb, var(--sc) 22%, transparent), color-mix(in srgb, var(--sc) 12%, transparent)), #131c2b;transform:none;box-shadow:inset 0 2px 5px #00000073}.score-item.active-filter:hover{transform:none;box-shadow:inset 0 2px 5px #00000073}.score-item.active-filter .score-action{color:#e2e8f0;font-size:.72rem;font-weight:600}.score-item.active-filter{justify-content:center}.card-meta-wrap{align-items:stretch;gap:10px;display:flex}.score-item span{font-size:1.5rem;font-weight:800;line-height:1.1}.score-item.good span{color:var(--score-good)}.score-item.bad span{color:var(--score-bad)}.score-item.skip span{color:var(--score-skip)}.score-item.remaining span{color:var(--score-remaining,#64748b)}.score-item-label{color:#94a3b8;font-size:.7rem;font-weight:500}.score-action{color:#475569;justify-content:center;align-items:center;gap:4px;font-size:.6rem;display:flex}@media (min-width:601px){.flashcard-wrap{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr 148px;align-items:stretch;gap:10px 16px;display:grid}.card-top-row{grid-area:1/1;justify-content:center}.card-top-row .btn-nav{display:none}.card-meta-wrap,.card-meta{justify-self:center}.flashcard-front-wrap,.flashcard-back-wrap{flex:none;grid-area:2/1;width:100%;max-width:none;height:100%}.card-controls{grid-area:3/1;gap:8px;max-width:none;display:flex}.card-nav-row{grid-area:4/1;justify-content:space-between;gap:8px;max-width:none;display:flex}.card-nav-row .btn-nav-desktop{flex:1;gap:10px;width:auto;padding:8px 20px}.score-bar{flex-direction:column;order:0;grid-area:2/2;justify-content:space-evenly;gap:0;width:100%;max-width:none;height:100%}.score-item{flex:none;min-height:90px;padding:18px 8px 14px}.score-item span{font-size:1.6rem}.score-item-label{font-size:.75rem}.score-action{color:#94a3b8;font-size:.65rem;font-weight:600}}.filter-row{flex-shrink:0;gap:10px;margin-bottom:12px;display:flex}.filter-row input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:.88rem}.cat-dd-btn{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:160px;padding:8px 12px;font-size:.88rem;display:flex}.cat-dd-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cat-dd-icon{flex-shrink:0}.cat-dd-btn:hover{border-color:#475569}.cat-dd-list{z-index:9999;width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);background:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.cat-dd-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;width:100%;padding:9px 12px;font-size:.88rem;list-style:none;display:flex}.cat-dd-item:hover,.cat-dd-item[data-highlighted]{background:#334155}.cat-dd-item[data-state=checked]{color:var(--accent,#60a5fa);font-weight:600}.word-grid{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;min-height:0;padding:4px 8px 0 0;display:grid;overflow-y:auto}.word-card{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;padding:12px;transition:border-color .2s,transform .15s;display:flex}.word-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.seal{color:#3f4b5c;background:#1f2a3a;border:1px solid #334155;border-radius:50%;place-items:center;width:19px;height:19px;transition:background .2s,border-color .2s,color .2s;display:grid;position:absolute;top:8px;right:8px}.seal svg{width:11px;height:11px;display:block}.word-card.learned{background:#16261f;border-color:#2f5d4e}.word-card.learned .seal{color:#06281a;background:#34d399;border-color:#34d399}@keyframes seal-pop{0%{transform:scale(.55)}55%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes seal-draw{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}.word-card.just-marked .seal{animation:.34s cubic-bezier(.34,1.56,.64,1) seal-pop}.word-card.just-marked .seal svg polyline{stroke-dasharray:26;animation:.3s ease-out 60ms backwards seal-draw}@media (prefers-reduced-motion:reduce){.word-card.just-marked .seal,.word-card.just-marked .seal svg polyline{animation:none}}.word-card .ar{text-align:center;direction:rtl;margin-bottom:4px;font-family:UthmanTaha,Amiri Quran,serif;font-size:1.8rem;line-height:1.9}.word-card .en{color:#94a3b8;text-align:center;font-size:.82rem}.word-card .freq{color:#475569;text-align:center;margin-top:4px;font-size:.65rem}.word-card .tr-text{color:#64748b;text-align:center;font-size:.7rem;font-style:italic}.learned-mark{color:#34d399;text-align:center;margin-top:3px;margin-bottom:8px;font-size:.65rem}.word-details-btn{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);width:100%;color:var(--accent);letter-spacing:.03em;cursor:pointer;border-radius:6px;margin-top:auto;padding:5px 10px;font-size:.72rem;font-weight:600;transition:background .15s,box-shadow .15s;display:block}.word-details-btn:hover{background:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 30%, transparent)}.quiz-wrap{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding-right:14px;display:flex;overflow:hidden auto}.quiz-done-wrap{gap:12px}.quiz-top-bar{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.quiz-top-actions{flex-shrink:0;gap:6px;display:flex}.quiz-mini-stats{color:#64748b;background:#1e293b;border-radius:10px;flex:1;gap:18px;padding:8px 18px;font-size:.78rem;display:flex}.quiz-mini-stats span{align-items:center;gap:5px;display:flex}.quiz-done-header{flex-direction:column;align-items:center;gap:4px;display:flex}.quiz-done-emoji{font-size:2.4rem}.quiz-done-score{color:#f1f5f9;font-size:2rem;font-weight:800}.quiz-done-pct{font-size:1.1rem;font-weight:700}.quiz-stats-bar{background:#1e293b;border-radius:12px;align-items:center;gap:0;width:100%;padding:14px 24px;display:flex}.quiz-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.quiz-stat-val{font-size:1.4rem;font-weight:800}.quiz-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.68rem}.quiz-stat-divider{background:#334155;width:1px;height:36px}.quiz-history{background:#1e293b;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-top:20px;padding:14px 16px;display:flex}.quiz-history-title{text-transform:uppercase;letter-spacing:1px;color:#475569;margin-bottom:2px;font-size:.68rem}.quiz-history-row{align-items:center;gap:10px;padding:6px 4px;display:flex}.quiz-history-date{color:#64748b;flex-shrink:0;width:52px;font-size:.72rem}.quiz-history-bar-wrap{background:#0f172a;border-radius:3px;flex:1;height:6px;overflow:hidden}.quiz-history-bar{border-radius:3px;height:100%;transition:width .4s}.quiz-history-val{color:#94a3b8;text-align:right;flex-shrink:0;width:32px;font-size:.72rem}.quiz-history-empty{color:#334155;text-align:center;padding:12px 0;font-size:.78rem;font-style:italic}.session-review-modal{flex-direction:column;width:92vw;max-width:480px;max-height:80vh;display:flex}.session-review-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:0 20px 12px;font-size:.75rem;font-weight:700}.session-review-list{flex-direction:column;gap:10px;padding:0 20px 20px;display:flex;overflow-y:auto}.quiz-review-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;width:100%;padding:8px 16px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.quiz-review-toggle:hover{color:#e2e8f0;border-color:#60a5fa}.quiz-review-list{flex-direction:column;gap:10px;width:100%;display:flex}.quiz-review-row{background:#263548;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.quiz-review-row.correct{border-left-color:#34d399}.quiz-review-row.wrong{border-left-color:#f87171}.quiz-review-icon{flex-shrink:0;font-size:.9rem}.quiz-review-arabic{color:#fcd34d;direction:rtl;flex-shrink:0;min-width:48px;font-family:UthmanTaha,Amiri Quran,serif;font-size:1.3rem;line-height:1.8}.quiz-review-answers{flex-direction:column;flex:1;gap:4px;display:flex}.quiz-history-row.clickable{cursor:pointer}.quiz-history-row.clickable:hover{background:#ffffff08;border-radius:6px}.quiz-history-expand{color:#475569;flex-shrink:0;font-size:.6rem}.quiz-review-wrong{color:#f87171;font-size:.75rem;text-decoration:line-through}.quiz-review-correct{color:#34d399;font-size:.8rem;font-weight:600}.quiz-reset-link{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s}.quiz-reset-link:hover{color:#e2e8f0;background:#334155;border-color:#475569}.quiz-word-reveal{flex-direction:column;gap:8px;width:100%;display:flex}.quiz-reveal-section{background:#ffffff0a;border-radius:10px;padding:10px 14px}.quiz-nav{justify-content:center;gap:10px;width:100%;display:flex}.quiz-nav .btn{letter-spacing:.4px;border-radius:50px;flex:1;padding:12px 20px;font-size:.88rem;box-shadow:0 2px 8px #00000040}button:disabled{opacity:.35;cursor:default}.quiz-reset-stats-link{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444459;border-radius:10px;padding:8px 10px;font-size:.75rem;transition:background .15s,border-color .15s,color .15s}.quiz-reset-stats-link:hover{color:#fca5a5;background:#ef44442e;border-color:#f87171}.quiz-question{text-align:center;direction:rtl;background:#1e293b;border:1px solid #334155;border-radius:16px;flex-shrink:0;width:100%;padding:20px 32px;font-family:UthmanTaha,Amiri Quran,serif;font-size:3rem;line-height:1.5}.quiz-options{flex-shrink:0;grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.quiz-option{color:#e2e8f0;cursor:pointer;text-align:center;word-break:break-word;overflow-wrap:break-word;background:#1e293b;border:2px solid #334155;border-radius:10px;min-width:0;padding:12px;font-size:.9rem;transition:border-color .2s,background .2s}.quiz-option:hover:not(.disabled){background:#1e3a5f;border-color:#38bdf8}.quiz-option.correct{color:#34d399;background:#0f2e1e;border-color:#34d399}.quiz-option.wrong{color:#f87171;background:#2a1010;border-color:#f87171}.quiz-option.disabled{cursor:default}.quiz-result-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 0;display:flex}.quiz-result{text-align:center;word-break:break-word;overflow-wrap:break-word;font-size:.95rem;font-weight:600}.quiz-detail-btn{color:#38bdf8;cursor:pointer;white-space:nowrap;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;line-height:1.6;-webkit-text-decoration:underline #38bdf84d;text-decoration:underline #38bdf84d;transition:color .15s}.quiz-detail-btn:hover{color:#7dd3fc;text-decoration-color:#7dd3fc}.quiz-progress-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.quiz-progress{color:#e2e8f0;letter-spacing:.3px;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:6px 14px;font-size:.9rem;font-weight:700}.progress-section{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.progress-card{background:#1e293b;border:1px solid #334155;border-radius:12px;flex-shrink:0;padding:16px}.progress-card h3{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.82rem}.prog-bar-wrap{margin-bottom:8px}.prog-label{justify-content:space-between;margin-bottom:3px;font-size:.8rem;display:flex}.prog-bar{background:#334155;border-radius:4px;height:7px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:4px;height:100%;transition:width .5s}.big-stat{color:var(--accent);font-size:2.2rem;font-weight:700}.filter-banner{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:580px;padding:10px 16px;font-size:.82rem;display:flex}.filter-banner span{flex:1}.btn-show-all{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#334155;border:1px solid #475569;border-radius:8px;padding:5px 14px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s}.btn-show-all:hover{background:#475569;border-color:#64748b}@media (max-width:600px){header{gap:8px;padding:8px 14px}header h1{margin:0;padding:0;font-size:.95rem;line-height:1.2}header>img,.header-icon{width:26px;height:26px}.header-subtitle-wrap{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;overflow:hidden}.save-progress-btn{padding:6px 10px}.save-progress-label{display:none}.tab-btn{letter-spacing:0;padding:5px 4px;font-size:.75rem}[data-theme=sufi] .tab-btn{padding:5px 4px;font-size:.75rem}.word-grid{grid-template-columns:repeat(2,1fr)}.word-card .ar{font-size:1.5rem}.arabic-word{font-size:2.6rem}.quiz-question{font-size:2.2rem}.flashcard-wrap{padding:4px}.tab-content{padding:8px 12px}.card-controls{gap:6px}.card-controls .btn{border-bottom:none;padding-left:8px;padding-right:8px}.score-bar{gap:6px}.score-item{padding:10px 4px 8px}.score-item span{font-size:1.2rem}.score-item-label{font-size:.62rem}.score-action{font-size:.55rem}.quiz-options{grid-template-columns:1fr}.modal-card{max-height:92vh;padding:20px 14px 14px}.modal-ar{font-size:1.8rem}.modal-section{padding:10px 12px}.modal-ex-ar{font-size:.95rem;line-height:1.6}.modal-ex-tr{font-size:.72rem}.modal-root-letters{font-size:1.1rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.word-card{position:relative}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden}.modal-close-bar{background:#1e293b;flex-shrink:0;justify-content:flex-end;padding:10px 14px 4px;display:flex}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:4px 20px 24px;overflow-y:auto}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.modal-close:hover{color:#f1f5f9}.modal-ar{text-align:center;color:#fcd34d;margin-bottom:6px;font-family:Scheherazade New,serif;font-size:2.4rem}.modal-tr{text-align:center;color:#94a3b8;font-size:1rem;font-style:italic}.modal-en{text-align:center;color:#e2e8f0;margin-top:4px;font-size:1rem;font-weight:600}.modal-badge{text-align:center;color:#38bdf8;margin:8px 0 14px;font-size:.72rem}.modal-section{background:#0f172a;border-radius:10px;margin-top:10px;padding:12px 14px}.modal-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.modal-label-row .modal-label{margin-bottom:0}.modal-label{text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:6px;font-size:.65rem}.modal-root-letters{color:#38bdf8;font-family:Scheherazade New,serif;font-size:1.3rem}.modal-root-meaning{color:#94a3b8;margin-top:2px;font-size:.8rem}.modal-ex-ar{color:#f1f5f9;direction:rtl;font-family:Scheherazade New,serif;font-size:1.1rem;line-height:1.7}.modal-ex-tr{color:#94a3b8;margin-top:4px;font-size:.78rem;line-height:1.5}.save-modal{max-width:360px}.save-modal-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 24px 28px;display:flex}.save-modal-icon{font-size:2.2rem}.save-modal-title{color:#f1f5f9;font-size:1.15rem;font-weight:700}.save-modal-desc{color:#94a3b8;font-size:.82rem;line-height:1.5}.save-google-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.save-google-btn:hover{background:#f1f5f9}.save-modal-divider{color:#475569;align-items:center;gap:10px;width:100%;font-size:.75rem;display:flex}.save-modal-divider:before,.save-modal-divider:after{content:"";background:#334155;flex:1;height:1px}.save-skip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.8rem;transition:color .15s}.save-skip-btn:hover{color:#94a3b8}.save-warning{color:#f59e0b;text-align:left;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;padding:10px 12px;font-size:.75rem;line-height:1.5}.user-chip{border:1px solid var(--save-btn-color);background:#34d3991a;border-radius:20px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:4px 10px 4px 4px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.user-chip .save-progress-label{color:var(--save-btn-color);font-size:.75rem;font-weight:600;display:block}.user-signout{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:2px;padding:0;display:flex}.user-signout:hover{color:#f87171}.theme-toggle-btn{cursor:pointer;width:30px;height:30px;color:var(--subtitle-color);background:0 0;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:border-color .2s,background .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--subtitle-color);background:#ffffff0f}.report-error-btn{letter-spacing:.2px;border-radius:6px;align-items:center;gap:5px;width:fit-content;margin-top:16px;margin-left:auto;padding:3px 8px;font-size:.72rem;transition:color .15s,background .15s,box-shadow .15s;display:inline-flex;color:#94a3b8!important;text-decoration:none!important}.report-error-btn:active{background:#ef444414;box-shadow:0 0 0 1px #ef444440;color:#fca5a5!important}.user-signout:disabled{cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.user-chip .save-progress-label{display:none}.user-chip{padding:4px}}@media (min-height:700px){:root{--tab-padding:17px 6px}[data-theme=sufi]{--tab-padding:20px 6px}}@media (max-width:768px) and (min-height:700px){.tab-btn,[data-theme=sufi] .tab-btn{padding:10px 4px}}[data-theme=sufi] .flashcard-back-wrap{background:linear-gradient(160deg,#060a1f 0%,#0b1a35 100%);border-color:#64748b99}[data-theme=sufi] .back-root{background:#c9a55c12;border-color:#c9a55c33}[data-theme=sufi] .back-root-letters{color:var(--accent)}[data-theme=sufi] .modal-card{background:#0d1428;border-color:#c9a55c4d}[data-theme=sufi] .modal-close-bar{background:#0d1428}[data-theme=sufi] .modal-section{background:#060a1f}[data-theme=sufi] .modal-badge,[data-theme=sufi] .modal-root-letters{color:var(--accent)}[data-theme=sufi] .word-card{background:#0d1428;border-color:#2a3a5a}[data-theme=sufi] .seal{color:#34405c;background:#131b30;border-color:#2a3a5a}[data-theme=sufi] .word-card.learned{background:#1a1508;border-color:#5c4a1a}[data-theme=sufi] .word-card.learned .seal{color:#241c04;background:#d4af37;border-color:#d4af37}[data-theme=sufi] .learned-mark{color:#d4af37}[data-theme=sufi] .word-card:hover{border-color:var(--accent)}[data-theme=sufi] .card-meta{background:#0b1230}[data-theme=sufi] .card-meta.filter-know{color:#c9a55c;background:#1a1206;border-color:#c9a55c55}[data-theme=sufi] .card-meta.filter-learn{color:#7d9aa3;background:#0b1a1e;border-color:#7d9aa355}[data-theme=sufi] .card-meta.filter-skip{color:#b8895a;background:#1a0f06;border-color:#b8895a55}[data-theme=sufi] .quiz-question,[data-theme=sufi] .quiz-option{background:#0d1428;border-color:#2a3a5a}[data-theme=sufi] .quiz-option:hover:not(.disabled){border-color:var(--accent);background:#1a2a4e}[data-theme=sufi] .quiz-mini-stats,[data-theme=sufi] .quiz-stats-bar,[data-theme=sufi] .quiz-history,[data-theme=sufi] .progress-card,[data-theme=sufi] .score-item{background:linear-gradient(color-mix(in srgb, var(--sc) 11%, transparent), color-mix(in srgb, var(--sc) 4%, transparent)), #0d1428;border-color:color-mix(in srgb, var(--sc) 40%, #2a3a5a)}[data-theme=sufi] .score-item.active-filter{background:linear-gradient(color-mix(in srgb, var(--sc) 24%, transparent), color-mix(in srgb, var(--sc) 13%, transparent)), #080d1c;border-color:var(--sc)}[data-theme=sufi] .quiz-history-bar-wrap{background:#060a1f}[data-theme=sufi] .flip-btn{color:#1a1206;text-shadow:none;background:linear-gradient(135deg,#f5d87a 0%,#c9843a 100%);border-color:#f5d87a}[data-theme=sufi] .flip-btn:hover{filter:brightness(1.12)}.card-status-pill{letter-spacing:.3px;z-index:2;pointer-events:none;border-radius:20px;padding:3px 8px;font-size:.63rem;font-weight:700;display:none;position:absolute;bottom:10px;left:12px}.pill-know{color:#34d399;background:#0d2e1e;border:1px solid #34d399}.pill-learn{color:#60a5fa;background:#0c1e38;border:1px solid #60a5fa}.pill-skip{color:#d1905c;background:#241a12;border:1px solid #d1905c}.flashcard-front-wrap.status-know{background:linear-gradient(135deg,#14532d,#34d399);border-color:#34d399}.flashcard-front-wrap.status-learn{background:linear-gradient(135deg,#1e3a8a,#60a5fa);border-color:#60a5fa}.flashcard-front-wrap.status-skip{background:linear-gradient(135deg,#4a3225,#d1905c);border-color:#d1905c}.flashcard-back-wrap.status-know{border-color:#34d399}.flashcard-back-wrap.status-learn{border-color:#60a5fa}.flashcard-back-wrap.status-skip{border-color:#d1905c}[data-theme=sufi] .pill-know{color:#d4af37;background:#1a1508;border-color:#d4af37}[data-theme=sufi] .pill-learn{color:#b0b4bc;background:#10181e;border-color:#b0b4bc}[data-theme=sufi] .pill-skip{color:#cd7f32;background:#1e1008;border-color:#cd7f32}[data-theme=sufi] .flashcard-front-wrap.status-know{background:linear-gradient(135deg,#4a3200,#d4af37);border-color:#d4af37}[data-theme=sufi] .flashcard-front-wrap.status-learn{background:linear-gradient(135deg,#2a2e33,#b0b4bc);border-color:#b0b4bc}[data-theme=sufi] .flashcard-front-wrap.status-skip{background:linear-gradient(135deg,#4a2000,#cd7f32);border-color:#cd7f32}[data-theme=sufi] .flashcard-back-wrap.status-know{border-color:#d4af37}[data-theme=sufi] .flashcard-back-wrap.status-learn{border-color:#b0b4bc}[data-theme=sufi] .flashcard-back-wrap.status-skip{border-color:#cd7f32}.tts-btn{cursor:pointer;color:var(--subtitle-color);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .15s;display:inline-flex}.tts-btn:hover{opacity:1}.arabic-word-row{align-items:center;gap:10px;display:flex}.ex-arabic-row{justify-content:flex-end;align-items:flex-start;gap:8px;width:100%;display:flex}.ex-arabic-row .tts-btn{flex-shrink:0;margin-top:6px}.modal-ar-row{justify-content:center;align-items:center;gap:8px;display:flex}.word-forms-btn{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent);cursor:pointer;opacity:1;letter-spacing:.03em;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #0000004d}.word-forms-btn:hover{background:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--accent) 30%, transparent)}.forms-modal-card{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden}[data-theme=sufi] .forms-modal-card{background:#0f1a2e;border-color:#2a3a5a}.forms-modal-bar{text-align:center;border-bottom:1px solid #ffffff12;flex-shrink:0;padding:14px 40px 10px;position:relative}.forms-modal-bar .modal-close{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.forms-modal-header{flex-direction:column;align-items:center;gap:2px;max-width:100%;display:inline-flex}.forms-modal-heading{text-transform:uppercase;letter-spacing:1.5px;color:var(--subtitle-color);font-size:.78rem;font-weight:600}.forms-modal-word{color:var(--body-color);font-size:1rem;font-style:italic;font-weight:700}.forms-modal-hook{color:var(--subtitle-color);opacity:.8;text-align:center;max-width:100%;margin-top:2px;font-size:.68rem}.forms-modal-body{flex:1;padding:0 16px 20px;overflow-y:auto}.forms-loading{color:var(--subtitle-color);text-align:center;padding:20px 0;font-size:.85rem}.forms-note-list{color:var(--subtitle-color);opacity:.8;flex-direction:column;gap:6px;padding:14px 14px 14px 28px;font-size:.78rem;line-height:1.65;list-style:none;display:flex}.note-ar{direction:rtl;unicode-bidi:embed;font-family:Scheherazade New,serif;font-size:1.05em}.forms-note-list li{padding-left:14px;position:relative}.forms-note-list li:before{content:"–";color:var(--accent,#60a5fa);opacity:.7;position:absolute;left:0}.forms-col-header{text-transform:uppercase;letter-spacing:1px;color:#ffffff73;background:#ffffff0a;border-bottom:1px solid #ffffff1a;flex-shrink:0;grid-template-columns:76px 1fr 1fr;padding:8px 16px 6px;font-size:.6rem;font-weight:600;display:grid}.forms-col-header span{text-align:center}[data-theme=sufi] .forms-col-header{background:#ffffff0a}.forms-section{margin-bottom:4px}.forms-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--subtitle-color);opacity:.7;padding:12px 6px 4px;font-size:.6rem;font-weight:700}.forms-table{border-collapse:collapse;width:100%;font-size:.82rem;display:block}.forms-table thead{display:none}.forms-table tbody{display:block}.forms-table tr{border-bottom:1px solid #ffffff0d;grid-template-columns:76px 1fr 1fr;align-items:center;display:grid}.forms-table td{color:var(--body-color);vertical-align:middle;padding:9px 6px}.forms-ar{text-align:center;color:var(--body-color);direction:rtl;font-family:Scheherazade New,serif;font-size:1.1rem}.forms-tr{color:var(--subtitle-color);text-align:center;font-style:italic}.forms-meaning{color:var(--body-color);opacity:.8;text-align:center}.theme-hero{justify-content:center;align-items:center;width:100%;padding:10px 16px 0;display:flex}.modern-hero{background:linear-gradient(135deg,#1e40af2e 0%,#0ea5e91f 100%);border:1px solid #38bdf82e;border-radius:12px;justify-content:space-evenly;align-items:center;width:100%;max-width:440px;padding:10px 0;display:flex}.modern-hero-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.modern-hero-stat strong{color:#38bdf8;font-size:1.05rem;font-weight:700;line-height:1}.modern-hero-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.58rem}.modern-hero-sep{background:#38bdf826;width:1px;height:26px}.sufi-hero{align-items:center;gap:12px;padding:6px 0;display:flex}.sufi-hero-arabic{color:#c9a55c;letter-spacing:.03em;direction:rtl;font-family:UthmanTaha,Scheherazade New,Amiri,serif;font-size:1.25rem;line-height:1.2}.sufi-hero-orn{color:#c9a55c;opacity:.45;letter-spacing:.2em;font-size:.7rem}.support-grid{flex-direction:row;align-items:flex-start;gap:16px;margin-top:4px;display:flex}.support-grid>.support-col{flex:200px;min-width:0}@media (max-width:640px){.support-grid{flex-direction:column;gap:20px}.support-grid>.support-col{flex:none;width:100%}}