*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-secondary:#111118;--text:#e0ddd5;--text-dim:#8a877f;--border:#1e1e28;--gold:#d4a843;--gold-glow:#d4a84340;--blue:#4a90d9;--blue-glow:#4a90d940;--red:#c75050;--red-glow:#c7505040;--green:#4caf50;--green-glow:#4caf5040;--purple:#9b59b6;--purple-glow:#9b59b640;--orange:#e67e22;--orange-glow:#e67e2240;--cyan:#00bcd4;--cyan-glow:#00bcd440;--white:#c8c8c8;--white-glow:#c8c8c840;--pink:#e91e90;--pink-glow:#e91e9040}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}#scroll-progress{background:linear-gradient(90deg, var(--purple), var(--gold), var(--cyan));z-index:1001;width:0%;height:2px;position:fixed;top:0;left:0}#fixed-header{z-index:1000;pointer-events:none;background:linear-gradient(#0a0a0ff7 0%,#0a0a0fe6 70%,#0000 100%);padding:10px 24px 20px;position:fixed;top:2px;left:0;right:0}#fixed-header h1{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:0;font-family:Cinzel,serif;font-size:1rem;font-weight:400}#header-tagline{color:var(--text-dim);text-align:center;letter-spacing:.08em;opacity:.7;margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.65rem}#date-range{color:var(--text-dim);text-align:center;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.8rem}#legend{z-index:1000;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0feb;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;font-size:.68rem;display:flex;position:fixed;bottom:16px;left:16px}.legend-item{color:var(--text-dim);align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}#date-ruler{z-index:900;pointer-events:none;width:60px;position:absolute;top:0;left:0}#date-ruler-inner{width:100%;position:relative}.ruler-tick{pointer-events:none;align-items:center;width:100%;display:flex;position:absolute;left:0}.ruler-label{color:var(--text-dim);white-space:nowrap;opacity:.7;padding-left:6px;font-family:JetBrains Mono,monospace;font-size:.55rem}.ruler-line{background:var(--text-dim);opacity:.25;width:10px;height:1px;position:absolute;right:0}.ruler-tick.major .ruler-label{color:var(--gold);opacity:1;font-size:.62rem;font-weight:500}.ruler-tick.major .ruler-line{opacity:.5;background:var(--gold);width:16px}#tree{min-height:100vh;margin-left:60px;padding-top:80px;padding-bottom:120px;position:relative}.lane-guide{background:var(--text-dim);opacity:.05;width:1px;position:absolute;top:0;bottom:0}#lane-labels{z-index:100;pointer-events:none;height:0;position:sticky;top:58px}.lane-label{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#0a0a0fd9;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.5rem;position:absolute;transform:translate(-50%)}.era-bar{text-align:center;pointer-events:none;z-index:8;position:absolute;left:0;right:0}.era-bar:before{content:"";background:linear-gradient(90deg, transparent, var(--text-dim), transparent);opacity:.1;z-index:-1;height:1px;position:absolute;top:50%;left:3%;right:3%}.era-bar span{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:var(--bg);opacity:.5;padding:0 14px;font-family:Cinzel,serif;font-size:.65rem;position:relative}#connections{pointer-events:none;z-index:5;width:100%;position:absolute;top:0;left:0;overflow:visible}.influence-line{pointer-events:stroke;cursor:pointer;transition:stroke-width .2s,opacity .2s}.influence-line:hover{stroke-width:3px!important;opacity:.9!important}.tree-node{text-align:center;cursor:pointer;z-index:10;opacity:0;max-width:130px;transition:opacity .4s,transform .4s;position:absolute;transform:translate(-50%)translateY(10px)}.tree-node.visible{opacity:1;transform:translate(-50%)translateY(0)}.tree-node-dot{border-radius:50%;width:8px;height:8px;margin:0 auto 3px;transition:transform .2s,box-shadow .2s}.tree-node:hover .tree-node-dot{transform:scale(2.2)}.tree-node.milestone .tree-node-dot{width:11px;height:11px}.tree-node-date{color:var(--text-dim);opacity:.7;margin-bottom:1px;font-family:JetBrains Mono,monospace;font-size:.55rem}.tree-node-title{font-family:Cinzel,serif;font-size:.66rem;font-weight:600;line-height:1.25}.tree-node.milestone .tree-node-title{font-size:.72rem;font-weight:700}#tree.node-hover .tree-node{opacity:.2!important}#tree.node-hover .tree-node.hover-active,#tree.node-hover .tree-node.hover-connected{opacity:1!important}#tooltip{z-index:2000;max-width:360px;color:var(--text);pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e14f5;border:1px solid #2a2a35;border-radius:8px;padding:12px 16px;font-size:.78rem;line-height:1.55;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px)}#tooltip.show{opacity:1;transform:translateY(0)}.tt-label{margin-bottom:4px;font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.tt-detail{color:var(--text-dim);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.68rem}.tt-desc{color:var(--text);line-height:1.55}.tt-evidence{color:var(--text-dim);border-left:2px solid #333;margin-top:6px;padding-left:8px;font-style:italic}#search-bar{z-index:1100;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0e0e14f5;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:none;position:fixed;top:10px;right:20px}#search-bar.open{display:flex}#search-input{color:var(--text);background:0 0;border:1px solid #2a2a35;border-radius:4px;outline:none;width:220px;padding:5px 10px;font-family:Inter,sans-serif;font-size:.78rem}#search-input:focus{border-color:var(--gold)}#search-input::placeholder{color:var(--text-dim);opacity:.5}#search-count{color:var(--text-dim);text-align:center;white-space:nowrap;min-width:48px;font-family:JetBrains Mono,monospace;font-size:.65rem}.search-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #2a2a35;border-radius:4px;padding:4px 8px;font-size:.75rem;line-height:1;transition:color .15s,border-color .15s}.search-btn:hover{color:var(--text);border-color:var(--text-dim)}.search-btn:disabled{opacity:.3;cursor:default}#search-close{border:none;padding:4px 6px;font-size:.9rem}.tree-node.search-match{z-index:20}.tree-node.search-match .tree-node-dot{filter:brightness(1.4);transform:scale(2)}.tree-node.search-active{z-index:25}.tree-node.search-active .tree-node-dot{filter:brightness(1.6);transform:scale(2.8)}#tree.searching .tree-node{opacity:.12!important}#tree.searching .tree-node.search-match{opacity:1!important}#tree.searching .influence-line{opacity:.04!important}@media (width<=1000px){.tree-node{max-width:100px}.tree-node-title{font-size:.58rem}.tree-node-date{font-size:.5rem}.lane-label{font-size:.45rem}#legend{display:none}}