:root{--nj-teal:#12a38a;--nj-teal-dark:#0b7a67;--nj-teal-light:#dff5ef;--nj-teal-soft:#4cc9a8;--nj-orange:#f5a623;--nj-orange-light:#fef3dc;--nj-ink:#14213d;--nj-ink-2:#5b6b82;--nj-ink-3:#9aa5b5;--nj-bg:#f6f8fa;--nj-white:#ffffff;--nj-line:#e3e8ee;--nj-coral:#e8636a;--nj-coral-light:#fdecec;--nj-blue:#3b82f6;--color-primary:var(--nj-teal);--color-primary-hover:#0f947d;--color-primary-pressed:var(--nj-teal-dark);--color-primary-light:var(--nj-teal-light);--color-on-primary:var(--nj-white);--color-video:var(--nj-orange);--color-video-hover:#e9991a;--color-video-light:var(--nj-orange-light);--color-on-video:var(--nj-ink);--color-text:var(--nj-ink);--color-text-secondary:var(--nj-ink-2);--color-text-muted:var(--nj-ink-3);--color-text-inverse:var(--nj-white);--color-bg:var(--nj-bg);--color-surface:var(--nj-white);--color-surface-sunken:var(--nj-bg);--color-sidebar:var(--nj-ink);--color-border:var(--nj-line);--color-border-strong:#cbd3dd;--color-correct:var(--nj-teal);--color-correct-bg:var(--nj-teal-light);--color-wrong:var(--nj-coral);--color-wrong-bg:var(--nj-coral-light);--color-warning:var(--nj-orange);--color-warning-bg:var(--nj-orange-light);--color-info:var(--nj-blue);--color-link:var(--nj-teal-dark);--color-focus:rgba(18,163,138,0.35);--level-beginner:#9aa5b5;--level-intermediate:#f5a623;--level-good:#4cc9a8;--level-master:#12a38a;--font-display:"Noto Kufi Arabic","IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic","Noto Kufi Arabic",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-screen-title:28px;--text-section-title:20px;--text-question:22px;--text-option:18px;--text-body:16px;--text-label:14px;--text-caption:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading:1.6;--leading-tight:1.3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--size-button:52px;--size-button-sm:40px;--size-input:48px;--size-option:56px;--size-row:48px;--size-icon:24px;--size-icon-sm:20px;--size-tap:44px;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--radius-card:16px;--radius-button:12px;--radius-input:10px;--radius-pill:999px;--radius-sm:8px;--shadow-card:0 2px 8px rgba(20,33,61,0.06);--shadow-sheet:0 -8px 32px rgba(20,33,61,0.12);--shadow-popover:0 8px 24px rgba(20,33,61,0.1);--icon-stroke:1.75;--motion-fast:150ms;--motion-base:200ms;--motion-slow:250ms;--ease:cubic-bezier(0.2,0.8,0.2,1)}*,:after,:before{box-sizing:border-box}html{direction:rtl;height:100%}body{margin:0;min-height:100%;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"lnum";font-variant-numeric:lining-nums}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:var(--leading-tight)}h1{font-size:var(--text-screen-title);font-weight:var(--weight-bold)}h2,h3{font-size:var(--text-section-title);font-weight:var(--weight-semibold)}p{margin:0}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus)}@keyframes nj-spin{to{transform:rotate(1turn)}}@keyframes nj-shimmer{0%{opacity:.55}to{opacity:1}}.nj-ltr{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}