@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-color: #ffffff;--bg-color: #0f172a;--card-bg: #1e293b;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;overflow-x:hidden;padding-bottom:20px}.app-container{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--glass-border);margin-bottom:20px}.app-header h1{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.score-badge{background:var(--glass-bg);padding:8px 16px;border-radius:20px;border:1px solid var(--glass-border);font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;gap:20px}.progress-bar{font-size:.9rem;color:#fff9;text-align:right}.question-card{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0000001a;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-header{margin-bottom:16px}.question-number{background:var(--primary-gradient);padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:700;color:#fff}.source-badge{font-size:.75rem;color:#ffffff80;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.question-text{font-size:1.1rem;line-height:1.6;margin-bottom:24px}.question-image-container{margin:20px 0;background:#fff;padding:20px;border-radius:8px;display:flex;justify-content:center}.question-image{max-width:100%;max-height:300px}.options-container{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--glass-border);padding:16px;border-radius:12px;color:var(--text-color);font-family:inherit;font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.option-button:hover{background:#ffffff1a;transform:translate(5px)}.option-button.selected{background:var(--primary-gradient);border-color:transparent}.option-label{font-weight:600;opacity:.7}.navigation-buttons{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}button{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s}button:hover:not(:disabled){background:#fff3}button:disabled{opacity:.5;cursor:not-allowed}.primary-button,.submit-button{background:var(--primary-gradient);border:none}.primary-button:hover,.submit-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #6464ff4d}.question-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--glass-border)}.palette-item{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;border-radius:50%}.palette-item.active{border:2px solid #a78bfa}.palette-item.answered{background:#10b98133;color:#10b981;border-color:#10b981}.results-container{text-align:center;animation:fadeIn .5s ease-out}.score-summary{background:var(--card-bg);padding:40px;border-radius:20px;margin:30px 0;border:1px solid var(--glass-border)}.score-value{font-size:4rem;font-weight:700;margin:10px 0;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:15px;border-radius:12px;background:#0003}.stat-item.correct strong{color:var(--success-color);font-size:1.5rem}.stat-item.wrong strong{color:var(--error-color);font-size:1.5rem}.stat-item.unattempted strong{color:var(--warning-color);font-size:1.5rem}.header-controls{display:flex;align-items:center;gap:24px}.control-group{display:flex;align-items:center;gap:8px}.group-label{font-size:.85rem;color:#fff9;font-weight:600}.source-select{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:8px 12px;border-radius:8px;outline:none;font-family:inherit;font-size:.9rem;cursor:pointer;min-width:150px}.source-select option{background:#1e1e2e;color:#fff}.mode-toggle{display:flex;background:var(--glass-bg);border-radius:12px;padding:4px;border:1px solid var(--glass-border)}.toggle-btn{background:transparent;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem}.toggle-btn.active{background:var(--primary-gradient);color:#fff}.mode-badge{background:#a78bfa;color:#1e293b;padding:4px 8px;border-radius:4px;font-size:.7rem;margin-left:10px;font-weight:700}.option-button.correct{border:2px solid var(--success-color);background:#10b9811a}.option-button.incorrect{border:2px solid var(--error-color);background:#ef44441a}.icon-check{margin-left:auto;color:var(--success-color);font-weight:700}.icon-cross{margin-left:auto;color:var(--error-color);font-weight:700}.explanation-card{margin-top:24px;padding:20px;background:#ffffff0d;border-left:4px solid #a78bfa;border-radius:8px;animation:fadeIn .3s ease}.explanation-card h3{margin-top:0;color:#a78bfa;font-size:1.1rem;margin-bottom:12px}.explanation-content{color:#ffffffe6;font-size:.95rem;line-height:1.6}.explanation-step{margin-bottom:4px}.explanation-step.bullet{display:flex;gap:8px;padding-left:8px}.bullet-point{color:#a78bfa;font-weight:700}.explanation-step.numbered{margin-top:12px;margin-bottom:8px;color:#a78bfa;font-weight:500}.explanation-step.numbered strong{color:#fff}.explanation-spacer{height:8px}.explanation-text strong{color:#a78bfa}@media(max-width:768px){.app-container{padding:12px}.app-header{flex-direction:column;gap:16px;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap;gap:12px;justify-content:space-between}.control-group{flex:1;min-width:140px;justify-content:center}.score-value{font-size:3rem}.stats-grid{grid-template-columns:1fr;gap:12px}.question-text{font-size:1rem}.option-button{padding:12px;font-size:.95rem}.navigation-buttons{gap:12px}button{padding:10px 16px;font-size:.9rem}}.review-panel{display:flex;flex-direction:column;gap:20px}.review-header{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--glass-border)}.review-header h2{margin:0;font-size:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.export-btn{background:var(--success-color);border:none}.export-btn:hover{background:#059669}.questions-list{display:flex;flex-direction:column;gap:16px}.question-review-item{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .2s}.question-review-item:hover{border-color:#ffffff4d}.question-review-item.editing{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa}.q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.q-id{font-weight:700;color:#a78bfa}.q-source{font-size:.8rem;color:#ffffff80;margin-left:10px;margin-right:auto}.q-actions{display:flex;gap:8px}.delete-btn{background:#ef444433;color:#ef4444;border-color:#ef444480;padding:8px 16px}.delete-btn:hover{background:#ef444466}.q-text{font-size:1rem;color:#e2e8f0;margin:0;white-space:pre-wrap}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;color:#94a3b8;font-weight:600}.edit-form input[type=text],.edit-form input[type=number],.edit-form textarea{background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:10px;border-radius:8px;font-family:inherit;font-size:1rem}.edit-form textarea{min-height:100px;resize:vertical}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:#a78bfa}.option-input{display:flex;align-items:center;gap:10px}.option-input span{width:20px;color:#94a3b8}.option-input input{flex:1}.form-actions{display:flex;gap:12px;margin-top:10px;justify-content:flex-end}.save-btn{background:var(--primary-gradient);border:none}.cancel-btn{background:#ffffff1a}.eng-hub-container{max-width:1280px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;color:#1e293b;background-color:#f1f5f9;border-radius:1.5rem;min-height:100%}.eng-nav{display:flex;gap:2rem;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;overflow-x:auto;background-color:#fff;padding:1rem 2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.eng-nav-btn{padding:1rem .5rem;font-size:.875rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s}.eng-nav-btn:hover{color:#334155;border-bottom-color:#cbd5e1}.eng-nav-btn.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.eng-hero{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}@media(min-width:768px){.eng-hero{flex-direction:row;align-items:center;justify-content:space-between}}.eng-hero-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background-color:#e0e7ff;color:#3730a3;font-size:.875rem;font-weight:500;margin-bottom:1rem}.eng-title{font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:1rem}.eng-subtitle{font-size:1.125rem;color:#475569;margin-bottom:1.5rem}.eng-hero-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}@media(min-width:768px){.eng-hero-stats-grid{width:50%}}.eng-stat-card{background-color:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e7e5e4;text-align:center;transition:transform .2s}.eng-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.eng-stat-value{font-size:1.875rem;font-weight:700;color:#4f46e5}.eng-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#64748b;margin-top:.25rem}.eng-section{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:4rem}.eng-section-header{margin-bottom:2rem}.eng-section-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:#0f172a}.eng-mission-grid{display:grid;gap:2rem}@media(min-width:768px){.eng-mission-grid{grid-template-columns:2fr 1fr}}.eng-mission-main{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.eng-mission-item{padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.eng-mission-sidebar{background-color:#312e81;color:#fff;padding:1.5rem;border-radius:.75rem}.eng-syllabus-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#e0e7ff}.eng-playbook-tabs{display:flex;gap:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;overflow-x:auto}.eng-pb-tab{padding:1rem .5rem;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-weight:500;cursor:pointer;white-space:nowrap}.eng-pb-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.eng-pb-content{display:grid;gap:2rem}@media(min-width:768px){.eng-pb-content{grid-template-columns:1fr 1fr}}.eng-example-box{margin-top:1rem;padding:1rem;background-color:#fefce8;border:1px solid #fef9c3;border-radius:.5rem}.eng-quiz-card{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0}.eng-quiz-opt{width:100%;text-align:left;padding:.75rem;margin-bottom:.5rem;border:1px solid #e2e8f0;background:#fff;border-radius:.25rem;cursor:pointer;transition:background .2s}.eng-quiz-opt:hover:not(:disabled){background-color:#f1f5f9}.eng-quiz-opt.correct{background-color:#d1fae5;border-color:#10b981;color:#065f46}.eng-quiz-opt.wrong{background-color:#fef2f2;border-color:#fca5a5;color:#991b1b}.eng-simulator-panel{background-color:#0f172a;color:#fff;border-radius:1rem;padding:2rem;display:grid;gap:3rem}@media(min-width:768px){.eng-simulator-panel{grid-template-columns:1fr 1fr}}.eng-sim-input-group{margin-bottom:1.5rem}.eng-sim-slider{width:100%;height:.5rem;background:#334155;border-radius:.5rem;appearance:none;cursor:pointer}.eng-score-display{background-color:#1e293b;padding:2rem;border-radius:.75rem;text-align:center;border:1px solid #334155}.eng-score-text{font-size:3rem;font-weight:800;margin-bottom:.5rem}.eng-score-breakdown{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #334155;width:100%}.eng-breakdown-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.hub-container{font-family:Inter,system-ui,sans-serif;color:#1e293b;background-color:#f8fafc;min-height:100vh;padding:2rem}.hub-header{text-align:center;margin-bottom:2.5rem}.hub-title{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:.75rem}.hub-subtitle{font-size:1.125rem;color:#475569;max-width:48rem;margin:0 auto}.hub-badges{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.hub-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-indigo{background-color:#e0e7ff;color:#4338ca}.badge-emerald{background-color:#d1fae5;color:#047857}.badge-amber{background-color:#fef3c7;color:#b45309}.badge-rose{background-color:#ffe4e6;color:#be123c}.hub-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;overflow-x:auto}.tab-btn{padding:1rem 1.5rem;font-weight:500;font-size:.875rem;color:#64748b;border-bottom:3px solid transparent;background:none;border:none;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#334155;border-bottom-color:#cbd5e1}.tab-btn.active{color:#4f46e5;border-bottom:3px solid #4f46e5;font-weight:600}.view-section{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.syllabus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.syllabus-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s}.syllabus-card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.card-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.card-list{list-style:none;padding:0;margin:0 0 1rem;color:#475569;font-size:.875rem}.card-list li{margin-bottom:.5rem;display:flex;align-items:flex-start}.bullet{color:#818cf8;margin-right:.5rem}.pro-tip{font-size:.75rem;color:#64748b;font-style:italic;padding-top:1rem;border-top:1px solid #f1f5f9}.techniques-layout{display:grid;grid-template-columns:1fr 3fr;gap:2rem}@media(max-width:768px){.techniques-layout{grid-template-columns:1fr}}.tech-nav{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;height:fit-content}.tech-btn{width:100%;text-align:left;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:.5rem;font-size:.875rem;background:none;border:none;cursor:pointer;color:#475569}.tech-btn:hover{background-color:#f8fafc}.tech-btn.active{background-color:#eff6ff;color:#4338ca;font-weight:500}.tech-content{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.step-box{background-color:#f8fafc;padding:.75rem;border-radius:.25rem;border:1px solid #f1f5f9;margin-bottom:.5rem;font-size:.875rem;color:#334155}.example-box{background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:.5rem;padding:1.5rem;margin-top:2rem}.quiz-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media(max-width:768px){.quiz-layout{grid-template-columns:1fr}}.quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;position:relative}.quiz-body{padding:2rem}.quiz-topic-tag{display:inline-block;padding:.25rem .75rem;background-color:#e0e7ff;color:#4338ca;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.quiz-question{font-size:1.25rem;font-weight:500;color:#0f172a;margin-bottom:2rem}.quiz-option{width:100%;text-align:left;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:.75rem;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center}.quiz-option:hover{background-color:#eff6ff;border-color:#c7d2fe}.option-letter{font-weight:700;color:#94a3b8;width:2rem}.quiz-footer{background-color:#f8fafc;padding:1rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.nav-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid #cbd5e1;background:#fff}.btn-primary{background-color:#4f46e5;color:#fff;border:none}.btn-primary:hover{background-color:#4338ca}.feedback-overlay{position:absolute;inset:0;background-color:#fffffffa;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.875rem}.simple-chart-container{margin:1rem 0}.bar-group{margin-bottom:.5rem}.bar-label{font-size:.75rem;color:#64748b;margin-bottom:.25rem}.bar-bg{background:#f1f5f9;height:8px;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s}.donut-chart{width:150px;height:150px;border-radius:50%;background:conic-gradient(#a5b4fc 0% 25%,#4f46e5 25% 60%,#10b981 60% 90%,#fcd34d 90% 100%);margin:0 auto;position:relative}.donut-hole{width:80px;height:80px;background:#fff;border-radius:50%;position:absolute;top:35px;left:35px}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;font-size:.75rem}.legend-item{display:flex;align-items:center;gap:4px}.color-box{width:12px;height:12px;border-radius:3px}