.l-shell{display:flex;min-height:100vh;background:var(--bg)}.l-sidebar{width:210px;flex-shrink:0;background:var(--primary);color:#f1e8d8;display:flex;flex-direction:column;padding:26px 14px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.l-side-logo{padding:0 10px 26px}.l-side-nav{display:flex;flex-direction:column;gap:4px}.l-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-btn);font-size:.92rem;font-weight:600;color:#cfc0ab;transition:background .15s ease,color .15s ease}.l-side-link:hover{color:#f1e8d8;background:rgba(216,171,116,.12)}.l-side-link.active{background:var(--gold);color:var(--primary-deep)}.l-side-spacer{flex:1 1}.l-side-profile{border-top:1px solid rgba(216,171,116,.25);padding:14px 8px 0;gap:10px}.l-avatar,.l-side-profile{display:flex;align-items:center}.l-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--primary-deep);font-family:var(--font-head);font-size:1rem;justify-content:center;flex-shrink:0}.l-side-profile-name{font-size:.85rem;font-weight:700;color:#f1e8d8;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-side-profile-level{font-size:.72rem;color:#c9bda8}.l-side-logout{margin-top:10px;padding:0 8px}.l-side-logout button{background:none;border:1px solid rgba(216,171,116,.35);border-radius:var(--radius-btn);color:#c9bda8;font-size:.75rem;font-weight:600;padding:6px 12px;width:100%}.l-side-logout button:hover{color:var(--gold-soft);border-color:var(--gold-soft)}.l-main{flex:1 1;min-width:0;padding:36px 44px 64px}.l-main-inner{max-width:1040px;margin:0 auto}@media (max-width:899px){.l-shell{flex-direction:column}.l-sidebar{width:100%;height:auto;position:static;padding:14px 16px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.l-side-logo{padding:0}.l-side-nav{flex-direction:row;flex-wrap:wrap;gap:2px;order:3;width:100%;overflow-x:auto}.l-side-link{padding:8px 10px;font-size:.85rem;white-space:nowrap}.l-side-spacer{display:none}.l-side-profile{border-top:0;padding:0;margin-left:auto}.l-side-profile-level{display:none}.l-side-logout{margin-top:0;padding:0}.l-side-logout button{width:auto}.l-main{padding:24px 18px 48px}}.l-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.l-pill{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--primary)}.l-pill svg{color:var(--gold)}.l-h1{margin-bottom:26px}.l-banner{border:1px solid var(--gold);background:var(--card);border-radius:var(--radius-card);padding:14px 18px;font-size:.95rem}.l-banner,.l-banner-error{margin-bottom:22px}.l-banner-error a{font-weight:700;text-decoration:underline}.l-continue{background:var(--primary-deep);color:#f1e8d8;border-radius:var(--radius-card);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}.l-continue-title{font-family:var(--font-head);font-size:clamp(1.4rem,2.6vw,1.9rem);color:#f6f0e2;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 4px}.l-continue-title .arabic{color:var(--gold-soft);font-size:1.35em}.l-continue-sub{font-size:.88rem;color:#c9bda8}.l-cols{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-gap:26px;gap:26px;align-items:start}@media (max-width:899px){.l-cols{grid-template-columns:1fr}}.l-path-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.l-path-head small{font-size:.8rem;color:var(--text-soft)}.l-module-row{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-bottom:10px;position:relative;overflow:hidden;transition:border-color .15s ease}a.l-module-row:hover{border-color:var(--gold)}.l-module-num{font-family:var(--font-head);font-size:1.7rem;color:var(--gold);width:44px;flex-shrink:0}.l-module-main{flex:1 1;min-width:0}.l-module-title{font-family:var(--font-head);font-size:1.05rem;color:var(--primary);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.l-module-title .arabic{color:var(--gold);font-size:1.15em}.l-module-sub{font-size:.82rem;color:var(--text-soft);margin-top:2px}.l-module-side{text-align:right;flex-shrink:0}.l-module-status{font-size:.83rem;font-weight:700;color:var(--primary)}.l-module-status.gold{color:var(--gold)}.l-module-status.soft{color:var(--text-soft);font-weight:600}.l-module-meta{font-size:.76rem;color:var(--text-soft);margin-top:2px}.l-module-row.dark{background:var(--primary-deep);border-color:var(--primary-deep)}.l-module-row.dark .l-module-title{color:#f6f0e2}.l-module-row.dark .l-module-title .arabic{color:var(--gold-soft)}.l-module-row.dark .l-module-meta,.l-module-row.dark .l-module-sub{color:#c9bda8}.l-module-row.dark .l-module-status{color:#f1e8d8}.l-module-row.dark .l-module-num{color:var(--gold-soft)}.l-progressline{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(216,171,116,.2)}.l-progressline span{display:block;height:100%;background:var(--gold)}.l-lock-note,.l-module-row.locked .l-module-num,.l-module-row.locked .l-module-title{color:var(--text-soft)}.l-lock-note{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}.l-stack{display:flex;flex-direction:column;gap:18px}.l-card-pad{padding:20px 22px}.l-big-pct{font-family:var(--font-head);font-size:3.4rem;color:var(--primary);line-height:1}.l-big-pct small{font-size:1rem;color:var(--text-soft);font-family:var(--font-body)}.l-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:14px 0}.l-bar-fill{display:block;height:100%;background:var(--gold);border-radius:3px}.l-note{font-size:.85rem;color:var(--text-soft)}.l-ayah-card{background:var(--primary-deep);color:#f1e8d8;border-radius:var(--radius-card);padding:22px}.l-ayah-card .arabic{display:block;font-size:1.6rem;line-height:2;color:var(--gold-soft);margin:12px 0 10px;text-align:right}.l-ayah-translation{font-size:.88rem;font-style:italic;color:#d9cdb9}.l-ayah-source{font-size:.75rem;color:#c9bda8;margin-top:6px}.l-access-card{padding:14px 18px;font-size:.85rem;color:var(--text-soft)}.l-section{margin-bottom:30px}.l-section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.l-section-head .arabic{color:var(--gold);font-size:1.2rem}.l-section-status{margin-left:auto;font-size:.82rem;color:var(--text-soft)}.l-lesson-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.93rem;transition:background .15s ease}.l-lesson-row:last-child{border-bottom:0}a.l-lesson-row:hover{background:rgba(192,138,74,.07)}.l-lesson-row.current{background:rgba(192,138,74,.12);border-left:3px solid var(--gold);padding-left:13px}.l-lesson-num{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-size:.78rem;font-weight:700;color:var(--text-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.l-lesson-num.done{background:var(--gold);border-color:var(--gold);color:var(--primary-deep)}.l-lesson-title{flex:1 1;min-width:0}.l-lesson-dur{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.l-crumbs,.l-lesson-dur{font-size:.8rem;color:var(--text-soft)}.l-crumbs{margin-bottom:16px}.l-crumbs a:hover{color:var(--gold)}.l-crumbs span{margin:0 6px;color:var(--line)}.l-lesson-cols{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);grid-gap:26px;gap:26px;align-items:start}@media (max-width:899px){.l-lesson-cols{grid-template-columns:1fr}}.l-lesson-h1{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:20px}.l-lesson-h1 .arabic{color:var(--gold);font-size:1.2em}.l-lesson-meta{font-size:.85rem;color:var(--text-soft);margin:6px 0 18px}.l-summary-card{padding:20px 22px;margin-bottom:20px}.l-summary-card h3{margin-bottom:8px}.l-tiles{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.l-tile{width:58px;height:58px;background:var(--card);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:1.7rem;color:var(--primary)}.l-lesson-actions{display:flex;gap:12px;flex-wrap:wrap}.l-module-card{padding:18px 0 14px}.l-module-card-head{padding:0 18px 12px;border-bottom:1px solid var(--line)}.l-module-card-title{font-family:var(--font-head);font-size:1.05rem;color:var(--primary)}.l-module-card-foot{padding:14px 18px 4px}.l-module-card-foot .btn{width:100%}.l-quiz-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.l-quiz-count{font-size:.85rem;color:var(--text-soft);font-weight:600}.l-segments{display:flex;gap:5px;margin-bottom:26px}.l-segment{flex:1 1;height:4px;border-radius:2px;background:var(--line)}.l-segment.done{background:var(--gold)}.l-segment.current{background:var(--primary-deep)}.l-question{font-family:var(--font-head);font-size:clamp(1.25rem,2.4vw,1.7rem)}.l-question,.l-question-arabic{color:var(--primary);margin-bottom:18px}.l-question-arabic{padding:22px;text-align:center;font-size:2.1rem}.l-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.l-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:13px 16px;font-size:.95rem;color:var(--text);transition:border-color .15s ease,background .15s ease}.l-option:not(:disabled):hover{border-color:var(--gold-soft)}.l-option.sel{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.l-option.good{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);background:#eef3ec}.l-option.bad{border-color:var(--err);box-shadow:inset 0 0 0 1px var(--err);background:#f7e8e5}.l-option:disabled{cursor:default}.l-option-letter{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-soft)}.l-option.sel .l-option-letter{border-color:var(--gold);color:var(--gold)}.l-option.good .l-option-letter{background:var(--ok);border-color:var(--ok);color:#fff}.l-option.bad .l-option-letter{background:var(--err);border-color:var(--err);color:#fff}.l-explain{padding:14px 18px;font-size:.9rem;color:var(--text);border-left:3px solid var(--gold);margin-bottom:20px}.l-quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.l-quiz-back{font-size:.85rem;color:var(--text-soft)}.l-quiz-back:hover{color:var(--gold)}.l-result{text-align:center;padding:40px 24px}.l-result-pct{font-family:var(--font-head);font-size:4rem;color:var(--primary);line-height:1;margin:10px 0 4px}.l-result-note{color:var(--text-soft);margin:8px 0 24px}.l-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.l-exam-intro{background:var(--primary-deep);color:#f1e8d8;border-radius:var(--radius-card);padding:34px 36px;margin-bottom:24px}.l-exam-intro h2{color:#f6f0e2;margin:8px 0 10px}.l-exam-intro p{color:#d9cdb9;max-width:60ch}.l-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:22px 0 26px}@media (max-width:599px){.l-stats{grid-template-columns:1fr}}.l-stat{border:1px solid rgba(216,171,116,.35);border-radius:var(--radius-card);padding:16px;text-align:center}.l-stat b{display:block;font-family:var(--font-head);font-weight:400;font-size:1.8rem;color:var(--gold-soft)}.l-stat span{font-size:.78rem;color:#c9bda8}.l-timer{font-family:var(--font-head);font-size:1.4rem;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.l-timer.danger{color:var(--err)}.l-chips{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 24px}.l-chip{width:34px;height:34px;border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--card);font-size:.8rem;font-weight:700;color:var(--text-soft)}.l-chip.answered{background:var(--gold);border-color:var(--gold);color:var(--primary-deep)}.l-chip.current{border:2px solid var(--primary-deep);color:var(--primary)}.l-exam-history{margin-top:26px}.l-exam-history-row{display:flex;align-items:center;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.9rem}.l-exam-history-row:last-child{border-bottom:0}.l-badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-left:auto}.l-badge.pass{background:#eef3ec;color:var(--ok);border:1px solid var(--ok)}.l-badge.fail{background:#f7e8e5;color:var(--err);border:1px solid var(--err)}.l-review-row{padding:16px 18px;border-bottom:1px solid var(--line)}.l-review-row:last-child{border-bottom:0}.l-review-q{font-weight:700;margin-bottom:6px}.l-review-a{font-size:.88rem;margin-bottom:2px}.l-review-a.good{color:var(--ok)}.l-review-a.bad{color:var(--err)}.l-review-exp{font-size:.85rem;color:var(--text-soft);margin-top:6px}.l-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.l-practice-card{padding:20px;display:flex;flex-direction:column;gap:8px}.l-practice-card .arabic{color:var(--gold);font-size:1.3rem}.l-practice-meta{font-size:.82rem;color:var(--text-soft)}.l-practice-card .btn{margin-top:auto;align-self:flex-start}.l-prog-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:18px;gap:18px;margin-bottom:22px;align-items:stretch}@media (max-width:899px){.l-prog-grid{grid-template-columns:1fr}}.l-prog-module-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.9rem}.l-prog-module-row:last-child{border-bottom:0}.l-prog-module-row .l-bar{flex:1 1;margin:0}.l-prog-module-name{width:40%;min-width:160px}.l-prog-quiz{width:110px;text-align:right;font-size:.82rem;color:var(--text-soft)}.l-auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 20px;background:var(--bg)}.l-auth-card{width:100%;max-width:420px;padding:30px 30px 26px}.l-auth-card h1{font-size:1.6rem;margin-bottom:6px}.l-auth-intro{font-size:.9rem;color:var(--text-soft);margin-bottom:20px}.l-auth-card .btn{width:100%}.l-auth-foot{font-size:.88rem;color:var(--text-soft);text-align:center;margin-top:18px}.l-auth-foot a{color:var(--gold);font-weight:700}.l-auth-hint{width:100%;max-width:420px;padding:12px 16px;font-size:.83rem;color:var(--text-soft);text-align:center}.l-auth-hint code{font-family:inherit;font-weight:700;color:var(--primary)}