*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--bg:#f7f7f7;--text-primary:#111;--text-secondary:#6b6b6b;--border-subtle:#e5e5e5;--accent:#000}body{background:var(--bg);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.container{max-width:1000px;margin:0 auto;padding:48px 32px}.subtitle{color:var(--text-secondary);margin-top:4px}.evolution-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;padding-top:24px;display:flex}.nav-link{color:var(--accent);font-weight:500;text-decoration:none}.nav-link:hover{opacity:.6}section{margin-top:40px}a{color:var(--accent);font-weight:500;text-decoration:none}a:hover{opacity:.6}ul{padding:0;list-style:none}.level-grid{grid-template-columns:3fr 2fr;gap:60px;margin-top:40px;display:grid}.code-block{margin-top:40px}.code-block pre{border:1px solid var(--border-subtle);background:#f3f3f3;padding:16px;font-family:monospace;font-size:13px;overflow-x:auto}.observations{border:1px solid var(--border-subtle);background:#fff;padding:24px}.code-snippet{border:1px solid var(--border-subtle);white-space:pre-wrap;background:#fafafa;padding:20px;font-family:monospace;font-size:14px;overflow-x:auto}.section-spacing{margin-top:20px}.runtime-box{background:#f5f5f5;border:1px solid #cfcfcf;padding:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px;display:grid}.summary-card{border:1px solid var(--border-subtle);background:#fafafa;padding:20px}.final-reflection{border-top:1px solid var(--border-subtle);margin-top:80px;padding-top:40px}.final-reflection p{margin-bottom:24px;font-size:18px}.signature{opacity:.7;font-size:14px;line-height:1.6}.evolutionList{line-height:2rem}.startingPoint{margin-top:80px;font-weight:500}.levelHint{color:#666;font-size:.9rem;font-weight:400;display:block}.evolutionList li{margin-bottom:1.6rem}.industryContext{max-width:800px}.coreIdea{margin-top:2rem;font-weight:500}.closingThought{opacity:.8;margin-top:1.5rem}.subtitle{opacity:.7;margin-bottom:1rem}.paradigmShift{max-width:800px;margin-top:4rem}.shiftStatement{margin:2rem 0;font-size:1.1rem;font-weight:500}.labDefinition{opacity:.85;margin-top:2rem}.evolutionSection{margin-top:40px}.evolutionCard{color:inherit;background:#fafafa;border:1px solid #ddd;padding:16px 20px;text-decoration:none;transition:all .2s;display:block}.levelHint{opacity:.7;font-size:14px}.homeContainer{max-width:1100px;margin:0 auto;padding:20px 20px 0;line-height:1.6}.mainTitle{margin-bottom:10px;font-size:2.2rem}.subtitle{color:#666;margin-bottom:30px}.topGrid{grid-template-columns:1fr 1fr;gap:60px;display:grid}@media (max-width:900px){.topGrid{grid-template-columns:1fr}}pre{background:#f5f5f5;border-radius:6px;padding:12px;font-size:.9rem}.coreStatement{margin-top:20px;font-weight:600}.secondaryStatement{color:#555;margin-top:20px}.sectionDivider{border:none;border-top:1px solid #eee;margin:60px 0}.patternColumns{grid-template-columns:1fr 1fr;gap:40px;display:grid}.evolutionNav{gap:16px;margin-top:30px;display:grid}.evolutionCard{color:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:18px 22px;text-decoration:none;transition:all .2s;display:block}.evolutionCard:hover{color:#000;background:#f8f8f8;border-color:#d0d0d0}.levelTitle{margin-bottom:6px;font-weight:600;display:block}.levelHint{color:#666;font-size:.9rem}.summaryCard{border:1px solid #111}.startingPoint{color:#555;margin-top:40px}.appFooter{color:#0000008c;border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:6px;margin-top:64px;padding:24px 16px;font-size:13px;display:flex}.appFooter a{color:#000000bf;text-decoration:none;transition:color .2s}.appFooter a:hover{color:#666}@media (max-width:767px){.level-grid{grid-template-columns:1fr;display:block}}