@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&family=Cairo:wght@500;700&display=swap";:root{--c-sun: #ffc83d;--c-sun-deep: #f0a500;--c-sky: #36c5f0;--c-sky-deep: #1aa7d0;--c-coral: #ff6b6b;--c-coral-deep: #e84a5f;--c-mint: #3ec98b;--c-mint-deep: #2bae77;--c-grape: #9b6bff;--c-grape-deep: #7d4ee0;--c-tangerine: #ff9f43;--c-flag-red: #ce1126;--c-flag-green: #007a3d;--c-bg: #fffbf0;--c-card: #ffffff;--c-ink: #2b2440;--c-ink-soft: #6b6480;--c-line: #ece6dc;--c-line-strong: #d9d2c6;--c-correct: var(--c-mint);--c-correct-deep: var(--c-mint-deep);--c-wrong: var(--c-coral);--c-wrong-deep: var(--c-coral-deep);--font-display: "Baloo 2", "Fredoka", "Nunito", ui-rounded, "Segoe UI Rounded", system-ui, -apple-system, sans-serif;--font-body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Cairo", "Tajawal", "Noto Sans Arabic", system-ui, sans-serif;--fs-xxl: 2.25rem;--fs-xl: 1.6rem;--fs-lg: 1.25rem;--fs-md: 1.05rem;--fs-sm: .9rem;--fs-xs: .78rem;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--shadow-btn: 0 4px 0;--shadow-card: 0 6px 20px rgba(43, 36, 64, .08);--shadow-pop: 0 10px 30px rgba(43, 36, 64, .18);--maxw: 460px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--c-ink);background:var(--c-bg);background-image:radial-gradient(var(--c-line) 1.4px,transparent 1.4px);background-size:26px 26px;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15}button{font-family:var(--font-display);cursor:pointer;border:none;background:none}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;background:var(--c-bg);box-shadow:0 0 60px #2b24400f}.screen{flex:1;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0;animation:screen-in .32s cubic-bezier(.2,.9,.3,1.1)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.pad{padding:var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:800;font-size:var(--fs-md);letter-spacing:.2px;color:#fff;background:var(--c-sun);box-shadow:var(--shadow-btn) var(--c-sun-deep);border-radius:var(--r-pill);padding:14px 22px;width:100%;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease;text-transform:uppercase}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--c-sun-deep)}.btn:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed}.btn--sky{background:var(--c-sky);box-shadow:var(--shadow-btn) var(--c-sky-deep)}.btn--sky:active{box-shadow:0 0 0 var(--c-sky-deep)}.btn--mint{background:var(--c-mint);box-shadow:var(--shadow-btn) var(--c-mint-deep)}.btn--mint:active{box-shadow:0 0 0 var(--c-mint-deep)}.btn--coral{background:var(--c-coral);box-shadow:var(--shadow-btn) var(--c-coral-deep)}.btn--grape{background:var(--c-grape);box-shadow:var(--shadow-btn) var(--c-grape-deep)}.btn--ghost{color:var(--c-ink-soft);background:transparent;box-shadow:none;text-transform:none}.btn--small{width:auto;padding:10px 18px;font-size:var(--fs-sm)}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:2px solid var(--c-line)}.stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);padding:6px 12px;border-radius:var(--r-pill);background:var(--c-card);border:2px solid var(--c-line)}.stat svg{width:18px;height:18px}.muted{color:var(--c-ink-soft)}.center{text-align:center}@media (prefers-reduced-motion: reduce){*,.screen{animation:none!important;transition:none!important}}.actionbar{position:sticky;bottom:0;padding:var(--sp-4) var(--sp-5) calc(var(--sp-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--c-bg) 70%,transparent)}