@font-face{font-family:Idiqlat;src:url(/fonts/Idiqlat-Regular.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}h1{margin:0;font-size:1.2rem}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(3,1fr);gap:.75rem;display:grid}@media (width<=360px){.pool-grid{grid-template-columns:repeat(2,1fr)}}.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}.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}.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-view-btn{white-space:nowrap;align-self:center;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}.sample-bar{background:#e8e2d6;border-radius:.6rem;gap:.5rem;margin:0 0 1rem;padding:.35rem;display:flex}.sample-bar a{text-align:center;color:#35454c;border-radius:.45rem;flex:1;padding:.45rem .75rem;font-weight:700;text-decoration:none}.sample-bar a.active{color:#faf8f3;background:#4a6e7b}.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-view-btn{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)}.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}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
