var regStrip = /^[\r\t\f\v ]+|[\r\t\f\v ]+$/gm;

var isUserSeek = false; // Track if seek was user-initiated
var lastToggleSpeed = {}; // Store last toggle speeds per video

var tc = {
  settings: {
    lastSpeed: 1.0,
    enabled: true,
    speeds: {},
    displayKeyCode: 86,
    rememberSpeed: false,
    forceLastSavedSpeed: false,
    audioBoolean: false,
    startHidden: false,
    controllerOpacity: 0.3,
    keyBindings: [],
    blacklist: `\
      www.instagram.com
      twitter.com
      vine.co
      imgur.com
      teams.microsoft.com
    `.replace(regStrip, ""),
    defaultLogLevel: 4,
    logLevel: 5, // Set to 5 to see your debug logs
    enableSubtitleNudge: true, // Enabled by default, but only activates on YouTube
    subtitleNudgeInterval: 100, // Reduced from 25ms to 100ms (10x/sec instead of 40x/sec)
    subtitleNudgeAmount: 0.001
  },
  mediaElements: [],
  isNudging: false
};

var MIN_SPEED = 0.0625;
var MAX_SPEED = 16;
var vscObservedRoots = new WeakSet();
var requestIdle =
  typeof window.requestIdleCallback === "function"
    ? window.requestIdleCallback.bind(window)
    : function (callback, options) {
        return setTimeout(callback, (options && options.timeout) || 1);
      };

var keyCodeToEventKey = {
  32: " ",
  37: "ArrowLeft",
  38: "ArrowUp",
  39: "ArrowRight",
  40: "ArrowDown",
  96: "0",
  97: "1",
  98: "2",
  99: "3",
  100: "4",
  101: "5",
  102: "6",
  103: "7",
  104: "8",
  105: "9",
  106: "*",
  107: "+",
  109: "-",
  110: ".",
  111: "/",
  112: "F1",
  113: "F2",
  114: "F3",
  115: "F4",
  116: "F5",
  117: "F6",
  118: "F7",
  119: "F8",
  120: "F9",
  121: "F10",
  122: "F11",
  123: "F12",
  186: ";",
  188: "<",
  189: "-",
  187: "+",
  190: ">",
  191: "/",
  192: "~",
  219: "[",
  220: "\\",
  221: "]",
  222: "'",
  59: ";",
  61: "+",
  173: "-"
};

function createDefaultBinding(action, key, keyCode, value) {
  return {
    action: action,
    key: key,
    keyCode: keyCode,
    value: value,
    force: false,
    predefined: true
  };
}

function defaultKeyBindings(storage) {
  return [
    createDefaultBinding(
      "slower",
      "S",
      Number(storage.slowerKeyCode) || 83,
      Number(storage.speedStep) || 0.1
    ),
    createDefaultBinding(
      "faster",
      "D",
      Number(storage.fasterKeyCode) || 68,
      Number(storage.speedStep) || 0.1
    ),
    createDefaultBinding(
      "rewind",
      "Z",
      Number(storage.rewindKeyCode) || 90,
      Number(storage.rewindTime) || 10
    ),
    createDefaultBinding(
      "advance",
      "X",
      Number(storage.advanceKeyCode) || 88,
      Number(storage.advanceTime) || 10
    ),
    createDefaultBinding(
      "reset",
      "R",
      Number(storage.resetKeyCode) || 82,
      1.0
    ),
    createDefaultBinding(
      "fast",
      "G",
      Number(storage.fastKeyCode) || 71,
      Number(storage.fastSpeed) || 1.8
    )
  ];
}

function getLegacyKeyCode(binding) {
  if (!binding) return null;
  if (Number.isInteger(binding.keyCode)) return binding.keyCode;
  if (typeof binding.key === "number" && Number.isInteger(binding.key)) {
    return binding.key;
  }
  return null;
}

function normalizeBindingKey(key) {
  if (typeof key !== "string" || key.length === 0) return null;
  if (key === "Spacebar") return " ";
  if (key === "Esc") return "Escape";
  if (key.length === 1 && /[a-z]/i.test(key)) return key.toUpperCase();
  return key;
}

function legacyKeyCodeToBinding(keyCode) {
  if (!Number.isInteger(keyCode)) return null;
  var key = keyCodeToEventKey[keyCode];
  if (!key && keyCode >= 48 && keyCode <= 57) {
    key = String.fromCharCode(keyCode);
  }
  if (!key && keyCode >= 65 && keyCode <= 90) {
    key = String.fromCharCode(keyCode);
  }
  return {
    key: normalizeBindingKey(key),
    keyCode: keyCode,
    code: null,
    disabled: false
  };
}

function normalizeStoredBinding(binding, fallbackKeyCode) {
  var fallbackBinding = legacyKeyCodeToBinding(fallbackKeyCode);
  if (!binding) return fallbackBinding;

  if (
    binding.disabled === true ||
    (binding.key === null &&
      binding.keyCode === null &&
      binding.code === null)
  ) {
    return {
      action: binding.action,
      key: null,
      keyCode: null,
      code: null,
      disabled: true,
      value: Number(binding.value),
      force: String(binding.force) === "true" ? "true" : "false",
      predefined: Boolean(binding.predefined)
    };
  }

  var normalized = {
    action: binding.action,
    key: null,
    keyCode: null,
    code:
      typeof binding.code === "string" && binding.code.length > 0
        ? binding.code
        : null,
    disabled: false,
    value: Number(binding.value),
    force: String(binding.force) === "true" ? "true" : "false",
    predefined: Boolean(binding.predefined)
  };

  if (typeof binding.key === "string") {
    normalized.key = normalizeBindingKey(binding.key);
  }

  var legacyKeyCode = getLegacyKeyCode(binding);
  if (Number.isInteger(legacyKeyCode)) {
    var legacyBinding = legacyKeyCodeToBinding(legacyKeyCode);
    if (legacyBinding) {
      normalized.key = normalized.key || legacyBinding.key;
      normalized.keyCode = legacyKeyCode;
    }
  }

  if (Number.isInteger(binding.keyCode)) {
    normalized.keyCode = binding.keyCode;
  }

  if (!normalized.key && fallbackBinding) {
    normalized.key = fallbackBinding.key;
    if (normalized.keyCode === null) normalized.keyCode = fallbackBinding.keyCode;
  }

  if (!normalized.key && !normalized.code && normalized.keyCode === null) {
    return null;
  }

  return normalized;
}

function isValidSpeed(speed) {
  return !isNaN(speed) && speed >= MIN_SPEED && speed <= MAX_SPEED;
}

