// ==UserScript==
// @name        Duolingo Pro BETA
// @namespace   Violentmonkey Scripts
// @match       https://*.duolingo.com/*
// @grant       GM_log
// @version     2.0BETA3
// @author      anonymoushackerIV
// @description Duolingo Auto Solver Tool - WORKING SEPTEMBER 2023
// @license MIT
// @downloadURL none
// ==/UserScript==

let solvingIntervalId;
let isAutoMode = false;

const debug = false;

let autoSolverBoxRepeatAmount = 0;
autoSolverBoxRepeatAmount = Number(sessionStorage.getItem('autoSolverBoxRepeatAmount'));

let wasAutoSolverBoxRepeatStartButtonPressed = false;

if (JSON.parse(sessionStorage.getItem('wasAutoSolverBoxRepeatStartButtonPressed')) === null) {
    wasAutoSolverBoxRepeatStartButtonPressed = false;
} else {
    wasAutoSolverBoxRepeatStartButtonPressed = JSON.parse(sessionStorage.getItem('wasAutoSolverBoxRepeatStartButtonPressed'));
}

let wasWhatsNewInTwoPointZeroBetaThreeFinished = false;
if (JSON.parse(localStorage.getItem('wasWhatsNewInTwoPointZeroBetaThreeFinished')) === null) {
    wasWhatsNewInTwoPointZeroBetaThreeFinished = false;
} else {
    wasWhatsNewInTwoPointZeroBetaThreeFinished = JSON.parse(localStorage.getItem('wasWhatsNewInTwoPointZeroBetaThreeFinished'));
}

let whatsNewInBetaThreeStage = 1;


function addButtons() {
    if (window.location.pathname === '/learn') {
        let button = document.querySelector('a[data-test="global-practice"]');
        if (button) {
            return;
        }
    }

    const solveAllButton = document.getElementById("solveAllButton");
    if (solveAllButton !== null) {
        return;
    }

    const original = document.querySelectorAll('[data-test="player-next"]')[0];
    if (original === undefined) {
        const startButton = document.querySelector('[data-test="start-button"]');
        console.log(`Wrapper line: ${startButton}`);
        if (startButton === null) {
            return;
        }
        const wrapper = startButton.parentNode;
        const solveAllButton = document.createElement('a');
        solveAllButton.className = startButton.className;
        solveAllButton.id = "solveAllButton";
        solveAllButton.innerText = "COMPLETE SKILL";
        solveAllButton.removeAttribute('href');
        solveAllButton.addEventListener('click', () => {
            solving();
            setInterval(() => {
                const startButton = document.querySelector('[data-test="start-button"]');
                if (startButton && startButton.innerText.startsWith("START")) {
                    startButton.click();
                }
            }, 1000);
            startButton.click();
        });
        wrapper.appendChild(solveAllButton);
    } else {
        const wrapper = document.getElementsByClassName('_10vOG')[0];
        wrapper.style.display = "flex";

        const solveCopy = document.createElement('button');

        //

        const presssolveCopy1 = () => {
            solveCopy.style.borderBottom = '0px';
            solveCopy.style.marginBottom = '4px';
            solveCopy.style.top = '4px';
        };
        // Function to revert the border-bottom when the button is released
        const releasesolveCopy1 = () => {
            solveCopy.style.borderBottom = '4px solid #2b70c9';
            solveCopy.style.marginBottom = '0px';
            solveCopy.style.top = '0px';
        };
        // Add event listeners for mousedown, mouseup, and mouseleave
        solveCopy.addEventListener('mousedown', presssolveCopy1);
        solveCopy.addEventListener('mouseup', releasesolveCopy1);
        solveCopy.addEventListener('mouseleave', releasesolveCopy1);

        //

        const pauseCopy = document.createElement('button');

        //

        const presspauseCopy2 = () => {
            pauseCopy.style.borderBottom = '0px';
            pauseCopy.style.marginBottom = '4px';
            pauseCopy.style.top = '4px';
        };
        // Function to revert the border-bottom when the button is released
        const releasepauseCopy2 = () => {
            pauseCopy.style.borderBottom = '4px solid #ff9600';
            pauseCopy.style.marginBottom = '0px';
            pauseCopy.style.top = '0px';
        };
        // Add event listeners for mousedown, mouseup, and mouseleave
        pauseCopy.addEventListener('mousedown', presspauseCopy2);
        pauseCopy.addEventListener('mouseup', releasepauseCopy2);
        pauseCopy.addEventListener('mouseleave', releasepauseCopy2);

        //

        solveCopy.id = 'solveAllButton';
        solveCopy.innerHTML = solvingIntervalId ? 'PAUSE SOLVE' : 'SOLVE ALL';
        solveCopy.disabled = false;
        pauseCopy.innerHTML = 'SOLVE';

        const solveCopyStyle = `
        position: relative;
        min-width: 150px;
        font-size: 17px;
        border: none;
        border-bottom: 4px solid #2b70c9;
        border-radius: 16px;
        padding: 13px 16px;
        transform: translateZ(0);
        transition: filter .0s;
        font-weight: 700;
        letter-spacing: .8px;
        background: #1cb0f6;
        color: rgb(var(--color-snow));
        margin-left: 20px;
        cursor: pointer;
        `;

        const pauseCopyStyle = `
        position: relative;
        min-width: 100px;
        font-size: 17px;
        border: none;
        border-bottom: 4px solid #ff9600;
        border-radius: 16px;
        padding: 13px 16px;
        transform: translateZ(0);
        transition: filter .0s;
        font-weight: 700;
        letter-spacing: .8px;
        background: #ffc800;
        color: rgb(var(--color-snow));
        margin-left: 20px;
        cursor: pointer;
        `;

        solveCopy.style.cssText = solveCopyStyle;
        pauseCopy.style.cssText = pauseCopyStyle;

        [solveCopy, pauseCopy].forEach(button => {
            button.addEventListener("mousemove", () => {
                button.style.filter = "brightness(1.1)";
            });
        });

        [solveCopy, pauseCopy].forEach(button => {
            button.addEventListener("mouseleave", () => {
                button.style.filter = "none";
            });
        });

        original.parentElement.appendChild(pauseCopy);
        original.parentElement.appendChild(solveCopy);

        solveCopy.addEventListener('click', solving);
        pauseCopy.addEventListener('click', solve);

        //solving();
    }
}

setInterval(addButtons, 100);

