:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--accent:#2f6feb;--accent-soft:#2f6feb29;--bg:#f7f7f8;--surface:#fff;--border:#dcdde0;--text:#1b1d1f;--text-muted:#5b5f66;--added-bg:#e6f4ea;--added-text:#1a6b34;--removed-bg:#fbe9e9;--removed-text:#a3231f;--radius:8px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem}@media (prefers-color-scheme:dark){:root{--accent:#6ea8fe;--accent-soft:#6ea8fe33;--bg:#16171a;--surface:#1e2023;--border:#34363b;--text:#e8e9ea;--text-muted:#a1a5ab;--added-bg:#123420;--added-text:#7ee2a0;--removed-bg:#3a1717;--removed-text:#f2938f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}main{max-width:960px;padding:0 var(--space-2) var(--space-4);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.app-header{max-width:960px;padding:var(--space-4) var(--space-2) var(--space-2);margin:0 auto}.app-header h1{margin:0 0 var(--space-1);letter-spacing:-.01em;font-size:1.75rem}.tagline{color:var(--text-muted);max-width:60ch;margin:0}.input-zone,.report-zone,.diff-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.input-zone label{margin-bottom:var(--space-1);font-weight:600;display:block}.diff-textarea{resize:vertical;width:100%;min-height:16rem;font-family:var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);font-size:.875rem;line-height:1.5}.diff-textarea::placeholder{color:var(--text-muted)}.input-actions{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.input-hint{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:.875rem}button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,background-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}#analyze-btn{background:var(--accent);border-color:var(--accent);color:#fff}#analyze-btn:disabled{background:var(--surface);border-color:var(--border);color:var(--text-muted)}.diff-panel summary{cursor:pointer;font-weight:600}.diff-view{margin-top:var(--space-2);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6}.diff-file+.diff-file{margin-top:var(--space-3)}.diff-file-path{padding-bottom:var(--space-1);font-weight:600}.diff-hunk+.diff-hunk{margin-top:var(--space-1)}.diff-hunk-header{color:var(--text-muted);padding:.125rem 0}.diff-line{white-space:pre-wrap;word-break:break-word;border-radius:3px;padding:0 .25rem}.diff-line.add{background:var(--added-bg);color:var(--added-text)}.diff-line.del{background:var(--removed-bg);color:var(--removed-text)}.concept-highlight{outline:2px solid var(--accent);outline-offset:-1px;background-color:var(--accent-soft);transition:background-color .2s,outline-color .2s}.report-zone{gap:var(--space-3);flex-direction:column;display:flex}.brief-section h2{margin:0 0 var(--space-2);font-size:1.125rem}.brief-section+.brief-section{border-top:1px solid var(--border);padding-top:var(--space-3)}.empty-note,.error-note,.change-note{color:var(--text-muted);font-style:italic}.change-note{margin-top:.25rem;font-size:.875rem}.error-note{color:var(--removed-text);font-style:normal}.change-map-summary{font-weight:600}.change-map-list,.concept-list,.learning-path-list,.quiz-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.learning-path-list,.quiz-list{padding-left:1.25rem;list-style:decimal}.change-map-entry,.concept-entry,.learning-path-entry,.quiz-entry{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2)}.file-path{font-family:var(--font-mono);font-weight:600}.change-stats,.change-functions{color:var(--text-muted);font-size:.875rem}.change-functions{font-family:var(--font-mono);margin-top:.25rem}.concept-label{font-weight:600}.concept-why{color:var(--text-muted);max-width:65ch;margin:.25rem 0 0}.concept-citations{margin:.5rem 0 0;font-size:.875rem}.citation-badge{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.05rem .35rem;transition:border-color .15s,background-color .15s}.citation-badge:hover{border-color:var(--accent);background:var(--accent-soft)}.citation-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz-prompt{margin:0 0 var(--space-1);max-width:65ch;font-weight:600}.quiz-answer summary{cursor:pointer;color:var(--accent)}.quiz-answer summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz-answer-text{margin:var(--space-1) 0 0;max-width:65ch}.quiz-source{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}@media (width<=480px){.app-header,main{padding-left:var(--space-1);padding-right:var(--space-1)}.input-actions{flex-direction:column;align-items:stretch}.input-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}