function sanitizeSpeed(speed, fallback) {
  var numericSpeed = Number(speed);
  return isValidSpeed(numericSpeed) ? numericSpeed : fallback;
}

function getVideoSourceKey(video) {
  return (video && (video.currentSrc || video.src)) || "unknown_src";
}

function getControllerTargetSpeed(video) {
  if (!video || !video.vsc) return null;
  return isValidSpeed(video.vsc.targetSpeed) ? video.vsc.targetSpeed : null;
}

function getRememberedSpeed(video) {
  var sourceKey = getVideoSourceKey(video);
  if (sourceKey !== "unknown_src") {
    var videoSpeed = tc.settings.speeds[sourceKey];
    if (isValidSpeed(videoSpeed)) return videoSpeed;
  }
  if (tc.settings.forceLastSavedSpeed && isValidSpeed(tc.settings.lastSpeed)) {
    return tc.settings.lastSpeed;
  }
  if (tc.settings.rememberSpeed && isValidSpeed(tc.settings.lastSpeed)) {
    return tc.settings.lastSpeed;
  }
  return null;
}

function getDesiredSpeed(video) {
  return getControllerTargetSpeed(video) || getRememberedSpeed(video) || 1.0;
}

function resolveTargetSpeed(video) {
  return getDesiredSpeed(video);
}

function extendSpeedRestoreWindow(video, duration) {
  if (!video || !video.vsc) return;

  var restoreDuration = Number(duration) || 1500;
  var restoreUntil = Date.now() + restoreDuration;
  var currentUntil = Number(video.vsc.speedRestoreUntil) || 0;

  video.vsc.speedRestoreUntil = Math.max(currentUntil, restoreUntil);
}

function scheduleSpeedRestore(video, desiredSpeed, reason) {
  if (!video || !video.vsc || !isValidSpeed(desiredSpeed)) return;

  if (video.vsc.restoreSpeedTimer) {
    clearTimeout(video.vsc.restoreSpeedTimer);
  }

  video.vsc.restoreSpeedTimer = setTimeout(function () {
    if (!video.vsc) return;

    if (Math.abs(video.playbackRate - desiredSpeed) > 0.01) {
      log(
        `Restoring playbackRate to ${desiredSpeed.toFixed(2)} after ${reason}`,
        4
      );
      setSpeed(video, desiredSpeed, false, false);
    }

    if (video.vsc) {
      video.vsc.restoreSpeedTimer = null;
    }
  }, 0);
}

function rememberPendingRateChange(video, speed) {
  if (!video || !video.vsc || !isValidSpeed(speed)) return;

  video.vsc.pendingRateChange = {
    speed: Number(speed),
    expiresAt: Date.now() + 1000
  };
}

function takePendingRateChange(video, currentSpeed) {
  if (!video || !video.vsc || !video.vsc.pendingRateChange) return null;

  var pendingRateChange = video.vsc.pendingRateChange;
  if (
    !isValidSpeed(pendingRateChange.speed) ||
    pendingRateChange.expiresAt <= Date.now()
  ) {
    video.vsc.pendingRateChange = null;
    return null;
  }

  if (Math.abs(Number(pendingRateChange.speed) - currentSpeed) > 0.01) {
    return null;
  }

  video.vsc.pendingRateChange = null;
  return pendingRateChange;
}

function matchesKeyBinding(binding, event) {
  if (!binding || binding.disabled) return false;

  var normalizedEventKey = normalizeBindingKey(event.key);
  if (binding.key && normalizedEventKey) {
    return binding.key === normalizedEventKey;
  }

  if (binding.code && event.code) {
    return binding.code === event.code;
  }

  var legacyKeyCode = getLegacyKeyCode(binding);
  return Number.isInteger(legacyKeyCode) && legacyKeyCode === event.keyCode;
}

function mediaSelector() {
  return tc.settings.audioBoolean ? "video,audio" : "video";
}

function isMediaElement(node) {
  return (
    node &&
    node.nodeType === Node.ELEMENT_NODE &&
    (node.nodeName === "VIDEO" ||
      (node.nodeName === "AUDIO" && tc.settings.audioBoolean))
  );
}

function hasUsableMediaSource(node) {
  if (!isMediaElement(node) || !node.isConnected) return false;
  if (node.currentSrc || node.src || node.srcObject) return true;
  if (typeof node.readyState === "number" && node.readyState > 0) return true;
  if (
    typeof node.networkState === "number" &&
    typeof HTMLMediaElement !== "undefined" &&
    (node.networkState === HTMLMediaElement.NETWORK_IDLE ||
      node.networkState === HTMLMediaElement.NETWORK_LOADING)
  ) {
    return true;
  }

  if (node.querySelectorAll) {
    return Array.from(node.querySelectorAll("source[src]")).some(function (
      source
    ) {
      var src = source.getAttribute("src");
      return typeof src === "string" && src.trim().length > 0;
    });
  }

  return false;
}

function ensureController(node, parent) {
  if (!isMediaElement(node) || node.vsc) return node && node.vsc;
  if (!hasUsableMediaSource(node)) {
    log(
      `Deferring controller creation for ${node.tagName}: no usable source yet`,
      5
    );
    return null;
  }
  log(
    `Creating controller for ${node.tagName}: ${node.src || node.currentSrc || "no src"}`,
    4
  );
  node.vsc = new tc.videoController(
    node,
    parent || node.parentElement || node.parentNode
  );
  return node.vsc;
}

function removeController(node) {
  if (node && node.vsc) node.vsc.remove();
}

function scanNodeForMedia(node, parent, added) {
  if (!node || typeof node === "function") return;

  if (node.nodeType === Node.DOCUMENT_NODE) {
    scanNodeForMedia(node.body || node.documentElement, node.body, added);
    return;
  }

  if (
    node.nodeType !== Node.ELEMENT_NODE &&
    node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE
  ) {
    return;
  }

  var ownerDocument = node.ownerDocument || document;
  if (!added && ownerDocument.body && ownerDocument.body.contains(node)) return;

  if (isMediaElement(node)) {
    if (added) ensureController(node, parent);
    else removeController(node);
  }

  if (node.children) {
    Array.from(node.children).forEach(function (child) {
      scanNodeForMedia(child, child.parentNode || parent, added);
    });
  }

  if (node.shadowRoot) {
    observeRoot(node.shadowRoot);
    scanNodeForMedia(node.shadowRoot, node, added);
  }
}

function getScanNodeForRoot(root) {
  if (!root) return null;
  if (root.nodeType === Node.DOCUMENT_NODE) {
    return root.body || root.documentElement;
  }
  return root;
}