const htmlContent = `
<div class="boxFirst">
  <a href="https://duolingoprowebsite.framer.website">
    <div class="SeeRoadmapButton">
      <p class="SeeRoadmapButtonTextOne">SEE ISSUES & ROADMAP</p>
      <div class="SendFeedbackButtonNewTagOne">
        <p class="SendFeedbackButtonNewTagOneTextOne">NEW</p>
      </div>
    </div>
  </a>
  <div class="SendFeedbackButtonOne">
    <p class="SendFeedbackButtonTextOne">SEND FEEDBACK</p>
    <div class="SendFeedbackButtonNewTagOne">
      <p class="SendFeedbackButtonNewTagOneTextOne">NEW</p>
    </div>
  </div>
  <div class="AutoSolverBoxBackground">
    <div class="AutoSolverBoxLayers">
    <div class="AutoSolverBoxAlertSectionOne">
      <div class="AutoSolverBoxAlertOneBox">
        <svg class="AutoSolverBoxAlertOneBoxIconOne" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19" fill="none">
<path id="Vector" d="M2.74565 18.5C2.18774 18.5 1.70193 18.3759 1.2882 18.1276C0.880737 17.8857 0.564169 17.5569 0.338504 17.1411C0.112839 16.7316 0 16.2786 0 15.7823C0 15.3045 0.125376 14.8485 0.376113 14.4142L7.64456 1.86814C7.90157 1.4152 8.24008 1.07394 8.66007 0.844363C9.0863 0.614788 9.53451 0.5 10.0047 0.5C10.4686 0.5 10.9105 0.614788 11.3305 0.844363C11.7505 1.07394 12.0921 1.4152 12.3554 1.86814L19.6238 14.4142C19.7493 14.6313 19.8432 14.8578 19.9059 15.0936C19.9686 15.3231 20 15.5527 20 15.7823C20 16.2786 19.8872 16.7316 19.6615 17.1411C19.4358 17.5569 19.1161 17.8857 18.7024 18.1276C18.2949 18.3759 17.8122 18.5 17.2543 18.5H2.74565ZM10.0141 11.9943C10.6159 11.9943 10.9293 11.6841 10.9543 11.0635L11.1048 6.66132C11.1174 6.35728 11.017 6.10599 10.8039 5.90743C10.597 5.70268 10.3307 5.60031 10.0047 5.60031C9.67249 5.60031 9.40289 5.69958 9.19607 5.89813C8.98915 6.09668 8.892 6.35108 8.90452 6.66132L9.04557 11.0635C9.0707 11.6841 9.39345 11.9943 10.0141 11.9943ZM10.0141 15.2704C10.3526 15.2704 10.6409 15.168 10.8791 14.9632C11.1174 14.7523 11.2365 14.4824 11.2365 14.1535C11.2365 13.8309 11.1174 13.5641 10.8791 13.3532C10.6409 13.1421 10.3526 13.0367 10.0141 13.0367C9.66931 13.0367 9.37786 13.1421 9.13964 13.3532C8.90143 13.5641 8.78233 13.8309 8.78233 14.1535C8.78233 14.4824 8.90143 14.7523 9.13964 14.9632C9.38411 15.168 9.67557 15.2704 10.0141 15.2704Z"/>
        </svg>
        <p class="AutoSolverBoxAlertOneBoxTextOne">Stories are not supported yet</p>
      </div>
      <div class="AutoSolverBoxAlertTwoBox">
        <svg class="AutoSolverBoxAlertTwoBoxIconOne" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="none">
<path id="Vector" d="M9.99998 20.5C8.63214 20.5 7.34419 20.2378 6.13613 19.7134C4.92808 19.1953 3.86384 18.476 2.94343 17.5551C2.023 16.6342 1.30073 15.5727 0.776601 14.3705C0.258868 13.1619 0 11.8701 0 10.4952C0 9.12667 0.258868 7.84131 0.776601 6.63907C1.30073 5.43044 2.01981 4.3657 2.93384 3.44483C3.85426 2.52398 4.91849 1.80455 6.12655 1.28657C7.3346 0.762189 8.62255 0.5 9.99039 0.5C11.3582 0.5 12.6462 0.762189 13.8543 1.28657C15.0687 1.80455 16.1329 2.52398 17.0469 3.44483C17.9674 4.3657 18.6896 5.43044 19.2138 6.63907C19.7379 7.84131 20 9.12667 20 10.4952C20 11.8701 19.7379 13.1619 19.2138 14.3705C18.6896 15.5727 17.9674 16.6342 17.0469 17.5551C16.1329 18.476 15.0719 19.1953 13.8639 19.7134C12.6558 20.2378 11.3678 20.5 9.99998 20.5ZM9.99998 12.0588C10.6136 12.0588 10.9332 11.739 10.9588 11.0995L11.1121 6.56234C11.1249 6.24899 11.0227 5.99 10.8054 5.78535C10.5944 5.57433 10.3228 5.46881 9.99039 5.46881C9.65163 5.46881 9.37678 5.57113 9.16585 5.77576C8.95492 5.98039 8.85584 6.24259 8.86863 6.56234L9.01244 11.0995C9.03802 11.739 9.36719 12.0588 9.99998 12.0588ZM9.99998 15.4352C10.3451 15.4352 10.6392 15.3297 10.8821 15.1186C11.1249 14.9013 11.2464 14.623 11.2464 14.2841C11.2464 13.9516 11.1249 13.6766 10.8821 13.4592C10.6392 13.2417 10.3451 13.1331 9.99998 13.1331C9.64843 13.1331 9.35122 13.2417 9.10832 13.4592C8.86544 13.6766 8.74399 13.9516 8.74399 14.2841C8.74399 14.623 8.86544 14.9013 9.10832 15.1186C9.3576 15.3297 9.65483 15.4352 9.99998 15.4352Z"/>
        </svg>
        <p class="AutoSolverBoxAlertTwoBoxTextOne">5s delay when activating</p>
      </div>
      <div class="AutoSolverBoxAlertTwoBox">
        <p class="AutoSolverBoxAlertTwoBoxTextOne" style="color: #34C759 !important;">Chests now open automatically</p>
      </div>
      <div class="AutoSolverBoxAlertThreeBox">
        <p class="AutoSolverBoxAlertThreeBoxTextOne">Try reloading if a button isn't working (Ex: Send Feedback, -, +)</p>
      </div>
      </div>
      <div class="AutoSolverBoxTitleSectionOne">
         <p class="AutoSolverBoxTitleSectionOneTextOne">AutoSolver</p>
         <div class="AutoSolverBoxTitleSectionOneBETATagOne">
            <p class="AutoSolverBoxTitleSectionOneBETATagOneTextOne">2.0 BETA 3</p>
         </div>
      </div>
      <p class="AutoSolverBoxTitleSectionTwoTextOne">How many lessons would you like to AutoSolve?</p>
      <div class="AutoSolverBoxSectionThreeBox">
        <div class="AutoSolverBoxSectionThreeBoxSectionOne">
          <button class="AutoSolverBoxRepeatNumberDownButton">-</button>
          <div class="AutoSolverBoxRepeatNumberDisplay">
            <div class="number">0</div>
          </div>
          <button class="AutoSolverBoxRepeatNumberUpButton">+</button>
        </div>
      <button class="AutoSolverBoxRepeatStartButton">START</button>
      </div>
    </div>
    </div>
    </div>
`;

const cssContent = `
.boxFirst {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  position: fixed; /* Fix the position to the bottom-right corner */
  bottom: 24px;
  right: 24px;
  z-index:2;
}

.SendFeedbackButtonOne {
  position: relative;
  display: flex;
  height: 48px;
  width: calc(100% - 0px);
  padding: 16px 9px 16px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;

  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  border-bottom: 4px solid rgba(0, 0, 0, 0.20);
  background: #007AFF;

  cursor: pointer;

  width: auto;
}

.SendFeedbackButtonOne:hover {
  filter: brightness(0.95);
}

.SendFeedbackButtonOne:active {
  height: 46px;
  filter: brightness(0.9);
  transition: .1s;
  margin-top: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.20);
}

.SendFeedbackButtonTextOne {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: normal;
  color: #fff;

  margin: 0px;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeedbackButtonNewTagOne {
  display: flex;
  padding: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #FF2D55;
  border: 2px solid rgba(0, 0, 0, 0.20);
}

.SendFeedbackButtonNewTagOneTextOne {
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SeeRoadmapButton {
  position: relative;
  display: flex;
  height: 48px;
  width: calc(100% - 0px);
  padding: 16px 9px 16px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;

  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  border-bottom: 4px solid rgba(0, 0, 0, 0.20);
  background: #007AFF;

  cursor: pointer;

  width: auto;
}

.SeeRoadmapButton:hover {
  filter: brightness(0.95);
}

.SeeRoadmapButton:active {
  border-bottom: 2px solid rgba(0, 0, 0, 0.20);
  height: 46px;
  filter: brightness(0.9);
  transition: .1s;
  margin-top: 2px;
}


.SeeRoadmapButtonTextOne {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: normal;
  color: #fff;

  margin: 0px;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.AutoSolverBoxBackground {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;

  border-radius: 16px;
  border: 2px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));

  width: 300px;
}

.AutoSolverBoxLayers {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.AutoSolverBoxAlertSectionOne {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 8px;
}

.AutoSolverBoxAlertOneBox {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 20px;

  cursor: default;
}

.AutoSolverBoxAlertOneBoxIconOne {
  width: 20px;
  height: 18px;

  fill: #FF2D55;
}

.AutoSolverBoxAlertOneBoxTextOne {
  color: #FF4B4B;
  font-weight: 700;
  font-size: 16px;

  margin-bottom: 0px;
}

.AutoSolverBoxAlertTwoBox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 20px;

  cursor: default;
}

.AutoSolverBoxAlertTwoBoxIconOne {
  width: 20px !important;
  height: 20px !important;

  fill: #FF9500;
}

.AutoSolverBoxAlertTwoBoxTextOne {
  color: #FF9500;
  font-weight: 700;
  font-size: 16px;

  margin-bottom: 0px;
}

.AutoSolverBoxAlertThreeBox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;

  cursor: default;
}

.AutoSolverBoxAlertThreeBoxTextOne {
  color: #007AFF;
  font-weight: 700;
  font-size: 16px;

  margin-bottom: 0px;
}

.AutoSolverBoxSectionThreeBox {
  display: flex;

  flex-direction: column;
  align-items: flex-start;
  gap: 8px;

  height: 100%;
  width: 100%;
}

.AutoSolverBoxTitleSectionOne {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-bottom: 8px;
  padding: 0px;
}

.AutoSolverBoxTitleSectionOneTextOne {
  color: rgb(var(--color-eel));
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  margin: 0px;

  cursor: default;
}

.AutoSolverBoxTitleSectionOneBETATagOne {
  display: flex;
  height: 36px;
  padding-right: 8px;
  padding-left: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #FF2D55;
  border: 2px solid rgba(0, 0, 0, 0.20);
}

.AutoSolverBoxTitleSectionOneBETATagOneTextOne {
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;

  cursor: default;
}

.AutoSolverBoxTitleSectionTwoTextOne {
  color: rgb(var(--color-eel), 0.8);

  height: 44px;
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
  margin-top: -2px;

  cursor: default;
}

.AutoSolverBoxSectionThreeBoxSectionOne {
  height: 100%;
  width: 100%;
  display: flex;

  justify-content: center;
  align-items: center;
  gap: 8px
}

.AutoSolverBoxRepeatNumberDownButton {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  border-bottom: 4px solid rgba(0, 0, 0, 0.20);
  background: #007AFF;

  cursor: pointer;

  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.AutoSolverBoxRepeatNumberDownButton:hover {
  filter: brightness(0.95);
}

.AutoSolverBoxRepeatNumberDownButton:active {
  margin-top: 2px;
  height: 46px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.20);

  filter: brightness(0.9);
  transition: .1s;
}

.AutoSolverBoxRepeatNumberDisplay {
  position: relative;
  text-align: center;

  display: inline-flex;
  height: 48px;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;

  font-size: 16px;
  font-weight: 700;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-eel), 0.2);
  background: rgb(var(--color-swan), 0.8);

  cursor: default;

  color: rgb(var(--color-eel));
  text-align: center;
}

.AutoSolverBoxRepeatNumberUpButton {
  position: relative;
  display: flex;
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;

  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  border-bottom: 4px solid rgba(0, 0, 0, 0.20);
  background: #007AFF;

  cursor: pointer;

  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.AutoSolverBoxRepeatNumberUpButton:hover {
  filter: brightness(0.95);
}

.AutoSolverBoxRepeatNumberUpButton:active {
  margin-top: 2px;
  height: 46px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.20);

  filter: brightness(0.9);
  transition: .1s;
}

.AutoSolverBoxRepeatStartButton {
  position: relative;
  display: flex;
  height: 48px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;

  font-size: 16px;
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.20);
  border-bottom: 4px solid rgba(0, 0, 0, 0.20);
  background: #007AFF;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}

.AutoSolverBoxRepeatStartButton:hover {
  filter: brightness(0.95);
}

.AutoSolverBoxRepeatStartButton:active {
  height: 46px;
  margin-top: 2px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.20);

  filter: brightness(0.9);

  transition: .1s;
}
`;

