*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:"Baloo 2",system-ui,sans-serif;background:linear-gradient(160deg,#ede9fe,#fdf4ff 55%,#ecfeff);min-height:100vh;color:#1e293b}#app{max-width:560px;margin:0 auto;padding:20px 16px 40px}.screen{display:none}.screen.active{display:block;animation:fade .25s ease}#screen-home.active{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}#screen-home .push-down{margin-top:auto}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.logo{font-size:64px;text-align:center;margin-top:24px}.app-title{text-align:center;font-size:44px;margin:4px 0;color:#6d28d9;font-weight:800}.tagline{text-align:center;font-size:18px;color:#475569;line-height:1.5}.big-btn{display:block;width:100%;border:0;border-radius:18px;padding:18px;font-family:inherit;font-size:22px;font-weight:700;cursor:pointer;margin:14px 0;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.15)}.big-btn small{font-size:14px;font-weight:500;opacity:.9}.big-btn.practice{background:#7c3aed}.big-btn.test{background:#0891b2}.big-btn.home-btn{background:#64748b}.big-btn:disabled{opacity:.45;box-shadow:none}.big-btn:active{transform:scale(.98)}.foot{text-align:center;color:#94a3b8;font-size:13px;margin-top:26px;line-height:1.6}.back{background:0 0;border:0;font-family:inherit;font-size:17px;font-weight:700;color:#6d28d9;cursor:pointer;padding:6px 0}h2{font-size:21px;margin:20px 0 10px;color:#334155}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:2px solid #c4b5fd;background:#fff;color:#4c1d95;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer}.chip.selected{background:#7c3aed;color:#fff;border-color:#7c3aed}.urdu-chip,.q-text.urdu,.option.urdu{font-family:"Noto Nastaliq Urdu",serif}.step-tag{color:#7c3aed;font-weight:800;font-size:14px;letter-spacing:.4px;text-transform:uppercase;margin:10px 0 0}.big-btn.topic-btn,.big-btn.level-btn{background:#fff;color:#4c1d95;border:2.5px solid #c4b5fd;text-align:left;box-shadow:0 3px 10px rgba(0,0,0,.06)}.big-btn.topic-btn small,.big-btn.level-btn small{display:block;font-size:14px;font-weight:600;color:#64748b;margin-top:2px}.big-btn.topic-btn:active,.big-btn.level-btn:active{background:#ede9fe}.big-btn.level-btn:disabled{opacity:.45}.big-btn.urdu-btn{font-family:"Noto Nastaliq Urdu",serif;font-weight:400}.big-btn.topic-btn.urdu-btn{line-height:2}.big-btn.topic-btn{display:flex;align-items:center;gap:10px}.big-btn.topic-btn>span{flex:1}.big-btn.topic-btn small{display:inline-block;margin-top:0;background:#ede9fe;color:#6d28d9;border-radius:999px;padding:2px 10px;font-weight:700;white-space:nowrap}.review-item.ok{border-left-color:#16a34a}.note{color:#b45309;font-weight:600;min-height:22px}.count-big{font-size:56px;font-weight:800;color:#6d28d9;text-align:center;margin:4px 0 0}input[type=range]{width:100%;height:44px;accent-color:#6d28d9}.count-block{background:#fff;border:2.5px solid #c4b5fd;border-radius:16px;padding:12px 16px 6px;margin:0 0 14px;box-shadow:0 3px 10px rgba(0,0,0,.06)}.count-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:800;color:#4c1d95}.count-head .count-big{font-size:34px;margin:0}.quiz-top{display:flex;align-items:center;gap:10px}.progress-wrap{flex:1;background:#e2e8f0;border-radius:999px;height:14px;overflow:hidden}#progress-bar{height:100%;width:0%;background:#7c3aed;border-radius:999px;transition:width .3s}.timer{font-weight:800;font-size:18px;color:#0891b2}.hidden{display:none!important}.q-meta{color:#7c3aed;font-weight:700;font-size:15px;margin:14px 0 4px}.q-text{font-size:24px;font-weight:700;line-height:1.45;background:#fff;border-radius:16px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.06)}.q-text.urdu{direction:rtl;text-align:right;font-size:22px;line-height:2.1;font-weight:400}.speak{margin:12px 0;background:#f59e0b;color:#fff;border:0;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.options{display:grid;gap:12px;margin-top:6px}.option{text-align:left;background:#fff;border:2.5px solid #e2e8f0;border-radius:16px;padding:15px 18px;font-family:inherit;font-size:19px;font-weight:600;cursor:pointer;color:#1e293b}.option.urdu{direction:rtl;text-align:right;font-size:18px;line-height:2;font-weight:400}.option:active{transform:scale(.99)}.option.correct{background:#dcfce7;border-color:#16a34a}.option.wrong{background:#fee2e2;border-color:#dc2626}.option:disabled{cursor:default;opacity:.92}.score{text-align:center;font-size:40px;font-weight:800;color:#6d28d9;margin:6px 0}#result-title{text-align:center;font-size:30px}.review{margin:18px 0;display:grid;gap:10px}.review-item{background:#fff;border-left:6px solid #dc2626;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.5}.review-item .ra{color:#16a34a;font-weight:700}.review-item.urdu{direction:rtl;text-align:right;font-family:"Noto Nastaliq Urdu",serif;line-height:2;border-left:none;border-right:6px solid #dc2626}.big-btn.share{background:#25d366}.btn-row{display:flex;gap:8px;margin:10px 0}.small-btn{flex:1;display:block;border:2px solid #6d28d9;background:#fff;color:#6d28d9;border-radius:14px;padding:10px 4px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.small-btn.share{background:#25d366;border-color:#25d366;color:#fff}.big-btn.retry{background:#f59e0b}.timer.low{color:#dc2626}.q-img{background:#fff;border-radius:16px;padding:14px;margin-top:12px;box-shadow:0 3px 10px rgba(0,0,0,.06);text-align:center}.q-img svg{max-width:280px;width:100%;height:auto}.big-btn.danger{background:#dc2626}.big-btn.student-btn{background:#fff;color:#4c1d95;border:2.5px solid #c4b5fd;text-align:left;box-shadow:0 3px 10px rgba(0,0,0,.06)}.big-btn.student-btn small{display:block;font-size:14px;font-weight:600;color:#64748b;margin-top:2px}.new-student-label{font-weight:700;color:#334155;margin:20px 0 6px}.name-input{display:block;width:100%;font-family:inherit;font-size:19px;font-weight:600;padding:13px 16px;border:2.5px solid #c4b5fd;border-radius:14px;margin:8px 0;background:#fff;color:#1e293b}.saved-note{text-align:center;color:#16a34a;font-weight:700;font-size:17px;min-height:22px;margin:4px 0}.option{display:flex;align-items:center;justify-content:space-between;gap:10px}.option .opt-text{flex:1}.opt-speak{font-size:17px;background:#fef3c7;border-radius:999px;padding:4px 9px;flex:none}.report-link{display:block;width:100%;background:0 0;border:0;color:#64748b;font-size:14px;font-family:inherit;margin-top:12px;padding:6px;cursor:pointer;text-align:center}.review-item .report-link{text-align:left;margin-top:6px;padding:2px 0;width:auto}.f-label{display:block;font-weight:700;color:#334155;font-size:17px;margin:16px 0 2px}textarea.name-input{resize:vertical;line-height:1.4}.f-radio{display:flex;gap:10px;margin:8px 0}.f-radio label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2.5px solid #c4b5fd;border-radius:14px;padding:12px;font-size:18px;font-weight:700;color:#4c1d95;cursor:pointer}.f-radio input{width:20px;height:20px;accent-color:#7c3aed;flex:none}#submit-done-title{text-align:center;font-size:30px}@font-face{font-family:"NastaliqLocal";src:url(fonts/NotoNastaliqUrdu-Regular.ttf)format("truetype");font-weight:400;font-display:swap}.big-btn.paper{background:#0d9488}.paper-note{text-align:center;color:#64748b;font-size:14px;margin:-8px 0 2px}.topic-check{color:#0d9488;font-size:22px;font-weight:800;flex:none}.big-btn.topic-btn.selected{background:#f0fdfa;border-color:#0d9488}.print-doc{display:none}@page{size:A4;margin:16mm 12.7mm 18mm 12.7mm;@bottom-left{content:"Made with QuizNama";font-size:8.5pt;color:#666}@bottom-right{content:"Page "counter(page)" of "counter(pages);font-size:8.5pt;color:#666}}@media print{body{background:#fff!important}#app,#about-sawalnama{display:none!important}.print-doc{display:none;font-family:Arial,Helvetica,sans-serif;color:#000}body.printing-paper #paper-doc,body.printing-key #key-doc{display:block}}.print-doc .p-school{font-size:20pt;font-weight:700;text-align:center;line-height:1.15}.print-doc .p-school.fallback{font-size:14pt;color:#666}.print-doc .p-school.urdu-head,.print-doc .p-title.urdu-head{font-family:"NastaliqLocal","Noto Nastaliq Urdu",serif;font-weight:400;line-height:1.9}.print-doc .p-banner{font-size:13pt;font-weight:700;text-align:center;margin-top:2pt}.print-doc .p-title{font-size:14pt;font-weight:700;text-align:center;margin-top:2pt}.print-doc .p-info{font-size:10.5pt;text-align:center;margin-top:2pt}.print-doc .p-rule{border-bottom:.8pt solid #000;margin:7pt 0 9pt}.print-doc .p-student{font-size:12pt;margin-bottom:4pt}.print-doc .p-instr{font-size:11pt;font-style:italic;margin-bottom:8pt}.print-doc .p-instr.urdu{font-family:"NastaliqLocal","Noto Nastaliq Urdu",serif;font-style:normal;line-height:1.9;text-align:right}.print-doc .q{display:flex;gap:8pt;margin-bottom:7pt;break-inside:avoid;page-break-inside:avoid}.print-doc .qnum{font-size:12.5pt;font-weight:700;width:20pt;flex:none}.print-doc .qbody{flex:1}.print-doc .qtext{font-size:12.5pt;line-height:1.3}.print-doc .qtext.urdu,.print-doc .otext.urdu,.print-doc .ktext.urdu{font-family:"NastaliqLocal","Noto Nastaliq Urdu",serif;line-height:1.9;font-weight:400}.print-doc .qtext.urdu{text-align:right}.print-doc .opts{margin-top:2pt}.print-doc .opts.row{display:flex;flex-wrap:wrap;gap:2pt 16pt}.print-doc .opts.grid{display:grid;grid-template-columns:1fr 1fr;gap:2pt 16pt}.print-doc .opt{display:flex;gap:5pt;font-size:12pt;line-height:1.3}.print-doc .opts.stack .opt{margin-bottom:1pt}.print-doc .olab{flex:none}.print-doc .otext.urdu{flex:1;text-align:right}.print-doc .key-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5pt;font-size:12pt;margin:8pt 0 12pt}.print-doc .p-keyhead{font-size:13pt;font-weight:700;margin:10pt 0 4pt;color:#000}.print-doc .key-line{font-size:12pt;line-height:1.35;margin-bottom:2pt;break-inside:avoid}.print-doc .key-line.urdu-line{display:flex;gap:6pt}.print-doc .kpre{flex:none}.print-doc .ktext.urdu{flex:1;text-align:right}