:root{--bg:#0a0d14;--bg-elev:#131826;--bg-elev-2:#1a2030;--fg-bright:#fff;--fg:#e8ecf5f2;--fg-dim:#e8ecf5a8;--fg-faint:#e8ecf585;--fg-ghost:#e8ecf533;--accent:#7cc4ff;--border:#ffffff14;--border-strong:#ffffff29;--ring:#b4c8e61a;--ring-today:#b4c8e629;--status-living:#8fd6a3;--status-extinct:#c79bff;--status-reconstructed:#9aa6bd;--status-classical:#ffc97c;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--font);color:var(--fg);background-color:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--bg-elev-2) transparent;caret-color:var(--accent)}*{box-sizing:border-box}::selection{color:var(--fg-bright);background:#7cc4ff4d}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);grid-template-rows:auto 1fr auto;display:grid}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}kbd{font-family:var(--mono);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-dim);border-radius:3px;padding:1px 5px;font-size:.6875rem}.faint{color:var(--fg-faint);font-weight:400}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);font-size:.75rem}.app-header{border-bottom:1px solid var(--border);background:#0a0d14b3;grid-template-columns:1fr minmax(240px,420px) 1fr;align-items:center;gap:24px;padding:12px 20px;display:grid}.brand{align-items:baseline;gap:10px;min-width:0;display:flex}.brand-mark{width:22px;height:22px;color:var(--accent);align-self:center}.brand-name{letter-spacing:.02em;margin:0;font-size:1rem;font-weight:650}.brand-tag{color:var(--fg-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.search-wrap{width:100%;position:relative}.search-icon{width:15px;height:15px;color:var(--fg-faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-kbd{pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#search:focus~.search-kbd,#search:not(:placeholder-shown)~.search-kbd{display:none}#search{background:var(--bg-elev);border:1px solid var(--border-strong);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:9px 34px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}#search::placeholder{color:var(--fg-faint)}#search:hover{border-color:#ffffff3d}#search:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7cc4ff26}#search::-webkit-search-cancel-button{filter:invert(.7)}.autocomplete{background:var(--bg-elev);border:1px solid var(--border-strong);z-index:20;border-radius:8px;max-height:340px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.autocomplete li{cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:.8125rem;display:flex}.autocomplete li.active{background:var(--bg-elev-2)}.autocomplete .ac-name{color:var(--fg);flex:1;min-width:0}.autocomplete .ac-period{color:var(--fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7188rem}.autocomplete .ac-empty{color:var(--fg-faint);cursor:default}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.header-meta{justify-content:flex-end;align-items:center;gap:14px;display:flex}.status{color:var(--fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.gh-link{color:var(--fg-dim);align-items:center;transition:color .15s;display:flex}.gh-link:hover{color:var(--fg)}#app{grid-template-columns:250px 1fr 340px;min-height:0;display:grid}.left-panel{border-right:1px solid var(--border);padding:20px 14px 20px 16px;overflow-y:auto}.panel-section+.panel-section{margin-top:28px}.panel-title{color:var(--fg-dim);letter-spacing:.02em;margin:0 0 12px;font-size:.75rem;font-weight:600}.panel-count{color:var(--fg-faint);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:400}.legend-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.legend-list li{color:var(--fg-faint);grid-template-columns:30px 1fr;align-items:start;gap:10px;font-size:.7812rem;line-height:1.45;display:grid}.legend-list strong{color:var(--fg-dim);font-weight:600}.legend-list svg{width:30px;height:30px}.lg-ring{fill:none;stroke:#b4c8e647;stroke-width:1px;stroke-dasharray:2 2.5}.lg-today{stroke-dasharray:none;stroke:#b4c8e666}.lg-time{stroke:#5b9bd5;stroke-width:3px;stroke-linecap:round}.lg-line{stroke:#5b9bd5;stroke-width:4.5px;stroke-linecap:round;fill:none}.lg-dotted{stroke-dasharray:.1 7}.lg-band{fill:none;stroke:#e89143;stroke-width:3.5px}.family-list{margin:0 -6px;padding:0;list-style:none}.family-btn{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:5px 8px;font-size:.8125rem;transition:background .12s;display:flex}.family-btn:hover{background:var(--bg-elev)}.family-list li.active .family-btn{background:var(--bg-elev-2)}.family-list li.active .family-name{color:var(--fg-bright);font-weight:600}.family-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.family-name{min-width:0;color:var(--fg);flex:1}.family-count{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.viz-wrap{contain:strict;min-width:0;position:relative;overflow:hidden}.viz-canvas,#viz{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#viz{cursor:grab;touch-action:none}#viz:active{cursor:grabbing}#viz:focus{outline:none}#viz:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:8px}.era-label{fill:var(--fg-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:10.5px}.node-label,.band-label,.era-label{pointer-events:none;animation:.16s ease-out label-in}@keyframes label-in{0%{opacity:0}}.node-label{fill:var(--fg);paint-order:stroke;stroke:var(--bg);stroke-width:3.5px;stroke-linejoin:round;font-size:12.5px;font-weight:500}.node-label.internal{fill:var(--fg-dim);font-size:11px;font-style:italic}.node-label.hover,.node-label.lineage{fill:var(--fg)}.node-label.selected{fill:var(--fg-bright);font-weight:700}#viz.has-selection .node-label:not(.lineage):not(.same-family){opacity:.1}#viz.has-selection .node-label.internal:not(.lineage){opacity:0}#viz.family-focus .node-label:not(.family-hit){opacity:.12}#viz.family-focus .band-label:not(.family-hit){opacity:.3}#viz .node-label.hover{opacity:1}.band-text-path{fill:none}.band-label{letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:650}.zoom-controls{border:1px solid var(--border-strong);background:#131826eb;border-radius:8px;flex-direction:column;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 14px #00000059}.zoom-controls button{cursor:pointer;width:34px;height:34px;color:var(--fg-dim);background:0 0;border:0;place-items:center;transition:background .12s,color .12s;display:grid}.zoom-controls button+button{border-top:1px solid var(--border)}.zoom-controls button:hover{background:var(--bg-elev-2);color:var(--fg)}.zoom-controls button:focus-visible{outline-offset:-2px}.zoom-controls svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.tooltip{pointer-events:none;border:1px solid var(--border-strong);z-index:30;opacity:0;background:#141924f7;border-radius:8px;max-width:280px;padding:8px 11px;font-size:.75rem;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;transform:translateY(4px);box-shadow:0 6px 18px #00000080}.tooltip.visible{opacity:1;transform:translateY(0)}.tooltip-name{font-size:.8125rem;font-weight:600}.tooltip-period{color:var(--fg-dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.7188rem}.tooltip-meta{color:var(--fg-faint);margin-top:2px;font-size:.7188rem}.tooltip-family{color:var(--fg-dim);align-items:center;gap:6px;margin-top:6px;font-size:.7188rem;display:flex}.detail{border-left:1px solid var(--border);background:#0a0d1473;padding:22px 22px 28px;overflow-y:auto}.detail-body section{margin-top:24px}.section-title{color:var(--fg-dim);letter-spacing:.02em;margin:0 0 10px;font-size:.75rem;font-weight:600}.intro h2{text-wrap:balance;margin:4px 0 8px;font-size:1.188rem;font-weight:650;line-height:1.3}.intro p{color:var(--fg-dim);margin:0 0 16px;font-size:.8438rem;line-height:1.55}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{--c:var(--fg-faint);border:1px solid var(--border-strong);background:var(--bg-elev);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 9px;font-size:.7812rem;transition:border-color .12s,background .12s;display:inline-flex}.chip:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.chip:hover{border-color:var(--c);background:var(--bg-elev-2)}.detail-body h2:focus{outline:none}.detail-body h2:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.detail-head h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 4px;font-size:1.5rem;font-weight:650;line-height:1.2}.family-tag{color:var(--fg-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:8px;padding:0;font-size:.7812rem;display:inline-flex}.family-tag:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.detail-head .period{color:var(--fg-dim);font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:.8125rem}.pill{--c:var(--fg-dim);color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:4px;padding:2px 8px;font-size:.7188rem;font-weight:600;display:inline-block}.pill.status-living{--c:var(--status-living)}.pill.status-extinct{--c:var(--status-extinct)}.pill.status-reconstructed{--c:var(--status-reconstructed)}.pill.status-classical{--c:var(--status-classical)}.detail-body dl{grid-template-columns:92px 1fr;gap:7px 14px;margin:18px 0 0;font-size:.8125rem;display:grid}.detail-body dt{color:var(--fg-faint)}.detail-body dd{font-variant-numeric:tabular-nums;margin:0}.link{color:var(--accent);cursor:pointer;text-decoration:none}.link:hover{text-underline-offset:3px;text-decoration:underline}.detail-body .notes{color:var(--fg-dim);margin:16px 0 0;font-size:.8438rem;line-height:1.6}.line{--c:var(--accent);margin:0;padding:0;list-style:none;position:relative}.line li{gap:1px;padding:0 0 12px 22px;display:grid;position:relative}.line li:before{content:"";background:var(--c);opacity:.55;border-radius:999px;width:3px;position:absolute;top:8px;bottom:-6px;left:4px}.line li:last-child:before{display:none}.line li:after{content:"";background:var(--bg);border:2.5px solid var(--c);box-sizing:border-box;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:0}.line li.reconstructed:after{border-style:dotted}.line li.current:after{background:var(--c)}.line li:last-child{padding-bottom:0}.stop-name{font-size:.8438rem}.line li.current .stop-name{color:var(--fg-bright);font-weight:650}.stop-period{color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:.7188rem}.sources ul{margin:0;padding:0;list-style:none}.sources a{color:var(--accent);overflow-wrap:anywhere;padding:3px 0;font-size:.7812rem;text-decoration:none;display:block}.sources a:hover{text-underline-offset:3px;text-decoration:underline}.app-footer{color:var(--fg-faint);border-top:1px solid var(--border);align-items:center;gap:10px;padding:8px 20px;font-size:.75rem;display:flex}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.kbd-hint{margin-left:auto}.kbd-hint kbd{margin:0 2px}@media (pointer:coarse){#search{min-height:44px}.zoom-controls button{width:44px;height:44px}.family-btn{min-height:44px}.chip{position:relative}.chip:after{content:"";position:absolute;top:-9px;bottom:-9px;left:-2px;right:-2px}.chips{gap:18px 6px}.line .stop-name,.sources a,.family-tag{margin-block-start:-10px;margin-block-end:-10px;padding-block-start:10px;padding-block-end:10px}.line li{padding-bottom:18px}}@media (max-width:1180px){#app{grid-template-columns:210px 1fr 300px}.brand-tag{display:none}}@media (max-width:860px){.app-header{grid-template-columns:auto 1fr;gap:14px;padding:10px 16px}.header-meta{display:none}#app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.left-panel{display:none}.detail{border-left:none;border-top:1px solid var(--border);max-height:38vh;padding:16px}.kbd-hint{display:none}.app-footer{padding:6px 16px}.zoom-controls{flex-direction:row;bottom:12px;right:12px}.zoom-controls button+button{border-top:0;border-left:1px solid var(--border)}}@media (max-width:480px){.brand-name{display:none}}@media (prefers-reduced-motion:reduce){.tooltip,.tooltip.visible{transition:opacity .12s ease-out;transform:none}.node-label,.band-label,.era-label{animation:none}}