/* Only the new year rail and its adjacency to the agenda. Existing UI stays intact. */
.year-nav{display:flex;align-items:center;min-width:0;width:100%;height:44px;margin:0;padding:0;--year-step:60px;--year-height:44px}
.year-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;color:var(--accent);border-radius:4px}
.year-arrow svg{display:block;flex:none}
.year-window{position:relative;flex:1;min-width:0;height:var(--year-height)}
.year-window::before{content:'';position:absolute;left:0;right:0;top:12px;height:1px;background:var(--line);pointer-events:none}
.year-marker{position:absolute;left:50%;top:5px;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:var(--accent);pointer-events:none;z-index:1}
.year-track{display:flex;height:var(--year-height);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-3px}
.year-track::-webkit-scrollbar{display:none}
.year-track:focus-visible{outline:2px solid var(--focus);border-radius:3px}
.year-track::before,.year-track::after{content:'';flex:0 0 calc((100% - var(--year-step))/2)}
.year-option{position:relative;display:block;flex:0 0 var(--year-step);height:var(--year-height);padding:18px 0 0;text-align:center;font-size:13px;line-height:20px;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums;scroll-snap-align:center;cursor:pointer;white-space:nowrap}
.year-option::before{content:'';position:absolute;top:12px;left:50%;height:4px;width:1px;background:var(--line)}
.year-option.is-selected{font-weight:700;color:var(--accent)}
.year-track.is-dragging{scroll-snap-type:none;cursor:grabbing}
.year-nav+.agenda{margin-top:0}
/* Reuse the already approved past-mode/dark palette, without restyling the app. */
.past-transition .year-arrow,.past-transition .year-option{transition:color 1.6s ease}
.past-transition .year-marker{transition:background-color 1.6s ease}
.past-transition .year-window::before,.past-transition .year-option::before{transition:background-color 1.6s ease}
@media(prefers-reduced-motion:reduce){.past-transition .year-arrow,.past-transition .year-option,.past-transition .year-marker,.past-transition .year-window::before,.past-transition .year-option::before{transition:none}}