@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--nl-green-950:#0f2c26;--nl-green-900:#153d35;--nl-green-800:#17463c;--nl-green-700:#236150;--nl-green-500:#3f8a6f;--nl-lime-400:#d7f77b;--nl-lime-500:#c4eb67;--nl-lime-600:#a9d64a;--nl-violet-600:#6a55b8;--nl-violet-100:#efeafb;--nl-bg:#f5f7f4;--nl-paper:#f6f5f0;--nl-surface:#fff;--nl-surface-soft:#eaf0e7;--nl-surface-sunk:#f1f4ef;--nl-ink:#1b2925;--nl-ink-strong:#12211d;--nl-muted:#5f6f69;--nl-faint:#97a39d;--nl-line:#dde5dd;--nl-line-strong:#c5d4c8;--nl-wash:#1b29250f;--nl-primary:var(--nl-green-900);--nl-primary-hover:var(--nl-green-700);--nl-on-primary:#fff;--nl-accent:var(--nl-lime-400);--nl-accent-hover:var(--nl-lime-500);--nl-on-accent:var(--nl-green-900);--nl-tutor:var(--nl-violet-600);--nl-tutor-soft:var(--nl-violet-100);--nl-focus:#5f9c45;--nl-success:#1f7a4d;--nl-success-soft:#e3f3e8;--nl-danger:#a4462f;--nl-danger-ink:#9c332d;--nl-danger-soft:#fff0ec;--nl-danger-line:#f2c3b9;--nl-warning:#845a0c;--nl-warning-soft:#fdf3dc;--nl-font:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--nl-font-math:"STIX Two Text", Georgia, serif;--nl-text-xs:.75rem;--nl-text-sm:.875rem;--nl-text-md:1rem;--nl-text-lg:1.15rem;--nl-text-xl:1.35rem;--nl-text-2xl:clamp(1.6rem, 3.4vw, 2.1rem);--nl-text-3xl:clamp(1.8rem, 4vw, 2.6rem);--nl-leading:1.8;--nl-space-1:4px;--nl-space-2:8px;--nl-space-3:12px;--nl-space-4:16px;--nl-space-5:20px;--nl-space-6:24px;--nl-space-8:32px;--nl-space-10:40px;--nl-radius-sm:8px;--nl-radius-md:12px;--nl-radius-lg:16px;--nl-radius-xl:22px;--nl-radius-pill:999px;--nl-control-sm:38px;--nl-control-md:48px;--nl-control-lg:54px;--nl-shadow-sm:0 1px 2px #10201c14;--nl-shadow-md:0 1px 2px #10201c0f, 0 8px 24px #10201c14;--nl-shadow-lg:0 12px 40px #10201c2e;--nl-scrim:#0a141099;--nl-fast:.12s;--nl-normal:.2s;--nl-ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--nl-fast:0s;--nl-normal:0s}}:root{--learn-font:"Segoe UI", Tahoma, Arial, sans-serif;--learn-canvas:#f4f3e9;--learn-paper:#fffefb;--learn-ink:#25413a;--learn-primary:#4d7945;--learn-brand:#417344;--learn-muted:#61735a;--learn-line:#dce5d4;--learn-soft:#eaf2e2;--learn-focus:#af793d;--learn-radius-panel:22px;--learn-radius-control:10px;--learn-shadow:0 10px 28px #52633f15}.nl-button,.nl-icon-button,.nl-chip,.nl-segmented button,.nl-input,.nl-pill-select select{font:inherit;transition:background-color var(--nl-fast) var(--nl-ease), border-color var(--nl-fast) var(--nl-ease), color var(--nl-fast) var(--nl-ease), box-shadow var(--nl-fast) var(--nl-ease)}.nl-button:focus-visible,.nl-icon-button:focus-visible,.nl-chip:focus-visible,.nl-segmented button:focus-visible,.nl-input:focus-visible{outline:3px solid var(--nl-focus);outline-offset:2px}.nl-pill-select:has(select:focus-visible){outline:3px solid var(--nl-focus);outline-offset:2px}.nl-switch:has(input:focus-visible){outline:3px solid var(--nl-focus);outline-offset:2px}.nl-choice-card:has(input:focus-visible){outline:3px solid var(--nl-focus);outline-offset:2px}.nl-button{justify-content:center;align-items:center;gap:var(--nl-space-2);min-height:var(--nl-control-md);padding:0 var(--nl-space-6);border-radius:var(--nl-radius-pill);font-weight:600;font-size:var(--nl-text-md);text-align:center;cursor:pointer;border:1px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}.nl-button--sm{min-height:var(--nl-control-sm);padding:0 var(--nl-space-4);font-size:var(--nl-text-sm)}.nl-button--lg{min-height:var(--nl-control-lg);padding:0 var(--nl-space-8);font-size:var(--nl-text-lg)}.nl-button--block{width:100%}.nl-button--primary{background:var(--nl-primary);color:var(--nl-on-primary)}.nl-button--primary:hover:not(:disabled){background:var(--nl-primary-hover)}.nl-button--secondary{border-color:var(--nl-line);background:var(--nl-surface);color:var(--nl-primary)}.nl-button--secondary:hover:not(:disabled){border-color:var(--nl-line-strong);background:var(--nl-surface-sunk)}.nl-button--accent{background:var(--nl-accent);color:var(--nl-on-accent)}.nl-button--accent:hover:not(:disabled){background:var(--nl-accent-hover)}.nl-button--ghost{color:var(--nl-primary);background:0 0}.nl-button--ghost:hover:not(:disabled){background:var(--nl-wash)}.nl-button--danger{border-color:var(--nl-danger-line);background:var(--nl-danger-soft);color:var(--nl-danger-ink)}.nl-button--link{border-radius:var(--nl-radius-sm);min-height:0;color:var(--nl-primary);background:0 0;border:0;padding:0}.nl-button--link:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}.nl-button:disabled,.nl-icon-button:disabled{opacity:.5;cursor:default}.nl-button-icon{display:inline-flex}.nl-icon-button{cursor:pointer;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.3rem;line-height:1;display:inline-grid}.nl-icon-button--sm{width:var(--nl-control-sm);height:var(--nl-control-sm)}.nl-icon-button--md{width:var(--nl-control-md);height:var(--nl-control-md)}.nl-icon-button--lg{width:var(--nl-control-lg);height:var(--nl-control-lg)}.nl-chip{min-height:42px;padding:6px var(--nl-space-4);border:1px solid var(--nl-line);border-radius:var(--nl-radius-pill);background:var(--nl-surface);color:var(--nl-ink);cursor:pointer}.nl-chip[aria-pressed=true]{border-color:var(--nl-primary);background:var(--nl-primary);color:var(--nl-on-primary)}.nl-segmented{border-radius:var(--nl-radius-pill);background:var(--nl-surface-soft);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.nl-segmented button{min-height:var(--nl-control-sm);padding:0 var(--nl-space-4);border-radius:var(--nl-radius-pill);color:var(--nl-muted);cursor:pointer;background:0 0;border:0;font-weight:600}.nl-segmented button[aria-checked=true]{background:var(--nl-surface);color:var(--nl-ink);box-shadow:var(--nl-shadow-sm)}.nl-choice-card{padding:14px var(--nl-space-4);border:1.5px solid var(--nl-line);border-radius:var(--nl-radius-lg);background:var(--nl-surface);cursor:pointer;gap:2px;display:grid;position:relative}.nl-choice-card input{opacity:0;position:absolute}.nl-choice-card span{color:var(--nl-muted);font-size:var(--nl-text-sm);line-height:1.6}.nl-choice-card[data-checked]{border-color:var(--nl-primary);box-shadow:0 0 0 2px var(--nl-primary);background:var(--nl-surface-sunk)}.nl-field{gap:6px;display:grid}.nl-field>label{font-weight:600;font-size:var(--nl-text-sm)}.nl-input{width:100%;min-height:var(--nl-control-md);border:1px solid var(--nl-line-strong);border-radius:var(--nl-radius-md);background:var(--nl-surface);color:var(--nl-ink);padding:10px 14px;line-height:1.6}textarea.nl-input{resize:vertical;min-height:110px}.nl-input:hover{border-color:var(--nl-faint)}.nl-field[data-invalid] .nl-input{border-color:var(--nl-danger)}.nl-field-hint{color:var(--nl-muted)}.nl-field-error{color:var(--nl-danger-ink)}.nl-pill-select{align-items:center;gap:var(--nl-space-1);padding:0 var(--nl-space-1) 0 14px;border-radius:var(--nl-radius-pill);background:var(--nl-surface-soft);color:var(--nl-muted);display:inline-flex}.nl-pill-select select{field-sizing:content;min-height:42px;padding:0 var(--nl-space-2);color:var(--nl-ink);cursor:pointer;background:0 0;border:0;font-weight:600}.nl-pill-select select:focus-visible{outline:none}.nl-switch{align-items:center;gap:var(--nl-space-3);min-height:var(--nl-control-md);cursor:pointer;display:flex}.nl-switch input{appearance:none;border-radius:var(--nl-radius-pill);background:var(--nl-line-strong);cursor:pointer;width:46px;height:28px;transition:background-color var(--nl-normal) var(--nl-ease);flex:none;margin:0;position:relative}.nl-switch input:after{content:"";top:3px;background:var(--nl-surface);width:22px;height:22px;box-shadow:var(--nl-shadow-sm);transition:inset-inline-start var(--nl-normal) var(--nl-ease);border-radius:50%;position:absolute;inset-inline-start:3px}.nl-switch input:checked{background:var(--nl-primary)}.nl-switch input:checked:after{inset-inline-start:21px}.nl-switch input:focus-visible{outline:none}.nl-switch-text{display:grid}.nl-switch-text small{color:var(--nl-muted)}.nl-card{border-radius:var(--nl-radius-xl);background:var(--nl-surface);box-shadow:var(--nl-shadow-md)}.nl-card--padded{padding:var(--nl-space-6)}.nl-card--soft{background:var(--nl-surface-soft);box-shadow:none}.nl-card--outline{border:1px solid var(--nl-line);box-shadow:none}.nl-badge{align-items:center;gap:var(--nl-space-1);border-radius:var(--nl-radius-pill);font-size:var(--nl-text-xs);white-space:nowrap;padding:2px 10px;font-weight:600;line-height:1.8;display:inline-flex}.nl-badge--neutral{background:var(--nl-surface-soft);color:var(--nl-muted)}.nl-badge--accent{background:var(--nl-accent);color:var(--nl-on-accent)}.nl-badge--success{background:var(--nl-success-soft);color:var(--nl-success)}.nl-badge--danger{background:var(--nl-danger-soft);color:var(--nl-danger-ink)}.nl-badge--warning{background:var(--nl-warning-soft);color:var(--nl-warning)}.nl-badge--tutor{background:var(--nl-tutor-soft);color:var(--nl-tutor)}.nl-alert{padding:var(--nl-space-3) var(--nl-space-4);border-radius:var(--nl-radius-md);font-size:var(--nl-text-sm);line-height:var(--nl-leading);border:1px solid;gap:2px;display:grid}.nl-alert--info{border-color:var(--nl-line);background:var(--nl-surface-sunk);color:var(--nl-ink)}.nl-alert--success{background:var(--nl-success-soft);color:var(--nl-success);border-color:#bfe2cb}.nl-alert--warning{background:var(--nl-warning-soft);color:var(--nl-warning);border-color:#ecd49a}.nl-alert--error{border-color:var(--nl-danger-line);background:var(--nl-danger-soft);color:var(--nl-danger-ink)}.nl-spinner-wrap{align-items:center;gap:var(--nl-space-3);color:var(--nl-muted);display:inline-flex}.nl-spinner{border:3px solid var(--nl-line);border-top-color:var(--nl-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite nl-spin}@keyframes nl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nl-spinner{animation-duration:2.4s}}.nl-empty{justify-items:center;gap:var(--nl-space-2);padding:var(--nl-space-8) var(--nl-space-6);border:1.5px dashed var(--nl-line-strong);border-radius:var(--nl-radius-xl);text-align:center;display:grid}.nl-empty p{max-width:44ch;color:var(--nl-muted);line-height:var(--nl-leading);margin:0}.nl-dialog{border-radius:var(--nl-radius-xl);background:var(--nl-surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--nl-ink);box-shadow:var(--nl-shadow-lg);border:0;padding:0;overflow:auto}.nl-dialog--sm{width:min(420px,100vw - 32px)}.nl-dialog--lg{width:min(960px,100vw - 32px)}.nl-dialog::backdrop{background:var(--nl-scrim)}.nl-dialog-head,.nl-dialog-foot{align-items:flex-start;gap:var(--nl-space-3);padding:18px var(--nl-space-5);flex-wrap:wrap;display:flex}.nl-dialog-head>div{flex:1}.nl-dialog-head h2{margin:0 0 var(--nl-space-1);font-size:var(--nl-text-xl)}.nl-dialog-head p{color:var(--nl-muted);margin:0}.nl-dialog-body{padding:0 var(--nl-space-5) var(--nl-space-5)}.nl-dialog-foot{border-top:1px solid var(--nl-line);justify-content:flex-start}:root{font-family:var(--learn-font);color:var(--learn-ink);background:var(--learn-canvas);font-synthesis:none;--surface:var(--nl-surface);--ink:var(--nl-ink);--muted:var(--nl-muted);--accent:var(--nl-green-800);--line:var(--nl-line)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--learn-focus);outline-offset:4px}button{justify-content:center;align-items:center;gap:7px;display:inline-flex}a{color:inherit}a:focus-visible,select:focus-visible{outline:3px solid var(--learn-focus);outline-offset:3px}.nl-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100dvh}.page-loading{min-height:100dvh;color:var(--nl-muted);text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;font-size:15px;display:grid}.page-spinner{border:3px solid var(--nl-line);border-top-color:var(--nl-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite page-spin}@keyframes page-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-spinner{animation-duration:2.4s}}
