#timeline-container{container-type:inline-size;container-name:tl-panel;contain:paint;width:100%;min-height:clamp(400px,80vh,600px);position:relative;overflow-x:auto;overflow-y:auto;padding-right:40px;padding-top:var(--space-5)}#timeline-container svg{display:block;overflow:visible}.tl-controls{position:sticky;top:0;z-index:var(--z-controls);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.tl-control-group{display:flex;align-items:center;gap:var(--space-2)}.tl-select{padding:var(--space-1) var(--space-2);font-family:var(--font-sans)}.tl-toggle-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none}.tl-toggle-input{position:absolute;opacity:0;width:0;height:0}.tl-toggle-slider{position:relative;width:28px;height:16px;border-radius:var(--radius-lg);flex-shrink:0}.tl-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%}.tl-toggle-input:checked+.tl-toggle-slider:after{transform:translate(12px)}.tl-toggle-text{font-size:var(--text-sm)}.tl-segmented{display:inline-flex}.tl-segmented-btn{border:none;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);font-family:var(--font-sans)}.tl-brain-legend{display:flex;align-items:center;gap:var(--space-1)}.tl-brain-legend-bar{width:clamp(60px,80%,100px);height:8px;border-radius:var(--radius-sm);background:linear-gradient(to right,var(--color-gold-lighter),var(--color-base-950))}.tl-brain-legend-label{font-size:var(--text-xs);color:var(--color-text-300)}.tl-filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tl-filter-pill{padding:var(--space-1) var(--space-3);font-family:var(--font-sans)}.tl-time-axis line{stroke:rgba(var(--color-gold-rgb),.2);stroke-width:1px}.tl-time-axis text{fill:rgba(var(--color-gold-light-rgb),.6);font-size:var(--text-xs);font-family:var(--font-sans);font-feature-settings:"tnum"}.tl-mya-label{fill:var(--color-text-300);font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-feature-settings:"tnum"}.tl-gridlines line{stroke:var(--color-base-700);stroke-width:.5px;stroke-dasharray:2 4}.tl-climate-band{pointer-events:none}.tl-climate-label{fill:rgba(var(--color-gold-light-rgb),.5);font-size:var(--text-3xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:var(--tracking-caps);pointer-events:none}.tl-diversity-layer{pointer-events:none}.tl-diversity-area{fill:var(--color-gold);fill-opacity:.12;stroke:var(--color-gold);stroke-opacity:.5;stroke-width:1.5}.tl-diversity-label{fill:var(--color-text-400);font-size:var(--text-3xs)}.tl-diversity-peak-label{fill:var(--color-gold);fill-opacity:.8;font-size:var(--text-2xs);font-weight:500;pointer-events:none}.tl-bar{cursor:pointer;transition:opacity var(--duration-normal) ease,filter var(--duration-normal) ease;stroke:transparent;stroke-width:2px}.tl-bar:hover{filter:brightness(1.3) drop-shadow(0 0 4px currentColor)}.tl-bar:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tl-bar--selected{stroke:var(--color-text-100);stroke-width:2px;filter:brightness(1.2) drop-shadow(0 0 6px currentColor)}.tl-bar--dimmed{opacity:.2}.tl-bar--extinct{opacity:.3}.tl-bar--future{opacity:.1}.tl-bar--contemporary{opacity:1;pointer-events:auto}.tl-count-display{position:absolute;top:var(--space-2);right:var(--space-6);z-index:var(--z-controls);padding:var(--space-2) var(--space-3);background:rgba(var(--color-base-900-rgb),.85);border:1px solid var(--color-base-700);border-radius:var(--radius-md);color:var(--color-text-400);font-size:var(--text-md);font-family:var(--font-sans);pointer-events:none;transition:opacity var(--duration-normal) ease}.tl-count-display strong{color:var(--color-text-100);font-weight:600;font-feature-settings:"tnum"}.tl-count--shifted{bottom:200px}.tl-extant-arrow{pointer-events:none}.tl-extinction-marker{pointer-events:auto;opacity:.6;stroke:var(--color-base-900);stroke-width:1}.tl-extinction-marker:hover{opacity:1}@media(prefers-reduced-motion:no-preference){.tl-extinction-marker{transition:opacity .15s ease-out}}.tl-species-label,.tl-species-label-v{fill:var(--color-text-200);font-family:var(--font-serif);font-style:italic}.tl-species-label{font-size:var(--text-xs)}.tl-species-label-v{font-size:var(--text-3xs)}.tl-genus-header{cursor:default}.tl-genus-toggle{cursor:pointer}.tl-genus-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tl-toggle-icon{fill:var(--color-text-400);font-size:var(--text-2xs)}.tl-genus-name{fill:var(--color-text-300);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.tl-genus-name-v{fill:var(--color-text-300);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.tl-genus-separator{stroke:var(--color-base-700);stroke-width:1px}.tl-genus-bg{fill:var(--color-base-800);opacity:.3}.tl-milestone-guide{stroke:var(--color-base-700);stroke-width:.5px;stroke-dasharray:4 4;pointer-events:none}.tl-milestone-diamond{cursor:pointer;transition:filter var(--duration-fast) ease;transform-box:fill-box;transform-origin:center}.tl-milestone-diamond:hover{filter:brightness(1.4) drop-shadow(0 0 6px currentColor)}.tl-milestone-diamond:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes tl-bloom{0%{scale:0}50%{scale:1.3}to{scale:1}}.tl-milestone-diamond.bloom{animation:tl-bloom .3s ease-out forwards}@media(prefers-reduced-motion:reduce){.tl-milestone-diamond.bloom{animation:none}}.tl-scrubber-line{stroke:var(--color-gold);stroke-width:1.5px;pointer-events:none}.tl-scrubber-handle{fill:var(--color-gold);cursor:ew-resize;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.tl-scrubber-handle--vertical{cursor:ns-resize}.tl-scrubber-label{fill:var(--color-text-100);font-size:var(--text-xs);font-weight:600;pointer-events:none}.tl-scrubber-touch-target{cursor:ns-resize}.tl-click-target{cursor:crosshair}.tl-tooltip{position:absolute;padding:var(--space-3) var(--space-4);z-index:var(--z-tooltip);max-width:min(320px,calc(100vw - 2rem))}.tl-tooltip-card{display:grid;grid-template-columns:56px 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.tl-tooltip-thumb{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.tl-tooltip-image{width:56px;height:56px;object-fit:cover;display:block}.tl-tooltip-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-text-100-rgb),.7);font-size:var(--text-3xl);font-weight:700;border-radius:var(--radius-md);background:var(--item-color)}.tl-tooltip-sci-name{font-family:var(--font-serif);font-style:italic;color:var(--color-text-100);font-size:var(--text-base);margin-bottom:2px;overflow-wrap:break-word}.tl-tooltip-common-name{color:var(--color-text-300);font-size:var(--text-sm);margin-bottom:var(--space-1);overflow-wrap:break-word}.tl-tooltip-genus{display:flex;align-items:center;gap:5px;color:var(--color-text-400);font-size:var(--text-xs)}.tl-tooltip-stats{color:var(--color-text-400);font-size:var(--text-xs);line-height:var(--leading-normal)}.tl-tooltip-stats span{color:var(--color-text-100)}.tl-tooltip-badge{display:inline-block;font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-100);text-transform:capitalize;line-height:1.4}.tl-tooltip-brain{margin-top:var(--space-2)}.tl-tooltip-brain-label{color:var(--color-text-400);font-size:var(--text-xs);margin-bottom:3px}.tl-tooltip-brain-bar{width:clamp(60px,80%,100px);height:6px;background:var(--color-base-950);border-radius:var(--radius-sm);overflow:hidden}.tl-tooltip-brain-fill{height:100%;border-radius:var(--radius-sm);transition:transform var(--duration-fast) ease;transform-origin:left center}.tl-tooltip-milestone-name{color:var(--color-text-100);font-size:var(--text-md);font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:var(--space-2)}.tl-tooltip-milestone-date{color:var(--color-text-400);font-size:var(--text-xs);margin-bottom:var(--space-2);text-transform:capitalize}.tl-tooltip-milestone-desc{color:var(--color-text-200);font-size:var(--text-sm);line-height:var(--leading-snug)}.tl-brush-area rect{stroke:none}.tl-brush .selection{fill:var(--color-gold);fill-opacity:.2;stroke:var(--color-gold);stroke-width:1px}.tl-brush .handle{fill:var(--color-gold)}.tl-brush .overlay{fill:transparent}@media(max-width:767px){.tl-controls{padding:var(--space-1) var(--space-2);gap:var(--space-2);font-size:var(--text-xs);max-height:25vh;overflow-y:auto}.tl-control-group{gap:var(--space-1)}.tl-select{padding:2px 6px;font-size:var(--text-xs)}.tl-toggle-text{font-size:var(--text-xs)}.tl-segmented-btn{padding:3px 7px;font-size:var(--text-xs)}.tl-count-display{position:fixed;bottom:2rem;left:0;right:0;top:auto;border-radius:0;z-index:var(--z-mobile-modal);text-align:center}.tl-tooltip{position:fixed;inset:auto 0 0;max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:none!important}#timeline-container{overflow-x:auto}}@media(max-width:767px)and (orientation:landscape){.tl-controls{max-height:20vh;overflow-y:auto}}.tl-filter-toggle{display:none}.tl-filter-drawer{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:none;overflow:visible}.tl-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--space-1);border-radius:var(--radius-lg);margin-left:var(--space-1)}.tl-options-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) ease;width:100%}.tl-options-drawer--open{grid-template-rows:1fr}.tl-options-drawer-inner{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.tl-options-drawer--open .tl-options-drawer-inner{padding-top:var(--space-2)}.tl-options-toggle{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:767px){.tl-options-drawer .tl-filter-pills{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);width:100%}.tl-options-drawer .tl-control-group{width:100%}}.tl-relationship-line{pointer-events:none}.tl-count-badge text,.tl-count-badge rect{pointer-events:none}@media(prefers-reduced-motion:reduce){.tl-bar,.tl-tooltip,.tl-milestone-diamond,.tl-toggle-slider,.tl-toggle-slider:after,.tl-options-drawer{transition:none}.tl-bar--contemporary{filter:none!important}}