let injectedContainer = null;
let injectedStyleElement = null;

function injectContent() {
    if (window.location.pathname === '/learn') {
        //console.log('tageturlmatches')
        // Inject the content if it's not already injected
        if (!injectedContainer) {
            // Creating a container for the overlay
            injectedContainer = document.createElement('div');
            injectedContainer.innerHTML = htmlContent;
            document.body.appendChild(injectedContainer);

            // Creating a style tag for CSS
            injectedStyleElement = document.createElement('style');
            injectedStyleElement.type = 'text/css';
            injectedStyleElement.innerHTML = cssContent;
            document.head.appendChild(injectedStyleElement);

            initializeAutoSolverBoxButtonInteractiveness();
            something();
        }
    } else {
        //console.log('tageturlnotmatches')
        // Remove the content if it was previously injected
        if (injectedContainer) {
            document.body.removeChild(injectedContainer);
            document.head.removeChild(injectedStyleElement);
            injectedContainer = null;
            injectedStyleElement = null;
        }
    }
}

function openChestThingyFunction() {
    try {
        const openChestThingy = document.querySelector("button[aria-label='Open chest']");
        openChestThingy.click();
    } catch (error) {
    }
}

let isAutoSolverBoxRepeatStartButtonEnabled = false;

function something() {
    const AutoSolverBoxRepeatStartButton = document.querySelector('.AutoSolverBoxRepeatStartButton');

//    if (autoSolverBoxRepeatAmount > 0) {
//        AutoSolverBoxRepeatStartButton.style.background = '#007AFF';
//        AutoSolverBoxRepeatStartButton.style.color = '#FFF';
//        console.log(autoSolverBoxRepeatAmount);
//    } else if (autoSolverBoxRepeatAmount === 0) {
//        AutoSolverBoxRepeatStartButton.style.background = 'rgb(var(--color-swan), 0.8)';
//        AutoSolverBoxRepeatStartButton.style.color = 'rgb(var(--color-eel))';
//       AutoSolverBoxRepeatStartButton.style.border = 'solid rgb(var(--color-eel), 0.2)';
//   } else {
//        AutoSolverBoxRepeatStartButton.style.background = 'rgb(var(--color-swan), 0.8)';
//        AutoSolverBoxRepeatStartButton.style.color = 'rgb(var(--color-eel))';
//        AutoSolverBoxRepeatStartButton.style.border = 'solid rgb(var(--color-eel), 0.2)';
//    }

//    AutoSolverBoxRepeatStartButton.addEventListener('mouseover', (event) => {
//        isHovered = true;
//    });

//    AutoSolverBoxRepeatStartButton.addEventListener('mouseout', (event) => {
//        isHovered = false;
//    });

    function disableHover() {
        AutoSolverBoxRepeatStartButton.style.filter = '';
        AutoSolverBoxRepeatStartButton.style.height = '';
        AutoSolverBoxRepeatStartButton.style.marginTop = '';
        AutoSolverBoxRepeatStartButton.style.borderBottom = '';
    }

    function enableHover() {
        AutoSolverBoxRepeatStartButton.style.filter = 'brightness(1.0)';
        AutoSolverBoxRepeatStartButton.style.height = '46px';
        AutoSolverBoxRepeatStartButton.style.marginTop = '2px';
        AutoSolverBoxRepeatStartButton.style.borderBottom = '2px solid rgba(0, 0, 0, 0.20)';
    }

    if (autoSolverBoxRepeatAmount > 0) {
        AutoSolverBoxRepeatStartButton.style.opacity = '100%';
        AutoSolverBoxRepeatStartButton.style.cursor = 'pointer';
        isAutoSolverBoxRepeatStartButtonEnabled = true;
        console.log(autoSolverBoxRepeatAmount);
    } else if (autoSolverBoxRepeatAmount === 0) {
        AutoSolverBoxRepeatStartButton.style.opacity = '0.5';
        AutoSolverBoxRepeatStartButton.style.cursor = 'not-allowed';
        isAutoSolverBoxRepeatStartButtonEnabled = false;
    } else {
        AutoSolverBoxRepeatStartButton.style.opacity = '0.5';
        AutoSolverBoxRepeatStartButton.style.cursor = 'not-allowed';
        isAutoSolverBoxRepeatStartButtonEnabled = false;
    }

    if (isAutoSolverBoxRepeatStartButtonEnabled) {
        disableHover();
    } else {
        enableHover();
    }
}

function initializeAutoSolverBoxButtonInteractiveness() {
    const AutoSolverBoxRepeatNumberDisplay = document.querySelector('.AutoSolverBoxRepeatNumberDisplay');
    const AutoSolverBoxRepeatNumberDownButton = document.querySelector('.AutoSolverBoxRepeatNumberDownButton');
    const AutoSolverBoxRepeatNumberUpButton = document.querySelector('.AutoSolverBoxRepeatNumberUpButton');
    const AutoSolverBoxRepeatStartButton = document.querySelector('.AutoSolverBoxRepeatStartButton');

    AutoSolverBoxRepeatNumberDisplay.textContent = autoSolverBoxRepeatAmount;

    if (wasAutoSolverBoxRepeatStartButtonPressed === true) {
        AutoSolverBoxRepeatStartButton.textContent = 'STOP';
    }

    if (autoSolverBoxRepeatAmount === 0) {
        wasAutoSolverBoxRepeatStartButtonPressed = false;
        sessionStorage.setItem('wasAutoSolverBoxRepeatStartButtonPressed', wasAutoSolverBoxRepeatStartButtonPressed);
        AutoSolverBoxRepeatStartButton.textContent = 'START';
    }

    if (wasAutoSolverBoxRepeatStartButtonPressed === true) {
        AutoSolverBoxRepeatStartButton.textContent = 'STOP';
        AutoSolverBoxRepeatStartButtonActions();
    }

    function AutoSolverBoxRepeatStartButtonActions() {
        if (autoSolverBoxRepeatAmount > 0) {
            sessionStorage.setItem('autoSolverBoxRepeatAmount', autoSolverBoxRepeatAmount);

            openChestThingyFunction();

            setTimeout(function() {
                if (wasAutoSolverBoxRepeatStartButtonPressed === true && autoSolverBoxRepeatAmount > 0) {
                    autoSolverBoxRepeatAmount--;
                    sessionStorage.setItem('autoSolverBoxRepeatAmount', autoSolverBoxRepeatAmount);
                    window.location.href = "https://duolingo.com/lesson";
                } else {
                    console.log('cancelled');
                }
            }, 4000);
        }
    }

    AutoSolverBoxRepeatStartButton.addEventListener('click', () => {
        if (autoSolverBoxRepeatAmount > 0) {
            AutoSolverBoxRepeatStartButton.textContent = AutoSolverBoxRepeatStartButton.textContent === 'START' ? 'STOP' : 'START';
            wasAutoSolverBoxRepeatStartButtonPressed = !wasAutoSolverBoxRepeatStartButtonPressed;
            sessionStorage.setItem('wasAutoSolverBoxRepeatStartButtonPressed', wasAutoSolverBoxRepeatStartButtonPressed);
        }

        console.log(wasAutoSolverBoxRepeatStartButtonPressed);

        AutoSolverBoxRepeatStartButtonActions();

        // sessionStorage.setItem('isAutoMode', true);
//        isAutoMode = true;
    });

    AutoSolverBoxRepeatNumberDownButton.addEventListener('click', () => {
        autoSolverBoxRepeatAmount--;
        if (autoSolverBoxRepeatAmount < 0) {
            autoSolverBoxRepeatAmount = 0;
        }
        AutoSolverBoxRepeatNumberDisplay.textContent = autoSolverBoxRepeatAmount;
        sessionStorage.setItem('autoSolverBoxRepeatAmount', autoSolverBoxRepeatAmount);

        something();
    });

    AutoSolverBoxRepeatNumberUpButton.addEventListener('click', () => {
        autoSolverBoxRepeatAmount++;
        AutoSolverBoxRepeatNumberDisplay.textContent = autoSolverBoxRepeatAmount;
        sessionStorage.setItem('autoSolverBoxRepeatAmount', autoSolverBoxRepeatAmount);

        something();
    });

    console.log('initializeAutoSolverBoxButtonInteractiveness ran');
}

