.scrub-wrap{--rail-accent:var(--accent,#8aa2ff);--rail-ink:var(--ink,#ece8df);--rail-muted:var(--muted,#a19d94);--rail-line:var(--line-strong,#47453f);--rail-ground:color-mix(in srgb,var(--paper,#0f0f0e) 90%,transparent);--rail-edge:color-mix(in srgb,var(--ink,#ece8df) 16%,transparent);position:relative;display:grid}.scrub-wrap>*{grid-area:1/1;min-width:0}.scrub-surface{position:relative;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab}.scrub-surface[data-dragging=true]{cursor:grabbing}.scrub-surface img{-webkit-user-drag:none}.scrub-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;pointer-events:none}.scrub-canvas[data-visible=true]{opacity:1}.scrub-overlay{position:sticky;bottom:16px;z-index:3;align-self:end;display:grid;justify-items:center;gap:8px;margin:0 16px 16px;pointer-events:none}.scrub-hint{--px-fill:var(--rail-ground);--px-ring:var(--rail-edge);display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px 8px 12px;color:var(--rail-ink);font-size:var(--step--1);line-height:16px;transition:opacity .24s var(--ease-out,cubic-bezier(.22,1,.36,1)),transform .24s var(--ease-out,cubic-bezier(.22,1,.36,1))}.scrub-hint[data-hidden=true]{opacity:0;transform:translateY(8px)}.scrub-hint svg{flex:none;width:16px;height:16px;color:var(--rail-accent)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scrub-wrap:hover .scrub-hint svg{animation:scrub-nudge 1.8s cubic-bezier(.45,0,.2,1) 3 both}}@keyframes scrub-nudge{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.scrub-rail{--px-fill:var(--rail-ground);--px-ring:var(--rail-edge);--px-track-color:var(--rail-line);--px-track-fill:var(--rail-accent);width:min(100%,560px);overflow:clip;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 16px;font:400 var(--type-data)/16px var(--font-data),monospace;font-variant-numeric:tabular-nums}.scrub-rail,.scrub-rail__label{color:var(--rail-muted)}.scrub-rail--stops{grid-template-columns:minmax(0,1fr);padding:12px 24px 28px}.scrub-rail__track{width:round(down,100%,4px)}.scrub-rail__thumb{position:absolute;inset:0;pointer-events:none;will-change:transform}.scrub-rail__knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;color:var(--rail-accent)}.scrub-rail__stop{position:absolute;top:12px;transform:translateX(-50%);white-space:nowrap;color:var(--rail-muted)}.scrub-rail__stop[data-edge=start]{transform:none}.scrub-rail__stop[data-edge=end]{transform:translateX(-100%)}.scrub-rail__stop[data-active=true]{color:var(--rail-ink)}.campus-date,.scrub-badge{--px-fill:var(--project-color,#3b5cf0);position:absolute;z-index:2;top:16px;left:16px;padding:8px 16px;color:var(--project-ink,#fff);font:400 clamp(28px,4.2vw,60px)/1 var(--font-data),monospace;font-variant-numeric:tabular-nums;pointer-events:none}@media (max-width:640px){.scrub-overlay{position:relative;bottom:auto;margin:0 10px 10px;gap:8px}.scrub-hint{font-size:var(--step--2);padding:8px 12px}.scrub-rail{display:none}.campus-date,.scrub-badge{top:10px;left:10px}}@media (prefers-reduced-motion:reduce){.scrub-hint svg{animation:none}.scrub-hint{transition:opacity .2s linear}.scrub-hint[data-hidden=true]{transform:none}}