@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&display=swap";:root{--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"DM Serif Display", Georgia, serif;--bg:#f7f5f0;--surface:#fff;--text:#3d3a36;--text-muted:#7a756c;--text-heading:#1a1814;--border:#e8e4dc;--accent:#2d6a4f;--accent-light:#d8f3dc;--accent-hover:#1b4332;--quiz:#4361ee;--quiz-light:#e0e7ff;--correct:#2d6a4f;--correct-bg:#d8f3dc;--incorrect:#c1121f;--incorrect-bg:#fde8ea;--shadow:0 2px 12px #1a18140f;--shadow-lg:0 8px 32px #1a18141a;--radius:12px;--radius-lg:20px}@media (prefers-color-scheme:dark){:root{--bg:#141210;--surface:#1e1c19;--text:#c8c4bc;--text-muted:#8a857c;--text-heading:#f5f2eb;--border:#2e2b27;--accent:#52b788;--accent-light:#1b3329;--accent-hover:#74c69d;--quiz:#7b9fff;--quiz-light:#1a2040;--correct:#52b788;--correct-bg:#1b3329;--incorrect:#f07178;--incorrect-bg:#3d1518;--shadow:0 2px 12px #0000004d;--shadow-lg:0 8px 32px #0006}}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-serif);color:var(--text-heading);line-height:1.2}button{cursor:pointer;font-family:inherit}code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.9em}.app{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero-header{text-align:center;margin-bottom:2.5rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.hero-header h1{margin:0 0 .75rem;font-size:2.75rem}.subtitle{color:var(--text-muted);max-width:420px;margin:0 auto;font-size:1.05rem}.topic-grid{flex-direction:column;gap:.75rem;display:flex}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);text-align:left;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.topic-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.topic-icon{flex-shrink:0;font-size:2rem}.topic-info{flex:1;min-width:0}.topic-info h2{margin:0 0 .2rem;font-size:1.25rem}.topic-info p{color:var(--text-muted);margin:0;font-size:.9rem}.topic-meta{color:var(--accent);margin-top:.4rem;font-size:.78rem;font-weight:600;display:inline-block}.topic-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.25rem}.study-view{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.study-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.study-header.centered{justify-content:center}.study-title{flex-direction:column;gap:.15rem;display:flex}.topic-badge{color:var(--text-heading);font-size:.95rem;font-weight:600}.phase-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.progress-bar{background:var(--border);border-radius:99px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.progress-fill.quiz-fill{background:var(--quiz)}.progress-text{color:var(--text-muted);margin:0 0 1.5rem;font-size:.82rem}.concept-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem;animation:.3s fadeIn}.concept-card h2{flex:1;margin:0;font-size:1.5rem}.concept-header-row{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.concept-card p{margin:0;font-size:1.05rem;line-height:1.7}.highlight-box{background:var(--accent-light);border-radius:var(--radius);border-left:3px solid var(--accent);margin-top:1.25rem;padding:.85rem 1rem}.highlight-box code{color:var(--accent);font-weight:500}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.quiz-question{flex:1;margin:0;font-size:1.35rem}.quiz-question-row{align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.btn-listen{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;flex-shrink:0;padding:.45rem .75rem;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s}.btn-listen:hover{border-color:var(--quiz);background:var(--quiz-light)}.btn-listen.active{border-color:var(--quiz);background:var(--quiz-light);color:var(--quiz)}.btn-listen-sm{padding:.3rem .55rem;font-size:.78rem}.feedback-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.3rem;display:flex}.feedback-header strong{display:block}.options-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.option{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;color:var(--text);align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:.95rem;transition:border-color .15s,background .15s;display:flex}.option:hover:not(:disabled),.option.selected{border-color:var(--quiz);background:var(--quiz-light)}.option.correct{border-color:var(--correct);background:var(--correct-bg)}.option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.option:disabled{cursor:default}.option-letter{background:var(--surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.feedback{border-radius:var(--radius);margin-top:1.25rem;padding:1rem 1.15rem;animation:.2s fadeIn}.feedback strong{margin-bottom:.3rem;display:block}.feedback p{margin:0;font-size:.92rem}.feedback-correct{background:var(--correct-bg);color:var(--correct)}.feedback-incorrect{background:var(--incorrect-bg);color:var(--incorrect)}.results-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;margin-bottom:2rem;padding:2rem}.score-ring{border:6px solid var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:1.25rem;display:inline-flex}.score-ring[data-score="100"],.score-ring[data-score^="9"],.score-ring[data-score^="8"],.score-ring[data-score^="7"]{border-color:var(--correct)}.score-ring[data-score^="6"],.score-ring[data-score^="5"]{border-color:#e9c46a}.score-ring[data-score^="4"],.score-ring[data-score^="3"],.score-ring[data-score^="2"],.score-ring[data-score^="1"],.score-ring[data-score="0"]{border-color:var(--incorrect)}.score-value{font-family:var(--font-serif);color:var(--text-heading);font-size:2.25rem;line-height:1}.score-label{color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.results-card h2{margin:0 0 1.5rem;font-size:1.35rem}.results-breakdown{text-align:left;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.results-breakdown li{border-radius:var(--radius);border:1px solid var(--border);gap:.75rem;padding:.85rem 1rem;display:flex}.result-correct{background:var(--correct-bg)}.result-incorrect{background:var(--incorrect-bg)}.result-status{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem;font-weight:700}.result-correct .result-status{color:var(--correct)}.result-incorrect .result-status{color:var(--incorrect)}.result-question{color:var(--text-heading);margin:0 0 .3rem;font-size:.9rem;font-weight:600}.result-your-answer,.result-correct-answer{color:var(--text-muted);margin:0;font-size:.82rem}.nav-actions{justify-content:flex-end;gap:.75rem;display:flex}.results-actions{flex-wrap:wrap;justify-content:center}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius);border:none;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-muted);background:0 0;padding:.5rem .75rem}.btn-ghost:hover{color:var(--text-heading)}@media (width<=520px){.hero-header h1{font-size:2rem}.concept-card,.quiz-card,.results-card{padding:1.25rem}.nav-actions{flex-direction:column}.nav-actions button{width:100%}}.settings-link{margin-top:.5rem;font-size:.85rem}.job-prep-cta{background:var(--accent);color:#fff;border-radius:var(--radius-lg);text-align:left;cursor:pointer;border:none;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;padding:1.35rem 1.5rem;transition:background .15s,transform .15s;display:flex}.job-prep-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.job-prep-icon{flex-shrink:0;font-size:1.75rem}.job-prep-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.job-prep-text strong{font-size:1.05rem}.job-prep-text span{opacity:.9;font-size:.88rem;line-height:1.4}.job-prep-cta .topic-arrow{color:#fffc}.section-label{font-family:var(--font-serif);color:var(--text-heading);margin:0 0 .75rem;font-size:1.1rem}.section-desc{color:var(--text-muted);margin:-.25rem 0 1rem;font-size:.9rem}.saved-section{margin-bottom:2rem}.sample-section{margin-top:.5rem}.job-intro h2{margin:0 0 .5rem;font-size:1.5rem}.job-intro p{color:var(--text-muted);margin:0 0 1.5rem;line-height:1.6}.settings-banner{background:var(--incorrect-bg);border:1px solid var(--incorrect);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.settings-banner p{margin:0}.input-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.input-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:.5rem 1rem;font-size:.88rem;font-weight:600}.input-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.field-label{color:var(--text-heading);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;font-size:.88rem;font-weight:600;display:flex}.job-textarea,.job-url-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);resize:vertical;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.5}.job-textarea:focus,.job-url-input:focus{border-color:var(--accent);outline:none}.field-hint{color:var(--text-muted);font-size:.82rem;font-weight:400;line-height:1.4}.field-hint a{color:var(--accent)}.curriculum-header h2{margin:0 0 .25rem;font-size:1.75rem}.curriculum-company{color:var(--accent);margin:0 0 .75rem;font-weight:600}.curriculum-summary{color:var(--text-muted);margin:0 0 1.5rem;line-height:1.6}.curriculum-footer{text-align:center;margin-top:2rem}.danger-text{color:var(--incorrect)}.generating-view{justify-content:center;padding-top:3rem;display:flex}.generating-card{text-align:center;max-width:400px}.generating-card h2{margin:1rem 0 .5rem;font-size:1.35rem}.generating-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generating-message{color:var(--text);margin:.5rem 0;font-weight:500}.generating-hint{color:var(--text-muted);margin:0;font-size:.85rem}.generating-icon.error{background:var(--incorrect-bg);width:48px;height:48px;color:var(--incorrect);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem;font-weight:700;display:flex}.error-text{color:var(--text-muted);margin:0 0 1.25rem;line-height:1.5}.generating-actions{justify-content:center}.modal-overlay{z-index:100;background:#1a181480;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:1.75rem}.modal h2{margin:0 0 .5rem;font-size:1.35rem}.modal-desc{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.modal-actions{margin-top:1rem}.test-result{border-radius:var(--radius);text-align:left;margin:1rem 0 0;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.test-result p{margin:0}.test-ok{background:var(--correct-bg);color:var(--correct);border:1px solid var(--correct)}.test-fail{background:var(--incorrect-bg);color:var(--incorrect);border:1px solid var(--incorrect)}.test-details{opacity:.9;margin:.5rem 0 0;padding-left:1.1rem;font-size:.82rem}@media (prefers-color-scheme:dark){.modal-overlay{background:#000000a6}}