*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:Arial,sans-serif}.shell{max-width:1050px;margin:auto;padding:20px}header{margin-bottom:18px}header a{color:#2563eb;text-decoration:none;font-weight:700}h1{font-size:clamp(25px,5vw,40px);margin:12px 0 6px}header p,footer{color:#667085}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.stats div,.card{background:#fff;border-radius:16px;box-shadow:0 3px 15px #0000000b}.stats div{padding:13px;text-align:center}.stats span,.live-stats span{display:block;color:#667085;font-size:13px}.stats b{font-size:22px}.stage-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.stage-card{background:#fff;border:2px solid #e4e7ec;border-radius:16px;padding:16px;text-align:left;cursor:pointer;color:#172033}.stage-card span,.eyebrow{display:block;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em}.stage-card strong{display:block;font-size:19px;margin:6px 0}.stage-card small{color:#667085}.stage-card.selected{border-color:#2563eb;background:#eff6ff}.stage-card.locked{opacity:.55;cursor:not-allowed}.mini-progress,.progress{height:8px;background:#e5e7eb;border-radius:20px;overflow:hidden;margin:10px 0}.mini-progress i,.progress div{display:block;height:100%;background:#2563eb;transition:width .25s}.lesson-select{padding:18px;margin-bottom:16px}.section-head,.lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0 0 12px}.section-head span,.pill{font-size:13px;color:#667085}.lesson-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.lesson{border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:10px 4px;cursor:pointer;min-height:65px}.lesson b{display:block;font-size:18px}.lesson span{display:block;font-size:10px;color:#667085;margin-top:4px}.lesson.done{background:#ecfdf3;border-color:#86efac}.lesson.current{outline:2px solid #2563eb}.lesson.locked{opacity:.45;cursor:not-allowed}.exercise{padding:24px}.lesson-head h2{margin:7px 0;font-size:clamp(20px,4vw,28px)}.lesson-head p{color:#667085}.pill{background:#eef2ff;border-radius:30px;padding:8px 12px;white-space:nowrap}.target{font-size:clamp(23px,4vw,36px);font-weight:800;line-height:1.5;background:#f8fafc;border:1px solid #e4e7ec;border-radius:14px;padding:20px;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center}.countdown{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin:8px 0 16px}.countdown div{height:100%;width:100%;background:#2563eb;transition:width .1s linear}.live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.live-stats div{text-align:center;background:#f8fafc;border-radius:12px;padding:10px}.live-stats b{font-size:22px;display:inline-block;margin-top:5px}.live-stats small{font-size:11px;color:#667085;margin-left:4px}.exercise textarea{width:100%;resize:vertical;min-height:95px;padding:16px;border:2px solid #d0d5dd;border-radius:12px;font:20px/1.5 Arial,sans-serif}.exercise textarea:focus{outline:none;border-color:#2563eb}.actions{text-align:center;margin-top:14px}.primary,.secondary{border:0;border-radius:12px;padding:13px 20px;font-size:16px;font-weight:700;cursor:pointer;margin:4px}.primary{background:#2563eb;color:#fff}.secondary{background:#e5e7eb;color:#172033}.message{min-height:30px;margin-top:14px;text-align:center;font-weight:700;line-height:1.6}.hidden{display:none!important}.progress{margin-top:16px}.progress div{width:0}footer{font-size:12px;text-align:center;margin:18px 0}@media(max-width:700px){.shell{padding:12px}.stats{grid-template-columns:repeat(2,1fr)}.stage-select{grid-template-columns:1fr}.lesson-grid{grid-template-columns:repeat(5,1fr)}.exercise{padding:16px}.lesson-head{align-items:flex-start}.live-stats{grid-template-columns:repeat(2,1fr)}}
html,body{direction:rtl;text-align:right;font-family:"Tajawal","Cairo",Arial,sans-serif}