.word-card.svelte-cpy7h9{width:100%;display:flex;justify-content:center;align-items:center;min-height:8rem;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;transition:background .2s,border-color .2s}.word-card.correct.svelte-cpy7h9{background:#dcfce7;border-color:#86efac}.word-card.wrong.svelte-cpy7h9{background:#fee2e2;border-color:#fca5a5}.arabic.svelte-cpy7h9{font-family:Amiri,Traditional Arabic,serif;font-size:4rem;line-height:1.3;margin:0;padding:.5rem 1rem;color:#1a1a1a}*{box-sizing:border-box}body{margin:0;background:#e8e5df;color:#18243a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.screen-actions.svelte-txio9e{width:min(92vw,800px);margin:24px auto 12px;display:flex;justify-content:space-between;align-items:center}.screen-actions.svelte-txio9e a:where(.svelte-txio9e){color:#18243a;font-weight:800;text-decoration:none}.screen-actions.svelte-txio9e button:where(.svelte-txio9e){border:0;border-radius:99px;color:#fff;background:#ef5b3f;padding:11px 18px;font:inherit;font-weight:800;cursor:pointer}.poster.svelte-txio9e{width:min(92vw,800px);aspect-ratio:2 / 3;margin:0 auto 40px;padding:3.3% 3.5% 2.6%;overflow:hidden;display:flex;flex-direction:column;gap:1.1%;background:#faf7ef;box-shadow:0 18px 60px #17223922}header.svelte-txio9e{height:8.5%;position:relative;padding-left:1%;border-left:10px solid #ef5b3f}.kicker.svelte-txio9e{color:#168c8c;font-size:clamp(5px,.78vw,10px);font-weight:900;letter-spacing:.18em}h1.svelte-txio9e{margin:.5% 0 0;color:#18243a;font-size:clamp(18px,3.15vw,40px);line-height:1;letter-spacing:-.04em}h1.svelte-txio9e span:where(.svelte-txio9e){color:#ef5b3f;font-family:Tahoma,Arial,sans-serif;font-size:1.15em;margin-right:2%}header.svelte-txio9e p:where(.svelte-txio9e){margin:.7% 0 0;font-size:clamp(6px,.95vw,12px);font-weight:700;color:#617086}.panel.svelte-txio9e{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e3ded1}.alphabet.svelte-txio9e{height:27%}.number-panel.svelte-txio9e{height:13%}.words-panel.svelte-txio9e{flex:1;min-height:0}.section-title.svelte-txio9e{height:21%;padding:1.2% 1.7%;display:flex;align-items:center;gap:1.5%;color:#fff;background:#18243a}.section-title.svelte-txio9e>b:where(.svelte-txio9e){display:grid;place-items:center;width:4.5%;aspect-ratio:1;border-radius:50%;color:#18243a;background:#f8c945;font-size:clamp(5px,.7vw,9px)}.section-title.svelte-txio9e span:where(.svelte-txio9e){display:flex;flex-direction:column}.section-title.svelte-txio9e strong:where(.svelte-txio9e){font-size:clamp(7px,1.05vw,13px);line-height:1}.section-title.svelte-txio9e small:where(.svelte-txio9e){color:#b8c4d0;font-size:clamp(4px,.6vw,7.5px);margin-top:2%}.section-title.svelte-txio9e em:where(.svelte-txio9e){margin-left:auto;color:#f8c945;font-size:clamp(4px,.6vw,7.5px);font-style:normal;font-weight:800}.letter-grid.svelte-txio9e{height:64%;padding:1.5%;display:grid;grid-template-columns:repeat(14,1fr);gap:.7%;direction:rtl}.letter-card.svelte-txio9e{min-width:0;text-align:center;border-radius:5px;background:#f1eee6;padding:5% 1%;direction:ltr}.letter-card.svelte-txio9e:nth-child(4n+1){background:#dcefed}.letter-card.svelte-txio9e:nth-child(4n+2){background:#fde6df}.letter-card.svelte-txio9e:nth-child(4n+3){background:#fcf0bc}.letter-card.svelte-txio9e span:where(.svelte-txio9e){display:block;color:#18243a;font:700 clamp(11px,2vw,25px)/1.1 Tahoma,Arial,sans-serif}.letter-card.svelte-txio9e b:where(.svelte-txio9e){display:block;font-size:clamp(4px,.58vw,7px);white-space:nowrap}.letter-card.svelte-txio9e small:where(.svelte-txio9e){display:block;color:#6b7582;font-size:clamp(3.5px,.5vw,6px);white-space:nowrap}.note.svelte-txio9e{margin:.4% 1.7%;color:#536173;font-size:clamp(4px,.53vw,6.8px)}.number-panel.svelte-txio9e .section-title:where(.svelte-txio9e){height:36%;background:#168c8c}.number-grid.svelte-txio9e{height:64%;display:grid;grid-template-columns:repeat(11,1fr)}.number-card.svelte-txio9e{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:7%;align-items:center;padding:4% 8%;border-right:1px solid #e3ded1}.number-card.svelte-txio9e>strong:where(.svelte-txio9e){grid-row:1 / 3;color:#ef5b3f;font-size:clamp(11px,1.8vw,22px)}.number-card.svelte-txio9e span:where(.svelte-txio9e){align-self:end;font:700 clamp(6px,.85vw,10px) Tahoma,Arial,sans-serif;white-space:nowrap}.number-card.svelte-txio9e b:where(.svelte-txio9e),.number-card.svelte-txio9e small:where(.svelte-txio9e){font-size:clamp(3.5px,.48vw,6px);line-height:1;white-space:nowrap}.number-card.svelte-txio9e small:where(.svelte-txio9e){display:none}.words-panel.svelte-txio9e .section-title:where(.svelte-txio9e){height:8.2%;background:#ef5b3f}.words-panel.svelte-txio9e .section-title:where(.svelte-txio9e)>b:where(.svelte-txio9e){color:#ef5b3f}.words-panel.svelte-txio9e .section-title:where(.svelte-txio9e) small:where(.svelte-txio9e){color:#ffe1d8}.word-grid.svelte-txio9e{height:91.8%;padding:1% 1.4%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(25,1fr);grid-auto-flow:column;column-gap:2%}.word.svelte-txio9e{min-width:0;display:flex;align-items:center;gap:3%;border-bottom:1px dotted #d7d1c4}.word.svelte-txio9e i:where(.svelte-txio9e){flex:0 0 10%;color:#19a09b;font-size:clamp(3.5px,.48vw,6px);font-style:normal;font-weight:900}.word.svelte-txio9e span:where(.svelte-txio9e){min-width:0;display:flex;align-items:baseline;gap:4%}.word.svelte-txio9e strong:where(.svelte-txio9e){color:#18243a;font:700 clamp(6.5px,.95vw,12px) Tahoma,Arial,sans-serif;white-space:nowrap}.word.svelte-txio9e small:where(.svelte-txio9e){min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ef5b3f;font-size:clamp(3.5px,.48vw,6px);font-weight:700;white-space:nowrap}.word.svelte-txio9e small:where(.svelte-txio9e) b:where(.svelte-txio9e){color:#687383;font-weight:600}footer.svelte-txio9e{height:4%;display:flex;align-items:center;gap:1.2%}footer.svelte-txio9e b:where(.svelte-txio9e){color:#ef5b3f;font:800 clamp(7px,1.2vw,15px) Tahoma,Arial,sans-serif}footer.svelte-txio9e span:where(.svelte-txio9e){color:#18243a;font-size:clamp(4px,.6vw,7px);font-weight:800}footer.svelte-txio9e small:where(.svelte-txio9e){margin-left:auto;max-width:53%;text-align:right;color:#687383;font-size:clamp(3.5px,.45vw,5.5px)}@media (max-width: 520px){.poster.svelte-txio9e{width:98vw;border-radius:0}.screen-actions.svelte-txio9e{width:94vw}header.svelte-txio9e{border-left-width:5px}}@page{size:24in 36in;margin:0}@media print{html,body{width:24in;height:36in;background:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}.screen-actions.svelte-txio9e{display:none}.poster.svelte-txio9e{width:24in;height:36in;margin:0;padding:.8in .84in .62in;gap:.12in;box-shadow:none}h1.svelte-txio9e{font-size:1.2in}.kicker.svelte-txio9e{font-size:.22in}header.svelte-txio9e p:where(.svelte-txio9e){font-size:.28in}.section-title.svelte-txio9e strong:where(.svelte-txio9e){font-size:.32in}.section-title.svelte-txio9e small:where(.svelte-txio9e),.section-title.svelte-txio9e em:where(.svelte-txio9e){font-size:.18in}.section-title.svelte-txio9e>b:where(.svelte-txio9e){font-size:.18in}.letter-card.svelte-txio9e span:where(.svelte-txio9e){font-size:.56in}.letter-card.svelte-txio9e b:where(.svelte-txio9e){font-size:.16in}.letter-card.svelte-txio9e small:where(.svelte-txio9e){font-size:.13in}.note.svelte-txio9e{font-size:.15in}.number-card.svelte-txio9e>strong:where(.svelte-txio9e){font-size:.48in}.number-card.svelte-txio9e span:where(.svelte-txio9e){font-size:.22in}.number-card.svelte-txio9e b:where(.svelte-txio9e){font-size:.13in}.word.svelte-txio9e i:where(.svelte-txio9e){font-size:.12in}.word.svelte-txio9e strong:where(.svelte-txio9e){font-size:.245in}.word.svelte-txio9e small:where(.svelte-txio9e){font-size:.125in}footer.svelte-txio9e b:where(.svelte-txio9e){font-size:.3in}footer.svelte-txio9e span:where(.svelte-txio9e){font-size:.16in}footer.svelte-txio9e small:where(.svelte-txio9e){font-size:.12in}}body{margin:0;font-family:system-ui,sans-serif;background:#fafafa;color:#1a1a1a}main.svelte-1n46o8q{max-width:480px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.poster-link.svelte-1n46o8q{width:100%;margin:0 0 1.5rem;padding:.9rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;border-radius:14px;color:#18243a;background:#fff3cf;text-decoration:none;border:1px solid #efd47e}.poster-link.svelte-1n46o8q span:where(.svelte-1n46o8q){grid-row:1 / 3;align-self:center;color:#e55038;font-size:1.6rem;font-weight:900}.poster-link.svelte-1n46o8q b:where(.svelte-1n46o8q){font-size:.95rem}.poster-link.svelte-1n46o8q small:where(.svelte-1n46o8q){color:#687383}h1.svelte-1n46o8q{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0}.word-section.svelte-1n46o8q{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.reveal-row.svelte-1n46o8q{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:2rem}.btn-reveal.svelte-1n46o8q{font-size:.8rem;font-weight:500;color:#6b7280;background:none;border:1.5px solid #e5e7eb;border-radius:999px;padding:.2rem .75rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-reveal.svelte-1n46o8q:hover:not(:disabled){border-color:#9ca3af;color:#374151}.btn-reveal.svelte-1n46o8q:disabled{opacity:.4;cursor:not-allowed}.meaning.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:.15rem}.transliteration.svelte-1n46o8q{font-size:.9rem;font-style:italic;color:#6b7280}.meanings.svelte-1n46o8q{font-size:1.05rem;font-weight:500;color:#1a1a1a}.mic-section.svelte-1n46o8q{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.mic-btn.svelte-1n46o8q{padding:1rem 2rem;border-radius:999px;border:1.5px solid #1a1a1a;background:#1a1a1a;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,transform .1s}.mic-btn.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.mic-btn.listening.svelte-1n46o8q{background:#b91c1c;border-color:#b91c1c;transform:scale(1.03)}.mic-btn.processing.svelte-1n46o8q{background:#6b7280;border-color:#6b7280}.btn.svelte-1n46o8q{padding:.6rem 1.4rem;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;font-size:.95rem;cursor:pointer;font-weight:500;transition:background .15s,border-color .15s}.btn.svelte-1n46o8q:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.heard-card.svelte-1n46o8q{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1.5px solid #e5e7eb;border-radius:12px;padding:1rem;background:#f9fafb;text-align:center;transition:background .2s,border-color .2s}.heard-card.correct.svelte-1n46o8q{background:#dcfce7;border-color:#86efac}.heard-card.wrong.svelte-1n46o8q{background:#fee2e2;border-color:#fca5a5}.heard-card.none.svelte-1n46o8q{background:#fef9c3;border-color:#fde68a}.heard-label.svelte-1n46o8q{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.heard-text.svelte-1n46o8q{font-family:Amiri,Traditional Arabic,serif;font-size:2rem;margin:0;color:#1a1a1a}.heard-text.none.svelte-1n46o8q{font-family:system-ui,sans-serif;font-size:1rem;font-style:italic;color:#854d0e}.error.svelte-1n46o8q{color:#dc2626;font-size:.875rem;margin:0;text-align:center}