.d3-timeline{display:block;cursor:grab}.d3-timeline:active{cursor:grabbing}.d3-timeline-bg{opacity:.1;rx:8}.d3-timeline-line{fill:none;stroke-width:3;cursor:pointer}.d3-timeline-label{font-size:14px;font-weight:700}.d3-event-point{cursor:pointer;transition:all .2s ease}.d3-event-point:hover{transform:scale(1.2)}.d3-event-range{cursor:pointer;transition:all .2s ease}.d3-event-range:hover{filter:url(#drop-shadow) brightness(1.2)}.d3-event-text{font-size:12px;font-weight:700;pointer-events:none}.d3-axis{font-size:12px}.d3-axis path,.d3-axis line{fill:none;stroke:#333;shape-rendering:crispEdges}.d3-grid line{stroke:#e0e0e0;stroke-dasharray:3,3;opacity:.7}.d3-timeline-tooltip{position:fixed;background:#000000e6;color:#fff;padding:12px;border-radius:8px;font-size:12px;pointer-events:none;z-index:1000;max-width:250px;box-shadow:0 4px 12px #0000004d}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#939abc,#91caee);min-height:100vh}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.header{background:linear-gradient(135deg,#66e8ea,#85a24b);color:#fff;padding:30px;text-align:center}.header h1{margin:0;font-size:2.5em;font-weight:300}.header p{margin:10px 0 0;opacity:.9;font-size:1.1em}.controls{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-weight:500;color:#495057}button{background:#84c3c1;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}button:hover{background:#84c398;transform:translateY(-1px)}input[type=range]{width:120px}.timeline-container{-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.zoom-slider-container{height:30px;margin-left:120px;margin-right:20px;margin-top:20px;display:none}.info-panel{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.event-log{max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:15px;margin-top:10px}.event-item{padding:8px 12px;margin:5px 0;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:14px}.event-item.range{background:#f3e5f5;border-left-color:#9c27b0}.slider-window{height:100%;width:100%;cursor:crosshair;background:#f0f8ff;position:relative;overflow:visible}.slider-window .slider{width:80px;height:100%;background:#e7efff;opacity:.6;position:relative}.slider-window .slider .move-dragger{background:#c0c8e5;height:10px;cursor:move}.slider-window .slider .move-dragger:hover{background:#afbae5}.slider-window .slider .resize-dragger{position:absolute;width:4px;height:100%;cursor:ew-resize;background:#ccc;top:0;pointer-events:none}.slider-window .slider .resize-dragger>*{pointer-events:none}.slider-window .slider .resize-dragger label{white-space:nowrap;font-size:12px}.slider-window .slider .resize-dragger.left{left:0}.slider-window .slider .resize-dragger.left>label{margin-left:-62px}.slider-window .slider .resize-dragger.right{right:0}.slider-window .slider .resize-dragger.right>label{margin-left:5px}.slider-window .spark-group{height:100%;position:absolute;top:0;pointer-events:none}.slider-window .spark-group .spark{height:100%;position:absolute}.slider-window .spark-group .spark.current-time{opacity:.6}