// Check the URL and inject/remove content every 0.1 second
setInterval(injectContent, 100);

function checkURLForAutoSolverBox() {
    if (window.location.pathname === '/lesson' || window.location.pathname.includes('/unit') || window.location.pathname === '/practice') {
        setTimeout(function() {
            if (wasAutoSolverBoxRepeatStartButtonPressed === true) {
                isAutoMode = true;
                solvingIntervalId = setInterval(solve, 500);
            } else {
                console.log('error 2');
            }
        }, 1000);
    } else {
    }
}

checkURLForAutoSolverBox();



injectContent();

let isSendFeedbackButtonPressed = false;

const SendFeedbackButton = document.querySelector('.SendFeedbackButtonOne');
SendFeedbackButton.addEventListener('click', () => {
    isSendFeedbackButtonPressed = true;
    console.log('isSendFeedbackButtonPressed' + isSendFeedbackButtonPressed);
});

const SendFeedbackBoxHTML = `
<div class="SendFeebackBoxShadow">
    <div class="SendFeebackBoxBackground">
      <div class="SendFeebackBoxLayers">

        <div class="SendFeebackBoxSectionOne">
          <p class="SendFeebackBoxSectionOneTextOne">Submit Feedback for Duolingo Pro</p>
          <div class="SendFeebackBoxSectionOneCancelBoxBackground">
          <svg class="SendFeebackBoxSectionOneCancelBoxIconOne" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
              <path d="M0.633789 11.4307C0.237305 11.041 0.250977 10.3506 0.620117 9.98146L4.53027 6.0713L0.620117 2.17481C0.250977 1.79884 0.237305 1.11524 0.633789 0.718757C1.03027 0.315437 1.7207 0.329109 2.08984 0.705085L5.99316 4.60841L9.89648 0.705085C10.2793 0.322273 10.9492 0.322273 11.3457 0.718757C11.749 1.11524 11.749 1.78517 11.3594 2.17481L7.46289 6.0713L11.3594 9.97462C11.749 10.3643 11.7422 11.0273 11.3457 11.4307C10.9561 11.8271 10.2793 11.8271 9.89648 11.4443L5.99316 7.54103L2.08984 11.4443C1.7207 11.8203 1.03711 11.8271 0.633789 11.4307Z"/>
          </svg>
        </div>
        </div>

    <form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSdpkUBlp1evxmC8S2HAYyAmPT4dpEeC-TpoRoO3nZcfOmB-9Q/formResponse?pli=1">

      <!-- MULTI-LINE TEXT FIELD -->
      <textarea class="SendFeebackBoxSectionTwo" placeholder="Write here as much as you can.  If you're submitting a bug report for the solving system, include which course from which language, lesson number/name, as well as the question type." name="entry.812247024" id="explain"/></textarea>

        <p class="SendFeebackBoxSectionThree">Choose Feedback Type</p>

      <!-- MUTLIPLE CHOICE -->
        <div class="SendFeebackBoxSectionFour">
          <div class="SendFeebackBoxSectionFourButtonOneBackground">
              <input class="SendFeebackBoxSectionFourButtonOneIconOne" type="radio" name="entry.960107896" id="e1" value="Bug Report" checked/>
            <label for="e1">Bug Report</label>
          </div>
          <div class="SendFeebackBoxSectionFourButtonTwoBackground">
            <input class="SendFeebackBoxSectionFourButtonTwoIconOne" type="radio" name="entry.960107896" id="e2" value="Suggestion"/>
            <label for="e2">Suggestion</label>
          </div>
        </div>

      <!-- SINGLE LINE TEXT FIELD -->
        <p class="SendFeebackBoxSectionFive">Choose Sender ID</p>
        <div class="SendFeebackBoxSectionSix" onclick="setRandomValue()">
          <div class="SendFeebackBoxSectionSixIconOneBox">
            <div class="SendFeebackBoxSectionSixIconOne">
            </div>
          </div>
          <div class="SendFeebackBoxSectionSixTextOne">My Duolingo ProID</div>
            <div class="SendFeebackBoxSectionSixIconTwoBox">
              <svg class="SendFeebackBoxSectionSixIconTwo" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<path d="M8 16.4536C3.75928 16.4536 0.265625 12.96 0.265625 8.71191C0.265625 4.47119 3.75195 0.977539 8 0.977539C12.2407 0.977539 15.7344 4.47119 15.7344 8.71191C15.7344 12.96 12.248 16.4536 8 16.4536ZM7.80225 10.1548C8.29297 10.1548 8.62988 9.89844 8.68848 9.56152C8.68848 9.53223 8.6958 9.49561 8.6958 9.47363C8.76172 9.12939 9.07666 8.88037 9.50879 8.59473C10.2998 8.09668 10.7173 7.66455 10.7173 6.80762C10.7173 5.52588 9.53076 4.71289 8.05127 4.71289C6.73291 4.71289 5.79541 5.26953 5.50244 6.0166C5.44385 6.16309 5.40723 6.30225 5.40723 6.46338C5.40723 6.88086 5.73682 7.1958 6.16162 7.1958C6.46924 7.1958 6.71094 7.07861 6.88672 6.84424L6.96729 6.73438C7.21631 6.36084 7.5166 6.20703 7.88281 6.20703C8.36621 6.20703 8.71777 6.51465 8.71777 6.91748C8.71777 7.34961 8.39551 7.55469 7.77295 7.97949C7.23828 8.36035 6.85742 8.73389 6.85742 9.33447V9.38574C6.85742 9.89111 7.19434 10.1548 7.80225 10.1548ZM7.80225 12.6304C8.38086 12.6304 8.82764 12.2642 8.82764 11.7002C8.82764 11.1509 8.38818 10.77 7.80225 10.77C7.21631 10.77 6.75488 11.1436 6.75488 11.7002C6.75488 12.2568 7.21631 12.6304 7.80225 12.6304Z" fill="#34C759"/>
              </svg>
            </div>
          <input name="entry.806924990" type="hidden" id="SendFeebackBoxSectionSixIconTwoBoxID"/>
        </div>

        <div class="SendFeebackBoxSectionSeven">
          <div class="SendFeebackBoxSectionSevenBoxTwo">
            <div class="SendFeebackBoxSectionSevenBoxTwoIconOneBox">
              <div class="SendFeebackBoxSectionSevenBoxTwoIconOne">
              </div>
            </div>
            <p class="SendFeebackBoxSectionSevenBoxTwoTextOne">Anonymous (Not available in BETA)</p>
            <div class="SendFeebackBoxSectionSevenBoxTwoIconTwoBox">
              <svg class="SendFeebackBoxSectionSevenBoxTwoIconTwo" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
<path d="M8 16.4536C3.75928 16.4536 0.265625 12.96 0.265625 8.71191C0.265625 4.47119 3.75195 0.977539 8 0.977539C12.2407 0.977539 15.7344 4.47119 15.7344 8.71191C15.7344 12.96 12.248 16.4536 8 16.4536ZM7.80225 10.1548C8.29297 10.1548 8.62988 9.89844 8.68848 9.56152C8.68848 9.53223 8.6958 9.49561 8.6958 9.47363C8.76172 9.12939 9.07666 8.88037 9.50879 8.59473C10.2998 8.09668 10.7173 7.66455 10.7173 6.80762C10.7173 5.52588 9.53076 4.71289 8.05127 4.71289C6.73291 4.71289 5.79541 5.26953 5.50244 6.0166C5.44385 6.16309 5.40723 6.30225 5.40723 6.46338C5.40723 6.88086 5.73682 7.1958 6.16162 7.1958C6.46924 7.1958 6.71094 7.07861 6.88672 6.84424L6.96729 6.73438C7.21631 6.36084 7.5166 6.20703 7.88281 6.20703C8.36621 6.20703 8.71777 6.51465 8.71777 6.91748C8.71777 7.34961 8.39551 7.55469 7.77295 7.97949C7.23828 8.36035 6.85742 8.73389 6.85742 9.33447V9.38574C6.85742 9.89111 7.19434 10.1548 7.80225 10.1548ZM7.80225 12.6304C8.38086 12.6304 8.82764 12.2642 8.82764 11.7002C8.82764 11.1509 8.38818 10.77 7.80225 10.77C7.21631 10.77 6.75488 11.1436 6.75488 11.7002C6.75488 12.2568 7.21631 12.6304 7.80225 12.6304Z"/>
              </svg>
            </div>
          </div>
          <div class="SendFeebackBoxSectionSevenBoxOne">
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
            <div class="SendFeebackBoxSectionSevenBoxOneBoxOne">
            </div>
          </div>
        </div>

      <!-- SUBMIT BUTTON -->
        <div class="SendFeedbackBoxSectionEight">
          <a class="SendFeebackBoxSectionEightEmailButton" href="mailto:murk.hornet.0k@icloud.com">CONTACT VIA EMAIL</a>
      <input class="SendFeebackBoxSectionEightSendButton" type="submit" value="SEND">
        </div>
    </form>
  </div>
  </div>
    </div>
`;

