: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}*{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{width:100vw;height:100vh;display:block}.app-main{background:radial-gradient(circle at .5px .5px, #d8d7d1 .6px, transparent .6px) 28px 0 / 28px 28px, var(--bg);width:100vw;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{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.tree-canvas.is-dragging{cursor:grabbing}.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.empty{opacity:.4}.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-dot{background:var(--ink);pointer-events:none;width:3px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-row-rule{background:repeating-linear-gradient(90deg,#e8e7e1 0 2px,#0000 2px 6px);flex:auto;height:1px;margin-left:8px}.tree-row.empty .tree-row-rule{opacity:.6}.tree-edges{pointer-events:none;position:absolute;inset:0}.tree-edge{fill:none;stroke:#d0cfc8;opacity:1;stroke-width:1.2px;transition:stroke .18s,stroke-width .18s,opacity .18s}.tree-edge.is-active{stroke-width:2.2px}.tree-edge.is-dimmed{opacity:.35}.tree-nodes{position:absolute;inset:0}.tree-node{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 .18s;display:inline-flex;position:absolute;box-shadow:0 1px 2px #1414140d}.tree-node:active{cursor:grabbing}.tree-node.is-node-dragging{cursor:grabbing;z-index:10;box-shadow:0 6px 18px #1414142e}.tree-node.is-dimmed{opacity:.15}.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-active{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;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.info-panel-year{font-weight:600}.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:15px;font-style:italic;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(2,minmax(0,1fr));gap:6px 16px;display:grid}.legend-row{white-space:nowrap;align-items:center;gap:8px;min-height:18px;line-height:1.2;text-decoration:none;display:flex}a.legend-row:hover .legend-label{color:var(--accent)}.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;max-width:240px;padding:10px 12px;position:absolute;bottom:20px;right:20px}.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}.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-footnote{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);margin-top:6px;font-size:9px;line-height:1.4}.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}@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:30;background:var(--ink);color:#f5f4ef;width:260px;font-family:var(--font-sans);text-transform:none;letter-spacing:0;pointer-events:none;border-radius:6px;padding:8px 10px;font-style:normal;font-weight:400;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 20px #14141438}.jargon-term:hover .jargon-tooltip,.jargon-term:focus .jargon-tooltip{display:block}.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}.timeline-page{background:var(--bg);height:100vh;overflow:auto}.timeline-header{max-width:1000px;margin:0 auto;padding:20px 28px 0}.timeline-header-top{align-items:baseline;gap:16px;display:flex}.timeline-back{color:var(--ink-3);white-space:nowrap;font-size:12px;text-decoration:none}.timeline-back:hover{color:var(--accent)}.timeline-title{font-family:var(--font-serif);letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:500;display:flex}.timeline-title-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.timeline-count{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-4);font-size:11px}.timeline-tabs{border-bottom:1px solid var(--rule-strong);flex-wrap:wrap;gap:6px;margin:14px 0 0;padding-bottom:14px;display:flex}.timeline-tab{color:var(--ink-3);border:1px solid var(--rule);background:var(--panel-bg);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;text-decoration:none}.timeline-tab:hover{color:var(--ink);border-color:var(--rule-strong)}.timeline-tab-active{font-weight:600}.timeline-table{max-width:1000px;margin:0 auto;padding:0 28px 48px}.timeline-row{border-bottom:1px solid var(--rule);grid-template-columns:56px 200px 250px 1fr;column-gap:28px;padding:20px 0;display:grid}.timeline-row-head{z-index:2;background:var(--bg);border-bottom:1px solid var(--rule-strong);padding:12px 0 10px;position:sticky;top:0}.timeline-cell-head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.timeline-year{font-family:var(--font-mono);padding-top:2px;font-size:13px}.timeline-name{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:16px;font-weight:600}.timeline-keytag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:3px;margin-top:6px;padding:2px 6px;font-size:9px;display:inline-block}.timeline-hook{font-family:var(--font-serif);color:var(--ink-2);text-wrap:pretty;margin:8px 0 0;font-size:13px;font-style:italic;line-height:1.5}.timeline-diagram{margin:0}.timeline-diagram .diagram-heading,.timeline-diagram .diagram-footnote{text-align:center}.timeline-details{flex-direction:column;gap:14px;max-width:640px;display:flex}.timeline-section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px;font-size:9px}.timeline-prose{font-family:var(--font-serif);color:var(--ink-2);text-wrap:pretty;font-size:13.5px;line-height:1.65}.timeline-unlocked{color:var(--ink-3)}@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}