/* Deep time: light is concentrated at the origin, the interface recedes. */
.vertical-zoom{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;width:28px;display:flex;align-items:center;flex-direction:column;gap:7px;opacity:.42;transition:opacity .18s;pointer-events:auto}.vertical-zoom:hover,.vertical-zoom:focus-within{opacity:1}.vertical-zoom input{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;width:24px;height:156px;margin:0;cursor:ns-resize;background:transparent;touch-action:none}.vertical-zoom input::-webkit-slider-runnable-track{width:2px;background:#aebad044;border-radius:2px}.vertical-zoom input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-left:-3px;background:#bbc8e1;border-radius:50%;box-shadow:0 0 0 3px #bbc8e110}.vertical-zoom input::-moz-range-track{width:2px;background:#aebad044;border-radius:2px}.vertical-zoom input::-moz-range-thumb{border:0;width:8px;height:8px;background:#bbc8e1;border-radius:50%}.vertical-zoom input:focus-visible{outline:1px solid #bbc8e178;outline-offset:2px;border-radius:4px}.vertical-zoom-reset{border:0;background:transparent;color:#aebad0;font-size:13px;width:28px;height:24px;padding:0;cursor:pointer}.vertical-zoom-reset:hover{color:#eef2ff}.vertical-zoom-reset:focus-visible{outline:1px solid #bbc8e1;outline-offset:1px}.vertical-zoom-readout{position:absolute;right:34px;top:66px;color:#b7c4df;background:#0b1022e8;padding:5px 8px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s}.vertical-zoom:hover .vertical-zoom-readout,.vertical-zoom:focus-within .vertical-zoom-readout{opacity:1}@media(max-width:760px){.vertical-zoom{right:3px}.vertical-zoom input{height:124px}}@media(prefers-reduced-motion:reduce){.vertical-zoom,.vertical-zoom-readout{transition:none}}
.comparison-sources{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px;font-size:10px;color:#adbedc}.comparison-sources a{text-decoration:none;border-bottom:1px solid #adbedc38}.comparison-sources a:hover{color:#eef2ff}.comparison-sources[hidden]{display:none}.quick-explore>.collection-label{margin-top:15px;margin-bottom:6px;color:#9daed1!important;font-size:10px!important;letter-spacing:1px}@media(max-width:760px){.quick-explore>.collection-label{margin:0 4px;font-size:9px!important;white-space:nowrap}}
.branch-entry.summary-entry rect{fill:transparent;stroke:none}.branch-entry.summary-entry .entry-action{fill:#9dabc5;font-size:11px}.branch-entry.summary-entry:hover .entry-action,.branch-entry.summary-entry:focus .entry-action{fill:#e1e7f7}.branch-entry.summary-entry:focus-visible{outline:1px solid #a7bce2;outline-offset:2px}
.label-leader{fill:none;stroke:#9aaacb;stroke-width:.7;stroke-opacity:.5;stroke-dasharray:2 3;pointer-events:none}
.context-connector{fill:none;stroke:#a1b5df;stroke-width:1;stroke-opacity:.6;stroke-dasharray:3 5;pointer-events:none}.context-entry rect{fill:transparent!important;stroke:none!important}.context-entry .entry-name{fill:#c1cde6;font-size:13px}.context-entry .entry-action{fill:#8f9fbd;font-size:10px}.context-entry:hover .entry-name,.context-entry:focus .entry-name{fill:#f0eaff}.context-entry:focus-visible{outline:1px solid #a7bce2;outline-offset:4px}
.branch-nav select{background:transparent;color:#9aafd4;border:0;font:inherit;padding:7px 4px;max-width:200px;outline-offset:3px;cursor:pointer}.branch-nav select option{background:#101629;color:#d6e0f3}.origin-light{transform-box:fill-box;transform-origin:center;animation:origin-breathe 8s ease-in-out infinite alternate}.motion-off .origin-light{animation:none}@keyframes origin-breathe{from{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}
:root{--bg:#050713;--text:#e5e6f1;--muted:#9b9eb8;--dim:#727b9c;--line:#b5c0fa18;--cyan:#b6c7f7;--blue:#c1b4f0;--gold:#dfcbb0;--rail:192px}
body{background:#050713}.atlas{background:radial-gradient(ellipse at 33% 62%,#15203966,transparent 48%),radial-gradient(ellipse at 83% 24%,#2e19463b,transparent 52%),linear-gradient(135deg,#050711,#0b1021 62%,#0d0a1c)}
.atlas:before{display:none}.atmosphere{display:block;inset:0;background:radial-gradient(ellipse at 30% 60%,#526ac114,transparent 40%);animation:atmosphere 36s ease-in-out infinite alternate}.atmosphere:after{display:none}#ambient{opacity:.38}
.header{background:transparent;border:0;height:76px}.brand svg{color:#bfcaec}.brand small{color:#9aa4c1}.header-actions,.text-btn{color:#b3b9cf}.edition{color:#7f89a6}.sidebar-surface,.sidebar-note,.workspace-title{display:none}
.scene-heading{left:30px;top:115px}.scene-heading .eyebrow{color:#8e98b8;font-size:8px;letter-spacing:1.6px}h1{font-size:28px;color:#f0eaf6;letter-spacing:3px}.scene-heading p{font-size:11px;color:#8b95b1;max-width:145px}
.quick-explore{left:24px;width:150px;top:270px;bottom:160px;gap:5px}.quick-explore>span{font-size:9px;color:#838da8}.quick-explore button{color:#a8b1c8;font-size:12px;border:0;padding:8px!important;background:none!important;border-radius:0;min-height:32px}.quick-explore button:before{display:none}.quick-explore button:after{color:#727c9a}.quick-explore button:hover,.quick-explore button.active{color:#eee9ff}.quick-explore button.active{box-shadow:inset 1px 0 #a8b9ef}.quick-explore button[data-pair]{font-size:11px}
.compare-bar{top:92px;right:30px;left:auto;width:480px;background:#b1b9f007;border:0;border-bottom:1px solid #b3c0f332;border-radius:0;min-height:50px;box-shadow:none}.compare-bar input{color:#e1e3f3}.field:focus-within{background:#c0bbef09;box-shadow:inset 0 -1px #a7b6ed}.marker{border:0;color:#a8c4ff}.marker.b{color:#c2b0f3}.swap{color:#7f8cae}.compare-submit{background:#bdc9f016;border:1px solid #c0cafa26;color:#dee5ff;font-weight:400;border-radius:3px}.compare-submit:hover{background:#b6c5ff28;color:white}.suggestions{background:#10172a;border-color:#a9b7f02b}.suggestions small{color:#9ba7c4}.suggestions button:hover,.suggestions button:focus{background:#b9c5f416}
.breadcrumbs{left:calc(var(--rail) + 30px);top:105px;right:560px}.breadcrumbs button{color:#8995b5;font-size:11px}.breadcrumbs button:last-child{color:#ced7ee}.breadcrumbs>span{color:#596586}.view-switch{top:157px;right:30px;border:0;background:none}.view-switch button{color:#8491b1;border-radius:0;padding:8px 12px}.view-switch .selected{background:none;color:#dce3f9;box-shadow:inset 0 -1px #b2c2f3}
.tree-stage{left:calc(var(--rail) + 12px);right:18px;top:207px;bottom:175px;border:0}.map-label{stroke:#0a1020;stroke-width:4px}.map-label .node-meta{fill:#8d9bbb;font-size:10px}.map-label.major .node-name{font-size:14px}.map-label .node-name{font-size:13px}.map-label.selected .node-name{font-size:15px}.branch{stroke-linecap:round}.node-tooltip{background:#10192be8;color:#c5d1e9;border-color:#b3c2ef22;box-shadow:none}
.glass{background:#101629eb;border:1px solid #a9b8e923;border-radius:4px;box-shadow:none;backdrop-filter:blur(20px)}.node-card{background:linear-gradient(135deg,#151c30f5,#111426f5);border:0;border-left:1px solid #b5c7ef45;right:28px;top:228px;width:260px;padding:18px}.node-card h2,.ancestor-title h2{color:#e8e9f5}.node-card p,.ancestor-card p{color:#b0bcd3}.node-card i,.ancestor-title>span{color:#8594b4}.node-age,.ancestor-time strong{color:#e1cbb2}.node-actions button{border:0;border-bottom:1px solid #a2b2e62e;border-radius:0;padding:7px 0;margin-right:12px;color:#b9cdf8}.node-actions{gap:3px}.eyebrow{color:#8da2ca}.card-close{color:#97a5c1}.ancestor-card{background:transparent;border:0;border-left:1px solid #a9b8e92a;border-radius:0;top:275px!important;padding:0 14px}.ancestor-card .eyebrow{color:#919dbc}.ancestor-time>span,.demo-note{color:#91a0bb}.subtle-btn{color:#bbcbed;border-color:#a2b6e742}
.view-meta{left:calc(var(--rail) + 30px);bottom:145px;color:#909ab3;font-size:10px}.tiny-line{background:#b2c0dc66}.view-meta #visibleCount{display:none}.explore-hint{left:calc(var(--rail) + 30px);bottom:122px;color:#7686a8;font-size:10px}.map-controls{bottom:120px;background:transparent;border:0;backdrop-filter:none}.map-controls button{color:#adb9d1}.map-controls #zoomLevel{color:#7e8dad}.time-axis{left:calc(var(--rail) + 30px);bottom:12px;height:105px;border-color:#a5b5e21c}.axis-top{font-size:10px;color:#a7b5d1;padding-top:8px}.axis-top i{color:#6d7d9f}.axis-top #axisRange{color:#8293b5;font-size:10px}.axis-top button{border:0;border-bottom:1px solid #adbfed2b;color:#adb9d1;border-radius:0;font-size:10px;padding:2px 0}.axis-bottom{font-size:9px;color:#7080a1}.fossil-legend{color:#98a1b5!important}.time-readout{background:#121a2d;border-color:#a3b5e92b;color:#bfcbe0}#timeline{height:68px}
.branch-entry rect{fill:#111a2b;fill-opacity:.65;stroke:#9cb2e32b}.branch-entry .entry-name{fill:#b5c6e9}.branch-entry .entry-action{fill:#8399c3}.branch-entry:hover rect{fill:#1d2944;stroke:#9eb8ed}
dialog{background:linear-gradient(135deg,#141b30,#161326);border-color:#a7b5e930}dialog p{color:#b1bdd7}dialog::backdrop{background:#020510bf}.source-links{color:#b4c8f0}.fossil-grid button{background:transparent;border-color:#a6b8e621}.fossil-grid strong{color:#dbc8b9}.fossil-grid span{color:#90a0bd}.fossil-library h3{color:#aab8d5}
.branch-nav{position:absolute;left:calc(var(--rail) + 30px);right:210px;top:157px;z-index:6;display:flex;align-items:center;gap:14px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:11px;height:34px}.branch-nav:empty{display:none}.branch-nav button{padding:7px 0;color:#9aafd4;flex-shrink:0}.branch-nav button:hover{color:#e1eaff}.branch-nav .parent-link{color:#d2d9ef}.branch-nav span{color:#657492;font-size:10px;flex-shrink:0}.branch-nav .current-branch{color:#d3dcef}
.origin-light{pointer-events:none}.origin-core{fill:#fff6e6;filter:drop-shadow(0 0 8px #e4e0ff)}.origin-hit{fill:transparent;cursor:pointer}.origin-label{fill:#d7d9ed;font:14px Georgia,serif;letter-spacing:4px}.origin-caption{fill:#7f8cac;font-size:10px;letter-spacing:.3px}.origin-link{fill:none;stroke:#a4b5de;stroke-opacity:.4;stroke-width:1;stroke-dasharray:2 6}.origin-node{cursor:pointer}.origin-node:focus-visible{outline:none}.origin-node:focus-visible .origin-focus{stroke:#b9cdff}.origin-focus{fill:none;stroke:transparent}
@media(min-width:1450px){:root{--rail:215px}.scene-heading{left:32px}h1{font-size:32px}.quick-explore{width:158px;left:26px}.compare-bar{width:480px}.tree-stage{top:207px;bottom:175px}}
@media(min-width:761px) and (max-width:1100px){:root{--rail:168px}.scene-heading{left:24px}h1{font-size:25px}.scene-heading p{font-size:10px}.quick-explore{left:18px;width:132px}.compare-bar{width:430px;top:90px;right:24px}.breadcrumbs{top:101px;right:480px}.ancestor-card{left:12px;width:calc(var(--rail) - 24px);padding:0 10px}.ancestor-card .ancestor-time strong{font-size:15px}}
@media(max-height:800px) and (min-width:761px){.scene-heading{top:110px}.quick-explore{top:255px;bottom:145px}.quick-explore button{min-height:27px;padding:5px 8px!important}.tree-stage{top:204px;bottom:175px}.view-meta{bottom:145px}.explore-hint{bottom:122px}.breadcrumbs{top:105px}.view-switch{top:155px}.node-card{top:215px}}
@media(max-width:760px){:root{--rail:0px}.header{height:65px}.compare-bar{top:77px;left:16px;right:16px;width:auto}.breadcrumbs{left:18px;right:175px;top:137px}.view-switch{top:131px;right:16px}.quick-explore{left:16px;right:16px;top:177px;width:auto;height:36px;bottom:auto}.quick-explore button{border:0;padding:6px 8px!important;min-height:30px;background:none!important}.quick-explore button.active{box-shadow:inset 0 -1px #aec2f0}.branch-nav{left:18px;right:18px;top:216px;font-size:11px;gap:15px;height:34px}.tree-stage{top:259px;left:6px;right:6px;bottom:185px}.view-meta{left:18px;bottom:163px}.map-controls{bottom:126px;right:16px}.time-axis{left:16px;right:16px;bottom:13px;height:99px}.axis-top{font-size:10px}.axis-bottom{font-size:8px}.node-card{left:16px;right:16px;top:auto;width:auto;bottom:185px;max-height:210px}.ancestor-card{top:auto!important;left:16px;right:16px;bottom:185px;width:auto;padding:12px 16px;background:#101628eb;border-left:1px solid #a9b8e92a}.ancestor-card .ancestor-time strong{font-size:18px}.ancestor-card .eyebrow{font-size:8px}.origin-label{font-size:12px}.origin-caption{font-size:9px}}

/* LifeTree brand and the two-line exploration heading. */
.brand{font-family:"Segoe UI",sans-serif;letter-spacing:.4px;font-weight:600}.brand small{font-weight:400;letter-spacing:1.4px}.scene-heading{width:calc(var(--rail) - 46px)}.scene-heading .eyebrow{display:block;font-size:7px;line-height:1.7;letter-spacing:1px;max-width:155px}.scene-heading h1{font-size:25px;letter-spacing:1px;line-height:1.45;margin:10px 0}.scene-heading p{margin-top:8px}
@media(min-width:1450px){.scene-heading h1{font-size:27px}}
@media(min-width:761px) and (max-width:1100px){.scene-heading h1{font-size:22px;letter-spacing:0}}

@media(min-width:761px){.quick-explore{top:300px}}