@font-face{font-family:Idiqlat;src:url(/fonts/Idiqlat-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Estrangeli;src:url(/fonts/Estrangeli.woff2)format("woff2");font-display:swap}:root{color:#1f2a2e;font-synthesis:none;background:#f5f1e9;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}.app{background:#f5f1e9;flex-direction:column;min-block-size:100dvh;display:flex}header{color:#faf8f3;background:#35454c;justify-content:space-between;align-items:center;gap:1rem;inline-size:100%;padding:1rem;display:flex}.brand{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.65rem;margin:0;padding:0;display:inline-flex}.brand:focus-visible{outline-offset:3px;outline:3px solid #ac8e69}.logo-mark{color:#faf8f3;direction:rtl;flex:none;font-family:Idiqlat,serif;font-size:1.7rem;line-height:1}.brand-title{font-size:1.2rem;font-weight:700;line-height:1.2}.lang-toggle{color:#faf8f3;cursor:pointer;background:#faf8f31f;border:2px solid #ac8e69;border-radius:99px;flex:none;grid-template-columns:1fr 1fr;align-items:center;block-size:2rem;inline-size:4.5rem;padding:0;display:grid;position:relative;overflow:hidden}.lang-toggle:hover{box-shadow:0 0 0 3px #ac8e6959}.lang-toggle:focus-visible{outline-offset:3px;outline:3px solid #ac8e69}.lang-toggle-thumb{pointer-events:none;z-index:0;background:#ac8e69;border-radius:99px;inline-size:calc(50% - 2px);transition:transform .2s;position:absolute;inset-block:2px;inset-inline-start:2px}.lang-toggle[data-locale=ar] .lang-toggle-thumb{transform:translate(100%)}.lang-opt{z-index:1;text-align:center;color:#faf8f3;pointer-events:none;font-size:.75rem;font-weight:700;line-height:1;position:relative}.lang-toggle[data-locale=en] .lang-opt[lang=en],.lang-toggle[data-locale=ar] .lang-opt[lang=ar]{color:#1f2a2e}h1{margin:0;font-size:1.2rem}:lang(ar){line-height:1.5}[dir=rtl] .brand-title,[dir=rtl] h2{letter-spacing:0}.icon-mirror{display:block}[dir=rtl] .icon-mirror{transform:scaleX(-1)}main{flex:1;inline-size:min(100%,480px);margin-inline:auto;padding:1rem}.home{flex-direction:column;gap:1rem;display:flex}.pool-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.pool-all:nth-child(odd){grid-column:1/-1}.pool,.answer,.action,.btn-secondary{color:#1f2a2e;cursor:pointer;background:#fff;border:2px solid #35454c;border-radius:.6rem;min-block-size:56px;padding:.6rem 1rem;font-weight:700}.pool[aria-pressed=true]{color:#faf8f3;background:#4a6e7b;border-color:#4a6e7b}.pool:hover,.answer:hover{background:#e8e2d6}.pool[aria-pressed=true]:hover{background:#3f5f6a}.action{color:#faf8f3;background:#35454c;border-color:#35454c}.action:hover:not(:disabled){background:#2a373d}.action:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:#35454c;background:#faf8f3;border-color:#4a6e7b}.btn-secondary:hover{background:#e8e2d6}.pool:focus-visible,.answer:focus-visible,.action:focus-visible,.btn-secondary:focus-visible,.field-input:focus-visible{outline-offset:2px;outline:3px solid #ac8e69}.home-section{flex-direction:column;gap:.75rem;display:flex}.home-section h2{margin:0}.home-divider{border:0;border-block-start:2px solid #e8e2d6;inline-size:100%;margin:.25rem 0}.home-links{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=360px){.home-links{grid-template-columns:1fr}}.sticky{margin-block-start:auto;position:sticky;inset-block-end:1rem}.countdown{text-align:center;place-content:center;min-block-size:70dvh;display:grid}.countdown strong{color:#4a6e7b;font-size:clamp(7rem,35vw,11rem)}.quiz{flex-direction:column;gap:1rem;min-block-size:calc(100dvh - 68px);display:flex;position:relative}.quiz-top{justify-content:space-between;align-items:center;display:flex}.timer-track{background:#35454c;border-radius:99px;height:1rem;overflow:hidden}.timer-bar{background:#ac8e69;height:100%;transition:inline-size .2s linear}.prompt-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.prompt-row h2{margin:0}.icon-btn{color:#35454c;cursor:pointer;background:#faf8f3;border:2px solid #4a6e7b;border-radius:50%;flex:none;place-content:center;block-size:44px;inline-size:44px;padding:0;display:grid}.icon-btn:hover{background:#e8e2d6}.icon-btn:focus-visible{outline-offset:2px;outline:3px solid #ac8e69}.icon-btn[aria-pressed=true]{color:#faf8f3;background:#4a6e7b}.glyph-wrap{position:relative}.glyph-card{color:#faf8f3;background:#4a6e7b;border-radius:1rem;place-content:center;min-block-size:220px;display:grid;position:relative}.paused-badge{color:#faf8f3;letter-spacing:.02em;background:#35454c;border-radius:.5rem;block-size:fit-content;inline-size:fit-content;margin:auto;padding:.55rem 1.25rem;font-size:1.35rem;font-weight:700;position:absolute;inset:0}.quiz.paused:not(.feedback) .glyph-card .syriac,.quiz.paused:not(.feedback) .answers{visibility:hidden}.quiz.paused .answer{cursor:not-allowed}.result-hint{color:#4a6e7b;font-weight:700}.syriac{direction:rtl;font-family:Idiqlat,serif;font-size:clamp(112px,30vw,160px);line-height:1}.syriac.estrangeli{direction:rtl;unicode-bidi:bidi-override;font-family:Estrangeli,serif}.answers{gap:.75rem;margin-block-start:auto;display:grid}.answer{text-align:start}.answer:disabled{opacity:1;cursor:default}.answer.correct{color:#faf8f3;background:#4a6e7b;border-color:#4a6e7b}.answer.chosen-wrong{color:#1f2a2e;background:#ac8e69;border-color:#8a6e4a}.results-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.results-head h2{margin:0}.results-head-actions{flex:none;gap:.5rem;display:flex}.result{background:#fff;border-inline-start:.5rem solid #4a6e7b;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-block:.5rem;padding:.75rem;display:grid}.result.wrong{background:#ac8e69;border:0}.result-glyph{flex:none;place-content:center;block-size:3rem;inline-size:3rem;display:grid;overflow:hidden}.result-glyph.wide{inline-size:6rem}.result-glyph .syriac{font-size:2.5rem}.result-glyph.small .syriac{font-size:1.6rem}.result p{margin:.15rem 0}.result-row-actions{flex-wrap:wrap;justify-content:end;align-self:center;gap:.5rem;display:flex}.result-view-btn{white-space:nowrap;min-block-size:40px;padding:.35rem .65rem;font-size:.85rem}.result-buttons{gap:.75rem;margin-block-start:1rem;display:grid}.shared-attribution{color:#4a6e7b;letter-spacing:.01em;margin:0 0 .35rem;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=400px){.result{grid-template-columns:auto 1fr}.result-row-actions{grid-column:1/-1;justify-self:end}}.toast{color:#faf8f3;z-index:40;background:#35454c;border-radius:.6rem;inline-size:fit-content;max-inline-size:min(90vw,320px);margin-inline:auto;padding:.75rem 1.25rem;font-weight:700;position:fixed;inset-block-end:1.5rem;inset-inline:1rem;box-shadow:0 8px 24px #1f2a2e40}.modal-backdrop{z-index:50;background:#1f2a2e8c;place-content:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{color:#1f2a2e;background:#faf8f3;border:2px solid #35454c;border-radius:.8rem;gap:.75rem;inline-size:min(100%,360px);padding:1.25rem;display:grid}.modal.modal-question{max-block-size:min(90dvh,720px);inline-size:min(100%,480px);overflow:auto}.modal-question .glyph-card{min-block-size:160px}.modal-question .syriac{font-size:clamp(72px,22vw,120px)}.modal-question .answers{margin-block-start:0}.modal h2{color:#35454c;margin:0;font-size:1.25rem}.modal p{margin:0}.field-label{color:#35454c;gap:.35rem;font-weight:700;display:grid}.field-input{color:#1f2a2e;background:#fff;border:2px solid #4a6e7b;border-radius:.6rem;min-block-size:48px;inline-size:100%;padding:.55rem .75rem}.field-input.share-url{font-size:.85rem;font-weight:500}.field-error{color:#8a4b2a;margin:0;font-weight:700}.modal-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-block-start:.5rem;display:grid}.modal-actions.modal-actions-single{grid-template-columns:1fr}.seg-group{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.seg{color:#1f2a2e;cursor:pointer;background:#fff;border:2px solid #35454c;border-radius:.6rem;min-block-size:44px;padding:.35rem .25rem;font-weight:700}.seg:hover{background:#e8e2d6}.seg[aria-pressed=true]{color:#faf8f3;background:#4a6e7b;border-color:#4a6e7b}.seg:focus-visible,.switch:focus-visible{outline-offset:2px;outline:3px solid #ac8e69}.switch-row{justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:.25rem;display:flex}.switch{cursor:pointer;background:#e8e2d6;border:2px solid #4a6e7b;border-radius:99px;flex:none;block-size:30px;inline-size:52px;padding:0;position:relative}.switch-thumb{background:#35454c;border-radius:50%;block-size:22px;inline-size:22px;transition:transform .15s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.switch[aria-checked=true]{background:#4a6e7b}.switch[aria-checked=true] .switch-thumb{background:#faf8f3;transform:translate(22px)}[dir=rtl] .switch[aria-checked=true] .switch-thumb{transform:translate(-22px)}.settings-hint{color:#4a6e7b;font-size:.9rem}.feedback-badge{border-radius:.5rem;inline-size:fit-content;margin-inline:auto;padding:.4rem 1rem;font-weight:700;position:absolute;inset-block-end:.75rem;inset-inline:0}.feedback-badge.is-correct{color:#35454c;background:#faf8f3}.feedback-badge.is-wrong{color:#1f2a2e;background:#ac8e69}.replay-note{color:#4a6e7b;margin:0 0 .35rem;font-style:italic}.modal-actions .action,.modal-actions .btn-secondary{min-block-size:48px}@media (width<=360px){.modal-actions{grid-template-columns:1fr}.seg-group{grid-template-columns:repeat(2,1fr)}}.card-name{text-align:center;overflow-wrap:anywhere;padding:1rem;font-size:clamp(2.25rem,10vw,3.5rem);font-weight:700}.quiz.paused .glyph-card .card-name{visibility:hidden}.answers.glyph-options{grid-template-columns:repeat(2,1fr)}.answers.glyph-options .answer{text-align:center}.answer-glyph{font-size:2.75rem}.inline-glyph{vertical-align:middle;font-size:1.6rem}.sequence-row{justify-content:center;gap:.6rem;padding:1rem;display:flex}.seq-tile{color:#1f2a2e;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#faf8f3;border:2px solid #35454c;border-radius:.75rem;place-content:center;min-block-size:84px;min-inline-size:64px;padding:.25rem .5rem;transition:transform .1s;display:grid}.seq-tile .syriac{font-size:clamp(2.5rem,12vw,3.5rem)}.seq-tile.dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 6px 16px #00000040}.seq-tile.selected,.seq-tile:focus-visible{outline-offset:2px;outline:3px solid #ac8e69}.seq-tile:disabled{cursor:default}.seq-tile.correct{color:#faf8f3;background:#35454c}.seq-tile.chosen-wrong{background:#ac8e69;border-color:#8a6e4a}.seq-correct .syriac{font-size:2rem}.seq-help{text-align:center;margin:0}.mapping-board{justify-content:center;gap:1.25rem;padding:1rem;display:flex}.mapping-column{grid-auto-rows:64px;gap:.5rem;display:grid}.map-tile{min-block-size:64px;min-inline-size:80px}.map-tile .syriac{font-size:2.25rem}.map-fix{place-content:center;min-inline-size:48px;display:grid}.map-fix .syriac{font-size:1.75rem}.modal-question .map-tile .syriac{font-size:2rem}.learn{flex-direction:column;gap:1rem;min-block-size:calc(100dvh - 68px);display:flex}.learn h2{margin:0}.flashcard{cursor:pointer;color:#faf8f3;inline-size:100%;font:inherit;text-align:center;border:0;padding:1rem}.flashcard:focus-visible{outline-offset:3px;outline:3px solid #ac8e69}.flashcard-back{text-align:center;gap:.35rem;padding:.5rem 1rem;display:grid}.flashcard-back strong{font-size:clamp(1.6rem,6vw,2rem)}.flashcard-back p{margin:0;font-size:1.05rem;font-weight:500}.flashcard-translit{opacity:.9}.flashcard-note{opacity:.75;font-size:.95rem;font-weight:600}.learn-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.learn-controls .btn-secondary{min-block-size:48px}.learn-counter{text-align:center;color:#35454c;font-weight:700}.reference{flex-direction:column;gap:.5rem;display:flex}.ref-intro{color:#35454c;margin:0 0 .5rem}.ref-section{gap:.5rem;margin-block:1rem 0;display:grid}.ref-section h2{color:#35454c;margin:0;font-size:1.15rem}.ref-section>p{margin:0}.ref-row{background:#fff;border-inline-start:.5rem solid #4a6e7b;border-start-end-radius:.5rem;border-end-end-radius:.5rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.75rem;transition:box-shadow .2s,border-color .2s;display:grid}.ref-row.highlight{border-inline-start-color:#ac8e69;box-shadow:inset 0 0 0 2px #ac8e69}.ref-name{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0 0 .15rem;font-weight:700;display:flex}.ref-row p{margin:.1rem 0}.ref-index{color:#35454c;background:#e8e2d6;border-radius:.35rem;place-content:center;block-size:1.5rem;min-inline-size:1.5rem;padding:0 .3rem;font-size:.8rem;font-weight:700;display:inline-grid}.ref-value{color:#4a6e7b;font-weight:700}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}