const SendFeedbackBoxCSS = `
.SendFeebackBoxShadow {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;

  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);

  z-index: 2;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.SendFeebackBoxBackground {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;

  border-radius: 16px;
  border: 2px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));

  width: 500px;
}

.SendFeebackBoxLayers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;

  width: 100%;
}

form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.SendFeebackBoxSectionOne {
  display: flex;
  justify-content: space-between;
  align-items: center;

  gap: 16px;
  width: 100%;
  height: 38px;
}

.SendFeebackBoxSectionOneTextOne {
  color: rgb(var(--color-eel));
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  margin-top: 0px;
  margin-bottom: 0px;

  height: 32px;

  cursor: default;
}

.SendFeebackBoxSectionOneCancelBoxBackground {
  display: flex;
  width: 34px;
  height: 36px;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background: rgb(var(--color-snow));

  border-radius: 8px;
  border: 2px solid rgb(var(--color-eel), 0.2);
  border-bottom: 4px solid rgb(var(--color-eel), 0.2);
  cursor: pointer;
}

.SendFeebackBoxSectionOneCancelBoxBackground:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionOneCancelBoxBackground:active {
  height: 34px;

  border-bottom: 2px solid rgb(var(--color-eel), 0.2);
  margin-top: 2px;
  filter: brightness(0.9);

  transition: 0.1s;
}

.SendFeebackBoxSectionOneCancelBoxIconOne {
  display: flex;
  width: 12px;
  height: 12px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;

  fill: rgb(var(--color-eel), 0.4);
}

.SendFeebackBoxSectionTwo {
  display: flex;
  width: 100%;
  height: 150px;
  resize: vertical;

  padding: 8px;

  box-sizing: border-box;

  justify-content: center;
  align-items: center;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-eel), 0.2);
  background: rgb(var(--color-swan), 0.4);

  color: rgb(var(--color-swan));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.SendFeebackBoxSectionTwo::placeholder {
  font-weight: 700;
}

.SendFeebackBoxSectionTwo:focus {
  border: 2px solid #007AFF;
  background: rgb(var(--color-swan), 0.4);

  color: rgb(var(--color-eel));
}

.SendFeebackBoxSectionThree {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;

  color: rgb(var(--color-eel));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  cursor: default;

  margin-top: 0px;
  margin-bottom: 0px;

  height: 32px;
}

.SendFeebackBoxSectionFour {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 8px;
}

.SendFeebackBoxSectionFourButtonOneBackground {
  display: flex;
  height: 54px;
  align-items: center;
  flex: 1 0 0;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-swan));
  border-bottom: 4px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));
  cursor: pointer;
}

.SendFeebackBoxSectionFourButtonOneBackground:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionFourButtonOneBackground:active {
  height: 52px;

  border-bottom: 2px solid rgb(var(--color-swan));

  filter: brightness(0.9);
  margin-top: 2px;

  transition: 0.1s;
}

.SendFeebackBoxSectionFourButtonOneIconOneBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionFourButtonOneIconOne {
  appearance: none;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 16px;
  margin-left: 16px;

  border-radius: 20px;
  border: 4px solid rgb(var(--color-swan), 0.4);
  background: rgb(var(--color-swan), 0.2);
  opacity: 100% !important;

  cursor: pointer;

  /* Default style for the label when not checked */
  + label {
    color: rgb(var(--color-swan));
  }
}

/* Styling when the radio button is checked */
.SendFeebackBoxSectionFourButtonOneIconOne:checked {
  background: #FF2D55;

  /* Change the label's color when the input is checked */
  + label {
    color: #FF2D55;
  }
}

.SendFeebackBoxSectionFourButtonOneBackground label {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 16px;

  cursor: pointer;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionFourButtonOneTextOne {
  flex: 1 0 0;

  color: #FF2D55;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionFourButtonOneIconTwoBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionFourButtonOneIconTwo {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: rgba(255, 45, 85, 0.00);
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  fill: #FF2D55;
}



.SendFeebackBoxSectionFourButtonTwoBackground {
  display: flex;
  height: 54px;
  align-items: center;
  flex: 1 0 0;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-swan));
  border-bottom: 4px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));
  cursor: pointer;
}

.SendFeebackBoxSectionFourButtonTwoBackground:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionFourButtonTwoBackground:active {
  height: 52px;

  border-bottom: 2px solid rgb(var(--color-swan));

  filter: brightness(0.9);
  margin-top: 2px;

  transition: 0.1s;
}

.SendFeebackBoxSectionFourButtonTwoIconOneBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionFourButtonTwoIconOne {
  appearance: none;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 16px;
  margin-left: 16px;

  border-radius: 20px;
  border: 4px solid rgb(var(--color-swan), 0.4);
  background: rgb(var(--color-swan), 0.2);

  opacity: 100% !important;

  cursor: pointer;

  /* Default style for the label when not checked */
  + label {
    color: rgb(var(--color-swan));
  }
}

/* Styling when the radio button is checked */
.SendFeebackBoxSectionFourButtonTwoIconOne:checked {
  background: #007AFF;

  /* Change the label's color when the input is checked */
  + label {
    color: #007AFF;
  }
}

.SendFeebackBoxSectionFourButtonTwoBackground label {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 16px;

  cursor: pointer;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionFourButtonTwoTextOne {
  flex: 1 0 0;

  color: #007AFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionFourButtonTwoIconTwoBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionFourButtonTwoIconTwo {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: rgba(255, 45, 85, 0.00);
  text-align: center;
  line-height: normal;
  fill: #007AFF;
}

.SendFeebackBoxSectionFive {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;

  color: rgb(var(--color-eel));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  cursor: default;

  margin-top: 0px;
  margin-bottom: 0px;

  height: 32px;
}

.SendFeebackBoxSectionSix {
  display: flex;
  height: 54px;
  align-items: center;
  align-self: stretch;
  flex: 1 0 0;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-swan));
  border-bottom: 4px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));
  cursor: pointer;

}

.SendFeebackBoxSectionSix:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionSix:active {
  height: 52px;

  border-bottom: 2px solid rgb(var(--color-swan));

  filter: brightness(0.9);
  margin-top: 2px;

  transition: 0.1s;
}

.SendFeebackBoxSectionSixIconOneBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionSixIconOne {
  width: 20px;
  height: 20px;
  flex-shrink: 0;

  border-radius: 20px;
  border: 4px solid rgb(var(--color-swan), 0.4);
  background: #34C759;
}

.SendFeebackBoxSectionSixTextOne {
  flex: 1 0 0;

  color: #34C759;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionSixIconTwoBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionSixIconTwoBoxCaption {
  position: absolute;
  transform: translate(435px, -35px);

  display: inline-flex;
  padding: 8px;
  justify-content: center;
  align-items: center;

  border-radius: 8px;
  border: 2px solid #E5E5E5;
  background: #FFF;

  opacity: 0;
}

.SendFeebackBoxSectionSixIconTwoBox:hover + .SendFeebackBoxSectionSixIconTwoBoxCaption {
  position: absolute;
  transform: translate(435px, -35px);

  display: inline-flex;
  padding: 8px;
  justify-content: center;
  align-items: center;

  border-radius: 8px;
  border: 2px solid #E5E5E5;
  background: #FFF;
  filter: none !important;

  transition-delay: 2s;
  transition: 0.5s;
  opacity: 1;
}

.SendFeebackBoxSectionSixIconTwoBoxCaptionTextOne {
  color: rgba(0, 0, 0, 0.90);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  margin-top: 0px;
  margin-bottom: 0px;
}

.SendFeebackBoxSectionSixIconTwo {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: rgba(255, 45, 85, 0.00);
  text-align: center;
  line-height: normal;
}

.SendFeebackBoxSectionSeven {
//  height: 48px;
  height: 56px;
  align-self: stretch;

  border-radius: 8px;

  position: relative;

  cursor: not-allowed !important;
}

.SendFeebackBoxSectionSevenBoxOne {
  flex-shrink: 0;
  display: flex;
  gap: 32px;
  align-items: center;

  height: 54px;            /* set the height */
  overflow: hidden;        /* clip any overflowing content */
  border-radius: 8px;

  pointer-events: none;
}

.SendFeebackBoxSectionSevenBoxOneBoxOne {
  width: 16px;
  height: 100px;
  transform: rotate(45deg);
  flex-shrink: 0;

  background: rgb(var(--color-eel), 0.1);
}

.SendFeebackBoxSectionSevenBoxTwo {
  display: flex;
  height: 54px;
  align-items: center;
  align-self: stretch;
  flex: 1 0 0;

  position: absolute;
  width: 100%;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-swan));
  border-bottom: 4px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));
//  cursor: pointer;
}

.SendFeebackBoxSectionSevenBoxTwo:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionSevenBoxTwo:active {
  border-bottom: 4px solid rgb(var(--color-swan));
  filter: brightness(0.95);
}

.SendFeebackBoxSectionSevenBoxTwoIconOneBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionSevenBoxTwoIconOne {
  width: 20px;
  height: 20px;
  flex-shrink: 0;

  border-radius: 20px;
  border: 4px solid rgb(var(--color-swan), 0.4);
  background: rgb(var(--color-swan), 0.2);
}

.SendFeebackBoxSectionSevenBoxTwoTextOne {
  flex: 1 0 0;

  color: rgb(var(--color-swan));
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  margin-top: 0px;
  margin-bottom: 0px;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}

.SendFeebackBoxSectionSevenBoxTwoIconTwoBox {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

.SendFeebackBoxSectionSevenBoxTwoIconTwo {
  display: flex;
  width: 16px;
  height: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: normal;

  fill: rgb(var(--color-swan));
}

.SendFeedbackBoxSectionEight {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.SendFeebackBoxSectionEightSendButton {
  display: flex;
  height: 54px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;

  border-radius: 8px;
  border: 2px solid #0062CC;
  border-bottom: 4px solid #0062CC;
  background: #007AFF;

  color: #FFF ;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  cursor: pointer;

  padding: 0px;
}

.SendFeebackBoxSectionEightSendButton:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionEightSendButton:active {
  height: 52px;
  border-bottom: 2px solid #0062CC;
  margin-top: 2px;
  filter: brightness(0.9);

  transition: 0.1s;
}

.SendFeebackBoxSectionEightEmailButton {
  display: flex;
  height: 54px;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;

  border-radius: 8px;
  border: 2px solid rgb(var(--color-swan));
  border-bottom: 4px solid rgb(var(--color-swan));
  background: rgb(var(--color-snow));

  color: rgb(var(--color-eel));
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  cursor: pointer;

  text-decoration:none;
}

.SendFeebackBoxSectionEightEmailButton:hover {
  filter: brightness(0.95);
}

.SendFeebackBoxSectionEightEmailButton:active {
  height: 52px;

  border-bottom: 2px solid rgb(var(--color-swan));

  margin-top: 2px;
  filter: brightness(0.9);

  transition: 0.1s;
}

.SendFeebackBoxSectionEightTextOne {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;

  color: #FFF ;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}
`;

