:root{--bg:#fafaf7;--panel-bg:#fff;--ink:#111418;--ink-2:#363b42;--ink-3:#6b7280;--ink-4:#a3a7ad;--rule:#e5e4df;--rule-strong:#c9c8c2;--accent:#b2421f;--accent-soft:#f5e6de;--shadow-card:0 1px 2px #1414140a, 0 8px 28px #1414140f;--node-w:175px;--node-h:64px;--font-sans:"Söhne", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Tiempos Text", "Source Serif Pro", "Iowan Old Style", Georgia, serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--diagram-w:360px;--pad-target:100px;--tree-min:600px;--pad-shortfall:max(0px, calc(var(--tree-min) + var(--diagram-w) + 3 * var(--pad-target) - 100vw));--pad-r:max(0px, calc(var(--pad-target) - var(--pad-shortfall)));--pad-lm-shortfall:max(0px, calc(var(--pad-shortfall) - var(--pad-target)));--pad-l:max(0px, calc(var(--pad-target) - var(--pad-lm-shortfall) / 2));--pad-m:var(--pad-l)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}.app{flex-direction:row;width:100vw;height:100vh;display:flex;position:relative}.app-main{background:radial-gradient(circle at .5px .5px, #d8d7d1 .6px, transparent .6px) 28px 0 / 28px 28px, var(--bg);flex:auto;min-width:0;height:100vh;position:relative;overflow:hidden}.app-header{z-index:2;pointer-events:none;align-items:baseline;gap:12px;display:flex;position:absolute;top:10px;left:16px}.app-header-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:14px;font-weight:500}.app-header-sub{color:var(--ink-3);letter-spacing:.02em;font-size:11px}.tree-canvas{top:0;bottom:0;left:var(--pad-l);right:calc(var(--diagram-w) + var(--pad-m) + var(--pad-r));cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.tree-canvas.is-dragging{cursor:grabbing}.tree-pan{pointer-events:none;will-change:transform;position:absolute;inset:0}.tree-content,.tree-rows{pointer-events:none;position:absolute;inset:0}.tree-row{align-items:center;transition:opacity .12s;display:flex;position:absolute;left:0;right:0}.tree-row-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;padding-left:14px;font-size:11px;transition:font-weight .12s,color .12s}.tree-row.is-active-year .tree-row-label{color:var(--ink);font-weight:700}.tree-row.has-node .tree-row-label{color:var(--ink-2)}.tree-row-boundary{pointer-events:none;background:linear-gradient(90deg,#11141859 0 50px,#1114180f 110px 100%);height:1px;transition:background .12s;position:absolute;top:0;left:0;right:0}.tree-row-label{pointer-events:auto;cursor:default}.tree-row:has(.tree-row-label:hover) .tree-row-boundary{background:#11141873}.tree-row:has(.tree-row-label:hover)+.tree-row .tree-row-boundary{background:#11141873}.tree-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.tree-edge{fill:none;stroke:#d0cfc8;opacity:1;stroke-width:1.2px;transition:stroke .18s,stroke-width .18s,opacity .18s,d .32s}.tree-edge.is-active{stroke-width:2.2px}.tree-edge.is-inactive{opacity:.35}.tree-edge.is-dim-half{opacity:.5}.tree-edge.is-dim-low{opacity:.22}.tree-nodes{pointer-events:none;position:absolute;inset:0}.tree-node{pointer-events:auto;border:1px solid var(--rule-strong);cursor:grab;white-space:nowrap;font-family:var(--font-sans);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:4px 10px 4px 8px;transition:box-shadow .15s,border-color .15s,opacity .32s,left .32s,top .32s;animation:.26s ease-out tree-node-enter;display:inline-flex;position:absolute;box-shadow:0 1px 2px #1414140d}.tree-node.is-dim-half{opacity:.5}.tree-node.is-dim-low{opacity:.22}.tree-node.is-inactive{opacity:.15}.tree-node.is-exiting{opacity:0}@keyframes tree-node-enter{0%{opacity:0}}.tree-measure-layer{visibility:hidden;pointer-events:none;width:max-content;height:0;position:absolute;top:0;left:-100000px;overflow:visible}.tree-measure-layer .tree-node{transition:none;animation:none;position:static}.tree-node:active{cursor:grabbing}.tree-node.is-node-dragging{cursor:grabbing;z-index:10;box-shadow:0 6px 18px #1414142e}.tree-node:hover{box-shadow:0 2px 8px #1414141a}.tree-node.is-key{border-width:1.5px}.tree-node.is-endpoint{border-width:2px}.tree-node.is-leaf{border-bottom-width:3px}.tree-node.is-selected{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 3px 10px #1414141f}.tree-node-swatch{border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.tree-node-name{color:var(--ink);letter-spacing:-.005em;font-size:12px;font-weight:600;line-height:1.2}.zoom-controls{border:1px solid var(--rule);box-shadow:var(--shadow-card);background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:20px;left:20px}.zoom-controls button{width:28px;height:28px;color:var(--ink-2);font-size:15px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:5px}.zoom-controls button:hover{background:var(--bg);color:var(--ink)}.info-panel{background:var(--panel-bg);font-family:var(--font-sans);flex-direction:column;gap:12px;display:flex}.info-popup{background:var(--panel-bg);border:1px solid var(--rule-strong);z-index:20;border-radius:10px;animation:.16s ease-out popupIn;position:absolute;box-shadow:0 1px 2px #1414140f,0 18px 44px #14141424}.info-popup-body{max-height:inherit;padding:14px 16px 14px 18px;display:block;overflow-y:auto}.info-popup-col-text{min-width:0}.info-popup-col-diagram,.info-popup-connector{display:none}.info-popup-close{width:24px;height:24px;color:var(--ink-3);cursor:pointer;z-index:2;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.info-popup-close:hover{background:var(--bg);color:var(--ink)}@keyframes popupIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.info-panel-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.info-panel-year{font-weight:400}.info-panel-dot{opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px}.info-panel-branch{color:var(--ink-3)}.info-panel-keytag{background:var(--accent-soft);color:var(--accent);letter-spacing:.1em;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.info-panel-hook{font-family:var(--font-serif);color:var(--ink);text-wrap:pretty;margin:0;font-size:17px;line-height:1.4}.info-sections{flex-direction:column;gap:10px;margin-top:2px;display:flex}.info-section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-size:9px}.info-section-body{font-family:var(--font-serif);color:var(--ink-2);text-wrap:pretty;font-size:13px;line-height:1.45}.legend{grid-template-columns:repeat(5,minmax(0,auto));grid-auto-rows:auto;grid-auto-flow:row;gap:6px 16px;display:grid}.legend-row{white-space:nowrap;min-height:18px;line-height:1.2;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;transition:opacity .15s;display:flex}.legend-row.is-dimmed{opacity:.25}.legend-swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.legend-label{color:var(--ink-2);font-size:12px}.floating-legend{border:1px solid var(--rule);box-shadow:var(--shadow-card);z-index:3;background:#fff;border-radius:8px;padding:10px 12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.floating-legend .legend-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:10px}.hint-card{background:var(--panel-bg);border:1px solid var(--rule);max-width:460px;box-shadow:var(--shadow-card);z-index:3;pointer-events:none;opacity:.96;border-radius:12px;padding:24px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint-card-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px}.hint-card-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:22px;font-weight:400;line-height:1.2}.hint-card-body{font-family:var(--font-serif);color:var(--ink-2);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.app-rail{right:var(--pad-r);width:var(--diagram-w);flex-direction:column;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.app-rail-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 8px;font-size:10px;display:flex}.lineage-player{text-transform:none;letter-spacing:0;align-items:center;gap:6px;display:flex}.lineage-player-btn{font-family:var(--font-mono);color:var(--ink-2);border:1px solid var(--rule);cursor:pointer;background:0 0;padding:2px 6px;font-size:10px;line-height:1.2}.lineage-player-btn:hover{color:var(--accent);border-color:var(--accent)}.lineage-player-progress{font-family:var(--font-mono);color:var(--ink-3);font-size:9px}.app-rail-body{flex-direction:column;flex:auto;padding:4px 16px 16px;display:flex;overflow-y:auto}.info-popup-col-diagram .diagram-heading,.diagram-heading{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:9px}.diagram-frame{border:1px solid var(--rule);aspect-ratio:1;background:#fafaf5;border-radius:8px;width:100%;position:relative;overflow:hidden}.diagram-svg{width:100%;height:100%;display:block}.diagram-zoom-host{cursor:grab;position:absolute;inset:0}.diagram-zoom-host.is-dragging{cursor:grabbing}.diagram-zoom-reset{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);border:1px solid var(--rule);cursor:pointer;background:#ffffffd9;padding:2px 6px;font-size:9px;line-height:1;position:absolute;top:4px;right:4px}.diagram-zoom-reset:hover{color:var(--accent);border-color:var(--accent)}.diagram-tooltip{z-index:5;border:1px solid var(--rule);pointer-events:none;background:#fff;max-height:140px;padding:6px 8px;position:absolute;overflow:hidden;box-shadow:0 1px 4px #0000000f}.diagram-tooltip-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:9px}.diagram-tooltip-body{font-family:var(--font-serif);color:var(--ink-2);text-wrap:pretty;font-size:11px;line-height:1.4}[data-tooltip-id]{cursor:help}.diagram-footnote{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);margin-top:6px;font-size:9px;line-height:1.4}.diagram-descendants{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.diagram-descendant-btn{border:1.5px solid var(--rule-strong);cursor:pointer;font-family:var(--font-sans);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:3px 8px 3px 6px;line-height:1.2;transition:box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #1414140d}.diagram-descendant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #1414141a}.diagram-descendant-swatch{border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.diagram-descendant-name{color:var(--ink);letter-spacing:-.005em;font-size:11px;font-weight:600}.diagram-empty{height:100%;color:var(--ink-3);flex-direction:column;justify-content:center;padding:16px 18px;display:flex}.diagram-empty-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:11px}.diagram-empty-body{font-family:var(--font-serif);color:var(--ink-3);text-wrap:pretty;font-size:13px;line-height:1.5}.diagram-node circle{fill:#fff;stroke:var(--ink-2);stroke-width:.6px;transition:stroke .3s,stroke-width .3s}.diagram-node.accent circle{stroke:var(--ink);stroke-width:.9px}.diagram-node.is-new circle{stroke:var(--accent);stroke-width:1.2px;animation:1.6s ease-out pulse}.diagram-node-label{font-family:var(--font-mono);fill:var(--ink-2);font-size:3.2px}.diagram-node.is-new .diagram-node-label{fill:var(--accent)}.diagram-edge{stroke:#c9c8c2;stroke-width:.3px;transition:stroke .3s,stroke-width .3s}.diagram-edge.is-new{stroke:var(--accent);stroke-width:.6px;animation:1.6s ease-out pulseStroke}.diagram-weight{font-family:var(--font-mono);fill:var(--ink-3);font-size:2.6px}.diagram-weight.is-new{fill:var(--accent);animation:.6s ease-out fadeIn}.diagram-activation{font-family:var(--font-mono);fill:var(--ink-3);font-size:3px}.diagram-activation.is-new{fill:var(--accent);animation:.6s ease-out fadeIn}.diagram-formula{font-family:var(--font-mono);fill:var(--ink-2);letter-spacing:.02em;font-size:3.4px}.diagram-formula.is-new{fill:var(--accent);animation:.8s ease-out fadeIn}.grad-flow.is-new{animation:.8s ease-out fadeIn}.grad-path{fill:none;stroke:var(--accent);stroke-width:.6px;stroke-dasharray:1.2 1.2}.grad-arrowhead{fill:var(--accent)}.diagram-label.accent{fill:var(--accent);font-family:var(--font-mono);font-size:3px}.diagram-block rect{fill:#fff;stroke:var(--ink-2);stroke-width:.4px;transition:stroke .3s,stroke-width .3s}.diagram-block.is-new rect{stroke:var(--accent);stroke-width:.8px;animation:1.6s ease-out pulseStroke}.diagram-block.placeholder rect{fill:none;stroke:var(--ink-3);stroke-width:.3px;stroke-dasharray:1.2 1}.diagram-block.dim rect{opacity:.35}.diagram-block-label{font-family:var(--font-mono);fill:var(--ink-2);font-size:2.6px}.diagram-block.is-new .diagram-block-label{fill:var(--accent)}.diagram-block.placeholder .diagram-block-label{fill:var(--ink-3)}.diagram-system-edge{stroke:var(--ink-2);stroke-width:.4px;fill:none}.diagram-system-edge.is-new{stroke:var(--accent);stroke-width:.7px;animation:1.6s ease-out pulseStroke}.diagram-system-edge.dashed{stroke-dasharray:1.2 1}@keyframes pulse{0%{stroke-width:.6px}30%{stroke-width:1.6px}to{stroke-width:1.2px}}@keyframes pulseStroke{0%{stroke-width:.3px;opacity:.3}30%{stroke-width:1.2px;opacity:1}to{stroke-width:.6px;opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.jargon-term{color:var(--accent);border-bottom:1px dotted var(--accent);cursor:help;outline:none;text-decoration:none;position:relative}.jargon-term:hover,.jargon-term:focus{background:var(--accent-soft)}.jargon-tooltip{z-index:1000;background:var(--ink);color:#f5f4ef;width:300px;font-family:var(--font-sans);text-transform:none;letter-spacing:0;pointer-events:auto;border-radius:6px;padding:8px 10px;font-style:normal;font-weight:400;display:block;position:fixed;box-shadow:0 6px 20px #14141438}.jargon-tooltip-term{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#c9c8c2;margin-bottom:4px;font-size:10px;display:block}.jargon-tooltip-def{color:#f5f4ef;text-wrap:pretty;font-size:12px;line-height:1.45;display:block}.jargon-tooltip-line{display:block}.jargon-tooltip-line+.jargon-tooltip-line{margin-top:6px}.math-term{color:#2f7a3d;font-family:var(--font-mono);cursor:help;background:#2f7a3d14;border-bottom:1px dotted #2f7a3d;outline:none;padding:0 1px;text-decoration:none;position:relative}.math-term:hover,.math-term:focus{background:#2f7a3d2e}.math-tooltip{z-index:1001;background:var(--ink);color:#f5f4ef;font-family:var(--font-sans);text-transform:none;letter-spacing:0;pointer-events:auto;border-left:3px solid #4ea15c;border-radius:6px;padding:8px 10px;font-style:normal;font-weight:400;display:block;position:fixed;box-shadow:0 6px 20px #14141438}.math-tooltip-symbol{font-family:var(--font-mono);color:#b9e6c4;margin-bottom:2px;font-size:12px;display:block}.math-tooltip-techname{letter-spacing:.06em;text-transform:uppercase;color:#c9c8c2;margin-bottom:6px;font-size:10px;display:block}.math-tooltip-example{color:#f5f4ef;text-wrap:pretty;font-size:12px;line-height:1.45;display:block}@media (width<=640px){.info-popup{width:calc(100vw - 24px)}}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-track{background:0 0}.info-panel::-webkit-scrollbar-thumb{background:#d8d7d1;border-radius:4px}