function scanRootForMedia(root) {
  var scanRoot = getScanNodeForRoot(root);
  if (!scanRoot) return;
  scanNodeForMedia(scanRoot, root.host || scanRoot.parentNode || scanRoot, true);
  if (root.nodeType === Node.DOCUMENT_NODE) {
    attachIframeListeners(root);
  }
}

function observeRoot(root) {
  if (!root || vscObservedRoots.has(root)) return;
  vscObservedRoots.add(root);
  setupListener(root);
  attachMutationObserver(root);
  attachMediaDetectionListeners(root);
  scanRootForMedia(root);
}

function patchAttachShadow() {
  if (
    window.vscAttachShadowPatched ||
    typeof Element === "undefined" ||
    typeof Element.prototype.attachShadow !== "function"
  ) {
    return;
  }

  var originalAttachShadow = Element.prototype.attachShadow;
  Element.prototype.attachShadow = function () {
    var shadowRoot = originalAttachShadow.apply(this, arguments);
    try {
      if (shadowRoot) {
        observeRoot(shadowRoot);
      }
    } catch (error) {
      log(`Unable to observe shadow root: ${error.message}`, 3);
    }
    return shadowRoot;
  };
  window.vscAttachShadowPatched = true;
}

/* Log levels */
function log(message, level) {
  verbosity = tc.settings.logLevel;
  if (typeof level === "undefined") level = tc.settings.defaultLogLevel;
  if (verbosity >= level) {
    let prefix = "[VSC] ";
    if (level === 2) console.log(prefix + "ERROR: " + message);
    else if (level === 3) console.log(prefix + "WARNING: " + message);
    else if (level === 4) console.log(prefix + "INFO: " + message);
    else if (level === 5) console.log(prefix + "DEBUG: " + message);
    else if (level === 6) {
      console.log(prefix + "DEBUG (VERBOSE): " + message);
      console.trace();
    }
  }
}

chrome.storage.sync.get(tc.settings, function (storage) {
  var storedBindings = Array.isArray(storage.keyBindings)
    ? storage.keyBindings
    : [];

  tc.settings.keyBindings = storedBindings
    .map((binding) => normalizeStoredBinding(binding))
    .filter(Boolean);

  if (tc.settings.keyBindings.length === 0) {
    tc.settings.keyBindings = defaultKeyBindings(storage);
    tc.settings.version = "0.5.3";
    chrome.storage.sync.set({
      keyBindings: tc.settings.keyBindings,
      version: tc.settings.version,
      displayKeyCode: tc.settings.displayKeyCode,
      rememberSpeed: tc.settings.rememberSpeed,
      forceLastSavedSpeed: tc.settings.forceLastSavedSpeed,
      audioBoolean: tc.settings.audioBoolean,
      startHidden: tc.settings.startHidden,
      enabled: tc.settings.enabled,
      controllerOpacity: tc.settings.controllerOpacity,
      blacklist: tc.settings.blacklist.replace(regStrip, "")
    });
  }
  tc.settings.lastSpeed = Number(storage.lastSpeed);
  if (!isValidSpeed(tc.settings.lastSpeed) && tc.settings.lastSpeed !== 1.0) {
    log(`Invalid lastSpeed detected: ${storage.lastSpeed}, resetting to 1.0`, 3);
    tc.settings.lastSpeed = 1.0;
    chrome.storage.sync.set({ lastSpeed: 1.0 });
  } else if (!isValidSpeed(tc.settings.lastSpeed)) {
    tc.settings.lastSpeed = 1.0;
  }
  tc.settings.displayKeyCode = Number(storage.displayKeyCode);
  tc.settings.rememberSpeed = Boolean(storage.rememberSpeed);
  tc.settings.forceLastSavedSpeed = Boolean(storage.forceLastSavedSpeed);
  tc.settings.audioBoolean = Boolean(storage.audioBoolean);
  tc.settings.enabled = Boolean(storage.enabled);
  tc.settings.startHidden = Boolean(storage.startHidden);
  tc.settings.controllerOpacity = Number(storage.controllerOpacity);
  tc.settings.blacklist = String(storage.blacklist);
  tc.settings.enableSubtitleNudge =
    typeof storage.enableSubtitleNudge !== "undefined"
      ? Boolean(storage.enableSubtitleNudge)
      : tc.settings.enableSubtitleNudge;
  tc.settings.subtitleNudgeInterval =
    Number(storage.subtitleNudgeInterval) || 100; // Default 100ms for better performance
  tc.settings.subtitleNudgeAmount =
    Number(storage.subtitleNudgeAmount) || tc.settings.subtitleNudgeAmount;
  if (
    tc.settings.keyBindings.filter((x) => x.action == "display").length == 0
  ) {
    tc.settings.keyBindings.push(
      createDefaultBinding(
        "display",
        "V",
        Number(storage.displayKeyCode) || 86,
        0
      )
    );
    chrome.storage.sync.set({ keyBindings: tc.settings.keyBindings });
  }
  patchAttachShadow();
  // Add a listener for messages from the popup.
  // We use a global flag to ensure the listener is only attached once.
  if (!window.vscMessageListener) {
    chrome.runtime.onMessage.addListener(
      function (request, sender, sendResponse) {
        // Check if the message is a request to re-scan the page.
        if (request.action === "rescan_page") {
          log("Re-scan command received from popup.", 4);
          initializeWhenReady(document, true);

          sendResponse({ status: "complete" });
        }

        // Required to allow for asynchronous responses.
        return true;
      }
    );

    // Set the flag to prevent adding the listener again.
    window.vscMessageListener = true;
  }
  initializeWhenReady(document);
});

function getKeyBindings(action, what = "value") {
  try {
    return tc.settings.keyBindings.find((item) => item.action === action)[what];
  } catch (e) {
    return false;
  }
}
function setKeyBindings(action, value) {
  tc.settings.keyBindings.find((item) => item.action === action)["value"] =
    value;
}

