:root{color-scheme:dark;--bg:#07151e;--surface:#0a1b27;--surface-2:#102534;--border:#203b4d;--border-soft:#182e3b;--text:#e2edf3;--muted:#a2bacb;--subtle:#748fa2;--blue:#a0c9ed;--gold:#f3cf89;--mint:#86cfae;--cyan:#81d9df;--radius:13px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}button,select,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold)}button:hover{color:#fff}button svg{flex-shrink:0}button span[data-icon],span[data-icon]{display:inline-flex;align-items:center;justify-content:center}img{max-width:100%}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button,a{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 18px;background:var(--gold);color:#122535;z-index:500}.skip-link:focus{top:15px}.art{display:block;object-fit:contain;flex-shrink:0;user-select:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--subtle)}
/* The instrument panel: restrained chrome around the illustrated map. */
.topbar{height:78px;display:flex;align-items:center;gap:25px;padding:0 26px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,#0b1a25,#07131c);position:relative;z-index:20;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;color:var(--text);flex-shrink:0}.brand img{width:45px;height:52px}.brand strong{display:block;font-size:24px;letter-spacing:-.75px;font-weight:650;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#96b8cb;margin-top:6px}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:20px;padding-left:17px}.nav-link{font-size:11px;padding:3px 0 0;color:var(--muted);position:relative}.nav-link.active{color:var(--blue)}.nav-link.active:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:2px;background:#89bee9;box-shadow:0 0 9px #5d9fd566}.search-area{height:41px;position:relative;display:flex;align-items:center;flex:1;min-width:175px;max-width:620px;margin-left:auto;border:1px solid #567792;border-radius:23px;background:linear-gradient(90deg,#162434,#152331);box-shadow:0 0 0 1px #466b8633}.search-area:focus-within{border-color:#9fcaf0;box-shadow:0 0 0 3px #8bbce014}.search-symbol{position:absolute;left:15px;color:var(--blue)}#search{width:100%;height:100%;border:0;background:none;color:var(--text);outline:0;padding:0 43px;font-size:12px}#search::-webkit-search-cancel-button{display:none}#search::placeholder{color:#9fb2c3}.search-key{position:absolute;right:14px;font-size:11px;padding:0 5px;border:1px solid #496073;border-radius:4px;color:#adc0cd;line-height:18px}.search-clear{position:absolute;right:6px;padding:6px;color:#a4c4da}.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.header-divider{height:24px;width:1px;background:var(--border);margin:0 3px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--blue);white-space:nowrap;padding:7px 8px;border-radius:7px}.text-button:hover{background:#92bede0e}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:#a5c5dc;flex-shrink:0}.icon-button:hover{background:#9ac3df0d}.search-results{position:absolute;top:49px;left:-1px;right:-1px;background:#10222f;border:1px solid #3b5b72;border-radius:14px;box-shadow:0 20px 60px #0009;overflow:hidden;z-index:60;padding:6px}.search-results .result{display:flex;align-items:center;gap:12px;width:100%;padding:8px 9px;text-align:left;border-radius:8px}.result[aria-selected=true],.result:hover{background:#1b3547}.result .art{width:38px;height:38px}.result-main{flex:1;min-width:0}.result strong{font-size:12px;font-weight:600;display:block}.result small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.result .result-group{font-size:9px;color:var(--subtle);max-width:105px}.result-footer{padding:10px 12px 6px;font-size:10px;color:#8faabf;border-top:1px solid var(--border-soft);margin-top:5px}.no-results{padding:18px;font-size:12px;color:var(--muted);line-height:1.6}.compare-search-banner{color:var(--cyan);padding:6px 10px 10px;font-size:11px}
/* Main canvas and fixed-width reading panel. */
.main-content{display:flex;flex:1;min-height:0;flex-direction:column}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;flex:1;min-height:510px;height:calc(100vh - 329px);height:calc(100dvh - 329px);max-height:1100px}.map-section{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 44%,#112a3528,transparent 62%),linear-gradient(130deg,#091721,#06151e 62%,#0a1c25)}.map-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.44;background-image:radial-gradient(circle at 11% 24%,#58859d90 0 1px,transparent 1.5px),radial-gradient(circle at 65% 73%,#508eb26b 0 1px,transparent 1.5px),radial-gradient(circle at 22% 69%,#aacfc947 0 .8px,transparent 1.2px);background-size:239px 277px,383px 291px,317px 401px}.map-heading{position:absolute;top:25px;left:28px;z-index:2;pointer-events:none}.map-heading h1{font-size:27px;letter-spacing:-.7px;margin-top:7px;color:#bbd6eb}.map-heading p{font-size:12px;color:#99b5c9;line-height:1.65;margin-top:9px;max-width:255px}.map-heading .eyebrow{color:#7e9dae;font-size:8px;letter-spacing:1.8px}.map-options{position:absolute;top:20px;right:18px;display:flex;align-items:center;gap:8px;z-index:5}.select-pill{position:relative;display:flex;align-items:center;border:1px solid #274354;border-radius:30px;background:#0b1c28e8;height:31px;overflow:hidden}.select-pill select{appearance:none;background:none;border:0;color:#b2cadd;font-size:10px;padding:0 29px 0 13px;height:100%;cursor:pointer;width:100%;outline-offset:-3px}.select-pill option{background:#132b39;color:var(--text)}.select-pill>span[data-icon]{position:absolute;right:10px;pointer-events:none}.select-pill svg{width:12px;height:12px}.labels-btn{border:1px solid #294757;border-radius:50%;height:31px;width:31px;font-size:11px}.labels-btn[aria-pressed=false]{opacity:.5}.map-canvas{position:absolute;inset:0;overflow:hidden;touch-action:none;isolation:isolate;outline:none}.map-canvas:focus,.map-canvas:focus-visible,#map:focus,#map:focus-visible{outline:none!important}.atlas-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}.atlas-svg:focus,.atlas-svg:focus-visible{outline:none!important}.dragging .atlas-svg{cursor:grabbing}.world{will-change:transform}.branch{fill:none;stroke:var(--branch);stroke-width:4;opacity:.78;stroke-linecap:round;transition:opacity .3s}.branch.muted{opacity:.31}.branch.route-a,.branch.shared{stroke:var(--gold);stroke-width:5.5;opacity:1}.branch.route-b{stroke:var(--cyan);stroke-width:5.5;opacity:1}.branch.uncertain{stroke-dasharray:5 9}.branch.extinct{stroke-dasharray:14 10}.branch-glow{fill:none;stroke:#efcf8b;stroke-width:19;opacity:.27;filter:url(#line-glow);pointer-events:none}.branch-glow.route-b{stroke:var(--cyan)}.taxon{cursor:pointer;transition:opacity .22s}.taxon.soft{opacity:.72}.taxon:hover,.taxon:focus,.taxon:focus-visible{opacity:1;outline:none!important}.node-hit{fill:transparent;stroke:none;pointer-events:all}.taxon:hover .node-hit,.taxon:focus .node-hit{fill:#203747;fill-opacity:.75;stroke:#6689a1;stroke-width:1.5}.node-halo{fill:var(--taxon-color);opacity:.065}.major .node-halo{opacity:.085}.node-dot{fill:var(--taxon-color)}.taxon-name{fill:#dce9ef;font-weight:600;letter-spacing:.1px;paint-order:stroke;stroke:#0a1822;stroke-width:3px;stroke-linejoin:round}.taxon-subtitle{fill:#a0b8cb;font-weight:400;paint-order:stroke;stroke:#091821;stroke-width:2.5px}.major .taxon-name{fill:#e5eef4}.major .taxon-subtitle{fill:#9fbacc}.selection-ring{fill:none;stroke:#eaca87;stroke-width:3;opacity:.8}.comparison .selection-ring{stroke:var(--cyan)}.selected .taxon-name{fill:#ffe3a9}.selected .node-halo{fill:#e9ca85;opacity:.12}.comparison .taxon-name{fill:#b8f2f0}.extra .node-hit{fill:#122b39;stroke:#c4aa73;stroke-width:1.5}.map-tooltip{position:absolute;z-index:12;background:#152c39ef;border:1px solid #3e6177;border-radius:10px;box-shadow:0 8px 24px #0005;padding:12px 14px;max-width:260px;pointer-events:none;backdrop-filter:blur(12px)}.map-tooltip strong{display:block;font-size:12px;font-weight:600;color:#ecdfbc}.map-tooltip span{display:block;font-size:11px;color:#b5cfdd;margin-top:4px}.map-tooltip small{display:block;font-size:9px;color:#92b0c2;margin-top:9px}.map-bottom{position:absolute;bottom:17px;left:25px;right:20px;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:15px;pointer-events:none}.map-bottom>*{pointer-events:auto}.bottom-left{display:flex;flex-direction:column;gap:14px}.map-instruction{font-size:10px;color:#8aa5b8;display:flex;align-items:center;gap:7px;white-space:nowrap}.map-instruction svg{height:13px;width:13px}.map-instruction button{font-size:10px;padding:0;color:#96b7cf}.separator{color:#557084;margin:0 1px}.camera-controls{display:flex;align-items:center;border:1px solid #2a4557;border-radius:9px;background:#0a1b28ed;box-shadow:0 5px 25px #03101b77;height:37px;padding:0 4px}.camera-controls .icon-button{width:31px;height:29px}.control-separator{width:1px;height:20px;background:var(--border);margin:0 4px}#zoom-value{color:#a9c8de;width:51px;font-size:10px;padding:6px 0;font-variant-numeric:tabular-nums}.selection-chip{display:flex;align-items:center;gap:9px;min-height:28px;font-size:11px}.selection-chip:empty{display:none}.tracing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px #edc67b99}.selection-chip .chip-title{color:#ddc594;font-weight:500}.selection-chip .chip-count{color:#8da9bc;font-size:10px}.chip-clear{width:23px;height:23px;display:flex;align-items:center;justify-content:center;color:#7594aa}.lineage-toggle{border:1px solid #465045;border-radius:15px;display:flex;align-items:center;gap:5px;color:#c3c4ab;font-size:10px;padding:5px 8px;background:#1d2b2c}.lineage-toggle[aria-pressed=true]{border-color:#b99c62;color:#f1d7a3;background:#54452b55}.lineage-toggle svg{width:12px;height:12px}.mini-wrap{position:absolute;bottom:65px;right:21px;width:125px;border:1px solid #1e3a4be0;border-radius:8px;background:#07151cce;padding:8px;z-index:4;opacity:.85}.mini-wrap>span{font-size:6px;letter-spacing:1.2px;color:#7b9aaf;display:block;margin-bottom:5px}.minimap{width:100%;height:40px;cursor:crosshair;overflow:hidden}.mini-window{fill:#a5c6d813;stroke:#a4bccb;stroke-width:17}.detail-panel{margin:16px 18px 17px 0;border:1px solid #2d4a5f;border-radius:13px;background:linear-gradient(145deg,#0b1e2be8,#081722);display:flex;flex-direction:column;overflow:hidden;min-height:0;box-shadow:0 8px 40px #030e152a;position:relative}.panel-top{display:flex;align-items:center;gap:12px;padding:21px 17px 14px;min-height:110px;position:relative;background:radial-gradient(ellipse at 15% 40%,#edd0910a,transparent 64%)}.panel-top .art{width:75px;height:84px;filter:drop-shadow(0 4px 9px #d9be7014)}.panel-heading{min-width:0;flex:1}.panel-heading .eyebrow{font-size:7px;color:#95b2c6;letter-spacing:1.3px}.panel-heading h2{font-size:21px;letter-spacing:-.4px;line-height:1.25;margin:6px 0;overflow-wrap:anywhere}.panel-heading p{font-size:11px;color:#a5c6df}.panel-close{position:absolute;right:5px;top:5px;width:26px;height:26px;color:#819fb4}.panel-close svg{width:14px;height:14px}.panel-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 14px;gap:2px;flex-shrink:0}.panel-tabs button{padding:10px 12px;color:#8ea9bd;font-size:10px;border-bottom:2px solid transparent}.panel-tabs button[aria-selected=true]{color:#cfe4ef;border-bottom-color:#86b8db}.panel-body{overflow:auto;flex:1;min-height:0;padding:17px 17px 15px;scrollbar-width:thin;scrollbar-color:#365266 transparent}.panel-body p{font-size:12px;color:#bed0dd;line-height:1.75}.status-row{display:flex;align-items:center;gap:7px;margin-bottom:13px;flex-wrap:wrap}.status-tag{font-size:9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #2d5049;border-radius:20px;padding:4px 8px;color:#b8dcca;background:#1d372e55}.status-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:#86cfae}.status-tag.extinct-tag{color:#d7b4c2;border-color:#5a4353;background:#4a2f4155}.status-tag.extinct-tag:before{background:#bd96ae}.rank-tag{font-size:9px;color:#9fb7c7;border:1px solid #294254;border-radius:20px;padding:4px 8px}.fact-grid{margin-top:17px;border-top:1px solid #203b4c}.fact-row{display:grid;grid-template-columns:104px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #1d3545;font-size:10px;line-height:1.6}.fact-row dt{color:#8faabd}.fact-row dd{margin:0;color:#c5d8e6}.fact-row .green{color:#a6d7ae}.trait-tags{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 16px}.trait-tags span{font-size:9px;line-height:1.55;border:1px solid #234354;padding:5px 7px;border-radius:6px;color:#a8c3d6;background:#1128376b}.panel-subheading{font-size:9px;color:#91adc1;letter-spacing:1.1px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.panel-subheading button{font-size:9px;color:#aacbe3;text-transform:none;letter-spacing:0}.short-lineage{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:10px;line-height:1.7}.short-lineage button{font-size:10px;color:#aec6d9;padding:2px 3px}.short-lineage button:last-child{color:#e2c895}.short-lineage svg{width:10px;height:10px;color:#648096}.caveat{background:#19272b;border:1px solid #48504670;border-radius:8px;padding:10px 11px;margin-top:15px}.caveat strong{font-size:10px;font-weight:500;color:#dbca9c;display:flex;align-items:center;gap:7px}.caveat p{font-size:10px;line-height:1.65;color:#b0bcb9;margin-top:6px}.read-more{display:flex;align-items:center;gap:6px;color:#b0cce0;font-size:10px;border:1px solid #456782;padding:8px 12px;border-radius:20px;margin-top:15px;width:max-content}.read-more:hover{background:#173347}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 12px;border-top:1px solid #244050;background:#0b1d2ae8;flex-shrink:0}.panel-actions .text-button{font-size:10px;padding:6px 4px}.panel-actions svg{width:14px;height:14px}.panel-actions .icon-button{width:30px;height:28px}.panel-actions [aria-pressed=true]{color:var(--gold)}.legend{padding:13px 17px 15px;border-top:1px solid #213b4d;flex-shrink:0}.legend strong{font-size:10px;font-weight:500;display:block;margin-bottom:9px;color:#c1d5e3}.legend-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 11px}.legend-item{display:flex;align-items:center;gap:7px;font-size:8px;color:#9db7ca;white-space:nowrap}.legend-line{width:21px;height:2px;border-radius:2px;background:#6f8fa5;flex-shrink:0}.legend-line.gold{background:var(--gold);box-shadow:0 0 4px #f1d9a355}.legend-line.cyan{background:var(--cyan)}.legend-line.dashed{height:0;border-top:2px dashed #9dafbd;background:none}.legend-line.dotted{height:0;border-top:2px dotted #bbabce;background:none}.lineage-list{padding:0;margin:0;list-style:none}.lineage-list li{position:relative;padding:0 0 0 18px}.lineage-list li:not(:last-child):before{content:"";position:absolute;left:3px;top:13px;bottom:-8px;width:1px;background:#807654}.lineage-list li:after{content:"";position:absolute;width:5px;height:5px;top:15px;left:1px;border-radius:50%;background:#c3b681}.lineage-list button{padding:7px 0;display:flex;align-items:center;gap:9px;width:100%;text-align:left}.lineage-list .art{height:26px;width:26px}.lineage-list strong{font-size:11px;font-weight:500;display:block}.lineage-list small{font-size:9px;color:#88a6b9;display:block;margin-top:2px}.lineage-list li:last-child strong{color:var(--gold)}.lineage-explainer{font-size:10px!important;color:#9bb6c8!important;margin-bottom:15px}.source-card{border:1px solid #294355;border-radius:9px;padding:12px;margin-bottom:9px}.source-card .source-year{font-size:8px;color:#d1bd91;letter-spacing:1px}.source-card h3{font-size:12px;line-height:1.5;margin:6px 0;color:#c9e0ed}.source-card small{font-size:9px;color:#91aabd;display:block;line-height:1.6}.source-card p{font-size:10px;margin-top:8px;color:#9ab1c2}.source-card a{display:inline-flex;gap:5px;align-items:center;font-size:10px;margin-top:10px}.compare-hero{padding:5px 0 15px;display:flex;align-items:center;justify-content:center;gap:22px}.compare-hero>div{text-align:center;width:90px}.compare-hero .art{width:65px;height:65px;margin:auto}.compare-hero strong{display:block;font-size:10px;line-height:1.4;margin-top:5px}.compare-hero svg{color:#9cb5c6}.ancestor-card{border:1px solid #74633e;border-radius:10px;padding:14px;background:#594b261c;text-align:center;margin:7px 0 15px}.ancestor-card .eyebrow{color:#c9b780;font-size:7px}.ancestor-card h3{font-size:18px;margin:9px 0;color:#eed8a5}.ancestor-card p{font-size:10px}.ancestor-card button{font-size:10px;color:#dabd7b;margin-top:8px}.small-note{font-size:10px!important;line-height:1.7!important;color:#8ea9ba!important}.welcome-body{padding:23px 18px;overflow:auto;flex:1}.welcome-body .eyebrow{font-size:8px}.welcome-body h2{font-size:22px;line-height:1.35;margin:12px 0}.welcome-body p{font-size:12px;color:#a8c0d3;line-height:1.7}.explore-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #274659;border-radius:9px;margin-top:10px;padding:10px;width:100%;background:#142b3933}.explore-card .art{width:45px;height:45px}.explore-card strong{display:block;font-size:11px;margin-bottom:5px}.explore-card small{font-size:9px;color:#8eacbf}.panel-note{font-size:9px;color:#a8b9bd;line-height:1.7;margin-top:18px}
/* The cabinet of evolutionary ideas. */
.milestones{border-top:1px solid #244152;background:linear-gradient(180deg,#0a1b26,#07151e);padding:14px 25px 14px;flex-shrink:0}.milestone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.milestone-header .eyebrow{font-size:7px;letter-spacing:1.45px;display:none}.milestone-header h2{font-size:18px;letter-spacing:-.3px;color:#bed5e7}.milestone-header .text-button{font-size:10px;color:#94b5cd}.milestone-cards{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.milestone-card{text-align:left;padding:8px 11px 11px;border:1px solid #244152;border-radius:8px;background:linear-gradient(145deg,#10263666,#0a1a2644);min-width:0;position:relative;transition:transform .18s,border-color .18s,background .18s}.milestone-card:hover{transform:translateY(-3px);border-color:#567088;background:#142c3c}.milestone-card .art{width:56px;height:56px;margin-bottom:2px;filter:drop-shadow(0 4px 10px #142c3655)}.milestone-card h3{font-size:11px;font-weight:600;color:#d5e1e9;white-space:nowrap}.milestone-card p{font-size:9px;line-height:1.55;color:#94b0c5;margin-top:5px;max-width:155px;min-height:28px}.milestone-arrow{position:absolute;right:10px;top:12px;color:#608297;opacity:0;transition:opacity .18s}.milestone-card:hover .milestone-arrow{opacity:1}.footer{min-height:35px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #203949;color:#829fb3;font-size:8px;background:#07141c;flex-shrink:0}.footer-brand{display:flex;align-items:center;gap:7px;font-size:9px;color:#c7d9e6;white-space:nowrap}.footer-brand img{width:18px;height:20px}.footer-motto{font-size:8px;color:#7093ab;margin-left:4px}.footer>div{display:flex;align-items:center;gap:19px}.footer button{display:inline-flex;align-items:center;gap:5px;color:#8fabbe;font-size:8px;padding:8px 0;white-space:nowrap}.footer svg{width:11px;height:11px}
/* Reading rooms: accessible native dialogs, directory, original SVG gallery. */
dialog{color:var(--text);background:#0d202d;border:1px solid #375970;border-radius:18px;max-width:min(1040px,calc(100vw - 36px));width:100%;max-height:88vh;padding:0;box-shadow:0 40px 150px #0009;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c5f76 #0d202d}dialog::backdrop{background:#030d16c7;backdrop-filter:blur(7px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 28px 20px;border-bottom:1px solid #263f50;position:sticky;top:0;z-index:3;background:#0d202df5;backdrop-filter:blur(12px)}.modal-header h2{font-size:25px;letter-spacing:-.7px;margin-top:5px}.modal-header .eyebrow{font-size:8px}.modal-content{padding:25px 28px 30px}.modal-intro{font-size:13px;line-height:1.8;color:#b5ccd9;max-width:760px;margin-bottom:20px}.modal-intro strong{color:#e1cfac;font-weight:500}.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sources-grid .source-card{margin:0;padding:17px}.sources-grid .source-card h3{font-size:13px}.sources-grid .source-card p{font-size:11px}.sources-grid .source-card a{font-size:11px}.research-note{padding:15px 17px;border-radius:9px;border:1px solid #3e514e;background:#27383255;margin-bottom:22px;font-size:11px;color:#b5c5be;line-height:1.75}.research-note strong{color:#dbc99d}.modal-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.modal-search{height:40px;background:#142c3d;border:1px solid #385970;border-radius:9px;color:var(--text);padding:0 13px;width:100%;font-size:12px}.modal-toolbar button{height:39px;padding:0 12px;display:flex;align-items:center;gap:6px;border:1px solid #3a5465;border-radius:9px;font-size:10px;white-space:nowrap;color:#a6c3d9}.modal-toolbar button[aria-pressed=true]{color:#ecd397;border-color:#8b7d54}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.directory-card{display:flex;gap:9px;align-items:center;padding:12px 9px;border:1px solid #29495c;border-radius:10px;text-align:left;background:#112b3955;min-width:0}.directory-card:hover{background:#1d3a4c;border-color:#648395}.directory-card .art{width:45px;height:45px}.directory-card strong{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.directory-card small{font-size:9px;color:#94b2c6;display:block;margin-top:4px;line-height:1.5}.directory-count{font-size:10px;color:#8ba6b9;margin-bottom:14px}.gallery-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.gallery-card{border:1px solid #2c4658;border-radius:11px;background:radial-gradient(ellipse,#1b35487a,#102431);text-align:center;padding:13px 6px}.gallery-card .art{height:74px;width:74px;margin:auto}.gallery-card span{font-size:10px;display:block;color:#b2c8d6;margin-top:7px;text-transform:capitalize}.gallery-card:hover{border-color:#849bab;background:#24445355}.gallery-card small{font-size:8px;color:#7e9bae;margin-top:5px;display:block}.ideas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.idea-card{border:1px solid #2e4c5e;border-radius:12px;padding:19px;background:linear-gradient(130deg,#1a34476b,transparent)}.idea-card .art{width:72px;height:72px;float:left;margin:0 14px 14px 0}.idea-card h3{font-size:15px;margin:11px 0}.idea-card p{font-size:12px;color:#aac3d3;line-height:1.75}.idea-card button{display:flex;align-items:center;gap:5px;margin-top:14px;font-size:11px;color:#d8ca9f;padding:4px 0}.lesson-hero{display:flex;align-items:center;gap:25px;padding:10px 0 22px}.lesson-hero .art{height:140px;width:140px}.lesson-hero h3{font-size:31px;font-weight:500;letter-spacing:-.8px}.lesson-hero p{font-size:13px;color:#b4cbdc;margin-top:10px;line-height:1.7}.lesson-body{font-size:14px;color:#b6cbd8;line-height:1.9;max-width:780px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#233e50;border:1px solid #6c8c9f;color:#d1e6ed;border-radius:24px;font-size:12px;padding:11px 17px;margin-top:22px}.primary-button:hover{background:#315367;border-color:#a3c4cf}.lesson-sources{font-size:10px;color:#89aabe;margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.science-section{border:1px solid #29485b;border-radius:12px;padding:19px;background:#0e2532}.science-section h3{font-size:15px;color:#d4c69e;margin-bottom:10px}.science-section p{font-size:12px;color:#a9c3d3;line-height:1.8}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.export-option{padding:24px;text-align:left;background:#173245;border:1px solid #45627a;border-radius:12px;display:block}.export-option>svg{color:#e0c38d;width:30px;height:30px;margin-bottom:14px}.export-option strong{font-size:19px;display:block;font-weight:500}.export-option p{font-size:12px;color:#a8c5d6;line-height:1.7;margin-top:9px}.export-option:hover{background:#244356}.shortcut-list{display:grid;grid-template-columns:110px 1fr;max-width:650px;margin:10px 0;gap:15px;font-size:12px;color:#b4cede}.shortcut-list dt{margin:0}.shortcut-list dd{margin:0;line-height:1.65}.shortcut-list kbd{background:#1b374a;border:1px solid #46647a;border-radius:5px;padding:3px 7px;font-size:11px;color:#d5c9a6}.toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #557285;border-radius:10px;background:#173345;box-shadow:0 10px 40px #0006;color:#dbebed;font-size:12px;max-width:90vw;z-index:200}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#0a1b28;padding:30px}.empty-directory{padding:35px;color:#a0b8c9;text-align:center;grid-column:1/-1}.mobile-detail-button{display:none}.dialog-tip{font-size:11px;color:#809eaf;line-height:1.7;margin-top:20px}
@media(min-width:1900px){.workspace{grid-template-columns:minmax(0,1fr) 360px;min-height:560px}.panel-heading h2{font-size:23px}.panel-body p{font-size:13px}.fact-row{font-size:11px}.panel-top .art{width:85px;height:95px}.map-heading h1{font-size:30px}.map-heading p{font-size:13px}.milestone-card{padding:10px 13px 12px}.milestone-card .art{width:65px;height:65px}.milestone-card h3{font-size:12px}.milestone-card p{font-size:10px;min-height:32px}.milestone-header .eyebrow{display:block;margin-bottom:4px}.milestones{padding-top:13px}.workspace{height:calc(100dvh - 362px)}.topbar{gap:32px}.main-nav{gap:27px}.search-area{max-width:670px}}
@media(min-width:2500px){.topbar{height:96px;padding:0 40px}.brand strong{font-size:29px}.search-area{max-width:900px;height:47px}.nav-link,#search{font-size:14px}.workspace{grid-template-columns:minmax(0,1fr) 440px;max-height:none;height:calc(100dvh - 410px)}.panel-body p{font-size:15px}.panel-top{padding:25px}.panel-heading h2{font-size:28px}.panel-body{padding:24px}.fact-row{font-size:13px}.panel-tabs button{font-size:13px}.panel-subheading{font-size:11px}.short-lineage button,.caveat p,.small-note{font-size:12px!important}.trait-tags span{font-size:11px}.milestone-card .art{width:90px;height:90px}.milestone-card h3{font-size:16px}.milestone-card p{font-size:13px;max-width:230px}.milestone-header h2{font-size:23px}.milestones{padding:20px 40px}.footer{min-height:42px;font-size:11px}.footer button{font-size:11px}.footer-brand{font-size:12px}.map-heading{top:38px;left:40px}.map-heading h1{font-size:38px}.map-heading p{font-size:16px;max-width:340px}.map-heading .eyebrow{font-size:10px}.map-options{right:30px;top:27px}.select-pill{height:37px}.select-pill select{font-size:12px}.mini-wrap{width:170px}.minimap{height:57px}.map-instruction{font-size:12px}.map-bottom{bottom:22px;left:36px}.selection-chip{font-size:13px}}
@media(max-width:1350px){.topbar{gap:18px;padding:0 19px}.brand strong{font-size:21px}.brand img{width:39px}.brand small{font-size:7px;letter-spacing:2px}.main-nav{gap:16px;padding-left:0}.nav-link{font-size:10px}.header-actions{gap:5px}.catalog-btn span:not([data-icon]){display:none}.workspace{grid-template-columns:minmax(0,1fr) 302px;min-height:510px}.detail-panel{margin-right:12px}.map-heading{left:22px}.map-heading h1{font-size:24px}.map-heading p{font-size:11px}.map-heading .eyebrow{font-size:7px}.map-options{gap:5px;right:14px}.select-pill select{font-size:9px;padding-left:10px}.milestones{padding:13px 20px}.milestone-cards{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#2f5067 transparent}.milestone-card{min-width:140px;flex:1;scroll-snap-align:start}.milestone-header h2{font-size:17px}.milestone-header .text-button{font-size:9px}.footer{padding:0 20px;gap:10px}.footer>div{gap:14px}.science-disclaimer{font-size:7px}.panel-heading h2{font-size:19px}.panel-top .art{width:64px;height:80px}.panel-body{padding:14px}.panel-top{padding-left:13px;gap:10px}.map-instruction{font-size:9px}.mini-wrap{display:none}.selection-chip .chip-count{display:none}.lineage-toggle{font-size:9px}.legend-items{gap:8px}.legend-item{font-size:7px}}
@media(max-width:1090px){.main-nav{display:none}.topbar{height:72px}.workspace{height:calc(100dvh - 325px);grid-template-columns:minmax(0,1fr) 290px}.map-options{top:auto;bottom:95px;left:20px;right:auto}.map-heading p{max-width:200px}.map-bottom{left:18px;right:13px}.camera-controls .icon-button{width:27px}.camera-controls #zoom-value{width:37px}.map-instruction .separator:nth-of-type(2),.map-instruction button{display:none}.bottom-left{gap:10px}.selection-chip{gap:6px;font-size:9px}.lineage-toggle span{display:none}.map-heading h1{font-size:22px}.footer-motto{display:none}.science-disclaimer{display:none}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-heading h2{font-size:18px}.detail-panel{margin-top:13px}.panel-top .art{height:73px;width:59px}.fact-row{grid-template-columns:91px 1fr;font-size:9px}}
@media(max-width:760px){.topbar{height:113px;padding:10px 15px;flex-wrap:wrap;gap:8px;align-content:center}.brand{order:0;gap:6px}.brand strong{font-size:21px}.brand img{width:31px;height:36px}.brand small{font-size:6px;margin-top:3px;letter-spacing:1.7px}.header-actions{margin-left:auto;order:1;gap:3px}.header-actions .header-divider{display:none}.header-actions .icon-button{width:29px}.catalog-btn{padding:5px}.search-area{flex-basis:100%;max-width:none;height:35px;order:2;min-width:0;margin:0}#search{font-size:11px}.search-symbol svg{width:15px}.search-key{font-size:10px;line-height:16px}.search-results{top:42px}.workspace{display:block;height:620px;min-height:0;max-height:none;position:relative;flex:none}.map-section{height:100%;width:100%}.map-heading{top:21px;left:18px}.map-heading .eyebrow{font-size:6px;letter-spacing:1.4px}.map-heading h1{font-size:23px}.map-heading p{font-size:11px;max-width:230px;line-height:1.6;margin-top:7px}.map-options{bottom:96px;left:16px;gap:6px}.select-pill{height:28px}.select-pill select{font-size:9px}.labels-btn{height:28px;width:28px}.map-bottom{bottom:21px;left:15px;right:14px;align-items:end}.bottom-left{gap:15px}.selection-chip{flex-wrap:wrap;max-width:230px;font-size:10px;gap:5px}.lineage-toggle{margin-left:2px;padding:4px 6px}.camera-controls{height:33px}.camera-controls .icon-button{width:25px;height:28px}.control-separator{margin:0 2px}.map-instruction{font-size:8px;gap:5px}.map-instruction svg{height:11px;width:11px}.map-instruction .separator{display:none}.map-instruction .separator+button{display:none}.map-instruction button{display:none}.map-instruction{max-width:185px;white-space:normal}.detail-panel{position:absolute;right:14px;top:135px;width:260px;height:360px;margin:0;z-index:9;border-radius:12px;background:#0c202ef5;box-shadow:0 15px 50px #010c1999;backdrop-filter:blur(14px)}.detail-panel.mobile-hidden{display:none}.panel-top{min-height:82px;padding:10px 13px}.panel-top .art{width:51px;height:58px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:10px}.panel-tabs{padding:0 10px}.panel-tabs button{font-size:9px;padding:8px 11px}.panel-body{padding:12px}.panel-body p{font-size:11px}.legend{display:none}.panel-actions{padding:6px 10px}.panel-close{display:flex}.milestones{padding:16px 15px}.milestone-header{gap:5px;align-items:center;margin-bottom:12px}.milestone-header h2{font-size:16px;max-width:220px;line-height:1.4}.milestone-header .text-button{font-size:0;padding:6px}.milestone-header .text-button svg{width:18px}.milestone-card{min-width:143px;max-width:165px;padding:10px 12px 12px}.milestone-card .art{height:62px;width:62px}.milestone-card h3{font-size:11px}.milestone-card p{font-size:10px}.footer{padding:10px 15px;min-height:61px;flex-wrap:wrap;gap:7px;justify-content:space-between}.footer>div{gap:12px}.footer button{font-size:8px;padding:5px 0}.footer>div button:first-child{display:none}.footer-brand{font-size:8px}.modal-header{padding:18px 17px}.modal-header h2{font-size:22px}.modal-content{padding:18px 17px 24px}.modal-intro{font-size:12px}.sources-grid,.science-grid,.ideas-grid,.export-options{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.directory-card{padding:8px 6px;gap:5px}.directory-card .art{height:35px;width:35px}.directory-card strong{font-size:10px}.directory-card small{font-size:8px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-card .art{width:64px;height:64px}.modal-toolbar{flex-wrap:wrap;gap:7px}.modal-toolbar .modal-search{flex-basis:100%}.modal-toolbar button{height:32px}.lesson-hero{gap:13px}.lesson-hero .art{height:92px;width:92px}.lesson-hero h3{font-size:24px}.lesson-body{font-size:13px}.lesson-hero p{font-size:11px}.modal-header .eyebrow{font-size:7px}.research-note{padding:12px;font-size:10px}.toast{font-size:11px;bottom:20px}.short-lineage{line-height:1.55}.mobile-detail-button{display:inline-flex}.welcome-body{padding:16px}.welcome-body h2{font-size:19px}.welcome-body p{font-size:11px}.welcome-body .explore-card{padding:8px}.welcome-body .explore-card .art{width:32px;height:32px}}
@media(max-width:400px){.brand strong{font-size:19px}.brand small{letter-spacing:1.4px}.header-actions .icon-button{width:25px}.topbar{padding-left:12px;padding-right:12px}.search-area{height:34px}.map-heading h1{font-size:21px}.workspace{height:600px}.camera-controls .icon-button{width:22px}.camera-controls #zoom-value{width:34px}.map-bottom{gap:6px}.selection-chip{max-width:185px;font-size:9px}.detail-panel{right:10px;width:253px}.footer>div{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.world{will-change:auto}}

/* Definite viewport sizing prevents intrinsic panel content from stretching the canvas. */
#app{height:100vh;height:100dvh;min-height:760px}.topbar,.footer{flex-shrink:0}.workspace{height:auto;min-height:0;max-height:none;grid-template-rows:minmax(0,1fr);flex:1}.map-section{min-height:0}.main-content{min-height:0}.panel-top,.panel-tabs,.legend{flex-shrink:0}
@media(max-width:760px){#app{height:auto;min-height:100dvh}.workspace{height:620px;flex:none}.main-content{flex:none}.panel-top{min-height:82px}}
@media(max-width:400px){.workspace{height:600px}}

.legend h3{font-size:10px;font-weight:500;margin:0 0 9px;color:#c1d5e3}.legend>.read-more{border:0;padding:5px 0 0;margin-top:8px;font-size:9px}.source-card{display:block}.source-card:hover{background:#18344655;border-color:#638091}.source-year{display:flex;align-items:center;justify-content:space-between;gap:9px}.gallery-card strong{font-size:10px;display:block;text-transform:capitalize;font-weight:500;margin-top:7px}.gallery-card>span{display:flex;gap:4px;align-items:center;justify-content:center;color:#839eaf;font-size:8px}.persistent-actions{padding:10px;gap:6px}.persistent-actions .primary-button{font-size:10px;padding:7px 9px}.persistent-actions .text-button{font-size:10px}.lineage-list button>span{font-size:9px;color:#87a2b5;min-width:14px}.lineage-list button>svg{margin-left:auto}.compare-hero>div>span{font-size:9px;display:block;margin-top:4px}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.ancestor-card button span{display:flex;align-items:center;gap:7px;justify-content:center}
@media(max-width:760px){.persistent-actions{padding:7px 8px}.persistent-actions .primary-button,.persistent-actions .text-button{font-size:9px}}
.modal-content .legend{display:block!important;margin-top:24px;padding:16px 20px 18px;border:1px solid #294355;border-radius:12px;background:#11253455}
.modal-content .legend h3{font-size:13px;color:#eed8a5;margin-bottom:12px}
.modal-content .legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 18px}
.modal-content .legend-item{font-size:11px;color:#b8d0e0}
.modal-content .legend .read-more{margin-top:14px;font-size:11px;display:inline-flex}

.map-heading{transition:opacity .18s ease,transform .18s ease}.map-section.is-exploring .map-heading{opacity:0;transform:translateY(-6px);pointer-events:none}

/* Detail panel close & workspace collapse across all viewports */
.detail-panel.mobile-hidden{display:none!important}
.workspace.panel-hidden,.workspace:has(.detail-panel.mobile-hidden){grid-template-columns:minmax(0,1fr)!important}
.workspace.panel-hidden .mobile-detail-button,.workspace:has(.detail-panel.mobile-hidden) .mobile-detail-button{display:inline-flex!important}

/* Zen mode: hide milestones and maximize map view */
#app.zen-mode .milestones,body.zen-mode .milestones{display:none!important}
#zen-toggle[aria-pressed=true],.zen-btn.active{color:var(--gold);background:#8fbde814}
#app.zen-mode{min-height:0}
@media(max-width:760px){#app.zen-mode .workspace{height:calc(100dvh - 120px);min-height:480px}}

/* Dim unrelated branches (translucent background mode) */
.atlas-svg[data-mode="classic"][data-dim="0"] .branch{opacity:.78}
.atlas-svg[data-mode="classic"][data-dim="0"] .taxon{opacity:1}
.atlas-svg[data-mode="classic"][data-dim="1"] .branch.muted{opacity:.52}
.atlas-svg[data-mode="classic"][data-dim="1"] .taxon.soft{opacity:.86}
.atlas-svg[data-mode="classic"][data-dim="2"] .branch.muted{opacity:.31}
.atlas-svg[data-mode="classic"][data-dim="2"] .taxon.soft{opacity:.72}
.atlas-svg[data-mode="classic"][data-dim="3"] .branch.muted{opacity:.18}
.atlas-svg[data-mode="classic"][data-dim="3"] .taxon.soft{opacity:.44}
.atlas-svg[data-mode="classic"][data-dim="4"] .branch.muted,.atlas-svg.dim-unrelated .branch.muted{opacity:.08!important;transition:opacity .3s}
.atlas-svg[data-mode="classic"][data-dim="4"] .taxon.soft,.atlas-svg.dim-unrelated .taxon.soft{opacity:.16!important;transition:opacity .22s}
.atlas-svg[data-mode="classic"][data-dim="4"] .taxon.soft:hover,.atlas-svg[data-mode="classic"][data-dim="4"] .taxon.soft:focus,.atlas-svg.dim-unrelated .taxon.soft:hover,.atlas-svg.dim-unrelated .taxon.soft:focus{opacity:1!important}
.atlas-svg[data-mode="classic"][data-dim="4"] .taxon.soft .taxon-name,.atlas-svg[data-mode="classic"][data-dim="4"] .taxon.soft .taxon-subtitle,.atlas-svg.dim-unrelated .taxon.soft .taxon-name,.atlas-svg.dim-unrelated .taxon.soft .taxon-subtitle{opacity:.35!important}
.lineage-toggle.dim-toggle[aria-pressed=true]{border-color:#5a80a2;color:#b2ddff;background:#18375455}
.lineage-toggle.dim-toggle[data-level="1"]{border-color:#3c5d79;color:#92bbdd;background:#12253844}
.lineage-toggle.dim-toggle[data-level="2"]{border-color:#4a7396;color:#a2cbee;background:#142e4755}
.lineage-toggle.dim-toggle[data-level="3"]{border-color:#5586ae;color:#b6dbfa;background:#183a5c66}
.lineage-toggle.dim-toggle[data-level="4"]{border-color:#5e92be;color:#c0e3ff;background:#1b426977;box-shadow:0 0 8px #5d9fd533}
.lineage-toggle.lock-toggle[aria-pressed=true],.lineage-toggle.lock-toggle.active{border-color:#4d8bb8;color:#a0d7ff;background:#15344d77;box-shadow:0 0 8px #4d8bb833}

/* Manual panel mode button */
#panel-mode-toggle[aria-pressed=true],.panel-mode-btn.active{color:var(--gold);background:#8fbde814}

/* Mute notifications button and hidden toast */
#mute-toggle[aria-pressed=true],.mute-btn.active{color:var(--gold);background:#8fbde814}
#toast.is-muted,body.notifications-muted #toast{display:none!important}

/* Taxon right-click context menu */
.taxon-context-menu{position:fixed;z-index:1000;background:#0d2230fa;border:1px solid #3c617b;border-radius:12px;box-shadow:0 14px 45px #000c;padding:7px;min-width:185px;backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:5px;animation:contextFadeIn .12s ease}
@keyframes contextFadeIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.context-header{display:flex;align-items:center;gap:10px;padding:5px 7px 7px;border-bottom:1px solid #1f3c50}
.context-header .art{width:32px;height:32px}
.context-header strong{display:block;font-size:11px;color:#e3edf2;line-height:1.3}
.context-header small{display:block;font-size:9px;color:#8daabf}
.context-actions{display:flex;flex-direction:column;gap:3px}
.context-action{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;font-size:11px;color:#c5dbe9;border-radius:7px;text-align:left;border:0;background:none;cursor:pointer;transition:background .15s,color .15s}
.context-action:hover,.context-action:focus{background:#1a3a4f;color:#fff;outline:none}
.context-action[data-action="context-details"]{color:var(--gold);font-weight:500}
.context-action[data-action="context-details"]:hover{background:#54452b44;color:#ffe6b0}

/* Map mode switch (Classic vs Extended) */
.map-mode-switch{position:absolute;top:15px;left:24px;z-index:8;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #304c5d;border-radius:11px;background:#0b1e2bec;box-shadow:0 5px 20px #030e1833}
.map-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:7px 12px;color:#8faabc;font-size:11px;min-height:31px;white-space:nowrap;background:none;border:none;cursor:pointer;transition:background .15s ease,color .15s ease}
.map-mode-switch button[aria-pressed=true]{background:linear-gradient(110deg,#22433f,#173645);color:#c5e5d7;box-shadow:inset 0 0 0 1px #52766b55;font-weight:600}
.map-mode-switch button:hover{color:#d5e8f1;background-color:#1a3341}
.map-mode-switch svg{width:15px;height:15px}
.mode-count{background:#70988a2b;padding:2px 6px;border-radius:5px;font-size:9px;color:#bcd8cb;font-variant-numeric:tabular-nums}
@media(max-width:760px){
 .map-mode-switch{left:13px;top:12px;right:13px;justify-content:center;background:#0c202cec}
 .map-mode-switch button{flex:1;font-size:11px;padding:7px 9px}
 .map-heading{top:65px}
}

/* Extended mode styles (V5 curved organic layout) */
.atlas-svg[data-mode="extended"] .branch{opacity:1!important;stroke:none!important;fill:none!important;stroke-width:0!important;transition:none!important}
.atlas-svg .edge{fill:none;stroke:var(--branch);stroke-width:3.3;opacity:.88;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.atlas-svg .edge-under{fill:none;stroke:#071720;stroke-width:5.5;opacity:.85;pointer-events:none}
.atlas-svg .edge-halo{fill:none;stroke-width:19;opacity:0;pointer-events:none;filter:url(#line-glow)}
.atlas-svg[data-mode="extended"] .branch[data-route="a"] .edge,.atlas-svg[data-mode="extended"] .branch[data-route="shared"] .edge{stroke:var(--gold);stroke-width:5.5;opacity:1}
.atlas-svg[data-mode="extended"] .branch[data-route="b"] .edge{stroke:var(--cyan);stroke-width:5.5;opacity:1}
.atlas-svg[data-mode="extended"] .branch[data-route="a"] .edge-halo,.atlas-svg[data-mode="extended"] .branch[data-route="shared"] .edge-halo{stroke:#efcf8b;opacity:.27}
.atlas-svg[data-mode="extended"] .branch[data-route="b"] .edge-halo{stroke:var(--cyan);opacity:.27}
.atlas-svg[data-mode="extended"] .branch.extinct .edge{stroke-dasharray:9 6}
.atlas-svg[data-mode="extended"] .branch.uncertain .edge{stroke-dasharray:3 5}

.atlas-svg[data-mode="extended"] .node{cursor:pointer;outline:none;opacity:1!important}
.atlas-svg[data-mode="extended"] .node-bg,.atlas-svg[data-mode="extended"] .node-hit{fill:transparent;stroke:none}
.atlas-svg[data-mode="extended"] .node-hit{pointer-events:all}
.atlas-svg[data-mode="extended"] .node use{pointer-events:none}
.atlas-svg[data-mode="extended"] .node[data-selected=true] .node-bg{fill:#2f362938}
.atlas-svg[data-mode="extended"] .glyph-ground{fill:#071720;stroke:none;opacity:1;pointer-events:none}
.atlas-svg[data-mode="extended"] .glyph-disc{fill:var(--color);opacity:.065;stroke:none}
.atlas-svg[data-mode="extended"] .node-name{font:600 16px Arial,sans-serif;fill:#e0edf5;paint-order:stroke;stroke:#071720;stroke-width:3px;stroke-linejoin:round}
.atlas-svg[data-mode="extended"] .node-common{font:400 11.5px Arial,sans-serif;fill:#a9c4d6;paint-order:stroke;stroke:#071720;stroke-width:2.7px}
.atlas-svg[data-mode="extended"] .clade .node-name{font:600 17px Arial,sans-serif;fill:var(--color);stroke-width:2px}
.atlas-svg[data-mode="extended"] .selection-ring{fill:none;stroke:transparent;stroke-width:3;opacity:.8}
.atlas-svg[data-mode="extended"] .node[data-selected=true] .selection-ring{stroke:#eaca87;opacity:.8}
.atlas-svg[data-mode="extended"] .node[data-comparison=true] .selection-ring{stroke:var(--cyan);opacity:1}
.atlas-svg[data-mode="extended"].has-selection .node:not(.on-route) .organism-glyph,.atlas-svg[data-mode="extended"].has-selection .node:not(.on-route) .node-labels{opacity:.72}
.atlas-svg[data-mode="extended"] .node[data-selected=true] .node-name{fill:#ffe3a9}
.atlas-svg[data-mode="extended"] .node[data-comparison=true] .node-name{fill:#b8f2f0}
.atlas-svg[data-mode="extended"] .node:hover,.atlas-svg[data-mode="extended"] .node:focus{outline:none}
.atlas-svg[data-mode="extended"] .node:hover .organism-glyph,.atlas-svg[data-mode="extended"] .node:focus .organism-glyph,.atlas-svg[data-mode="extended"] .node:hover .node-labels,.atlas-svg[data-mode="extended"] .node:focus .node-labels{opacity:1!important}
.atlas-svg[data-mode="extended"] .node:hover .selection-ring,.atlas-svg[data-mode="extended"] .node:focus .selection-ring{stroke:#9eb9c9}
.atlas-svg[data-mode="extended"] .node[data-selected=true]:hover .selection-ring{stroke:#eaca87}
.atlas-svg[data-mode="extended"] .node[data-comparison=true]:hover .selection-ring{stroke:var(--cyan)}
.atlas-svg[data-mode="extended"] .node[data-inspected=true] .selection-ring{stroke:#5eb0e5;opacity:1}
.atlas-svg[data-mode="extended"] .node[data-inspected=true]:hover .selection-ring{stroke:#5eb0e5}
.atlas-svg[data-mode="extended"] .node[data-inspected=true] .node-name{fill:#c6e8fc}
.atlas-svg[data-mode="extended"] .node[data-inspected=true] .node-bg{fill:#16364a55;stroke:#5eb0e5;stroke-width:.9}
.atlas-svg[data-mode="classic"] .taxon.inspected .selection-ring{stroke:#5eb0e5;opacity:1}
.atlas-svg[data-mode="classic"] .taxon.inspected .taxon-name{fill:#c6e8fc}
.atlas-svg[data-mode="extended"] .node:hover .node-bg,.atlas-svg[data-mode="extended"] .node:focus .node-bg{fill:#173141;fill-opacity:.8;stroke:#6b94ad;stroke-width:.8}

/* Text-first clade label badges (SAR, Euarchontoglires) */
.atlas-svg .clade-label-ground{fill:#0c222e;stroke:var(--color,var(--taxon-color));stroke-width:1;stroke-opacity:.6;pointer-events:none}
.atlas-svg .label-only .node-name,.atlas-svg .label-only .taxon-name{stroke:none!important;fill:#bbd6df!important;letter-spacing:.2px;font-family:Arial,sans-serif}
.atlas-svg .label-only .node-bg{display:none!important}
.atlas-svg .label-only:hover .clade-label-ground,.atlas-svg .label-only:focus .clade-label-ground{fill:#183648;stroke:#a4c7d6;stroke-opacity:1}
.atlas-svg .label-only[data-selected=true] .node-name,.atlas-svg .label-only[data-selected=true] .taxon-name,
.atlas-svg .label-only.selected .node-name,.atlas-svg .label-only.selected .taxon-name{fill:#ffe1a5!important}
.atlas-svg .label-only[data-comparison=true] .node-name,.atlas-svg .label-only[data-comparison=true] .taxon-name,
.atlas-svg .label-only.comparison .node-name,.atlas-svg .label-only.comparison .taxon-name{fill:#b3eef2!important}
.atlas-svg .label-only[data-inspected=true] .node-name,.atlas-svg .label-only[data-inspected=true] .taxon-name,
.atlas-svg .label-only.inspected .node-name,.atlas-svg .label-only.inspected .taxon-name{fill:#c6e8fc!important}
.atlas-svg .label-only rect.selection-ring{fill:none;stroke:transparent;stroke-width:2.2}
.atlas-svg .label-only:hover rect.selection-ring,.atlas-svg .label-only:focus rect.selection-ring{stroke:#9eb9c9}
.atlas-svg .label-only[data-selected=true] rect.selection-ring,.atlas-svg .label-only.selected rect.selection-ring{stroke:#f3cf89}
.atlas-svg .label-only[data-comparison=true] rect.selection-ring,.atlas-svg .label-only.comparison rect.selection-ring{stroke:#81d9df}
.atlas-svg .label-only[data-inspected=true] rect.selection-ring,.atlas-svg .label-only.inspected rect.selection-ring{stroke:#5eb0e5}
.atlas-svg.no-labels .label-only .node-labels,.atlas-svg.no-labels .label-only .taxon-name{display:block!important}

/* Dim levels in Extended mode:
   0: Off matches full tree brightness (.88 edge, 1.0 nodes)
   1: Low (.55 edge, .86 nodes)
   2: Mid (EXACT v6 baseline: .31 edge, .72 nodes)
   3: Mid-High (.19 edge, .48 nodes)
   4: High (.08 edge, .16 nodes, .35 text)
*/
.atlas-svg[data-mode="extended"][data-dim="0"] .branch[data-route=""] .edge{opacity:.88!important}
.atlas-svg[data-mode="extended"][data-dim="0"] .node:not(.on-route) .organism-glyph,
.atlas-svg[data-mode="extended"][data-dim="0"] .node:not(.on-route) .node-labels{opacity:1!important}

.atlas-svg[data-mode="extended"][data-dim="1"].has-selection .branch[data-route=""] .edge{opacity:.55}
.atlas-svg[data-mode="extended"][data-dim="1"].has-selection .node:not(.on-route) .organism-glyph,
.atlas-svg[data-mode="extended"][data-dim="1"].has-selection .node:not(.on-route) .node-labels{opacity:.86}

.atlas-svg[data-mode="extended"][data-dim="2"].has-selection .branch[data-route=""] .edge{opacity:.31}
.atlas-svg[data-mode="extended"][data-dim="2"].has-selection .node:not(.on-route) .organism-glyph,
.atlas-svg[data-mode="extended"][data-dim="2"].has-selection .node:not(.on-route) .node-labels{opacity:.72}

.atlas-svg[data-mode="extended"][data-dim="3"].has-selection .branch[data-route=""] .edge{opacity:.19}
.atlas-svg[data-mode="extended"][data-dim="3"].has-selection .node:not(.on-route) .organism-glyph,
.atlas-svg[data-mode="extended"][data-dim="3"].has-selection .node:not(.on-route) .node-labels{opacity:.48}

.atlas-svg[data-mode="extended"][data-dim="4"].has-selection .branch[data-route=""] .edge,
.atlas-svg[data-mode="extended"].dim-unrelated .branch[data-route=""] .edge{opacity:.08}
.atlas-svg[data-mode="extended"][data-dim="4"].has-selection .node:not(.on-route) .organism-glyph,
.atlas-svg[data-mode="extended"].dim-unrelated .node:not(.on-route) .organism-glyph{opacity:.16}
.atlas-svg[data-mode="extended"][data-dim="4"].has-selection .node:not(.on-route) .node-labels,
.atlas-svg[data-mode="extended"].dim-unrelated .node:not(.on-route) .node-labels{opacity:.35}