:root{--ink-950:#0A0E17;--ink-900:#111827;--ink-800:#1E293B;--ink-700:#334155;--ink-600:#475569;--ink-500:#64748B;--ink-400:#94A3B8;--ink-300:#CBD5E1;--ink-200:#E2E8F0;--ink-150:#EDF1F5;--ink-100:#F1F5F9;--paper-50:#FAFAF8;--paper-100:#F3F1EA;--paper-0:#FFFFFF;--coral-50:#FBF3F1;--coral-100:#F9E5DF;--coral-200:#F4CABE;--coral-300:#EDA591;--coral-400:#E77F65;--coral-500:#E25A3C;--coral-600:#D1401F;--coral-700:#A7321B;--coral-800:#822717;--coral-900:#631F13;--azure-50:#EAF2FE;--azure-100:#D3E4FD;--azure-200:#A8C9FB;--azure-300:#79ABF7;--azure-500:#2F6FEA;--azure-600:#2158C9;--azure-700:#1B45A0;--azure-800:#153680;--verdigris-50:#E9F7F4;--verdigris-100:#CFEEE8;--verdigris-300:#7CCFC2;--verdigris-500:#12A192;--verdigris-600:#0E8C7F;--verdigris-700:#0B6F65;--saffron-50:#FFFBEB;--saffron-100:#FEF3C7;--saffron-300:#FDE08A;--saffron-500:#FBBF24;--saffron-600:#E8A812;--saffron-700:#B9830D;--cinnabar-50:#FDF2ED;--cinnabar-100:#FAE0D2;--cinnabar-300:#E8A583;--cinnabar-500:#C2410C;--cinnabar-600:#A3350A;--cinnabar-700:#7C2907;--madder-50:#FCEDF0;--madder-100:#F8D8DF;--madder-300:#DE8296;--madder-500:#BF2B44;--madder-600:#A32338;--madder-700:#821B2C;--background-canvas:var(--paper-50);--background-subtle:var(--paper-100);--background-inverse:var(--ink-900);--surface-default:var(--paper-0);--surface-elevated:var(--paper-0);--surface-sunken:var(--paper-50);--surface-ink:var(--ink-900);--surface-brand-subtle:var(--coral-50);--surface-accent-subtle:var(--saffron-50);--surface-overlay:rgba(10,14,23,.52);--text-primary:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-disabled:var(--ink-300);--text-on-action:var(--paper-0);--text-on-ink:var(--paper-50);--text-brand:var(--coral-700);--text-accent:var(--saffron-700);--text-link:var(--coral-700);--text-link-hover:var(--coral-900);--border-default:var(--ink-150);--border-subtle:var(--ink-100);--border-strong:var(--ink-200);--border-brand:var(--coral-200);--border-focus:var(--coral-600);--action-primary:var(--coral-600);--action-primary-hover:var(--coral-700);--action-primary-active:var(--coral-800);--action-primary-subtle:var(--coral-50);--action-secondary:var(--paper-0);--action-secondary-hover:var(--paper-50);--action-secondary-active:var(--paper-100);--action-accent:var(--saffron-600);--action-accent-hover:var(--saffron-700);--action-danger:var(--madder-600);--action-danger-hover:var(--madder-700);--action-disabled:var(--ink-100);--feedback-success:var(--verdigris-600);--feedback-success-surface:var(--verdigris-50);--feedback-success-border:var(--verdigris-100);--feedback-warning:var(--saffron-600);--feedback-warning-surface:var(--saffron-50);--feedback-warning-border:var(--saffron-100);--feedback-error:var(--madder-600);--feedback-error-surface:var(--madder-50);--feedback-error-border:var(--madder-100);--feedback-info:var(--azure-600);--feedback-info-surface:var(--azure-50);--feedback-info-border:var(--azure-100);--progress-track:var(--ink-150);--progress-fill:var(--coral-600);--progress-fill-complete:var(--verdigris-600);--xp-default:var(--saffron-500);--xp-surface:var(--saffron-50);--streak-default:var(--cinnabar-500);--streak-surface:var(--cinnabar-50);--level-default:var(--azure-600);--level-surface:var(--azure-50);--skill-default:var(--verdigris-600);--skill-surface:var(--verdigris-50);--achievement-earned:var(--saffron-500);--achievement-locked:var(--ink-300);--achievement-locked-surface:var(--ink-100);--identity-ground:var(--ink-900);--identity-crest-start:var(--ink-900);--identity-crest-end:var(--ink-700);--ai-default:var(--azure-600);--ai-surface:var(--azure-50);--subject-mathematics:var(--coral-600);--subject-arabic:var(--cinnabar-500);--subject-science:var(--verdigris-600);--subject-history:var(--saffron-600);--subject-languages:var(--azure-600);--subject-computing:var(--ink-700);--mosaic-empty:var(--ink-150)}[data-theme=dark]{--background-canvas:#101115;--background-subtle:#171A21;--background-inverse:var(--paper-50);--surface-default:#1A1D25;--surface-elevated:#22262F;--surface-sunken:#141720;--surface-ink:#22262F;--surface-brand-subtle:rgba(209,64,31,.20);--surface-accent-subtle:rgba(232,168,18,.24);--surface-overlay:rgba(6,7,10,.7);--text-primary:#F1EEE8;--text-secondary:#A6AAB8;--text-muted:#787E90;--text-disabled:#4B5164;--text-on-ink:#F1EEE8;--text-brand:#EDA591;--text-accent:#FDE08A;--text-link:#EDA591;--text-link-hover:#F4CABE;--border-default:#2B303C;--border-subtle:#22262F;--border-strong:#3D4354;--action-secondary:#22262F;--action-secondary-hover:#2A2F3A;--action-secondary-active:#333846;--action-disabled:#252A34;--progress-track:#2B303C;--feedback-success-surface:rgba(14,140,127,.16);--feedback-warning-surface:rgba(232,168,18,.16);--feedback-error-surface:rgba(163,35,56,.18);--feedback-info-surface:rgba(33,88,201,.18);--xp-surface:rgba(232,168,18,.16);--streak-surface:rgba(194,65,12,.16);--level-surface:rgba(33,88,201,.24);--skill-surface:rgba(14,140,127,.16);--achievement-locked-surface:#22262F;--ai-surface:rgba(33,88,201,.24);--identity-ground:#0C0D11;--mosaic-empty:#2B303C}:root{--font-display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;--font-ui:"Instrument Sans","Segoe UI",system-ui,sans-serif;--font-display-arabic:"Amiri","IBM Plex Sans Arabic",serif;--font-ui-arabic:"IBM Plex Sans Arabic","Instrument Sans",system-ui,sans-serif;--font-sans:var(--font-ui);--font-heading:var(--font-display);--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:23px;--font-size-2xl:28px;--font-size-3xl:35px;--font-size-4xl:44px;--font-size-5xl:58px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.05;--line-height-snug:1.22;--line-height-normal:1.5;--line-height-relaxed:1.65;--letter-spacing-tighter:-.03em;--letter-spacing-tight:-.017em;--letter-spacing-normal:0;--letter-spacing-wide:.03em;--letter-spacing-widest:.11em;--type-display:var(--font-weight-black) var(--font-size-5xl)/var(--line-height-tight) var(--font-heading);--type-page-title:var(--font-weight-bold) var(--font-size-3xl)/var(--line-height-tight) var(--font-heading);--type-section-title:var(--font-weight-bold) var(--font-size-2xl)/var(--line-height-snug) var(--font-heading);--type-subsection-title:var(--font-weight-semibold) var(--font-size-xl)/var(--line-height-snug) var(--font-sans);--type-card-title:var(--font-weight-semibold) var(--font-size-lg)/var(--line-height-snug) var(--font-sans);--type-body:var(--font-weight-regular) var(--font-size-base)/var(--line-height-normal) var(--font-sans);--type-body-long:var(--font-weight-regular) var(--font-size-md)/var(--line-height-relaxed) var(--font-sans);--type-support:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-normal) var(--font-sans);--type-label:var(--font-weight-medium) var(--font-size-sm)/var(--line-height-snug) var(--font-sans);--type-overline:var(--font-weight-semibold) var(--font-size-2xs)/var(--line-height-snug) var(--font-sans);--type-metric:var(--font-weight-bold) var(--font-size-2xl)/1 var(--font-heading);--font-feature-metric:"tnum" 1;--measure-prose:66ch;--measure-narrow:44ch}[dir=rtl],[lang=ar]{--font-sans:var(--font-ui-arabic);--font-heading:var(--font-display-arabic);--line-height-tight:1.35;--line-height-snug:1.45;--line-height-normal:1.65;--line-height-relaxed:1.85;--letter-spacing-tight:0;--letter-spacing-tighter:0}:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-inline-tight:var(--space-2);--space-inline:var(--space-3);--space-stack-tight:var(--space-2);--space-stack:var(--space-4);--space-card-padding:var(--space-5);--space-card-padding-lg:var(--space-6);--space-section:var(--space-10);--space-page-gutter:var(--space-5);--space-page-gutter-lg:var(--space-8);--container-content:1120px;--container-dashboard:1440px;--sidebar-width:264px;--sidebar-width-collapsed:76px;--topbar-height:64px;--bottomnav-height:68px;--touch-target-min:44px;--breakpoint-mobile:390px;--breakpoint-tablet:768px;--breakpoint-laptop:1024px;--breakpoint-desktop:1280px;--breakpoint-wide:1536px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:18px;--radius-pill:999px;--radius-circle:50%;--radius-control:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-surface:var(--radius-2xl);--radius-modal:var(--radius-3xl);--radius-badge:var(--radius-sm);--tile-clip:polygon(50% 0%,100% 50%,50% 100%,0% 50%);--border-width-hairline:1px;--border-width-strong:2px;--border-width-focus:2px;--focus-ring:0 0 0 2px var(--surface-default),0 0 0 4px var(--border-focus);--focus-ring-inset:inset 0 0 0 2px var(--border-focus);--shadow-none:none;--shadow-surface:none;--shadow-raised:0 1px 2px rgba(14,15,19,.05),0 4px 10px -6px rgba(14,15,19,.10);--shadow-overlay:0 4px 8px -4px rgba(14,15,19,.10),0 24px 48px -16px rgba(14,15,19,.28);--shadow-focus-brand:0 2px 8px -2px rgba(209,64,31,.32);--opacity-disabled:.45;--opacity-muted:.65;--opacity-scrim:.52;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-drawer:300;--z-modal:400;--z-toast:500;--z-tooltip:600}[data-theme=dark]{--shadow-raised:0 1px 2px rgba(0,0,0,.4),0 6px 16px -8px rgba(0,0,0,.55);--shadow-overlay:0 8px 20px -8px rgba(0,0,0,.55),0 32px 64px -20px rgba(0,0,0,.7)}:root{--duration-instant:80ms;--duration-fast:140ms;--duration-normal:220ms;--duration-slow:340ms;--duration-celebrate:620ms;--ease-standard:cubic-bezier(.2,0,.2,1);--ease-entrance:cubic-bezier(.05,.7,.1,1);--ease-exit:cubic-bezier(.3,0,.8,.15);--ease-emphasized:cubic-bezier(.2,.9,.15,1.05);--ease-spring:cubic-bezier(.34,1.56,.64,1);--motion-fast:var(--duration-fast) var(--ease-standard);--motion-normal:var(--duration-normal) var(--ease-standard);--motion-slow:var(--duration-slow) var(--ease-entrance);--motion-emphasized:var(--duration-celebrate) var(--ease-emphasized);--press-scale:.975;--hover-lift:-1px}@media (prefers-reduced-motion:reduce){:root{--duration-instant:1ms;--duration-fast:1ms;--duration-normal:1ms;--duration-slow:1ms;--duration-celebrate:1ms;--press-scale:1;--hover-lift:0px}}*,:after,:before{box-sizing:border-box}body{text-wrap:pretty}figure,h1,h2,h3,h4,h5,h6,p{margin:0}h1{font:var(--type-page-title);letter-spacing:var(--letter-spacing-tighter)}h2{font:var(--type-section-title);letter-spacing:var(--letter-spacing-tight)}h3{font:var(--type-subsection-title)}h4{font:var(--type-card-title)}a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:2px;-webkit-text-decoration-color:color-mix(in oklch,var(--text-link) 38%,transparent);text-decoration-color:color-mix(in oklch,var(--text-link) 38%,transparent)}a:hover{color:var(--text-link-hover);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:var(--coral-100);color:var(--text-primary)}[dir=rtl] .nq-flip{transform:scaleX(-1)}.nq-tile{-webkit-clip-path:var(--tile-clip);clip-path:var(--tile-clip)}:root{--brand-mark:#ff5a36;--container:1120px}html{scroll-behavior:smooth}body{margin:0;background:var(--background-canvas);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nq-container{max-width:var(--container);margin:0 auto;padding-inline:clamp(20px,5vw,32px)}.nq-field{display:grid;grid-gap:6px;gap:6px}.nq-field>label{font:var(--type-label);color:var(--text-secondary)}.nq-field .nq-req{color:var(--text-brand)}.nq-input{width:100%;min-height:44px;padding:10px 14px;font:var(--type-body);color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-strong);border-radius:var(--radius-input);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.nq-input::placeholder{color:var(--text-muted)}.nq-input:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.nq-input[aria-invalid=true]{border-color:var(--feedback-error)}.nq-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.nq-field-msg{font:var(--type-support);color:var(--feedback-error)}.nq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding-inline:20px;font:600 15px/1 var(--font-sans);letter-spacing:-.01em;color:var(--text-on-action);background:var(--action-primary);border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-normal),transform var(--motion-fast)}.nq-btn:hover:not(:disabled){background:var(--action-primary-hover)}.nq-btn:active:not(:disabled){transform:scale(var(--press-scale))}.nq-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nq-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.nq-btn--lg{min-height:52px;font-size:16px}.nq-btn--full{width:100%}.nq-btn--ghost{background:var(--action-secondary);color:var(--text-primary);border-color:var(--border-strong)}.nq-btn--ghost:hover:not(:disabled){background:var(--action-secondary-hover)}.nq-spinner{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:nq-spin .7s linear infinite}@keyframes nq-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.nq-spinner{animation-duration:2s}}.nq-banner{display:flex;gap:10px;padding:14px 16px;border-radius:var(--radius-md);font:var(--type-body)}.nq-banner--error{background:var(--feedback-error-surface);border:1px solid var(--feedback-error-border);color:var(--madder-700,var(--feedback-error))}.nq-banner--success{background:var(--feedback-success-surface);border:1px solid var(--feedback-success-border);color:var(--verdigris-700,var(--feedback-success))}.nq-banner--info{background:var(--feedback-info-surface);border:1px solid var(--feedback-info-border);color:var(--azure-700,var(--feedback-info))}