html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}[dir=rtl]{text-align:right}@font-face{font-family:Noto Kufi Arabic;src:url("./NotoKufiArabic-FVNVTAXF.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}[dir=rtl],[dir=rtl] *{letter-spacing:0!important}[dir=rtl] *{font-family:Noto Kufi Arabic,Segoe UI,Tahoma,DejaVu Sans,Arial,sans-serif!important}[dir=ltr],[dir=ltr] *{font-family:inherit}.en{font-weight:600}.en-word{font-weight:700;font-size:18px}.tag-noun{background:#166b54}.tag-verb{background:#b35c10}.tag-link{background:#6a3fa0}.tag-pron{background:#1a62a8}.sounds-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.sound-tile{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;min-width:58px;border-radius:12px;border:1px solid #d9c98f;background:#fdf6dd;color:#5c4a12;cursor:pointer}.sound-tile:hover{background:#fbeec4}.sound-letter{font-size:20px;font-weight:800}.sound-example{font-size:11px;opacity:.75}.bank-group{border:1px solid var(--ds-hairline);border-radius:12px;padding:12px 14px;margin:10px 0}.bank-label{font-weight:600;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.bank-tag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:12px;font-weight:700;color:#fff}.bank-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;font-size:15px;cursor:pointer}.chip b{font-weight:700}.chip i{font-style:normal;font-size:12px;opacity:.85}.chip-tag{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;font-size:11px;font-weight:700;color:#fff}.chip-whole{font-size:10px;font-weight:700;background:#00000014;border-radius:5px;padding:2px 5px}.chip-play{font-size:13px}.chip-noun{background:#e3f2ec;color:#134a3b;border:1px solid #b4d6c8}.chip-verb{background:#fdeed9;color:#6e3f0f;border:1px solid #f0d3ac}.chip-link{background:#f0eafa;color:#452a72;border:1px solid #d5c6ee}.chip-pron{background:#e4f0fb;color:#144a80;border:1px solid #bcd7f0}.bank-notes{margin-top:8px}.bank-note{font-size:12px;opacity:.8}.explorer{display:flex;flex-direction:column;gap:12px;margin:6px 0}.explorer-pick{display:flex;flex-wrap:wrap;gap:8px}.explorer-stage{border:1px solid var(--ds-hairline);border-radius:14px;padding:16px 14px;background:var(--ds-surface, #fff)}.explorer-letters{display:flex;gap:10px;justify-content:center;margin:4px 0 8px}.letter-tile{width:64px;height:64px;border-radius:14px;border:2px solid #d9c98f;background:#fdf6dd;color:#5c4a12;font-size:30px;font-weight:800;cursor:pointer}.letter-tile:hover{background:#fbeec4;transform:translateY(-2px)}.explorer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.explorer-meaning{margin-top:10px;font-size:15px;text-align:center}.mini-chip{padding:8px 14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;border-width:2px;border-style:solid;background:#fff}.mini-noun{color:#166b54;border-color:#9ecdba}.mini-noun.is-on{background:#166b54;color:#fff}.mini-verb{color:#b35c10;border-color:#ecc79c}.mini-verb.is-on{background:#b35c10;color:#fff}.mini-link{color:#6a3fa0;border-color:#cbb6e8}.mini-link.is-on{background:#6a3fa0;color:#fff}.mini-pron{color:#1a62a8;border-color:#a9cdec}.mini-pron.is-on{background:#1a62a8;color:#fff}.sent-list{display:flex;flex-direction:column;gap:10px;margin:8px 0}.sent-card{display:flex;align-items:center;gap:12px;border:1px solid var(--ds-hairline);border-radius:12px;padding:10px 14px}.sent-play{font-size:20px;background:#fdf6dd;border:1px solid #d9c98f;border-radius:10px;width:44px;height:44px;cursor:pointer;flex-shrink:0}.sent-en{font-size:19px;font-weight:700}.sent-ar{font-size:13px;opacity:.75;margin-top:8px}.w-noun{color:#166b54;border-bottom:3px solid #9ecdba}.w-verb{color:#b35c10;border-bottom:3px solid #ecc79c}.w-pron{color:#1a62a8;border-bottom:3px solid #a9cdec}.w-dot{color:inherit}.builder{display:flex;flex-direction:column;gap:14px;margin:6px 0}.slots{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.slot{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:18px;font-weight:700;min-height:26px}.slot small{font-size:11px;font-weight:700;color:#fff;border-radius:5px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.slot-noun{background:#e3f2ec;color:#134a3b;border:2px dashed #166b54}.slot-noun small{background:#166b54}.slot-verb{background:#fdeed9;color:#6e3f0f;border:2px dashed #b35c10}.slot-verb small{background:#b35c10}.slot-pron{background:#e4f0fb;color:#144a80;border:2px dashed #1a62a8}.slot-pron small{background:#1a62a8}.slot-end{background:transparent;color:var(--ds-ink);font-size:22px;padding:12px 2px}.slot:not(.is-filled):not(.slot-end){opacity:.55;font-size:15px}.pickers{display:flex;flex-direction:column;gap:10px}.picker-label{font-size:13px;font-weight:700;margin-bottom:6px}.picker-row{display:flex;flex-wrap:wrap;gap:8px}.feedback{border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.feedback-hint{background:#fdf6dd;border:1px solid #e3d194;color:#5c4a12}.feedback-good{background:#e3f2ec;border:1px solid #9ecdba;color:#134a3b}.builder-actions{display:flex;flex-wrap:wrap;gap:8px}.progress-line{font-size:13px;opacity:.85;margin-top:4px}.saved-msg{font-size:12px;opacity:.7}@media(min-width:768px){.pickers{flex-direction:row}.picker{flex:1}.sent-en{font-size:21px}}:root{--ds-page: #fbfafa;--ds-hairline: #eae9ea;--ds-ink: #242022;--ds-surface: #ffffff;--ds-accent: #b35c10}html,body{margin:0;padding:0;background:var(--ds-page);color:var(--ds-ink)}.card{max-width:760px;margin:0 auto;padding:28px 18px 60px;display:flex;flex-direction:column;gap:22px}.head h1{font-size:26px;margin:0 0 6px}.head .fact{font-size:13px;opacity:.65;margin:0 0 10px}.head .intro{font-size:15px;line-height:1.8;margin:0}.hero{margin:0}.hero img{width:100%;border-radius:16px;display:block}.hero figcaption{font-size:12px;opacity:.7;margin-top:6px;text-align:center}.cap{font-size:13px;opacity:.75;margin:4px 0}.group{display:flex;flex-direction:column;gap:10px}.group h2{font-size:20px;margin:0;padding-top:8px;border-top:1px solid var(--ds-hairline)}.group h2:before{content:"";display:block}.para{font-size:15px;line-height:1.85;margin:0}.key{font-size:16px;font-weight:700;margin:0}.nums{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.8}.callout{border:1px solid #e3d194;background:#fdf6dd;border-radius:12px;padding:12px 14px;font-size:14px}.callout b{display:block;margin-bottom:4px}.callout p{margin:0;line-height:1.8}.closing{font-size:13px;opacity:.7;line-height:1.8;border-top:1px solid var(--ds-hairline);padding-top:14px}.file-button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:10px;border:1px solid #d9c98f;background:#fdf6dd;color:#5c4a12;font-size:15px;font-weight:700;padding:10px 16px}.file-button:hover{background:#fbeec4}.file-button[data-variant=secondary]{background:#fff;border-color:var(--ds-hairline);color:var(--ds-ink);font-weight:600}.file-button.is-compact{padding:9px 14px;font-size:14px}button{font-family:inherit;touch-action:manipulation}@media(max-width:480px){.card{padding:18px 14px 48px}.head h1{font-size:22px}.letter-tile{width:56px;height:56px;font-size:26px}}.writer{display:flex;flex-direction:column;gap:12px}.writer-pick{display:flex;flex-wrap:wrap;gap:8px}.writer-pick .mini-chip{font-size:14px;font-weight:600}.writer-target{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.writer-reveal{font-size:22px;font-weight:800;background:#fff;border:1px dashed #c9c4c9;border-radius:10px;padding:10px 14px;text-align:left}.write-input{font-family:inherit;font-size:20px;padding:12px 14px;border:2px solid var(--ds-hairline);border-radius:12px;background:#fff;text-align:left;direction:ltr;width:100%;box-sizing:border-box}.write-input:focus{outline:2px solid var(--ds-accent);outline-offset:1px}.ltr-ex{direction:ltr;text-align:left;padding:1px 10px;color:#444}