/* Life Atlas — museum reading room. Layout is separate from the taxonomy. */
:root{--bg:#101916;--text:#eeeadd;--muted:#a5b3a9;--dim:#82958a;--line:#b8c8b51f;--cyan:#b7d5bd;--blue:#b2bcdf;--gold:#d9bd88;--rail:240px;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.atlas{background:var(--bg);min-height:720px}
.atlas:before{inset:76px 0 0 var(--rail);background:radial-gradient(ellipse at 60% 45%,#6180660d,transparent 70%)}
.atmosphere{display:none}#ambient{opacity:.16}
.header{height:76px;padding:0 30px;border-bottom:1px solid var(--line);background:#101916}
.brand{font-family:"Songti SC","SimSun",serif;font-size:25px;gap:12px;letter-spacing:5px}.brand svg{color:var(--gold);width:25px}.brand small{font-family:"Segoe UI",sans-serif;font-size:8px;color:#b6bfad;letter-spacing:2.6px}
.header-actions{gap:26px}.edition{display:inline;color:#9caa9e;font-size:11px;letter-spacing:1.5px}.text-btn{font-size:12px;color:#c0c9bc;border:0;padding:12px 0}
.sidebar-surface{position:absolute;left:0;top:76px;bottom:0;width:var(--rail);background:#141e19;border-right:1px solid var(--line);z-index:1}
.scene-heading{top:110px;left:28px;opacity:1!important;z-index:2}.scene-heading .eyebrow{color:var(--gold);font-size:9px;letter-spacing:2px}h1{font-size:32px;letter-spacing:3px;margin:14px 0 12px;color:#ede9d8}.scene-heading p{font-size:12px;line-height:1.9;letter-spacing:.5px;color:#aab7ac;max-width:180px}
.quick-explore{left:20px;top:262px;bottom:125px;width:200px;overflow-y:auto;gap:4px;display:flex!important;scrollbar-width:thin;scrollbar-color:#536457 transparent;z-index:3}
.quick-explore>span{font-size:10px;color:#92a195;letter-spacing:1.5px;margin:0 8px 10px}.quick-explore button{display:flex;align-items:center;width:100%;padding:9px 12px!important;min-height:36px;border:1px solid transparent;border-radius:5px;color:#c5cec1;font-size:13px;text-align:left;gap:10px}.quick-explore button:before{content:"";width:5px;height:5px;border:1px solid #9ab49b;border-radius:50%;flex-shrink:0}.quick-explore button:after{content:"↗";margin-left:auto;font-size:12px;color:#879c88}.quick-explore button:hover,.quick-explore button.active{background:#b4c69d10;border-color:#bdcbaa18;color:#f1eddc}.quick-explore button.active:before{background:var(--gold);border-color:var(--gold)}.quick-explore button[data-pair]{font-size:12px}.quick-explore button[data-pair]:before{border-radius:0;transform:rotate(45deg);border-color:var(--gold)}.quick-explore button[data-focus="whale"]{margin-bottom:10px}
.sidebar-note{position:absolute;left:28px;bottom:27px;width:180px;z-index:2;color:#9cab9e;font-size:11px;line-height:1.9;border-top:1px solid var(--line);padding-top:16px}.sidebar-note strong{font-weight:400;color:var(--gold);font-family:Georgia,serif;font-size:21px;display:block;letter-spacing:1px;margin-bottom:3px}
.workspace-title{position:absolute;top:106px;left:calc(var(--rail) + 30px);z-index:2}.workspace-title span{font-size:10px;letter-spacing:2px;color:var(--gold)}.workspace-title h2{font:400 25px/1.4 "Songti SC","SimSun",serif;margin:7px 0;color:var(--text)}
.compare-bar{top:102px;left:auto;right:28px;width:min(490px,calc(100% - var(--rail) - 245px));transform:none;background:#1b2720;border:1px solid #bec8a82b;border-radius:7px;box-shadow:none;backdrop-filter:none;z-index:8;min-height:54px}.compare-bar form{padding:6px}.field{padding:0 8px;gap:9px}input{font-size:13px;color:#e7e9dc;height:35px;outline:none!important}.field:focus-within{background:#ffffff08;border-radius:3px;box-shadow:inset 0 -2px var(--gold)}.marker{color:#bdd7bd;border-color:#aec6ab44;font-size:10px}.marker.b{color:#c1c9e9;border-color:#adb9d647}.compare-submit{background:#d7be89;color:#182319;border-color:#d7be89;padding:9px 12px;font-weight:600;font-size:12px}.compare-submit:hover{background:#e7cf9b;color:#101910}.swap{font-size:21px;color:#b2bdad}.suggestions{background:#1d2b22;border-color:#afc3ac38;box-shadow:0 20px 50px #0006}.suggestions small{color:#a8b9aa}.suggestions button{min-height:52px}.suggestions button:hover,.suggestions button:focus{background:#bed0af14}#formError{background:#442c26;color:#f2d0b7;left:0;top:58px}
.breadcrumbs{left:calc(var(--rail) + 30px);right:245px;top:180px;transform:none;justify-content:flex-start;overflow:auto;max-width:none;gap:9px;scrollbar-width:none}.breadcrumbs button{font-size:12px;color:#abb9ab;flex-shrink:0;max-width:125px}.breadcrumbs button:last-child{color:#e6e5d5}.breadcrumbs>span{color:#708575}
.view-switch{right:28px;top:173px;background:#101916;border-color:var(--line);padding:3px;gap:3px}.view-switch button{font-size:12px;padding:8px 13px;color:#aabbac}.view-switch .selected{background:#b6c6a51c;color:#ecebdc}
.tree-stage{left:calc(var(--rail) + 18px);right:18px;top:224px;bottom:204px;border-top:1px solid #bac6ac0d;border-bottom:1px solid #bac6ac0d}
.branch-glow{display:none}.flow{opacity:.3}.map-label{stroke:#101916;stroke-width:5px}.map-label .node-name{font-size:13px;font-weight:400;letter-spacing:.2px}.map-label.major .node-name{font-size:15px}.map-label .node-meta{fill:#a6b9a8;font-size:11px;letter-spacing:0}.map-label.selected .node-name{font-size:16px}.tree-node:hover .dot{fill:#efe7c9;stroke:#efe7c9}
.branch-entry rect{fill:#1b2b20;stroke:#9bb79355;rx:5}.branch-entry .entry-name{fill:#d8e3cf}.branch-entry .entry-action{fill:#b1c0a9}.branch-entry:hover rect{fill:#293d2c;stroke:#d4c497}.node-tooltip{background:#253528;color:#e1e6d8;border-color:#b3c49d35;font-size:12px}
.view-meta{left:calc(var(--rail) + 30px);bottom:173px;font-size:11px;color:#acbbaa;gap:10px}.tiny-line{background:#c2bc8e}.explore-hint{left:calc(var(--rail) + 30px);transform:none;bottom:145px;font-size:10px;letter-spacing:.3px;color:#a1b09f}.mouse-icon{display:none}.map-controls{right:28px;bottom:150px;box-shadow:none;background:#1a271e;border-color:#b1c2a72a}.map-controls button{min-width:34px;color:#d1d9c7}.map-controls #zoomLevel{color:#adbcaa}
.glass{background:#1c2a21f5;border-color:#b5c49e38;box-shadow:0 16px 50px #0003;backdrop-filter:blur(20px)}.ancestor-card{left:calc(var(--rail) + 26px);bottom:216px;width:276px;padding:22px;z-index:6}.ancestor-card p{color:#c0ccbb}.ancestor-title h2,.node-card h2{font-family:"Songti SC","SimSun",serif;font-size:25px}.ancestor-time>span{color:#b7c4b1}.demo-note{color:#a2b39e}.node-card{top:226px;right:28px;width:278px;max-height:calc(100svh - 430px);z-index:7}.node-card p{color:#c0cdbb}.node-card i{color:#acbfa9}.node-actions button{color:#e0e5d2;border-color:#bbcd9d3a}.card-close{color:#c0ccbb;min-width:32px;min-height:32px}.subtle-btn{color:#dcd1aa;border-color:#c6c39766}
.time-axis{left:calc(var(--rail) + 30px);right:28px;bottom:20px;height:112px;border-color:#b5c3a82b;background:none}.axis-top{padding-top:12px;font-size:12px;color:#d1dac6;letter-spacing:.4px}.axis-top i{color:#9aaa92;font-size:8px}.axis-top #axisRange{color:#a6b59f;font-size:11px}.axis-top button{font-size:11px;color:#d3dcc8;border-color:#b0bf9c38;padding:4px 8px}.axis-bottom{font-size:10px;color:#9eae96;gap:12px}.axis-bottom>span:nth-child(2){display:none}.fossil-legend{color:#b3bd9e!important}.time-readout{background:#243727;color:#dce5d0;border-color:#b8c79d40}
dialog{background:#19271e;color:var(--text);border-color:#bdc7a640;border-radius:10px}dialog p{color:#bdcbb4}dialog::backdrop{background:#080f0bba;backdrop-filter:blur(8px)}.source-links{color:#c5d6b8}.fossil-grid button{border-color:#c1b18330;background:#c4b78908}.fossil-grid strong{color:#e1d4b2}.fossil-grid span{color:#afbaa4}.fossil-library h3{color:#c2caae}
@media(min-width:761px){.atlas[data-mode="compare"] .quick-explore{display:none!important}.ancestor-card{left:16px;top:258px;bottom:auto;width:calc(var(--rail) - 32px);padding:18px 16px;max-height:calc(100% - 385px);overflow-y:auto;box-shadow:none;background:#1c2a21}.ancestor-card .eyebrow{font-size:8px;line-height:1.8;display:block;max-width:145px}.ancestor-card .ancestor-time strong{font-size:21px}.ancestor-card p{font-size:12px;line-height:1.9}.ancestor-card .ancestor-title h2{font-size:24px}.ancestor-card .card-close{right:3px;top:3px}.ancestor-card .demo-note{font-size:9px}}
button:focus-visible,a:focus-visible,#tree:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tree-node:focus-visible{outline:none}
@media(min-width:1450px){:root{--rail:270px}.scene-heading{left:34px}h1{font-size:36px}.quick-explore{left:26px;width:216px}.sidebar-note{left:34px}.compare-bar{width:520px}.tree-stage{top:224px;bottom:212px}}
@media(max-width:1100px) and (min-width:761px){:root{--rail:210px}.scene-heading{left:24px}h1{font-size:28px}.quick-explore{left:16px;width:178px}.sidebar-note{left:24px;width:160px}.edition{display:none}.workspace-title{left:calc(var(--rail) + 24px)}.workspace-title h2{font-size:22px}.workspace-title span{font-size:8px}.compare-bar{width:calc(100% - var(--rail) - 204px);right:24px}.field{padding:0 5px;gap:6px}.compare-submit{padding:9px}.marker{width:17px;height:17px;line-height:15px}.axis-top i{display:none}}
@media(max-height:800px) and (min-width:761px){.atlas{min-height:650px}.scene-heading{top:103px}.scene-heading p{font-size:11px}.quick-explore{top:242px;bottom:106px;gap:1px}.quick-explore button{min-height:31px;padding:6px 10px!important}.sidebar-note{bottom:22px;font-size:10px;padding-top:10px}.sidebar-note strong{font-size:18px}.tree-stage{top:208px;bottom:196px}.workspace-title{top:97px}.compare-bar{top:99px}.breadcrumbs{top:165px}.view-switch{top:160px}.node-card{top:214px}.ancestor-card{bottom:202px}.view-meta{bottom:168px}.explore-hint{bottom:143px}}
@media(max-width:760px){:root{--rail:0px}.atlas{min-height:690px;height:100svh}.header{height:65px;padding:0 18px}.header-actions{gap:18px}.brand{font-size:22px}.edition,.sidebar-surface,.sidebar-note,.scene-heading,.workspace-title{display:none}.compare-bar{top:80px;left:16px;right:16px;width:auto;transform:none;min-height:52px}.field{padding:0 6px}.compare-submit{padding:9px 10px}.suggestions{width:220px}.breadcrumbs{left:20px;right:175px;top:145px;width:auto;gap:7px;justify-content:flex-start}.breadcrumbs button{font-size:11px;max-width:100px}.view-switch{top:139px;right:16px}.view-switch button{padding:7px 10px;font-size:11px}.quick-explore{top:186px;left:16px;right:16px;bottom:auto;width:auto;height:40px;flex-direction:row;overflow:auto;gap:7px;padding-bottom:3px;scrollbar-width:none}.quick-explore>span{display:none}.quick-explore button{width:auto;flex-shrink:0;min-height:32px;padding:6px 12px!important;background:#bbcaab09;border-color:#a7b89822;font-size:12px}.quick-explore button:before,.quick-explore button:after{display:none}.quick-explore button[data-focus="whale"]{margin:0}.tree-stage{left:6px;right:6px;top:238px;bottom:205px}.view-meta{left:18px;bottom:175px;font-size:10px}.view-meta #visibleCount{display:none}.explore-hint{display:none}.map-controls{bottom:144px;right:16px;padding:2px}.map-controls button{min-width:30px;height:32px}.time-axis{left:16px;right:16px;bottom:14px;height:115px}.axis-top{gap:4px;font-size:11px}.axis-top #axisRange{font-size:10px}.axis-bottom{font-size:9px;gap:3px}.axis-bottom>span:last-child{margin-left:0}.axis-top i{display:none}.ancestor-card{left:16px;right:16px;bottom:201px;width:auto;padding:13px 16px}.ancestor-title h2{font-size:20px}.ancestor-card .subtle-btn{font-size:11px}.node-card{left:16px;right:16px;top:auto;bottom:200px;width:auto;max-height:220px;padding:18px}.node-card h2{font-size:22px}.node-age{margin-top:12px}dialog{padding:26px}.fossil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:761px){.ancestor-card{bottom:auto!important;max-height:calc(100% - 385px);scrollbar-width:thin;scrollbar-color:#72816b transparent}}
@media(min-width:761px) and (max-width:1100px){.ancestor-card{left:12px;width:calc(var(--rail) - 24px);padding:16px 12px;top:248px}.ancestor-card .ancestor-time strong{font-size:17px;white-space:nowrap}.ancestor-card .ancestor-title h2{font-size:23px}.ancestor-card .eyebrow{font-size:8px;max-width:135px}.ancestor-card p{font-size:12px;line-height:1.8}.ancestor-card .demo-note{display:none}.ancestor-time>span{font-size:11px}}