:root{--alif-ink:#1f2933;--alif-paper:#faf7f2;--alif-accent:#b8860b;--alif-accent-ink:#8a6508;--alif-accent-soft:#f6ecd3;--alif-line:#e7e0d3;--alif-mut:#6b7280;--alif-danger:#b3261e;--alif-danger-soft:#fbeae8;--alif-ok:#2f9e6b;--alif-radius:16px;--alif-shadow:0 1px 2px rgb(31 41 51/0.06),0 8px 24px rgb(31 41 51/0.07)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--alif-paper);color:var(--alif-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Noto Sans Kazakh,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.shell{max-width:30rem;margin:0 auto;padding:1rem 1.25rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;margin-bottom:.5rem}.brand{font-weight:800;font-size:1.15rem;letter-spacing:.02em;color:var(--alif-accent-ink)}h1{font-size:1.6rem;line-height:1.2;margin:.5rem 0 .25rem}h2{font-size:1.05rem;margin:1.5rem 0 .5rem}.sub{margin:0 0 1.25rem;color:var(--alif-mut)}.stack{display:flex;flex-direction:column;gap:.875rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.hint{color:var(--alif-mut);font-size:.875rem;margin:.5rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.7rem 1.25rem;font-weight:700;cursor:pointer;background:var(--alif-accent-soft);color:var(--alif-accent-ink)}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--alif-accent);color:#fff}.btn-block{width:100%}.btn-quiet{background:transparent;border-color:var(--alif-line);color:var(--alif-ink)}.btn-danger{background:var(--alif-danger-soft);color:var(--alif-danger)}.link{border:0;background:none;padding:.25rem 0;color:var(--alif-accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link:disabled{opacity:.55;cursor:default}.field{display:flex;flex-direction:column;gap:.375rem;font-weight:600;font-size:.9rem}.field input{border:1px solid var(--alif-line);border-radius:12px;background:#fff;padding:.7rem .875rem;font-weight:500}.btn:focus-visible,.field input:focus-visible,.link:focus-visible,.seg:focus-visible,.tile-edit:focus-visible,.tile:focus-visible{outline:2px solid var(--alif-accent);outline-offset:2px}.lang-switch{display:inline-flex;gap:.25rem;padding:.2rem;border:1px solid var(--alif-line);border-radius:999px;background:#fff}.seg{border:0;border-radius:999px;background:transparent;padding:.3rem .7rem;font-size:.85rem;font-weight:700;color:var(--alif-mut);cursor:pointer}.seg-on{background:var(--alif-accent-soft);color:var(--alif-accent-ink)}.seg-quiet{background:#fff;border:1px solid var(--alif-line);color:var(--alif-ink)}.error{background:var(--alif-danger-soft);color:var(--alif-danger);border-radius:12px;padding:.625rem .875rem;font-size:.9rem;margin:0 0 1rem}.dev-hint{align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--alif-accent-soft);color:var(--alif-accent-ink);border-radius:12px;padding:.5rem .75rem;font-size:.85rem}.dev-hint,.gate{display:flex;margin:0}.gate{border:1px dashed var(--alif-line);border-radius:var(--alif-radius);background:#fff;padding:.875rem;flex-direction:column;gap:.625rem}.gate legend{font-weight:700;font-size:.9rem;padding:0 .35rem}.checkrow{display:flex;gap:.625rem;align-items:flex-start;font-size:.9rem;font-weight:500;cursor:pointer}.checkrow input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--alif-accent);flex:none}.picker-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));grid-gap:.875rem;gap:.875rem}.tile-wrap{position:relative}.tile{width:100%;border:1px solid var(--alif-line);border-radius:var(--alif-radius);background:#fff;padding:.875rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;box-shadow:var(--alif-shadow)}.tile:hover{border-color:var(--alif-accent)}.tile-name{font-weight:700;font-size:.9rem;text-align:center;overflow-wrap:anywhere}.tile-adult .tile-name{color:var(--alif-accent-ink)}.tile-add{background:transparent;border:2px dashed var(--alif-line);box-shadow:none;font-weight:700;min-height:8rem;justify-content:center}.tile-add,.tile-edit{color:var(--alif-mut)}.tile-edit{position:absolute;top:.35rem;right:.35rem;width:1.75rem;height:1.75rem;border:1px solid var(--alif-line);border-radius:999px;background:#fff;font-size:.8rem;line-height:1;cursor:pointer}.tile-edit:hover{color:var(--alif-accent-ink);border-color:var(--alif-accent)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:var(--alif-accent-soft);font-size:1.75rem;line-height:1}.avatar-lg{width:3.5rem;height:3.5rem;font-size:2rem}.card{border:1px solid var(--alif-line);border-radius:var(--alif-radius);padding:1rem;box-shadow:var(--alif-shadow)}.card,.chip{background:#fff}.chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--alif-line);border-radius:999px;padding:.3rem .75rem .3rem .35rem;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--alif-ink)}.chip .avatar{width:1.75rem;height:1.75rem;font-size:1rem}.stub-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.stub{display:flex;flex-direction:column;gap:.125rem;padding:.875rem}.stub-ico{font-size:1.4rem;line-height:1}.stub-value{font-size:1.5rem;font-weight:800}.stub-label{color:var(--alif-mut);font-size:.75rem;line-height:1.25}.day-card{margin-top:.75rem;flex-direction:column}.day-card,.day-head{display:flex;gap:.5rem}.day-head{align-items:baseline;justify-content:space-between}.day-title{font-weight:700}.day-count{color:var(--alif-mut);font-size:.85rem}.day-done{margin:0;font-weight:700;color:var(--alif-ok)}.badge-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.badge-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--alif-accent-soft);color:var(--alif-accent-ink);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}.module-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.module-row{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--alif-line);border-radius:var(--alif-radius);padding:.75rem .875rem}.module-row[data-locked=true]{background:#f3efe7;color:var(--alif-mut)}.module-num{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--alif-accent-soft);color:var(--alif-accent-ink);font-weight:800}.module-row[data-locked=true] .module-num{background:#e5ded1;color:var(--alif-mut)}.module-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.module-title{font-weight:700}.module-meta{color:var(--alif-mut);font-size:.85rem}.badge-lock{flex:none;background:var(--alif-accent-soft);color:var(--alif-accent-ink);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.pack-line{color:var(--alif-mut);font-size:.8rem;margin-top:1.5rem;text-align:center}.purchase-price{display:flex;align-items:baseline;gap:.5rem;font-size:1.6rem;font-weight:800;margin:.25rem 0 0}.purchase-price-label{color:var(--alif-mut);font-size:.85rem;font-weight:400}.purchase-steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;color:var(--alif-ink)}.purchase-steps li::marker{color:var(--alif-accent-ink);font-weight:700}.form-card{margin-top:1rem;display:flex;flex-direction:column;gap:.875rem}.form-card h2{margin:0}.avatar-picker{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-opt{border:1px solid var(--alif-line);border-radius:999px;background:#fff;width:2.75rem;height:2.75rem;font-size:1.4rem;line-height:1;cursor:pointer}.avatar-opt[aria-pressed=true]{border-color:var(--alif-accent);background:var(--alif-accent-soft)}.danger-zone{border-top:1px dashed var(--alif-line);padding-top:.875rem;display:flex;flex-direction:column;gap:.5rem}a.module-row{text-decoration:none;color:inherit;transition:border-color .15s ease}a.module-row:hover{border-color:var(--alif-accent)}.chip-static{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:999px;background:var(--alif-accent-soft);color:var(--alif-accent-ink);font-weight:800;font-size:.85rem}.lesson-go{flex:none;color:var(--alif-mut);font-size:.8rem}.lesson-title{margin-bottom:.75rem}.progress-track{height:6px;border-radius:999px;background:var(--alif-line);overflow:hidden;margin:0 0 .875rem}.progress-fill{display:block;height:100%;border-radius:inherit;background:var(--alif-accent);transition:width .25s ease}.question-card{display:flex;flex-direction:column;gap:.5rem}.question-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.q-counter{font-size:.8rem;font-weight:700;color:var(--alif-mut)}.q-chip{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.2rem .6rem;border-radius:999px;background:var(--alif-accent-soft);color:var(--alif-accent-ink);font-size:.75rem;font-weight:700}.match-prompt,.question-prompt{margin:0;font-size:1.05rem;font-weight:700}.match-hint{margin:0 0 .5rem}.question-hint{margin:0;font-weight:600}.saving-hint{margin:.5rem 0 0;text-align:center}.choice-stack{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.choice-row{display:flex;align-items:center;gap:.5rem}.choice-btn{flex:1 1;min-height:3.5rem;padding:.75rem 1rem;border:1px solid var(--alif-line);border-radius:14px;background:#fff;color:var(--alif-ink);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.choice-btn[data-state=correct]{border-color:var(--alif-ok);background:#eaf6ef}.choice-btn[data-state=wrong]{border-color:var(--alif-danger);background:var(--alif-danger-soft);opacity:.85}.choice-btn:disabled{cursor:default}.choice-text{font-family:Noto Naskh Arabic,Amiri,Geeza Pro,serif;font-size:1.6rem;line-height:1.3;overflow-wrap:anywhere}.audio-center,.letter-center{gap:.75rem;padding:.25rem 0 1rem}.audio-center,.big-audio,.letter-center{display:flex;align-items:center;justify-content:center}.big-audio{flex-direction:column;gap:.25rem;width:7.5rem;height:7.5rem;border:2px solid var(--alif-accent-soft);border-radius:999px;background:#fff;color:var(--alif-accent-ink);box-shadow:var(--alif-shadow);cursor:pointer}.big-audio-ico{font-size:2.25rem;line-height:1}.big-audio-label{font-size:.75rem;font-weight:700}.big-audio[data-playing=true]{border-color:var(--alif-accent);background:var(--alif-accent-soft);animation:alif-pulse 1s ease-in-out infinite}.speaker{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--alif-line);border-radius:999px;background:#fff;font-size:1rem;cursor:pointer}.speaker-lg{width:3rem;height:3rem;font-size:1.2rem}.speaker[data-playing=true]{border-color:var(--alif-accent);background:var(--alif-accent-soft);animation:alif-pulse 1s ease-in-out infinite}.letter-show{font-family:Noto Naskh Arabic,Amiri,Geeza Pro,serif;font-size:4.5rem;line-height:1.1}@keyframes alif-pulse{50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.big-audio[data-playing=true],.speaker[data-playing=true]{animation:none}.progress-fill{transition:none}}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));grid-gap:.5rem;gap:.5rem}.match-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.25rem;border:1px solid var(--alif-line);border-radius:14px;background:#fff;color:var(--alif-ink);font-family:Noto Naskh Arabic,Amiri,Geeza Pro,serif;font-size:1.4rem;cursor:pointer}.match-cell[data-state=found]{border-color:var(--alif-ok);background:#eaf6ef}.match-cell[data-state=reveal]{border-style:dashed;border-color:var(--alif-ok);background:#f3faf6}.match-cell[data-state=wrong]{border-color:var(--alif-danger);background:var(--alif-danger-soft);text-decoration:line-through;opacity:.8}.match-cell:disabled{cursor:default}.trace-hint{margin:0}.trace-wrap{position:relative;width:100%;max-width:17rem;aspect-ratio:1;margin:.5rem auto;border:1px solid var(--alif-line);border-radius:20px;background:#fff;overflow:hidden;touch-action:none}.trace-canvas,.trace-guide{position:absolute;inset:0;width:100%;height:100%}.trace-glyph{font-family:Noto Naskh Arabic,Amiri,Geeza Pro,serif;font-size:170px;fill:none;stroke:#d9cfbd;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9}.trace-canvas{touch-action:none;cursor:crosshair}.trace-actions{display:flex;gap:.625rem;margin-top:.5rem}.trace-actions .btn{flex:1 1}.feedback{display:flex;flex-direction:column;gap:.125rem;margin-top:.75rem;padding:.625rem .875rem;border-radius:12px;font-weight:700}.feedback[data-result=right]{background:#eaf6ef;color:#1f6b47}.feedback[data-result=partial]{background:var(--alif-accent-soft);color:var(--alif-accent-ink)}.feedback[data-result=wrong]{background:var(--alif-danger-soft);color:var(--alif-danger)}.feedback-answer{font-size:.9rem;font-weight:600}.result-card{display:flex;flex-direction:column;gap:.5rem;text-align:center}.result-card h2{margin:0}.result-score{margin:.25rem 0 0;font-size:3rem;font-weight:800;line-height:1;color:var(--alif-danger)}.result-score[data-passed=true]{color:var(--alif-ok)}.result-status{margin:0;font-weight:700;color:var(--alif-danger)}.result-status[data-passed=true]{color:var(--alif-ok)}.result-stars{margin:0;font-size:1.5rem;letter-spacing:.15em;line-height:1}.praise{margin:0;font-weight:700;color:var(--alif-accent-ink)}.result-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.big-audio:focus-visible,.choice-btn:focus-visible,.match-cell:focus-visible,.speaker:focus-visible,.trace-canvas:focus-visible{outline:2px solid var(--alif-accent);outline-offset:2px}.panel-stats{grid-template-columns:repeat(3,1fr)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip[aria-pressed=true]{border-color:var(--alif-accent);background:var(--alif-accent-soft)}.module-row .progress-track{margin:.25rem 0 0}.weak-list{list-style:none;margin:0;padding:0;gap:.625rem}.weak-item,.weak-list{display:flex;flex-direction:column}.weak-item{gap:.25rem;padding:.75rem .875rem}.weak-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.weak-title{font-weight:700}.weak-meta{color:var(--alif-mut);font-size:.85rem}