.timeline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0 14px;margin:10px 0}.timeline label{font-weight:600;font-size:14px;margin:0 0 6px}.timeline-row{display:flex;gap:10px;align-items:center}.timeline-row input{--paw-cursor:url('/static/paw-cursor.svg') 13 13, grab;padding:0;min-height:44px;accent-color:var(--green);cursor:var(--paw-cursor);border:0;flex:1}.timeline-row button{font-size:24px;padding:2px 14px}.timeline-actions{display:flex;gap:8px;flex-wrap:wrap}.timeline-actions button{font-size:13px}

.timeline-row input::-webkit-slider-thumb{cursor:var(--paw-cursor)}
.timeline-row input::-moz-range-thumb{cursor:var(--paw-cursor)}
.timeline-row input:active{--paw-cursor:url('/static/paw-cursor-pressed.svg') 13 13, grabbing}
.timeline-track{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.timeline-track input{width:100%;min-width:0}
.timeline-row button{min-width:44px;flex:none}
#timelineTouch{display:none;position:absolute;inset:0;touch-action:pan-y pinch-zoom}
.timeline-actions button{min-height:44px;flex:1}
#studyPosition{background:var(--green);color:white;border-color:var(--green)}
@media(any-pointer:coarse){#timelineTouch{display:block}}