let randomValue;

function setRandomValue() {
    randomValue = Math.floor(Math.random() * 1000000); // Generates a random number between 0 and 999999
    localStorage.setItem("RandomValue", String(randomValue));
    console.log("Generated ID: ", randomValue); // This is to show you the generated ID, you can remove it later
}

if (Boolean(localStorage.getItem("RandomValue")) === false) {
    console.log('NOW NOW NOW');
} else {
    randomValue = localStorage.getItem("RandomValue");
}
    setRandomValue();

let injectedSendFeedBackBoxElement = null;
let injectedSendFeedBackBoxStyle = null;

function injectSendFeedBackBox() {
//    console.log('called');

  // Check if the current URL matches the target URL
  if (isSendFeedbackButtonPressed === true) {
      //console.log('tageturlmatches')
      // Inject the content if it's not already injected
    if (!injectedSendFeedBackBoxElement) {
        // Creating a container for the overlay
        injectedSendFeedBackBoxElement = document.createElement('div');
        injectedSendFeedBackBoxElement.innerHTML = SendFeedbackBoxHTML;
        document.body.appendChild(injectedSendFeedBackBoxElement);

        // Creating a style tag for CSS
        injectedSendFeedBackBoxStyle = document.createElement('style');
        injectedSendFeedBackBoxStyle.type = 'text/css';
        injectedSendFeedBackBoxStyle.innerHTML = SendFeedbackBoxCSS;
        document.head.appendChild(injectedSendFeedBackBoxStyle);

        document.getElementById('SendFeebackBoxSectionSixIconTwoBoxID').value = randomValue;
    }
  } else {
      //console.log('tageturlnotmatches')
      // Remove the content if it was previously injected
      if (injectedSendFeedBackBoxElement) {
         document.body.removeChild(injectedSendFeedBackBoxElement);
         document.head.removeChild(injectedSendFeedBackBoxStyle);
         injectedSendFeedBackBoxElement = null;
         injectedSendFeedBackBoxStyle = null;
    }
  }
}

setInterval(injectSendFeedBackBox, 100);

let SendFeedbackCloseButton;

setInterval(() => {
    try {
    SendFeedbackCloseButton = document.querySelector('.SendFeebackBoxSectionOneCancelBoxBackground');
    } catch (error) {
    }
}, 100);

function alreadyTriedFunc() {
    try {
    if (isSendFeedbackButtonPressed === true) {
        SendFeedbackCloseButton.addEventListener('click', () => {
            isSendFeedbackButtonPressed = false;
        });
    } else {
    }
    } catch (error) {
    }
}

setInterval(alreadyTriedFunc, 100);






const WhatsNewBoxHTML = `
<div class="WhatsNewBoxOneShadow">
  <div class="WhatsNewBoxOneBackground">
    <div class="WhatsNewBoxOneSectionOne">
      <p class="WhatsNewBoxOneSectionOneTextOne">What’s New</p>
      <div class="WhatsNewBoxOneSectionOneBoxOne">
        <p class="WhatsNewBoxOneSectionOneBoxOneTextOne">2.0 BETA 3</p>
      </div>
    </div>
    <div class="WhatsNewBoxOneSectionTwo">
      <img src="https://uc575fcab1ff75ea17a8f4b5ba9b.previews.dropboxusercontent.com/p/thumb/ACCOYoPsAhu84P6xRJaSI7_ufnDWLvQNWj8SNYz1tZWkG66uT3sn04ZQ5SdgolQXPu_V3YMGWU8ehx8hkwlepIZ3CNo3DBCTL_xQGsH7oeD-w0oTqTzEoxdQyMs7pfRfX0DHqrrKc7TfqMFGz6wqkQrDb23g64sY9ceFrrAWvCsAedd_g1M-xp-gpxg2zzwHtU5SLdVmUzm9MNnDO2ptaqMHo3nYX7U77vZp9LqGvjZCTeOaXG5I7wjX8mf_3zUTCFBcozHOWU8qpSGm5c1q_FH2pdmuH3unqsPOgi08Q8tmWYtAU7uZgnax6oUvLHbez0u5jtDNkuofBtPnk8q1uFUAg7L5RmmCN4HHp-kGDE0YozWJrst6GFe_9cKsBzF6zaQ/p.png" class="WhatsNewBoxOneSectionTwoImageOne">
    </div>
    <div class="WhatsNewBoxOneSectionThree">
      <p class="WhatsNewBoxOneSectionThreeTextOne">Brand New Backend</p>
      <p class="WhatsNewBoxOneSectionThreeTextTwo">The backend for AutoSolver has been completely rewritten, providing more stability.</p>
    </div>
    <div class="WhatsNewBoxOneSectionFour">
      <p class="WhatsNewBoxOneSectionFourTextOne">NEXT</p>
    </div>
  </div>
</div>
`;

