:root{--brand-50: #f6f1e7;--brand-100: #ead9c0;--brand-300: #cbb483;--brand-500: #a9853f;--brand-600: #8f6d2f;--brand-700: #745724;--teal: #2f7d78;--gold: #c9a35b;--bg: #f5f1e8;--bg-2: #efe9db;--surface: #ffffff;--surface-2: #faf6ee;--ink: #2a2114;--ink-soft: #6b5d47;--muted: #8a7d63;--line: #e0d6c0;--accent: #8f6d2f;--accent-2: #a9853f;--accent-soft: #efe4cc;--ok: #3f7a55;--ok-soft: #dcecd9;--err: #b0413e;--err-soft: #f6dcda;--shadow: 0 10px 30px rgba(74, 58, 30, .1);--shadow-sm: 0 3px 10px rgba(74, 58, 30, .08);--radius: 16px;--radius-sm: 10px;--font-ui: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-quran: "Amiri", "Noto Naskh Arabic", serif;--ease: cubic-bezier(.22, 1, .36, 1)}html[data-theme=dark]{--bg: #16130d;--bg-2: #1d1a12;--surface: #221e15;--surface-2: #2a251a;--ink: #f0e9d8;--ink-soft: #cbbfa5;--muted: #a2967c;--line: #3a3324;--accent: #d3b063;--accent-2: #c9a35b;--accent-soft: #332c1d;--ok: #6fbf87;--ok-soft: #23331f;--err: #e08582;--err-soft: #3a2321;--shadow: 0 12px 34px rgba(0, 0, 0, .45);--shadow-sm: 0 3px 12px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1200px 600px at 100% -10%,var(--accent-soft) 0%,transparent 55%),var(--bg);color:var(--ink);direction:rtl;line-height:1.85;transition:background .4s var(--ease),color .3s var(--ease);min-height:100vh;max-width:100%;overflow-x:clip}button{font:inherit;cursor:pointer;border:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}30%,70%{transform:translate(3px)}50%{transform:translate(-3px)}}@keyframes shine{to{background-position:200% center}}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:clip}.app-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface) 82%,transparent);border-bottom:1px solid var(--line);padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;width:100%;max-width:100%}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand .logo{width:42px;height:42px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;font-size:1.4rem;box-shadow:var(--shadow-sm)}.brand>div{min-width:0}.brand h1{margin:0;font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}.brand p{margin:0;font-size:.78rem;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.tabs{display:flex;gap:6px;background:var(--surface-2);padding:5px;border-radius:12px;border:1px solid var(--line);max-width:100%}.tabs button{background:transparent;color:var(--ink-soft);border-radius:9px;padding:8px 16px;font-weight:600;font-size:.9rem;transition:all .2s var(--ease)}.tabs button:hover{color:var(--accent)}.tabs button.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.theme-toggle{width:40px;height:40px;border-radius:11px;font-size:1.1rem;background:var(--surface-2);color:var(--accent);border:1px solid var(--line);display:grid;place-items:center;transition:all .2s var(--ease)}.theme-toggle:hover{transform:rotate(-12deg) scale(1.05)}.app-main{flex:1;max-width:1180px;width:100%;margin:0 auto;padding:28px 22px;animation:fadeUp .5s var(--ease);min-width:0}.app-footer{text-align:center;padding:20px;color:var(--muted);font-size:.82rem}.lessons-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px}@media (max-width: 860px){.lessons-layout{grid-template-columns:minmax(0,1fr)}}.lessons-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;align-self:start;position:sticky;top:82px;box-shadow:var(--shadow-sm)}.progress-wrap{margin-bottom:14px}.progress-bar{height:10px;background:var(--accent-soft);border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ok),#59a074);transition:width .5s var(--ease);border-radius:8px}.progress-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-top:6px}.lessons-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.lessons-list button{width:100%;text-align:right;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 11px;color:var(--ink-soft);display:flex;align-items:center;gap:11px;font-size:.88rem;transition:all .18s var(--ease)}.lessons-list button:hover{background:var(--surface-2);color:var(--ink)}.lessons-list button.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.lessons-list button.done .num{background:var(--ok);color:#fff}.lessons-list .num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.78rem;flex:none;font-weight:700}.lessons-list button.active .num{background:#ffffff40;color:#fff}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);animation:fadeUp .45s var(--ease);max-width:100%;min-width:0;overflow:hidden}.lesson-head{display:flex;justify-content:space-between;align-items:center}.unit-badge{background:var(--accent-soft);color:var(--accent);padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:700}.progress-text{color:var(--muted);font-size:.8rem}.lesson h2{color:var(--ink);margin:14px 0;font-size:1.6rem}.goal{background:var(--ok-soft);border-right:4px solid var(--ok);padding:12px 16px;border-radius:var(--radius-sm)}.para{margin:14px 0;color:var(--ink-soft)}.para strong,.goal strong{color:var(--ink)}.hadith-quote{font-family:var(--font-quran);font-size:1.5rem;text-align:center;line-height:2.2;background:linear-gradient(180deg,var(--surface-2),transparent);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:18px 0;color:var(--ink)}.hadith-quote .src{display:block;font-family:var(--font-ui);font-size:.85rem;color:var(--muted);margin-top:8px}.compare{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin:20px 0}.compare-head{display:grid;grid-template-columns:1fr 1fr;background:var(--accent);color:#fff;font-weight:700}.compare-head span{padding:9px 15px}.compare-head span:first-child{border-left:1px solid rgba(255,255,255,.25)}.compare-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);background:var(--surface)}.compare-row .trad{padding:11px 15px;color:var(--muted)}.compare-row .tagged{padding:11px 15px;color:var(--accent);font-weight:600}.compare-row .arrow{color:var(--accent-2);font-size:1.2rem;padding:0 8px}.key-terms{margin:20px 0}.key-terms h4{margin:0 0 10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:6px 15px;font-weight:600;transition:all .18s var(--ease)}.chip:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.quiz{margin:22px 0 8px;padding:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.quiz h4{margin:0 0 10px;color:var(--accent)}.quiz-q{font-weight:600}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{text-align:right;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 15px;transition:all .18s var(--ease);color:var(--ink)}.quiz-option:hover:not(:disabled){border-color:var(--accent);transform:translate(-3px)}.quiz-option.correct{background:var(--ok-soft);border-color:var(--ok)}.quiz-option.wrong{background:var(--err-soft);border-color:var(--err);animation:shake .4s}.quiz-feedback{margin-top:13px;padding:12px 16px;border-radius:var(--radius-sm);animation:pop .3s var(--ease)}.quiz-feedback.ok{background:var(--ok-soft)}.quiz-feedback.no{background:var(--err-soft)}.quiz-feedback p{margin:6px 0;color:var(--ink-soft)}.lesson-nav{display:flex;justify-content:space-between;margin-top:26px;gap:10px}.lesson-nav>button:last-child{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;transition:all .18s var(--ease);box-shadow:var(--shadow-sm)}.lesson-nav>button:last-child:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;transition:all .18s var(--ease)}button.ghost:hover:not(:disabled){background:var(--accent);color:#fff}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;transition:all .18s var(--ease);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button:disabled{opacity:.4;cursor:not-allowed}.glossary-controls{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}.glossary-controls input{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--ink)}.glossary-controls input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cat-tabs{display:flex;flex-wrap:wrap;gap:7px}.cat-tab{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 15px;color:var(--ink-soft);font-weight:600;transition:all .18s var(--ease)}.cat-tab:hover{border-color:var(--accent)}.cat-tab.active{background:var(--accent);color:#fff}.terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:15px}.term-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:all .2s var(--ease);box-shadow:var(--shadow-sm);animation:fadeUp .4s var(--ease)}.term-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.term-card.highlight{box-shadow:0 0 0 3px var(--accent)}.term-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.term-top h3{margin:0;color:var(--accent)}.term-en{font-size:.76rem;color:var(--muted);direction:ltr}.term-cat{display:inline-block;font-size:.7rem;background:var(--accent-soft);color:var(--accent);padding:3px 11px;border-radius:20px;margin:8px 0;font-weight:700}.term-def{margin:6px 0;color:var(--ink-soft)}.term-ex{margin:8px 0 0;font-size:.9rem;color:var(--muted);background:var(--surface-2);padding:8px 12px;border-radius:8px}.tagger{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);width:100%;max-width:100%;min-width:0;overflow:hidden}.card h3{margin-top:0;color:var(--accent);font-size:1.05rem}.card label{display:block;font-size:.84rem;color:var(--accent);font-weight:600;margin:10px 0 5px}.card textarea,.card input[type=text],.card select{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface-2);color:var(--ink);transition:all .15s var(--ease)}.card textarea:focus,.card input:focus,.card select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card textarea{min-height:60px;resize:vertical}.row-btns{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.hadith-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.hadith-pick{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:7px 14px;color:var(--ink-soft);font-size:.85rem;transition:all .18s var(--ease)}.hadith-pick:hover{border-color:var(--accent)}.hadith-pick.active{background:var(--accent);color:#fff}.hadith-pick .lvl{font-size:.72rem;opacity:.8;margin-inline-start:6px}.tokens{display:flex;flex-wrap:wrap;gap:9px;max-width:100%}.tokens-arcs{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.token{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 16px;font-size:1.15rem;font-family:var(--font-quran);transition:all .15s var(--ease);position:relative;max-width:100%}.token:hover{transform:translateY(-2px);border-color:var(--accent)}.token.annotated{background:var(--ok);color:#fff;border-color:var(--ok)}.token.active{outline:3px solid var(--accent);outline-offset:2px}.token .badge-check{position:absolute;top:-7px;left:-7px;background:var(--ok);color:#fff;width:18px;height:18px;border-radius:50%;font-size:.7rem;display:grid;place-items:center}.tagger-split{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:100%}@media (min-width: 920px){.tagger-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.editor-token{color:var(--accent);border-bottom:2px solid var(--accent-soft);padding-bottom:10px;font-family:var(--font-quran);font-size:1.4rem;word-break:break-word}.level{margin-top:16px}.level h5{margin:0 0 10px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:8px 14px;border-radius:var(--radius-sm);font-size:.95rem;display:flex;align-items:center;gap:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:12px;width:100%}.field{display:flex;flex-direction:column;gap:4px;position:relative}.field .hint-icon{cursor:help;color:var(--muted);font-size:.8rem}.field .field-hint{font-size:.74rem;color:var(--muted);margin-top:2px}.field.note{margin-top:16px}.field.correct select,.field.correct input{border-color:var(--ok);background:var(--ok-soft)}.field.wrong select,.field.wrong input{border-color:var(--err);background:var(--err-soft)}.json-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;flex-wrap:wrap}.json-out{background:#14110b;color:#e8dcc4;padding:15px;border-radius:var(--radius-sm);overflow:auto;max-height:420px;max-width:100%;width:100%;direction:ltr;text-align:left;font-family:SF Mono,Consolas,monospace;font-size:.8rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.hint{color:var(--muted);font-style:italic}.grade-banner{margin-top:14px;padding:12px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px;animation:pop .3s var(--ease)}.grade-banner.ok{background:var(--ok-soft);color:var(--ok)}.grade-banner.partial{background:var(--accent-soft);color:var(--accent)}.grade-teach{margin-top:10px;padding:12px 16px;background:var(--surface-2);border-right:4px solid var(--accent);border-radius:var(--radius-sm);font-size:.92rem;color:var(--ink-soft)}.cert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;animation:fadeUp .3s var(--ease);padding:20px}.certificate{background:var(--surface);border:3px double var(--accent);border-radius:var(--radius);padding:40px;max-width:560px;width:100%;text-align:center;position:relative;box-shadow:var(--shadow)}.certificate .seal{font-size:3rem}.certificate h2{font-family:var(--font-quran);color:var(--accent);font-size:1.8rem;margin:10px 0}.certificate .name-input{font-family:var(--font-quran);font-size:1.6rem;text-align:center;border:none;border-bottom:2px dashed var(--accent);background:transparent;color:var(--ink);width:80%;margin:12px 0}.certificate .name-input:focus{outline:none}.certificate p{color:var(--ink-soft)}.certificate .close{position:absolute;top:14px;left:14px;background:var(--surface-2);border-radius:50%;width:34px;height:34px;color:var(--muted)}.finish-cta{margin-top:20px;padding:18px;border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:var(--shadow)}.finish-cta h3{margin:0 0 6px}.finish-cta button{margin-top:12px;background:#fff;color:var(--accent);border-radius:var(--radius-sm);padding:10px 22px;font-weight:700}.stages{animation:fadeUp .45s var(--ease)}.stages-intro h2{color:var(--ink);margin:0 0 6px}.timeline{list-style:none;margin:22px 0;padding:0 0 8px;display:flex;gap:10px;overflow-x:auto}.timeline-item{flex:1 1 0;min-width:130px}.timeline-item button{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-soft);transition:all .2s var(--ease);position:relative;box-shadow:var(--shadow-sm)}.timeline-item button:hover{transform:translateY(-3px);border-color:var(--accent)}.timeline-item.active button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:var(--accent)}.timeline-dot{font-size:1.6rem}.timeline-order{font-size:.72rem;opacity:.85}.timeline-title{font-weight:700;font-size:.9rem;text-align:center}.stage-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);animation:pop .3s var(--ease)}.stage-detail-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.stage-icon{font-size:2.4rem}.stage-detail-head h3{margin:0;color:var(--accent)}.stage-actor{font-size:.85rem;color:var(--muted)}.stage-steps{margin:10px 0;padding-inline-start:22px}.stage-steps li{margin:8px 0;color:var(--ink-soft)}.stage-output{margin-top:16px;padding:12px 16px;background:var(--ok-soft);border-right:4px solid var(--ok);border-radius:var(--radius-sm)}.code-chip{display:inline-block;margin-inline-start:6px;font-family:SF Mono,Consolas,monospace;font-size:.68rem;background:var(--ink);color:var(--brand-50);padding:1px 7px;border-radius:6px;direction:ltr;letter-spacing:.3px}html[data-theme=dark] .code-chip{background:var(--accent);color:#14110b}.tagset-ref{animation:fadeUp .45s var(--ease);max-width:100%;min-width:0}.tagset-ref>h2{color:var(--ink);margin:0 0 6px;overflow-wrap:anywhere}.tagset-level{margin-top:22px;max-width:100%}.tagset-level>h3{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:8px 16px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}.tagset-field{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-top:12px;box-shadow:var(--shadow-sm);max-width:100%;min-width:0;overflow:hidden}.tagset-field h4{margin:0 0 4px;color:var(--accent)}.tagset-field .fhint{font-size:.82rem;color:var(--muted);margin:0 0 10px}.code-grid{display:flex;flex-wrap:wrap;gap:8px}.code-pair{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:5px 6px 5px 12px;max-width:100%}.code-pair .code{font-family:SF Mono,Consolas,monospace;font-size:.72rem;direction:ltr;background:var(--ink);color:var(--brand-50);padding:2px 8px;border-radius:12px;flex:none}html[data-theme=dark] .code-pair .code{background:var(--accent);color:#14110b}.code-pair .meaning{font-size:.88rem;color:var(--ink);overflow-wrap:anywhere}.tagset-search{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--ink);width:100%;margin:12px 0}.tagset-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.alt-box,.ev-box{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2)}.alt-box h5,.ev-box h5{margin:0 0 8px;color:var(--accent);font-size:.92rem}.alt-item{padding:8px 12px;border-radius:8px;margin-bottom:6px;background:var(--surface);border:1px solid var(--line);font-size:.9rem;color:var(--ink-soft)}.alt-item.preferred{border-color:var(--ok);background:var(--ok-soft)}.alt-badge{display:inline-block;font-size:.68rem;background:var(--ok);color:#fff;padding:1px 8px;border-radius:10px;margin-inline-end:6px}.ev-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;flex-wrap:wrap}.ev-type{font-size:.7rem;padding:2px 9px;border-radius:10px;color:#fff}.ev-قرآن{background:#2f7d78}.ev-شعر{background:#9c6b2f}.ev-حديث{background:var(--accent)}.ev-text{font-family:var(--font-quran);font-size:1.05rem;color:var(--ink)}.ev-ref{color:var(--muted);font-size:.8rem}.hadith-meta{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.meta-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;font-size:.9rem}.meta-label{font-weight:700;color:var(--accent);font-size:.82rem}.meta-chips{display:flex;flex-wrap:wrap;gap:6px}.meta-chip{background:var(--accent-soft);color:var(--accent);border-radius:12px;padding:2px 10px;font-size:.8rem}@media (max-width: 1100px){.app-header{padding:10px 16px;flex-direction:column;align-items:stretch;gap:10px}.brand h1{font-size:1.05rem;line-height:1.4}.brand p{font-size:.74rem}.header-actions{width:100%}.tabs{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:4px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;white-space:nowrap;padding:7px 12px;font-size:.84rem}.theme-toggle{flex:none}}@media (max-width: 860px){.app-header{padding:10px 12px}.brand .logo{width:36px;height:36px;font-size:1.15rem;border-radius:10px}.brand h1{font-size:1rem}.brand p{font-size:.72rem}.tabs button{padding:7px 11px;font-size:.8rem}.theme-toggle{width:38px;height:38px}.app-main{padding:14px 10px}.app-footer{padding:16px 12px;font-size:.75rem;line-height:1.6}.lessons-side{position:static;padding:14px}.lessons-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lessons-list button{font-size:.8rem;padding:8px 9px;gap:8px}.lesson{padding:16px 12px}.lesson-head{flex-wrap:wrap;gap:8px}.lesson h2{font-size:1.2rem;margin:12px 0}.hadith-quote{font-size:1.15rem;line-height:2;padding:14px 12px;margin:14px 0}.goal{padding:10px 12px}.compare-head{display:none}.compare-row{grid-template-columns:1fr;gap:0}.compare-row .arrow{display:none}.compare-row .trad,.compare-row .tagged{padding:10px 12px}.compare-row .trad{border-bottom:1px dashed var(--line);color:var(--muted)}.compare-row .trad:before{content:"الشرح التقليدي: ";display:block;font-weight:700;color:var(--ink-soft);font-size:.78rem;margin-bottom:4px}.compare-row .tagged:before{content:"التوسيم المعياري: ";display:block;font-weight:700;font-size:.78rem;margin-bottom:4px}.lesson-nav{flex-direction:column-reverse;gap:10px}.lesson-nav button{width:100%}.terms-grid,.grid{grid-template-columns:minmax(0,1fr)}.card{padding:12px}.card h3{font-size:.95rem}.hint{font-size:.88rem;overflow-wrap:anywhere}.json-head{flex-direction:column;align-items:stretch;gap:10px}.json-head .row-btns{width:100%}.json-head .row-btns .ghost,.json-head .btn-primary{flex:1;text-align:center;min-width:0}.token{padding:7px 12px;font-size:1.05rem}.editor-token{font-size:1.15rem}.level h5{font-size:.88rem;padding:7px 12px}.json-out{font-size:.7rem;max-height:260px;padding:10px}.meta-row{grid-template-columns:minmax(0,1fr);gap:4px}.stage-detail{padding:14px 12px}.stage-detail-head{flex-wrap:wrap}.stage-icon{font-size:2rem}.timeline-item{min-width:112px;flex:none}.certificate{padding:24px 16px}.certificate h2{font-size:1.4rem}.certificate .name-input{font-size:1.3rem;width:100%}.code-pair .meaning{font-size:.82rem}.tagset-ref>h2{font-size:1.15rem;overflow-wrap:anywhere}.tagset-level>h3{font-size:.92rem;padding:7px 12px;max-width:100%}.tagset-field{padding:12px;max-width:100%;min-width:0}.grade-banner{flex-wrap:wrap;font-size:.88rem}.grade-banner .ghost{flex:none}.finish-cta{padding:14px}.hadith-picker{gap:6px}.hadith-pick{max-width:100%;overflow-wrap:anywhere}}@media (max-width: 480px){.brand h1{font-size:.9rem}.lessons-list{grid-template-columns:minmax(0,1fr)}.hadith-quote{font-size:1.05rem;padding:12px 10px}.hadith-pick{font-size:.78rem;padding:6px 10px}.tabs button{padding:6px 10px;font-size:.76rem}.unit-badge{font-size:.72rem;padding:3px 10px}.app-main{padding:12px 8px}.card{padding:10px;border-radius:12px}}