:root{--bg-color:#fff;--text-primary:#1e293b;--text-secondary:#475569;--border-color:#e2e8f0;--quad-yellow:#f4e869;--quad-green:#7dc242;--quad-orange:#e8a94d;--quad-dark-green:#239b47;--accent:#e53e3e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{flex-direction:column;min-height:100vh;margin:0;display:flex}#root{box-sizing:border-box;width:100%;height:100vh;margin:0;padding:0;display:flex}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.app-main{background-color:#fff;flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow-y:auto}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:600}.page-container{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 6rem;animation:.5s ease-out fadeIn;display:flex}.page-header{text-align:left}.page-header h1{color:var(--text-primary);margin-bottom:.5rem;font-weight:700;font-size:2rem!important}.app-header p{color:var(--text-secondary);margin:0;font-size:1rem}.diagram-container{aspect-ratio:16/9;background:var(--bg-color);border:2px solid #000;border-radius:4px;width:100%;position:relative}.quadrants{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.quadrant{position:relative}.quadrant-tl{background:var(--quad-orange)}.quadrant-tr{background:var(--quad-dark-green)}.quadrant-bl{background:var(--quad-yellow)}.quadrant-br{background:var(--quad-green)}.quadrant-label{text-transform:uppercase;letter-spacing:.05em;color:#000000b3;padding:1.5rem;font-size:.75rem;font-weight:700;position:absolute}.quadrant-tl .quadrant-label{top:0;left:0}.quadrant-tr .quadrant-label{text-align:right;top:0;right:0}.quadrant-bl .quadrant-label{bottom:0;left:0}.quadrant-br .quadrant-label{text-align:right;bottom:0;right:0}.axis-x,.axis-y{z-index:5;background:#000;position:absolute}.axis-x{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.axis-x:after,.axis-x:before,.axis-y:after,.axis-y:before{content:"";border-style:solid;width:0;height:0;position:absolute}.axis-x:after{border-width:5px 0 5px 10px;border-color:#0000 #0000 #0000 #000;top:-4px;right:-10px}.axis-x:before{border-width:5px 10px 5px 0;border-color:#0000 #000 #0000 #0000;top:-4px;left:-10px}.axis-y:after{border-width:0 5px 10px;border-color:#0000 #0000 #000;top:-10px;left:-4px}.axis-y:before{border-width:10px 5px 0;border-color:#000 #0000 #0000;bottom:-10px;left:-4px}.axis-y{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.axis-label{color:#1e293b;letter-spacing:.05em;text-transform:uppercase;z-index:10;white-space:nowrap;background:0 0;padding:.25rem .5rem;font-size:.75rem;font-weight:700;position:absolute}.axis-label-left{top:50%;left:0;transform:translate(-120%,-50%)}.axis-label-right{top:50%;right:0;transform:translate(120%,-50%)}.axis-label-top{top:0;left:50%;transform:translate(-50%,-150%)}.axis-label-bottom{bottom:0;left:50%;transform:translate(-50%,150%)}.connections-overlay{z-index:15;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.theory-group{z-index:20;pointer-events:none;position:absolute;inset:0}.theory-node{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-dot{background:#fff;border:2px solid #000;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 2px 4px #0000001a}.theory-group.hovered .node-dot{border-color:var(--accent);z-index:50;transform:scale(1.3);box-shadow:0 0 8px #0000004d}.theory-group.selected .node-dot{border-color:var(--accent);background:var(--accent);transform:scale(1.3);box-shadow:0 0 8px #0000004d}.node-label-floating{white-space:nowrap;cursor:pointer;pointer-events:auto;color:#1e293b;box-shadow:none;background:#ffffffbf;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.theory-group.hovered .node-label-floating,.theory-group.selected .node-label-floating{background:#fffffff2;border-color:#0000000d;box-shadow:0 0 8px #0000004d;color:var(--accent)!important;z-index:55!important;transform:translate(-50%,-50%)scale(1.1)!important}.group-main-label{color:#1e293b;cursor:pointer;z-index:25;pointer-events:auto;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 10px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute}.theory-group.hovered .group-main-label,.theory-group.selected .group-main-label{color:var(--accent);z-index:55;background:#fffffff2;border-color:#0000000d;transform:scale(1.05);box-shadow:0 0 8px #0000004d}.details-section{box-shadow:none;border:1px solid var(--border-color);background:#fff;border-radius:4px;margin-top:4rem;padding:1.5rem 2rem}.details-header{margin-bottom:.5rem}.details-header h2{color:var(--text-primary);margin:0;font-weight:700;font-size:2rem!important}.details-tag-container{margin-bottom:1.5rem}.details-section p{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.6}.micro-group-tag{color:#c81e1e;letter-spacing:.05em;text-transform:uppercase;background:#fde8e8;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.controls-bar{margin-bottom:3rem}.filters-label{text-transform:uppercase;color:#64748b;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:block}.filter-pills{flex-wrap:wrap;gap:.75rem;display:flex}.filter-pill{color:#334155;cursor:pointer;box-shadow:none;background:#f1f5f9;border:none;border-radius:5px;padding:.4rem .8rem;font-size:.7rem;font-weight:600;transition:all .2s ease-in-out}.filter-pill:hover{background:#e2e8f0}.filter-pill.active{color:#0f172a;box-shadow:none;background:#a0e6e0;border:none}.filter-pill.active:hover{background:#8cd8d2}.category-badge{text-transform:uppercase;letter-spacing:.05em;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.empty-state{text-align:center;color:var(--text-secondary);border:2px dashed var(--border-color);border-radius:8px;margin-top:4rem;padding:3rem;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.diagram-container{aspect-ratio:1}.node-label-floating,.group-main-label{display:none}}.theory-diagram{width:100%;max-width:605px;margin:20px auto 14px;display:block}.diagram-note{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.6;margin:0 0 .5rem!important}.sidebar{background-color:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 1rem}.sidebar-header h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-link{color:#475569;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#0f172a;background-color:#f1f5f9}.nav-link.active{color:#0f172a;background-color:#a0e6e0}.nav-icon{justify-content:center;align-items:center;width:24px;font-size:1.2rem;display:flex}.page-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:2rem;display:flex}.footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-logos{align-items:center;gap:2rem;display:flex}.footer-content p{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:600}.footer-logo{object-fit:contain;opacity:.8;width:auto;height:40px;transition:opacity .2s}.footer-logo:hover{opacity:1}.page-header{z-index:20;position:relative}.flywheel-stack-container{aspect-ratio:1;width:100%;max-width:1000px;margin:-10% auto 2rem;position:relative}.fw-layer{position:absolute}.fw3{z-index:1;width:100%;height:100%;top:0;left:0}.fw2{z-index:2;transform-origin:50% 52.1212%;width:41.25%;height:41.25%;top:28.5%;left:29.375%}.fw4{z-index:3;width:41.25%;height:41.25%;top:28.5%;left:29.375%}.fw1{z-index:0;transform-origin:50%;width:13.3063%;height:13.3063%;top:43.3484%;left:43.3484%}.fw0{z-index:5;width:13.3063%;height:13.3063%;top:43.3484%;left:43.3484%}.fw-hover-target{z-index:10;cursor:pointer;border-radius:50%;width:41.25%;height:41.25%;position:absolute;top:29.375%;left:29.375%}.mechanism-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;animation:.5s ease-out fadeIn;position:relative}.mechanism-header{margin-bottom:3rem}.mechanism-header h1{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:700}.mechanism-header p{color:#64748b;margin:0;font-size:1rem}.mechanism-diagram-container{box-sizing:border-box;width:100%;padding:0 8rem 4rem;position:relative}.mech-row{z-index:2;grid-template-columns:280px 280px 280px;justify-content:center;gap:2rem;width:100%;margin-bottom:2rem;display:grid;position:relative}.mech-row-single{z-index:2;justify-content:center;width:100%;margin-bottom:2rem;display:flex;position:relative}.mech-box{text-align:center;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:125px;padding:1rem;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.examples-btn{color:#475569;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0003;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;padding:4px 8px;font-size:.65rem;transition:all .2s;display:flex}.examples-btn:hover{color:#1e293b;background:#0000000d}.mech-box-title{color:#1e293b;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.mech-box-subtitle{color:#334155;margin:0;font-size:.75rem;font-style:italic}.mech-box-examples{color:#334155;margin:0;font-size:.75rem;line-height:1.4}.bg-mint{background-color:#a3e4d7}.bg-blue{background-color:#a9bce1}.bg-purple{background-color:#c39bd3}.bg-yellow{background-color:#f4d03f}.bg-yellow-light{background-color:#f9e79f}.bg-orange{background-color:#f0b27a}.bg-tan{background-color:#d3b88c}.bg-gray-light{background-color:#f2f3f4;border:1px solid #e2e8f0}.border-dashed{box-shadow:none;background-color:#fff;border:2px dashed #475569}.experienced-state-container{z-index:2;background-color:#f3f4f6;border-radius:6px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:90%;margin:0 auto;padding:1.5rem;display:flex;position:relative}.experienced-state-title{color:#475569;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.experienced-state-boxes{justify-content:center;gap:3rem;width:100%;display:flex}.experienced-state-boxes .mech-box{flex-shrink:0;width:280px}.mechanism-svg-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.arrow-path{fill:none;stroke:#1e293b;stroke-width:1.5px}.arrow-path.dashed{stroke-dasharray:4 4}.arrow-head{fill:#1e293b}.loop-label{color:#64748b;z-index:3;white-space:nowrap;background:#fff;padding:2px 4px;font-size:.65rem;font-style:italic;position:absolute}.mech-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.mech-modal-content{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:3rem 2rem;position:relative;box-shadow:0 10px 25px #0003}.mech-modal-content h3{color:#1e293b;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.mech-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.mech-modal-close:hover{color:#0f172a}.fixture-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;padding:.5rem 1rem;font-size:.8rem}.flow-controls{border:1px solid var(--border-color);background:#fff;border-radius:4px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.flow-controls .filter-pill:not(.active){background:#fff;border:1px solid #a0e6e0}.flow-comparator-group{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.6rem}.flow-filter-group{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.flow-filter-group .filters-label{min-width:90px}.flow-stats{grid-template-columns:2fr 1fr;align-items:stretch;gap:1rem;margin:1rem 0;display:grid}.flow-year-group{border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:.6rem;padding:.75rem 1rem 1rem;display:flex}.flow-year-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:.75rem;font-weight:700}.flow-year-cards{flex:1;grid-template-columns:1fr;gap:1rem;display:grid}.flow-year-cards.two{grid-template-columns:1fr 1fr}.flow-stat-card{border-radius:4px;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;display:flex}.flow-stat-card.stay{background:#92a7d421;border:1px solid #92a7d4}.flow-stat-card.join{background:#19a43717;border:1px solid #19a437}.flow-stat-card.leave{background:#f373751c;border:1px solid #f37375}.flow-stat-card.join .flow-mini-list{border-top-color:#19a437}.flow-stat-card.leave .flow-mini-list{border-top-color:#f37375}.flow-stat-card.join .flow-mini-row.residual{border-top-color:#19a437}.flow-stat-card.leave .flow-mini-row.residual{border-top-color:#f37375}.flow-stat-word{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.85rem;font-weight:700}.flow-stat-value-row{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.flow-stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.flow-stat-vs{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.flow-stat-label{color:var(--text-secondary);font-size:.8rem}.flow-sample-line{color:var(--text-secondary);margin:.75rem 0 0;font-size:.85rem}.flow-mini-list{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.flow-mini-list h3{color:var(--text-primary);margin-bottom:.4rem;font-size:.8rem;font-weight:600}.flow-mini-row{color:var(--text-secondary);align-items:baseline;gap:.5rem;padding:.12rem 0;font-size:.8rem;display:flex}.flow-mini-pct{min-width:3rem;color:var(--text-primary);font-weight:600}.flow-mini-row.residual{border-top:1px dashed var(--border-color);margin-top:.3rem;padding-top:.35rem;font-style:italic}.flow-mini-row.residual .flow-mini-pct{color:var(--text-secondary)}.sankey-wrap{margin:1rem 0 0;overflow:visible}.sankey-node.stock{fill:#92a7d4}.sankey-node.out{fill:#f37375}.sankey-node.in{fill:#19a437}.sankey-ribbon-stay{fill:#92a7d4;opacity:.55}.sankey-ribbon-out{fill:#f37375;opacity:.45}.sankey-ribbon-in{fill:#19a437;opacity:.35}.sankey-node-label{fill:var(--text-secondary);font-size:13px}.sankey-stock-label{fill:var(--text-primary);font-size:14px;font-weight:700}.sankey-stay-label{fill:#5b74ad;font-size:15px;font-weight:600}.low-n-note{color:var(--text-secondary);font-size:.8rem;font-style:italic}.source-note{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:3rem;padding-top:1rem;font-size:.75rem}@media (width<=768px){.flow-stats,.flow-year-cards.two{grid-template-columns:1fr}}