function defineVideoController() {
  tc.videoController = function (target, parent) {
    if (target.vsc) return target.vsc;
    tc.mediaElements.push(target);
    target.vsc = this;
    this.video = target;
    this.parent = target.parentElement || parent;
    this.nudgeAnimationId = null;
    this.restoreSpeedTimer = null;
    this.pendingRateChange = null;
    this.speedRestoreUntil = 0;

    log(`Creating video controller for ${target.tagName} with src: ${target.src || target.currentSrc || 'none'}`, 4);

    let storedSpeed = sanitizeSpeed(resolveTargetSpeed(target), 1.0);
    this.targetSpeed = storedSpeed;
    if (!tc.settings.rememberSpeed && !tc.settings.forceLastSavedSpeed) {
      setKeyBindings("reset", getKeyBindings("fast"));
    }

    log("Explicitly setting playbackRate to: " + storedSpeed, 5);
    target.playbackRate = storedSpeed;

    this.div = this.initializeControls();

    if (!this.div) {
      log("ERROR: Failed to create controller div!", 2);
      return;
    }

    log(`Controller created and attached to DOM. Hidden: ${this.div.classList.contains('vsc-hidden')}`, 4);

    var mediaEventAction = function (event) {
      if (event.type === "play") {
        extendSpeedRestoreWindow(event.target);

        if (!tc.settings.rememberSpeed && !tc.settings.forceLastSavedSpeed) {
          setKeyBindings("reset", getKeyBindings("fast"));
        }

        var playSpeed = sanitizeSpeed(resolveTargetSpeed(event.target), 1.0);
        if (Math.abs(event.target.playbackRate - playSpeed) > 0.01) {
          log("Play event: setting playbackRate to: " + playSpeed, 4);
          setSpeed(event.target, playSpeed, false, false);
        } else if (playSpeed === 1.0 || event.target.paused) {
          this.stopSubtitleNudge();
        } else {
          this.startSubtitleNudge();
        }
      } else if (event.type === "pause") {
        extendSpeedRestoreWindow(event.target);
        this.stopSubtitleNudge();
        tc.isNudging = false;
      } else if (event.type === "seeking") {
        extendSpeedRestoreWindow(event.target);
      } else if (event.type === "ended") {
        this.speedRestoreUntil = 0;
        this.stopSubtitleNudge();
        tc.isNudging = false;
      } else if (event.type === "seeked") {
        extendSpeedRestoreWindow(event.target);
        var expectedSpeed = sanitizeSpeed(resolveTargetSpeed(event.target), 1.0);
        var currentSpeed = event.target.playbackRate;

        if (
          Math.abs(currentSpeed - expectedSpeed) > 0.01
        ) {
          log(
            `Seeked: speed changed from ${expectedSpeed} to ${currentSpeed}, restoring`,
            4
          );
          setSpeed(event.target, expectedSpeed, false, false);
        }

        if (isUserSeek) {
          isUserSeek = false;
        }
      }
    };

    target.addEventListener(
      "play",
      (this.handlePlay = mediaEventAction.bind(this))
    );
    target.addEventListener(
      "pause",
      (this.handlePause = mediaEventAction.bind(this))
    );
    target.addEventListener(
      "seeking",
      (this.handleSeeking = mediaEventAction.bind(this))
    );
    target.addEventListener(
      "ended",
      (this.handleEnded = mediaEventAction.bind(this))
    );
    target.addEventListener(
      "seeked",
      (this.handleSeek = mediaEventAction.bind(this))
    );

    var srcObserver = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        if (
          mutation.type === "attributes" &&
          (mutation.attributeName === "src" ||
            mutation.attributeName === "currentSrc")
        ) {
          log("mutation of A/V element", 5);
          if (this.div) {
            this.stopSubtitleNudge();
            if (!mutation.target.src && !mutation.target.currentSrc) {
              this.div.classList.add("vsc-nosource");
            } else {
              this.div.classList.remove("vsc-nosource");
              if (!mutation.target.paused) this.startSubtitleNudge();
            }
          }
        }
      });
    });
    this.srcObserver = srcObserver;
    srcObserver.observe(target, { attributeFilter: ["src", "currentSrc"] });
    if (!target.paused && target.playbackRate !== 1.0)
      this.startSubtitleNudge();
  };

  tc.videoController.prototype.remove = function () {
    this.stopSubtitleNudge();
    if (this.div) this.div.remove();
    if (this.restoreSpeedTimer) clearTimeout(this.restoreSpeedTimer);
    if (this.video) {
      this.video.removeEventListener("play", this.handlePlay);
      this.video.removeEventListener("pause", this.handlePause);
      this.video.removeEventListener("seeking", this.handleSeeking);
      this.video.removeEventListener("ended", this.handleEnded);
      this.video.removeEventListener("seeked", this.handleSeek);
      delete this.video.vsc;
    }
    if (this.srcObserver) this.srcObserver.disconnect();
    let idx = tc.mediaElements.indexOf(this.video);
    if (idx != -1) tc.mediaElements.splice(idx, 1);
  };

  tc.videoController.prototype.startSubtitleNudge = function () {
    const isYouTube =
      (this.video &&
        this.video.currentSrc &&
        this.video.currentSrc.includes("googlevideo.com")) ||
      location.hostname.includes("youtube.com");
    if (
      !isYouTube ||
      !tc.settings.enableSubtitleNudge ||
      this.nudgeAnimationId !== null ||
      !this.video ||
      this.video.paused ||
      this.video.playbackRate === 1.0
    ) {
      return;
    }

    // Store the target speed so we can always revert to it
    this.targetSpeed = this.video.playbackRate;

    const performNudge = () => {
      // Check if we should stop
      if (!this.video || this.video.paused || this.video.playbackRate === 1.0) {
        this.stopSubtitleNudge();
        return;
      }

      // CRITICAL: Don't nudge if tab is hidden - prevents speed drift
      if (document.hidden) {
        this.nudgeAnimationId = setTimeout(performNudge, tc.settings.subtitleNudgeInterval);
        return;
      }

      // Set flag to prevent ratechange listener from interfering
      tc.isNudging = true;

      // Cache values to avoid repeated property access
      const targetSpeed = this.targetSpeed;
      const nudgeAmount = tc.settings.subtitleNudgeAmount;

      // Apply nudge from the stored target speed (not current rate)
      this.video.playbackRate = targetSpeed + nudgeAmount;

      // Revert synchronously after a microtask to ensure it happens immediately
      Promise.resolve().then(() => {
        if (this.video && targetSpeed) {
          this.video.playbackRate = targetSpeed;
        }
        tc.isNudging = false;
      });

      // Schedule next nudge
      this.nudgeAnimationId = setTimeout(performNudge, tc.settings.subtitleNudgeInterval);
    };

    // Start the first nudge
    this.nudgeAnimationId = setTimeout(performNudge, tc.settings.subtitleNudgeInterval);
    log(`Nudge: Starting with interval ${tc.settings.subtitleNudgeInterval}ms.`, 5);
  };

  tc.videoController.prototype.stopSubtitleNudge = function () {
    if (this.nudgeAnimationId !== null) {
      clearTimeout(this.nudgeAnimationId);
      this.nudgeAnimationId = null;
      log(`Nudge: Stopping.`, 5);
    }
    // Clear the target speed when stopping
    this.targetSpeed = null;
  };

  tc.videoController.prototype.performImmediateNudge = function () {
    const isYouTube =
      (this.video &&
        this.video.currentSrc &&
        this.video.currentSrc.includes("googlevideo.com")) ||
      location.hostname.includes("youtube.com");
    
    if (
      !isYouTube ||
      !tc.settings.enableSubtitleNudge ||
      !this.video ||
      this.video.paused ||
      this.video.playbackRate === 1.0 ||
      document.hidden
    ) {
      return;
    }

    const targetRate = this.targetSpeed || this.video.playbackRate;
    const nudgeAmount = tc.settings.subtitleNudgeAmount;

    tc.isNudging = true;
    this.video.playbackRate = targetRate + nudgeAmount;

    // Revert synchronously via microtask
    Promise.resolve().then(() => {
      if (this.video) {
        this.video.playbackRate = targetRate;
      }
      tc.isNudging = false;
    });

    log(`Immediate nudge performed at rate ${targetRate.toFixed(2)}`, 5);
  };

  tc.videoController.prototype.initializeControls = function () {
    const doc = this.video.ownerDocument;
    const speed = this.video.playbackRate.toFixed(2);
    var top = "0px",
      left = "0px";
    var wrapper = doc.createElement("div");
    wrapper.classList.add("vsc-controller");
    if (!this.video.src && !this.video.currentSrc)
      wrapper.classList.add("vsc-nosource");
    if (tc.settings.startHidden) wrapper.classList.add("vsc-hidden");
    var shadow = wrapper.attachShadow({ mode: "open" });
    shadow.innerHTML = `<style> @import "${chrome.runtime.getURL("shadow.css")}"; </style><div id="controller" style="top:${top}; left:${left}; opacity:${tc.settings.controllerOpacity}"><span data-action="drag" class="draggable">${speed}</span><span id="controls"><button data-action="rewind" class="rw">«</button><button data-action="slower">−</button><button data-action="faster">+</button><button data-action="advance" class="rw">»</button><button data-action="display" class="hideButton">×</button></span></div>`;
    this.speedIndicator = shadow.querySelector(".draggable");
    shadow.querySelector(".draggable").addEventListener(
      "mousedown",
      (e) => {
        runAction(
          e.target.dataset["action"],
          getKeyBindings(e.target.dataset["action"], "value"),
          e
        );
        e.stopPropagation();
      },
      true
    );
    shadow.querySelectorAll("button").forEach((button) => {
      button.addEventListener(
        "click",
        (e) => {
          runAction(
            e.target.dataset["action"],
            getKeyBindings(e.target.dataset["action"]),
            e
          );
          e.stopPropagation();
        },
        true
      );
    });
    shadow
      .querySelector("#controller")
      .addEventListener("click", (e) => e.stopPropagation(), false);
    shadow
      .querySelector("#controller")
      .addEventListener("mousedown", (e) => e.stopPropagation(), false);
    var fragment = doc.createDocumentFragment();
    fragment.appendChild(wrapper);
    const parentEl = this.parent || this.video.parentElement;

    log(`Inserting controller: parentEl=${!!parentEl}, parentNode=${!!parentEl?.parentNode}, hostname=${location.hostname}`, 4);

    if (!parentEl || !parentEl.parentNode) {
      log("No suitable parent found, appending to body", 4);
      doc.body.appendChild(fragment);
      return wrapper;
    }

    try {
      switch (true) {
        case location.hostname == "www.amazon.com":
        case location.hostname == "www.reddit.com":
        case /hbogo\./.test(location.hostname):
          log("Using parentElement.parentElement insertion", 5);
          parentEl.parentElement.insertBefore(fragment, parentEl);
          break;
        case location.hostname == "www.facebook.com":
          log("Using Facebook-specific insertion", 5);
          let p =
            parentEl.parentElement.parentElement.parentElement.parentElement
              .parentElement.parentElement.parentElement;
          if (p && p.firstChild) p.insertBefore(fragment, p.firstChild);
          else parentEl.insertBefore(fragment, parentEl.firstChild);
          break;
        case location.hostname == "tv.apple.com":
          log("Using Apple TV-specific insertion", 5);
          const r = parentEl.getRootNode();
          const s = r && r.querySelector ? r.querySelector(".scrim") : null;
          if (s) s.prepend(fragment);
          else parentEl.insertBefore(fragment, parentEl.firstChild);
          break;
        default:
          log("Using default insertion method", 5);
          parentEl.insertBefore(fragment, parentEl.firstChild);
      }
      log("Controller successfully inserted into DOM", 4);
    } catch (error) {
      log(`Error inserting controller: ${error.message}`, 2);
      // Fallback to body insertion
      doc.body.appendChild(fragment);
    }

    return wrapper;
  };
}

