:root{--bg-main:#0b0f19;--bg-surface:#151e2e;--bg-surface-hover:#1e293b;--bg-card:#141d2b;--border-color:#273549;--border-subtle:#1c2738;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#38bdf8;--accent-focus:#7dd3fc;--font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;overflow-x:hidden;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);line-height:1.5}.site-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);text-align:center}.site-footer a + a{margin-left:1rem}.timeline-header{position:sticky;top:0;z-index:100;background-color:rgba(11,15,25,0.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);padding:0.75rem 2rem;display:flex;flex-direction:column;gap:0.75rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-titles h1{font-size:1.25rem;font-weight:700;letter-spacing:-0.01em}.subtitle{font-size:0.8rem;color:var(--text-secondary)}.menu-toggle-btn{display:none;align-items:center;gap:0.5rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:0.45rem 0.75rem;font-size:0.825rem;font-weight:600;cursor:pointer;position:relative}.menu-toggle-btn:hover{background:var(--bg-surface-hover);border-color:var(--accent)}.btn-svg-icon{width:14px;height:14px;display:inline-flex;align-items:center}.btn-svg-icon svg{width:100%;height:100%;fill:currentColor}.filter-indicator{width:8px;height:8px;background-color:var(--accent);border-radius:50%;position:absolute;top:-2px;right:-2px}.search-box{position:relative;display:flex;align-items:center;min-width:280px;flex:1;max-width:480px}.search-icon{position:absolute;left:0.75rem;width:1rem;height:1rem;color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.search-icon svg{width:100%;height:100%;fill:currentColor}.search-box input{width:100%;padding:0.5rem 2rem 0.5rem 2.25rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:0.875rem;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(56,189,248,0.25)}.filter-collapsible-panel{display:flex;flex-direction:column;gap:0.75rem}.controls-bar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;font-size:0.85rem}.filter-group{display:flex;align-items:center;gap:0.5rem}.filter-label{color:var(--text-secondary);font-weight:600;white-space:nowrap}.pill-group{display:flex;gap:0.35rem;flex-wrap:wrap}.pill{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:0.25rem 0.55rem;font-size:0.75rem;font-weight:500;cursor:pointer;transition:all 0.15s ease}.pill:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.pill.active{background:var(--accent);color:var(--bg-main);border-color:var(--accent);font-weight:700}select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:0.3rem 0.6rem;font-size:0.8rem;outline:none;cursor:pointer}.stats-counter{margin-left:auto;color:var(--text-muted);font-size:0.8rem;white-space:nowrap}.branch-legend{display:flex;gap:1.25rem;flex-wrap:wrap;padding-top:0.35rem;border-top:1px solid var(--border-subtle);font-size:0.75rem}.legend-item{display:inline-flex;align-items:center;gap:0.4rem;color:var(--text-secondary)}.legend-color-box{width:14px;height:4px;border-radius:2px}.mobile-only{display:none}.timeline-viewport{position:relative;width:100%;padding:2rem 1rem 6rem 1rem}.timeline-container{position:relative;width:100%;max-width:100%;margin:0 auto}.git-graph-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.year-axis{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.year-grid-line{position:absolute;left:0;width:100%;border-top:1px dashed var(--border-subtle);display:flex;align-items:center}.year-label{position:absolute;left:15px;transform:translateY(-50%);background:var(--bg-main);padding:0.15rem 0.5rem;font-size:0.8rem;font-weight:700;color:var(--text-muted);border-radius:4px;border:1px solid var(--border-subtle);user-select:none}.events-layer{position:relative;width:100%;height:100%;z-index:2}.event-node{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:var(--bg-main);border:3px solid #fff;cursor:pointer;z-index:5;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease;display:flex;align-items:center;justify-content:center}.event-node:hover,.event-node.active,.event-node.is-scroll-focused{transform:translate(-50%,-50%) scale(1.6);box-shadow:0 0 16px currentColor}.event-node.is-key-event{width:26px;height:26px;border-width:4px;box-shadow:0 0 10px currentColor}.event-card{position:absolute;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:0.65rem 0.95rem;cursor:pointer;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,box-shadow 0.2s ease,opacity 0.3s ease;box-shadow:0 4px 14px rgba(0,0,0,0.4);opacity:0.35;z-index:3}.event-card:hover,.event-card.active,.event-card.is-scroll-focused{opacity:1;transform:translateY(-2px) scale(1.02);border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,0.6),0 0 0 1px var(--accent);z-index:10}.event-card.is-key-event{border-left:4px solid var(--event-accent,currentColor);background:linear-gradient(90deg,color-mix(in srgb,var(--event-accent,#d97706) 12%,var(--bg-card)) 0%,var(--bg-card) 100%)}.card-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;font-size:0.775rem}.card-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg{width:100%;height:100%;fill:currentColor}.card-date{font-weight:700;color:var(--text-primary)}.card-branch-tag{margin-left:auto;font-size:0.65rem;padding:0.12rem 0.4rem;border-radius:3px;font-weight:600;color:#fff}.card-title{font-size:0.875rem;font-weight:600;line-height:1.35;color:var(--text-primary)}.card-location-structured{display:flex;gap:0.35rem;font-size:0.725rem;color:var(--text-muted);margin-top:0.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-card-connector{stroke:var(--border-color);stroke-width:2;pointer-events:none;opacity:0.35;transition:stroke 0.2s ease,opacity 0.3s ease}.node-card-connector.is-hovered,.node-card-connector.is-scroll-focused{stroke:var(--accent);opacity:1}.detail-drawer{position:fixed;top:0;right:0;width:100%;max-width:580px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px rgba(0,0,0,0.7);z-index:200;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.detail-drawer.open{transform:translateX(0)}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-meta{display:flex;gap:0.5rem;flex-wrap:wrap}.badge{font-size:0.75rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:4px;display:inline-flex;align-items:center;gap:0.35rem}.badge-branch{color:#fff}.badge-category{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-icon{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0.25rem 0.5rem;border-radius:4px}.btn-icon:hover{color:var(--text-primary);background-color:var(--bg-surface-hover)}.drawer-body{padding:1.75rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.drawer-year{font-size:1.3rem;font-weight:800;color:var(--accent)}.drawer-location-structured{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.25rem}.loc-tag{background:var(--bg-main);padding:0.15rem 0.45rem;border-radius:3px;font-size:0.8rem;border:1px solid var(--border-subtle);color:var(--text-secondary)}.drawer-body h2{font-size:1.3rem;line-height:1.35;color:var(--text-primary)}.drawer-section h3{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0.25rem}.drawer-text{font-size:0.95rem;line-height:1.65;color:var(--text-secondary)}.highlight-box{background:var(--bg-main);border-left:3px solid var(--accent);padding:0.85rem 1.1rem;border-radius:0 6px 6px 0;color:var(--text-primary)}.tags-container,.related-events-container{display:flex;flex-wrap:wrap;gap:0.4rem}.tag-pill{background:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:0.75rem;padding:0.2rem 0.5rem;border-radius:3px}.related-pill{background:var(--bg-surface-hover);color:var(--accent);border:1px solid var(--border-color);font-size:0.8rem;padding:0.3rem 0.65rem;border-radius:4px;cursor:pointer}.related-pill:hover{background:var(--accent);color:var(--bg-main);font-weight:600}.sources-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.sources-list li a{display:inline-flex;align-items:center;gap:0.4rem;color:var(--accent);text-decoration:none;font-size:0.875rem;word-break:break-all}.sources-list li a:hover{color:var(--accent-focus);text-decoration:underline}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:190;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}@media (max-width:768px){.timeline-header{padding:0.6rem 1rem;gap:0}.header-titles h1{font-size:1.05rem}.header-titles .subtitle{display:none}.menu-toggle-btn{display:inline-flex}.desktop-only{display:none}.mobile-only{display:flex;max-width:100%;margin-bottom:0.5rem}.filter-collapsible-panel{display:none;padding-top:0.75rem;border-top:1px solid var(--border-color);margin-top:0.6rem;max-height:80vh;overflow-y:auto}.filter-collapsible-panel.is-open{display:flex}.controls-bar{flex-direction:column;align-items:flex-start;gap:0.75rem}.filter-group{width:100%;flex-direction:column;align-items:flex-start;gap:0.35rem}.stats-counter{margin-left:0;font-size:0.75rem}.year-label{left:4px;font-size:0.65rem;padding:0.1rem 0.25rem}.event-card{display:block!important;padding:0.35rem 0.55rem;border-radius:6px;opacity:0.15;transform:scale(0.95)}.event-card.is-scroll-focused{opacity:1;transform:scale(1.02);box-shadow:0 4px 16px rgba(0,0,0,0.7),0 0 0 1px var(--accent)}.event-card .card-header,.event-card .card-location-structured{display:none}.event-card .card-title{font-size:0.75rem;line-height:1.25}.node-card-connector{display:block!important}.event-node{width:20px;height:20px}.event-node.is-key-event{width:24px;height:24px}}.event-card.is-scroll-near{opacity:0.68}.event-node.is-scroll-near{transform:translate(-50%,-50%) scale(1.2)}.node-card-connector.is-scroll-near{opacity:0.65}.event-card,.event-node{font-family:inherit;text-align:left;color:inherit}.event-node{padding:0}.badge-icon{width:12px;height:12px;display:inline-flex;margin-right:4px}.badge-icon svg{width:100%;height:100%;fill:currentColor}.load-error{padding:2rem;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:8px;margin:2rem auto;max-width:600px;color:#f8fafc}.load-error h3{color:#ef4444;margin-bottom:.5rem}.load-error p{margin-bottom:.5rem}body.drawer-open{overflow:hidden}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}}.is-filtered-out{display:none!important}.timeline-graph-path{opacity:1;transition:opacity 0.22s ease}.timeline-graph-path.is-track-dimmed{opacity:0.2}