.t-abc__tabs{display:inline-flex;gap:4px;padding:4px;background:var(--sand-dark);border-radius:var(--radius-full);margin-bottom:var(--spacing-l)}.t-abc__tab{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;padding:8px 22px;border:0;border-radius:var(--radius-full);background:0 0;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.t-abc__tab.is-active{background:var(--background-alt);color:var(--ink);box-shadow:0 2px 8px var(--shadow)}.t-abc__legend{display:flex;flex-wrap:wrap;gap:var(--spacing-l);margin-bottom:var(--spacing-m);font-size:.875rem;color:var(--text-tertiary)}.t-abc__legend span{display:inline-flex;align-items:center;gap:8px}.t-abc__dot{width:12px;height:12px;border-radius:50%;display:inline-block}.t-abc__dot--sun{background:var(--honey)}.t-abc__dot--moon{background:var(--sky)}.t-abc__dot--stop{background:var(--blush)}.t-abc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-m)}.t-abc__card{position:relative;background:var(--background-alt);border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--spacing-m);border-top:3px solid var(--sky)}.t-abc__card--sun{border-top-color:var(--honey)}.t-abc__card--moon{border-top-color:var(--sky)}.t-abc__head{display:flex;align-items:center;gap:var(--spacing-m)}.t-abc__num{font-size:.75rem;color:var(--text-tertiary);position:absolute;top:10px;right:14px}.t-abc__glyph{font-family:var(--font-arabic);font-size:3.25rem;line-height:1;color:var(--ink)}.t-abc__names{display:flex;flex-direction:column}.t-abc__names strong{font-size:1.0625rem;color:var(--text-primary)}.t-abc__nameAr{font-family:var(--font-arabic);font-size:1.25rem;color:var(--text-secondary)}.t-abc__translit{font-size:.875rem;color:var(--sage);font-weight:600}.t-abc__sound{font-size:.9375rem;color:var(--text-secondary);margin:var(--spacing-s)0;line-height:1.55}.t-abc__forms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:var(--spacing-s)0}.t-abc__form{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:var(--background);border-radius:var(--radius-s)}.t-abc__form b{font-family:var(--font-arabic);font-size:1.75rem;font-weight:400;line-height:1.2;color:var(--ink)}.t-abc__form small{font-size:.6875rem;color:var(--text-tertiary);text-transform:capitalize}.t-abc__example{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-s);padding-top:var(--spacing-s);border-top:1px dashed var(--divider);margin:0;font-size:.875rem}.t-abc__exAr{font-family:var(--font-arabic);font-size:1.5rem;color:var(--ink)}.t-abc__exEn{color:var(--text-tertiary);text-align:right}.t-abc__flag{display:inline-block;margin-top:var(--spacing-s);font-size:.75rem;padding:2px 10px;border-radius:var(--radius-full);background:var(--blush-light);color:#8a4a44}.t-abc__quiz{background:var(--background-alt);border:1px solid var(--card-border);border-radius:var(--radius-l);padding:var(--spacing-xl);text-align:center}.t-abc__modes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-s);margin-bottom:var(--spacing-l)}.t-abc__mode{font-family:var(--font-sans);font-size:.875rem;font-weight:600;padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--background);color:var(--text-secondary);cursor:pointer}.t-abc__mode.is-active{background:var(--sage);border-color:var(--sage);color:#fff}.t-abc__score{display:flex;justify-content:center;align-items:center;gap:var(--spacing-l);font-size:.9375rem;color:var(--text-tertiary)}.t-abc__score strong{color:var(--ink);font-size:1.125rem}.t-abc__reset{border:0;background:0 0;color:var(--sage);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;text-decoration:underline}.t-abc__prompt{margin:var(--spacing-l)0 0;font-size:.9375rem;color:var(--text-tertiary)}.t-abc__question{font-family:var(--font-arabic);font-size:clamp(4rem,16vw,7rem);line-height:1.35;color:var(--ink);min-height:1.35em}.t-abc__question--latin{font-family:var(--font-serif);font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.4;max-width:520px;margin:var(--spacing-s) auto 0;min-height:2.8em;display:flex;align-items:center;justify-content:center}.t-abc__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-s);max-width:520px;margin:var(--spacing-m) auto 0}.t-abc__option{font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:var(--spacing-m);border-radius:var(--radius-m);border:1px solid var(--card-border);background:var(--background);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.t-abc__option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sage)}.t-abc__option--arabic{font-family:var(--font-arabic);font-size:2.25rem;padding:var(--spacing-s)}.t-abc__option.is-right{background:var(--mint-light);border-color:var(--success);color:var(--sage-dark)}.t-abc__option.is-wrong{background:var(--blush-light);border-color:var(--error);color:#8a4a44}.t-abc__option:disabled{cursor:default}.t-abc__feedback{margin:var(--spacing-m)0 0;min-height:1.6em;font-size:.9375rem;color:var(--text-secondary)}@media (max-width:640px){.t-abc__quiz{padding:var(--spacing-l)}.t-abc__grid{grid-template-columns:1fr}}