function escapeStringRegExp(str) {
  const m = /[|\\{}()[\]^$+*?.]/g;
  return str.replace(m, "\\$&");
}
function isBlacklisted() {
  let b = false;
  const l = tc.settings.blacklist ? tc.settings.blacklist.split("\n") : [];
  l.forEach((m) => {
    if (b) return;
    m = m.replace(regStrip, "");
    if (m.length == 0) return;
    let r;
    if (m.startsWith("/") && m.lastIndexOf("/") > 0) {
      try {
        const ls = m.lastIndexOf("/");
        r = new RegExp(m.substring(1, ls), m.substring(ls + 1));
      } catch (e) {
        log(`Invalid regex: ${m}. ${e.message}`, 2);
        return;
      }
    } else r = new RegExp(escapeStringRegExp(m));
    if (r && r.test(location.href)) b = true;
  });
  if (b) log(`Page ${location.href} blacklisted.`, 4);
  return b;
}

function shouldPreserveDesiredSpeed(video, speed) {
  if (!video || !video.vsc) return false;
  var desiredSpeed = getDesiredSpeed(video);
  if (!isValidSpeed(desiredSpeed) || Math.abs(speed - desiredSpeed) <= 0.01) {
    return false;
  }

  return (
    video.paused === true ||
    (typeof video.vsc.speedRestoreUntil === "number" &&
      video.vsc.speedRestoreUntil > Date.now())
  );
}