const WhatsNewBoxCSS = `
.WhatsNewBoxOneShadow {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;

  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);

  z-index: 2;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.WhatsNewBoxOneBackground {
  display: flex;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;

  border-radius: 16px;
border: 2px solid rgba(0, 0, 0, 0.10);
background: #FFF;

  width: 400px;
}

.WhatsNewBoxOneSectionOne {
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}

.WhatsNewBoxOneSectionOneTextOne {
  color: #000;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;

cursor: default;
  margin: 0px;
}

.WhatsNewBoxOneSectionOneBoxOne {
  display: flex;
padding: 8px;
flex-direction: column;
justify-content: center;
align-items: center;

  border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.20);
background: #FF2D55;
}

.WhatsNewBoxOneSectionOneBoxOneTextOne {
  color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;

cursor: default;
  margin: 0px;
}

.WhatsNewBoxOneSectionTwo {
  display: flex;
height: 300px;
flex-direction: column;
justify-content: center;
align-items: center;
align-self: stretch;
  padding: 0px;

  border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.20);
background: rgba(0, 0, 0, 0.05);
}

.WhatsNewBoxOneSectionTwoImageOne {
  width: 100%;
  border-radius: 8px;
}

.WhatsNewBoxOneSectionThree {
  display: flex;
padding-bottom: 0px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;

  margin-top: 4px;
  margin-bottom: 8px;
}

.WhatsNewBoxOneSectionThreeTextOne {
  align-self: stretch;

  color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;

cursor: default;
  margin: 0px;
}

.WhatsNewBoxOneSectionThreeTextTwo {
  align-self: stretch;

  color: rgba(0, 0, 0, 0.50);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;

cursor: default;
  margin: 0px;
}

.WhatsNewBoxOneSectionFour {
  display: flex;
height: 48px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;

  border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.20);
border-bottom: 4px solid rgba(0, 0, 0, 0.20);
background: #007AFF;

  cursor: pointer;
}

.WhatsNewBoxOneSectionFour:hover {
  filter: brightness(0.95);
}

.WhatsNewBoxOneSectionFour:active {
  filter: brightness(0.9);
  margin-top: 2px;
  height: 46px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.20);

  filter: brightness(0.9);
  transition: .1s;
}

.WhatsNewBoxOneSectionFourTextOne {
  color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;

margin: 0px;

  user-select: none; // chrome and Opera
  -moz-user-select: none; // Firefox
  -webkit-text-select: none; // IOS Safari
  -webkit-user-select: none; // Safari
}
`;

let injectedWhatsNewBoxElement = null;
let injectedWhatsNewBoxStyle = null;

function injectWhatsNewBox() {
//    console.log('called');

  // Check if the current URL matches the target URL
  if (wasWhatsNewInTwoPointZeroBetaThreeFinished === false) {
      //console.log('tageturlmatches')
      // Inject the content if it's not already injected
    if (!injectedWhatsNewBoxElement) {
        // Creating a container for the overlay
        injectedWhatsNewBoxElement = document.createElement('div');
        injectedWhatsNewBoxElement.innerHTML = WhatsNewBoxHTML;
        document.body.appendChild(injectedWhatsNewBoxElement);

        // Creating a style tag for CSS
        injectedWhatsNewBoxStyle = document.createElement('style');
        injectedWhatsNewBoxStyle.type = 'text/css';
        injectedWhatsNewBoxStyle.innerHTML = WhatsNewBoxCSS;
        document.head.appendChild(injectedWhatsNewBoxStyle);

            const WhatsNewBoxOneSectionFour = document.querySelector('.WhatsNewBoxOneSectionFour');
    WhatsNewBoxOneSectionFour.addEventListener('click', () => {
      whatsNewInBetaThreeStage++;
      console.log('something');
      modifyWhatsNewBox();
    });

    }
  } else {
      //console.log('tageturlnotmatches')
      // Remove the content if it was previously injected
      if (injectedWhatsNewBoxElement) {
         document.body.removeChild(injectedWhatsNewBoxElement);
         document.head.removeChild(injectedWhatsNewBoxStyle);
         injectedWhatsNewBoxElement = null;
         injectedWhatsNewBoxStyle = null;
    }
  }
}

setInterval(injectWhatsNewBox, 100);

function modifyWhatsNewBox() {
  const WhatsNewBoxOneSectionThreeTextOne = document.querySelector('.WhatsNewBoxOneSectionThreeTextOne');

    const WhatsNewBoxOneSectionThreeTextTwo = document.querySelector('.WhatsNewBoxOneSectionThreeTextTwo');

  const WhatsNewBoxOneSectionFourTextOne = document.querySelector('.WhatsNewBoxOneSectionFourTextOne');

  const WhatsNewBoxOneSectionTwoImageOneURL = document.querySelector('img.WhatsNewBoxOneSectionTwoImageOne');

  if (whatsNewInBetaThreeStage === 1) {
    WhatsNewBoxOneSectionThreeTextOne.textContent = 'Brand New Backend';
    WhatsNewBoxOneSectionThreeTextTwo.textContent = 'The backend for AutoSolver has been completely rewritten, providing much more stability and a lot less bugs.';
    WhatsNewBoxOneSectionTwoImageOneURL.src = 'https://uc575fcab1ff75ea17a8f4b5ba9b.previews.dropboxusercontent.com/p/thumb/ACCOYoPsAhu84P6xRJaSI7_ufnDWLvQNWj8SNYz1tZWkG66uT3sn04ZQ5SdgolQXPu_V3YMGWU8ehx8hkwlepIZ3CNo3DBCTL_xQGsH7oeD-w0oTqTzEoxdQyMs7pfRfX0DHqrrKc7TfqMFGz6wqkQrDb23g64sY9ceFrrAWvCsAedd_g1M-xp-gpxg2zzwHtU5SLdVmUzm9MNnDO2ptaqMHo3nYX7U77vZp9LqGvjZCTeOaXG5I7wjX8mf_3zUTCFBcozHOWU8qpSGm5c1q_FH2pdmuH3unqsPOgi08Q8tmWYtAU7uZgnax6oUvLHbez0u5jtDNkuofBtPnk8q1uFUAg7L5RmmCN4HHp-kGDE0YozWJrst6GFe_9cKsBzF6zaQ/p.png';
    WhatsNewBoxOneSectionFourTextOne.textContent = 'NEXT';
  } else if (whatsNewInBetaThreeStage === 2) {
    WhatsNewBoxOneSectionThreeTextOne.textContent = 'Issues & Roadmap Page';
    WhatsNewBoxOneSectionThreeTextTwo.textContent = 'The issues & roadmap page provides a better visual of what issues currently exist, when they’re scheduled to be fixed and what features are coming soon.';
    WhatsNewBoxOneSectionTwoImageOneURL.src = 'https://uc4173195b604bb48143c06f9685.previews.dropboxusercontent.com/p/thumb/ACAbowGg_McZaX1e4NN6VujXVkbvoTa6eLf5FosdhHcwTdQ9WMXqjwXZ5Gbm33qY5395JziRI5AQVtv5ob7cO9M-tIXcveA5KBKxVIoC1lLW3RxO2mT8JGRxf0IcRVPIOX5Ho8kUohjlylIznS2t6MXrrsbn3qTVCgWaAXbYF65FgGT1j1FdB_wo7--w6mhR8r2R3tKfNsxgXDnvyKxvuiCLK3f6QtMsJbNTd78m4lm3os72ExNF9hmEnRfG1mZnO2J0O3cVlZcQv3SrZVKWJqAUq-HTazIVmOgq1FPxjKsDl7HdpFI7lphH25ORNPYmfPv2rEvrBDXWYeVVqPYJxYrvUMwVwEMH24xzlcCdjfeZzO6mBJvQCR_n6IjgbZlj6zQ/p.png';
    WhatsNewBoxOneSectionFourTextOne.textContent = 'CLOSE';
  } else {
      wasWhatsNewInTwoPointZeroBetaThreeFinished = true;
      localStorage.setItem('wasWhatsNewInTwoPointZeroBetaThreeFinished', wasWhatsNewInTwoPointZeroBetaThreeFinished);
  }

}

modifyWhatsNewBox();










