.timeline{position:fixed;bottom:5vh;left:5vh;width:calc(100vw - 10vh);box-sizing:border-box;z-index:1000}.timeline__year{font-size:14px;color:#aaa;margin-bottom:10px;-webkit-user-select:none;user-select:none}.timeline__track{position:relative;width:100%;height:6px;background:#b8b8b8;border-radius:4px;cursor:pointer}.timeline__progress{position:absolute;left:0;top:50%;height:9px;background:#444;border-radius:4px;transform:translateY(-50%);pointer-events:none}.timeline__progress--dragging{transition:none}.timeline__playhead{position:absolute;top:50%;width:25px;height:25px;background:#444;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .15s ease,box-shadow .15s ease;z-index:2}.timeline__playhead--active{transform:translate(-50%,-50%) scale(1.2);border-left-color:#6e6e6e;cursor:grabbing}.timeline__drag-overlay{position:fixed;inset:0;cursor:ew-resize}.timeline__event{position:absolute;top:50%;width:10px;height:25px;border-radius:10px;z-index:1}.timeline__event.active{height:25px;background:#a00000}.timeline__event.highlighted{box-shadow:0 0 0 3px #f006}.timeline__tooltip{position:absolute;bottom:140%;left:50%;transform:translate(-50%);background:#ffffffe6;color:#000;padding:10px 14px;border-radius:18px;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.timeline__event:hover,.timeline__event:has(.timeline__tooltip:hover){z-index:10}.timeline__event:hover .timeline__tooltip,.timeline__event.active .timeline__tooltip{opacity:1;pointer-events:auto;transform:translate(-50%)}.tooltip-icons{display:flex;justify-content:center;align-items:center;gap:.75rem}.tooltip-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.tooltip-emoji{font-size:26px;line-height:1}.tooltip-name{font-size:14px;font-weight:500;white-space:nowrap}.tooltip-title{font-weight:600}.tooltip-item{display:flex;align-items:center;gap:.8rem;cursor:pointer}.timeline__label{position:absolute;bottom:-100;margin-top:6px;font-size:13px;color:#aaa;-webkit-user-select:none;user-select:none;transition:.3s ease}.timeline__label--start{left:0;transform:translate(0);font-size:14px;font-weight:600;color:#555;top:220%;margin-top:10px}.timeline__label--end{right:0;transform:translate(0);font-size:14px;font-weight:600;color:#555;top:220%;margin-top:10px}.timeline__current-year{position:absolute;top:220%;margin-top:10px;transform:translate(-50%);font-size:14px;font-weight:600;color:#555;white-space:nowrap;pointer-events:none}.timeline__tipping-point-year{position:absolute;top:250%;margin-top:8px;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#555;white-space:nowrap;pointer-events:none;transition:.3s ease}body{margin:0;padding:0;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#050814;color:#f3f5ff}#app{width:100vw;height:100vh}canvas{display:block;width:100%;height:100%}.panel{padding:18px;background:#ffffffe6;color:#000;border-radius:40px;display:flex;gap:20px;position:absolute;z-index:1;box-sizing:border-box}.start-button{appearance:none;border:1px solid #000;padding:10px 18px;border-radius:15px;background:#fff;color:#000;font-size:16px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.start-button:hover{background:#747474;color:#fff;transform:translateY(-1px) scale(1.09)}.start-button:active{transform:translateY(0)}