function setupListener(root) {
  root = root || document;
  if (root.vscRateListenerAttached) return;
  function updateSpeedFromEvent(video) {
    if (!video.vsc || !video.vsc.speedIndicator) return;
    var speed = Number(video.playbackRate.toFixed(2));
    video.vsc.speedIndicator.textContent = speed.toFixed(2);
    video.vsc.targetSpeed = speed;
    var sourceKey = getVideoSourceKey(video);
    if (sourceKey !== "unknown_src") {
      tc.settings.speeds[sourceKey] = speed;
    }
    tc.settings.lastSpeed = speed;
    chrome.storage.sync.set({ lastSpeed: speed }, () => { });
    if (video.vsc) {
      if (speed === 1.0 || video.paused) video.vsc.stopSubtitleNudge();
      else video.vsc.startSubtitleNudge();
    }
  }
  root.addEventListener(
    "ratechange",
    function (event) {
      if (tc.isNudging) return;
      var video = event.target;
      if (!video || typeof video.playbackRate === "undefined" || !video.vsc)
        return;
      if (tc.settings.forceLastSavedSpeed) {
        if (event.detail && event.detail.origin === "videoSpeed") {
          video.playbackRate = event.detail.speed;
          updateSpeedFromEvent(video);
        } else {
          video.playbackRate = sanitizeSpeed(tc.settings.lastSpeed, 1.0);
        }
        event.stopImmediatePropagation();
      } else {
        var currentSpeed = Number(video.playbackRate.toFixed(2));
        var desiredSpeed = getDesiredSpeed(video);
        var pendingRateChange = takePendingRateChange(video, currentSpeed);

        if (pendingRateChange) {
          updateSpeedFromEvent(video);
          return;
        }

        if (shouldPreserveDesiredSpeed(video, currentSpeed)) {
          log(
            `Ignoring external rate change to ${currentSpeed.toFixed(2)} while preserving ${desiredSpeed.toFixed(2)}`,
            4
          );
          video.vsc.speedIndicator.textContent = desiredSpeed.toFixed(2);
          scheduleSpeedRestore(video, desiredSpeed, "pause/play or seek");
          return;
        }

        updateSpeedFromEvent(video);
      }
    },
    true
  );
  root.vscRateListenerAttached = true;
}

var vscInitializedDocuments = new Set();
function clearPendingInitialization(doc) {
  if (!doc || !doc.vscPendingInitializeHandler) return;

  var handler = doc.vscPendingInitializeHandler;
  doc.removeEventListener("DOMContentLoaded", handler);
  doc.removeEventListener("readystatechange", handler);

  if (doc.defaultView) {
    doc.defaultView.removeEventListener("load", handler);
  }

  delete doc.vscPendingInitializeHandler;
  doc.vscPendingForceReinit = false;
}

function tryInitializeDocument(doc, forceReinit) {
  if (!doc) return false;
  if ((!forceReinit && vscInitializedDocuments.has(doc)) || !doc.body) {
    return false;
  }

  initializeNow(doc, forceReinit);
  clearPendingInitialization(doc);
  return true;
}

function initializeWhenReady(doc, forceReinit = false) {
  if (!doc) return;
  doc.vscPendingForceReinit = doc.vscPendingForceReinit === true || forceReinit;

  if (tryInitializeDocument(doc, doc.vscPendingForceReinit)) {
    return;
  }

  if (doc.vscPendingInitializeHandler) return;

  var pendingInitializeHandler = function () {
    tryInitializeDocument(doc, doc.vscPendingForceReinit === true);
  };

  doc.vscPendingInitializeHandler = pendingInitializeHandler;
  doc.addEventListener("DOMContentLoaded", pendingInitializeHandler);
  doc.addEventListener("readystatechange", pendingInitializeHandler);

  if (doc.defaultView) {
    doc.defaultView.addEventListener("load", pendingInitializeHandler);
    doc.defaultView.setTimeout(pendingInitializeHandler, 0);
  } else {
    setTimeout(pendingInitializeHandler, 0);
  }
}
function inIframe() {
  try {
    return window.self !== window.top;
  } catch (e) {
    return true;
  }
}

function attachKeydownListeners(doc) {
  var docs = [doc];
  try {
    if (inIframe() && window.top.document !== doc) docs.push(window.top.document);
  } catch (e) {}

  docs.forEach(function (keyDoc) {
    if (keyDoc.vscKeydownListenerAttached) return;
    keyDoc.addEventListener(
      "keydown",
      function (event) {
        if (
          !event.getModifierState ||
          event.getModifierState("Alt") ||
          event.getModifierState("Control") ||
          event.getModifierState("Fn") ||
          event.getModifierState("Meta") ||
          event.getModifierState("Hyper") ||
          event.getModifierState("OS")
        ) {
          return;
        }

        if (
          event.target.nodeName === "INPUT" ||
          event.target.nodeName === "TEXTAREA" ||
          event.target.isContentEditable
        ) {
          return;
        }

        if (!tc.mediaElements.length) return;

        var item = tc.settings.keyBindings.find(function (binding) {
          return matchesKeyBinding(binding, event);
        });

        if (item) {
          runAction(item.action, item.value, event);
          if (item.force === "true") {
            event.preventDefault();
            event.stopPropagation();
          }
        }
      },
      true
    );
    keyDoc.vscKeydownListenerAttached = true;
  });
}

function attachMutationObserver(root) {
  if (root.vscMutationObserverAttached) return;

  var pendingMutations = [];
  var mutationProcessingScheduled = false;
  var observer = new MutationObserver(function (mutations) {
    pendingMutations.push(...mutations);
    if (mutationProcessingScheduled) return;

    mutationProcessingScheduled = true;
    requestIdle(
      function () {
        var mutationsToProcess = pendingMutations.splice(0);
        mutationProcessingScheduled = false;

        mutationsToProcess.forEach(function (mutation) {
          if (mutation.type === "childList") {
            mutation.addedNodes.forEach(function (node) {
              scanNodeForMedia(node, node.parentNode || mutation.target, true);
            });
            mutation.removedNodes.forEach(function (node) {
              scanNodeForMedia(node, node.parentNode || mutation.target, false);
            });
            return;
          }

          if (mutation.type !== "attributes") return;

          var target = mutation.target;
          if (
            isMediaElement(target) &&
            (mutation.attributeName === "src" ||
              mutation.attributeName === "currentSrc")
          ) {
            ensureController(target, target.parentElement || target.parentNode);
            return;
          }

          if (
            mutation.attributeName === "aria-hidden" &&
            target.attributes["aria-hidden"] &&
            target.attributes["aria-hidden"].value === "false"
          ) {
            scanRootForMedia(root);
          }
        });
      },
      { timeout: 1000 }
    );
  });

  observer.observe(root, {
    attributeFilter: ["aria-hidden", "src", "currentSrc"],
    childList: true,
    subtree: true,
    attributes: true
  });

  root.vscMutationObserverAttached = true;
}

