*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family-main);background-color:var(--background-color-main);color:var(--text-color-primary);margin:0;line-height:1.6}.ujian-only{display:none}.link-like{background:none;border:none;color:var(--text-color-primary);padding:0;cursor:pointer;font:inherit;text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:1rem}.centered-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.main-header,.page-header{text-align:center;margin-bottom:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color-light);padding-bottom:1rem}.page-header.page-header-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:1rem;padding:.8rem 1rem .65rem;border:1px solid var(--border-color-light);border-radius:14px;background:linear-gradient(135deg,var(--background-color-card),var(--background-color-main));box-shadow:0 2px 8px #0f172a0a}.page-header-primary{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem}.page-header-title-row{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.page-header-title-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color-light);background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));box-shadow:0 6px 14px #0f172a38;flex-shrink:0}.page-header-logo-icon{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--background-color-card);border:2px solid var(--border-color-light);box-shadow:0 2px 10px #0f172a1a}.page-header-logo-icon img{width:100%;height:100%;object-fit:cover;display:block}.page-header-logo-icon.has-logo{background:transparent}.page-header-title-group{display:flex;flex-direction:column;min-width:0;gap:.05rem;text-align:left}.header-institution-name{font-size:.7rem;color:var(--text-color-secondary);font-weight:500;letter-spacing:.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;display:none}.header-institution-name.visible{display:block}.module-label{font-size:.82rem;font-weight:700;color:var(--primary-color);letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.page-header-compact .module-title{margin:0;font-size:1.24rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-quiz-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.3;color:var(--text-color-primary);word-break:break-word}.page-header-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center}.btn-icon-sm{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:1px solid var(--border-color-light);border-radius:50%;background-color:var(--background-color-card);color:var(--text-color-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.78rem;transition:all .2s ease;flex-shrink:0;position:relative}.btn-icon-sm:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.btn-icon-sm:hover{background-color:var(--primary-color-light, #e0e7ff);color:var(--primary-color);border-color:var(--primary-color-light, #c7d2fe)}.quiz-top-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .62rem;border-radius:999px;border:1px solid var(--border-color-light);background-color:var(--background-color-card);color:var(--text-color-primary);font-size:.73rem;font-weight:600;line-height:1}.quiz-top-chip i{color:var(--primary-color)}.quiz-top-chip-secondary i{color:var(--primary-color-dark)}.quiz-mode-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border-color-light);background-color:var(--background-color-card)}.quiz-mode-chip i{color:var(--text-color-secondary);font-size:.75rem}.quiz-mode-select{border:none;background:transparent;color:var(--text-color-primary);font-size:.72rem;font-weight:700;line-height:1;padding:.12rem .18rem;min-width:74px;outline:none;cursor:pointer}.quiz-mode-select:disabled{opacity:.75;cursor:not-allowed}.page-header-actions{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0}.page-header-actions .btn{width:34px;height:34px;padding:0;border-radius:10px}.page-header-actions .btn i{font-size:.9rem}.container>main>.flow-step.card:first-child{margin-top:1rem}h1{font-size:1.8rem;margin:0}h2{font-size:1.5rem;margin-top:0;border-bottom:1px solid var(--border-color-light);padding-bottom:.5rem;margin-bottom:1rem}h3{font-size:1.2rem;margin-top:0;margin-bottom:1rem}p{margin-top:0}a{color:var(--text-color-link);text-decoration:none}a:hover{text-decoration:underline}.card{background-color:var(--background-color-card);padding:1.5rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:100%;margin-top:1.5rem}.card-header-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.card-header-flex h2{border-bottom:none;margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .1s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);color:var(--text-color-light)}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.btn-secondary{background-color:var(--primary-color-light);color:var(--text-color-primary);border:1px solid var(--border-color-light)}.btn-secondary:hover:not(:disabled){background-color:var(--background-color-hover)}.btn-danger{background-color:var(--danger-color);color:var(--text-color-light)}.btn-success{background-color:var(--success-color);color:var(--text-color-light)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group input[type=password],.form-group input[type=file],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-size:1rem;font-family:inherit}.editor-toolbar{display:flex;gap:5px;background-color:var(--background-color-main);border:1px solid var(--border-color-light);border-bottom:none;padding:5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.toolbar-btn{background:none;border:none;width:32px;height:32px;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-color-secondary)}.toolbar-btn:hover{background-color:var(--background-color-hover);color:var(--text-color-primary)}.form-group textarea{border-top-left-radius:0;border-top-right-radius:0}.field-note{font-size:.8rem;color:var(--text-color-secondary);margin-top:.5rem}.loader{width:40px;height:40px;border:4px solid var(--border-color-light);border-top-color:var(--primary-color);border-radius:var(--border-radius-full);animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--danger-color);font-weight:500;text-align:center}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.tabs{display:flex;border-bottom:2px solid var(--border-color-light);margin-bottom:1.25rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem}.tabs::-webkit-scrollbar{display:none}.tab-button{padding:.65rem 1.15rem;border:none;background-color:transparent;cursor:pointer;font-size:.92rem;position:relative;color:var(--text-color-secondary);flex-shrink:0;white-space:nowrap;border-radius:6px 6px 0 0;transition:color .18s ease,background-color .18s ease}.tab-button.active{font-weight:600;color:var(--primary-color)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2.5px;background-color:var(--primary-color);border-radius:2px 2px 0 0}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.item-list-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);margin-bottom:.5rem}.list-item-info{display:flex;flex-direction:column;gap:.25rem}.list-item-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.badge{background-color:var(--primary-color);color:var(--text-color-light);padding:.2rem .6rem;border-radius:var(--border-radius-full);font-size:.7rem;font-weight:500;border:none;display:inline-flex;align-items:center;gap:.35rem}.badge.secondary{background-color:var(--slate-color)}.badge.tertiary{background-color:var(--text-color-secondary);color:var(--text-color-light)}.badge.success{background-color:#166534;color:#fff}.quiz-card-compact{padding:1rem 1.25rem!important}.quiz-card-compact h2{border-bottom:none;margin-bottom:0;padding-bottom:0;font-size:1.25rem;white-space:nowrap}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0}.quiz-filter-bar-v2{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;margin-top:.65rem;background:var(--background-color-main, #f1f5f9);border-radius:10px;border:1px solid var(--border-color-light, #e2e8f0)}.quiz-filter-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.quiz-filter-select-wrap{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--background-color-card, #fff);border:1px solid var(--border-color-light, #cbd5e1);border-radius:8px;padding:0 .55rem 0 .6rem;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;flex:1 1 110px;max-width:220px;min-width:0}.quiz-filter-select-wrap i{font-size:.78rem;color:var(--primary-color, #1d4ed8);flex-shrink:0;pointer-events:none}.quiz-filter-select-wrap select{border:none;background:transparent;font-size:.82rem;font-weight:500;color:var(--text-color-primary, #1e293b);padding:.4rem 1.4rem .4rem .15rem;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 2px) center;outline:none}.quiz-filter-select-wrap:focus-within{border-color:var(--primary-color, #1d4ed8);box-shadow:0 0 0 2.5px #1d4ed81f}.quiz-filter-reset-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--border-color-light, #cbd5e1);background-color:var(--background-color-card, #fff);color:var(--text-color-secondary, #64748b);cursor:pointer;font-size:.78rem;transition:background .18s,color .18s,border-color .18s;flex-shrink:0;padding:0}.quiz-filter-reset-btn:hover{background-color:var(--danger-color, #dc2626);color:#fff;border-color:var(--danger-color, #dc2626)}.admin-batch-mode-bar{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .55rem;background:#10b98117;border:1px dashed var(--primary-color, #047857);border-radius:8px;margin-left:auto;flex-wrap:wrap}.batch-mode-label{font-size:.78rem;font-weight:700;color:var(--primary-color, #047857);display:inline-flex;align-items:center;gap:.3rem}.btn-batch-mode{padding:.28rem .6rem;font-size:.76rem;font-weight:600;border-radius:6px;display:inline-flex;align-items:center;gap:.32rem;cursor:pointer;transition:all .15s ease;border:none;line-height:1.2}.btn-batch-ujian{background:#0369a1;color:#fff;box-shadow:0 1px 2px #0369a140}.btn-batch-ujian:hover{background:#075985}.btn-batch-latihan{background:#047857;color:#fff;box-shadow:0 1px 2px #04785740}.btn-batch-latihan:hover{background:#065f46}[data-theme=dark] .admin-batch-mode-bar{background:#34d3991f;border-color:#34d399}[data-theme=dark] .batch-mode-label{color:#6ee7b7}.quiz-pagination{margin-top:1rem;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.quiz-pagination #quiz-page-info{font-size:.85rem;font-weight:600;color:var(--text-color-secondary, #475569)}.cbt-search-bar-wrap{position:relative;width:100%;margin-bottom:.65rem;z-index:40}.cbt-search-input-box{position:relative;display:flex;align-items:center;background:var(--background-color-card, #ffffff);border:1.5px solid var(--border-color-light, #cbd5e1);border-radius:10px;padding:0 .85rem;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.cbt-search-input-box:focus-within{border-color:var(--primary-color, #1d4ed8);box-shadow:0 0 0 3px #1d4ed81f}.cbt-search-icon{color:var(--text-color-secondary, #64748b);font-size:.92rem;margin-right:.6rem;flex-shrink:0;pointer-events:none}.cbt-search-input{flex:1;border:none;outline:none;background:transparent;padding:.65rem 0;font-size:.88rem;font-weight:500;color:var(--text-color-primary, #0f172a);min-width:0}.cbt-search-input::placeholder{color:var(--text-color-muted, #94a3b8);font-weight:400}.cbt-search-clear-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color-muted, #94a3b8);font-size:.82rem;width:24px;height:24px;border-radius:50%;cursor:pointer;padding:0;margin-left:.4rem;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.cbt-search-clear-btn:hover{background-color:#94a3b82e;color:var(--text-color-primary, #0f172a)}.cbt-search-shortcut-badge{display:inline-flex;align-items:center;gap:2px;padding:.15rem .4rem;background:var(--background-color-main, #f1f5f9);border:1px solid var(--border-color-light, #e2e8f0);border-radius:5px;font-size:.7rem;font-weight:600;color:var(--text-color-secondary, #64748b);margin-left:.45rem;flex-shrink:0;pointer-events:none}.cbt-autocomplete-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--background-color-card, #ffffff);border:1px solid var(--border-color-light, #e2e8f0);border-radius:12px;box-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a14;max-height:380px;overflow-y:auto;z-index:1050;padding:.4rem;transform-origin:top center;animation:cbtAutocompleteFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes cbtAutocompleteFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.cbt-autocomplete-header{display:flex;align-items:center;gap:.45rem;padding:.4rem .65rem .45rem;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-color-secondary, #64748b);border-bottom:1px solid var(--border-color-light, #f1f5f9);margin-bottom:.25rem}.cbt-autocomplete-header i{color:var(--primary-color, #1d4ed8)}.cbt-autocomplete-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border-radius:8px;cursor:pointer;transition:background-color .15s ease;text-decoration:none;color:inherit;border:1px solid transparent}.cbt-autocomplete-item:hover,.cbt-autocomplete-item.active{background-color:var(--background-color-main, #f8fafc);border-color:var(--border-color-light, #e2e8f0)}.cbt-autocomplete-item-main{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.cbt-autocomplete-title{font-size:.88rem;font-weight:600;color:var(--text-color-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbt-highlight-match{background-color:#eab30847;color:inherit;font-weight:700;border-radius:2px;padding:0 1px}.cbt-autocomplete-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.76rem;color:var(--text-color-secondary, #64748b)}.cbt-autocomplete-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .45rem;border-radius:4px;font-size:.72rem;font-weight:600;background:var(--background-color-main, #f1f5f9);color:var(--text-color-secondary, #475569)}.cbt-autocomplete-chip--ujian{background:#e0f2fe;color:#0369a1}.cbt-autocomplete-chip--latihan{background:#dcfce7;color:#15803d}.cbt-autocomplete-chip--mapel{background:#f1f5f9;color:#334155}.cbt-autocomplete-action{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--primary-color, #1d4ed8);display:inline-flex;align-items:center;gap:.3rem}.cbt-autocomplete-empty{padding:1.25rem 1rem;text-align:center;color:var(--text-color-muted, #94a3b8);font-size:.84rem}.cbt-autocomplete-footer{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem .2rem;border-top:1px solid var(--border-color-light, #f1f5f9);font-size:.72rem;color:var(--text-color-muted, #94a3b8)}[data-theme=dark] .cbt-search-input-box{background:#1e293b;border-color:#334155}[data-theme=dark] .cbt-search-input{color:#f8fafc}[data-theme=dark] .cbt-search-shortcut-badge{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .cbt-autocomplete-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #0006}[data-theme=dark] .cbt-autocomplete-item:hover,[data-theme=dark] .cbt-autocomplete-item.active{background-color:#334155;border-color:#475569}[data-theme=dark] .cbt-autocomplete-title{color:#f8fafc}[data-theme=dark] .cbt-autocomplete-chip{background:#0f172a;color:#94a3b8}[data-theme=dark] .cbt-autocomplete-chip--ujian{background:#0369a140;color:#7dd3fc}[data-theme=dark] .cbt-autocomplete-chip--latihan{background:#15803d40;color:#86efac}@keyframes cbtHighlightPulse{0%{box-shadow:0 0 #1d4ed88c;border-color:var(--primary-color, #1d4ed8)}70%{box-shadow:0 0 0 8px #1d4ed800;border-color:var(--primary-color, #1d4ed8)}to{box-shadow:0 0 #1d4ed800}}.cbt-item-highlight-pulse{animation:cbtHighlightPulse 1.8s cubic-bezier(.16,1,.3,1);border-color:var(--primary-color, #1d4ed8)!important}@media (max-width: 640px){.page-header{margin-bottom:.6rem;padding:.4rem 0}.module-title{font-size:1.25rem!important}#welcome-message{padding:.5rem .75rem;margin-bottom:.75rem;font-size:.84rem;flex-wrap:wrap;gap:.4rem}.quiz-card-header{flex-wrap:wrap;gap:.6rem}.quiz-card-header h2{font-size:1.1rem}.quiz-filter-bar-v2{flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem}.quiz-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%}.quiz-filter-controls .quiz-filter-select-wrap:nth-child(3){grid-column:span 2}.quiz-filter-select-wrap{max-width:100%;flex:1 1 auto;min-width:0;height:38px;padding:0 .35rem 0 .45rem}.quiz-filter-select-wrap select{font-size:.76rem;padding:.35rem 1.1rem .35rem .15rem;text-overflow:ellipsis}.quiz-filter-reset-btn{height:38px;width:38px;border-radius:8px}.admin-batch-mode-bar{width:100%;margin-left:0;justify-content:space-between;padding:.45rem .6rem}.btn-batch-mode{flex:1;justify-content:center;padding:.4rem .5rem}.quiz-pagination{gap:.5rem}.quiz-pagination .btn{min-width:100px}.app-shell-container #app-content{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,16px))}.cbt-search-shortcut-badge{display:none}}.quiz-chip{font-weight:600;color:#fff;border:1px solid transparent}.quiz-chip--kelas{background-color:#0f766e}.quiz-chip--kelas.kelas-chip-filter-btn{cursor:pointer}.quiz-chip--kelas.kelas-chip-filter-btn:hover{filter:brightness(1.05)}.quiz-chip--kelas.kelas-chip-filter-btn.is-filter-active{box-shadow:0 0 0 2px #0f766e47}.quiz-chip--mapel{background-color:#1d4ed8;border-color:#1e40af}.quiz-chip--mapel:hover{filter:brightness(1.05)}.quiz-chip--guru{background-color:#4b5563}.quiz-chip--mode-latihan{background-color:#15803d}.quiz-chip--mode-ujian{background-color:#0369a1}.quiz-chip--visibility-show{background-color:#166534}.quiz-chip--visibility-hidden{background-color:#9a3412}.quiz-chip--semester{cursor:pointer;transition:all .2s ease}.quiz-chip--semester:hover{filter:brightness(1.08)}.quiz-chip--semester.is-filter-active{box-shadow:0 0 0 2px #fffc,0 0 0 4px currentColor}.quiz-chip--semester-ganjil{background-color:#0369a1;border-color:#0284c7}.quiz-chip--semester-genap{background-color:#0d9488;border-color:#0f766e}.quiz-chip--semester-lainnya{background-color:#64748b;border-color:#475569}.list-item-actions{display:flex;flex-wrap:wrap;gap:.5rem}.list-item-btn{width:100%;text-align:left;padding:1rem;font-size:1rem;background-color:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s;display:flex;flex-direction:column;gap:.5rem}.list-item-btn:hover{background-color:var(--background-color-main);border-color:var(--primary-color);transform:translateY(-2px)}.list-item-btn-main{font-weight:600;font-size:1.1em;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.quiz-selection-mapel-chip{display:inline-flex;align-items:center;padding:.18rem .72rem;border-radius:9999px;font-size:.76rem;font-weight:700;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#1d4ed8,#0f766e);border:1px solid rgba(15,23,42,.18);box-shadow:0 1px 3px #0f172a29}.list-item-btn-meta{display:flex;gap:.75rem;font-size:.8em;color:var(--text-color-secondary);align-items:center}.results-table{width:100%;border-collapse:collapse;margin-top:1rem}.results-table th,.results-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color-light)}.results-table thead th{font-weight:600;position:sticky;top:0;background-color:var(--background-color-card);z-index:1}.autocomplete-container{position:relative}.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);max-height:200px;overflow-y:auto;z-index:10;display:none}#autocomplete-results div,.autocomplete-results div{padding:.75rem;cursor:pointer}#autocomplete-results div:hover,.autocomplete-results div:hover{background-color:var(--background-color-main)}.flow-step{display:none}.flow-step.active{display:block;animation:fadeIn .5s}.question-text{font-size:calc(1.15rem * var(--question-font-scale, 1));font-weight:500;line-height:calc(1.6 * var(--question-font-scale, 1));margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.5rem}.question-number{font-weight:700;color:var(--primary-color);flex-shrink:0}.question-body{flex:1;min-width:0}.options-container{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);cursor:pointer;font-size:calc(1rem * var(--question-font-scale, 1));line-height:calc(1.45 * var(--question-font-scale, 1))}.option-label:has(input:checked){background-color:var(--background-color-active-group);border-color:var(--primary-color)}.option-image-container,.question-image-container{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;margin:.35rem 0}.question-image-container{display:flex;flex-direction:column;align-items:center;margin:.75rem auto;text-align:center}.option-image{max-width:100%;max-height:160px;height:auto;border-radius:var(--border-radius-sm, 6px);border:1px solid var(--border-color-light, #e2e8f0);object-fit:contain;cursor:zoom-in;pointer-events:auto!important;display:block;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.soal-gambar,.question-image{max-width:100%;height:auto;max-height:160px;object-fit:contain;display:block;margin:0 auto;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color-light, #e2e8f0);cursor:zoom-in;pointer-events:auto!important;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.option-image:hover,.soal-gambar:hover,.question-image:hover{box-shadow:0 4px 12px #0000001f}.option-zoom-btn{position:static!important;margin-top:.35rem;align-self:center;background:var(--background-color-card, #ffffff);color:var(--text-color-secondary, #475569);border:1px solid var(--border-color-light, #cbd5e1);font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;pointer-events:auto!important;z-index:2;transition:all .15s ease;user-select:none;-webkit-user-select:none;box-shadow:0 1px 2px #0000000d}.option-zoom-btn:hover{background:var(--primary-color, #1d4ed8);color:#fff;border-color:var(--primary-color, #1d4ed8);box-shadow:0 2px 6px #1d4ed840;transform:translateY(-1px)}.option-zoom-btn i{font-size:.75rem;color:inherit}.option-label>input{pointer-events:all}.option-content{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;font-size:calc(1rem * var(--question-font-scale, 1));line-height:calc(1.5 * var(--question-font-scale, 1));word-break:break-word;width:100%}.option-content img,.question-text img{display:block;max-width:100%;height:auto}.reading-passage{margin-bottom:1rem;padding:.85rem 1rem;background-color:var(--background-color-light);border:1px solid var(--border-color-light);user-select:none;-webkit-user-select:none;border-radius:var(--border-radius-md, 8px);box-shadow:0 1px 2px #0f172a0a}.reading-passage-note{font-size:calc(.85rem * var(--question-font-scale, 1));color:var(--text-color-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.reading-passage-note:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.85rem}.reading-passage-content{user-select:none;-webkit-user-select:none;font-size:calc(1rem * var(--question-font-scale, 1));line-height:1.65}.reading-passage img{display:block;max-width:100%;height:auto;margin-bottom:.5rem}.question-text{user-select:none;-webkit-user-select:none}.security-overlay-container{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172acc;color:#fff;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-lg)}#blackout-overlay{cursor:pointer;user-select:none;-webkit-user-select:none;text-shadow:0 0 10px rgba(255,255,255,.5);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.security-overlay-message{text-align:center;max-width:400px;animation:fadeIn .3s forwards}.security-overlay-message .fas{font-size:3rem;color:#f59e0b;margin-bottom:1rem}.quiz-taking-step.content-blurred>*:not(.security-overlay-container){filter:blur(8px);pointer-events:none;user-select:none;-webkit-user-select:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes overlayPulse{0%,to{background:#0f172acc}50%{background:#0f172af2}}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.content-obfuscation{position:relative}.content-obfuscation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a0a;pointer-events:none;z-index:100}.obfuscated-text{position:relative}.obfuscated-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bank-soal-page .filter-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;font-size:.9rem}.bank-soal-page .filter-controls .form-group{margin:0}.bank-soal-page .filter-controls label{font-size:.8rem;margin-bottom:2px}.bank-soal-page .filter-controls .filter-select,.bank-soal-page .filter-controls input{padding:4px 6px;font-size:.9rem}.bank-soal-page #bank-soal-mapel-chip-filter{margin-top:0;margin-bottom:.9rem}.bank-soal-page .table-meta-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.bank-soal-page .table-mapel-chip{cursor:pointer;border:1px solid #1e40af}.bank-soal-page .table-mapel-chip:hover{filter:brightness(1.08)}.question-image{max-width:100%;height:auto;max-height:150px;border-radius:var(--border-radius-sm);display:block;margin:.5rem 0;object-fit:contain;cursor:zoom-in}.matching-container{display:flex;flex-direction:column;gap:1rem}.matching-progress-indicator{display:inline-flex;align-items:center;width:fit-content;padding:.35rem .7rem;border-radius:9999px;font-size:.82rem;font-weight:600;color:#1e3a8a;background-color:#dbeafe;border:1px solid #93c5fd}.matching-pair{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.matching-question{padding:.75rem;background-color:var(--background-color-main);border-radius:var(--border-radius-md);font-size:calc(1rem * var(--question-font-scale, 1));line-height:calc(1.45 * var(--question-font-scale, 1))}.matching-select{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-size:calc(1rem * var(--question-font-scale, 1));font-family:inherit}.matching-options .option-label{font-size:calc(1rem * var(--question-font-scale, 1))}.matching-pair.has-image-options{grid-template-columns:minmax(180px,1fr) minmax(280px,1.45fr);align-items:start}.matching-options.image-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;max-height:260px;overflow-y:auto;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);padding:.5rem;background-color:var(--background-color-main)}.matching-image-option{flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;padding:.5rem;min-height:116px;text-align:center}.matching-option-index{font-size:.72rem;font-weight:600;color:var(--text-color-secondary)}.matching-image-option img,.matching-image-option .option-image,.matching-image-option .soal-gambar{max-height:70px;max-width:100%;width:auto;object-fit:contain;margin:0}.drag-drop-container h4{margin-top:1.5rem;margin-bottom:.5rem;font-size:calc(1.05rem * var(--question-font-scale, 1))}.source-items{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background-color:var(--background-color-main);border-radius:var(--border-radius-md);min-height:50px;margin-bottom:1rem;font-size:calc(1rem * var(--question-font-scale, 1))}.draggable-item{padding:.5rem 1rem;background-color:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:var(--border-radius-full);cursor:grab;-webkit-user-select:none;user-select:none;font-size:calc(.95rem * var(--question-font-scale, 1))}.draggable-item.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 30%,transparent);background-color:var(--background-color-active-group)}.draggable-item.dragging{opacity:.5;box-shadow:var(--shadow-lg)}.drop-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.drop-zone-wrapper{border:1px solid var(--border-color-light);border-radius:var(--border-radius-md)}.drop-zone-title{padding:.5rem 1rem;background-color:var(--slate-color);color:var(--text-color-light);font-weight:500;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;font-size:calc(1rem * var(--question-font-scale, 1))}.drop-zone{padding:1rem;min-height:100px;display:flex;flex-direction:column;gap:.5rem;transition:background-color .2s;font-size:calc(1rem * var(--question-font-scale, 1));line-height:calc(1.45 * var(--question-font-scale, 1))}.drop-zone.over{background-color:var(--background-color-active-group)}.tap-drop-hint{margin-bottom:.75rem;font-size:.9rem;color:var(--text-color-secondary)}.quiz-feedback{margin-top:1rem;padding:1.25rem;border-radius:16px;border:2px solid var(--border-color-light);background:var(--background-color-card);position:relative;overflow:hidden}.quiz-feedback:before{content:"";position:absolute;top:0;left:0;right:0;height:6px}.quiz-feedback.correct{border-color:#10b981;box-shadow:0 4px 16px #0f172a0f}.quiz-feedback.correct:before{background:#10b981}.quiz-feedback.wrong{border-color:#ef4444;box-shadow:0 4px 16px #0f172a0f}.quiz-feedback.wrong:before{background:#ef4444}.quiz-feedback.partial{border-color:#f59e0b;box-shadow:0 4px 16px #0f172a0f}.quiz-feedback.partial:before{background:#f59e0b}.practice-feedback-modal{margin-top:0}.feedback-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.25rem}.feedback-emoji{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Segoe UI Symbol,sans-serif}@keyframes feedbackPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bounce-animation{animation:feedbackPop .35s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom center}.feedback-text{flex:1}.feedback-title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;margin:0 0 .25rem;line-height:1.2}.quiz-feedback.correct .feedback-title{color:#166534}.quiz-feedback.wrong .feedback-title{color:#9f1239}.quiz-feedback.partial .feedback-title{color:#92400e}.dark .quiz-feedback.correct .feedback-title{color:#34d399}.dark .quiz-feedback.wrong .feedback-title{color:#fb7185}.dark .quiz-feedback.partial .feedback-title{color:#fbbf24}.feedback-subtitle{font-size:.95rem;color:var(--text-color-secondary);margin:0;line-height:1.4}.feedback-details{display:flex;flex-direction:column;gap:.75rem;background:var(--background-color-main);padding:1rem;border-radius:12px}.detail-box{display:flex;flex-direction:column;gap:.35rem}.detail-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);display:flex;align-items:center;gap:.4rem}.detail-content{font-size:1rem;color:var(--text-color-primary);line-height:1.5}.detail-content img{border-radius:8px;margin-top:.5rem}.cbt-para{margin:0 0 .75rem;line-height:inherit}.cbt-para:last-child{margin-bottom:0}.cbt-list{margin:.5rem 0 .85rem 1.35rem;padding:0;line-height:1.6}.cbt-list li{margin-bottom:.35rem}.cbt-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0f172a0f;padding:.15rem .35rem;border-radius:4px;font-size:.9em;color:var(--primary-color)}.cbt-table-responsive{width:100%;overflow-x:auto;margin:.75rem 0 1rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color-light);background:var(--background-color-card, #ffffff)}.cbt-table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}.cbt-table th,.cbt-table td{padding:.6rem .85rem;border:1px solid var(--border-color-light)}.cbt-table th{background:var(--background-color-light, #f8fafc);font-weight:600;color:var(--text-color-primary)}.cbt-table tr:nth-child(2n){background:#00000005}.pembahasan-container{display:flex;flex-direction:column;gap:.85rem;margin-top:.6rem;font-size:.95rem;line-height:1.6}.pembahasan-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid rgba(99,102,241,.3);color:#4f46e5;padding:.4rem .9rem;border-radius:9999px;font-weight:600;font-size:.85rem;width:fit-content}.pembahasan-badge .badge-label{color:var(--text-color-secondary, #64748b);font-weight:500}.pembahasan-badge .badge-value{font-weight:700}.pembahasan-preamble{padding:.5rem .75rem;background:var(--background-color-light, #f8fafc);border-radius:var(--border-radius-sm);color:var(--text-color-primary)}.pembahasan-card{border-radius:12px;border:1px solid var(--border-color-light, #e2e8f0);background:var(--background-color-card, #ffffff);overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.pembahasan-card-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--border-color-light, #e2e8f0)}.pembahasan-card-header .header-icon{font-size:1.15rem;line-height:1}.pembahasan-card-header .header-title{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.02em}.pembahasan-card-body{padding:.85rem 1rem;color:var(--text-color-primary, #1e293b);font-size:.95rem;line-height:1.6}.card-konsep{border-color:#3b82f64d}.card-konsep .pembahasan-card-header{background:#3b82f614;color:#1d4ed8}.card-langkah{border-color:#10b9814d}.card-langkah .pembahasan-card-header{background:#10b98114;color:#047857}.card-analisis{border-color:#0284c74d}.card-analisis .pembahasan-card-header{background:#0284c714;color:#0369a1}.card-tips{border-color:#f59e0b66;background:linear-gradient(to bottom,rgba(254,243,199,.25),var(--background-color-card, #ffffff))}.card-tips .pembahasan-card-header{background:#f59e0b1f;color:#b45309}.card-general{border-color:var(--border-color-light, #e2e8f0)}.pembahasan-steps{display:flex;flex-direction:column;gap:.65rem}.step-item{display:flex;align-items:flex-start;gap:.75rem;padding:.45rem .65rem;background:var(--background-color-light, #f8fafc);border-radius:8px}.step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#10b981;color:#fff;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;margin-top:2px}.step-text{flex:1;line-height:1.55}.analisis-items{display:flex;flex-direction:column;gap:.75rem}.analisis-item{display:flex;flex-direction:column;gap:.45rem;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border-color-light, #e2e8f0);background:var(--background-color-light, #f8fafc);transition:transform .15s ease,box-shadow .15s ease}.analisis-item.status-benar{background:#10b9810d;border-color:#10b98147;box-shadow:0 1px 3px #10b9810a}.analisis-item.status-salah{background:#f43f5e0a;border-color:#f43f5e38;box-shadow:0 1px 3px #f43f5e08}.analisis-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.opt-header-left{display:inline-flex;align-items:flex-start;gap:.65rem;flex:1 1 auto;min-width:0}.opt-tag,.opt-key-pill{display:inline-flex;align-items:center;justify-content:center;min-width:26px;width:auto;min-height:26px;padding:0 7px;border-radius:6px;background:var(--text-color-primary, #334155);color:#fff;font-weight:700;font-size:.82rem;line-height:1;flex-shrink:0;margin-top:1px}.opt-snippet-label{font-size:.95rem;font-weight:600;line-height:1.45;color:var(--text-color-primary, #1e293b);word-break:break-word;overflow-wrap:break-word;flex:1}.status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;padding:.2rem .65rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;white-space:nowrap;margin-left:auto}.status-pill.benar{background:#047857;color:#fff;box-shadow:0 1px 3px #04785740}.status-pill.salah{background:#e11d48;color:#fff;box-shadow:0 1px 3px #e11d4840}.opt-desc{font-size:.93rem;line-height:1.6;color:var(--text-color-primary, #1e293b);padding-left:2px;margin-top:.15rem;word-break:break-word;overflow-wrap:break-word}.cbt-arabic-inline,.cbt-arabic-clause{font-family:Amiri,Noto Sans Arabic Local,Noto Sans Arabic,Traditional Arabic,serif!important;font-size:1.35em!important;line-height:2.1!important;direction:rtl;unicode-bidi:isolate;display:inline;padding:0 .15rem}.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, #059669)!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, #059669)!important}.cbt-arabic-block{font-family:Amiri,Noto Sans Arabic,Traditional Arabic,serif!important;font-size:1.55rem!important;line-height:2.3!important;direction:rtl;text-align:right;unicode-bidi:isolate;display:block}p.cbt-arabic-block{margin:0 0 .85rem;text-align:right}li.cbt-arabic-block{text-align:right}.focus-mode-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-color-secondary);-webkit-user-select:none;user-select:none}.focus-mode-toggle input{display:none}.focus-slider{position:relative;width:36px;height:20px;background-color:var(--slate-color, #94a3b8);border-radius:20px;transition:background-color .3s}.focus-slider:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.focus-mode-toggle input:checked+.focus-slider{background-color:var(--primary-color)}.focus-mode-toggle input:checked+.focus-slider:before{transform:translate(16px)}body.focus-mode-active .feedback-emoji,body.focus-mode-active .feedback-subtitle,body.focus-mode-active .normal-title{display:none}body.focus-mode-active .focus-title{display:flex!important}body.focus-mode-active .feedback-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color-light)}body.focus-mode-active .quiz-feedback:before{display:none}body.focus-mode-active .quiz-feedback{border-color:var(--border-color-light);box-shadow:none;padding:1rem}#practice-feedback-modal .modal-content{max-width:min(740px,94vw);width:100%;border-radius:20px;padding:0;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 45px -10px #0f172a38,0 0 1px #0f172a26}#practice-feedback-modal .modal-header{background:linear-gradient(135deg,var(--background-color-card),var(--background-color-main));padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-color-light);flex-shrink:0}#practice-feedback-modal .modal-header h3{color:var(--primary-color-dark);font-family:Poppins,sans-serif;font-weight:700;font-size:1.25rem;margin:0}#practice-feedback-modal .modal-body{padding:1.25rem 1.5rem 1.75rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto!important}.quiz-feedback.practice-feedback-modal{border:none;box-shadow:none;background:transparent;padding:0;margin:0}.quiz-feedback.practice-feedback-modal:before{display:none}#practice-feedback-modal .modal-footer{padding:1rem 1.4rem;background:var(--background-color-main);border-top:1px solid var(--border-color-light);flex-shrink:0}#practice-feedback-modal .modal-footer.button-group{justify-content:center;gap:.85rem}#practice-feedback-modal .modal-footer .btn{min-width:160px;border-radius:99px;font-size:1rem;font-weight:600;padding:.75rem 1.35rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}#practice-feedback-modal .modal-footer .btn.btn-secondary{background-color:var(--background-color-card);border:2px solid var(--border-color-light);color:var(--text-color-primary)}#practice-feedback-modal .modal-footer .btn.btn-secondary:hover{border-color:var(--primary-color-light);background-color:var(--primary-color-light);transform:translateY(-2px)}#practice-feedback-modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));border:none;color:#fff;box-shadow:0 4px 12px #0f172a1f}#practice-feedback-modal .modal-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a29;filter:brightness(1.05)}@media (max-width: 640px){#practice-feedback-modal{padding:.5rem}#practice-feedback-modal .modal-content{max-height:93vh;width:100%;border-radius:16px}#practice-feedback-modal .modal-header{padding:.75rem 1rem}#practice-feedback-modal .modal-header h3{font-size:1.05rem}#practice-feedback-modal .focus-mode-toggle .focus-label{display:none}#practice-feedback-modal .modal-body{padding:.85rem 1rem;max-height:calc(93vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-behavior:auto!important}.feedback-header{flex-direction:row;text-align:left;align-items:center;gap:.75rem;margin-bottom:.85rem}.feedback-emoji{font-size:2.2rem;flex-shrink:0}.feedback-title{font-size:1.1rem;margin:0}.feedback-subtitle{font-size:.85rem;line-height:1.35;margin:.2rem 0 0}#practice-feedback-modal .modal-footer{padding:.65rem 1rem}#practice-feedback-modal .modal-footer.button-group{flex-direction:row;gap:.5rem}#practice-feedback-modal .modal-footer .btn{min-width:0;flex:1;width:auto;padding:.6rem .75rem;font-size:.9rem;border-radius:10px}}html.dark,[data-theme=dark],.dark{--background-color-light: #182a25}html.dark #practice-feedback-modal .modal-content,[data-theme=dark] #practice-feedback-modal .modal-content,.dark #practice-feedback-modal .modal-content{background:#0f1a17;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px -15px #000000b3,0 0 1px #ffffff26}html.dark #practice-feedback-modal .modal-header,[data-theme=dark] #practice-feedback-modal .modal-header,.dark #practice-feedback-modal .modal-header{background:linear-gradient(135deg,#152420,#0f1a17);border-bottom:1px solid rgba(255,255,255,.08)}html.dark #practice-feedback-modal .modal-header h3,[data-theme=dark] #practice-feedback-modal .modal-header h3,.dark #practice-feedback-modal .modal-header h3{color:#34d399}html.dark #practice-feedback-modal .close-btn,[data-theme=dark] #practice-feedback-modal .close-btn,.dark #practice-feedback-modal .close-btn{color:#94a3b8}html.dark #practice-feedback-modal .close-btn:hover,[data-theme=dark] #practice-feedback-modal .close-btn:hover,.dark #practice-feedback-modal .close-btn:hover{color:#fff}html.dark #practice-feedback-modal .modal-body,[data-theme=dark] #practice-feedback-modal .modal-body,.dark #practice-feedback-modal .modal-body{background:#0f1a17;color:#f1f5f9}html.dark #practice-feedback-modal .modal-footer,[data-theme=dark] #practice-feedback-modal .modal-footer,.dark #practice-feedback-modal .modal-footer{background:#152420;border-top:1px solid rgba(255,255,255,.08)}html.dark #practice-feedback-modal .modal-footer .btn.btn-secondary,[data-theme=dark] #practice-feedback-modal .modal-footer .btn.btn-secondary,.dark #practice-feedback-modal .modal-footer .btn.btn-secondary{background-color:#1a2e28;border:1.5px solid rgba(255,255,255,.15);color:#e2e8f0}html.dark #practice-feedback-modal .modal-footer .btn.btn-secondary:hover,[data-theme=dark] #practice-feedback-modal .modal-footer .btn.btn-secondary:hover,.dark #practice-feedback-modal .modal-footer .btn.btn-secondary:hover{background-color:#243d35;border-color:#34d399;color:#fff}html.dark .feedback-details,[data-theme=dark] .feedback-details,.dark .feedback-details{background:#152420;border:1px solid rgba(255,255,255,.08)}html.dark .detail-label,[data-theme=dark] .detail-label,.dark .detail-label{color:#34d399}html.dark .detail-content,[data-theme=dark] .detail-content,.dark .detail-content{color:#f1f5f9}html.dark .pembahasan-badge,[data-theme=dark] .pembahasan-badge,.dark .pembahasan-badge{background:#6366f12e;border-color:#818cf859;color:#a5b4fc}html.dark .pembahasan-badge .badge-label,[data-theme=dark] .pembahasan-badge .badge-label,.dark .pembahasan-badge .badge-label{color:#94a3b8}html.dark .pembahasan-badge .badge-value,[data-theme=dark] .pembahasan-badge .badge-value,.dark .pembahasan-badge .badge-value{color:#c7d2fe}html.dark .pembahasan-preamble,[data-theme=dark] .pembahasan-preamble,.dark .pembahasan-preamble{background:#152420;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}html.dark .pembahasan-card,[data-theme=dark] .pembahasan-card,.dark .pembahasan-card{background:#111e1a;border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 14px #0000004d}html.dark .pembahasan-card-body,[data-theme=dark] .pembahasan-card-body,.dark .pembahasan-card-body{color:#e2e8f0}html.dark .card-konsep,[data-theme=dark] .card-konsep,.dark .card-konsep{border-color:#60a5fa4d}html.dark .card-konsep .pembahasan-card-header,[data-theme=dark] .card-konsep .pembahasan-card-header,.dark .card-konsep .pembahasan-card-header{background:#3b82f624;color:#93c5fd;border-bottom:1px solid rgba(96,165,250,.2)}html.dark .card-langkah,[data-theme=dark] .card-langkah,.dark .card-langkah{border-color:#34d3994d}html.dark .card-langkah .pembahasan-card-header,[data-theme=dark] .card-langkah .pembahasan-card-header,.dark .card-langkah .pembahasan-card-header{background:#10b98124;color:#6ee7b7;border-bottom:1px solid rgba(52,211,153,.2)}html.dark .step-item,[data-theme=dark] .step-item,.dark .step-item{background:#182a25;border:1px solid rgba(255,255,255,.08);color:#f1f5f9}html.dark .step-num,[data-theme=dark] .step-num,.dark .step-num{background:#047857;color:#fff;box-shadow:0 1px 3px #0000004d}html.dark .step-text,[data-theme=dark] .step-text,.dark .step-text{color:#f1f5f9}html.dark .card-analisis,[data-theme=dark] .card-analisis,.dark .card-analisis{border-color:#a78bfa4d}html.dark .card-analisis .pembahasan-card-header,[data-theme=dark] .card-analisis .pembahasan-card-header,.dark .card-analisis .pembahasan-card-header{background:#8b5cf624;color:#c4b5fd;border-bottom:1px solid rgba(167,139,250,.2)}html.dark .analisis-item,[data-theme=dark] .analisis-item,.dark .analisis-item{background:#182a25;border:1px solid rgba(255,255,255,.08)}html.dark .analisis-item.status-benar,[data-theme=dark] .analisis-item.status-benar,.dark .analisis-item.status-benar{background:#10b9811f;border-color:#34d39959}html.dark .analisis-item.status-salah,[data-theme=dark] .analisis-item.status-salah,.dark .analisis-item.status-salah{background:#f43f5e1a;border-color:#fb71854d}html.dark .opt-tag,html.dark .opt-key-pill,[data-theme=dark] .opt-tag,[data-theme=dark] .opt-key-pill,.dark .opt-tag,.dark .opt-key-pill{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.18)}html.dark .opt-snippet-label,[data-theme=dark] .opt-snippet-label,.dark .opt-snippet-label{color:#f8fafc}html.dark .opt-desc,[data-theme=dark] .opt-desc,.dark .opt-desc{color:#cbd5e1}html.dark .card-tips,[data-theme=dark] .card-tips,.dark .card-tips{border-color:#fbbf244d;background:linear-gradient(to bottom,#f59e0b14,#111e1a)}html.dark .card-tips .pembahasan-card-header,[data-theme=dark] .card-tips .pembahasan-card-header,.dark .card-tips .pembahasan-card-header{background:#f59e0b24;color:#fde047;border-bottom:1px solid rgba(251,191,36,.2)}html.dark .card-general,[data-theme=dark] .card-general,.dark .card-general{border-color:#ffffff14;background:#111e1a}html.dark .focus-slider,[data-theme=dark] .focus-slider,.dark .focus-slider{background-color:#334155}html.dark .cbt-table-responsive,[data-theme=dark] .cbt-table-responsive,.dark .cbt-table-responsive{background:#111e1a;border-color:#ffffff14}html.dark .cbt-table th,[data-theme=dark] .cbt-table th,.dark .cbt-table th{background:#182a25;color:#f1f5f9;border-color:#ffffff14}html.dark .cbt-table td,[data-theme=dark] .cbt-table td,.dark .cbt-table td{border-color:#ffffff14;color:#cbd5e1}html.dark .cbt-inline-code,[data-theme=dark] .cbt-inline-code,.dark .cbt-inline-code{background:#ffffff14;color:#34d399}.result-breakdown{margin-top:.75rem}.result-breakdown p{margin:.25rem 0}.progress-bar-container{width:100%;background-color:var(--border-color-light);border-radius:var(--border-radius-full);margin-bottom:1rem}.progress-bar{height:10px;background-color:var(--success-color);border-radius:var(--border-radius-full);width:0%}#quiz-header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:.8rem}#quiz-timer{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:88px;padding:.34rem .72rem;border-radius:999px;border:1px solid rgba(15,23,42,.14);background-color:#f8fafceb;box-shadow:0 2px 8px #0f172a14;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}#quiz-timer:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.75rem;opacity:.75}#quiz-timer.warn{color:var(--warn, #F59E0B)}#quiz-timer.danger{color:var(--danger-color);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.question-palette{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0;margin:1.5rem 0;border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light)}.palette-btn{width:40px;height:40px;border:1px solid var(--border-color-light);background-color:var(--background-color-card);border-radius:var(--border-radius-full);cursor:pointer;font-weight:500;transition:all .2s;position:relative}.palette-btn:hover{background-color:var(--background-color-main)}.palette-btn.answered{background-color:var(--slate-color);color:var(--text-color-light);border-color:var(--slate-color)}.palette-btn.active{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color);transform:scale(1.1)}.palette-btn.flagged:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-4px;right:-2px;color:var(--danger-color);font-size:.8em;text-shadow:0 0 3px white}#quiz-taking-step>#question-palette{display:none}.floating-question-list-btn{display:none;position:fixed;left:.7rem;bottom:calc(4rem + env(safe-area-inset-bottom,0px));z-index:920;border-radius:11px;min-width:52px;min-height:44px;padding:.26rem .3rem;font-size:.72rem;font-weight:600;line-height:1.1;text-align:center;flex-direction:column;justify-content:center;gap:.15rem;white-space:normal;color:var(--text-color-light);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);border:1px solid var(--primary-color-dark);box-shadow:0 10px 20px #0f172a3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.floating-question-list-btn:hover{filter:brightness(1.02)}.floating-question-list-btn i{font-size:.68rem}.floating-question-list-btn span{display:inline-block}.mobile-question-list-modal{width:min(100%,540px)}.question-list-hint{margin-bottom:.75rem;color:var(--text-color-secondary)}.question-palette-mobile{margin:0;padding:0;border:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.45rem}.question-palette-mobile .palette-btn{width:100%;height:40px;border-radius:10px;font-size:.84rem;font-weight:600}.question-list-legend{margin:0 0 .85rem;display:flex;flex-wrap:wrap;gap:.45rem;font-size:.8rem}.question-list-legend span{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .58rem;border-radius:999px;border:1px solid var(--border-color-light);background-color:var(--background-color-main);color:var(--text-color-secondary);font-weight:600}.question-list-legend .fa-circle.answered{color:var(--slate-color)}.question-list-legend .fa-flag.flagged{color:var(--danger-color)}.question-list-legend .fa-circle.active{color:var(--primary-color)}body.quiz-taking-active #quiz-history-step{display:none}body.quiz-taking-active .floating-question-list-btn,.quiz-fullscreen-active .bottom-nav,.quiz-fullscreen-active #app-top-bar,.quiz-fullscreen-active #more-menu-overlay{display:none!important}.desktop-question-panel{display:none}#quiz-navigation{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color-light);display:flex;justify-content:space-between;align-items:center}#flag-question-btn{background-color:var(--warning-color);color:#111827;border:1px solid var(--warning-color)}#flag-question-btn.flagged{background-color:var(--primary-color-dark)!important;color:#fff!important;border:1px solid var(--primary-color-dark)}.score-display{text-align:center;margin:2rem 0}.score-display p{margin-bottom:.5rem}.score-display h3{font-size:4rem;color:var(--primary-color);margin:0}.table-wrapper{width:100%;overflow-x:auto}.import-grid-table,.management-table,.bank-soal-table{width:100%;border-collapse:collapse;font-size:.9rem}.import-grid-table th,.import-grid-table td,.management-table th,.management-table td,.bank-soal-table th,.bank-soal-table td{border:1px solid var(--border-color-light);padding:.5rem;text-align:left;vertical-align:middle}.import-grid-table th,.management-table th,.bank-soal-table th{background-color:var(--background-color-main);position:sticky;top:0}.results-table th.sortable,.bank-soal-table th.sortable{cursor:pointer}.results-table th.sortable:hover,.bank-soal-table th.sortable:hover{background-color:#e2e8f0}.results-table th .sort-icon,.bank-soal-table th .sort-icon{opacity:.5;margin-left:5px}.results-table th.sort-asc .sort-icon,.results-table th.sort-desc .sort-icon,.bank-soal-table th.sort-asc .sort-icon,.bank-soal-table th.sort-desc .sort-icon{opacity:1}.import-grid-table td{padding:0}.import-grid-table td[contenteditable=true]{padding:.5rem}.import-grid-table td[contenteditable=true]:focus{outline:2px solid var(--border-color-focus);background-color:var(--background-color-active-group)}.import-grid-table td:last-child{text-align:center;padding:.2rem}.management-table td{padding:.5rem}.management-table input[type=password]{width:100%;border:none;padding:.5rem;background:transparent}.question-preview-row td{background-color:var(--background-color-main)!important;padding:1rem}.question-preview-content{white-space:pre-wrap;font-family:Courier New,Courier,monospace}.question-preview-content strong{color:var(--primary-color)}.bank-soal-table tbody tr{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:none;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s;padding:1rem}.modal-overlay.active{display:flex}.modal-content{background-color:var(--background-color-card);padding:1.5rem;border-radius:var(--border-radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);animation:slideUp .3s;display:flex;flex-direction:column;max-height:90vh}.modal-content.wide{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light);padding-bottom:1rem;margin-bottom:1.5rem;flex-shrink:0}.modal-header h3{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-secondary)}.modal-body{overflow-y:auto;flex-grow:1;padding-right:.5rem}.modal-footer{padding-top:1.5rem;border-top:1px solid var(--border-color-light);margin-top:1.5rem;flex-shrink:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#image-bank-modal-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-bank-item{border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.image-bank-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.image-bank-item img{width:100%;height:120px;object-fit:cover}.image-bank-item p{font-size:.8rem;padding:.5rem;margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--background-color-main)}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center;margin-bottom:1.5rem}.summary-item .count{font-size:2rem;font-weight:600}.summary-item .label{font-size:.9rem;color:var(--text-color-secondary)}.count.unanswered,.count.flagged{color:var(--danger-color)}.review-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color-light);padding:.5rem;border-radius:var(--border-radius-md)}.review-list ul{list-style:none;padding:0;margin:0}.review-list li{padding:.5rem}#image-viewer-modal{background-color:#0f172aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:zoom-out;z-index:1200;padding:1rem}#image-viewer-modal .modal-content.image-viewer-modal-content{background:none;box-shadow:none;padding:0;max-width:95vw;max-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:.85rem}.image-viewer-wrapper{position:relative;max-width:94vw;max-height:calc(85vh - 60px);display:flex;justify-content:center;align-items:center;overflow:auto;cursor:default}#image-viewer-modal img{max-width:94vw;max-height:calc(85vh - 60px);display:block;border-radius:var(--border-radius-md);background:#fff;padding:8px;box-shadow:0 12px 36px #00000080;transition:transform .2s cubic-bezier(.4,0,.2,1);transform-origin:center center}#close-image-viewer{position:absolute;top:-45px;right:0;background:#fff3;border:none;width:38px;height:38px;border-radius:50%;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;z-index:10}#close-image-viewer:hover{background:#ffffff59;transform:scale(1.1)}.image-viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#0f172ad9;padding:.4rem .85rem;border-radius:9999px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.viewer-btn{background:#ffffff26;border:none;color:#fff;padding:.4rem .8rem;border-radius:9999px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .2s,transform .1s}.viewer-btn:hover{background:#ffffff4d}.viewer-btn.viewer-select-btn{background:#15803d;font-weight:600}.viewer-btn.viewer-select-btn:hover{background:#166534}#toast-container{position:fixed;top:1rem;right:1rem;z-index:1050;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.5rem;border-radius:var(--border-radius-md);color:var(--text-color-light);box-shadow:var(--shadow-md);animation:slideIn .3s forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{background-color:var(--success-color)}.toast.error{background-color:var(--danger-color)}#welcome-message{display:flex;justify-content:space-between;align-items:center}#welcome-message .user-actions button{background:none;border:1px solid var(--border-color-light);padding:.4rem .8rem;border-radius:var(--border-radius-md);cursor:pointer;margin-left:.5rem;font-size:.8rem}.toolbar-group{display:flex;gap:1rem;align-items:center}.toolbar-group input[type=text],.toolbar-group select{padding:.5rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color-light)}.image-bank-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:flex-start}.upload-panel{position:sticky;top:1.5rem}.upload-area,.paste-area{border:2px dashed var(--border-color-light);border-radius:var(--border-radius-md);padding:2rem;text-align:center;transition:background-color .2s,border-color .2s;cursor:pointer}.paste-area{margin-top:1.5rem;background-color:var(--background-color-active-group);border-color:#6366f1}.upload-area:hover,.paste-area:hover,.upload-area.dragover{background-color:var(--background-color-hover);border-color:var(--primary-color)}.upload-area i,.paste-area i{font-size:2.5rem;color:var(--text-color-secondary)}.upload-area p,.paste-area p{color:var(--text-color-secondary);font-weight:500;margin-top:1rem;margin-bottom:0}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.image-card{border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}.image-card-checkbox{position:absolute;top:.5rem;left:.5rem;z-index:2;transform:scale(1.2)}.batch-action-bar{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background-color:var(--slate-color-dark);color:#fff;padding:1rem 1.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1rem;z-index:100;transition:bottom .3s ease-in-out}.batch-action-bar.visible{bottom:1.5rem}.image-card img{display:block;width:100%;height:150px;object-fit:cover;background-color:var(--background-color-main)}.image-card-info{padding:.75rem;font-size:.8rem}.image-code-wrapper{position:relative}.image-code{width:100%;padding:.5rem 2.5rem .5rem .5rem;font-family:Courier New,monospace;font-size:.75rem;background-color:var(--background-color-main);border:1px solid var(--border-color-light);border-radius:var(--border-radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-code-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:var(--slate-color);color:var(--text-color-light);border:none;padding:.3rem .6rem;border-radius:var(--border-radius-sm);cursor:pointer}.delete-image-btn{position:absolute;top:.5rem;right:.5rem;background-color:#dc2626cc;color:var(--text-color-light);border:none;border-radius:var(--border-radius-full);width:30px;height:30px;cursor:pointer;opacity:0;transition:opacity .2s;font-size:.9rem;display:flex;align-items:center;justify-content:center;z-index:1}.image-card:hover .delete-image-btn{opacity:1}.soal-gambar{max-width:100%;height:auto;max-height:150px;object-fit:contain;display:block;margin:1rem auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color-light);cursor:zoom-in}.question-editor-card{background-color:var(--background-color-main);border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);padding:1rem;margin-bottom:1rem}.question-editor-layout{display:flex;gap:1rem;align-items:stretch}.question-editor-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.question-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.question-jump-label{display:flex;align-items:center;gap:.5rem;font-weight:500}.question-jump-label select{min-width:150px;padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color-light);background-color:var(--background-color-card)}.editor-side-nav-btn{align-self:center;width:48px;height:48px;border-radius:999px;border:none;background:#2563eb1f;color:var(--secondary-color-dark);display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease,color .2s ease;box-shadow:var(--shadow-md)}.editor-side-nav-btn:hover{background:#2563eb33;color:var(--secondary-color);transform:translateY(-1px)}.editor-side-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.question-editor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.question-title{font-weight:600;font-size:1rem;margin:0}.auto-save-indicator{font-size:.85rem;display:flex;align-items:center;gap:.4rem;color:var(--text-color-secondary)}.auto-save-indicator:before{content:"";width:8px;height:8px;border-radius:999px;background-color:var(--border-color-light);display:inline-block}.auto-save-indicator[data-state=dirty],.auto-save-indicator[data-state=pending]{color:var(--warning-color)}.auto-save-indicator[data-state=dirty]:before,.auto-save-indicator[data-state=pending]:before{background-color:var(--warning-color)}.auto-save-indicator[data-state=saving]{color:var(--secondary-color)}.auto-save-indicator[data-state=saving]:before{background-color:var(--secondary-color);animation:autosave-pulse 1s infinite ease-in-out}.auto-save-indicator[data-state=success]{color:var(--secondary-color-dark)}.auto-save-indicator[data-state=success]:before{background-color:var(--secondary-color-dark)}.auto-save-indicator[data-state=error]{color:var(--danger-color)}.auto-save-indicator[data-state=error]:before{background-color:var(--danger-color)}@keyframes autosave-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}.question-editor-footer{display:flex;justify-content:flex-end;margin-top:1rem}.question-passage-group{border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);background:var(--background-color-card);overflow:hidden}.question-passage-group summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;color:var(--text-color-primary)}.question-passage-group summary:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;transition:transform .2s ease}.question-passage-group[open] summary{border-bottom:1px solid var(--border-color-light)}.question-passage-group[open] summary:after{transform:rotate(180deg)}.question-passage-group .passage-body{padding:.75rem 1rem 1rem}.question-passage-group .question-passage-input{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-family:inherit;min-height:90px}.summary-hint{font-size:.8rem;color:var(--text-color-secondary);font-weight:400}@media (max-width: 768px){.question-editor-layout{flex-direction:column}.editor-side-nav-btn{width:42px;height:42px;font-size:1.1rem;align-self:flex-end}.question-editor-footer{justify-content:stretch}}.question-editor-card .question-text-input{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-size:1rem;font-family:inherit;min-height:80px}.options-editor-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;margin-bottom:.75rem}.option-input-group{display:flex;align-items:center;gap:.75rem}.option-input-group input[type=radio]{flex-shrink:0}.option-input-group input[type=text]{flex-grow:1;width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-size:1rem;font-family:inherit}.upload-image-btn{margin-left:.5rem}.dragdrop-editor{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;margin-bottom:.75rem}@media (max-width: 768px){body{padding:0}.container{margin:0;padding:.5rem;border-radius:0;min-height:100vh}.card{padding:1rem}.page-header{flex-direction:column;gap:1rem}.page-header.page-header-compact{flex-direction:row;align-items:flex-start;gap:.5rem;padding:.62rem .68rem;margin-bottom:.75rem}.page-header-compact .module-title{font-size:1.06rem}.page-header-meta{gap:.3rem}.quiz-top-chip{font-size:.67rem;padding:.2rem .48rem}.quiz-mode-chip{padding:.14rem .36rem}.quiz-mode-select{font-size:.66rem;min-width:66px}.page-header-actions .btn{width:30px;height:30px}.image-bank-container{grid-template-columns:1fr}.upload-panel{position:static}#quiz-header{justify-content:flex-end}#quiz-timer{margin-left:auto}.question-text{font-size:1.1rem}.option-label{padding:.8rem;font-size:1rem}.matching-pair{grid-template-columns:1fr;gap:.5rem}.matching-pair.has-image-options{grid-template-columns:1fr}.matching-options.image-options{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));max-height:220px}.question-palette{gap:.75rem;justify-content:center}.palette-btn{width:45px;height:45px;font-size:1rem}#quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;box-sizing:border-box;flex-wrap:nowrap!important}#quiz-navigation .btn{height:40px;min-height:40px;padding:0 .55rem;font-size:.8rem;line-height:1;border-radius:8px;gap:.25rem;box-sizing:border-box}#quiz-navigation .btn i{font-size:.76rem}#prev-question-btn{flex:0 0 auto;min-width:44px;white-space:nowrap}#quiz-navigation .quiz-nav-center-group{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;margin:0!important}#flag-question-btn{flex:0 0 auto;min-width:42px;max-width:none;padding:0 .5rem;white-space:nowrap;font-size:.78rem;font-weight:600;gap:.25rem}#flag-question-btn i{display:inline-block;font-size:.74rem}#quiz-navigation #question-counter{flex:0 1 auto;max-width:120px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;margin:0;text-align:center;font-size:.8rem;font-weight:700;line-height:1.2;color:var(--primary-color-dark, #065f46);background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 .55rem;box-sizing:border-box}#quiz-navigation #question-counter .q-counter-label{display:none!important}#quiz-navigation #question-counter:hover,#quiz-navigation #question-counter:active{background:#10b98133;border-color:var(--primary-color, #047857)}#quiz-navigation #question-counter .q-counter-icon{font-size:.72rem;color:var(--primary-color, #047857)}#quiz-navigation #question-counter .q-counter-arrow{font-size:.65rem;opacity:.75}.quiz-nav-actions-right{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;min-width:0}.quiz-nav-actions-right .btn{flex:0 0 auto;min-width:44px;white-space:nowrap}.btn-text-full{display:none!important}.btn-text-short{display:inline!important}}@media (max-width: 420px){.quiz-top-chip-secondary{display:none}}#question-container{--question-font-scale: 1}.font-scale-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.font-scale-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border-color-light);border-radius:9999px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.font-scale-btn:hover:not(:disabled){background-color:var(--background-color-hover)}.font-scale-btn:disabled{opacity:.5;cursor:not-allowed}.font-scale-indicator{min-width:3rem;text-align:center;font-weight:600;color:var(--text-color-secondary)}[data-theme=dark] .font-scale-btn{border-color:#94a3b859;background:#1e293b99}[data-theme=dark] .font-scale-btn:hover:not(:disabled){background:#3b82f626}.side-nav-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:100;width:46px;height:46px;border-radius:50%;border:none;background-color:#0000001a;color:#ffffff80;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,opacity .2s;opacity:.5}.side-nav-btn:hover{background-color:#0003;opacity:.8;color:#fff}#side-prev-btn{left:5px}#side-next-btn{right:5px}.side-nav-btn:disabled{display:none}@media (min-width: 1024px){body.quiz-taking-active .floating-question-list-btn{display:none}body.quiz-taking-active .desktop-question-panel{display:block}body.quiz-taking-active .main-content-wrapper{box-sizing:border-box}body.quiz-taking-active .main-content-wrapper:has(.desktop-question-panel:not(.collapsed)){padding-right:calc(min(300px,26vw) + .5rem)}#quiz-navigation{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;column-gap:.9rem;row-gap:.5rem}#quiz-navigation .btn{min-width:0;height:46px;padding:0 1rem;border-radius:11px;font-size:.98rem}#prev-question-btn{justify-self:start;min-width:170px}#next-question-btn,#finish-quiz-btn,#practice-check-btn,.quiz-nav-actions-right{justify-self:end;min-width:170px}.quiz-nav-actions-right{display:inline-flex;align-items:center;gap:.6rem}#quiz-navigation .button-group{margin:0!important;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;white-space:nowrap}#flag-question-btn{min-width:148px;height:46px;padding:0 .9rem;font-size:.95rem;font-weight:700}#quiz-navigation #question-counter{margin:0;font-size:1.02rem;font-weight:700;line-height:1}.desktop-question-panel{position:fixed;top:92px;right:1rem;width:min(300px,26vw);max-height:calc(100vh - 112px);border-radius:14px;border:1px solid var(--border-color-light);background:var(--background-color-card);box-shadow:var(--shadow-lg);z-index:905;overflow:hidden;transform:translate(0);transition:transform .22s ease}.desktop-question-panel.collapsed{transform:translate(calc(100% - 46px))}.desktop-question-panel-toggle{width:100%;border:none;border-bottom:1px solid var(--border-color-light);background:var(--background-color-main);color:var(--text-color-primary);display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.82rem;font-weight:700;cursor:pointer}.desktop-question-panel-toggle i{font-size:.75rem;transition:transform .2s ease}.desktop-question-panel-toggle-text{white-space:nowrap}.desktop-question-panel.collapsed .desktop-question-panel-toggle i{transform:rotate(180deg)}.desktop-question-panel-body{padding:.85rem;max-height:calc(100vh - 160px);overflow-y:auto;transition:opacity .18s ease}.desktop-question-panel.collapsed .desktop-question-panel-body{opacity:0;pointer-events:none}.desktop-question-panel-body h3{margin:0 0 .6rem;font-size:.96rem;display:inline-flex;align-items:center;gap:.4rem}.desktop-question-panel .question-list-hint{margin-bottom:.7rem;font-size:.8rem}.desktop-question-panel .question-list-legend{margin-bottom:.75rem}.desktop-question-panel .question-list-legend span{font-size:.73rem;padding:.28rem .48rem}.desktop-question-panel .question-palette-mobile{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.42rem}}@media (min-width: 1024px) and (max-width: 1280px){#quiz-navigation{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)}#prev-question-btn,#next-question-btn,#finish-quiz-btn,#practice-check-btn,.quiz-nav-actions-right{min-width:150px}#flag-question-btn{min-width:136px;font-size:.88rem}#quiz-navigation #question-counter{font-size:.94rem}.desktop-question-panel{width:min(272px,28vw)}}@media (min-width: 1024px) and (max-height: 760px){.desktop-question-panel{top:82px;max-height:calc(100vh - 94px)}.desktop-question-panel-body{max-height:calc(100vh - 140px)}}@media (max-width: 1023.98px){.desktop-question-panel{display:none!important}}@media (max-width: 768px){body.quiz-taking-active .floating-question-list-btn{display:inline-flex}}@media (min-width: 1024px){#quiz-taking-step{position:relative;overflow:visible}.side-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background-color:#0f172a1a;color:var(--text-color-primary);box-shadow:var(--shadow-md)}.side-nav-btn:hover{background-color:#3b82f633}#side-prev-btn{left:-10px}#side-next-btn{right:-10px}}.quiz-selection-step-wrap{max-width:1000px;margin:0 auto}.cbt-student-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;border-radius:20px;background:linear-gradient(135deg,#f0fdf4,#eff6ff,#f5f3ff);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 25px -5px #0f172a0d,0 8px 10px -6px #0f172a05;margin-bottom:1.75rem;position:relative;overflow:hidden}.cbt-student-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:280px;height:280px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content{flex:1;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b98126;color:#047857;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.hero-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .4rem;line-height:1.3}.hero-title .highlight-text{color:#047857;text-transform:capitalize}.hero-subtitle{font-size:.92rem;color:#475569;margin:0 0 1rem;line-height:1.5}.hero-meta-pills{display:flex;flex-wrap:wrap;gap:.5rem}.hero-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #cbd5e1;color:#334155;padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #00000008}.hero-illustration{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-icon-bubble{width:68px;height:68px;border-radius:20px;background:#047857;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 16px -2px #0f172a1f}.mapel-filter-section{margin-bottom:1.75rem}.semester-filter-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:.65rem}.semester-filter-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.05rem;border-radius:9999px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;-webkit-user-select:none;user-select:none}.semester-filter-btn i{font-size:.82rem;opacity:.8}.semester-filter-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.semester-filter-btn.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a;box-shadow:0 4px 10px #0f172a1f;transform:translateY(-1px)}.semester-filter-btn.active i{color:#93c5fd;opacity:1}.dark .semester-filter-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.dark .semester-filter-btn:hover{background:#334155;border-color:#475569;color:#f1f5f9}.dark .semester-filter-btn.active{background:#1d4ed8;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #00000059}.mapel-filter-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.dynamic-mapel-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.mapel-filter-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.15rem;border-radius:9999px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;-webkit-user-select:none;user-select:none}.mapel-filter-btn i{font-size:.85rem;opacity:.8}.mapel-filter-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.mapel-filter-btn.active{background:#047857;color:#fff;border-color:#047857;box-shadow:0 4px 10px #0f172a1a;transform:translateY(-1px)}.mapel-filter-btn.active i{opacity:1}.cbt-card-grid,.quiz-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem}.cbt-quiz-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0f172a08;position:relative;overflow:hidden}.cbt-quiz-card:hover{transform:translateY(-2px);border-color:var(--primary-color, #1e3a8a);box-shadow:0 12px 24px -4px #0f172a14,0 4px 12px #0000000a}.cbt-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.cbt-badge-subject{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:8px;font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.cbt-badge-group{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.cbt-badge-semester{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.cbt-badge-semester i{font-size:.68rem}.cbt-badge-semester-ganjil{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.cbt-badge-semester-genap{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.cbt-badge-semester-lainnya{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.dark .cbt-badge-semester-ganjil{color:#93c5fd;background:#1e3a8a4d;border-color:#3b82f666}.dark .cbt-badge-semester-genap{color:#d8b4fe;background:#7e22ce4d;border-color:#a855f766}.dark .cbt-badge-semester-lainnya{color:#94a3b8;background:#1e293b;border-color:#334155}.cbt-badge-kelas{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.cbt-badge-mode{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700}.cbt-badge-mode.mode-ujian{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.cbt-badge-mode.mode-latihan{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.subject-math .cbt-badge-subject{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.subject-science .cbt-badge-subject{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.subject-islamic .cbt-badge-subject{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.subject-language .cbt-badge-subject{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.subject-tech .cbt-badge-subject{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.subject-sport .cbt-badge-subject{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.subject-art .cbt-badge-subject{background:#fdf2f8;color:#be185d;border:1px solid #fbcfe8}.subject-civic .cbt-badge-subject{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.subject-default .cbt-badge-subject{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.cbt-card-body{flex:1;margin-bottom:1rem}.cbt-card-title{font-size:1.02rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.85rem}.cbt-card-meta-list{display:flex;flex-wrap:wrap;gap:.45rem}.cbt-meta-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:.25rem .55rem;border-radius:6px}.cbt-meta-item i{font-size:.75rem}.cbt-meta-item i.fa-list-check{color:#2563eb}.cbt-meta-item i.fa-clock{color:#d97706}.cbt-meta-item i.fa-chalkboard-user{color:#0284c7}.cbt-card-footer{margin-top:auto}.btn-start-cbt{width:100%;padding:.75rem 1.25rem;border-radius:12px;border:none;background:#047857;color:#fff;font-weight:600;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0f172a1a}.btn-start-cbt i{transition:transform .2s ease}.btn-start-cbt:hover{background:#065f46;box-shadow:0 6px 16px #0f172a26;transform:translateY(-2px)}.btn-start-cbt:hover i{transform:translate(4px)}.empty-state{grid-column:1 / -1;text-align:center;padding:3.5rem 1.5rem;color:#64748b;background:#fff;border:1.5px dashed #cbd5e1;border-radius:18px}.empty-state-icon{font-size:3rem;color:#94a3b8;margin-bottom:1rem}.empty-state h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:.4rem}.empty-state p{font-size:.9rem;color:#64748b;margin:0}.cbt-history-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:1.75rem;box-shadow:0 4px 12px #0f172a08;margin-top:2rem}.cbt-history-header{margin-bottom:1.25rem}.cbt-history-title-group{display:flex;align-items:center;gap:.85rem}.cbt-history-icon{width:44px;height:44px;border-radius:12px;background:#2563eb1a;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.cbt-history-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0}.cbt-history-subtitle{font-size:.85rem;color:#64748b;margin:.15rem 0 0}.cbt-history-empty{text-align:center;padding:2.5rem 1rem;color:#94a3b8}.cbt-history-empty i{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.cbt-history-empty p{margin:0;font-size:.9rem}.cbt-history-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.cbt-history-table{width:100%;border-collapse:collapse;font-size:.88rem}.cbt-history-table th{background:#f8fafc;color:#475569;font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.cbt-history-table td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.cbt-history-table tbody tr:hover{background:#f8fafc}.cbt-score-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:9999px;font-size:.85rem;font-weight:700}.cbt-score-pill.score-pass{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.cbt-score-pill.score-fail{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.dark .cbt-student-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 60%,#0f172a);border-color:#334155;box-shadow:0 10px 25px -5px #0006}.dark .hero-title{color:#f8fafc}.dark .hero-title .highlight-text{color:#34d399}.dark .hero-subtitle{color:#94a3b8}.dark .hero-chip{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark .mapel-filter-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.dark .mapel-filter-btn:hover{background:#334155;color:#fff;border-color:#475569}.dark .mapel-filter-btn.active{background:#047857;color:#fff;border-color:#059669}.dark .cbt-quiz-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px #0000004d}.dark .cbt-quiz-card:hover{border-color:var(--primary-color-light, #60a5fa);box-shadow:0 12px 24px -4px #0006}.dark .cbt-card-title{color:#f8fafc}.dark .cbt-meta-item,.dark .cbt-badge-kelas{background:#0f172a;border-color:#334155;color:#94a3b8}.dark .empty-state{background:#1e293b;border-color:#334155;color:#94a3b8}.dark .empty-state h3{color:#f8fafc}.dark .cbt-history-card{background:#1e293b;border-color:#334155}.dark .cbt-history-title{color:#f8fafc}.dark .cbt-history-subtitle{color:#94a3b8}.dark .cbt-history-table-wrapper{border-color:#334155}.dark .cbt-history-table th{background:#0f172a;border-color:#334155;color:#cbd5e1}.dark .cbt-history-table td{border-color:#334155;color:#e2e8f0}.dark .cbt-history-table tbody tr:hover{background:#0f172a}@media (max-width: 640px){.cbt-student-hero{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem}.hero-illustration{display:none}.hero-title{font-size:1.25rem}.cbt-card-grid,.quiz-card-grid{grid-template-columns:1fr;gap:1rem}.cbt-history-card{padding:1.25rem}}.class-checkbox-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.class-checkbox-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--border-color-light, #e2e8f0);border-radius:10px;background:var(--background-color-card, #ffffff);color:var(--text-color-primary, #1e293b);cursor:pointer;font-size:.92rem;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .15s ease-in-out}.class-checkbox-pill:hover{border-color:var(--primary-color, #16753a);background:#16753a0f}.class-checkbox-pill input[type=checkbox]{cursor:pointer;width:17px;height:17px;accent-color:var(--primary-color, #16753a);margin:0}.class-checkbox-pill.is-checked{border-color:var(--primary-color, #16753a);background:#16753a1f;color:var(--primary-color, #16753a);font-weight:600}.dark .class-checkbox-pill{background:var(--slate-color-900, #1e293b);border-color:var(--border-color-dark, #334155)}.dark .class-checkbox-pill:hover{background:var(--slate-color-800, #334155)}.dark .class-checkbox-pill.is-checked{background:#10b98126;border-color:#10b981;color:#34d399}.batch-cbt-guide-box,.batch-cbt-guide-section{background:var(--background-color-light, #f8fafc);border:1px solid var(--border-color-light, #e2e8f0);border-radius:var(--border-radius-lg, 12px);padding:1.5rem;margin-top:1.5rem;position:relative;overflow:hidden}.batch-guide-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.batch-guide-header h3{margin:0;font-size:1.15rem;color:var(--primary-color, #1e3a8a)}.batch-badge-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:#1e3a8a;color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em}.batch-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.25rem}.batch-step-card,.batch-step-item{background:transparent;border:none;border-top:2px solid var(--border-color-light, #e2e8f0);border-radius:0;padding:1rem 0 0;display:flex;flex-direction:column;position:relative;box-shadow:none}.batch-step-card .step-number,.batch-step-item .step-number{position:absolute;top:.75rem;right:.75rem;width:26px;height:26px;border-radius:50%;background:var(--primary-color, #1e3a8a);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.batch-step-card h4,.batch-step-item h4{margin:0 0 .5rem;font-size:.98rem;color:var(--text-color-primary, #1e293b);display:flex;align-items:center;gap:.45rem}.code-snippet-box{background:#0f172a;color:#38bdf8;border-radius:6px;padding:.65rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.4;overflow-x:auto;margin-top:.5rem}.code-snippet-box code{color:inherit;white-space:pre}.command-copy-block{display:flex;align-items:stretch;gap:.4rem;margin-top:.4rem}.command-input{flex:1;background:#0f172a;color:#a7f3d0;border:1px solid #334155;border-radius:6px;padding:.4rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;white-space:nowrap;overflow-x:auto}.btn-copy-cmd{white-space:nowrap;padding:.25rem .65rem;font-size:.78rem}.pillar-checklist,.output-features-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.35rem;font-size:.83rem}.pillar-checklist li{display:flex;align-items:center;gap:.4rem}.pillar-check-icon{color:#047857}.output-features-list li{position:relative;padding-left:1rem;line-height:1.4}.output-features-list li:before{content:"•";position:absolute;left:0;color:var(--primary-color, #1e3a8a);font-weight:700}.dark .batch-cbt-guide-box,.dark .batch-cbt-guide-section{background:#0f172a;border-color:#60a5fa40}.dark .batch-step-card,.dark .batch-step-item{background:transparent;border-top-color:var(--border-color-dark, #334155)}.dark .batch-step-card h4,.dark .batch-step-item h4{color:#f1f5f9}.dark .pillar-check-icon{color:#34d399}.required-mark{color:#dc2626;margin-left:2px}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cbt-math-block-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.75rem 0;padding:.35rem 0;text-align:center}.cbt-math-display{display:inline-block;max-width:100%}.cbt-math-inline{display:inline;padding:0 .15rem}.katex{font-size:1.1em;text-rendering:auto}.katex-display{margin:.5em 0!important;overflow-x:auto;overflow-y:hidden;padding:.25em 0}