:root{--cbt-emerald-950: #022c22;--cbt-emerald-900: #064e3b;--cbt-emerald-800: #065f46;--cbt-emerald-700: #047857;--cbt-emerald-600: #059669;--cbt-emerald-500: #10b981;--cbt-emerald-400: #34d399;--cbt-emerald-200: #a7f3d0;--cbt-emerald-100: #d1fae5;--cbt-emerald-50: #ecfdf5;--cbt-sand-50: #fdfdfc;--cbt-sand-100: #f8f7f2;--cbt-sand-200: #eeece2;--cbt-sand-300: #e2dfd4;--cbt-sand-400: #cac5b7;--cbt-slate-900: #0f172a;--cbt-slate-800: #1e293b;--cbt-slate-700: #334155;--cbt-slate-600: #475569;--cbt-slate-500: #64748b;--cbt-slate-400: #94a3b8;--cbt-slate-300: #cbd5e1;--cbt-slate-200: #e2e8f0;--cbt-slate-100: #f1f5f9;--cbt-amber-600: #d97706;--cbt-amber-500: #f59e0b;--cbt-amber-100: #fef3c7;--cbt-amber-50: #fffbeb;--cbt-sky-700: #0369a1;--cbt-sky-600: #0284c7;--cbt-sky-500: #0ea5e9;--cbt-sky-100: #e0f2fe;--cbt-sky-50: #f0f9ff;--cbt-rose-600: #e11d48;--cbt-rose-500: #f43f5e;--cbt-rose-100: #ffe4e6;--cbt-rose-50: #fff1f2;--cbt-bg-surface: #ffffff;--cbt-bg-subtle: #fbfbfa;--cbt-border-subtle: #e5e7eb;--cbt-border-medium: #d1d5db;--cbt-border-strong: #9ca3af;--cbt-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--cbt-shadow-md: 0 4px 16px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .03);--cbt-shadow-lg: 0 12px 32px -4px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .04);--cbt-shadow-hover: 0 16px 36px -6px rgba(4, 120, 87, .12), 0 6px 14px -3px rgba(15, 23, 42, .05);--cbt-r-sm: 8px;--cbt-r-md: 14px;--cbt-r-lg: 20px;--cbt-r-xl: 28px;--cbt-r-pill: 9999px;--cbt-ease: cubic-bezier(.16, 1, .3, 1);--cbt-duration: .22s}html.dark,[data-theme=dark]{--cbt-sand-50: #0a1210;--cbt-sand-100: #0f1a17;--cbt-sand-200: #152420;--cbt-sand-300: #1b2d28;--cbt-sand-400: #2a423b;--cbt-bg-surface: #111e1a;--cbt-bg-subtle: #0e1916;--background-color-light: #182a25;--background-color-card: #111e1a;--background-color-main: #0a1210;--cbt-border-subtle: #1c312a;--cbt-border-medium: #274239;--cbt-border-strong: #3b5e52;--cbt-slate-900: #f8fafc;--cbt-slate-800: #f1f5f9;--cbt-slate-700: #e2e8f0;--cbt-slate-600: #cbd5e1;--cbt-slate-500: #94a3b8;--cbt-slate-400: #64748b;--cbt-slate-300: #334155;--cbt-slate-200: #1e293b;--cbt-slate-100: #0f172a;--cbt-emerald-950: #ecfdf5;--cbt-emerald-900: #d1fae5;--cbt-emerald-800: #6ee7b7;--cbt-emerald-700: #34d399;--cbt-emerald-600: #10b981;--cbt-emerald-50: #142a23;--cbt-amber-50: #241b0b;--cbt-amber-100: #3b2b10;--cbt-sky-50: #0b1c2b;--cbt-sky-100: #122d46;--cbt-rose-50: #2d1017;--cbt-rose-100: #471520;--cbt-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--cbt-shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--cbt-shadow-lg: 0 14px 36px rgba(0, 0, 0, .6);--cbt-shadow-hover: 0 16px 36px rgba(16, 185, 129, .2)}#app-content .container{max-width:1040px;padding:1.25rem 1rem 3rem}.page-header.page-header-compact{background:var(--cbt-bg-surface);border:1px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-md);box-shadow:var(--cbt-shadow-sm);padding:.75rem 1.25rem;margin-bottom:1.5rem;transition:background-color var(--cbt-duration) var(--cbt-ease),border-color var(--cbt-duration) var(--cbt-ease)}.page-header-compact .module-label{color:var(--cbt-emerald-700);letter-spacing:.08em;font-size:.76rem;font-weight:800}.page-header-logo-icon{border:1.5px solid var(--cbt-border-subtle);box-shadow:var(--cbt-shadow-sm)}.quiz-top-chip{background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);color:var(--cbt-slate-700);font-weight:600;font-size:.75rem}.quiz-top-chip i{color:var(--cbt-emerald-600)}.cbt-student-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.75rem;padding:2rem 2.25rem;border-radius:var(--cbt-r-xl);background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);box-shadow:var(--cbt-shadow-md);margin-bottom:2rem;overflow:hidden}.hero-content{flex:1;min-width:0;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--cbt-emerald-50);color:var(--cbt-emerald-800);border:1px solid var(--cbt-emerald-200);padding:.3rem .85rem;border-radius:var(--cbt-r-pill);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}html.dark .hero-badge{border-color:var(--cbt-border-medium)}.hero-title{font-size:1.65rem;font-weight:800;color:var(--cbt-slate-900);line-height:1.25;margin:0 0 .45rem;letter-spacing:-.015em}.hero-title .highlight-text{color:var(--cbt-emerald-700)}.hero-subtitle{font-size:.95rem;color:var(--cbt-slate-600);margin:0 0 1.25rem;line-height:1.5;max-width:620px}.hero-meta-pills{display:flex;flex-wrap:wrap;gap:.6rem}.hero-chip{display:inline-flex;align-items:center;gap:.45rem;background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);color:var(--cbt-slate-800);padding:.4rem .9rem;border-radius:var(--cbt-r-pill);font-size:.82rem;font-weight:600;transition:background-color var(--cbt-duration) ease}.hero-chip i{color:var(--cbt-emerald-600);font-size:.85rem}.hero-illustration{position:relative;z-index:1;flex-shrink:0}.hero-icon-bubble{width:76px;height:76px;border-radius:var(--cbt-r-lg);background:linear-gradient(135deg,var(--cbt-emerald-700),var(--cbt-emerald-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 10px 24px -4px #04785759;transform:rotate(-3deg);transition:transform .3s var(--cbt-ease)}.cbt-student-hero:hover .hero-icon-bubble{transform:rotate(0) scale(1.05)}.mapel-filter-section{margin-bottom:2rem}.semester-filter-container{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.25rem .25rem .6rem;margin-bottom:.65rem;scrollbar-width:thin;scrollbar-color:var(--cbt-border-medium) transparent}.semester-filter-container::-webkit-scrollbar{height:4px}.semester-filter-container::-webkit-scrollbar-thumb{background-color:var(--cbt-border-medium);border-radius:9999px}.semester-filter-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:var(--cbt-r-pill);border:1.5px solid var(--cbt-border-subtle);background:var(--cbt-bg-surface);color:var(--cbt-slate-700);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--cbt-duration) var(--cbt-ease);box-shadow:var(--cbt-shadow-sm)}.semester-filter-btn i{font-size:.82rem;color:var(--cbt-slate-500);transition:transform var(--cbt-duration) ease}.semester-filter-btn:hover{border-color:var(--cbt-emerald-400);background:var(--cbt-sand-100);color:var(--cbt-slate-900);transform:translateY(-1px);box-shadow:var(--cbt-shadow-md)}.semester-filter-btn.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a;box-shadow:0 4px 14px -2px #1e3a8a59}.semester-filter-btn.active i{color:#93c5fd}[data-theme=dark] .semester-filter-btn,html.dark .semester-filter-btn{background:var(--cbt-bg-surface);border-color:var(--cbt-border-subtle);color:var(--cbt-slate-300)}[data-theme=dark] .semester-filter-btn:hover,html.dark .semester-filter-btn:hover{background:var(--cbt-sand-200);border-color:var(--cbt-border-medium);color:var(--cbt-slate-100)}[data-theme=dark] .semester-filter-btn.active,html.dark .semester-filter-btn.active{background:#1e40af;color:#fff;border-color:#3b82f6;box-shadow:0 4px 14px -2px #3b82f666}.mapel-filter-container{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding:.25rem .25rem .75rem;scrollbar-width:thin;scrollbar-color:var(--cbt-border-medium) transparent}.mapel-filter-container::-webkit-scrollbar{height:5px}.mapel-filter-container::-webkit-scrollbar-thumb{background-color:var(--cbt-border-medium);border-radius:9999px}.dynamic-mapel-filters{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mapel-filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:var(--cbt-r-pill);border:1.5px solid var(--cbt-border-subtle);background:var(--cbt-bg-surface);color:var(--cbt-slate-700);font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--cbt-duration) var(--cbt-ease);box-shadow:var(--cbt-shadow-sm)}.mapel-filter-btn i{font-size:.88rem;color:var(--cbt-emerald-600);transition:transform var(--cbt-duration) ease}.mapel-filter-btn:hover{border-color:var(--cbt-emerald-400);background:var(--cbt-sand-100);color:var(--cbt-slate-900);transform:translateY(-1px);box-shadow:var(--cbt-shadow-md)}.mapel-filter-btn.active{background:var(--cbt-emerald-700);color:#fff;border-color:var(--cbt-emerald-700);box-shadow:0 6px 18px -2px #04785752}.mapel-filter-btn.active i{color:#fff}.cbt-card-grid,.quiz-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:1.35rem;margin-bottom:2.5rem}.cbt-quiz-card{background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-lg);padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--cbt-duration) var(--cbt-ease),box-shadow var(--cbt-duration) var(--cbt-ease),border-color var(--cbt-duration) var(--cbt-ease);box-shadow:var(--cbt-shadow-sm);position:relative;overflow:hidden;cursor:pointer}.cbt-quiz-card:hover{transform:translateY(-3px);border-color:var(--cbt-emerald-500);box-shadow:var(--cbt-shadow-hover)}.cbt-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.cbt-badge-subject{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:var(--cbt-emerald-800);background:var(--cbt-emerald-50);border:1px solid var(--cbt-emerald-200);padding:.25rem .65rem;border-radius:var(--cbt-r-pill);letter-spacing:.02em}html.dark .cbt-badge-subject{color:var(--cbt-emerald-700);border-color:var(--cbt-border-medium)}.cbt-badge-group{display:flex;align-items:center;gap:.35rem}.cbt-badge-semester{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;padding:.22rem .55rem;border-radius:var(--cbt-r-pill);border:1px solid var(--cbt-border-subtle);white-space:nowrap;text-transform:capitalize}.cbt-badge-semester i{font-size:.68rem}.cbt-badge-semester-ganjil{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cbt-badge-semester-genap{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.cbt-badge-semester-lainnya{color:var(--cbt-slate-600);background:var(--cbt-sand-100);border-color:var(--cbt-border-subtle)}[data-theme=dark] .cbt-badge-semester-ganjil,html.dark .cbt-badge-semester-ganjil{color:#93c5fd;background:#1e3a8a47;border-color:#3b82f666}[data-theme=dark] .cbt-badge-semester-genap,html.dark .cbt-badge-semester-genap{color:#d8b4fe;background:#7e22ce47;border-color:#a855f766}[data-theme=dark] .cbt-badge-semester-lainnya,html.dark .cbt-badge-semester-lainnya{color:var(--cbt-slate-300);background:var(--cbt-sand-200);border-color:var(--cbt-border-medium)}[data-theme=dark] #practice-check-btn,html.dark #practice-check-btn{background:#d97706;border-color:#f59e0b;color:#fff}[data-theme=dark] #practice-check-btn:hover,html.dark #practice-check-btn:hover{background:#b45309}.cbt-badge-kelas{font-size:.72rem;font-weight:700;color:var(--cbt-slate-600);background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);padding:.22rem .55rem;border-radius:var(--cbt-r-pill)}.cbt-badge-mode{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.22rem .6rem;border-radius:var(--cbt-r-pill)}.cbt-badge-mode.mode-ujian{background:var(--cbt-amber-50);color:var(--cbt-amber-600);border:1px solid var(--cbt-amber-500)}.cbt-badge-mode.mode-latihan{background:var(--cbt-sky-50);color:var(--cbt-sky-700);border:1px solid var(--cbt-sky-500)}.cbt-card-body{flex:1;margin-bottom:1.25rem}.cbt-card-title{font-size:1.12rem;font-weight:700;color:var(--cbt-slate-900);line-height:1.4;margin:0 0 .85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cbt-card-meta-list{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;color:var(--cbt-slate-600)}.cbt-meta-item{display:inline-flex;align-items:center;gap:.35rem}.cbt-meta-item i{color:var(--cbt-emerald-600);font-size:.82rem}.cbt-card-footer{border-top:1px solid var(--cbt-border-subtle);padding-top:.95rem;margin-top:auto}.btn-start-cbt{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-subtle);color:var(--cbt-slate-800);padding:.65rem 1rem;border-radius:var(--cbt-r-md);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--cbt-duration) var(--cbt-ease)}.btn-start-cbt i{transition:transform var(--cbt-duration) ease;color:var(--cbt-emerald-600)}.cbt-quiz-card:hover .btn-start-cbt{background:var(--cbt-emerald-700);border-color:var(--cbt-emerald-700);color:#fff;box-shadow:0 4px 14px -2px #0478574d}.cbt-quiz-card:hover .btn-start-cbt i{color:#fff;transform:translate(3px)}#quiz-taking-step{background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-xl);box-shadow:var(--cbt-shadow-md);padding:1.75rem;position:relative;margin-bottom:2rem}#quiz-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;padding-bottom:.9rem;border-bottom:1px solid var(--cbt-border-subtle)}#quiz-timer{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:1.25rem;font-weight:800;padding:.45rem 1.15rem;border-radius:var(--cbt-r-pill);background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-subtle);color:var(--cbt-emerald-800);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--cbt-shadow-sm);transition:all .3s ease}#quiz-timer:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;color:var(--cbt-emerald-600)}#quiz-timer.warn{background:var(--cbt-amber-50);border-color:var(--cbt-amber-500);color:var(--cbt-amber-600);animation:cbtTimerPulse 2s infinite ease-in-out}#quiz-timer.warn:before{color:var(--cbt-amber-600)}#quiz-timer.danger{background:var(--cbt-rose-50);border-color:var(--cbt-rose-500);color:var(--cbt-rose-600);animation:cbtTimerPulse 1s infinite ease-in-out}#quiz-timer.danger:before{color:var(--cbt-rose-600)}@keyframes cbtTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.progress-bar-container{width:100%;height:7px;background:var(--cbt-sand-200);border-radius:var(--cbt-r-pill);overflow:hidden;margin-bottom:1.75rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--cbt-emerald-600),var(--cbt-emerald-400));border-radius:var(--cbt-r-pill)}.font-scale-toolbar{display:inline-flex;align-items:center;gap:.35rem;background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-pill);padding:.25rem .6rem;margin-bottom:1.25rem;box-shadow:var(--cbt-shadow-sm)}.font-scale-btn{width:28px;height:28px;border-radius:var(--cbt-r-pill);border:1px solid var(--cbt-border-subtle);background:var(--cbt-bg-surface);color:var(--cbt-slate-700);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all var(--cbt-duration) ease}.font-scale-btn:hover{background:var(--cbt-emerald-600);border-color:var(--cbt-emerald-600);color:#fff}.font-scale-indicator{font-size:.78rem;font-weight:700;color:var(--cbt-slate-700);min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.cbt-question-split-arena{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;width:100%}@media (min-width: 1024px){.cbt-question-split-arena{grid-template-columns:minmax(300px,1fr) minmax(360px,1.18fr);gap:2rem}.cbt-passage-column{position:sticky;top:85px;max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cbt-border-medium) transparent;padding-right:.35rem}.cbt-passage-column::-webkit-scrollbar{width:5px}.cbt-passage-column::-webkit-scrollbar-thumb{background:var(--cbt-border-medium);border-radius:9999px}}.cbt-question-single-arena{max-width:860px;margin:0 auto;width:100%}.cbt-question-column{display:flex;flex-direction:column;min-width:0}.reading-passage{background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-md);padding:1.25rem 1.4rem;box-shadow:var(--cbt-shadow-sm);position:relative;margin-bottom:0}.reading-passage-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--cbt-border-subtle);flex-wrap:wrap}.reading-passage-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cbt-emerald-800);background:var(--cbt-emerald-50);border:1px solid var(--cbt-emerald-200);padding:.25rem .65rem;border-radius:var(--cbt-r-pill)}html.dark .reading-passage-badge{background:var(--cbt-sand-300);border-color:var(--cbt-border-medium);color:var(--cbt-emerald-400)}.reading-passage-note{font-size:.78rem;font-weight:600;color:var(--cbt-slate-500);display:inline-flex;align-items:center;gap:.35rem}.reading-passage-content{font-size:calc(1.02rem * var(--question-font-scale, 1));line-height:1.78;color:var(--cbt-slate-800)}.question-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.15rem;flex-wrap:wrap}.question-header-meta{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.question-number-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .75rem;border-radius:var(--cbt-r-pill);background:var(--cbt-emerald-50);border:1.5px solid var(--cbt-emerald-200);color:var(--cbt-emerald-800);font-size:.88rem;font-weight:700}html.dark .question-number-pill{background:var(--cbt-sand-300);border-color:var(--cbt-border-medium);color:var(--cbt-emerald-400)}.question-total-count{color:var(--cbt-slate-500);font-weight:500;font-size:.8rem}.question-type-badge{display:inline-flex;align-items:center;font-size:.76rem;font-weight:600;padding:.22rem .6rem;border-radius:var(--cbt-r-pill);background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);color:var(--cbt-slate-600)}.question-text{font-size:calc(1.08rem * var(--question-font-scale, 1));font-weight:500;color:var(--cbt-slate-900);line-height:calc(1.68 * var(--question-font-scale, 1));margin-bottom:1.4rem}.question-text p.cbt-para{margin:0 0 .75rem}.question-text p.cbt-para:last-child{margin-bottom:0}.question-body{flex:1;min-width:0}.arabic-content,.arabic-text,.soal-arab,.cbt-arabic-block{font-family:Amiri,Noto Sans Arabic Local,Noto Sans Arabic,Traditional Arabic,serif!important;font-size:calc(1.38rem * var(--question-font-scale, 1))!important;line-height:calc(1.85 * var(--question-font-scale, 1))!important;letter-spacing:.01em;direction:rtl;text-align:right}.arabic-inline,.cbt-arabic-inline,.cbt-arabic-clause{font-family:Amiri,Noto Sans Arabic Local,Noto Sans Arabic,Traditional Arabic,serif!important;font-size:1.18em!important;line-height:1.7!important;direction:rtl;unicode-bidi:isolate;display:inline}.cbt-underlined,u{text-decoration:underline!important;text-decoration-thickness:2.5px!important;text-underline-offset:4px!important;text-decoration-color:var(--cbt-emerald-600)!important;font-weight:700}.cbt-underlined *,u *{text-decoration:inherit!important;text-decoration-thickness:inherit!important;text-underline-offset:inherit!important;text-decoration-color:inherit!important}.cbt-underlined .cbt-arabic-clause,u .cbt-arabic-clause{text-decoration:underline!important;text-decoration-thickness:2.5px!important;text-underline-offset:4px!important;text-decoration-color:var(--cbt-emerald-600)!important}.cbt-highlight,mark{background:var(--cbt-amber-100);color:var(--cbt-slate-900);padding:.1rem .35rem;border-radius:4px}.options-container{display:flex;flex-direction:column;gap:.95rem;margin-bottom:2rem}.option-label{display:flex;align-items:center;gap:.95rem;padding:.95rem 1.25rem;background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--cbt-duration) var(--cbt-ease);box-shadow:var(--cbt-shadow-sm);position:relative}.option-label:hover{background:var(--cbt-sand-100);border-color:var(--cbt-emerald-400);transform:translateY(-1px);box-shadow:var(--cbt-shadow-md)}.option-label>input[type=radio],.option-label>input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.option-key-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--cbt-r-sm);background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-medium);color:var(--cbt-slate-700);font-weight:800;font-size:.9rem;flex-shrink:0;transition:all var(--cbt-duration) var(--cbt-ease)}.option-key-badge.checkbox-badge{border-radius:6px}.option-label:has(input:checked){background:var(--cbt-emerald-50);border-color:var(--cbt-emerald-600);box-shadow:0 4px 16px -2px #0478572e}.option-label:has(input:checked) .option-key-badge{background:var(--cbt-emerald-700);border-color:var(--cbt-emerald-700);color:#fff;transform:scale(1.05)}.option-label.arabic-option,.option-label:has(.arabic-content){flex-direction:row-reverse;text-align:right}.option-content{flex:1;font-size:calc(1.02rem * var(--question-font-scale, 1));color:var(--cbt-slate-800);line-height:calc(1.55 * var(--question-font-scale, 1))}.option-image-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;border-radius:var(--cbt-r-sm, 6px);overflow:visible!important;border:none!important;background:transparent!important;margin:.35rem 0}.option-image{max-height:180px;max-width:100%;object-fit:contain;display:block;background:#fff;border:1px solid var(--cbt-border-subtle, #e2e8f0);border-radius:var(--cbt-r-sm, 6px)}.option-zoom-btn{position:static!important;margin-top:.35rem;align-self:center;background:var(--cbt-surface, #ffffff);color:var(--cbt-text-subtle, #64748b);border:1px solid var(--cbt-border-subtle, #cbd5e1);font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--cbt-r-pill, 9999px);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.option-zoom-btn:hover{background:var(--cbt-primary, #047857);color:#fff;border-color:var(--cbt-primary, #047857);transform:translateY(-1px);box-shadow:0 2px 6px #04785740}#quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1.25rem;border-top:1.5px solid var(--cbt-border-subtle);flex-wrap:wrap}#prev-question-btn,#next-question-btn,#practice-check-btn,#finish-quiz-btn,#flag-question-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--cbt-r-md);font-weight:700;font-size:.9rem;cursor:pointer;transition:all var(--cbt-duration) var(--cbt-ease)}.quiz-nav-actions-right{display:inline-flex;align-items:center;gap:.6rem}.btn-text-short{display:none}.btn-text-full{display:inline}#prev-question-btn{background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-subtle);color:var(--cbt-slate-700)}#prev-question-btn:hover:not(:disabled){background:var(--cbt-slate-200);color:var(--cbt-slate-900)}#next-question-btn{background:var(--cbt-emerald-700);border:1.5px solid var(--cbt-emerald-700);color:#fff;box-shadow:0 4px 12px -2px #0478574d}#next-question-btn:hover{background:var(--cbt-emerald-800);box-shadow:0 6px 16px -2px #04785766;transform:translateY(-1px)}#practice-check-btn{background:#f59e0b;border:1.5px solid #d97706;color:#fff;box-shadow:0 4px 12px -2px #d9770659}#practice-check-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 16px -2px #d9770673}#practice-check-btn:active{transform:translateY(0)}#finish-quiz-btn{background:var(--cbt-emerald-600);border:1.5px solid var(--cbt-emerald-600);color:#fff;box-shadow:0 4px 12px -2px #05966959}#finish-quiz-btn:hover{background:var(--cbt-emerald-700);transform:translateY(-1px)}#flag-question-btn{background:var(--cbt-sand-100);border:1.5px solid var(--cbt-border-subtle);color:var(--cbt-slate-700)}#flag-question-btn.flagged{background:var(--cbt-amber-50);border-color:var(--cbt-amber-500);color:var(--cbt-amber-600)}#flag-question-btn.flagged i{color:var(--cbt-amber-600)}#question-counter{font-size:.88rem;font-weight:700;color:var(--cbt-slate-700);font-variant-numeric:tabular-nums}.palette-btn{width:38px;height:38px;border-radius:var(--cbt-r-sm);border:1.5px solid var(--cbt-border-subtle);background:var(--cbt-bg-surface);color:var(--cbt-slate-700);font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.palette-btn:hover{border-color:var(--cbt-emerald-500);background:var(--cbt-sand-100)}.palette-btn.current{border-color:var(--cbt-emerald-700);outline:2px solid var(--cbt-emerald-500);outline-offset:1px;font-weight:800}.palette-btn.answered{background:var(--cbt-emerald-700);border-color:var(--cbt-emerald-700);color:#fff}.palette-btn.flagged{background:var(--cbt-amber-500);border-color:var(--cbt-amber-600);color:#fff}.palette-btn.flagged:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#fff}#quiz-result-step{background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-xl);box-shadow:var(--cbt-shadow-lg);padding:2.5rem 2rem;text-align:center;max-width:680px;margin:0 auto 2.5rem;position:relative;overflow:hidden}.result-celebration-hero{margin-bottom:2rem}.result-trophy-badge{width:80px;height:80px;border-radius:50%;background:var(--cbt-emerald-50);border:2px solid var(--cbt-emerald-200);color:var(--cbt-emerald-700);font-size:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 8px 24px -4px #04785733}#quiz-result-step h2{font-size:1.75rem;font-weight:800;color:var(--cbt-slate-900);margin:0 0 .5rem}.score-gauge-container{position:relative;width:170px;height:170px;margin:1.75rem auto}.score-gauge-svg{transform:rotate(-90deg);width:100%;height:100%}.score-gauge-track{fill:none;stroke:var(--cbt-sand-200);stroke-width:10}.score-gauge-fill{fill:none;stroke:var(--cbt-emerald-600);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--cbt-ease)}.score-gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-gauge-number{font-size:2.6rem;font-weight:800;color:var(--cbt-slate-900);line-height:1;font-variant-numeric:tabular-nums}.score-gauge-label{font-size:.8rem;font-weight:700;color:var(--cbt-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.result-status-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.25rem;border-radius:var(--cbt-r-pill);font-size:.95rem;font-weight:800;margin-bottom:1.75rem}.result-status-badge.mumtaz{background:var(--cbt-emerald-50);border:1px solid var(--cbt-emerald-500);color:var(--cbt-emerald-800)}.result-status-badge.lulus{background:var(--cbt-sky-50);border:1px solid var(--cbt-sky-500);color:var(--cbt-sky-700)}.result-status-badge.remedial{background:var(--cbt-amber-50);border:1px solid var(--cbt-amber-500);color:var(--cbt-amber-600)}.result-stats-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:.95rem;margin-bottom:2.25rem}.result-stat-box{background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-md);padding:1rem .75rem;text-align:center}.result-stat-box.stat-correct{border-color:var(--cbt-emerald-200);background:var(--cbt-emerald-50)}.result-stat-box.stat-wrong{border-color:var(--cbt-rose-100);background:var(--cbt-rose-50)}.result-stat-value{font-size:1.6rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.stat-correct .result-stat-value{color:var(--cbt-emerald-700)}.stat-wrong .result-stat-value{color:var(--cbt-rose-600)}.stat-unanswered .result-stat-value{color:var(--cbt-slate-600)}.result-stat-label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--cbt-slate-600)}.cbt-history-card{background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-xl);padding:1.75rem;box-shadow:var(--cbt-shadow-sm);margin-top:2.5rem}.cbt-history-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.cbt-history-icon{width:44px;height:44px;border-radius:var(--cbt-r-md);background:var(--cbt-emerald-50);color:var(--cbt-emerald-700);border:1px solid var(--cbt-emerald-200);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.cbt-history-title{font-size:1.25rem;font-weight:800;color:var(--cbt-slate-900);margin:0}.cbt-history-subtitle{font-size:.85rem;color:var(--cbt-slate-600);margin:.2rem 0 0}.cbt-history-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.cbt-history-table th{padding:.6rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cbt-slate-500);border:none}.cbt-history-table td{padding:.85rem 1rem;background:var(--cbt-sand-100);border:1px solid var(--cbt-border-subtle);border-top:1px solid var(--cbt-border-subtle);border-bottom:1px solid var(--cbt-border-subtle)}.cbt-history-table td:first-child{border-top-left-radius:var(--cbt-r-md);border-bottom-left-radius:var(--cbt-r-md);border-left:1px solid var(--cbt-border-subtle)}.cbt-history-table td:last-child{border-top-right-radius:var(--cbt-r-md);border-bottom-right-radius:var(--cbt-r-md);border-right:1px solid var(--cbt-border-subtle)}.cbt-score-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--cbt-r-pill);font-size:.84rem;font-weight:800;font-variant-numeric:tabular-nums}.cbt-score-pill.score-pass{background:var(--cbt-emerald-50);border:1px solid var(--cbt-emerald-500);color:var(--cbt-emerald-700)}.cbt-score-pill.score-fail{background:var(--cbt-rose-50);border:1px solid var(--cbt-rose-500);color:var(--cbt-rose-600)}body.quiz-taking-active .bottom-nav,body.quiz-taking-active #more-menu-overlay{display:none!important}@media (min-width: 1024px){#quiz-taking-step{position:relative;overflow:visible}.side-nav-btn{position:absolute;top:48%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--cbt-r-pill);background:var(--cbt-bg-surface);border:1.5px solid var(--cbt-border-medium);color:var(--cbt-slate-700);box-shadow:var(--cbt-shadow-md);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;opacity:.85;transition:all var(--cbt-duration) var(--cbt-ease);z-index:25}.side-nav-btn:hover:not(:disabled){background:var(--cbt-emerald-600);border-color:var(--cbt-emerald-600);color:#fff;opacity:1;transform:translateY(-50%) scale(1.08);box-shadow:var(--cbt-shadow-hover)}#side-prev-btn{left:-22px}#side-next-btn{right:-22px}.side-nav-btn:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}}@media (max-width: 1023.98px){.cbt-question-split-arena{grid-template-columns:1fr;gap:1.25rem}.cbt-passage-column{position:static;max-height:250px;overflow-y:auto;scrollbar-width:thin}.cbt-passage-column .reading-passage{padding:1rem 1.15rem}}@media (max-width: 768px){.side-nav-btn{display:none!important}.cbt-student-hero{flex-direction:column;align-items:flex-start;padding:1.35rem 1rem}.hero-illustration{display:none}.hero-title{font-size:1.35rem}.cbt-card-grid{grid-template-columns:1fr;gap:1rem}#quiz-taking-step{padding:1rem .85rem 5.5rem;border-radius:var(--cbt-r-md);margin-bottom:0}#quiz-header{margin-bottom:.75rem;padding-bottom:.5rem}#quiz-timer{font-size:1.05rem;padding:.35rem .85rem}.progress-bar-container{margin-bottom:1rem;height:5px}.question-header-row{margin-bottom:.85rem;gap:.5rem}.question-number-pill{font-size:.82rem;padding:.22rem .6rem}.question-type-badge{font-size:.72rem;padding:.18rem .5rem}.font-scale-toolbar{padding:.15rem .4rem;gap:.2rem}.font-scale-btn{width:24px;height:24px;font-size:.68rem}.font-scale-indicator{font-size:.72rem;min-width:36px}.question-text{font-size:calc(1rem * var(--question-font-scale, 1));line-height:calc(1.52 * var(--question-font-scale, 1));margin-bottom:1.15rem}.arabic-content,.arabic-text,.soal-arab,.cbt-arabic-block{font-size:calc(1.24rem * var(--question-font-scale, 1))!important;line-height:calc(1.8 * var(--question-font-scale, 1))!important}.options-container{gap:.55rem;margin-bottom:1.25rem}.option-label{padding:.65rem .85rem;gap:.75rem;border-radius:var(--cbt-r-sm);min-height:48px}.option-key-badge{width:28px;height:28px;font-size:.82rem;border-radius:6px}.option-content{font-size:calc(.95rem * var(--question-font-scale, 1));line-height:calc(1.42 * var(--question-font-scale, 1))}.btn-text-full{display:none!important}.btn-text-short{display:inline!important}body.quiz-taking-active #quiz-navigation{position:fixed;bottom:0;left:0;right:0;z-index:95;background:var(--cbt-bg-surface, #ffffff);border-top:1.5px solid var(--cbt-border-subtle, #e2e8f0);padding:.45rem .65rem calc(.45rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px #0f172a17;display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-top:0;box-sizing:border-box;flex-wrap:nowrap!important}body.quiz-taking-active #quiz-navigation .btn{height:40px;padding:0 .55rem;font-size:.8rem;border-radius:var(--cbt-r-sm, 8px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;box-sizing:border-box;flex-shrink:0}body.quiz-taking-active #quiz-navigation #prev-question-btn{flex:0 0 auto;min-width:44px}body.quiz-taking-active #quiz-navigation .quiz-nav-center-group,body.quiz-taking-active #quiz-navigation .button-group{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;margin:0!important}body.quiz-taking-active #quiz-navigation #flag-question-btn{flex:0 0 auto;height:40px;min-width:42px;max-width:none;padding:0 .5rem;font-size:.78rem;border-radius:var(--cbt-r-sm, 8px);white-space:nowrap}body.quiz-taking-active #quiz-navigation #question-counter{flex:0 1 auto;max-width:120px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-size:.8rem;font-weight:700;padding:0 .55rem;background:var(--cbt-sand-100, #ecfdf5);border:1px solid var(--cbt-border-subtle, #a7f3d0);border-radius:var(--cbt-r-pill, 9999px);color:var(--cbt-emerald-800, #065f46);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box}body.quiz-taking-active #quiz-navigation #question-counter .q-counter-label{display:none!important}body.quiz-taking-active #quiz-navigation #question-counter:hover,body.quiz-taking-active #quiz-navigation #question-counter:active{background:#10b98133;border-color:var(--primary-color, #047857)}body.quiz-taking-active #quiz-navigation #question-counter .q-counter-arrow{font-size:.65rem;opacity:.75}body.quiz-taking-active #quiz-navigation #question-counter .q-counter-icon{font-size:.72rem;color:var(--primary-color, #047857)}body.quiz-taking-active #quiz-navigation .quiz-nav-actions-right{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;min-width:0}body.quiz-taking-active #quiz-navigation .quiz-nav-actions-right .btn{flex:0 0 auto;min-width:44px;padding:0 .65rem;font-size:.8rem;white-space:nowrap}body.quiz-taking-active .floating-question-list-btn{display:none!important}@media (max-width: 375px){body.quiz-taking-active #quiz-navigation{padding-left:.4rem;padding-right:.4rem;gap:.2rem}body.quiz-taking-active #quiz-navigation .quiz-nav-center-group{gap:.2rem}body.quiz-taking-active #quiz-navigation .btn,body.quiz-taking-active #quiz-navigation #question-counter{padding:0 .42rem;font-size:.75rem}body.quiz-taking-active #quiz-navigation #question-counter .q-counter-arrow{display:none}}.result-stats-matrix{grid-template-columns:1fr;gap:.6rem}}.cbt-class-filter-container{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.875rem;padding:.625rem .875rem;background:var(--cbt-bg-surface);border:1px solid var(--cbt-border-subtle);border-radius:var(--cbt-r-lg);box-shadow:var(--cbt-shadow-sm)}.class-filter-label{font-size:.85rem;font-weight:600;color:var(--cbt-text-secondary);display:flex;align-items:center;gap:.375rem;white-space:nowrap}.class-filter-pills-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.class-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cbt-border-subtle);background:var(--cbt-sand-50, #fbfaf8);color:var(--cbt-text-primary);padding:.35rem .75rem;font-size:.82rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);white-space:nowrap}.class-filter-btn:hover{border-color:var(--cbt-emerald-500);background:var(--cbt-emerald-50, #ecfdf5);color:var(--cbt-emerald-800)}.class-filter-btn.active{background:var(--cbt-emerald-700, #047857);border-color:var(--cbt-emerald-700, #047857);color:#fff;box-shadow:0 2px 6px #04785740}.cbt-guest-promo-card{margin-top:1.75rem;padding:1.75rem 1.5rem;background:linear-gradient(145deg,#ecfdf5f2,#fefce8d9);border:1.5px solid rgba(16,185,129,.3);border-radius:var(--cbt-r-xl);text-align:center;position:relative;overflow:hidden}[data-theme=dark] .cbt-guest-promo-card{background:linear-gradient(145deg,#064e3b80,#18181bcc);border-color:#10b98166}.guest-promo-banner-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cbt-emerald-800, #065f46);background:#ffffffd9;border:1px solid rgba(16,185,129,.35);border-radius:9999px;margin-bottom:.75rem}[data-theme=dark] .guest-promo-banner-badge{background:#04785759;color:#6ee7b7}.guest-promo-heading{font-size:1.15rem;font-weight:700;color:var(--cbt-text-primary);margin:0 0 .5rem;line-height:1.35}.guest-promo-text{font-size:.9rem;line-height:1.6;color:var(--cbt-text-secondary);max-width:540px;margin:0 auto 1.25rem}.guest-promo-btn-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.625rem}.btn-whatsapp-share{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#25d366;color:#fff;font-weight:600;font-size:.88rem;padding:.65rem 1.15rem;border-radius:var(--cbt-r-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #25d3664d;transition:transform .15s ease,background .15s ease;text-decoration:none}.btn-whatsapp-share:hover{background:#1ebc59;transform:translateY(-1px);color:#fff}.btn-ppdb-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--cbt-emerald-700, #047857);color:#fff;font-weight:600;font-size:.88rem;padding:.65rem 1.15rem;border-radius:var(--cbt-r-md);text-decoration:none;box-shadow:0 2px 8px #04785740;transition:transform .15s ease,background .15s ease}.btn-ppdb-cta:hover{background:var(--cbt-emerald-800, #065f46);transform:translateY(-1px);color:#fff}.btn-school-web{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--cbt-text-primary);border:1px solid var(--cbt-border-subtle);font-weight:600;font-size:.88rem;padding:.65rem 1.15rem;border-radius:var(--cbt-r-md);text-decoration:none;transition:background .15s ease,border-color .15s ease}[data-theme=dark] .btn-school-web{background:#27272a;border-color:#3f3f46;color:#fafafa}.btn-school-web:hover{border-color:var(--cbt-emerald-500);background:var(--cbt-emerald-50, #ecfdf5);color:var(--cbt-emerald-800)}[data-theme=dark] .btn-school-web:hover{background:#10b98126;color:#a7f3d0}@media (max-width: 640px){.guest-promo-btn-grid{flex-direction:column;width:100%}.guest-promo-btn-grid .btn,.btn-whatsapp-share,.btn-ppdb-cta,.btn-school-web{width:100%;justify-content:center}}