/* ── YouTube-style timeline scrubber + retention helpers ── */
#videoWrapper, .video-player { position: relative; }

/* Resume-watching pill */
#resumePill{position:absolute;left:14px;bottom:64px;z-index:9;display:flex;align-items:center;gap:10px;background:rgba(10,10,12,.84);border:1px solid rgba(255,255,255,.2);color:#fff;padding:9px 16px;border-radius:999px;font:600 13px/1 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;box-shadow:0 8px 22px rgba(0,0,0,.45);user-select:none}
#resumePill.show{opacity:1;transform:translateY(0)}
#resumePill:hover{border-color:#ff2d55}
#resumePill .rp-play{color:#ff2d55;font-size:14px}

/* Keyboard shortcuts modal */
#kbdHelp{position:absolute;inset:0;z-index:30;background:rgba(8,8,10,.78);display:none;align-items:center;justify-content:center}
#kbdHelp.show{display:flex}
#kbdHelp .kbd-box{background:#17171c;border:1px solid #2a2a30;border-radius:14px;padding:20px 26px;max-width:360px;width:92%;box-shadow:0 12px 44px rgba(0,0,0,.6);animation:kbdPop .15s ease}
@keyframes kbdPop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
#kbdHelp h3{margin:0 0 12px;font-size:15px;color:#fff;text-align:center}
#kbdHelp .kb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;font-size:13px;color:#cfcfd6;border-bottom:1px solid rgba(255,255,255,.07)}
#kbdHelp .kb-row:last-child{border-bottom:0}
#kbdHelp .kb-row span{color:#cfcfd6;line-height:1}
#kbdHelp .kb-row span b{color:#ff667f;font-weight:700}
#kbdHelp kbd{background:#23232a;border:1px solid #3a3a42;border-bottom-width:2px;border-radius:5px;padding:2px 8px;font:700 11px/1 ui-monospace,Menlo,monospace;color:#fff;white-space:nowrap}