*{box-sizing:border-box}body{margin:0;background:#f2f8f4;color:#17372c;font-family:system-ui,"Noto Sans Bengali",sans-serif}#ql-app{max-width:850px;margin:auto;padding-bottom:40px}#ql-app>header{position:relative;padding:25px 18px;color:#fff;background:linear-gradient(135deg,#09472f,#16825a)}header h1{margin:5px 0;font-size:36px}header p{margin:0;color:#d9eee5}header small{color:#f5ce56;font:700 19px serif}#ql-install,.finish,.sound{border:0;border-radius:11px;padding:10px;background:#f4c84a;color:#183b2f;font-weight:700}#ql-install{position:absolute;right:15px;top:20px}aside{margin:14px;padding:13px;border:1px solid #e4c76d;border-radius:13px;background:#fff8df}#ql-progress{display:flex;justify-content:space-between;align-items:center;margin:14px;padding:15px;border-radius:14px;background:#fff;border:1px solid #d7e6dd}#ql-progress b{font-size:28px;color:#14714e}nav{display:flex;position:sticky;top:0;z-index:3;background:#fff;border-block:1px solid #dae8e0}nav button{flex:1;border:0;background:#fff;padding:14px}nav button.active{color:#14714e;font-weight:800;border-bottom:3px solid #14714e}.view{display:none;padding:14px}.view.active{display:block}article{display:flex;gap:12px;align-items:center;margin:11px 0;padding:15px;background:#fff;border:1px solid #d9e6df;border-radius:16px}article.done{background:#ecfff5;border-color:#42a878}article i{display:grid;place-items:center;min-width:40px;width:40px;height:40px;border-radius:50%;background:#e3f5eb;font-style:normal;font-weight:800}article>div{flex:1;min-width:0}article h3{margin:0 0 8px}.sound{font:700 23px/1.5 serif;background:#eef7f2;max-width:100%;white-space:normal}.letters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.letters button{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #d9e6df}.letters b{font:700 46px serif}.letters small{font-family:system-ui}.view#ql-practice article{display:block}.view#ql-practice article>div{font:700 34px/1.8 serif}.view#ql-practice p{color:#65776f}.ql-course-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0 15px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#e1f4e9,#fff6d6);border:1px solid #cbded2}.ql-course-intro b{font-size:1.1rem;color:#116343}.ql-course-intro span,.ql-help,article p{color:#65776f;line-height:1.55}.ql-level{display:inline-block;margin-bottom:5px;padding:3px 8px;border-radius:999px;background:#e4f4ec;color:#146b4b;font-weight:800;font-size:.72rem}.view#ql-course article p{margin:8px 0 0}.view#ql-practice h3{margin:5px 0}.view#ql-practice article>small{color:#14714e;font-weight:750}@media(max-width:600px){header h1{font-size:28px}.letters{grid-template-columns:repeat(2,1fr)}article{align-items:flex-start;flex-wrap:wrap}article .finish{width:100%}.ql-course-intro{align-items:flex-start;flex-direction:column}.view#ql-course article>div{width:calc(100% - 54px)}}
.ql-exam-hero{text-align:center;padding:25px 18px;border-radius:22px;background:linear-gradient(145deg,#0c5b3d,#16825a);color:#fff;box-shadow:0 12px 30px rgba(10,80,53,.18)}.ql-exam-hero>span{display:block;font-size:48px}.ql-exam-hero h2{margin:8px 0}.ql-exam-hero p{color:#dff4ea;line-height:1.6}.ql-score-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.ql-score-row b{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14)}.ql-exam-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.ql-exam-actions button,.ql-feedback button,.ql-result button{border:0;border-radius:14px;padding:15px;background:#f4c84a;color:#183b2f;font-weight:850;cursor:pointer}.ql-exam-actions button:last-child{background:#146b4b;color:#fff}.ql-exam-rules,.ql-question,.ql-result{padding:20px;border-radius:20px;background:#fff;border:1px solid #d9e6df}.ql-exam-rules li{margin:9px 0;color:#52675e}.ql-question-top{display:flex;justify-content:space-between;color:#146b4b}.ql-meter{height:8px;margin:12px 0 22px;overflow:hidden;border-radius:999px;background:#e7eee9}.ql-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13a06d,#f4c84a)}.ql-question h2{font-size:1.25rem;line-height:1.5}.ql-options{display:grid;gap:10px}.ql-options button{display:flex;align-items:center;gap:10px;width:100%;padding:13px;text-align:left;border:1px solid #d7e6dd;border-radius:14px;background:#f8fbf9;color:#17372c;font-weight:650;cursor:pointer}.ql-options button span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#e2f3ea}.ql-options button.correct{background:#e5faed;border-color:#29a762}.ql-options button.wrong{background:#fff0ef;border-color:#dd5a52}.ql-feedback{margin-top:14px;padding:14px;border-radius:14px}.ql-feedback.yes{background:#e5faed}.ql-feedback.no{background:#fff0ef}.ql-feedback p{line-height:1.55}.ql-feedback button{width:100%}.ql-result{text-align:center}.ql-result-ring{display:grid;place-items:center;width:120px;height:120px;margin:auto;border:12px solid #23a66c;border-radius:50%;font-size:1.7rem;font-weight:900}.ql-result.retry .ql-result-ring{border-color:#e0a12e}.ql-result button{margin:5px}.ql-result button+button{background:#e6f2eb}@media(max-width:600px){nav button{padding:12px 5px;font-size:.86rem}.ql-exam-actions{grid-template-columns:1fr}.ql-question,.ql-result{padding:16px}}