function attachMediaDetectionListeners(root) {
  if (root.vscMediaEventListenersAttached) return;

  var handleDetectedMedia = function (event) {
    var target = event.target;
    if (!isMediaElement(target)) return;
    ensureController(target, target.parentElement || target.parentNode);
  };

  [
    "loadstart",
    "loadeddata",
    "loadedmetadata",
    "canplay",
    "playing",
    "play"
  ].forEach(function (eventName) {
    root.addEventListener(eventName, handleDetectedMedia, true);
  });
  root.vscMediaEventListenersAttached = true;
}

function attachIframeListeners(doc) {
  Array.from(doc.getElementsByTagName("iframe")).forEach(function (frame) {
    if (!frame.vscLoadListenerAttached) {
      frame.addEventListener("load", function () {
        try {
          if (frame.contentDocument) {
            initializeWhenReady(frame.contentDocument, true);
          }
        } catch (e) {}
      });
      frame.vscLoadListenerAttached = true;
    }

    try {
      if (frame.contentDocument) {
        initializeWhenReady(frame.contentDocument);
      }
    } catch (e) {}
  });
}

function attachNavigationListeners() {
  if (window.vscNavigationListenersAttached) return;

  var scheduleRescan = function () {
    clearTimeout(window.vscNavigationRescanTimer);
    window.vscNavigationRescanTimer = setTimeout(function () {
      initializeWhenReady(document, true);
    }, 300);
  };

  ["pushState", "replaceState"].forEach(function (method) {
    if (typeof history[method] !== "function") return;
    var original = history[method];
    history[method] = function () {
      var result = original.apply(this, arguments);
      scheduleRescan();
      return result;
    };
  });

  window.addEventListener("popstate", scheduleRescan);
  window.addEventListener("hashchange", scheduleRescan);
  window.vscNavigationListenersAttached = true;
}

function initializeNow(doc, forceReinit = false) {
  if ((!forceReinit && vscInitializedDocuments.has(doc)) || !doc.body) return;
  if (!tc.settings.enabled) return;

  if (!doc.body.classList.contains("vsc-initialized")) {
    doc.body.classList.add("vsc-initialized");
  }
  if (typeof tc.videoController === "undefined") defineVideoController();
  attachKeydownListeners(doc);
  attachNavigationListeners();
  observeRoot(doc);

  if (forceReinit) {
    log("Force re-initialization requested", 4);
  }

  vscInitializedDocuments.add(doc);
}

function setSpeed(video, speed, isInitialCall = false, isUserKeyPress = false) {
  const numericSpeed = Number(speed);
  
  if (!isValidSpeed(numericSpeed)) {
    log(
      `Invalid speed rejected: ${speed}, must be between ${MIN_SPEED} and ${MAX_SPEED}`,
      2
    );
    return;
  }
  
  if (!video || !video.vsc || !video.vsc.speedIndicator) return;

  log(
    `setSpeed: Target ${numericSpeed.toFixed(2)}. Initial: ${isInitialCall}. UserKeyPress: ${isUserKeyPress}`,
    4
  );
  tc.settings.lastSpeed = numericSpeed;
  video.vsc.speedIndicator.textContent = numericSpeed.toFixed(2);

  // Update the target speed for nudge so it knows what to revert to
  video.vsc.targetSpeed = numericSpeed;

  if (isUserKeyPress && !isInitialCall && video.vsc && video.vsc.div) {
    runAction("blink", 1000, null, video); // Pass video to blink
  }

  if (tc.settings.forceLastSavedSpeed) {
    video.dispatchEvent(
      new CustomEvent("ratechange", {
        detail: {
          origin: "videoSpeed",
          speed: numericSpeed.toFixed(2),
          fromUserInput: isUserKeyPress
        }
      })
    );
  } else {
    if (Math.abs(video.playbackRate - numericSpeed) > 0.001) {
      rememberPendingRateChange(video, numericSpeed);
      video.playbackRate = numericSpeed;
    }
  }
  if (video.vsc) {
    if (numericSpeed === 1.0 || video.paused) video.vsc.stopSubtitleNudge();
    else video.vsc.startSubtitleNudge();
  }
}

