.header-user-badge-clean{display:flex;flex-direction:column;gap:2px}.header-user-tag{font-size:0.72rem;font-weight:800;color:var(--primary-blue);text-transform:uppercase;letter-spacing:0.6px;display:inline-flex;align-items:center;gap:5px}.header-user-fullname{font-size:1.12rem;font-weight:900;color:var(--text-dark);line-height:1.25}.btn-header-circle{width:40px;height:40px;min-width:40px;padding:0 !important;border-radius:50% !important;border:1.5px solid var(--border-light);background:var(--card-white);display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);flex-shrink:0}.btn-header-circle:hover{border-color:var(--primary-blue);box-shadow:0 3px 12px rgba(2,132,199,0.16);background:#f0f9ff;transform:translateY(-1px)}.account-dropdown-wrapper{position:relative;display:inline-block}.btn-account-minimal{display:inline-flex;align-items:center;gap:6px;background:var(--card-white);border:1.5px solid var(--border-light);padding:4px 10px 4px 5px;border-radius:9999px;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);color:var(--text-dark)}.btn-account-minimal:hover,.btn-account-minimal.active{border-color:var(--primary-blue);box-shadow:0 3px 12px rgba(2,132,199,0.16);background:#f0f9ff}.account-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,#0369a1 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0}.account-chevron-icon{font-size:0.68rem;color:var(--text-muted);transition:transform 0.2s ease}.btn-account-minimal.active .account-chevron-icon{transform:rotate(180deg)}.account-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:250px;background:#ffffff;border:1.5px solid var(--border-light);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,0.12);padding:8px;display:none;flex-direction:column;z-index:1000;animation:slideDownAccountMenu 0.18s cubic-bezier(0.16,1,0.3,1) forwards}.account-dropdown-menu.active{display:flex}@keyframes slideDownAccountMenu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.account-menu-header{padding:8px 10px 10px 10px}.account-user-name{font-size:0.95rem;font-weight:800;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-user-status{font-size:0.72rem;font-weight:700;color:var(--emerald-green);display:inline-flex;align-items:center;gap:5px;margin-top:2px}.account-menu-divider{height:1px;background:var(--border-light);margin:4px 0}.account-menu-group{display:flex;flex-direction:column;gap:2px}.account-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:10px;font-size:0.82rem;font-weight:700;color:var(--text-dark);cursor:pointer;transition:all 0.15s ease;text-align:left}.account-menu-item:hover{background:#f8fafc;color:var(--primary-blue)}.account-menu-item.warning:hover{background:#fffbeb;color:#d97706}.account-menu-item.danger:hover{background:#fef2f2;color:#dc2626}.category-drill-strip{grid-column:1 / -1;background:linear-gradient(135deg,#ffffff 0%,#fbfaff 60%,#f5f3ff 100%);border:1.5px solid #ddd6fe;border-radius:18px;padding:1.1rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;box-shadow:0 4px 18px rgba(124,58,237,0.06);cursor:pointer;transition:all 0.25s ease}.category-drill-strip:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,0.12)}.drill-strip-left{display:flex;align-items:center;gap:14px;flex:1}.drill-strip-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px rgba(109,40,217,0.25)}.drill-strip-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drill-strip-title{font-size:1.1rem;font-weight:800;color:#1e1b4b;margin:0}.drill-strip-pill{font-size:0.72rem;font-weight:800;color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.drill-strip-desc{font-size:0.8rem;color:#64748b;margin-top:3px;line-height:1.4}.drill-strip-right{display:flex;align-items:center;flex-shrink:0}.drill-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drill-score-badge{font-size:0.78rem;font-weight:800;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;padding:0.42rem 0.75rem;border-radius:10px;display:inline-flex;align-items:center;gap:5px}.drill-btn-primary{background:#7c3aed;color:#ffffff;border:none;border-radius:10px;padding:0.5rem 1rem;font-size:0.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 10px rgba(124,58,237,0.25);transition:all 0.2s ease;width:auto !important}.drill-btn-primary:hover{background:#6d28d9;transform:translateY(-1px)}.drill-btn-outline{background:#ffffff;color:#334155;border:1px solid #cbd5e1;border-radius:10px;padding:0.5rem 0.85rem;font-size:0.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all 0.2s ease;width:auto !important}.drill-btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.drill-btn-lb{background:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:10px;padding:0.5rem 0.75rem;font-size:0.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all 0.2s ease;width:auto !important}.drill-btn-lb:hover{background:#fef3c7;border-color:#f59e0b}.category-card{background:var(--card-white);border:1.5px solid var(--border-light);border-radius:18px;padding:1.25rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;box-shadow:0 4px 14px rgba(0,0,0,0.02);transition:all 0.22s ease}.category-card:hover{border-color:var(--primary-blue);transform:translateY(-3px);box-shadow:0 10px 24px rgba(2,132,199,0.1)}.card-body-top{display:flex;flex-direction:column}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem}.category-icon.mini-icon{width:36px;height:36px;min-width:36px;font-size:1rem;border-radius:10px;margin-bottom:0}.category-icon.remedial-icon{background:#ffe4e6;color:#e11d48}.category-icon.bookmark-icon{background:#fef3c7;color:#d97706}.category-icon.materi-icon{background:#ccfbf1;color:#0d9488}.category-icon.locked-icon{background:#fee2e2;color:#ef4444}.card-tier-pill{font-size:0.7rem;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.card-tier-pill.free{background:#dcfce7;color:#15803d}.card-tier-pill.vip{background:#e0f2fe;color:var(--primary-blue)}.card-tier-pill.remedial{background:#ffe4e6;color:#be123c}.card-tier-pill.bookmark{background:#fef3c7;color:#b45309}.card-tier-pill.materi{background:#ccfbf1;color:#0f766e}.card-meta-line{margin-top:0.45rem;min-height:24px}.card-body-bottom{margin-top:1.15rem;padding-top:0.85rem;border-top:1px dashed var(--border-light)}.card-btn-action{width:100% !important;padding:0.55rem 0.85rem;border-radius:10px;font-size:0.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;box-sizing:border-box}.card-btn-action.primary{background:var(--primary-blue);color:#ffffff;border:none;box-shadow:0 2px 8px rgba(2,132,199,0.25)}.card-btn-action.primary:hover{background:var(--primary-blue-hover)}.card-btn-action.remedial-btn{background:#e11d48;color:#ffffff;border:none;box-shadow:0 2px 8px rgba(225,29,72,0.25)}.card-btn-action.remedial-btn:hover{background:#be123c}.card-btn-action.bookmark-btn{background:#d97706;color:#ffffff;border:none;box-shadow:0 2px 8px rgba(217,119,6,0.25)}.card-btn-action.bookmark-btn:hover{background:#b45309}.card-btn-action.materi-btn{background:#0d9488;color:#ffffff;border:none;box-shadow:0 2px 8px rgba(13,148,136,0.25)}.card-btn-action.materi-btn:hover{background:#0f766e}.card-btn-action.locked{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.card-btn-action.locked:hover{background:#fecaca}.card-btn-action.disabled{background:#f1f5f9;color:#94a3b8;border:1px solid var(--border-light);cursor:default}.card-btn-dual-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.card-btn-action.outline{background:#ffffff;color:#334155;border:1px solid var(--border-light)}.card-btn-action.outline:hover{background:#f8fafc;border-color:#cbd5e1}.paket-utility-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:6px}.btn-offline-pack{padding:0.38rem 0.65rem;border-radius:8px;font-size:0.73rem;font-weight:700;border:1px solid #bae6fd;background:#f0f9ff;color:var(--primary-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all 0.2s ease;width:100% !important}.btn-offline-pack:hover:not(:disabled){background:#e0f2fe}.btn-offline-pack.offline-ready{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.btn-lb-pack{padding:0.38rem 0.65rem;border-radius:8px;font-size:0.73rem;font-weight:700;border:1px solid #fde68a;background:#fffbeb;color:#b45309;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all 0.2s ease;width:auto !important}.btn-lb-pack:hover{background:#fef3c7}.dashboard-streak-banner{background:linear-gradient(135deg,#ffffff 0%,#fffbeb 55%,#fef3c7 100%);border:1.5px solid #fde68a;border-radius:18px;padding:1.1rem 1.35rem;margin-bottom:1.35rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;box-shadow:0 6px 20px rgba(245,158,11,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease}.streak-banner-left{display:flex;align-items:center;gap:14px;flex:1}.streak-fire-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0;transition:all 0.3s ease}.streak-fire-icon.active{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);color:#ffffff;box-shadow:0 6px 16px rgba(234,88,12,0.35);animation:pulseStreakFire 2s infinite ease-in-out}.streak-fire-icon.idle{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0}@keyframes pulseStreakFire{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.streak-info-text{display:flex;flex-direction:column;gap:3px}.streak-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streak-count-num{font-size:1.05rem;font-weight:900;color:#92400e;letter-spacing:-0.2px}.streak-best-pill{font-size:0.72rem;font-weight:800;background:#fef3c7;color:#b45309;border:1px solid #fcd34d;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.streak-sub-desc{font-size:0.8rem;color:#78350f;line-height:1.4;font-weight:500}.streak-banner-right{min-width:195px;background:rgba(255,255,255,0.85);border:1px solid #fde68a;border-radius:12px;padding:0.65rem 0.85rem}.streak-target-head{display:flex;justify-content:space-between;align-items:center;font-size:0.74rem;color:#92400e;margin-bottom:6px}.streak-target-track{width:100%;height:8px;background:#fef3c7;border-radius:10px;overflow:hidden}.streak-target-fill{height:100%;background:linear-gradient(90deg,#f59e0b 0%,#10b981 100%);border-radius:10px;transition:width 0.4s cubic-bezier(0.4,0,0.2,1)}.catalog-top-bar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:0.4rem}.btn-offline-all{background:#f0f9ff;border:1.5px solid #bae6fd;color:var(--primary-blue);padding:0.5rem 0.95rem;border-radius:10px;font-size:0.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s ease;width:auto !important}.btn-offline-all:hover:not(:disabled){background:var(--primary-blue);color:#ffffff;border-color:var(--primary-blue);transform:translateY(-1px)}.scratchpad-fab.has-strokes{border-color:var(--emerald-green);box-shadow:0 4px 14px rgba(16,185,129,0.22)}.sp-saved-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald-green);display:inline-block;box-shadow:0 0 0 2px rgba(16,185,129,0.25)}.cbt-ergonomics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:0.55rem;padding-top:0.55rem;border-top:1px dashed var(--border-light)}.cbt-ergo-left,.cbt-ergo-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cbt-pacing-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.73rem;font-weight:700;padding:0.25rem 0.65rem;border-radius:20px;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease;user-select:none}.cbt-pacing-badge .pacing-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;transition:background-color 0.25s ease}.cbt-pacing-badge.pacing-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.cbt-pacing-badge.pacing-green .pacing-dot{background:#16a34a}.cbt-pacing-badge.pacing-yellow{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.cbt-pacing-badge.pacing-yellow .pacing-dot{background:#f59e0b}.cbt-pacing-badge.pacing-red{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;animation:pulsePacingRed 1.2s infinite ease-in-out}.cbt-pacing-badge.pacing-red .pacing-dot{background:#ef4444}@keyframes pulsePacingRed{0%,100%{opacity:1}50%{opacity:0.65}}.badge-subtopik{display:inline-flex;align-items:center;gap:5px;font-size:0.72rem;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid var(--border-light);padding:0.25rem 0.6rem;border-radius:20px}.cbt-tool-pill{padding:0.26rem 0.62rem;border-radius:20px;font-size:0.72rem;font-weight:700;border:1px solid var(--border-light);background:#f8fafc;color:var(--text-dark);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all 0.2s ease;user-select:none}.cbt-tool-pill:hover{background:#f0f9ff;border-color:var(--primary-blue);color:var(--primary-blue)}.cbt-tool-pill.formula-pill{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.cbt-tool-pill.bookmark-pill.active{background:#fffbeb;border-color:#f59e0b;color:#b45309}.cbt-tool-pill.report-pill:hover{background:#fff1f2;border-color:#f43f5e;color:#e11d48}.cbt-tool-pill.report-pill.active{background:#ecfdf5;border-color:#10b981;color:#047857}.cbt-tool-pill.split-pill.active{background:#e0f2fe;border-color:#0284c7;color:#0284c7}.quiz-type-badges-row{padding-right:92px}@media (min-width:769px){.app-container:has(.quiz-card-wide-split){max-width:1140px;transition:max-width 0.3s ease}.cbt-dual-pane-wrapper.split-active{display:grid;grid-template-columns:1.05fr 0.95fr;gap:1.5rem;align-items:start;margin-bottom:1rem}.cbt-dual-pane-wrapper.split-active .cbt-pane-left{position:sticky;top:1rem}.cbt-dual-pane-wrapper.split-active .passage-box{max-height:520px;margin-bottom:0}}.option-btn{position:relative}.option-btn.option-eliminated{opacity:0.42;background:#f8fafc !important;border-style:dashed !important}.option-btn.option-eliminated>span:not(.option-key):not(.opt-eliminator-btn):not(.opt-status-badge){text-decoration:line-through;color:#94a3b8}.opt-eliminator-btn{margin-left:auto;width:26px;height:26px;min-width:26px;border-radius:7px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:0.72rem;cursor:pointer;flex-shrink:0;transition:all 0.18s ease}.opt-eliminator-btn:hover,.opt-eliminator-btn.active{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.option-btn.review-opt-correct{border:2px solid #10b981 !important;background:#f0fdf4 !important;box-shadow:0 2px 10px rgba(16,185,129,0.18) !important}.option-btn.review-opt-correct .option-key{background:#10b981 !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(16,185,129,0.3) !important}.option-btn.review-opt-wrong{border:2px solid #ef4444 !important;background:#fef2f2 !important;box-shadow:0 2px 10px rgba(239,68,68,0.16) !important}.option-btn.review-opt-wrong .option-key{background:#ef4444 !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(239,68,68,0.3) !important}.option-btn.review-opt-missed{border:2px dashed #10b981 !important;background:#f0fdf4 !important}.option-btn.review-opt-missed .option-key{background:#34d399 !important;color:#ffffff !important}.opt-status-badge{margin-left:auto;font-size:0.72rem;font-weight:800;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;letter-spacing:0.2px;user-select:none}.opt-status-badge.correct{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.opt-status-badge.wrong{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.opt-status-badge.missed{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.bs-table.evaluated tr.bs-row-correct td:first-child{border-left:3.5px solid #10b981}.bs-table.evaluated tr.bs-row-wrong td:first-child{border-left:3.5px solid #ef4444}.bs-cell-correct{background:#f0fdf4 !important;box-shadow:inset 0 0 0 1.5px #10b981;position:relative}.bs-cell-correct::after{content:'✓';position:absolute;top:2px;right:4px;font-size:0.7rem;font-weight:900;color:#15803d}.bs-cell-wrong{background:#fef2f2 !important;box-shadow:inset 0 0 0 1.5px #ef4444;position:relative}.bs-cell-wrong::after{content:'✗';position:absolute;top:2px;right:4px;font-size:0.7rem;font-weight:900;color:#b91c1c}.bs-row-badge{display:inline-flex;align-items:center;gap:3px;font-size:0.68rem;font-weight:800;padding:1px 6px;border-radius:4px;margin-left:6px}.bs-row-badge.correct{background:#dcfce7;color:#15803d}.bs-row-badge.wrong{background:#fee2e2;color:#b91c1c}.review-diagnostic-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,0.08)}.review-meta-pill{font-size:0.72rem;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}.review-meta-pill.topic{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.review-meta-pill.time{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.result-analytics-container{text-align:left;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.irt-score-banner{border-radius:18px;padding:1.25rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #bae6fd}.irt-score-banner.irt-tier-elite{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#6ee7b7}.irt-score-banner.irt-tier-mid{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.irt-eyebrow{font-size:0.72rem;font-weight:800;color:var(--primary-blue);letter-spacing:0.5px;display:block;margin-bottom:4px}.irt-score-number{font-size:2.35rem;font-weight:900;color:var(--text-dark);line-height:1.1}.irt-score-number small{font-size:1rem;font-weight:700;color:var(--text-muted)}.irt-predicate-pill{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:20px;background:var(--primary-blue);color:#ffffff;font-size:0.76rem;font-weight:800}.irt-weight-note{font-size:0.78rem;color:#334155;background:rgba(255,255,255,0.8);padding:0.65rem 0.9rem;border-radius:12px;line-height:1.5;border:1px solid rgba(2,132,199,0.15)}.telemetry-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}.telemetry-mini-card{background:#f8fafc;border:1px solid var(--border-light);border-radius:14px;padding:0.85rem;display:flex;align-items:center;gap:10px}.tm-icon{width:38px;height:38px;border-radius:10px;background:#e0f2fe;color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tm-icon.fast{background:#dcfce7;color:#16a34a}.tm-icon.slow{background:#fef3c7;color:#d97706}.tm-label{font-size:0.72rem;font-weight:600;color:var(--text-muted)}.tm-val{font-size:0.88rem;font-weight:800;color:var(--text-dark);margin-top:2px}.radar-diagnostic-card{background:#ffffff;border:1px solid var(--border-light);border-radius:18px;padding:1.35rem;box-shadow:0 4px 16px rgba(0,0,0,0.02)}.radar-card-header h4{font-size:1.02rem;font-weight:800;color:var(--text-dark);display:flex;align-items:center;gap:8px}.radar-card-header p{font-size:0.8rem;color:var(--text-muted);margin-top:3px}.radar-split-layout{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:center;margin:1rem 0}.radar-svg-box{display:flex;justify-content:center;align-items:center}.cbt-radar-svg{width:100%;max-width:270px;height:auto;overflow:visible}.radar-grid-ring{fill:none;stroke:#cbd5e1;stroke-width:1}.radar-axis-line{stroke:#e2e8f0;stroke-width:1}.radar-axis-label{font-size:9.5px;font-weight:700;fill:#334155}.radar-axis-score{font-size:9px;font-weight:800;fill:#0284c7}.radar-bars-box{display:flex;flex-direction:column;gap:0.75rem}.diag-topic-row{display:flex;flex-direction:column;gap:4px}.diag-topic-head{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;font-weight:700}.diag-topic-name{color:var(--text-dark)}.diag-topic-track{width:100%;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.diag-topic-fill{height:100%;border-radius:10px;transition:width 0.5s ease}.diag-recommendation-alert{padding:0.85rem 1rem;border-radius:12px;font-size:0.82rem;line-height:1.45;display:flex;align-items:flex-start;gap:10px}.diag-recommendation-alert.weak{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.diag-recommendation-alert.strong{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.formula-drawer-overlay{justify-content:flex-end;padding:0}.formula-drawer-panel{width:100%;max-width:480px;height:100vh;background:var(--card-white);display:flex;flex-direction:column;box-shadow:-10px 0 35px rgba(15,23,42,0.2);animation:slideInRightDrawer 0.25s cubic-bezier(0.16,1,0.3,1)}@keyframes slideInRightDrawer{from{transform:translateX(100%)}to{transform:translateX(0)}}.formula-drawer-header{padding:1.25rem 1.4rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.formula-eyebrow{font-size:0.7rem;font-weight:800;color:#7c3aed;letter-spacing:0.5px;display:block;margin-bottom:3px}.formula-drawer-notice{background:#f5f3ff;border-bottom:1px solid #ddd6fe;color:#5b21b6;padding:0.75rem 1.4rem;font-size:0.78rem;line-height:1.45;display:flex;align-items:center;gap:8px}.formula-drawer-body{flex:1;overflow-y:auto;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.formula-card-item{background:#f8fafc;border:1px solid var(--border-light);border-radius:14px;padding:1rem 1.15rem}.formula-card-title{font-size:0.9rem;font-weight:800;color:var(--text-dark);display:flex;align-items:center;gap:8px;margin-bottom:0.65rem}.formula-num{width:22px;height:22px;border-radius:6px;background:#7c3aed;color:#ffffff;font-size:0.75rem;display:inline-flex;align-items:center;justify-content:center}.formula-math-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:0.65rem 0.85rem;margin-bottom:0.65rem;overflow-x:auto;text-align:center;font-size:0.92rem}.formula-card-notes{font-size:0.8rem;color:#475569;line-height:1.5}.result-gamification-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:0.95rem;padding-top:0.95rem;border-top:1px dashed var(--border-light)}.gamif-btn-export{width:auto !important;padding:0.7rem 1.35rem !important;font-size:0.88rem !important}.gamif-btn-lb{width:auto !important;padding:0.7rem 1.25rem !important;font-size:0.88rem !important}.leaderboard-modal-card{max-width:540px;max-height:90vh;display:flex;flex-direction:column}.lb-eyebrow{font-size:0.7rem;font-weight:800;color:#d97706;letter-spacing:0.5px;display:block;margin-bottom:2px}.lb-privacy-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:0.65rem 0.85rem;background:#f8fafc;border:1px solid var(--border-light);border-radius:12px;margin-bottom:0.95rem}.lb-anon-toggle{font-weight:700;color:var(--text-dark)}.lb-modal-body{overflow-y:auto;max-height:55vh;padding-right:4px}.lb-empty-state{text-align:center;padding:2.2rem 1rem;color:var(--text-muted)}.lb-empty-state h4{color:var(--text-dark);margin-bottom:0.35rem}.lb-list-container{display:flex;flex-direction:column;gap:8px}.lb-row-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0.75rem 0.95rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border-light)}.lb-row-gold{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d}.lb-row-silver{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#cbd5e1}.lb-row-bronze{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#fdba74}.lb-row-me{box-shadow:0 0 0 2px var(--primary-blue)}.lb-row-left{display:flex;align-items:center;gap:10px;overflow:hidden}.lb-rank-num,.lb-rank-medal{min-width:34px;height:30px;border-radius:8px;font-size:0.78rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:3px;background:#e2e8f0;color:#334155;flex-shrink:0}.lb-rank-medal.gold{background:#f59e0b;color:#ffffff}.lb-rank-medal.silver{background:#64748b;color:#ffffff}.lb-rank-medal.bronze{background:#d97706;color:#ffffff}.lb-student-name{font-size:0.88rem;font-weight:800;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-student-meta{font-size:0.72rem;color:var(--text-muted)}.lb-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.lb-irt-pill{font-size:0.72rem;font-weight:800;padding:3px 8px;border-radius:6px;background:#e0f2fe;color:#0284c7}.lb-pct-badge{font-size:0.85rem;font-weight:900;color:#15803d;min-width:42px;text-align:right}@media (max-width:768px){.category-drill-strip{flex-direction:column;align-items:stretch;padding:1rem;gap:0.85rem}.drill-strip-right{width:100%}.drill-action-group{width:100%;justify-content:flex-start}.dashboard-streak-banner{flex-direction:column;align-items:stretch;padding:0.95rem 1rem;gap:0.85rem}.telemetry-summary-grid{grid-template-columns:1fr}.radar-split-layout{grid-template-columns:1fr}.irt-score-banner{flex-direction:column;align-items:flex-start}}.badge-mode{display:inline-flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:800;padding:0.36rem 0.72rem;border-radius:12px;white-space:nowrap}.badge-mode.mode-belajar{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.badge-mode.mode-review{background:#eff6ff;color:#0284c7;border:1px solid #bae6fd}.btn-exit-confirm{background:#fef2f2 !important;color:#dc2626 !important;border-color:#fca5a5 !important;font-weight:800 !important}.number-palette-container{background:transparent !important;border:none !important;padding:0 !important;margin-bottom:0.85rem !important;box-shadow:none !important}.btn-palette-expand{display:inline-flex;align-items:center;gap:7px;background:var(--card-white);color:var(--text-dark);border:1.5px solid var(--border-light);border-radius:12px;padding:0.5rem 0.95rem;font-size:0.82rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.03);transition:all 0.18s ease}.btn-palette-expand i{color:var(--primary-blue)}.btn-palette-expand .palette-btn-dot{color:#cbd5e1}.btn-palette-expand .quiz-progress{color:var(--primary-blue);font-weight:800}.btn-palette-expand:hover,.btn-palette-expand.active{background:#eff6ff;color:#0284c7;border-color:#7dd3fc}#number-palette.number-palette-grid{display:none !important}#number-palette.number-palette-grid.palette-expanded{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:0.65rem !important;padding:0.95rem 1.1rem !important;background:var(--card-white) !important;border:1px solid var(--border-light) !important;border-radius:16px !important;box-shadow:0 8px 24px rgba(15,23,42,0.06) !important}.desktop-shortcut-hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;margin-top:0.9rem;padding:0.55rem 0.9rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;font-size:0.75rem;color:#64748b}.desktop-shortcut-hint kbd{display:inline-block;padding:1px 6px;font-size:0.7rem;font-weight:800;color:#0f172a;background:#ffffff;border:1px solid #cbd5e1;border-bottom-width:2px;border-radius:5px;margin:0 1px}@media (max-width:768px){.desktop-shortcut-hint{display:none !important}}body.dark-mode .badge-mode.mode-belajar{background:rgba(16,185,129,0.15);color:#34d399;border-color:rgba(16,185,129,0.35)}body.dark-mode .badge-mode.mode-review{background:rgba(56,189,248,0.15);color:#38bdf8;border-color:rgba(56,189,248,0.35)}body.dark-mode .btn-exit-confirm{background:rgba(239,68,68,0.18) !important;color:#f87171 !important;border-color:rgba(239,68,68,0.45) !important}body.dark-mode .btn-palette-expand{background:#1e293b;color:#f8fafc;border-color:#334155}body.dark-mode .btn-palette-expand .palette-btn-dot{color:#475569}body.dark-mode .btn-palette-expand .quiz-progress{color:#38bdf8}body.dark-mode .btn-palette-expand.active{background:rgba(56,189,248,0.15);color:#38bdf8;border-color:rgba(56,189,248,0.4)}body.dark-mode #number-palette.number-palette-grid.palette-expanded{background:#1e293b !important;border-color:#334155 !important}body.dark-mode .desktop-shortcut-hint{background:#0f172a;border-color:#334155;color:#94a3b8}body.dark-mode .desktop-shortcut-hint kbd{background:#1e293b;color:#f8fafc;border-color:#475569}