pre{display:contents}*{box-sizing:border-box;margin:0;padding:0}body{color:#334155;background:#f8fafc;padding:48px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65}.container{max-width:800px;margin:0 auto}h1{color:#0f172a;margin-bottom:8px;font-size:32px;font-weight:700}h2{color:#0f172a;margin-top:48px;margin-bottom:16px;font-size:20px;font-weight:600}.subtitle{color:#64748b;margin-bottom:32px;font-size:15px}.nav-toc{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:8px;margin:24px 0 32px;padding:16px}.nav-toc a{color:#64748b;text-decoration:none;background:#f1f5f9;border-radius:6px;padding:6px 12px;transition:all .15s;font-size:12px}.nav-toc a:hover{color:#334155;background:#e2e8f0}.stats-row{display:flex;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:24px;margin-bottom:40px;padding:20px 0}.stat{text-align:center}.stat-value{color:#0f172a;font-size:24px;font-weight:700}.stat-label{color:#64748b;text-transform:uppercase;font-size:11px}.at-a-glance{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b;border-radius:12px;margin-bottom:32px;padding:20px 24px}.glance-title{color:#92400e;margin-bottom:16px;font-size:16px;font-weight:700}.glance-sections{display:flex;flex-direction:column;gap:12px}.glance-section{color:#78350f;font-size:14px;line-height:1.6}.glance-section strong{color:#92400e}.see-more{color:#b45309;text-decoration:none;white-space:nowrap;font-size:13px}.see-more:hover{text-decoration:underline}.project-areas{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.project-area{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.area-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:8px}.area-name{color:#0f172a;font-size:15px;font-weight:600}.area-count{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px}.area-desc{color:#475569;font-size:14px;line-height:1.5}.narrative{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.narrative p{color:#475569;margin-bottom:12px;font-size:14px;line-height:1.7}.key-insight{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:14px}.section-intro{color:#64748b;margin-bottom:16px;font-size:14px}.big-wins{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.big-win{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.big-win-title{color:#166534;margin-bottom:8px;font-size:15px;font-weight:600}.big-win-desc{color:#15803d;font-size:14px;line-height:1.5}.friction-categories{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.friction-category{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:16px}.friction-title{color:#991b1b;margin-bottom:6px;font-size:15px;font-weight:600}.friction-desc{color:#7f1d1d;margin-bottom:10px;font-size:13px}.friction-examples{color:#334155;margin:0 0 0 20px;font-size:13px}.friction-examples li{margin-bottom:4px}.claude-md-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:16px}.claude-md-section h3{color:#1e40af;margin:0 0 12px;font-size:14px;font-weight:600}.claude-md-actions{border-bottom:1px solid #dbeafe;margin-bottom:12px;padding-bottom:12px}.copy-all-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:6px 12px;transition:all .2s;font-size:12px;font-weight:500}.copy-all-btn:hover{background:#1d4ed8}.copy-all-btn.copied{background:#16a34a}.claude-md-item{display:flex;border-bottom:1px solid #dbeafe;flex-wrap:wrap;align-items: flex-start;gap:8px;padding:10px 0}.claude-md-item:last-child{border-bottom:none}.cmd-checkbox{margin-top:2px}.cmd-code{color:#1e40af;display:block;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #bfdbfe;border-radius:4px;flex:1;padding:8px 12px;font-family:monospace;font-size:12px}.cmd-why{color:#64748b;width:100%;margin-top:4px;padding-left:24px;font-size:12px}.features-section,.patterns-section{display:flex;flex-direction:column;gap:12px;margin:16px 0}.feature-card{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:16px}.pattern-card{background:#f0f9ff;border:1px solid #7dd3fc;border-radius:8px;padding:16px}.feature-title,.pattern-title{color:#0f172a;margin-bottom:6px;font-size:15px;font-weight:600}.feature-oneliner,.pattern-summary{color:#475569;margin-bottom:8px;font-size:14px}.feature-why,.pattern-detail{color:#334155;font-size:13px;line-height:1.5}.feature-examples{margin-top:12px}.feature-example{border-top:1px solid #d1fae5;padding:8px 0}.feature-example:first-child{border-top:none}.example-desc{color:#334155;margin-bottom:6px;font-size:13px}.example-code-row{display:flex;align-items: flex-start;gap:8px}.example-code{color:#334155;overflow-x:auto;white-space:pre-wrap;background:#f1f5f9;border-radius:4px;flex:1;padding:8px 12px;font-family:monospace;font-size:12px}.copyable-prompt-section{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.copyable-prompt-row{display:flex;align-items: flex-start;gap:8px}.copyable-prompt{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;flex:1;padding:10px 12px;font-family:monospace;font-size:12px;line-height:1.5}.feature-code{display:flex;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items: flex-start;gap:8px;margin-top:12px;padding:12px}.feature-code code{color:#334155;white-space:pre-wrap;flex:1;font-family:monospace;font-size:12px}.pattern-prompt{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;padding:12px}.pattern-prompt code{color:#334155;display:block;white-space:pre-wrap;margin-bottom:8px;font-family:monospace;font-size:12px}.prompt-label{text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:600}.copy-btn{cursor:pointer;color:#475569;background:#e2e8f0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:11px}.copy-btn:hover{background:#cbd5e1}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.chart-title{color:#64748b;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.bar-row{display:flex;align-items: center;margin-bottom:6px}.bar-label{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:100px;font-size:11px}.bar-track{background:#f1f5f9;border-radius:3px;flex:1;height:6px;margin:0 8px}.bar-fill{border-radius:3px;height:100%}.bar-value{color:#64748b;text-align:right;width:28px;font-size:11px;font-weight:500}.empty{color:#94a3b8;font-size:13px}.horizon-section{display:flex;flex-direction:column;gap:16px}.horizon-card{background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border:1px solid #c4b5fd;border-radius:8px;padding:16px}.horizon-title{color:#5b21b6;margin-bottom:8px;font-size:15px;font-weight:600}.horizon-possible{color:#334155;margin-bottom:10px;font-size:14px;line-height:1.5}.horizon-tip{color:#6b21a8;background:#fff9;border-radius:4px;padding:8px 12px;font-size:13px}.feedback-header{color:#64748b;margin-top:48px;font-size:16px}.feedback-intro{color:#94a3b8;margin-bottom:16px;font-size:13px}.feedback-section{margin-top:16px}.feedback-section h3{color:#475569;margin-bottom:12px;font-size:14px;font-weight:600}.feedback-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.feedback-card.team-card{background:#eff6ff;border-color:#bfdbfe}.feedback-card.model-card{background:#faf5ff;border-color:#e9d5ff}.feedback-title{color:#0f172a;margin-bottom:6px;font-size:14px;font-weight:600}.feedback-detail{color:#475569;font-size:13px;line-height:1.5}.feedback-evidence{color:#64748b;margin-top:8px;font-size:12px}.fun-ending{text-align:center;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:12px;margin-top:40px;padding:24px}.fun-headline{color:#78350f;margin-bottom:8px;font-size:18px;font-weight:600}.fun-detail{color:#92400e;font-size:14px}.collapsible-section{margin-top:16px}.collapsible-header{display:flex;cursor:pointer;border-bottom:1px solid #e2e8f0;align-items: center;gap:8px;padding:12px 0}.collapsible-header h3{color:#475569;margin:0;font-size:14px;font-weight:600}.collapsible-arrow{color:#94a3b8;transition:transform .2s;font-size:12px}.collapsible-content{display:none;padding-top:16px}.collapsible-content.open{display:block}.collapsible-header.open .collapsible-arrow{transform:rotate(90deg)}@media (max-width:640px){.charts-row{grid-template-columns:1fr}.stats-row{justify-content:center}}@media (max-width:640px){body{padding:24px 12px}h1{font-size:24px}h2{margin-top:32px;font-size:18px}.stats-row{gap:16px}.stat-value{font-size:18px}.nav-toc{gap:6px;padding:12px}.at-a-glance{padding:16px}.bar-label{width:72px;font-size:10px}.claude-md-item label{min-width:0}.example-code-row,.copyable-prompt-row{flex-direction:column}.example-code-row .copy-btn,.copyable-prompt-row .copy-btn{align-self: flex-end}.pattern-prompt{overflow-x:auto}.pattern-prompt code{font-size:11px}.feature-code{flex-direction:column}.feature-code .copy-btn{align-self: flex-end}}@media (prefers-color-scheme:dark){body{color:#cbd5e1;background:#0f172a}h1,h2,.stat-value,.area-name,.feature-title,.pattern-title{color:#f1f5f9}.subtitle,.stat-label,.area-count,.section-intro,.bar-value,.cmd-why,.prompt-label,.chart-title,.feedback-header,.feedback-evidence,.nav-toc a,.empty,.feedback-intro,.collapsible-arrow,.area-desc,.narrative p,.feature-oneliner,.pattern-summary,.copy-btn,.bar-label,.feedback-section h3,.feedback-detail,.collapsible-header h3{color:#94a3b8}.feature-why,.pattern-detail,.example-desc,.example-code,.feature-code code,.pattern-prompt code,.copyable-prompt,.friction-examples,.horizon-possible,.feedback-title{color:#cbd5e1}.cmd-code{color:#93c5fd}.nav-toc,.project-area,.narrative,.chart-card,.feedback-card,.cmd-code{background:#1e293b;border-color:#334155}.nav-toc a,.area-count,.bar-track,.example-code{background:#334155}.nav-toc a:hover{color:#e2e8f0;background:#475569}.stats-row,.collapsible-header,.copyable-prompt-section,.copyable-prompt,.feature-code,.pattern-prompt{border-color:#334155}.claude-md-actions,.claude-md-item{border-color:#1e3a5f}.feature-example{border-color:#064e3b}.copyable-prompt,.feature-code,.pattern-prompt{background:#1e293b;border-color:#334155}.copy-btn{color:#94a3b8;background:#334155}.copy-btn:hover{background:#475569}.at-a-glance{background:linear-gradient(135deg,#451a03 0%,#78350f 100%);border-color:#b45309}.glance-title{color:#fbbf24}.glance-section{color:#fde68a}.glance-section strong,.see-more{color:#fbbf24}.key-insight,.big-win{background:#052e16;border-color:#166534}.key-insight,.big-win-title{color:#86efac}.big-win-desc{color:#4ade80}.feature-card{background:#052e16;border-color:#166534}.pattern-card{background:#0c4a6e;border-color:#0369a1}.friction-category{background:#450a0a;border-color:#991b1b}.friction-title,.friction-desc{color:#fca5a5}.friction-examples{color:#e2e8f0}.claude-md-section{background:#172554;border-color:#1e40af}.claude-md-section h3{color:#93c5fd}.copy-all-btn{background:#2563eb}.copy-all-btn:hover{background:#3b82f6}.copy-all-btn.copied{background:#16a34a}.feedback-card.team-card{background:#172554;border-color:#1e40af}.feedback-card.model-card{background:#3b0764;border-color:#7c3aed}.horizon-card{background:linear-gradient(135deg,#3b0764 0%,#4c1d95 100%);border-color:#7c3aed}.horizon-title{color:#c4b5fd}.horizon-tip{color:#d8b4fe;background:#0000004d}.fun-ending{background:linear-gradient(135deg,#451a03 0%,#78350f 100%);border-color:#b45309}.fun-headline{color:#fde68a}.fun-detail{color:#fbbf24}}