function runAction(action, value, e) {
  log("runAction Begin", 5);
  var mediaTagsToProcess;
  const specificVideo = arguments[3] || null;

  if (specificVideo) {
    mediaTagsToProcess = [specificVideo];
  } else if (e && e.target && e.target.getRootNode) {
    // Event-driven action
    const docContext = e.target.ownerDocument || document;
    mediaTagsToProcess = tc.mediaElements.filter(
      (v) => v.ownerDocument === docContext
    );
    const targetController = e.target.getRootNode().host;
    if (targetController) {
      // If it's a click on a controller, only use that one video
      const videoFromController = tc.mediaElements.find(
        (v) => v.vsc && v.vsc.div === targetController
      );
      if (videoFromController) mediaTagsToProcess = [videoFromController];
    }
  } else {
    mediaTagsToProcess = tc.mediaElements;
  }
  if (mediaTagsToProcess.length === 0 && action !== "display") return;

  mediaTagsToProcess.forEach(function (v) {
    if (!v.vsc) return; // Don't process videos without a controller
    var controller = v.vsc.div;
    const userDrivenActionsThatShowController = [
      "rewind",
      "advance",
      "faster",
      "slower",
      "reset",
      "fast",
      "pause",
      "muted",
      "mark",
      "jump",
      "drag"
    ];
    if (userDrivenActionsThatShowController.includes(action)) {
      showController(controller);
    }
    if (v.classList.contains("vsc-cancelled")) return;
    const numValue = parseFloat(value);
    switch (action) {
      case "rewind":
        isUserSeek = true;
        extendSpeedRestoreWindow(v);
        v.currentTime -= numValue;
        break;
      case "advance":
        isUserSeek = true;
        extendSpeedRestoreWindow(v);
        v.currentTime += numValue;
        break;
      case "faster":
        // Round to the step precision to avoid floating-point issues (e.g., 1.80 + 0.1 = 1.9000000000000001)
        var fasterStep = numValue;
        var fasterPrecision = Math.round(1 / fasterStep); // e.g., 0.1 -> 10, 0.05 -> 20, 0.25 -> 4
        var newFasterSpeed = (v.playbackRate < MIN_SPEED ? MIN_SPEED : v.playbackRate) + fasterStep;
        newFasterSpeed = Math.round(newFasterSpeed * fasterPrecision) / fasterPrecision;
        setSpeed(v, Math.min(newFasterSpeed, MAX_SPEED), false, true);
        break;
      case "slower":
        var slowerStep = numValue;
        var slowerPrecision = Math.round(1 / slowerStep);
        var newSlowerSpeed = v.playbackRate - slowerStep;
        newSlowerSpeed = Math.round(newSlowerSpeed * slowerPrecision) / slowerPrecision;
        setSpeed(v, Math.max(newSlowerSpeed, MIN_SPEED), false, true);
        break;
      case "reset":
        resetSpeed(v, 1.0, false); // Use enhanced resetSpeed
        break;
      case "fast":
        resetSpeed(v, numValue, true); // Use enhanced resetSpeed
        break;
      case "display":
        if (controller.classList.contains("vsc-hidden")) {
          controller.classList.remove("vsc-hidden");
          controller.classList.add("vsc-manual");
        } else {
          controller.classList.add("vsc-hidden");
          controller.classList.remove("vsc-manual");
        }
        break;
      case "blink":
        log(`Blink action: controller hidden=${controller.classList.contains("vsc-hidden")}, timeout=${controller.blinkTimeOut !== undefined}, duration=${numValue}`, 5);

        if (
          controller.classList.contains("vsc-hidden") ||
          controller.blinkTimeOut !== undefined
        ) {
          var restoreHidden =
            controller.restoreHiddenAfterBlink === true ||
            controller.classList.contains("vsc-hidden");

          if (controller.blinkTimeOut !== undefined) {
            clearTimeout(controller.blinkTimeOut);
          }

          controller.restoreHiddenAfterBlink = restoreHidden;
          controller.classList.remove("vsc-hidden");
          log(`Controller shown, setting timeout for ${numValue || 1000}ms`, 5);

          controller.blinkTimeOut = setTimeout(() => {
            if (controller.restoreHiddenAfterBlink === true) {
              controller.classList.add("vsc-hidden");
              log("Controller auto-hidden after blink timeout", 5);
            } else {
              log("Controller kept visible", 5);
            }
            controller.restoreHiddenAfterBlink = false;
            controller.blinkTimeOut = undefined;
          }, numValue || 1000);
        }
        break;
      case "drag":
        if (e) handleDrag(v, e);
        break;
      case "pause":
        pause(v);
        break;
      case "muted":
        muted(v);
        break;
      case "mark":
        setMark(v);
        break;
      case "jump":
        jumpToMark(v);
        break;
    }
  });
  log("runAction End", 5);
}

function pause(v) {
  if (v.paused) v.play().catch((e) => log(`Play err:${e.message}`, 2));
  else v.pause();
}

function resetSpeed(v, target, isFastKey = false) {
  const videoId = getVideoSourceKey(v);
  const currentSpeed = v.playbackRate;

  if (isFastKey) {
    // G key: Toggle between current speed and preferred speed (e.g., 1.8)
    const preferredSpeed = target;
    const lastToggle = lastToggleSpeed[videoId] || currentSpeed;

    if (Math.abs(currentSpeed - preferredSpeed) < 0.01) {
      // Currently at preferred speed, toggle to the last speed
      setSpeed(v, lastToggle, false, true);
    } else {
      // Not at preferred speed, save current as toggle speed and go to preferred
      lastToggleSpeed[videoId] = currentSpeed;
      setSpeed(v, preferredSpeed, false, true);
    }
  } else {
    // R key: Toggle between current speed and 1.0
    const resetSpeedValue = 1.0;
    const lastToggle = lastToggleSpeed[videoId] || currentSpeed;

    if (Math.abs(currentSpeed - resetSpeedValue) < 0.01) {
      // Currently at 1.0, toggle to the last speed (or 1.8 if no history)
      const speedToRestore =
        Math.abs(lastToggle - 1.0) < 0.01
          ? getKeyBindings("fast") || 1.8
          : lastToggle;
      setSpeed(v, speedToRestore, false, true);
    } else {
      // Not at 1.0, save current as toggle speed and go to 1.0
      lastToggleSpeed[videoId] = currentSpeed;
      setSpeed(v, resetSpeedValue, false, true);
    }
  }
}

function muted(v) {
  v.muted = !v.muted;
}
function setMark(v) {
  v.vsc.mark = v.currentTime;
}
function jumpToMark(v) {
  if (v.vsc && typeof v.vsc.mark === "number") {
    extendSpeedRestoreWindow(v);
    v.currentTime = v.vsc.mark;
  }
}
function handleDrag(video, e) {
  const c = video.vsc.div;
  const sC = c.shadowRoot.querySelector("#controller");
  var pE = c.parentElement;
  while (
    pE.parentNode &&
    pE.parentNode.offsetHeight === pE.offsetHeight &&
    pE.parentNode.offsetWidth === pE.offsetWidth
  )
    pE = pE.parentNode;
  video.classList.add("vcs-dragging");
  sC.classList.add("dragging");
  const iXY = [e.clientX, e.clientY],
    iCXY = [parseInt(sC.style.left), parseInt(sC.style.top)];
  const sD = (e) => {
    let s = sC.style;
    s.left = iCXY[0] + e.clientX - iXY[0] + "px";
    s.top = iCXY[1] + e.clientY - iXY[1] + "px";
  };
  const eD = () => {
    pE.removeEventListener("mousemove", sD);
    pE.removeEventListener("mouseup", eD);
    pE.removeEventListener("mouseleave", eD);
    sC.classList.remove("dragging");
    video.classList.remove("vcs-dragging");
  };
  pE.addEventListener("mouseup", eD);
  pE.addEventListener("mouseleave", eD);
  pE.addEventListener("mousemove", sD);
}
function showController(controller, duration = 2000) {
  if (!controller || typeof controller.classList === "undefined") return;
  var restoreHidden =
    controller.restoreHiddenAfterShow === true ||
    controller.classList.contains("vsc-hidden");

  controller.restoreHiddenAfterShow = restoreHidden;
  controller.classList.remove("vsc-hidden");
  controller.classList.add("vsc-show");

  if (controller.showTimeOut !== undefined) {
    clearTimeout(controller.showTimeOut);
  }

  controller.showTimeOut = setTimeout(function () {
    controller.classList.remove("vsc-show");
    if (controller.restoreHiddenAfterShow === true) {
      controller.classList.add("vsc-hidden");
    }
    controller.restoreHiddenAfterShow = false;
    controller.showTimeOut = undefined;
  }, duration);
}