@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.subject-cards-container{width:100%;max-width:1000px;margin:40px auto;padding:0 20px;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.subject-cards-title{text-align:left;font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:24px}.cards-wrapper{display:flex;height:400px;gap:16px}.subject-card{position:relative;flex:1;border-radius:24px;background-color:var(--card-color-light, #f1f5f9);cursor:pointer;overflow:hidden;transition:flex .5s cubic-bezier(.25,1,.5,1),background-color .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;box-sizing:border-box}.subject-card:hover{background-color:#f8fafc;box-shadow:0 10px 25px -5px #0000000d}.subject-card.active{flex:4;background-color:var(--card-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-icon-wrapper{position:absolute;top:24px;left:24px;width:56px;height:56px;border-radius:16px;background-color:#fff;display:flex;align-items:center;justify-content:center;color:var(--card-color);box-shadow:0 4px 6px -1px #0000001a;transition:transform .4s ease}.subject-card.active .card-icon-wrapper{transform:scale(1.1)}.card-content{display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.subject-card.active .card-content{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.2s}.card-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;white-space:nowrap}.card-description{margin:0;font-size:.95rem;color:#ffffffe6;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.class-links-section{margin-top:12px;display:flex;flex-direction:column;gap:8px}.class-links-label{font-size:.85rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.class-links-grid{display:flex;flex-wrap:wrap;gap:8px}.class-link-btn{width:32px;height:32px;border-radius:8px;background-color:#fff;border:none;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.class-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #00000026;background-color:#f8fafc}.class-link-btn:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}.contracted-title{position:absolute;bottom:30px;left:52px;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--card-color);opacity:1;transition:opacity .3s ease;white-space:nowrap;pointer-events:none}.subject-card.active .contracted-title{opacity:0;transition:opacity .1s ease}@media(max-width:768px){.cards-wrapper{flex-direction:column;height:650px}.subject-card{padding:20px}.card-icon-wrapper{top:50%;left:20px;transform:translateY(-50%)}.subject-card.active .card-icon-wrapper{top:20px;transform:translateY(0) scale(1.1)}.contracted-title{writing-mode:horizontal-tb;transform:translateY(-50%) rotate(0);top:50%;left:90px;bottom:auto;font-size:1.1rem;letter-spacing:1px;text-transform:none}}.mcq-card{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(37,99,235,.1);border-radius:20px;padding:24px;max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #2563eb0f;transition:box-shadow .2s ease}.mcq-card:hover{box-shadow:0 8px 32px #2563eb1a}body.dark .mcq-card{background:#0f172ad1;border-color:#6366f12e;box-shadow:0 4px 24px #0006}body.dark .mcq-card:hover{box-shadow:0 8px 32px #0000008c}.mcq-header{display:flex;align-items:center;justify-content:space-between}.mcq-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#6366f11a;color:#6366f1}body.dark .mcq-type-badge{background:#6366f133;color:#a5b4fc}.mcq-counter{font-size:12px;font-weight:600;color:#64748b}.mcq-counter-of{font-weight:400;opacity:.7;margin:0 3px}body.dark .mcq-counter{color:#94a3b8}.mcq-question{font-size:16px;font-weight:600;color:#0f172a;line-height:1.6}body.dark .mcq-question{color:#f1f5f9}.mcq-options{display:flex;flex-direction:column;gap:9px}.mcq-option{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:13px;border:1.5px solid rgba(37,99,235,.12);background:#fff9;font-size:14.5px;font-weight:500;color:#1e293b;cursor:pointer;text-align:left;width:100%;font-family:Inter,sans-serif;transition:all .18s ease;position:relative}.mcq-option:hover:not(:disabled){border-color:#6366f1;background:#6366f10f;transform:translate(5px);box-shadow:0 2px 12px #6366f11a}.mcq-option:disabled{cursor:default}body.dark .mcq-option{background:#1e293b8c;border-color:#6366f126;color:#e2e8f0}body.dark .mcq-option:hover:not(:disabled){background:#6366f11f;border-color:#6366f1}.mcq-option.selected{border-color:#6366f1;background:#6366f114;color:#4338ca;font-weight:600}body.dark .mcq-option.selected{color:#a5b4fc;background:#6366f12e}.mcq-option.correct{border-color:#10b981;background:linear-gradient(135deg,#10b98114,#10b9810a);color:#065f46;font-weight:600}body.dark .mcq-option.correct{color:#6ee7b7;background:#10b98124;border-color:#34d399}.mcq-option.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#ef444412,#ef444408);color:#991b1b;font-weight:600}body.dark .mcq-option.incorrect{color:#fca5a5;background:#ef44441f;border-color:#f87171}.mcq-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:800;flex-shrink:0;background:#6366f114;color:#6366f1;transition:background .15s,color .15s}.mcq-option.correct .mcq-option-letter{background:#10b98126;color:#10b981}.mcq-option.incorrect .mcq-option-letter{background:#ef44441f;color:#ef4444}.mcq-option.selected .mcq-option-letter{background:#6366f12e;color:#4338ca}body.dark .mcq-option-letter{background:#6366f12e;color:#818cf8}body.dark .mcq-option.correct .mcq-option-letter{background:#10b98133;color:#34d399}body.dark .mcq-option.incorrect .mcq-option-letter{background:#ef44442e;color:#f87171}body.dark .mcq-option.selected .mcq-option-letter{background:#6366f14d;color:#a5b4fc}.mcq-option-text{flex:1;line-height:1.4}.mcq-result-icon{font-size:16px;font-weight:800;flex-shrink:0;margin-left:auto}@media(max-width:640px){.mcq-card{padding:18px 16px;border-radius:16px}.mcq-option{padding:11px 14px;font-size:13.5px}}.lc-card{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.15);border-radius:20px;padding:24px;max-width:680px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:16px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #10b98112;transition:box-shadow .2s ease}.lc-card:hover{box-shadow:0 8px 32px #10b9811f}body.dark .lc-card{background:#0b0f19e6;border-color:#10b98133;box-shadow:0 4px 24px #00000080}.lc-header{display:flex;align-items:center;justify-content:space-between}.lc-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#10b9811a;color:#10b981}body.dark .lc-type-badge{background:#10b9812e;color:#34d399}.lc-counter{font-size:12px;font-weight:600;color:#64748b}.lc-counter-of{font-weight:400;opacity:.7;margin:0 3px}body.dark .lc-counter{color:#94a3b8}.lc-question{font-size:15.5px;font-weight:600;color:#0f172a;line-height:1.6}body.dark .lc-question{color:#f1f5f9}.lc-sandbox{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.lc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.lc-toolbar-label{font-size:11px;font-weight:600;color:#10b981;display:flex;align-items:center;gap:6px}.lc-sim-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#047857;font-size:11px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}body.dark .lc-sim-btn{background:#10b98133;color:#34d399;border-color:#10b98166}.lc-sim-btn.active{background:#10b981!important;color:#fff!important;border-color:#059669!important;box-shadow:0 2px 8px #10b98166}.lc-sim-btn:hover{opacity:.92;transform:translateY(-1px)}.lc-canvas{height:300px;background:#0b0f19;position:relative}.lc-options{display:flex;flex-direction:column;gap:8px}.lc-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(16,185,129,.12);background:#fff9;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;text-align:left;width:100%;font-family:Inter,sans-serif;transition:all .18s ease;position:relative}.lc-option:hover:not(:disabled){border-color:#10b981;background:#10b9810f;transform:translate(4px)}.lc-option:disabled{cursor:default}body.dark .lc-option{background:#1e293b8c;border-color:#10b98126;color:#e2e8f0}body.dark .lc-option:hover:not(:disabled){background:#10b9811a;border-color:#10b981}.lc-option.selected{border-color:#6366f1;background:#6366f114;color:#4338ca}.lc-option.correct{border-color:#10b981;background:#10b98114;color:#065f46;font-weight:600}.lc-option.incorrect{border-color:#ef4444;background:#ef444412;color:#991b1b;font-weight:600}body.dark .lc-option.selected{color:#a5b4fc;background:#6366f12e}body.dark .lc-option.correct{color:#6ee7b7;background:#10b98124;border-color:#34d399}body.dark .lc-option.incorrect{color:#fca5a5;background:#ef44441f;border-color:#f87171}.lc-option-letter{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;font-size:12px;font-weight:800;flex-shrink:0;background:#10b9811a;color:#10b981;transition:all .15s}.lc-option.correct .lc-option-letter{background:#10b9812e;color:#10b981}.lc-option.incorrect .lc-option-letter{background:#ef44441f;color:#ef4444}.lc-option.selected .lc-option-letter{background:#6366f12e;color:#6366f1}body.dark .lc-option-letter{background:#10b98133;color:#34d399}.lc-option-text{flex:1;line-height:1.4}.lc-result-icon{font-size:16px;font-weight:800;flex-shrink:0;margin-left:auto}.correct-icon{color:#10b981}.incorrect-icon{color:#ef4444}@media(max-width:640px){.lc-card{padding:16px 14px;border-radius:16px}.lc-canvas{height:240px}}.fb-card{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(245,158,11,.18);border-radius:20px;padding:24px;max-width:660px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #f59e0b12}body.dark .fb-card{background:#0f172ad9;border-color:#f59e0b33;box-shadow:0 4px 24px #0006}.fb-header{display:flex;align-items:center;justify-content:space-between}.fb-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#f59e0b1f;color:#d97706}body.dark .fb-type-badge{background:#f59e0b33;color:#fbbf24}.fb-counter{font-size:12px;font-weight:600;color:#64748b}.fb-counter-of{font-weight:400;opacity:.7;margin:0 3px}body.dark .fb-counter{color:#94a3b8}.fb-question{font-size:15px;font-weight:600;color:#0f172a;line-height:1.6;margin-bottom:4px}body.dark .fb-question{color:#f1f5f9}.fb-sentence{font-size:15.5px;font-weight:500;color:#1e293b;line-height:2.2;display:flex;flex-wrap:wrap;align-items:center;gap:4px}body.dark .fb-sentence{color:#e2e8f0}.fb-text-frag{white-space:pre-wrap}.fb-blank-select{display:inline-flex;align-items:center;padding:4px 28px 4px 10px;border-radius:8px;border:2px solid rgba(245,158,11,.35);background:#f59e0b0f;font-size:14px;font-weight:600;color:#0f172a;cursor:pointer;font-family:Inter,sans-serif;outline:none;transition:all .18s ease;min-width:80px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d97706' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.fb-blank-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.fb-blank-select.answered.correct{border-color:#10b981;background-color:#10b98114;color:#065f46}.fb-blank-select.answered.incorrect{border-color:#ef4444;background-color:#ef444412;color:#991b1b}body.dark .fb-blank-select{background-color:#1e293bb3;border-color:#f59e0b4d;color:#e2e8f0}body.dark .fb-blank-select.answered.correct{background-color:#10b98126;color:#6ee7b7;border-color:#34d399}body.dark .fb-blank-select.answered.incorrect{background-color:#ef44441f;color:#fca5a5;border-color:#f87171}.fb-blank-input{display:inline-block;padding:4px 10px;border-radius:8px;border:2px dashed rgba(245,158,11,.4);background:transparent;font-size:14px;font-weight:600;color:#0f172a;font-family:Inter,sans-serif;outline:none;min-width:90px;transition:all .18s ease}.fb-blank-input::placeholder{color:#d97706;font-weight:500;font-style:italic}.fb-blank-input:focus{border-style:solid;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.fb-blank-input.correct{border-style:solid;border-color:#10b981;color:#065f46;background:#10b98112}.fb-blank-input.incorrect{border-style:solid;border-color:#ef4444;color:#991b1b;background:#ef44440f}body.dark .fb-blank-input{color:#e2e8f0;border-color:#f59e0b59}body.dark .fb-blank-input.correct{color:#6ee7b7;border-color:#34d399;background:#10b98126}body.dark .fb-blank-input.incorrect{color:#fca5a5;border-color:#f87171;background:#ef44441f}.fb-feedback-row{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;font-size:13.5px}.fb-feedback-row.all-correct{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}.fb-feedback-row.has-errors{background:#ef444412;border:1px solid rgba(239,68,68,.15);color:#991b1b}body.dark .fb-feedback-row.all-correct{color:#6ee7b7;background:#10b98121}body.dark .fb-feedback-row.has-errors{color:#fca5a5;background:#ef44441f}.fb-feedback-title{font-weight:700;font-size:14px}.fb-feedback-blank{font-size:13px;display:flex;align-items:center;gap:6px}.fb-explanation{padding:12px 16px;border-radius:12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);font-size:13px;color:#475569;line-height:1.6}body.dark .fb-explanation{background:#6366f11f;color:#94a3b8}.fb-check-btn{align-self:flex-start;padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s ease;box-shadow:0 3px 12px #f59e0b4d}.fb-check-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b66}.fb-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.fb-card{padding:18px 16px;border-radius:16px}.fb-sentence{font-size:14.5px;line-height:2}}.dd-card{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(168,85,247,.15);border-radius:20px;padding:24px;max-width:700px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #a855f712}body.dark .dd-card{background:#0f172ad9;border-color:#a855f733;box-shadow:0 4px 24px #0006}.dd-header{display:flex;align-items:center;justify-content:space-between}.dd-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#a855f71a;color:#9333ea}body.dark .dd-type-badge{background:#a855f733;color:#c084fc}.dd-counter{font-size:12px;font-weight:600;color:#64748b}body.dark .dd-counter{color:#94a3b8}.dd-question{font-size:15.5px;font-weight:600;color:#0f172a;line-height:1.6}body.dark .dd-question{color:#f1f5f9}.dd-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dd-items-panel{display:flex;flex-direction:column;gap:10px}.dd-items-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px}body.dark .dd-items-title{color:#94a3b8}.dd-items-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:12px;border-radius:12px;border:2px dashed rgba(168,85,247,.2);background:#a855f708;transition:border-color .2s,background .2s}.dd-items-pool.drag-over{border-color:#9333ea;background:#a855f714}body.dark .dd-items-pool{border-color:#a855f733;background:#a855f70d}.dd-chip{display:inline-flex;align-items:center;padding:7px 14px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;box-shadow:0 2px 8px #a855f74d;transition:all .18s ease;border:none;font-family:Inter,sans-serif}.dd-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #a855f773}.dd-chip.dragging{opacity:.4;transform:scale(.95)}.dd-chip.placed-correct{background:linear-gradient(135deg,#10b981,#059669)}.dd-chip.placed-wrong{background:linear-gradient(135deg,#ef4444,#dc2626)}.dd-chip-remove{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:16px;height:16px;border-radius:50%;background:#ffffff40;font-size:11px;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s}.dd-chip-remove:hover{background:#ffffff73}.dd-targets-panel{display:flex;flex-direction:column;gap:10px}.dd-targets-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px}body.dark .dd-targets-title{color:#94a3b8}.dd-target{display:flex;flex-direction:column;gap:6px}.dd-target-label{font-size:13px;font-weight:600;color:#475569;padding:0 4px}body.dark .dd-target-label{color:#94a3b8}.dd-drop-zone{min-height:46px;border-radius:11px;border:2px dashed rgba(168,85,247,.25);background:#a855f708;display:flex;align-items:center;justify-content:flex-start;padding:8px 12px;transition:all .2s ease;flex-wrap:wrap;gap:6px;font-size:12px;color:#94a3b8;font-style:italic;position:relative;cursor:pointer}.dd-zone-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}.dd-drop-zone.drag-over{border-color:#9333ea;background:#a855f71a;border-style:solid}.dd-drop-zone.has-item{font-style:normal;color:transparent;min-height:52px}.dd-drop-zone.correct{border-color:#10b981;background:#10b98112;border-style:solid}.dd-drop-zone.incorrect{border-color:#ef4444;background:#ef44440f;border-style:solid}body.dark .dd-drop-zone{border-color:#a855f733;background:#a855f70d}body.dark .dd-drop-zone.drag-over{background:#a855f71f}body.dark .dd-drop-zone.correct{background:#10b9811f;border-color:#34d399}body.dark .dd-drop-zone.incorrect{background:#ef44441a;border-color:#f87171}.dd-drop-placeholder{font-size:12px;color:#cbd5e1;font-style:italic;pointer-events:none}.dd-feedback{padding:14px 16px;border-radius:12px;font-size:13.5px;display:flex;flex-direction:column;gap:6px}.dd-feedback.all-correct{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}.dd-feedback.has-errors{background:#ef444412;border:1px solid rgba(239,68,68,.15);color:#991b1b}body.dark .dd-feedback.all-correct{color:#6ee7b7;background:#10b98121}body.dark .dd-feedback.has-errors{color:#fca5a5;background:#ef44441f}.dd-feedback-title{font-weight:700;font-size:14px}.dd-explanation{padding:12px 16px;border-radius:12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);font-size:13px;color:#475569;line-height:1.6}body.dark .dd-explanation{background:#6366f11f;color:#94a3b8}.dd-btn-row{display:flex;gap:10px;flex-wrap:wrap}.dd-check-btn{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s ease;box-shadow:0 3px 12px #a855f74d}.dd-check-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #a855f766}.dd-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dd-reset-btn{padding:10px 18px;border-radius:12px;border:1.5px solid rgba(168,85,247,.25);background:transparent;color:#9333ea;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.dd-reset-btn:hover{background:#a855f712}body.dark .dd-reset-btn{color:#c084fc;border-color:#a855f74d}@media(max-width:640px){.dd-card{padding:18px 14px;border-radius:16px}.dd-body{grid-template-columns:1fr}}.db-card{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.15);border-radius:20px;padding:24px;max-width:700px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #10b98112}body.dark .db-card{background:#0f172ad9;border-color:#10b98133;box-shadow:0 4px 24px #0006}.db-header{display:flex;align-items:center;justify-content:space-between}.db-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#10b9811a;color:#059669}body.dark .db-type-badge{background:#10b9812e;color:#34d399}.db-counter{font-size:12px;font-weight:600;color:#64748b}body.dark .db-counter{color:#94a3b8}.db-sentence{font-size:17px;font-weight:600;color:#0f172a;line-height:2.2;word-spacing:2px}body.dark .db-sentence{color:#f1f5f9}.db-blank{display:inline-flex;align-items:center;justify-content:center;min-width:80px;min-height:36px;border-radius:8px;border:2px dashed rgba(16,185,129,.4);background:#10b9810a;margin:0 4px;padding:2px 6px;cursor:pointer;transition:all .18s ease;vertical-align:middle}.db-blank.drag-over{border-color:#10b981;background:#10b9811f;border-style:solid;transform:scale(1.05)}.db-blank.filled{border-style:solid;border-color:#10b9814d;background:transparent}.db-blank.correct{border-color:#10b981;background:#10b98114}.db-blank.incorrect{border-color:#ef4444;background:#ef44440f}body.dark .db-blank{border-color:#10b98140;background:#10b9810f}body.dark .db-blank.correct{background:#10b98124}body.dark .db-blank.incorrect{background:#ef44441a;border-color:#f87171}.db-dash{font-size:14px;color:#94a3b8;letter-spacing:2px;pointer-events:none}.db-chip-inline{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;font-size:13.5px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap}.db-chip-inline.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);cursor:default}.db-chip-inline.correct{background:linear-gradient(135deg,#10b981,#059669);cursor:default}.db-chip-x{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ffffff40;font-size:11px;font-weight:800;cursor:pointer;flex-shrink:0}.db-chip-x:hover{background:#ffffff73}.db-pool-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b}body.dark .db-pool-label{color:#94a3b8}.db-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;padding:12px;border-radius:12px;border:2px dashed rgba(16,185,129,.2);background:#10b98105;transition:border-color .2s,background .2s}.db-pool.drag-over{border-color:#10b981;background:#10b98112}body.dark .db-pool{border-color:#10b98133;background:#10b9810a}.db-chip{display:inline-flex;align-items:center;padding:7px 14px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d;transition:all .18s ease;font-family:Inter,sans-serif}.db-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #10b98173}.db-chip.dragging{opacity:.4;transform:scale(.95)}.db-chip.selected{outline:3px solid white;outline-offset:2px;transform:translateY(-2px)}.db-pool-empty{font-size:12px;color:#94a3b8;font-style:italic}.db-btn-row{display:flex;gap:10px;flex-wrap:wrap}.db-check-btn{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s ease;box-shadow:0 3px 12px #10b9814d}.db-check-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.db-check-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.db-reset-btn{padding:10px 18px;border-radius:12px;border:1.5px solid rgba(16,185,129,.3);background:transparent;color:#059669;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.db-reset-btn:hover{background:#10b98112}body.dark .db-reset-btn{color:#34d399;border-color:#10b9814d}.db-feedback{padding:14px 16px;border-radius:12px;font-size:13.5px;display:flex;flex-direction:column;gap:6px}.db-feedback.all-correct{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}.db-feedback.has-errors{background:#ef444412;border:1px solid rgba(239,68,68,.15);color:#991b1b}body.dark .db-feedback.all-correct{color:#6ee7b7;background:#10b98121}body.dark .db-feedback.has-errors{color:#fca5a5;background:#ef44441f}.db-feedback-title{font-weight:700;font-size:14px}.db-explanation{padding:12px 16px;border-radius:12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);font-size:13px;color:#475569;line-height:1.6}body.dark .db-explanation{background:#6366f11f;color:#94a3b8}@media(max-width:540px){.db-card{padding:16px 12px}.db-sentence{font-size:15px;line-height:2.4}}.mt-card{background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(20,184,166,.16);border-radius:20px;padding:24px;max-width:680px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #14b8a612}body.dark .mt-card{background:#0f172ad9;border-color:#14b8a633}.mt-header{display:flex;align-items:center;justify-content:space-between}.mt-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#14b8a61a;color:#0d9488}body.dark .mt-type-badge{background:#14b8a62e;color:#2dd4bf}.mt-counter{font-size:12px;font-weight:600;color:#64748b}body.dark .mt-counter{color:#94a3b8}.mt-question{font-size:15.5px;font-weight:600;color:#0f172a;line-height:1.6}body.dark .mt-question{color:#f1f5f9}.mt-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.mt-col-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:0 4px;margin-bottom:6px}body.dark .mt-col-title{color:#94a3b8}.mt-connections-area{position:relative;display:flex;align-items:center;justify-content:center;width:36px;align-self:stretch}.mt-item{display:flex;align-items:center;padding:10px 14px;border-radius:11px;border:2px solid rgba(20,184,166,.2);background:#ffffffb3;font-size:13.5px;font-weight:600;color:#0f172a;cursor:pointer;margin-bottom:8px;transition:all .18s ease;-webkit-user-select:none;user-select:none;position:relative;word-break:break-word}.mt-item:hover{border-color:#14b8a6;background:#14b8a60a}.mt-item.selected{border-color:#14b8a6;background:#14b8a61a;box-shadow:0 0 0 3px #14b8a62e}.mt-item.matched{border-color:#10b981;background:#10b98112;cursor:default}.mt-item.correct{border-color:#10b981;background:#10b9811a}.mt-item.incorrect{border-color:#ef4444;background:#ef444412}body.dark .mt-item{background:#1e293b99;border-color:#14b8a633;color:#e2e8f0}body.dark .mt-item:hover{border-color:#2dd4bf;background:#14b8a614}body.dark .mt-item.selected{border-color:#2dd4bf;background:#14b8a626}body.dark .mt-item.matched{border-color:#34d399;background:#10b9811f}body.dark .mt-item.correct{border-color:#34d399;background:#10b98124}body.dark .mt-item.incorrect{border-color:#f87171;background:#ef44441f}.mt-pair-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-left:auto}.mt-left-arrow{margin-left:auto}.mt-right-arrow{margin-right:auto}.mt-svg{position:absolute;top:0;left:-200px;width:436px;pointer-events:none;overflow:visible}.mt-feedback{padding:14px 16px;border-radius:12px;font-size:13.5px;display:flex;flex-direction:column;gap:5px}.mt-feedback.all-correct{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}.mt-feedback.has-errors{background:#ef444412;border:1px solid rgba(239,68,68,.15);color:#991b1b}body.dark .mt-feedback.all-correct{color:#6ee7b7;background:#10b98121}body.dark .mt-feedback.has-errors{color:#fca5a5;background:#ef44441f}.mt-feedback-title{font-weight:700;font-size:14px}.mt-explanation{padding:12px 16px;border-radius:12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);font-size:13px;color:#475569;line-height:1.6}body.dark .mt-explanation{background:#6366f11f;color:#94a3b8}.mt-btn-row{display:flex;gap:10px;flex-wrap:wrap}.mt-check-btn{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 3px 12px #14b8a64d;transition:all .18s ease}.mt-check-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #14b8a666}.mt-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mt-reset-btn{padding:10px 18px;border-radius:12px;border:1.5px solid rgba(20,184,166,.25);background:transparent;color:#0d9488;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.mt-reset-btn:hover{background:#14b8a612}body.dark .mt-reset-btn{color:#2dd4bf;border-color:#14b8a64d}.mt-hint{font-size:12px;color:#94a3b8;margin:-6px 0 0;font-style:italic}@media(max-width:600px){.mt-card{padding:18px 14px;border-radius:16px}.mt-columns{grid-template-columns:1fr 24px 1fr;gap:6px}}.or-card{background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(249,115,22,.15);border-radius:20px;padding:24px;max-width:620px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px;font-family:Inter,sans-serif;box-shadow:0 4px 24px #f9731612}body.dark .or-card{background:#0f172ad9;border-color:#f9731633}.or-header{display:flex;align-items:center;justify-content:space-between}.or-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#f973161a;color:#ea580c}body.dark .or-type-badge{background:#f973162e;color:#fb923c}.or-counter{font-size:12px;font-weight:600;color:#64748b}body.dark .or-counter{color:#94a3b8}.or-question{font-size:15.5px;font-weight:600;color:#0f172a;line-height:1.6}body.dark .or-question{color:#f1f5f9}.or-hint{font-size:12px;color:#94a3b8;font-style:italic;margin:-6px 0 0}.or-list{display:flex;flex-direction:column;gap:8px}.or-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:2px solid rgba(249,115,22,.18);background:#ffffffbf;font-size:14px;font-weight:600;color:#0f172a;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .18s ease;position:relative}.or-item:active{cursor:grabbing}.or-item:hover{border-color:#f97316;background:#f973160a}.or-item.dragging{opacity:.35;transform:scale(.97)}.or-item.drag-over{border-color:#f97316;border-style:dashed;background:#f9731612}.or-item.correct{border-color:#10b981;background:#10b98112;cursor:default}.or-item.incorrect{border-color:#ef4444;background:#ef444412}body.dark .or-item{background:#1e293ba6;border-color:#f9731633;color:#e2e8f0}body.dark .or-item:hover{border-color:#fb923c;background:#f9731614}body.dark .or-item.drag-over{background:#f973161a}body.dark .or-item.correct{border-color:#34d399;background:#10b9811f}body.dark .or-item.incorrect{border-color:#f87171;background:#ef44441c}.or-handle{display:flex;flex-direction:column;gap:3px;flex-shrink:0;opacity:.35}.or-handle span{display:block;width:16px;height:2px;background:currentColor;border-radius:2px}.or-item:hover .or-handle{opacity:.7}.or-seq-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f973161f;color:#ea580c;font-size:11px;font-weight:800;flex-shrink:0}body.dark .or-seq-num{background:#f973162e;color:#fb923c}.or-item.correct .or-seq-num{background:#10b98126;color:#10b981}.or-item.incorrect .or-seq-num{background:#ef44441a;color:#ef4444}.or-feedback{padding:14px 16px;border-radius:12px;font-size:13.5px;display:flex;flex-direction:column;gap:5px}.or-feedback.all-correct{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#065f46}.or-feedback.has-errors{background:#ef444412;border:1px solid rgba(239,68,68,.15);color:#991b1b}body.dark .or-feedback.all-correct{color:#6ee7b7;background:#10b98121}body.dark .or-feedback.has-errors{color:#fca5a5;background:#ef44441f}.or-feedback-title{font-weight:700;font-size:14px}.or-explanation{padding:12px 16px;border-radius:12px;background:#6366f112;border:1px solid rgba(99,102,241,.12);font-size:13px;color:#475569;line-height:1.6}body.dark .or-explanation{background:#6366f11f;color:#94a3b8}.or-btn-row{display:flex;gap:10px;flex-wrap:wrap}.or-check-btn{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 3px 12px #f973164d;transition:all .18s ease}.or-check-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f9731666}.or-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.or-reset-btn{padding:10px 18px;border-radius:12px;border:1.5px solid rgba(249,115,22,.25);background:transparent;color:#ea580c;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.or-reset-btn:hover{background:#f9731612}body.dark .or-reset-btn{color:#fb923c;border-color:#f973164d}@media(max-width:600px){.or-card{padding:18px 14px;border-radius:16px}}.practice-sidebar{width:248px;min-width:248px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(37,99,235,.1);box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;position:sticky;top:88px;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}body.dark .practice-sidebar{background:#0f172ad9;border-color:#6366f133;box-shadow:0 8px 32px #00000073}.practice-sidebar.collapsed{width:56px;min-width:56px}.practice-sidebar::-webkit-scrollbar{width:3px}.practice-sidebar::-webkit-scrollbar-track{background:transparent}.practice-sidebar::-webkit-scrollbar-thumb{background:#2563eb2e;border-radius:4px}.sidebar-collapse-btn{position:absolute;top:14px;right:-14px;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(37,99,235,.18);background:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0000001f;transition:background .2s,transform .2s}.sidebar-collapse-btn:hover{background:#eff6ff;transform:scale(1.1)}body.dark .sidebar-collapse-btn{background:#1e293b;border-color:#6366f14d;color:#818cf8}.sidebar-header{display:flex;align-items:center;gap:7px;padding:16px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#64748b}body.dark .sidebar-header{color:#94a3b8}.sidebar-nav{flex:1;padding:4px 8px 8px;display:flex;flex-direction:column;gap:1px}.sidebar-subject-group{display:flex;flex-direction:column}.sidebar-subject-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:background .18s ease;color:#374151;flex-shrink:0}.sidebar-subject-btn:hover{background:color-mix(in srgb,var(--subject-color, #2563eb) 8%,transparent)}.sidebar-subject-btn.active{background:color-mix(in srgb,var(--subject-color, #2563eb) 12%,transparent)}body.dark .sidebar-subject-btn{color:#e2e8f0}body.dark .sidebar-subject-btn:hover{background:#ffffff0f}.sidebar-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--subject-color, #2563eb) 12%,white);flex-shrink:0}body.dark .sidebar-icon-wrap{background:color-mix(in srgb,var(--subject-color, #2563eb) 18%,#0f172a)}.sidebar-subject-title{flex:1;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-chevron{display:flex;color:#94a3b8;transition:transform .25s ease;flex-shrink:0}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-classes{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);padding-left:14px}.sidebar-classes.expanded{max-height:2400px}.sidebar-class-group{display:flex;flex-direction:column}.sidebar-class-btn{width:100%;display:flex;align-items:center;gap:7px;padding:5px 8px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-size:12.5px;color:#64748b;text-align:left;transition:background .15s,color .15s;flex-shrink:0}.sidebar-class-btn:hover{background:#2563eb0f;color:#2563eb}.sidebar-class-btn.active{background:color-mix(in srgb,var(--subject-color, #2563eb) 12%,transparent);color:var(--subject-color, #2563eb);font-weight:700}body.dark .sidebar-class-btn{color:#94a3b8}body.dark .sidebar-class-btn:hover{color:#818cf8;background:#ffffff0d}body.dark .sidebar-class-btn.active{color:var(--subject-color, #818cf8)}.class-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45;flex-shrink:0}.sidebar-class-btn.active .class-dot{opacity:1}.sidebar-class-btn span:nth-child(2){flex:1}.sidebar-chevron-sm{display:flex;color:#94a3b8;transition:transform .2s ease;flex-shrink:0;margin-left:auto}.sidebar-chevron-sm.open{transform:rotate(180deg)}.sidebar-chapter-list{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);padding-left:12px}.sidebar-chapter-list.expanded{max-height:1200px}.sidebar-chapter-btn{width:100%;display:flex;align-items:flex-start;gap:6px;padding:5px 8px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:11.5px;color:#64748b;text-align:left;transition:background .15s,color .15s;line-height:1.4}.sidebar-chapter-btn:hover{background:#2563eb0d;color:#374151}.sidebar-chapter-btn.active{background:color-mix(in srgb,var(--subject-color, #2563eb) 12%,transparent);color:var(--subject-color, #2563eb);font-weight:600}body.dark .sidebar-chapter-btn{color:#94a3b8}body.dark .sidebar-chapter-btn:hover{color:#cbd5e1;background:#ffffff0a}body.dark .sidebar-chapter-btn.active{color:var(--subject-color)}.chapter-icon{flex-shrink:0;margin-top:2px;opacity:.5}.sidebar-chapter-btn.active .chapter-icon{opacity:1}.chapter-name{flex:1}.chapter-loading,.chapter-empty{display:flex;align-items:center;gap:5px;padding:5px 8px;font-size:11px;color:#94a3b8}.spin-icon{animation:spin 1s linear infinite}.sidebar-footer{padding:8px 8px 12px;border-top:1px solid rgba(0,0,0,.05);margin-top:4px}body.dark .sidebar-footer{border-color:#ffffff12}.sidebar-home-btn{width:100%;display:flex;align-items:center;gap:7px;padding:7px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:12.5px;color:#64748b;transition:background .15s,color .15s}.sidebar-home-btn:hover{background:#2563eb12;color:#2563eb}body.dark .sidebar-home-btn{color:#94a3b8}body.dark .sidebar-home-btn:hover{color:#818cf8}.sidebar-nav-collapsed{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 8px 14px}.sidebar-icon-btn{width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sidebar-icon-btn:hover{background:color-mix(in srgb,var(--subject-color, #2563eb) 12%,transparent);color:var(--subject-color, #2563eb)}.sidebar-icon-btn.active{background:color-mix(in srgb,var(--subject-color, #2563eb) 18%,transparent);color:var(--subject-color, #2563eb)}.sidebar-icon-btn.home-icon{color:#64748b;margin-top:8px}body.dark .sidebar-icon-btn{color:#94a3b8}@media(max-width:900px){.practice-sidebar{width:200px;min-width:200px}}@media(max-width:768px){.practice-sidebar{display:none}}.practice-page{display:flex;gap:24px;width:100%;max-width:1100px;margin:0 auto;align-items:flex-start;position:relative}.practice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.practice-topbar{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1);border-radius:16px 16px 0 0;padding:14px 20px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}body.dark .practice-topbar{background:#0f172abf;border-color:#6366f126}.practice-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.breadcrumb-btn{background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:500;color:#2563eb;padding:3px 6px;border-radius:6px;transition:background .15s,color .15s}.breadcrumb-btn:hover{background:#2563eb14}body.dark .breadcrumb-btn{color:#818cf8}body.dark .breadcrumb-btn:hover{background:#818cf81a}.breadcrumb-sep{color:#94a3b8;font-size:14px;-webkit-user-select:none;user-select:none}.breadcrumb-current{font-size:13.5px;font-weight:700;color:#1e293b;padding:3px 6px}body.dark .breadcrumb-current{color:#f1f5f9}.practice-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.stat-chip.total{background:#2563eb1a;color:#1d4ed8}.stat-chip.answered{background:#22c55e1a;color:#15803d}.stat-chip.correct{background:#f59e0b1a;color:#b45309}body.dark .stat-chip.total{background:#818cf826;color:#818cf8}body.dark .stat-chip.answered{background:#22c55e26;color:#4ade80}body.dark .stat-chip.correct{background:#fbbf2426;color:#fbbf24}.practice-progress-track{height:6px;background:#2563eb1a;overflow:visible;position:relative;margin-bottom:20px;border:1px solid rgba(37,99,235,.1);border-top:none;border-radius:0 0 4px 4px}body.dark .practice-progress-track{background:#6366f11f;border-color:#6366f126}.practice-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1,#8b5cf6);background-size:200% 100%;border-radius:0 4px 4px 0;transition:width .5s cubic-bezier(.4,0,.2,1);animation:shimmer 2.5s linear infinite;position:relative}.practice-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#6366f1;box-shadow:0 0 6px #6366f199}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-label{position:absolute;right:12px;top:-22px;font-size:11px;font-weight:700;color:#6366f1}body.dark .progress-label{color:#818cf8}.practice-content{display:flex;flex-direction:column;gap:16px}.question-wrapper{display:flex;flex-direction:column}.answer-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 20px;border-radius:0 0 14px 14px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;font-size:14px;border:1px solid transparent;border-top:none;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.answer-feedback.correct{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.answer-feedback.incorrect{background:#fef2f2;border-color:#fecaca;color:#b91c1c}body.dark .answer-feedback.correct{background:#22c55e14;border-color:#22c55e33;color:#4ade80}body.dark .answer-feedback.incorrect{background:#ef444414;border-color:#ef444433;color:#f87171}.feedback-icon{font-size:16px;flex-shrink:0}.feedback-text{font-weight:700}.feedback-explanation{font-size:13px;opacity:.85;flex-basis:100%}.practice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#64748b;font-size:15px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.practice-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.empty-icon{font-size:3rem}.practice-empty h3{font-size:1.3rem;color:#1e293b}body.dark .practice-empty h3{color:#f1f5f9}.practice-empty p{color:#64748b;font-size:14px}.go-home-btn{margin-top:8px;padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.go-home-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.practice-page{flex-direction:column;gap:0}.practice-topbar{border-radius:16px;margin-bottom:12px}.practice-progress-track{border-radius:4px;border:1px solid rgba(37,99,235,.1);margin-bottom:16px}}.chapter-picker{display:flex;flex-direction:column;gap:20px;padding:4px 0}.chapter-picker-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(37,99,235,.1)}body.dark .chapter-picker-header{background:#0f172ab3;border-color:#6366f126}.chapter-picker-emoji{font-size:2.2rem;flex-shrink:0}.chapter-picker-title{font-size:1.3rem;font-weight:800;color:#1e293b;margin:0 0 4px}body.dark .chapter-picker-title{color:#f1f5f9}.chapter-picker-sub{font-size:13.5px;color:#64748b;margin:0}body.dark .chapter-picker-sub{color:#94a3b8}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.chapter-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(37,99,235,.1);border-radius:14px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s,background .2s;animation:fadeUp .3s ease both}.chapter-card:nth-child(2n){animation-delay:.04s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1f;border-color:#2563eb40;background:#ffffffe6}body.dark .chapter-card{background:#1e293b99;border-color:#6366f11f}body.dark .chapter-card:hover{background:#1e293be6;border-color:#6366f14d;box-shadow:0 8px 20px #00000059}.chapter-card-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#2563eb1a;color:#2563eb;font-size:12px;font-weight:800;flex-shrink:0}body.dark .chapter-card-num{background:#818cf826;color:#818cf8}.chapter-card-name{flex:1;font-size:13.5px;font-weight:600;color:#1e293b;line-height:1.35}body.dark .chapter-card-name{color:#e2e8f0}.chapter-card-arrow{color:#94a3b8;font-size:16px;transition:transform .2s,color .2s;flex-shrink:0}.chapter-card:hover .chapter-card-arrow{color:#2563eb;transform:translate(3px)}body.dark .chapter-card:hover .chapter-card-arrow{color:#818cf8}.step-shell{display:flex;flex-direction:column;gap:24px;animation:stepFadeIn .4s ease both}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;flex-direction:column;gap:6px}.step-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.step-badge.intro{background:#6366f11f;color:#6366f1}.step-badge.explore{background:#10b9811f;color:#10b981}.step-badge.examples{background:#f59e0b1f;color:#d97706}.step-badge.practice{background:#3b82f61f;color:#2563eb}.step-badge.test{background:#ef44441f;color:#dc2626}.step-badge.results{background:#22c55e1f;color:#16a34a}body.dark .step-badge.intro{background:#6366f133}body.dark .step-badge.explore{background:#10b98133}body.dark .step-badge.examples{background:#f59e0b33}body.dark .step-badge.practice{background:#3b82f633}body.dark .step-badge.test{background:#ef444433}body.dark .step-badge.results{background:#22c55e33}.step-title{font-size:1.6rem;font-weight:800;color:#0f172a;line-height:1.2;font-family:Inter,sans-serif}body.dark .step-title{color:#f1f5f9}.step-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}body.dark .step-subtitle{color:#94a3b8}.content-blocks{display:flex;flex-direction:column;gap:20px}.content-block-text{font-size:15px;line-height:1.75;color:#1e293b;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:20px 24px;border:1px solid rgba(37,99,235,.08)}body.dark .content-block-text{color:#cbd5e1;background:#0f172a99;border-color:#6366f11f}.content-block-image{border-radius:14px;overflow:hidden;border:1px solid rgba(37,99,235,.08)}.content-block-image img{width:100%;display:block;border-radius:14px}.content-block-video{border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0b0f19}.content-block-video iframe{width:100%;height:100%;border:none}.content-block-diagram,.content-block-simulator{background:#fff9;border:1px solid rgba(37,99,235,.1);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.dark .content-block-diagram,body.dark .content-block-simulator{background:#0f172a8c;border-color:#6366f126}.step-cta-row{display:flex;justify-content:flex-end;padding-top:8px}.step-advance-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:14px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.step-advance-btn.primary{background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;box-shadow:0 4px 16px #2563eb4d}.step-advance-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.step-advance-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.step-advance-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.step-advance-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.step-advance-btn.danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.step-advance-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.step-question-card{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px;animation:stepFadeIn .3s ease both}body.dark .step-question-card{background:#0f172aa6;border-color:#6366f126}.step-q-label{font-size:11px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.5px}body.dark .step-q-label{color:#818cf8}.step-q-text{font-size:15.5px;font-weight:600;color:#0f172a;line-height:1.5}body.dark .step-q-text{color:#f1f5f9}.step-options{display:flex;flex-direction:column;gap:8px}.step-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(37,99,235,.12);background:#fff9;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;text-align:left;width:100%;transition:all .2s ease}.step-option-btn:hover:not(:disabled){border-color:#6366f1;background:#6366f10f;transform:translate(4px)}body.dark .step-option-btn{background:#1e293b80;border-color:#6366f126;color:#e2e8f0}body.dark .step-option-btn:hover:not(:disabled){background:#6366f11f}.step-option-btn.selected{border-color:#6366f1;background:#6366f11a;color:#4338ca}body.dark .step-option-btn.selected{color:#a5b4fc;background:#6366f133}.step-option-btn.correct{border-color:#10b981;background:#10b9811a;color:#065f46}body.dark .step-option-btn.correct{color:#6ee7b7;background:#10b98126}.step-option-btn.incorrect{border-color:#ef4444;background:#ef444414;color:#991b1b}body.dark .step-option-btn.incorrect{color:#fca5a5;background:#ef44441f}.step-option-btn:disabled{cursor:default}.option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#6366f114;font-size:12px;font-weight:800;color:#6366f1;flex-shrink:0}.step-option-btn.correct .option-letter{background:#10b98126;color:#10b981}.step-option-btn.incorrect .option-letter{background:#ef44441f;color:#ef4444}.step-feedback{border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;animation:stepFadeIn .25s ease;font-size:13.5px}.step-feedback.correct-fb{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#065f46}.step-feedback.incorrect-fb{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#991b1b}body.dark .step-feedback.correct-fb{color:#6ee7b7}body.dark .step-feedback.incorrect-fb{color:#fca5a5}.step-feedback-title{font-weight:700;font-size:14px}.step-feedback-exp{opacity:.85;line-height:1.5}.hint-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px dashed rgba(245,158,11,.5);background:#f59e0b0f;color:#b45309;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.hint-btn:hover{background:#f59e0b1f;border-color:#d97706}body.dark .hint-btn{color:#fbbf24;border-color:#fbbf2459}.hint-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:12px 16px;font-size:13px;color:#92400e;animation:stepFadeIn .2s ease;line-height:1.5}body.dark .hint-box{color:#fde68a;background:#fbbf2414;border-color:#fbbf2433}.step-progress-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.step-progress-chips{display:flex;gap:6px;flex-wrap:wrap}.step-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.step-chip.answered{background:#2563eb1a;color:#1d4ed8}.step-chip.correct{background:#10b9811a;color:#065f46}.step-chip.total{background:#64748b1a;color:#475569}body.dark .step-chip.answered{background:#6366f126;color:#818cf8}body.dark .step-chip.correct{background:#10b98126;color:#34d399}body.dark .step-chip.total{background:#94a3b81f;color:#94a3b8}.step-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;color:#64748b;font-size:14px}body.dark .step-loading{color:#94a3b8}.step-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:stepSpin .8s linear infinite}@keyframes stepSpin{to{transform:rotate(360deg)}}.step-empty{text-align:center;padding:50px 20px;color:#64748b;font-size:14px}body.dark .step-empty{color:#94a3b8}.step-empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.test-timer{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;background:#ef44441a;color:#dc2626;font-variant-numeric:tabular-nums}body.dark .test-timer{background:#ef444426;color:#f87171}.test-timer.warning{animation:timerPulse .7s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.65}}.results-score-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 40px;border-radius:20px;background:linear-gradient(135deg,#6366f114,#10b98114);border:1px solid rgba(99,102,241,.15);text-align:center}body.dark .results-score-card{background:linear-gradient(135deg,#6366f11f,#10b9811f);border-color:#6366f133}.results-score-ring{width:110px;height:110px;border-radius:50%;border:8px solid transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#fff;box-shadow:0 4px 20px #00000014}body.dark .results-score-ring{background:#1e293b}.results-score-pct{font-size:2rem;font-weight:900;color:#0f172a;line-height:1;font-family:Inter,sans-serif}body.dark .results-score-pct{color:#f1f5f9}.results-score-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase}body.dark .results-score-label{color:#94a3b8}.results-summary-text{font-size:1rem;font-weight:600;color:#1e293b;margin:4px 0 0}body.dark .results-summary-text{color:#e2e8f0}.results-breakdown{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;gap:14px;padding:14px 18px;border-radius:12px;border:1px solid transparent;align-items:flex-start;animation:stepFadeIn .3s ease both}.result-item.correct-r{background:#10b9810f;border-color:#10b98133}.result-item.incorrect-r{background:#ef44440d;border-color:#ef444426}body.dark .result-item.correct-r{background:#10b98114}body.dark .result-item.incorrect-r{background:#ef444412}.result-icon{font-size:18px;flex-shrink:0;margin-top:1px}.result-content{display:flex;flex-direction:column;gap:4px}.result-q-text{font-size:13.5px;font-weight:600;color:#1e293b}body.dark .result-q-text{color:#e2e8f0}.result-answer{font-size:12.5px;color:#64748b}body.dark .result-answer{color:#94a3b8}.result-correct-ans{font-size:12.5px;color:#10b981;font-weight:600}.result-exp{font-size:12px;color:#64748b;line-height:1.4;margin-top:2px}body.dark .result-exp{color:#94a3b8}.results-action-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-top:8px}.results-retry-btn,.results-next-btn{padding:12px 28px;border-radius:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.results-retry-btn{background:#6366f11a;color:#4338ca;border:1.5px solid rgba(99,102,241,.25)}.results-retry-btn:hover{background:#6366f12e;transform:translateY(-1px)}body.dark .results-retry-btn{color:#a5b4fc;background:#6366f126}.results-next-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.results-next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.explore-note{background:#10b98112;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px 18px;font-size:13.5px;color:#065f46;line-height:1.6}body.dark .explore-note{color:#6ee7b7;background:#10b9811a}.chapter-page{display:flex;gap:24px;width:100%;max-width:1100px;margin:0 auto;align-items:flex-start;font-family:Inter,sans-serif;position:relative}.chapter-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.chapter-topbar{background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(37,99,235,.1);border-radius:18px 18px 0 0;padding:14px 20px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}body.dark .chapter-topbar{background:#0f172ac7;border-color:#6366f126}.chapter-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chapter-breadcrumb-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;color:#2563eb;padding:3px 6px;border-radius:6px;font-family:Inter,sans-serif;transition:background .15s}.chapter-breadcrumb-btn:hover{background:#2563eb14}body.dark .chapter-breadcrumb-btn{color:#818cf8}body.dark .chapter-breadcrumb-btn:hover{background:#818cf81a}.chapter-breadcrumb-sep{color:#94a3b8;font-size:14px;-webkit-user-select:none;user-select:none}.chapter-breadcrumb-current{font-size:13px;font-weight:700;color:#1e293b;padding:3px 6px}body.dark .chapter-breadcrumb-current{color:#f1f5f9}.step-tracker{display:flex;align-items:center;gap:0;padding:18px 24px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,99,235,.08);border-top:none;border-bottom:none;overflow-x:auto;scrollbar-width:none}.step-tracker::-webkit-scrollbar{display:none}body.dark .step-tracker{background:#0f172a8c;border-color:#6366f11f}.step-tracker-item{display:flex;align-items:center;gap:0;flex-shrink:0}.step-tracker-bubble{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;position:relative}.step-bubble-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:all .25s ease;border:2.5px solid transparent}.step-bubble-circle.done{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 10px #10b98159}.step-bubble-circle.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 3px 14px #6366f173;transform:scale(1.12)}.step-bubble-circle.upcoming{background:#64748b1a;color:#94a3b8;border-color:#64748b33}body.dark .step-bubble-circle.upcoming{background:#64748b26;border-color:#64748b40}.step-bubble-label{font-size:10px;font-weight:600;white-space:nowrap;text-align:center;max-width:64px}.step-bubble-label.done{color:#10b981}.step-bubble-label.active{color:#6366f1;font-weight:700}.step-bubble-label.upcoming{color:#94a3b8}.step-tracker-connector{width:32px;height:2.5px;border-radius:2px;flex-shrink:0;margin:0 2px 18px;transition:background .3s ease}.step-tracker-connector.done{background:linear-gradient(90deg,#10b981,#10b981)}.step-tracker-connector.active{background:linear-gradient(90deg,#10b981,#6366f14d)}.step-tracker-connector.upcoming{background:#64748b26}.chapter-content{background:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,99,235,.08);border-top:none;border-radius:0 0 18px 18px;padding:28px 28px 32px;min-height:400px}body.dark .chapter-content{background:#0f172a80;border-color:#6366f11f}.chapter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#64748b;font-size:14px;font-family:Inter,sans-serif}.chapter-spinner{width:40px;height:40px;border:3.5px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:chapterSpin .8s linear infinite}@keyframes chapterSpin{to{transform:rotate(360deg)}}.chapter-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center;font-family:Inter,sans-serif}.chapter-error h3{font-size:1.2rem;color:#1e293b;margin:0}body.dark .chapter-error h3{color:#f1f5f9}.chapter-error p{color:#64748b;font-size:14px;margin:0}.chapter-back-btn{margin-top:8px;padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .2s,transform .2s}.chapter-back-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.chapter-page{flex-direction:column;gap:0}.chapter-topbar{border-radius:16px;margin-bottom:8px}.step-tracker{border-radius:12px 12px 0 0;border:1px solid rgba(37,99,235,.08);border-bottom:none}.chapter-content{border-radius:0 0 16px 16px;padding:20px 16px 24px}.step-tracker-connector{width:16px}}.admin-hub{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:28px;font-family:Inter,sans-serif}.admin-hub-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.admin-hub-title{display:flex;flex-direction:column;gap:4px}.admin-hub-title h1{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2}body.dark .admin-hub-title h1{color:#f1f5f9}.admin-hub-title p{font-size:13.5px;color:#64748b;margin:0}body.dark .admin-hub-title p{color:#94a3b8}.admin-new-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 4px 16px #6366f159;transition:all .2s ease}.admin-new-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.admin-stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.admin-stat-card{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}body.dark .admin-stat-card{background:#0f172ab3;border-color:#6366f126}.admin-stat-icon{font-size:1.5rem}.admin-stat-value{font-size:1.9rem;font-weight:900;color:#0f172a;line-height:1}body.dark .admin-stat-value{color:#f1f5f9}.admin-stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}body.dark .admin-stat-label{color:#94a3b8}.admin-chapters-section{background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(37,99,235,.08);border-radius:18px;overflow:hidden}body.dark .admin-chapters-section{background:#0f172ab8;border-color:#6366f11f}.admin-table-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid rgba(37,99,235,.07);flex-wrap:wrap;gap:10px}body.dark .admin-table-header{border-color:#6366f11f}.admin-table-title{font-size:15px;font-weight:700;color:#1e293b}body.dark .admin-table-title{color:#f1f5f9}.admin-filter-row{display:flex;gap:8px;flex-wrap:wrap}.admin-filter-input{padding:7px 12px;border-radius:9px;border:1.5px solid rgba(37,99,235,.15);background:#fffc;font-size:13px;font-family:Inter,sans-serif;color:#1e293b;outline:none;transition:border-color .2s;min-width:140px}.admin-filter-input:focus{border-color:#6366f1}body.dark .admin-filter-input{background:#1e293b99;border-color:#6366f133;color:#e2e8f0}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th{padding:11px 18px;text-align:left;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#2563eb08;border-bottom:1px solid rgba(37,99,235,.07)}body.dark .admin-table th{color:#94a3b8;background:#6366f10f;border-color:#6366f11a}.admin-table td{padding:13px 18px;color:#1e293b;border-bottom:1px solid rgba(37,99,235,.05);vertical-align:middle}body.dark .admin-table td{color:#e2e8f0;border-color:#6366f114}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#6366f108}body.dark .admin-table tr:hover td{background:#6366f10f}.admin-ch-title{font-weight:600;color:#0f172a;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .admin-ch-title{color:#f1f5f9}.admin-ch-sub{font-size:11.5px;color:#64748b;margin-top:2px}body.dark .admin-ch-sub{color:#94a3b8}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.published{background:#10b9811a;color:#10b981}.status-pill.draft{background:#64748b1a;color:#64748b}body.dark .status-pill.published{background:#10b9812e}body.dark .status-pill.draft{background:#64748b2e;color:#94a3b8}.steps-bar{display:flex;gap:3px}.step-dot{width:10px;height:10px;border-radius:3px;background:#2563eb1f}.step-dot.filled{background:#6366f1}body.dark .step-dot{background:#6366f126}body.dark .step-dot.filled{background:#818cf8}.admin-actions{display:flex;gap:6px;align-items:center}.admin-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s ease;white-space:nowrap}.admin-action-btn.edit{background:#6366f11a;color:#4f46e5}.admin-action-btn.edit:hover{background:#6366f12e}.admin-action-btn.publish{background:#10b9811a;color:#059669}.admin-action-btn.publish:hover{background:#10b9812e}.admin-action-btn.unpublish{background:#f59e0b1a;color:#d97706}.admin-action-btn.unpublish:hover{background:#f59e0b2e}.admin-action-btn.delete{background:#ef444414;color:#dc2626}.admin-action-btn.delete:hover{background:#ef444429}body.dark .admin-action-btn.edit{color:#a5b4fc;background:#6366f126}body.dark .admin-action-btn.publish{color:#34d399;background:#10b98126}body.dark .admin-action-btn.unpublish{color:#fbbf24;background:#f59e0b26}body.dark .admin-action-btn.delete{color:#f87171;background:#ef44441f}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.admin-empty-icon{font-size:2.5rem}.admin-empty h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}body.dark .admin-empty h3{color:#f1f5f9}.admin-empty p{font-size:13.5px;color:#64748b;margin:0}body.dark .admin-empty p{color:#94a3b8}.admin-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:#64748b;font-size:14px}body.dark .admin-loading{color:#94a3b8}.admin-spinner{width:28px;height:28px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:adminSpin .7s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.admin-quick-card{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1);border-radius:16px;padding:18px 20px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .2s ease;text-decoration:none}.admin-quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb1a;border-color:#6366f14d}body.dark .admin-quick-card{background:#0f172ab3;border-color:#6366f126}body.dark .admin-quick-card:hover{border-color:#6366f166;box-shadow:0 8px 24px #0006}.admin-quick-icon{font-size:1.8rem;flex-shrink:0}.admin-quick-text h4{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 3px}body.dark .admin-quick-text h4{color:#f1f5f9}.admin-quick-text p{font-size:12px;color:#64748b;margin:0;line-height:1.4}body.dark .admin-quick-text p{color:#94a3b8}.admin-toast{position:fixed;bottom:28px;right:28px;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:9999;box-shadow:0 8px 24px #0003;animation:toastIn .3s ease;font-family:Inter,sans-serif}.admin-toast.success{background:#10b981;color:#fff}.admin-toast.error{background:#ef4444;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.admin-hub-header{flex-direction:column;align-items:flex-start}.admin-table th,.admin-table td{padding:10px 12px}}.cs-page{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0;font-family:Inter,sans-serif;min-height:80vh}.cs-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(37,99,235,.1);border-radius:18px 18px 0 0;flex-wrap:wrap;gap:10px}body.dark .cs-topbar{background:#0f172acc;border-color:#6366f126}.cs-topbar-left{display:flex;align-items:center;gap:12px}.cs-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1.5px solid rgba(37,99,235,.15);background:transparent;font-size:13px;font-weight:600;color:#4f46e5;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.cs-back-btn:hover{background:#6366f10f}body.dark .cs-back-btn{color:#a5b4fc;border-color:#6366f140}.cs-topbar-title{font-size:17px;font-weight:800;color:#0f172a}body.dark .cs-topbar-title{color:#f1f5f9}.cs-topbar-right{display:flex;align-items:center;gap:10px}.cs-save-btn{padding:9px 22px;border-radius:11px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 3px 12px #6366f14d;transition:all .2s ease;display:flex;align-items:center;gap:7px}.cs-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.cs-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cs-publish-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none}body.dark .cs-publish-toggle{color:#94a3b8}.cs-toggle-track{width:40px;height:22px;border-radius:11px;background:#e2e8f0;position:relative;transition:background .2s ease;flex-shrink:0}.cs-toggle-track.on{background:#10b981}body.dark .cs-toggle-track{background:#334155}body.dark .cs-toggle-track.on{background:#10b981}.cs-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 4px #0003}.cs-toggle-track.on .cs-toggle-thumb{transform:translate(18px)}.cs-body{display:grid;grid-template-columns:300px 1fr;min-height:600px;border:1px solid rgba(37,99,235,.08);border-top:none;border-radius:0 0 18px 18px;overflow:hidden}body.dark .cs-body{border-color:#6366f11f}.cs-meta-panel{background:#f8fafcd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(37,99,235,.08);padding:22px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}body.dark .cs-meta-panel{background:#0f172ad9;border-color:#6366f11f}.cs-meta-section-title{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}body.dark .cs-meta-section-title{color:#94a3b8}.cs-field{display:flex;flex-direction:column;gap:6px}.cs-label{font-size:12px;font-weight:600;color:#475569}body.dark .cs-label{color:#94a3b8}.cs-input{padding:9px 12px;border-radius:10px;border:1.5px solid rgba(37,99,235,.14);background:#ffffffd9;font-size:13.5px;font-family:Inter,sans-serif;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.cs-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}body.dark .cs-input{background:#1e293bb3;border-color:#6366f133;color:#f1f5f9}body.dark .cs-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f126}.cs-slug-hint{font-size:11px;color:#94a3b8;font-style:italic}.cs-editor-panel{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden}body.dark .cs-editor-panel{background:#0f172a80}.cs-step-tabs{display:flex;border-bottom:1px solid rgba(37,99,235,.08);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.cs-step-tabs::-webkit-scrollbar{display:none}body.dark .cs-step-tabs{border-color:#6366f11f}.cs-step-tab{display:flex;align-items:center;gap:6px;padding:13px 18px;border:none;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;position:relative;flex-shrink:0}.cs-step-tab:hover{color:#6366f1}.cs-step-tab.active{color:#6366f1;border-bottom-color:#6366f1}body.dark .cs-step-tab{color:#94a3b8}body.dark .cs-step-tab:hover,body.dark .cs-step-tab.active{color:#a5b4fc}body.dark .cs-step-tab.active{border-bottom-color:#818cf8}.cs-tab-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.cs-tab-dot.has-content{background:#10b981}body.dark .cs-tab-dot{background:#475569}body.dark .cs-tab-dot.has-content{background:#10b981}.cs-step-editor{flex:1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.cs-step-title-row{display:flex;align-items:center;gap:12px}.cs-step-title-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:20px;background:#6366f11a;color:#6366f1;white-space:nowrap;flex-shrink:0}body.dark .cs-step-title-badge{background:#6366f133;color:#a5b4fc}.cs-blocks-list{display:flex;flex-direction:column;gap:12px}.cs-block-card{background:#f8fafce6;border:1.5px solid rgba(37,99,235,.1);border-radius:14px;overflow:hidden;transition:border-color .15s}.cs-block-card:hover{border-color:#6366f140}body.dark .cs-block-card{background:#0f172acc;border-color:#6366f126}body.dark .cs-block-card:hover{border-color:#6366f159}.cs-block-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(37,99,235,.07);background:#ffffff80}body.dark .cs-block-header{background:#1e293b66;border-color:#6366f11a}.cs-block-kind-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px}.cs-block-kind-badge.text{background:#6366f11a;color:#6366f1}.cs-block-kind-badge.image{background:#10b9811a;color:#10b981}.cs-block-kind-badge.video{background:#ef44441a;color:#ef4444}.cs-block-kind-badge.simulator{background:#f59e0b1a;color:#f59e0b}.cs-block-kind-badge.question{background:#3b82f61a;color:#2563eb}.cs-block-kind-badge.diagram{background:#a855f71a;color:#9333ea}.cs-block-delete{margin-left:auto;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:0 4px;transition:color .15s}.cs-block-delete:hover{color:#ef4444}.cs-block-body{padding:14px}.cs-textarea{width:100%;box-sizing:border-box;min-height:90px;padding:10px 12px;border-radius:10px;border:1.5px solid rgba(37,99,235,.12);background:#fffc;font-size:13.5px;font-family:Inter,sans-serif;color:#0f172a;outline:none;resize:vertical;transition:border-color .2s;line-height:1.5}.cs-textarea:focus{border-color:#6366f1}body.dark .cs-textarea{background:#1e293bb3;border-color:#6366f12e;color:#f1f5f9}body.dark .cs-textarea:focus{border-color:#818cf8}.cs-img-preview{margin-top:10px;border-radius:10px;overflow:hidden;max-height:160px;background:#0b0f19;display:flex;align-items:center;justify-content:center}.cs-img-preview img{max-width:100%;max-height:160px;object-fit:contain}.cs-video-preview{margin-top:10px;border-radius:10px;overflow:hidden;background:#0b0f19;aspect-ratio:16/9;max-height:200px}.cs-video-preview iframe{width:100%;height:100%;border:none}.cs-sim-hint{font-size:12px;color:#94a3b8;margin-top:8px;line-height:1.5}.cs-import-btn{margin-top:10px;padding:8px 16px;border-radius:9px;border:1.5px solid rgba(245,158,11,.3);background:#f59e0b12;color:#d97706;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.cs-import-btn:hover{background:#f59e0b24;border-color:#f59e0b80}.cs-add-block-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-add-block-label{font-size:12px;font-weight:600;color:#64748b}body.dark .cs-add-block-label{color:#94a3b8}.cs-add-block-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:9px;border:1.5px dashed rgba(37,99,235,.2);background:transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s;color:#64748b}.cs-add-block-btn:hover{border-style:solid;color:#6366f1;border-color:#6366f1;background:#6366f10d}body.dark .cs-add-block-btn{color:#94a3b8;border-color:#6366f133}body.dark .cs-add-block-btn:hover{color:#a5b4fc;border-color:#818cf8}.cs-step-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:40px 20px;color:#94a3b8}.cs-step-empty-icon{font-size:2.5rem}.cs-step-empty p{font-size:13.5px;color:#94a3b8;margin:0}body.dark .cs-step-empty p{color:#64748b}.cs-toast{position:fixed;bottom:28px;right:28px;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:9999;box-shadow:0 8px 24px #0003;animation:csToastIn .3s ease;font-family:Inter,sans-serif}.cs-toast.success{background:#10b981;color:#fff}.cs-toast.error{background:#ef4444;color:#fff}@keyframes csToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.cs-body{grid-template-columns:1fr}.cs-meta-panel{border-right:none;border-bottom:1px solid rgba(37,99,235,.08)}.cs-topbar{border-radius:14px}.cs-body{border-radius:0 0 14px 14px}}.iqb-page{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:0;font-family:Inter,sans-serif;min-height:80vh}.iqb-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(37,99,235,.1);border-radius:18px 18px 0 0;flex-wrap:wrap;gap:10px}body.dark .iqb-topbar{background:#0f172ad1;border-color:#6366f126}.iqb-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1.5px solid rgba(37,99,235,.15);background:transparent;font-size:13px;font-weight:600;color:#4f46e5;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.iqb-back-btn:hover{background:#6366f10f}body.dark .iqb-back-btn{color:#a5b4fc;border-color:#6366f140}.iqb-title{font-size:17px;font-weight:800;color:#0f172a}body.dark .iqb-title{color:#f1f5f9}.iqb-save-btn{padding:9px 22px;border-radius:11px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;box-shadow:0 3px 12px #6366f14d;transition:all .2s ease}.iqb-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.iqb-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.iqb-body{display:grid;grid-template-columns:1fr 1fr;min-height:580px;border:1px solid rgba(37,99,235,.08);border-top:none;border-radius:0 0 18px 18px;overflow:hidden}body.dark .iqb-body{border-color:#6366f11f}.iqb-editor{background:#f8fafce6;border-right:1px solid rgba(37,99,235,.07);padding:22px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}body.dark .iqb-editor{background:#0f172ae0;border-color:#6366f11a}.iqb-preview{background:#ffffff8c;padding:22px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}body.dark .iqb-preview{background:#0f172a80}.iqb-preview-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b}body.dark .iqb-preview-title{color:#94a3b8}.iqb-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#94a3b8;padding:40px 20px}.iqb-preview-empty-icon{font-size:2.5rem}.iqb-preview-empty p{font-size:13px;margin:0}.iqb-type-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.iqb-type-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:14px;border:2px solid rgba(37,99,235,.1);background:#ffffffb3;cursor:pointer;transition:all .18s ease;text-align:center}.iqb-type-card:hover{border-color:#6366f166;background:#6366f10a;transform:translateY(-1px)}.iqb-type-card.active{border-color:#6366f1;background:#6366f112}body.dark .iqb-type-card{background:#1e293b99;border-color:#6366f126}body.dark .iqb-type-card.active{border-color:#818cf8;background:#6366f11f}.iqb-type-icon{font-size:1.6rem}.iqb-type-label{font-size:12px;font-weight:700;color:#1e293b}body.dark .iqb-type-label{color:#e2e8f0}.iqb-type-desc{font-size:11px;color:#64748b;line-height:1.3}body.dark .iqb-type-desc{color:#94a3b8}.iqb-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:-6px}body.dark .iqb-section-title{color:#94a3b8}.iqb-field{display:flex;flex-direction:column;gap:5px}.iqb-label{font-size:12px;font-weight:600;color:#475569}body.dark .iqb-label{color:#94a3b8}.iqb-input{padding:9px 12px;border-radius:10px;border:1.5px solid rgba(37,99,235,.14);background:#ffffffd9;font-size:13.5px;font-family:Inter,sans-serif;color:#0f172a;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.iqb-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}body.dark .iqb-input{background:#1e293bb3;border-color:#6366f133;color:#f1f5f9}body.dark .iqb-input:focus{border-color:#818cf8}.iqb-select{padding:9px 12px;border-radius:10px;border:1.5px solid rgba(37,99,235,.14);background:#ffffffd9;font-size:13.5px;font-family:Inter,sans-serif;color:#0f172a;outline:none;width:100%;cursor:pointer}body.dark .iqb-select{background:#1e293bb3;color:#f1f5f9;border-color:#6366f133}.iqb-textarea{padding:10px 12px;border-radius:10px;border:1.5px solid rgba(37,99,235,.14);background:#ffffffd9;font-size:13.5px;font-family:Inter,sans-serif;color:#0f172a;outline:none;resize:vertical;min-height:72px;transition:border-color .2s;width:100%;box-sizing:border-box;line-height:1.5}.iqb-textarea:focus{border-color:#6366f1}body.dark .iqb-textarea{background:#1e293bb3;border-color:#6366f133;color:#f1f5f9}.iqb-list-row{display:flex;align-items:center;gap:8px}.iqb-list-row .iqb-input{flex:1}.iqb-remove-btn{width:30px;height:30px;border-radius:8px;border:none;background:#ef444414;color:#ef4444;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.iqb-remove-btn:hover{background:#ef444429}.iqb-add-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:9px;border:1.5px dashed rgba(37,99,235,.2);background:transparent;font-size:12.5px;font-weight:600;color:#6366f1;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s;align-self:flex-start}.iqb-add-btn:hover{border-style:solid;background:#6366f10d}body.dark .iqb-add-btn{color:#a5b4fc;border-color:#6366f140}.iqb-blank-row{background:#f59e0b0d;border:1px solid rgba(245,158,11,.14);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}body.dark .iqb-blank-row{background:#f59e0b12;border-color:#f59e0b26}.iqb-blank-header{display:flex;align-items:center;justify-content:space-between}.iqb-blank-id-tag{font-size:11px;font-weight:800;color:#d97706;background:#f59e0b1a;padding:2px 8px;border-radius:6px;font-family:monospace}.iqb-pair-row{background:#a855f70d;border:1px solid rgba(168,85,247,.14);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}body.dark .iqb-pair-row{background:#a855f712;border-color:#a855f72e}.iqb-pair-arrow{color:#94a3b8;font-size:16px}.iqb-pair-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#9333ea;flex-shrink:0}.iqb-template-hint{font-size:11.5px;color:#64748b;font-style:italic;line-height:1.4;padding:8px 10px;background:#f59e0b0d;border-radius:8px;border-left:3px solid #f59e0b}body.dark .iqb-template-hint{color:#94a3b8;background:#f59e0b14}.iqb-toast{position:fixed;bottom:28px;right:28px;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:9999;box-shadow:0 8px 24px #0003;animation:iqbToastIn .3s ease;font-family:Inter,sans-serif}.iqb-toast.success{background:#10b981;color:#fff}.iqb-toast.error{background:#ef4444;color:#fff}@keyframes iqbToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.iqb-body{grid-template-columns:1fr}.iqb-editor{border-right:none;border-bottom:1px solid rgba(37,99,235,.07)}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f7fb}.login-card{background:#fff;padding:40px;border-radius:12px;width:350px;box-shadow:0 8px 20px #0003;text-align:center}.login-card input{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:1px solid #ccc;font-size:16px}.error{color:red;font-size:14px;margin-top:5px}.aq-page{width:100%;max-width:1100px;margin:0 auto;font-family:Inter,system-ui,sans-serif;padding-bottom:60px}.aq-toast{position:fixed;top:24px;right:24px;z-index:9999;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000026;animation:toastIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aq-toast.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.aq-toast.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}body.dark .aq-toast.success{background:#22c55e1f;color:#4ade80;border-color:#22c55e4d}body.dark .aq-toast.error{background:#ef44441f;color:#f87171;border-color:#ef44444d}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.aq-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.aq-page-title{font-size:1.7rem;font-weight:800;color:#1e293b;margin:0 0 4px;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark .aq-page-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.aq-page-sub{font-size:13px;color:#64748b;margin:0}body.dark .aq-page-sub{color:#94a3b8}.aq-tab-bar{display:flex;gap:8px}.aq-tab{padding:9px 18px;border-radius:10px;border:1.5px solid rgba(37,99,235,.18);background:transparent;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s}.aq-tab:hover{background:#2563eb0f;color:#2563eb;border-color:#2563eb}.aq-tab.active{background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 12px #2563eb4d}body.dark .aq-tab{color:#94a3b8;border-color:#6366f133}body.dark .aq-tab:hover{color:#818cf8;background:#818cf814}.aq-section{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1);border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f}body.dark .aq-section{background:#0f172abf;border-color:#6366f126;box-shadow:0 4px 20px #0000004d}.aq-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.aq-section-head h2{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}body.dark .aq-section-head h2{color:#f1f5f9}.aq-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.aq-filter-bar .aq-select{flex:1;min-width:140px}.aq-form-layout{display:flex;gap:20px;align-items:flex-start}.aq-form-col{flex:1;min-width:0}.aq-preview-col{width:380px;flex-shrink:0;position:sticky;top:20px}@media(max-width:900px){.aq-form-layout{flex-direction:column}.aq-preview-col{width:100%;position:static}}.aq-form{display:flex;flex-direction:column;gap:16px}.aq-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.aq-form-row{grid-template-columns:1fr}}.aq-field{display:flex;flex-direction:column;gap:5px}.aq-label{font-size:12.5px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}body.dark .aq-label{color:#94a3b8}.aq-select,.aq-input,.aq-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:13.5px;background:#fff;color:#1e293b;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;font-family:inherit}.aq-select:focus,.aq-input:focus,.aq-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}body.dark .aq-select,body.dark .aq-input,body.dark .aq-textarea{background:#0f172a;border-color:#6366f140;color:#e2e8f0}body.dark .aq-select:focus,body.dark .aq-input:focus,body.dark .aq-textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81f}.aq-textarea{resize:vertical;min-height:70px;line-height:1.5}.aq-select:disabled{opacity:.5;cursor:not-allowed}.aq-diff-toggle{display:flex;gap:8px}.aq-diff-btn{flex:1;padding:8px;border-radius:9px;border:1.5px solid #e2e8f0;background:transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;color:#64748b}.aq-diff-btn:hover{border-color:#94a3b8;color:#374151}body.dark .aq-diff-btn{border-color:#6366f133;color:#94a3b8}.aq-option-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px 6px 6px;border-radius:10px;border:1.5px solid transparent;transition:border-color .2s,background .2s}.aq-option-row.correct{border-color:#22c55e59;background:#22c55e0d}body.dark .aq-option-row.correct{background:#22c55e12}.aq-opt-radio{width:28px;height:28px;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;color:#64748b}.aq-opt-radio.selected{background:#22c55e;border-color:#22c55e;color:#fff}body.dark .aq-opt-radio{background:#1e293b;border-color:#6366f140;color:#94a3b8}.aq-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1.5px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.aq-btn.primary{background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 12px #2563eb4d}.aq-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.aq-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.aq-btn.edit{background:#2563eb14;color:#2563eb;border-color:#2563eb33}.aq-btn.edit:hover{background:#2563eb24}.aq-btn.delete{background:#ef444414;color:#dc2626;border-color:#ef444433}.aq-btn.delete:hover{background:#ef444424}.aq-btn.delete-confirm{background:#dc2626;color:#fff;border-color:transparent}.aq-btn.cancel{background:#64748b14;color:#64748b;border-color:#64748b33}.aq-btn.preview{background:#6366f114;color:#6366f1;border-color:#6366f133}.aq-btn.preview:hover{background:#6366f124}body.dark .aq-btn.edit{color:#818cf8;background:#818cf81a;border-color:#818cf833}body.dark .aq-btn.cancel{color:#94a3b8;background:#94a3b814}.aq-form-actions{display:flex;gap:12px;padding-top:4px}.aq-q-count{font-size:13px;color:#64748b;margin-bottom:12px}body.dark .aq-q-count{color:#94a3b8}.aq-q-list{display:flex;flex-direction:column;gap:10px}.aq-q-row{padding:14px 16px;border-radius:14px;border:1px solid rgba(37,99,235,.08);background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .2s,border-color .2s}.aq-q-row:hover{box-shadow:0 4px 16px #00000014;border-color:#2563eb33}body.dark .aq-q-row{background:#1e293b80;border-color:#6366f11a}body.dark .aq-q-row:hover{border-color:#6366f140}.aq-q-row-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.aq-q-chapter{font-size:12px;font-weight:600;color:#64748b}.aq-q-grade{font-size:11px;color:#94a3b8;margin-left:auto}body.dark .aq-q-chapter{color:#94a3b8}.aq-q-text{font-size:14px;color:#1e293b;margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.dark .aq-q-text{color:#e2e8f0}.aq-q-actions{display:flex;gap:8px}.aq-diff-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:700;text-transform:capitalize}.aq-diff-badge.sm{font-size:10.5px;padding:2px 8px}.aq-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#64748b;font-size:14px}.aq-spinner{width:24px;height:24px;border:2.5px solid rgba(37,99,235,.15);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:50px 20px;text-align:center;color:#64748b;font-size:14px}.aq-empty span{font-size:2.5rem}.aq-preview-panel{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(99,102,241,.18);border-radius:20px;padding:20px;box-shadow:0 4px 20px #6366f11a}body.dark .aq-preview-panel{background:#0f172acc;border-color:#6366f133}.aq-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.aq-preview-badge{font-size:12.5px;font-weight:700;color:#6366f1;background:#6366f11a;padding:4px 12px;border-radius:20px}body.dark .aq-preview-badge{color:#a78bfa;background:#a78bfa1f}.aq-preview-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px;line-height:1.6}.aq-preview-empty span{font-size:2rem;display:block;margin-bottom:8px}.aq-preview-card{background:#f8fafccc;border-radius:14px;padding:16px;border:1px solid rgba(37,99,235,.08)}body.dark .aq-preview-card{background:#1e293b80;border-color:#6366f11f}.aq-preview-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.aq-preview-meta span{font-size:11px;font-weight:600;background:#2563eb14;color:#2563eb;padding:2px 8px;border-radius:6px}body.dark .aq-preview-meta span{background:#818cf81f;color:#818cf8}.aq-preview-q{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px;line-height:1.5}body.dark .aq-preview-q{color:#f1f5f9}.aq-opt-letter{font-weight:700;margin-right:4px}.aq-preview-feedback{margin-top:14px;padding:10px 14px;border-radius:10px;font-size:13.5px;font-weight:600;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.aq-preview-feedback.correct{background:#f0fdf4;color:#15803d}.aq-preview-feedback.wrong{background:#fef2f2;color:#b91c1c}body.dark .aq-preview-feedback.correct{background:#22c55e1a;color:#4ade80}body.dark .aq-preview-feedback.wrong{background:#ef44441a;color:#f87171}.aq-preview-expl{font-size:12.5px;font-weight:400;margin:6px 0 0;opacity:.85}.alpha-editor-container{display:flex;width:100%;height:100%;background-color:#0f172a;color:#f8fafc;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.alpha-sidebar{width:280px;height:100%;background:#0f172abf;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:10;box-shadow:10px 0 30px #00000040;overflow-y:auto}.alpha-properties-panel{width:320px;height:100%;background:#0f172abf;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:10;box-shadow:-10px 0 30px #00000040;overflow-y:auto}.alpha-sidebar::-webkit-scrollbar,.alpha-properties-panel::-webkit-scrollbar,.alpha-scrollable::-webkit-scrollbar{width:6px}.alpha-sidebar::-webkit-scrollbar-thumb,.alpha-properties-panel::-webkit-scrollbar-thumb,.alpha-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.alpha-sidebar::-webkit-scrollbar-thumb:hover,.alpha-properties-panel::-webkit-scrollbar-thumb:hover,.alpha-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.alpha-top-bar{position:absolute;top:16px;left:16px;right:16px;height:48px;background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 8px 32px #0000004d}.alpha-status-bar{position:absolute;bottom:16px;left:16px;right:16px;height:36px;background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:18px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 4px 20px #00000040;font-size:11px;color:#94a3b8}.alpha-search-wrapper{padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.alpha-search-input{width:100%;padding:8px 12px 8px 36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;transition:all .2s ease;outline:none}.alpha-search-input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.alpha-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#64748b;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.alpha-accordion-header:hover{background:#ffffff05;color:#94a3b8}.alpha-drag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.alpha-drag-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:grab;transition:all .2s ease;font-size:11px;font-weight:500;text-align:center;color:#cbd5e1}.alpha-drag-item:hover{background:#ffffff12;border-color:#6366f166;color:#fff;transform:translateY(-2px)}.alpha-drag-item:active{cursor:grabbing}.alpha-drag-item svg{margin-bottom:6px;color:#818cf8}.alpha-canvas-wrapper{flex:1;position:relative;overflow:hidden;outline:none;cursor:grab}.alpha-canvas-wrapper:active{cursor:grabbing}.alpha-canvas-svg{width:100%;height:100%;display:block}.alpha-node{cursor:move;transition:filter .15s ease}.alpha-node.selected{filter:drop-shadow(0 0 6px rgba(99,102,241,.6))}.alpha-node-bg{fill:#1e293b;stroke:#475569;stroke-width:1.5;transition:fill .2s,stroke .2s}.alpha-node.selected .alpha-node-bg{stroke:#6366f1;stroke-width:2;fill:#1e1b4b}.alpha-port{cursor:crosshair;transition:r .15s,fill .15s}.alpha-port:hover{r:6;fill:#10b981!important}.alpha-wire-bg{fill:none;stroke:transparent;stroke-width:12;cursor:pointer}.alpha-wire{fill:none;stroke:#475569;stroke-dasharray:none;transition:stroke .25s,stroke-width .15s}.alpha-wire.selected{stroke:#6366f1!important;stroke-width:3.5!important;filter:drop-shadow(0 0 4px rgba(99,102,241,.6))}.alpha-wire.high{stroke:#10b981;stroke-width:3px;filter:drop-shadow(0 0 6px rgba(16,185,129,.8))}.alpha-wire.low{stroke:#3b82f6;stroke-width:2.5px;filter:drop-shadow(0 0 3px rgba(59,130,246,.3))}.alpha-wire.pulse-flow{stroke:#fff;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:8 24;filter:drop-shadow(0 0 8px #ffffff) drop-shadow(0 0 4px #10b981);animation:pulse-dash .75s infinite linear;pointer-events:none}@keyframes pulse-dash{to{stroke-dashoffset:-32}}.sim-interactive{cursor:pointer}.sim-interactive:hover{filter:brightness(1.2)}.alpha-properties-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.alpha-properties-section h3{font-size:12px;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:12px;letter-spacing:.5px}.alpha-field-row{display:flex;gap:12px;margin-bottom:12px}.alpha-field-col{flex:1}.alpha-field-label{display:block;font-size:11px;font-weight:500;color:#94a3b8;margin-bottom:4px}.alpha-property-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;font-size:13px;outline:none}.alpha-property-input:focus{border-color:#6366f1;background:#ffffff12}.alpha-color-pill{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s}.alpha-color-pill:hover{transform:scale(1.15)}.alpha-color-pill.active{border-color:#fff;transform:scale(1.1)}.alpha-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.alpha-tool-btn:hover{background:#ffffff14;color:#fff}.alpha-tool-btn:active{transform:scale(.95)}.alpha-tool-btn.active{background:#6366f1;color:#fff}.alpha-tool-divider{width:1px;height:24px;background:#ffffff1a;margin:0 8px}.alpha-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.alpha-action-btn.primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.alpha-action-btn.primary:hover{box-shadow:0 0 12px #a855f766;transform:translateY(-1px)}.alpha-action-btn.success{background:#10b981;color:#fff}.alpha-action-btn.success:hover{box-shadow:0 0 12px #10b98166}.alpha-action-btn.secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.alpha-action-btn.secondary:hover{background:#ffffff1f;color:#fff}.alpha-selection-box{fill:#6366f114;stroke:#6366f199;stroke-width:1;stroke-dasharray:4 3}.alpha-temp-wire{fill:none;stroke:#10b981;stroke-width:2.5;stroke-dasharray:4 4}.alpha-sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026}.alpha-sidebar-tab{flex:1;padding:10px 4px;text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.alpha-sidebar-tab.active{color:#818cf8;border-bottom-color:#6366f1;background:#ffffff05}.alpha-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;color:#cbd5e1;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.02);transition:all .15s}.alpha-layer-item:hover{background:#ffffff08;color:#fff}.alpha-layer-item.active{background:#6366f126;color:#a5b4fc}.alpha-sim-panel{position:absolute;top:80px;left:16px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;z-index:15;box-shadow:0 10px 25px #0000004d}.student-preview-pane{flex:1;display:flex;background:#0f172a;height:100%}.student-question-card{width:380px;height:100%;border-right:1px solid rgba(255,255,255,.08);padding:24px;display:flex;flex-direction:column;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.student-canvas-pane{flex:1;position:relative;background:#090d16}.student-option-btn{width:100%;padding:12px 16px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:8px;color:#cbd5e1;text-align:left;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px;font-size:13px}.student-option-btn:hover{background:#ffffff0f;border-color:#ffffff26}.student-option-btn.selected{background:#6366f126;border-color:#6366f1;color:#a5b4fc}.student-option-btn.correct{background:#10b98126!important;border-color:#10b981!important;color:#6ee7b7!important}.student-option-btn.wrong{background:#ef444426!important;border-color:#ef4444!important;color:#fca5a5!important}.alpha-toast{position:absolute;bottom:64px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 4px 15px #6366f166;z-index:100;animation:fade-in-up .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}*{margin:0;padding:0;box-sizing:border-box}body.light{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#1f2937}body.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f9fafb}.container{min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding-top:68px}.header{padding:16px 20px;background:linear-gradient(90deg,#2563eb,#1e40af);color:#fff;box-shadow:0 4px 15px #0003;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.header-top{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.header-top h1{font-size:22px;font-weight:700;letter-spacing:1px}.user-badge{color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.role-tag{padding:2px 8px;border-radius:6px;font-size:11px;text-transform:uppercase}.hamburger-wrapper{position:relative}.hamburger-button{background:#ffffff26;border:none;border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease}.hamburger-button:hover{background:#ffffff4d}.hamburger-icon{display:flex;flex-direction:column;gap:5px;width:22px}.hamburger-icon span{display:block;height:2.5px;width:100%;background:#fff;border-radius:4px;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.hamburger-icon.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hamburger-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 16px 40px #0000002e;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:200}.hamburger-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}body.dark .hamburger-menu{background:#1e293bf2;box-shadow:0 16px 40px #00000080}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:15px;font-weight:500;color:#1e293b;border-radius:10px;cursor:pointer;transition:background .2s ease;text-align:left}.menu-item:hover{background:#2563eb14}body.dark .menu-item{color:#e2e8f0}body.dark .menu-item:hover{background:#ffffff14}.menu-item.logout{color:#ef4444}.menu-item.toggle{color:#6366f1}body.dark .menu-item.toggle{color:#fbbf24}.menu-divider{height:1px;background:#e2e8f0;margin:6px 12px}body.dark .menu-divider{background:#334155}.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.card{background:#fff;padding:30px;border-radius:16px;width:100%;max-width:600px;box-shadow:0 15px 40px #00000026;text-align:center;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}body.dark .card{background:#1f2937;box-shadow:0 15px 40px #00000080}.button{width:100%;padding:14px;margin:10px 0;border-radius:10px;border:none;cursor:pointer;font-size:16px;background:#f3f4f6;transition:all .2s ease}.button:hover{transform:scale(1.02)}body.dark .button{background:#374151;color:#fff}.primary-button{width:100%;padding:14px;margin-top:15px;border-radius:10px;border:none;cursor:pointer;font-size:16px;font-weight:700;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;transition:all .2s ease}.primary-button:hover{transform:scale(1.03)}.ad-banner{text-align:center;padding:12px;margin:10px auto;max-width:900px;background:#e5e7eb;border-radius:8px}body.dark .ad-banner{background:#374151}.sticky-ad{position:sticky;bottom:0}@media(min-width:1024px){.layout-row{display:flex;justify-content:center}.side-ad{width:160px;margin:0 15px;background:#e5e7eb;padding:10px;border-radius:8px}body.dark .side-ad{background:#374151}}@media(max-width:768px){.card{padding:20px}.header-top h1{font-size:18px}}