:root{--blue-900: #0b2545;--blue-800: #12355b;--blue-700: #1b4b7f;--blue-600: #1f63b3;--blue-500: #2f7de1;--blue-50: #eaf2fd;--bg: #eef2f7;--card: #ffffff;--text: #17202c;--muted: #5d6b7c;--line: #d6dee8;--green: #1d8a4a;--green-50: #e6f5ec;--red: #c9302c;--red-50: #fcebea;--amber: #e08a00;--amber-50: #fff4e0;--grey-50: #f1f3f6;--radius: 14px;--shadow: 0 1px 2px rgba(16, 32, 60, .06), 0 4px 16px rgba(16, 32, 60, .06);font-family:Segoe UI,system-ui,-apple-system,Noto Sans,Noto Sans Arabic,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}img{-webkit-user-drag:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;font-size:1rem;cursor:pointer;background:var(--grey-50);transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:.9rem 1.5rem;font-size:1.15rem;min-height:58px}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-700)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-danger{background:var(--red);color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:var(--blue-800)}.btn-secondary:hover:not(:disabled){border-color:var(--blue-500);background:var(--blue-50)}.btn-ghost-light{text-decoration:none;background:#ffffff1f;color:#fff}.btn-ghost-light:hover{background:#ffffff38}.btn-flag{background:#fff;border-color:var(--line);color:var(--amber)}.btn-flag:hover{border-color:var(--amber);background:var(--amber-50)}.btn-flag.is-on{background:var(--amber);border-color:var(--amber);color:#fff}.select-page{min-height:100%;display:flex;flex-direction:column}.brandbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,var(--blue-900),var(--blue-700));color:#fff;padding:.6rem 2rem}.brand{display:flex;align-items:center;gap:.75rem;background:none;border:0;color:#fff;font-size:1.45rem;font-weight:700;cursor:pointer}.brand small{font-weight:400;opacity:.8;margin-left:.25rem}.brand-logo{height:64px;width:auto;border-radius:8px;display:block;box-shadow:0 2px 10px #00000040}.brand-sub{font-size:1.25rem;font-weight:600;opacity:.85;padding-left:.3rem}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffd100;color:var(--blue-900)}.brandbar-actions{display:flex;gap:.6rem}.select-main{width:100%;max-width:1180px;margin:0 auto;padding:2.2rem 2rem 3rem}.select-main h1{font-size:2.1rem;margin:0 0 .3rem;color:var(--blue-900)}.lead{font-size:1.2rem;color:var(--muted);margin:0 0 1.8rem}.empty{font-size:1.2rem;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.1rem}.choice-card,.binder-card{display:flex;align-items:center;gap:1.1rem;text-align:start;background:var(--card);border:2px solid transparent;border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:var(--shadow);cursor:pointer;min-height:112px;transition:border-color .15s,box-shadow .15s,transform .1s}.choice-card:hover:not(:disabled),.binder-card:hover{border-color:var(--blue-500);box-shadow:0 6px 22px #1f63b32e}.choice-card:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;background:#f7f9fb}.choice-body{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.choice-title{font-size:1.35rem;font-weight:700;color:var(--blue-900)}.choice-sub{color:var(--muted);font-size:1rem}.choice-meta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.3rem;color:var(--blue-600);font-weight:600;font-size:.95rem}.choice-arrow{color:var(--blue-500);flex-shrink:0}[dir=rtl] .choice-arrow{transform:scaleX(-1)}.license-badge{display:inline-grid;place-items:center;min-width:72px;height:72px;padding:0 .5rem;border-radius:14px;background:var(--blue-600);color:#fff;font-size:2rem;font-weight:800;flex-shrink:0}.license-badge.small{min-width:34px;height:30px;font-size:1rem;border-radius:7px;background:#ffd100;color:var(--blue-900)}.lang-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-weight:800;font-size:1.3rem;flex-shrink:0}.binder-list{display:flex;flex-direction:column;gap:1rem}.binder-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--blue-50);color:var(--blue-600);flex-shrink:0}.start-btn{pointer-events:none}.center-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;font-size:1.2rem;color:var(--muted)}.center-msg.error{color:var(--red)}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--blue-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz{height:100vh;display:flex;flex-direction:column}.quiz.result-page{height:auto;min-height:100%}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(90deg,var(--blue-900),var(--blue-700));color:#fff;padding:.7rem 1.6rem}.quiz-crumbs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.crumb{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#ffffff1f;font-weight:600;font-size:1.02rem}.crumb-binder{background:#ffd1002e}.quiz-top-right{flex-shrink:0}.quiz-progress{display:flex;align-items:center;gap:1.4rem;padding:.9rem 1.6rem;background:#fff;border-bottom:1px solid var(--line)}.q-counter{font-size:1.25rem;color:var(--blue-900);white-space:nowrap}.progress{flex:1;height:10px;border-radius:999px;background:var(--grey-50);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--blue-500),var(--blue-600));border-radius:999px;transition:width .3s}.q-stats{color:var(--muted);white-space:nowrap}.q-stats .ok{color:var(--green);font-weight:700}.q-stats .nok{color:var(--red);font-weight:700}.feedback-banner{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:10px;font-size:1.2rem;font-weight:800;white-space:nowrap;animation:pop .2s ease-out}.feedback-banner.correct{background:var(--green);color:#fff}.feedback-banner.wrong{background:var(--red);color:#fff}@keyframes pop{0%{transform:scale(.9);opacity:0}}.btn-explain{background:var(--amber-50);border-color:#f3c46b;color:#8a5a00;padding:.45rem .9rem}.btn-explain:hover{background:#ffe9bf}.explain-modal{max-width:620px;text-align:center}.explain-head{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:1.9rem;font-weight:800;color:var(--green);margin-bottom:1rem}.explain-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff}.explain-body{text-align:start;background:var(--green-50);border:1px solid #b4dfc4;border-radius:12px;padding:1.1rem 1.3rem}.explain-answer{margin:0 0 .6rem;font-weight:700;font-size:1.2rem;color:#0f5a2f}.explain-text{margin:0;font-size:1.15rem;line-height:1.55;color:var(--text)}.explain-close{margin-top:1.4rem;min-width:200px}.crumb-mode{background:#ffffffeb;color:var(--blue-800)}.crumb-mode.practice{background:#c8f0d6;color:#0f5a2f}.review-status{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:1.15rem;padding:.35rem .9rem;border-radius:999px}.review-status.correct{background:var(--green-50);color:var(--green)}.review-status.wrong{background:var(--red-50);color:var(--red)}.review-status.unanswered{background:var(--grey-50);color:var(--muted)}.review-flag{display:inline-flex;align-items:center;gap:.35rem;color:var(--amber);font-weight:700}.quiz-main{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:1.6rem}.question-card{width:100%;max-width:1180px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 2.2rem;display:grid;gap:2rem;align-content:start}.question-card.has-image{grid-template-columns:minmax(320px,50%) 1fr;align-items:start}.q-media{position:relative;display:grid;place-items:center;width:100%;padding:.8rem;height:calc(100vh - 315px);min-height:240px;max-height:760px;background:var(--grey-50);border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:zoom-in;transition:border-color .15s}.q-media:hover{border-color:var(--blue-500)}.q-media img{position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);object-fit:contain;display:block}.zoom-hint{position:absolute;bottom:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.35rem;background:#0b2545c7;color:#fff;padding:.4rem .75rem;border-radius:999px;font-weight:600;font-size:.95rem}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050f1eeb;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 7rem;cursor:zoom-out}.zoom-overlay img{width:100%;height:100%;object-fit:contain}.zoom-close{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.q-text{font-size:1.6rem;line-height:1.35;margin:0 0 1.4rem;color:var(--text);font-weight:650}.options{display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:center;gap:1rem;width:100%;text-align:start;padding:1rem 1.2rem;min-height:68px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:1.22rem;line-height:1.35;cursor:pointer;transition:border-color .12s,background .12s}.option:hover:not(:disabled){border-color:var(--blue-500);background:var(--blue-50)}.option:disabled{cursor:default}.option-radio{width:28px;height:28px;border-radius:50%;border:2px solid #9aa8b8;flex-shrink:0;display:grid;place-items:center;background:#fff}.option-radio .dot{width:14px;height:14px;border-radius:50%;background:var(--blue-600)}.option-letter{font-weight:700;color:var(--muted);width:1.4rem;flex-shrink:0}.option-text{flex:1}.option-mark{flex-shrink:0}.option.is-selected{border-color:var(--blue-600);background:var(--blue-50)}.option.is-selected .option-radio{border-color:var(--blue-600)}.option.is-correct{border-color:var(--green);background:var(--green-50);color:#0f5a2f}.option.is-correct .option-radio{border-color:var(--green)}.option.is-correct .dot{background:var(--green)}.option.is-wrong{border-color:var(--red);background:var(--red-50);color:#8a1f1b}.option.is-wrong .option-radio{border-color:var(--red)}.option.is-wrong .dot{background:var(--red)}.quiz-actions{display:flex;align-items:center;gap:.8rem;padding:.5rem 1.4rem;background:#fff;border-top:1px solid var(--line)}.actions-hint{flex:1;text-align:center;color:var(--muted);font-size:.98rem}.quiz-actions .btn-lg{min-height:46px;padding:.5rem 1.1rem;font-size:1.05rem}.quiz-actions .btn-lg svg{width:20px;height:20px}.q-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:0 1.4rem .55rem;background:#fff}.q-tile{position:relative;width:40px;height:34px;border-radius:8px;border:2px solid var(--line);font-size:.92rem;background:#fff;font-weight:700;color:var(--blue-800);cursor:pointer}.q-tile:disabled{opacity:.35;cursor:not-allowed}.q-tile.is-answered{background:var(--blue-50);border-color:#b9d2f3}.q-tile.is-correct{background:var(--green-50);border-color:#8fd0a8;color:var(--green)}.q-tile.is-wrong{background:var(--red-50);border-color:#eba7a3;color:var(--red)}.q-tile.is-current{border-color:var(--blue-600);box-shadow:0 0 0 2px var(--blue-600) inset}.q-tile .tile-flag{position:absolute;top:-7px;right:-6px;color:var(--amber);background:#fff;border-radius:50%;padding:1px}.q-nav-submit{margin-inline-start:auto}.result-main{width:100%;max-width:1180px;margin:0 auto;padding:1.6rem;display:flex;flex-direction:column;gap:1.4rem}.result-summary{display:flex;align-items:center;gap:2.2rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.8rem 2.2rem;border-top:6px solid var(--red)}.result-summary.passed{border-top-color:var(--green)}.score-ring{--c: var(--red);width:170px;height:170px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--grey-50) 0)}.passed .score-ring{--c: var(--green)}.score-inner{width:134px;height:134px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-big{font-size:2.6rem;font-weight:800;color:var(--blue-900);line-height:1}.score-big small{font-size:1.3rem;color:var(--muted);font-weight:600}.score-pct{color:var(--muted);font-weight:600;margin-top:.3rem}.result-text p{font-size:1.2rem;margin:.7rem 0 1rem}.verdict{display:inline-block;font-size:1.7rem;font-weight:800;padding:.3rem 1rem;border-radius:10px}.verdict.ok{background:var(--green-50);color:var(--green)}.verdict.nok{background:var(--red-50);color:var(--red)}.stat-row{display:flex;flex-wrap:wrap;gap:.6rem}.stat{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;font-weight:700}.stat-correct{background:var(--green-50);color:var(--green)}.stat-wrong{background:var(--red-50);color:var(--red)}.stat-unanswered{background:var(--grey-50);color:var(--muted)}.stat-flagged{background:var(--amber-50);color:var(--amber)}.result-grid-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 2rem 1.8rem}.result-grid-section h2{margin:0 0 1rem;font-size:1.2rem;color:var(--muted);font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.8rem}.result-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:92px;border-radius:12px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:1.1rem;transition:transform .1s,box-shadow .15s}.result-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10203c26}.result-tile.correct{background:var(--green-50);color:var(--green);border-color:#b4dfc4}.result-tile.wrong{background:var(--red-50);color:var(--red);border-color:#f0bcb9}.result-tile.unanswered{background:var(--grey-50);color:var(--muted);border-color:var(--line)}.tile-num{font-size:1rem;color:var(--text);opacity:.7}.tile-flag-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:var(--amber);color:#fff;display:grid;place-items:center;box-shadow:0 2px 6px #0003}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.mode-modal{position:relative;max-width:780px}.modal-close{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;border:0;background:var(--grey-50);display:grid;place-items:center;cursor:pointer}.modal-close:hover{background:var(--line)}.mode-binder{margin:0 0 1.4rem;color:var(--muted);font-size:1.15rem}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;text-align:start;padding:1.6rem;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.mode-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10203c24}.mode-card.practice:hover{border-color:var(--green)}.mode-card.test:hover{border-color:var(--blue-500)}.mode-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:16px}.mode-card.practice .mode-icon{background:var(--green-50);color:var(--green)}.mode-card.test .mode-icon{background:var(--blue-50);color:var(--blue-600)}.mode-title{font-size:1.6rem;font-weight:800;color:var(--blue-900)}.mode-desc{color:var(--muted);font-size:1.05rem;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b25458c;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:16px;padding:2rem 2.2rem;width:100%;max-width:560px;box-shadow:0 20px 60px #0000004d}.modal h2{margin:0 0 .8rem;color:var(--blue-900)}.modal-body{font-size:1.15rem;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}@media(max-width:900px){.question-card.has-image{grid-template-columns:1fr}.q-media{height:34vh;min-height:0}.mode-grid{grid-template-columns:1fr}.quiz-actions{flex-wrap:wrap}.actions-hint{order:5;flex-basis:100%}.result-summary{flex-direction:column;text-align:center}.stat-row{justify-content:center}}@media(max-height:820px){.question-card{padding:1.4rem 1.6rem;gap:1.4rem}.q-text{font-size:1.4rem;margin-bottom:1rem}.option{min-height:58px;padding:.75rem 1rem;font-size:1.12rem}.quiz-main{padding:1rem 1.4rem}}