@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&family=Tajawal:wght@400;500;700;800&family=Lexend:wght@400;500;600;700&display=swap";:root{--primary:#2da7d7;--primary-dark:#1f8fb8;--primary-light:#6ec1e4;--primary-tint:#e3f5fc;--primary-ghost:#f0fafd;--success:#2fa84f;--success-dark:#1e7a37;--success-tint:#e8f5ec;--danger:#e31e24;--danger-dark:#c0181d;--danger-light:#f26b6f;--danger-tint:#fdecea;--warning:#ffc107;--warning-dark:#e6a800;--warning-tint:#fff8e1;--purple:#a855f7;--purple-dark:#7e22ce;--purple-tint:#f3e8ff;--orange:#f97316;--orange-dark:#c2410c;--orange-tint:#fff0e6;--bg:#fff;--surface:#f7f7f7;--surface-2:#eef7fb;--border:#e5e5e5;--border-mid:#afafaf;--border-dark:#777;--text:#3c3c3c;--text-2:#666;--text-3:#afafaf;--shadow-card:0 4px 0 var(--border);--shadow-primary:0 4px 0 var(--primary-dark);--shadow-success:0 4px 0 var(--success-dark);--shadow-danger:0 4px 0 var(--danger-dark);--shadow-warning:0 4px 0 var(--warning-dark);--shadow-neutral:0 4px 0 var(--border-mid);--shadow-purple:0 4px 0 var(--purple-dark);--shadow-orange:0 4px 0 var(--orange-dark);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--font-display:"Fredoka", "Tajawal", system-ui, sans-serif;--font-ui:"Nunito", system-ui, sans-serif;--font-ar:"Tajawal", system-ui, sans-serif;--font-en:"Lexend", system-ui, sans-serif;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-full:9999px;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-mid:.26s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{background:var(--surface);min-height:100%;color:var(--text);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.app-shell{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.page-body{padding:var(--sp-4);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom,0px));background:var(--surface);flex:1}.duo-header{z-index:50;background:var(--bg);border-bottom:2px solid var(--border);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);min-height:58px;display:flex;position:sticky;top:0}.duo-header__back{border-radius:var(--r-md);border:2px solid var(--border);background:var(--bg);width:38px;height:38px;color:var(--text-3);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);box-shadow:var(--shadow-neutral);flex-shrink:0;justify-content:center;align-items:center;display:flex}.duo-header__back:active{box-shadow:none;background:var(--surface);transform:translateY(4px)}.duo-header__back svg{width:20px;height:20px}.duo-header__info{direction:rtl;flex:1;min-width:0}.duo-header__title{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:1.05rem;font-weight:600;line-height:1.2;overflow:hidden}.duo-header__sub{font-family:var(--font-ar);color:var(--text-3);text-align:right;margin-top:1px;font-size:.72rem}.duo-header__action{gap:var(--sp-2);flex-shrink:0;align-items:center;display:flex}.book-reader-header-actions{gap:var(--sp-2);justify-content:flex-end;align-items:center;display:flex}.duo-header__action-btn{font-family:var(--font-ar);border-radius:var(--r-md);border:2px solid var(--primary-dark);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);transition:transform var(--dur-fast), box-shadow var(--dur-fast);white-space:nowrap;padding:8px 14px;font-size:.8rem;font-weight:700}.duo-header__action-btn:active{box-shadow:none;transform:translateY(4px)}.home-header{background:var(--primary);padding:var(--sp-6) var(--sp-5) var(--sp-5);position:relative;overflow:hidden}.home-header:before{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-40px}.home-header:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;left:-50px}.home-header__inner{z-index:1;position:relative}.home-header__top{margin-bottom:var(--sp-4);direction:rtl;justify-content:space-between;align-items:center;display:flex}.home-header__mascot{font-size:2.8rem;line-height:1;animation:3s ease-in-out 1s infinite mascot-wave}@keyframes mascot-wave{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-15deg)}97%{transform:rotate(10deg)}}.home-header__stats{align-items:center;gap:var(--sp-2);display:flex}.stat-chip{border-radius:var(--r-full);font-family:var(--font-ui);color:#fff;background:#fff3;border:1.5px solid #ffffff4d;align-items:center;gap:5px;padding:4px 10px;font-size:.82rem;font-weight:800;display:flex}.stat-chip__icon{font-size:1rem;line-height:1}.home-header__title{font-family:var(--font-display);color:#fff;margin-bottom:var(--sp-1);direction:ltr;font-size:2rem;font-weight:700;line-height:1.1}.home-header__title em{color:var(--warning);font-style:normal}.home-header__sub{font-family:var(--font-ar);color:#ffffffbf;direction:rtl;font-size:.88rem}.section-head{margin-bottom:var(--sp-3);padding:0 var(--sp-1);direction:rtl;justify-content:space-between;align-items:center;display:flex}.section-head__title{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:600}.section-head__count{font-family:var(--font-ui);color:var(--text-3);background:var(--surface);border:2px solid var(--border);padding:2px var(--sp-2);border-radius:var(--r-full);font-size:.75rem;font-weight:700}.class-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.class-tile{border-radius:var(--r-xl);border:2.5px solid var(--tile-border,var(--border));background:var(--tile-bg,var(--bg));box-shadow:0 5px 0 var(--tile-shadow,var(--border));cursor:pointer;padding:var(--sp-4) var(--sp-3);align-items:center;gap:var(--sp-2);text-align:center;transition:transform var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;width:100%;display:flex}.class-tile:active{box-shadow:none;transform:translateY(5px)}.class-tile__emoji{margin-bottom:var(--sp-1);font-size:2.6rem;line-height:1}.class-tile__name{font-family:var(--font-display);color:var(--text);justify-content:center;align-items:center;min-height:2.6em;font-size:.88rem;font-weight:600;line-height:1.3;display:flex}.class-tile__badge{font-family:var(--font-ui);color:var(--tile-accent,var(--text-3));border:2px solid var(--tile-border,var(--border));border-radius:var(--r-full);background:#ffffffb3;padding:2px 10px;font-size:.7rem;font-weight:800}.unit-path{flex-direction:column;gap:0;display:flex}.unit-node{align-items:flex-start;gap:var(--sp-3);cursor:pointer;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-lg);transition:background var(--dur-fast);text-align:right;direction:rtl;width:100%;display:flex;position:relative}.unit-node:active{background:var(--primary-ghost)}.unit-node__track{flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex}.unit-node__circle{border:3px solid var(--node-border,var(--primary-dark));background:var(--node-bg,var(--primary));width:52px;height:52px;font-family:var(--font-display);color:#fff;box-shadow:0 4px 0 var(--node-shadow,var(--primary-dark));transition:transform var(--dur-fast), box-shadow var(--dur-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.unit-node:active .unit-node__circle{box-shadow:none;transform:translateY(4px)}.unit-node__line{background:var(--border);border-radius:2px;flex:1;width:3px;min-height:24px;margin:4px 0}.unit-node__body{min-width:0;padding-top:var(--sp-1);flex:1}.unit-node__name{font-family:var(--font-display);color:var(--text);margin-bottom:3px;font-size:1rem;font-weight:600;line-height:1.3}.unit-node__desc{color:var(--text-3);margin-bottom:var(--sp-2);font-size:.78rem}.unit-node__topics{margin-top:var(--sp-2)}.unit-topics-grid{flex-wrap:wrap;gap:8px;display:flex}.unit-topic-skill{border:2px solid var(--border);background:var(--bg);border-radius:var(--r-full);color:var(--text);font-family:var(--font-ar);cursor:pointer;box-shadow:0 3px 0 var(--border-mid);transition:transform var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);align-items:center;gap:6px;max-width:100%;padding:5px 10px 5px 7px;font-size:.72rem;font-weight:800;display:inline-flex}.unit-topic-skill:active{box-shadow:none;background:var(--primary-ghost);transform:translateY(3px)}.unit-topic-skill__dot{background:var(--primary-tint);border:1.5px solid var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;display:inline-flex}.unit-topic-skill__name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.unit-node__topics-empty{color:var(--text-3);font-size:.72rem;font-family:var(--font-ar)}.unit-node__arrow{color:var(--text-3);align-self:center}.duo-map-head{margin-bottom:var(--sp-3);padding:0 var(--sp-1);justify-content:space-between;align-items:center;display:flex}.duo-map-head__title{font-family:var(--font-display);color:var(--text);font-size:1.02rem;font-weight:700}.duo-map-head__count{font-family:var(--font-ui);color:var(--text-3);border:2px solid var(--border);background:var(--bg);border-radius:var(--r-full);padding:2px 10px;font-size:.74rem}.duo-units-stack{gap:var(--sp-4);flex-direction:column;display:flex}.duo-unit{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-3) var(--sp-4);box-shadow:0 8px 20px #1f8fb814}.duo-unit__banner{border:1.5px solid var(--primary-light);border-radius:var(--r-lg);color:var(--text);padding:var(--sp-3) var(--sp-4);text-align:center;background:linear-gradient(#f6fbff 0%,#eef7fb 100%)}.duo-unit__meta{font-family:var(--font-ui);color:var(--primary-dark);opacity:.85;letter-spacing:.02em;text-align:center;font-size:.68rem;font-weight:800}.duo-unit__name{font-family:var(--font-display);text-align:center;margin-top:2px;font-size:1.02rem;font-weight:700;line-height:1.3}.duo-unit__desc{font-family:var(--font-ar);color:var(--text-2);text-align:center;margin-top:3px;font-size:.74rem}.duo-unit__path{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-2) var(--sp-1);position:relative}.duo-start-btn{margin:0 auto var(--sp-3);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;display:flex}.duo-start-btn__ring{background:var(--unit-border,#1f8fb8);width:66px;height:66px;box-shadow:0 6px 0 var(--unit-shadow,#1f8fb8);border-radius:50%;place-items:center;display:grid}.duo-start-btn__icon{background:var(--unit-bg,#2da7d7);color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.2rem;display:grid}.duo-start-btn__label{font-family:var(--font-ui);color:var(--primary-dark);font-size:.74rem;font-weight:900}.duo-topics-path{flex-direction:column;gap:12px;display:flex;position:relative}.duo-topic-node{border:1.5px solid color-mix(in srgb, var(--primary-light) 26%, var(--border));background:color-mix(in srgb, var(--bg) 86%, var(--primary-ghost));width:min(240px,78%);color:var(--text);cursor:pointer;min-height:56px;transition:transform var(--dur-fast), box-shadow var(--dur-fast), border-color var(--dur-fast);border-radius:16px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex;box-shadow:0 3px 10px #2da7d71c}.duo-topic-node:active{background:var(--primary-ghost);transform:translateY(2px);box-shadow:0 2px 6px #2da7d71f}.duo-topic-node:hover{border-color:var(--primary-light);box-shadow:0 6px 14px #2da7d729}.duo-topic-node--left{align-self:flex-start}.duo-topic-node--right{align-self:flex-end}.duo-topic-node__emoji{background:color-mix(in srgb, var(--primary-tint) 90%, var(--bg));border:1px solid color-mix(in srgb, var(--primary-light) 55%, var(--border));border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;margin-top:2px;font-size:.74rem;display:grid}.duo-topic-node__title{font-family:var(--font-ar);text-align:right;font-size:.77rem;font-weight:800;line-height:1.3}.duo-topic-node__text{flex-direction:column;align-items:flex-end;gap:5px;min-width:0;display:flex}.duo-topic-node__categories{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.duo-topic-node__chip{font-family:var(--font-ar);color:color-mix(in srgb, var(--primary-dark) 76%, var(--text));background:color-mix(in srgb, var(--primary-tint) 82%, var(--bg));border:1px solid color-mix(in srgb, var(--primary-light) 38%, var(--border));border-radius:999px;padding:1px 7px 2px;font-size:.62rem;font-weight:700;line-height:1.2}.duo-topic-empty{color:var(--text-3);font-family:var(--font-ar);text-align:center;padding:var(--sp-2) 0;font-size:.74rem}.topic-skill{align-items:center;gap:var(--sp-3);background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-4);cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--dur-fast), box-shadow var(--dur-fast);text-align:right;direction:rtl;width:100%;display:flex}.topic-skill:active{box-shadow:none;transform:translateY(4px)}.topic-skill__icon{background:var(--icon-bg,var(--primary-tint));border:2.5px solid var(--icon-border,var(--primary-light));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.topic-skill__body{flex:1;min-width:0}.topic-skill__en{font-family:var(--font-en);color:var(--primary-dark);text-align:left;direction:ltr;margin-bottom:2px;font-size:.82rem;font-weight:600}.topic-skill__ar{font-family:var(--font-ar);color:var(--text);font-size:.9rem;font-weight:700;line-height:1.3}.topic-skill__meta{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.diff-badge{font-family:var(--font-ui);border-radius:var(--r-full);border:2px solid #0000;padding:2px 8px;font-size:.65rem;font-weight:800}.diff-badge--beginner{background:var(--success-tint);color:var(--success-dark);border-color:#b3dfc0}.diff-badge--intermediate,.diff-badge--medium{background:var(--warning-tint);color:var(--warning-dark);border-color:#ffd86b}.diff-badge--advanced{background:var(--danger-tint);color:var(--danger-dark);border-color:#f4a0a3}.topic-skill__arrow{color:var(--text-3);flex-shrink:0;align-self:center}.topic-hero{background:var(--primary);padding:var(--sp-5) var(--sp-5) var(--sp-4);direction:rtl;position:relative;overflow:hidden}.topic-hero:before{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:150px;height:150px;position:absolute;top:-30px;left:-30px}.topic-hero__title-en{font-family:var(--font-en);color:#ffffffd9;text-align:left;direction:ltr;margin-bottom:3px;font-size:1rem;font-weight:600}.topic-hero__title-ar{font-family:var(--font-display);color:#fff;margin-bottom:var(--sp-3);font-size:1.3rem;font-weight:600;line-height:1.3}@keyframes trigger-pulse{0%{box-shadow:0 4px 0 var(--warning-dark)}50%{box-shadow:0 4px 0 var(--warning-dark), 0 0 0 6px #ffc10740}to{box-shadow:0 4px 0 var(--warning-dark)}}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.content-trigger{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--warning);border:2.5px solid var(--warning-dark);border-radius:var(--r-lg);font-family:var(--font-ar);color:var(--text);cursor:pointer;box-shadow:var(--shadow-warning);transition:transform var(--dur-fast), box-shadow var(--dur-fast);justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:.95rem;font-weight:800;animation:2s ease-in-out .8s 3 trigger-pulse;display:flex}.content-trigger:active{box-shadow:none;animation:none;transform:translateY(4px)}.content-trigger__left{align-items:center;gap:var(--sp-2);display:flex}.content-trigger__left svg{width:20px;height:20px}.content-trigger__arrow{align-items:center;animation:1.4s ease-in-out 1.5s 4 arrow-bounce;display:flex}.content-trigger__arrow svg{width:20px;height:20px}.content-trigger--disabled{background:var(--border);border-color:var(--border-mid);box-shadow:0 4px 0 var(--border-mid);color:var(--text-3);cursor:default;pointer-events:none;animation:none}.lesson-card{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);cursor:pointer;padding:var(--sp-4);transition:transform var(--dur-fast), box-shadow var(--dur-fast);text-align:right;direction:rtl;width:100%}.lesson-card:active{box-shadow:none;transform:translateY(4px)}.lesson-card__top{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.lesson-card__num{font-family:var(--font-ui);color:var(--primary-dark);background:var(--primary-tint);border:2px solid var(--primary-light);border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;padding:2px 10px;font-size:.7rem;font-weight:800}.lesson-card__badge{font-family:var(--font-ar);color:var(--warning-dark);align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:flex}.lesson-card__badge svg{width:13px;height:13px}.lesson-card__title-en{font-family:var(--font-en);color:var(--text);text-align:left;direction:ltr;margin-bottom:3px;font-size:.9rem;font-weight:600}.lesson-card__title-ar{font-family:var(--font-ar);color:var(--text-2);margin-bottom:var(--sp-3);font-size:.88rem}.lesson-card__stats{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.lesson-stat{font-family:var(--font-ar);color:var(--text-3);align-items:center;gap:4px;font-size:.75rem;display:flex}.lesson-stat svg{width:13px;height:13px}.ex-topbar{z-index:50;background:var(--bg);border-bottom:2px solid var(--border);padding:var(--sp-3) var(--sp-4);align-items:center;gap:var(--sp-3);min-height:58px;display:flex;position:sticky;top:0}.ex-topbar__close{border-radius:var(--r-md);border:2px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text-3);cursor:pointer;box-shadow:var(--shadow-neutral);transition:transform var(--dur-fast), box-shadow var(--dur-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ex-topbar__close:active{box-shadow:none;transform:translateY(4px)}.ex-topbar__close svg{width:18px;height:18px}.ex-topbar__progress{background:var(--border);border-radius:var(--r-full);border:2px solid var(--border-mid);flex:1;height:14px;overflow:hidden}.ex-topbar__bar{background:var(--primary);border-radius:var(--r-full);height:100%;transition:width .4s var(--ease-out);min-width:4px}.ex-topbar__hearts{flex-shrink:0;gap:2px;font-size:1.1rem;line-height:1;display:flex}.ex-info-banner{background:var(--surface-2);border:2px solid var(--primary-light);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);direction:rtl}.ex-info-banner__en{font-family:var(--font-en);color:var(--primary-dark);text-align:left;direction:ltr;margin-bottom:3px;font-size:.85rem;font-weight:600}.ex-info-banner__sub{font-family:var(--font-ar);color:var(--text-3);font-size:.78rem}.question-item{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);transition:border-color var(--dur-fast);direction:rtl}.question-item--correct{border-color:var(--success)}.question-item--wrong{border-color:var(--danger)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pop-in{0%{opacity:.6;transform:scale(.93)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.question-item--shake{animation:shake .45s var(--ease-out)}.question-item--pop{animation:pop-in .3s var(--ease-bounce)}.question-item__header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.q-number{font-family:var(--font-ui);color:var(--primary-dark);background:var(--primary-tint);border:2px solid var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:flex}.question-item--correct .q-number{background:var(--success-tint);border-color:var(--success);color:var(--success-dark)}.question-item--wrong .q-number{background:var(--danger-tint);border-color:var(--danger);color:var(--danger-dark)}.ministerial-tags{gap:var(--sp-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.min-tag{font-family:var(--font-ui);border-radius:var(--r-full);background:var(--warning-tint);color:var(--warning-dark);white-space:nowrap;direction:ltr;border:1.5px solid #ffd86b;padding:2px 8px;font-size:.62rem;font-weight:800}.question-item__text{font-family:var(--font-en);color:var(--text);text-align:left;margin-bottom:var(--sp-2);direction:ltr;flex:1;min-width:0;font-size:.98rem;font-weight:500;line-height:1.75}.question-item__text-row{align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2);direction:ltr;display:flex}.question-item__text-row .question-item__text{margin-bottom:0}.question-item__text-ar{font-family:var(--font-ar);color:var(--text-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:2px solid var(--border);font-size:.82rem;line-height:1.65}.answers-grid{gap:var(--sp-2);flex-direction:column;display:flex}.answer-row{align-items:center;gap:var(--sp-2);direction:ltr;display:flex}.answer-row .answer-btn,.answer-row .reveal-btn{flex:1;min-width:0}.audio-btn{border:2px solid var(--primary-light);background:var(--primary-tint);width:36px;height:36px;color:var(--primary-dark);cursor:pointer;box-shadow:var(--shadow-primary);transition:transform var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.audio-btn:active{box-shadow:none;transform:translateY(3px)}.audio-btn--playing{background:var(--primary);border-color:var(--primary-dark);color:#fff}.audio-btn--inline{width:30px;height:30px;box-shadow:none}.full-answer{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-md);direction:ltr}.full-answer__label{font-family:var(--font-ar);color:var(--primary-dark);margin-bottom:var(--sp-2);text-align:right;direction:rtl;font-size:.72rem;font-weight:800}.full-answer__row{align-items:flex-start;gap:var(--sp-2);display:flex}.full-answer__text{min-width:0;font-family:var(--font-en);color:var(--text);flex:1;font-size:.9rem;font-weight:600;line-height:1.6}.full-answer__text-ar{margin-top:var(--sp-2);font-family:var(--font-ar);color:var(--text-2);text-align:right;direction:rtl;font-size:.8rem;line-height:1.6}.answer-btn{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:2.5px solid var(--border);background:var(--bg);font-family:var(--font-en);color:var(--text);cursor:pointer;text-align:left;box-shadow:var(--shadow-neutral);transition:transform var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);direction:ltr;font-size:.9rem;font-weight:600;line-height:1.4}.answer-btn:not(:disabled):active{box-shadow:none;transform:translateY(4px)}.answer-btn:disabled{cursor:default}.answer-btn--correct{background:var(--success-tint);border-color:var(--success);color:var(--success-dark);box-shadow:var(--shadow-success);font-weight:700}.answer-btn--wrong{background:var(--danger-tint);border-color:var(--danger);color:var(--danger-dark);box-shadow:var(--shadow-danger)}.answer-btn--revealed{background:var(--success-tint);border-color:var(--success);color:var(--success-dark);box-shadow:var(--shadow-success);font-weight:700}.reveal-btn{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:2.5px dashed var(--border-mid);font-family:var(--font-ar);color:var(--primary);cursor:pointer;text-align:center;box-shadow:none;transition:background var(--dur-fast), transform var(--dur-fast);background:0 0;font-size:.92rem;font-weight:800}.reveal-btn:active{background:var(--primary-ghost)}.answer-result{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-family:var(--font-ar);direction:rtl;font-size:.82rem;font-weight:700;display:flex}.answer-result--correct{background:var(--success-tint);border:2px solid var(--success);color:var(--success-dark)}.answer-result--wrong{background:var(--danger-tint);border:2px solid var(--danger);color:var(--danger-dark)}.ex-summary{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--sp-5);text-align:center;margin-top:var(--sp-5);animation:pop-in .4s var(--ease-bounce) both;direction:rtl}.ex-summary__trophy{margin-bottom:var(--sp-2);font-size:3rem}.ex-summary__title{font-family:var(--font-display);color:var(--text);margin-bottom:var(--sp-3);font-size:1.4rem;font-weight:700}.ex-summary__stats{justify-content:center;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.summary-stat{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.summary-stat__val{font-family:var(--font-display);color:var(--primary);font-size:1.6rem;font-weight:700;line-height:1}.summary-stat__val--success{color:var(--success)}.summary-stat__val--danger{color:var(--danger)}.summary-stat__label{font-family:var(--font-ar);color:var(--text-3);font-size:.75rem;font-weight:600}.ex-nav-footer{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:2px solid var(--border)}.ex-nav-footer--loading{padding:var(--sp-4) 0}.ex-nav-footer__inner{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);grid-template-columns:1fr auto 1fr;display:grid;overflow:hidden}.ex-nav-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);cursor:pointer;transition:background var(--dur-fast);direction:rtl;background:0 0;border:none;min-width:0;display:flex}.ex-nav-btn:active:not(:disabled){background:var(--primary-ghost)}.ex-nav-btn--prev{text-align:right;justify-content:flex-start}.ex-nav-btn--next{text-align:left;direction:ltr;justify-content:flex-end}.ex-nav-btn--ghost{opacity:.3;cursor:default;pointer-events:none}.ex-nav-btn__chevron{border-radius:var(--r-sm);background:var(--primary-tint);border:2px solid var(--primary-light);width:32px;height:32px;color:var(--primary);transition:background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);box-shadow:0 3px 0 var(--primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ex-nav-btn:not(.ex-nav-btn--ghost):active .ex-nav-btn__chevron{background:var(--primary);color:#fff;box-shadow:none;transform:translateY(3px)}.ex-nav-btn__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ex-nav-btn--prev .ex-nav-btn__body{align-items:flex-start}.ex-nav-btn--next .ex-nav-btn__body{align-items:flex-end}.ex-nav-btn__label{font-family:var(--font-ar);color:var(--primary);letter-spacing:.03em;white-space:nowrap;font-size:.65rem;font-weight:800}.ex-nav-btn--ghost .ex-nav-btn__label{color:var(--text-3)}.ex-nav-btn__name{font-family:var(--font-ar);color:var(--text);white-space:nowrap;text-overflow:ellipsis;direction:rtl;max-width:120px;font-size:.78rem;font-weight:700;display:block;overflow:hidden}.ex-nav-divider{background:var(--border);align-self:stretch;width:2px}.sheet-backdrop{z-index:200;opacity:0;animation:backdrop-in var(--dur-mid) var(--ease-out) forwards;background:#00000080;position:fixed;inset:0}@keyframes backdrop-in{to{opacity:1}}.sheet-backdrop--closing{animation:backdrop-out var(--dur-mid) var(--ease-out) forwards}@keyframes backdrop-out{to{opacity:0}}.content-sheet{background:var(--bg);z-index:201;border:2.5px solid var(--border);width:100%;max-width:480px;height:92dvh;animation:sheet-in var(--dur-mid) var(--ease-out) forwards;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)translateY(100%)}@keyframes sheet-in{to{transform:translate(-50%)translateY(0)}}.content-sheet--closing{animation:sheet-out var(--dur-mid) var(--ease-out) forwards}@keyframes sheet-out{to{transform:translate(-50%)translateY(100%)}}.sheet-handle-bar{background:var(--border);width:44px;height:5px;margin:var(--sp-3) auto var(--sp-2);border-radius:3px;flex-shrink:0}.sheet-header{padding:0 var(--sp-4) var(--sp-3);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-3);direction:rtl;flex-shrink:0;display:flex}.sheet-header__title{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.sheet-close-btn{border:2px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-neutral);transition:transform var(--dur-fast), box-shadow var(--dur-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-close-btn:active{box-shadow:none;transform:translateY(4px)}.sheet-close-btn svg{width:16px;height:16px}.sheet-body{padding:var(--sp-5);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}body.sheet-open{padding-right:var(--scrollbar-width,0px);overflow:hidden}.content-html{font-family:var(--font-en);color:var(--text);direction:ltr;font-size:.93rem;line-height:1.8}.content-html h1,.content-html h2,.content-html h3{font-family:var(--font-display);color:var(--primary-dark);margin-top:var(--sp-5);margin-bottom:var(--sp-2);font-weight:700;line-height:1.3}.content-html h1{font-size:1.35rem}.content-html h2{font-size:1.15rem}.content-html h3{font-size:1rem}.content-html p{margin-bottom:var(--sp-3)}.content-html table{border-collapse:collapse;width:100%;margin-bottom:var(--sp-4);font-size:.86rem;display:block;overflow-x:auto}.content-html th{background:var(--primary);color:#fff;padding:var(--sp-2) var(--sp-3);text-align:left;font-size:.82rem;font-weight:700}.content-html td{padding:var(--sp-2) var(--sp-3);border:2px solid var(--border);vertical-align:top}.content-html tr:nth-child(2n) td{background:var(--primary-ghost)}.content-html strong{color:var(--primary-dark);font-weight:700}.content-html em{color:var(--warning-dark);font-style:normal;font-weight:600}.content-html ul,.content-html ol{padding-left:var(--sp-5);margin-bottom:var(--sp-3)}.content-html li{margin-bottom:var(--sp-1)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%) 0 0/1200px 100%;animation:1.5s linear infinite shimmer}.skeleton-card{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card);gap:var(--sp-2);flex-direction:column;display:flex}.sk-line{height:13px}.sk-w-full{width:100%}.sk-w-3q{width:75%}.sk-w-half{width:50%}.sk-h-icon{border-radius:50%;width:44px;height:44px}.sk-row{align-items:center;gap:var(--sp-3);display:flex}.state-box{text-align:center;padding:var(--sp-8) var(--sp-5);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.state-box__icon{font-size:3rem;line-height:1}.state-box__title{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:600}.state-box__msg{font-family:var(--font-ar);color:var(--text-3);max-width:26ch;font-size:.88rem;line-height:1.6}.retry-btn{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--primary);color:#fff;border:2.5px solid var(--primary-dark);border-radius:var(--r-lg);font-family:var(--font-ar);cursor:pointer;box-shadow:var(--shadow-primary);transition:transform var(--dur-fast), box-shadow var(--dur-fast);font-size:.92rem;font-weight:800}.retry-btn:active{box-shadow:none;transform:translateY(4px)}.cards-stack{gap:var(--sp-3);flex-direction:column;display:flex}.no-content{padding:var(--sp-7) var(--sp-5);text-align:center;direction:rtl}.no-content__icon{margin-bottom:var(--sp-3);font-size:2.5rem}.no-content__text{font-family:var(--font-ar);color:var(--text-3);font-size:.88rem}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-in var(--dur-mid) var(--ease-out) both}.page-body--with-mobile-nav{padding-bottom:calc(var(--sp-8) + 56px + env(safe-area-inset-bottom,0px))}.mobile-nav{z-index:60;pointer-events:none;width:100%;max-width:480px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav__inner{pointer-events:auto;gap:var(--sp-1);margin:0 var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));padding:var(--sp-1);background:var(--bg);border:2px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,1fr);display:grid}.mobile-nav__item{border-radius:var(--r-md);padding:var(--sp-2) var(--sp-1);color:var(--text-3);font-family:var(--font-ar);cursor:pointer;min-height:56px;transition:background var(--dur-fast), color var(--dur-fast), transform var(--dur-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.66rem;font-weight:800;display:flex}.mobile-nav__item:active:not(:disabled){background:var(--primary-ghost);transform:translateY(2px)}.mobile-nav__item:disabled{opacity:.45;cursor:default}.mobile-nav__item--active{color:var(--primary-dark);background:var(--primary-tint)}.mobile-nav__icon{justify-content:center;align-items:center;display:flex}.mobile-nav__icon svg{width:18px;height:18px}.mobile-nav__label{line-height:1.1}.mobile-nav-dialog__backdrop{padding:var(--sp-4);z-index:120;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-nav-dialog{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:360px;padding:var(--sp-4);text-align:center;animation:pop-in .18s var(--ease-out);direction:rtl;box-shadow:0 12px 34px #0003}.mobile-nav-dialog__head{justify-content:flex-start;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.mobile-nav-dialog__icon{font-size:1.2rem;line-height:1}.mobile-nav-dialog__title{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:700}.mobile-nav-dialog__close{border:2px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-2);cursor:pointer;border-radius:50%;margin-inline-start:auto;font-size:1.1rem;font-weight:800;line-height:1}.mobile-nav-dialog__close:active{transform:translateY(1px)}.mobile-nav-dialog__message{font-family:var(--font-ar);color:var(--text-2);font-size:.86rem;line-height:1.6}.mobile-nav-dialog__actions{gap:var(--sp-2);margin-top:var(--sp-4);justify-content:center;display:flex}.mobile-nav-dialog__btn{border-radius:var(--r-md);font-family:var(--font-ar);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);border:2px solid #0000;padding:9px 14px;font-size:.82rem;font-weight:800}.mobile-nav-dialog__btn:active{transform:translateY(2px)}.mobile-nav-dialog__btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text-2)}.mobile-nav-dialog__btn--primary{background:var(--primary);border-color:var(--primary-dark);color:#fff;box-shadow:var(--shadow-primary)}@media (width>=480px){.page-body{padding:var(--sp-5)}.home-header{padding:var(--sp-7) var(--sp-6) var(--sp-6)}}@media (width>=640px){.app-shell{border-right:2px solid var(--border);border-left:2px solid var(--border);box-shadow:0 0 40px #00000014}}.books-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.book-card{text-align:right;border:2px solid var(--border);border-radius:var(--r-lg);background:var(--bg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;display:flex;overflow:hidden}.book-card:active{box-shadow:none;transform:translateY(4px)}.book-card__cover-wrap{aspect-ratio:3/4;background:var(--surface-2);overflow:hidden}.book-card__cover{object-fit:cover;width:100%;height:100%;display:block}.book-card__cover-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.book-card__body{padding:var(--sp-3);direction:rtl}.book-card__title{font-family:var(--font-display);color:var(--text);font-size:.95rem;font-weight:600;line-height:1.3}.book-card__author{color:var(--text-2);margin-top:var(--sp-1);font-size:.75rem}.book-card__meta{color:var(--text-3);margin-top:var(--sp-2);font-size:.7rem}.app-shell--reader{background:#fff}.book-reader-body{padding:var(--sp-4) var(--sp-3) var(--sp-7);background:#fff}.book-reader{align-items:center;gap:var(--sp-6);flex-direction:column;width:100%;max-width:820px;margin:0 auto;display:flex}.book-page{flex-direction:column;align-items:stretch;width:100%;max-width:210mm;display:flex}.book-page__sheet{border:1.5px solid var(--border);border-radius:var(--r-sm);background:#fff;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0f1b2d0f}.book-page__viewport{background:#fff;overflow:hidden}.book-page__viewport--image{aspect-ratio:210/297;background:#fff;justify-content:center;align-items:center;line-height:0;display:flex}.book-page__image{object-fit:contain;object-position:center;width:100%;height:100%;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;display:block}.book-page__frame{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:0;width:100%;min-height:560px;display:block}.book-page__frame::-webkit-scrollbar{width:0;height:0;display:none}.book-page__num{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1.5px solid var(--border);direction:rtl;background:linear-gradient(#fafbfc 0%,#fff 100%);flex-shrink:0;display:flex}.book-page__num-label{font-family:var(--font-ar);color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:700}.book-page__num-value{min-width:2rem;height:1.75rem;font-family:var(--font-en);font-variant-numeric:tabular-nums;color:var(--primary-dark);background:var(--primary-tint);border:1.5px solid var(--primary-light);border-radius:var(--r-full);justify-content:center;align-items:center;padding:0 10px;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex}@media (width>=640px){.book-page__num-value{min-width:2.25rem;height:2rem;font-size:1rem}}.practice-launch{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--r-xl);border:2.5px solid var(--primary);background:linear-gradient(135deg, var(--primary-ghost) 0%, var(--primary-tint) 100%);box-shadow:var(--shadow-primary);cursor:pointer;text-align:right;transition:transform var(--dur-fast), box-shadow var(--dur-fast);direction:rtl;display:flex}.practice-launch:active{box-shadow:none;transform:translateY(3px)}.practice-launch__icon{flex-shrink:0;font-size:1.6rem;line-height:1}.practice-launch__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.practice-launch__title{font-family:var(--font-ar);color:var(--primary-dark);font-size:1.05rem;font-weight:800}.practice-launch__sub{font-family:var(--font-ar);color:var(--text-2);font-size:.78rem;font-weight:600}.practice-launch__arrow{width:28px;height:28px;color:var(--primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.practice-launch__arrow svg{width:20px;height:20px}.practice-shell .ex-topbar{gap:var(--sp-3)}.practice-top-label{font-family:var(--font-ar);color:var(--primary-dark);white-space:nowrap;text-align:center;min-width:4.5rem;font-size:.78rem;font-weight:800}.page-body--practice{padding-bottom:var(--sp-8)}.practice-rails{gap:var(--sp-1);margin-bottom:var(--sp-4);grid-template-columns:repeat(5,1fr);display:grid}.practice-rail{opacity:.45;flex-direction:column;align-items:center;gap:4px;display:flex}.practice-rail--active,.practice-rail--done{opacity:1}.practice-rail__dot{width:28px;height:28px;font-family:var(--font-ui);background:var(--surface);border:2px solid var(--border-mid);color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.practice-rail--active .practice-rail__dot{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-ghost)}.practice-rail--done .practice-rail__dot{background:var(--success-tint);border-color:var(--success);color:var(--success-dark)}.practice-rail__label{font-family:var(--font-ar);color:var(--text-2);text-align:center;font-size:.62rem;font-weight:700}.practice-rail--active .practice-rail__label{color:var(--primary-dark)}.practice-meta{margin-bottom:var(--sp-4);text-align:right;direction:rtl}.practice-meta__skill{font-family:var(--font-display);color:var(--text);font-size:1.35rem;font-weight:700}.practice-meta__hint{font-family:var(--font-ar);color:var(--text-2);margin-top:2px;font-size:.88rem}.practice-meta__q{margin-top:var(--sp-2);font-family:var(--font-ar);color:var(--primary-dark);background:var(--primary-ghost);border-radius:var(--r-full);border:1.5px solid var(--primary-light);padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.practice-step{gap:var(--sp-3);flex-direction:column;display:flex}.practice-step__hint{text-align:right;font-family:var(--font-ar);color:var(--text-2);direction:rtl;margin:0;font-size:.9rem;font-weight:600}.practice-card{background:var(--bg);border:2.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card)}.practice-card__label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:var(--sp-2);font-size:.7rem;font-weight:800}.practice-card__prompt{font-family:var(--font-en);color:var(--text);font-size:1.05rem;font-weight:600;line-height:1.7}.practice-card__prompt--lg{font-size:1.15rem;line-height:1.8}.practice-card__muted{font-family:var(--font-en);color:var(--text-3);font-size:.88rem;line-height:1.5}.practice-card__ar{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:2px solid var(--border);font-family:var(--font-ar);color:var(--text-2);font-size:.88rem;line-height:1.65}.practice-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.practice-play,.practice-mic,.practice-cta{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-lg);font-family:var(--font-ar);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);font-weight:800;display:inline-flex}.practice-play,.practice-mic{min-width:140px;padding:var(--sp-3) var(--sp-4);border:2.5px solid var(--border);background:var(--bg);color:var(--text);box-shadow:var(--shadow-neutral);flex:1;font-size:.92rem}.practice-play:active:not(:disabled),.practice-mic:active:not(:disabled),.practice-cta:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.practice-play:disabled,.practice-mic:disabled,.practice-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.practice-play--on,.practice-mic--on{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-dark);box-shadow:var(--shadow-primary)}.practice-mic--on{background:var(--danger-tint);border-color:var(--danger);color:var(--danger-dark);box-shadow:var(--shadow-danger);animation:1.2s ease-in-out infinite practice-pulse}@keyframes practice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.practice-cta{width:100%;padding:var(--sp-3) var(--sp-4);border:2.5px solid var(--primary-dark);background:var(--primary);color:#fff;box-shadow:var(--shadow-primary);margin-top:var(--sp-1);font-size:1rem}.practice-listen-count{text-align:center;font-family:var(--font-ar);color:var(--text-2);direction:rtl;font-size:.88rem}.practice-listen-count strong{color:var(--primary-dark);font-size:1.05rem}.practice-input{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);border:2.5px solid var(--border-mid);background:var(--bg);font-family:var(--font-en);color:var(--text);box-shadow:var(--shadow-card);outline:none;font-size:1rem;font-weight:600}.practice-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.practice-speech{gap:var(--sp-2);flex-direction:column;display:flex}.practice-speech__live{font-family:var(--font-ar);color:var(--danger-dark);direction:rtl;font-size:.82rem;font-weight:700}.practice-speech__text{padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:2px dashed var(--border-mid);font-family:var(--font-en);color:var(--text);min-height:52px;font-size:.92rem;line-height:1.55}.practice-note{text-align:right;font-family:var(--font-ar);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);direction:rtl;border:2px solid #0000;font-size:.84rem;font-weight:700}.practice-note--ok{background:var(--success-tint);border-color:var(--success);color:var(--success-dark)}.practice-note--warn{background:var(--warning-tint);color:var(--warning-dark);border-color:#ffd86b}.practice-note--info{background:var(--primary-ghost);border-color:var(--primary-light);color:var(--primary-dark);flex-direction:column;gap:6px;display:flex}.practice-note--info strong{font-size:.9rem}.practice-note--info span{font-weight:600;line-height:1.55}.practice-speak-hints{margin:0 0 var(--sp-3);font-family:var(--font-ar);color:var(--text);padding-inline-start:1.2rem;font-size:.9rem;line-height:1.7}.practice-done{text-align:center;padding:var(--sp-6) var(--sp-3);align-items:center;gap:var(--sp-3);direction:rtl;flex-direction:column;display:flex}.practice-done__emoji{font-size:3rem;line-height:1}.practice-done__title{font-family:var(--font-display);color:var(--text);font-size:1.45rem;font-weight:700}.practice-done__sub{font-family:var(--font-ar);color:var(--text-2);margin-bottom:var(--sp-2);font-size:.9rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}