function solving() {
    if (solvingIntervalId) {
        clearInterval(solvingIntervalId);
        solvingIntervalId = undefined;
        document.getElementById("solveAllButton").innerText = "SOLVE ALL";
        isAutoMode = false;
    } else {
        document.getElementById("solveAllButton").innerText = "PAUSE SOLVE";
        isAutoMode = true;
        solvingIntervalId = setInterval(solve, 500);
    }
}

function solve() {
    const selAgain = document.querySelectorAll('[data-test="player-practice-again"]');
    const practiceAgain = document.querySelector('[data-test="player-practice-again"]');
    if (selAgain.length === 1 && isAutoMode) {
        // Make sure it's the `practice again` button
        //if (selAgain[0].innerHTML.toLowerCase() === 'practice again') {
        // Click the `practice again` button
        selAgain[0].click();
        // Terminate
        return;
        //}
    }
    if (practiceAgain !== null && isAutoMode) {
        practiceAgain.click();
        return;
    }
    try {
        window.sol = findReact(document.getElementsByClassName('_3FiYg')[0]).props.currentChallenge;
    } catch {
        let next = document.querySelector('[data-test="player-next"]');
        if (next) {
            next.click();
        }
        return;
    }
    if (!window.sol) {
        return;
    }
    let nextButton = document.querySelector('[data-test="player-next"]');
    if (!nextButton) {
        return;
    }
    if (document.querySelectorAll('[data-test*="challenge-speak"]').length > 0) {
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Challenge Speak';
        }
        const buttonSkip = document.querySelector('button[data-test="player-skip"]');
        if (buttonSkip) {
            buttonSkip.click();
        }
    } else if (window.sol.type === 'listenMatch') {
        // listen match question
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Listen Match';
        }
        const nl = document.querySelectorAll('[data-test$="challenge-tap-token"]');
        window.sol.pairs?.forEach((pair) => {
            for (let i = 0; i < nl.length; i++) {
                let nlInnerText;
                if (nl[i].querySelectorAll('[data-test="challenge-tap-token-text"]').length > 1) {
                    nlInnerText = nl[i].querySelector('[data-test="challenge-tap-token-text"]').innerText.toLowerCase().trim();
                } else {
                    //nlInnerText = findSubReact(nl[i]).textContent.toLowerCase().trim();
                    nlInnerText = nl[i].getAttribute('data-test').split('-')[0].toLowerCase().trim();
                    console.log(nlInnerText);
                }
                if (
                    (
                        nlInnerText === pair.learningWord.toLowerCase().trim() ||
                        nlInnerText === pair.translation.toLowerCase().trim()
                    ) &&
                    !nl[i].disabled
                ) {
                    nl[i].click();
                }
            }
        });
    } else if (document.querySelectorAll('[data-test="challenge-choice"]').length > 0) {
        // choice challenge
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Challenge Choice';
        }
        if (window.sol.correctTokens !== undefined) {
            correctTokensRun();
            nextButton.click()
        } else if (window.sol.correctIndex !== undefined) {
            document.querySelectorAll('[data-test="challenge-choice"]')[window.sol.correctIndex].click();
            nextButton.click();
        }
    } else if (document.querySelectorAll('[data-test$="challenge-tap-token"]').length > 0) {
        // match correct pairs challenge
        if (window.sol.pairs !== undefined) {
            if (debug) {
                document.getElementById("solveAllButton").innerText = 'Pairs';
            }
            let nl = document.querySelectorAll('[data-test$="challenge-tap-token"]');
            if (document.querySelectorAll('[data-test="challenge-tap-token-text"]').length
                === nl.length) {
                window.sol.pairs?.forEach((pair) => {
                    for (let i = 0; i < nl.length; i++) {
                        const nlInnerText = nl[i].querySelector('[data-test="challenge-tap-token-text"]').innerText.toLowerCase().trim();
                        try {
                            if (
                                (
                                    nlInnerText === pair.transliteration.toLowerCase().trim() ||
                                    nlInnerText === pair.character.toLowerCase().trim()
                                )
                                && !nl[i].disabled
                            ) {
                                nl[i].click()
                            }
                        } catch (TypeError) {
                            if (
                                (
                                    nlInnerText === pair.learningToken.toLowerCase().trim() ||
                                    nlInnerText === pair.fromToken.toLowerCase().trim()
                                )
                                && !nl[i].disabled
                            ) {
                                nl[i].click()
                            }
                        }
                    }
                })
            }
        } else if (window.sol.correctTokens !== undefined) {
            if (debug) {
                document.getElementById("solveAllButton").innerText = 'Token Run';
            }
            correctTokensRun();
            nextButton.click()
        } else if (window.sol.correctIndices !== undefined) {
            if (debug) {
                document.getElementById("solveAllButton").innerText = 'Indices Run';
            }
            correctIndicesRun();
        }
    } else if (document.querySelectorAll('[data-test="challenge-tap-token-text"]').length > 0) {
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Challenge Tap Token Text';
        }
        // fill the gap challenge
        correctIndicesRun();
    } else if (document.querySelectorAll('[data-test="challenge-text-input"]').length > 0) {
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Challenge Text Input';
        }
        let elm = document.querySelectorAll('[data-test="challenge-text-input"]')[0];
        let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
        nativeInputValueSetter.call(elm, window.sol.correctSolutions ? window.sol.correctSolutions[0] : (window.sol.displayTokens ? window.sol.displayTokens.find(t => t.isBlank).text : window.sol.prompt));
        let inputEvent = new Event('input', {
            bubbles: true
        });

        elm.dispatchEvent(inputEvent);
    } else if (document.querySelectorAll('[data-test*="challenge-partialReverseTranslate"]').length > 0) {
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Partial Reverse';
        }
        let elm = document.querySelector('[data-test*="challenge-partialReverseTranslate"]')?.querySelector("span[contenteditable]");
        let nativeInputNodeTextSetter = Object.getOwnPropertyDescriptor(Node.prototype, "textContent").set
        nativeInputNodeTextSetter.call(elm, '"' + window.sol?.displayTokens?.filter(t => t.isBlank)?.map(t => t.text)?.join()?.replaceAll(',', '') + '"');
        let inputEvent = new Event('input', {
            bubbles: true
        });

        elm.dispatchEvent(inputEvent);
    } else if (document.querySelectorAll('textarea[data-test="challenge-translate-input"]').length > 0) {
        if (debug) {
            document.getElementById("solveAllButton").innerText = 'Challenge Translate Input';
        }
        const elm = document.querySelector('textarea[data-test="challenge-translate-input"]');
        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value").set;
        nativeInputValueSetter.call(elm, window.sol.correctSolutions ? window.sol.correctSolutions[0] : window.sol.prompt);

        let inputEvent = new Event('input', {
            bubbles: true
        });

        elm.dispatchEvent(inputEvent);
    }
    nextButton.click()
}

function correctTokensRun() {
    const all_tokens = document.querySelectorAll('[data-test$="challenge-tap-token"]');
    const correct_tokens = window.sol.correctTokens;
    const clicked_tokens = [];
    correct_tokens.forEach(correct_token => {
        const matching_elements = Array.from(all_tokens).filter(element => element.textContent.trim() === correct_token.trim());
        if (matching_elements.length > 0) {
            const match_index = clicked_tokens.filter(token => token.textContent.trim() === correct_token.trim()).length;
            if (match_index < matching_elements.length) {
                matching_elements[match_index].click();
                clicked_tokens.push(matching_elements[match_index]);
            } else {
                clicked_tokens.push(matching_elements[0]);
            }
        }
    });
}

function correctIndicesRun() {
    if (window.sol.correctIndices) {
        window.sol.correctIndices?.forEach(index => {
            document.querySelectorAll('div[data-test="word-bank"] [data-test="challenge-tap-token-text"]')[index].click();
        });
        // nextButton.click();
    }
}

function findSubReact(dom, traverseUp = 0) {
    const key = Object.keys(dom).find(key => key.startsWith("__reactProps$"));
    return dom.parentElement[key].children.props;
}

function findReact(dom, traverseUp = 0) {
    let reactProps = Object.keys(dom.parentElement).find((key) => key.startsWith("__reactProps$"));
    while (traverseUp-- > 0 && dom.parentElement) {
        dom = dom.parentElement;
        reactProps = Object.keys(dom.parentElement).find((key) => key.startsWith("__reactProps$"));
    }
    if(dom?.parentElement?.[reactProps]?.children[0] == null){
        return dom?.parentElement?.[reactProps]?.children[1]?._owner?.stateNode;
    } else {
        return dom?.parentElement?.[reactProps]?.children[0]?._owner?.stateNode;
    }
    //return dom?.parentElement?.[reactProps]?.children[0]?._owner?.stateNode;
}

window.findReact = findReact;

window.ss = solving;