enhanced.user.js

// ==UserScript==
// @name         KakaoStory Enhanced
// @namespace    http://chihaya.kr
// @version      1.37
// @description  Add-on for KakaoStory
// @author       Reflection and other contributors
// @match        https://story.kakao.com/*
// @match        https://accounts.kakao.com/*
// @icon         https://raw.githubusercontent.com/reflection1921/KakaoStory-Enhanced/main/story_favicon.ico
// @downloadURL  https://raw.githubusercontent.com/reflection1921/KakaoStory-Enhanced/main/enhanced.user.js
// @updateURL    https://raw.githubusercontent.com/reflection1921/KakaoStory-Enhanced/main/enhanced.user.js
// @require      https://cdn.jsdelivr.net/npm/chart.js
// ==/UserScript==


let scriptVersion = "1.37";

//let resourceURL = 'http://127.0.0.1:8977/kakaostory-enhanced/'; //for debug
//let resourceURL = 'https://raw.githubusercontent.com/reflection1921/KakaoStory-Enhanced/dev/'; //github dev
let resourceURL = 'https://raw.githubusercontent.com/reflection1921/KakaoStory-Enhanced/main/';
let myID = ''; //for discord mention style feature
let notyTimeCount = 0; //for notification feature
let blockedList = new Set(); //block users
let blockedStringList = []; //block strings
let feedBlockedList = new Set(); //blocked feed users
let catEffect = new Audio(resourceURL + 'sounds/cat-meow.mp3');
let dogEffect = new Audio(resourceURL + 'sounds/dog-bark.mp3');
let jThemes;

let powerComboCnt = 0;
let powerComboTimeCnt = 0;

let currentFavicon = "naver";
let currentTitle = "NAVER";
//let selCurPerm = 'Z'; //A = 전체공개, F = 친구공개, M = 나만보기, Z = 기본설정(모든 게시글)
//let selNewPerm = 'F'; //A = 전체공개, F = 친구공개, M = 나만보기

let notyOption = {
    body: '',
    icon: 'https://i.imgur.com/FSvg18g.png',
    silent: false
}

//konami command to restore kakaostory favicon classic
let konami = ['ArrowUp','ArrowUp','ArrowDown','ArrowDown','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','KeyB','KeyA'];
let konamiCount = 0;

// media hide mode(blur)
const targetSelectorsBlur = [
  '.fd_cont .wrap_swipe',
  '.fd_cont .img_wrap',
  '.fd_cont .movie_wrap',
  '.fd_cont .link_imgthumb',
];

let mediaHideObserver = new MutationObserver((mutationsList) => {
    for (const mutation of mutationsList) {
        for (const node of mutation.addedNodes) {
            if (!(node instanceof HTMLElement)) continue;

            const targets = [];

            for (const selector of targetSelectorsBlur) {
            if (node.matches?.(selector)) {
                targets.push(node);
            }
            node.querySelectorAll?.(selector)?.forEach(el => targets.push(el));
            }

            targets.forEach(AddBlurToMedia);
        }
    }
});

function GetFormattedDateTime() {
    const now = new Date();

    const yyyy = now.getFullYear();
    const MM = String(now.getMonth() + 1).padStart(2, '0');
    const dd = String(now.getDate()).padStart(2, '0');
    const hh = String(now.getHours()).padStart(2, '0');
    const mm = String(now.getMinutes()).padStart(2, '0');
    const ss = String(now.getSeconds()).padStart(2, '0');

    return `${yyyy}${MM}${dd}_${hh}${mm}${ss}`;
}

function AddEnhancedMenuObserver() {

    const observer = new MutationObserver((mutations) => {
        for (const { addedNodes } of mutations) {
            for (const node of addedNodes) {
                if (!(node instanceof HTMLElement)) continue;

                const target = node.classList.contains('menu_util') 
                    ? node 
                    : node.querySelector('.menu_util');

                if (target) {
                    observer.disconnect();
                    AddEnhancedMenu();
                    return;
                }
            }
        }
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true,
    });
}

function AddEnhancedMenu() {
    document.getElementsByClassName("menu_util")[0].innerHTML = '<li><a href="#" id="enhancedHideSidebar" class="link_menu _btnSettingProfile">사이드바 숨기기</a></li><li class="enhanced_settings_menu"><a href="#" id="enhancedOpenSettings" class="link_menu _btnSettingProfile">Enhanced 설정</a></li>' + document.getElementsByClassName("menu_util")[0].innerHTML;
    document.getElementById("enhancedOpenSettings").addEventListener("click", function() {
        document.getElementById("enhancedLayer").style.display = 'block';
        document.body.scrollTop = 0;
        DisableScroll();
    });
    document.getElementById("enhancedHideSidebar").addEventListener("click", function() {
        document.getElementById("mSnb").classList.add('enhanced_sidebar_hidden');
        document.getElementById("enhancedShowSidebar").style.display = 'block';
        SetValue('enhancedSidebarShow', 'false');
    });

    let showBtn = document.createElement('div');
    showBtn.id = 'enhancedShowSidebar';
    if (GetValue('enhancedSidebarLocation', 'right') === 'right')
    {
        showBtn.className = 'enhanced_sidebar_show';
        showBtn.innerHTML = '<span class="enhanced_sidebar_show_btn_to_left"></span>'
    }
    else
    {
        showBtn.className = 'enhanced_sidebar_show_left';
        showBtn.innerHTML = '<span class="enhanced_sidebar_show_btn_to_right"></span>'
    }
    

    document.getElementById("rnb").insertBefore(showBtn, document.getElementById("rnb").firstChild);
    document.getElementById("enhancedShowSidebar").addEventListener("click", function() {
        document.getElementById("mSnb").classList.remove('enhanced_sidebar_hidden');
        document.getElementById("enhancedShowSidebar").style.display = 'none';
        SetValue('enhancedSidebarShow', 'true');
    });

    if (GetValue('enhancedSidebarShow', 'true') === 'false')
    {
        document.getElementById("mSnb").classList.add('enhanced_sidebar_hidden');
        document.getElementById("enhancedShowSidebar").style.display = 'block';
    }
    else
    {
        document.getElementById("mSnb").classList.remove('enhanced_sidebar_hidden');
        document.getElementById("enhancedShowSidebar").style.display = 'none';
    }
}

const eventHandlerModule = (function() {
    let clickEventByIdMap = new Map();

    function initialize()
    {
        document.addEventListener('click', function(event) {
            if (clickEventByIdMap.has(event.target.id))
            {
                clickEventByIdMap.get(event.target.id)();
            }
        });
    }

    function addClickEventById(elemId, func)
    {
        clickEventByIdMap.set(elemId, func);
    }

    return {
        initialize: initialize,
        addClickEventById: addClickEventById
    }
})();

const deleteFriendsModule = (function() {
    let deletedFriendCount = 0;
    let jsonMyFriends;

    function initialize()
    {
        eventHandlerModule.addClickEventById('enhancedBtnDeleteFriendConfirm', deleteFriendsConfirm);
        eventHandlerModule.addClickEventById('enhancedBtnDeleteBlockedFriendConfirm', deleteBlockedFriendsConfirm);
        eventHandlerModule.addClickEventById('deleteFriendConfirmCancel', function() {
            document.getElementById("deleteLayer").remove();
        });
        eventHandlerModule.addClickEventById('deleteFriendConfirmOK', function() {
            document.getElementById("deleteLayer").remove();
            deleteFriendsReConfirm();
        });
        eventHandlerModule.addClickEventById('deleteBlockedFriendConfirmCancel', function() {
            document.getElementById("deleteBlockedLayer").remove();
        });
        eventHandlerModule.addClickEventById('deleteBlockedFriendConfirmOK', function() {
           loadForDeleteFriends(true);
        });
        eventHandlerModule.addClickEventById('deleteFriendReConfirmCancel', function() {
            document.getElementById("deleteLayer").remove();
        });
        eventHandlerModule.addClickEventById('deleteFriendReConfirmOK', function() {
            loadForDeleteFriends(false);
        });
        eventHandlerModule.addClickEventById('deleteFriendComplete', function() {
            document.getElementById("deleteLayer").remove();
            document.getElementById("deleteCountLayer").remove();
        });
        eventHandlerModule.addClickEventById('enhancedFastDeleteClose', function() {
            document.getElementById("fastDeleteLayer").remove();
        });
        eventHandlerModule.addClickEventById('enhancedBtnFastDeleteFriendConfirm', function() {
            OpenFastDeleteFriend();
        });
    }

    function loadForDeleteFriends(blockedUserOnly) {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                jsonMyFriends = JSON.parse(xmlHttp.responseText);

                let deleteCountLayer = document.createElement('div');
                deleteCountLayer.id = "deleteCountLayer";
                deleteCountLayer.className = "cover _cover";
                document.body.appendChild(deleteCountLayer);
                document.getElementById('deleteCountLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;"><div class="inner_toast_layer _toastBody"><p class="txt _dialogText" id="deleteFriendText">친구 삭제 중... (0 / 0)</p><div>※정책상 삭제 속도는 느리게 설정되었습니다.<br>취소하시려면 새로고침 하세요.</div><div class="btn_group"><a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="deleteFriendComplete" style="display: none;"><span>확인</span></a> </div></div></div></div>';
                //deletedFriendCount = 0;
                if (blockedUserOnly)
                {
                    verifyBlockedUserForDeleteFriends();
                }
                deleteFriends();
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/friends");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    // Remove unblocked users to remove blocked users only
    function verifyBlockedUserForDeleteFriends()
    {
        for (let i = 0; i < jsonMyFriends.profiles.length; i++)
        {
            if (!jsonMyFriends.profiles[i].hasOwnProperty("blocked") || jsonMyFriends.profiles[i]["blocked"] === false)
            {
                jsonMyFriends.profiles.splice(i, 1);
                i--;
            }
        }
    }

    function deleteBlockedFriendsConfirm()
    {
        let deleteLayer = document.createElement('div');
        deleteLayer.id = "deleteBlockedLayer";
        deleteLayer.className = "cover _cover";
        document.body.appendChild(deleteLayer);
        document.getElementById('deleteBlockedLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">정말 제한된 사용자를 전체 삭제하시겠습니까?<br>취소하시려면 새로고침해야 합니다.</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="deleteBlockedFriendConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="deleteBlockedFriendConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function deleteFriendsConfirm()
    {
        let deleteLayer = document.createElement('div');
        deleteLayer.id = "deleteLayer";
        deleteLayer.className = "cover _cover";
        document.body.appendChild(deleteLayer);
        document.getElementById('deleteLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">정말 친구를 전체 삭제하시겠습니까?<br>취소하시려면 새로고침해야 합니다.<br>취소하더라도 이미 삭제된 친구는 복구되지 않습니다!</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="deleteFriendConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="deleteFriendConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function deleteFriendsReConfirm()
    {
        let deleteLayer = document.createElement('div');
        deleteLayer.id = "deleteLayer";
        deleteLayer.className = "cover _cover";
        document.body.appendChild(deleteLayer);
        document.getElementById('deleteLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">정말 친구를 전체 삭제하시겠습니까?<br>진행하면 되돌릴 수 없습니다!<br>다시 한 번 신중하게 생각해주세요!<br>취소하시려면 새로고침해야 합니다.<br>취소하더라도 이미 삭제된 친구는 복구되지 않습니다!</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="deleteFriendReConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="deleteFriendReConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function deleteFriends() {
        setTimeout(function() {
            if (deletedFriendCount < jsonMyFriends.profiles.length) {
                _deleteFriend(jsonMyFriends.profiles[deletedFriendCount]["id"]);
                document.getElementById('deleteFriendText').innerHTML = '친구 삭제 중... (' + (deletedFriendCount + 1) + ' / ' + jsonMyFriends.profiles.length + ')';
                deletedFriendCount++;
                deleteFriends();
            } else {
                document.getElementById('deleteFriendText').innerHTML = '전체 삭제 완료';
                document.getElementById('deleteFriendComplete').style.display = 'block';
            }
        }, 300);
    }

    function _deleteFriend(userid) {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                //Deleted Message;
            }
        }
        xmlHttp.open("DELETE", "https://story.kakao.com/a/friends/" + userid);
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    function OpenFastDeleteFriend()
    {
        let fastDeleteLayer = document.createElement('div');
        fastDeleteLayer.id = "fastDeleteLayer";
        fastDeleteLayer.className = "cover _cover";
        document.body.appendChild(fastDeleteLayer);
        document.getElementById('fastDeleteLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="story_layer story_feed_layer cover_content cover_center" data-kant-group="like"><div class="inner_story_layer _layerContainer" style="top: 630px;"><div class="layer_head"><strong class="tit_story">빠른 친구삭제</strong></div><div class="layer_body"><div class="fake_scroll"><ul id="enhancedFastDeleteTable" class="list_people list_people_v2 _listContainer" style="overflow-y: scroll;"></ul><div class="scroll" style="display: none; height: 60px;"><span class="top"></span><span class="bottom"></span></div></div></div><div class="layer_foot"><a href="#" class="btn_close _close" data-kant-id="false"><span id="enhancedFastDeleteClose" class="ico_ks ico_close">닫기</span></a></div></div></div></div>';
        document.body.scrollTop = 0;

        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let friends = JSON.parse(xmlHttp.responseText);
                for (let i = 0; i < friends.profiles.length; i++)
                {
                    let liFriend = document.createElement('li');
                    let friendProfileImageL = friends['profiles'][i]['profile_image_url'];
                    let friendProfileImageS = friends['profiles'][i]['profile_thumbnail_url'];
                    let friendName = friends['profiles'][i]['display_name'];
                    let friendID = friends['profiles'][i]['id'];
                    liFriend.id = "enhancedFastDelFriend_" + friendID;
                    document.getElementById("enhancedFastDeleteTable").appendChild(liFriend);
                    document.getElementById("enhancedFastDelFriend_" + friendID).innerHTML = '<a href="/' + friendID + '" class="link_people"><span class="thumb_user"><span class="img_profile thumb_img"><img src="' + friendProfileImageL + '" width="36" height="36" data-image-src="' + friendProfileImageS + '" data-movie-src="" class="img_thumb" alt=""></span></span> <span class="info_user"><span class="inner_user"><span class="txt_user"><em class="tit_userinfo">' + friendName + '</em></span></span></span></a><div class="btn_group btn_group_v2"><a href="#" id="' + 'btnEnhancedFastDelFriend_' + friendID + '" class="btn_com btn_wh _acceptFriend fastDelBtn"><span>삭제</span></a></div>';
                    document.getElementById("btnEnhancedFastDelFriend_" + friendID).addEventListener("click", function() {
                        _deleteFriend(friendID);
                        liFriend.remove();
                    });

                }
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/friends");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    return {
        initialize: initialize
    };
})();

const removeAllArticlesModule = (function() {

    let jsonRemoveActivities;
    let removedArticleCount = 0;
    let removedArticleInternalCount = 0;
    let removeArticlesUserID;
    let removeArticlesActivityCount;

    function initialize()
    {
        eventHandlerModule.addClickEventById('enhancedBtnRemoveAllArticlesConfirm', removeAllArticlesConfirm);
        eventHandlerModule.addClickEventById('removeAllArticlesConfirmCancel', function() {
            document.getElementById("deleteLayer").remove();
        });
        eventHandlerModule.addClickEventById('removeAllArticlesConfirmOK', function() {
            document.getElementById("deleteLayer").remove();
            removeAllArticlesReConfirm();
        });
        eventHandlerModule.addClickEventById('removeAllArticlesReConfirmCancel', function() {
            document.getElementById("deleteLayer").remove();
        });
        eventHandlerModule.addClickEventById('removeAllArticlesReConfirmOK', function() {
            prepareRemoveAllArticles();
        });
        eventHandlerModule.addClickEventById('removeAllArticlesBtnOK', function() {
            document.getElementById("deleteLayer").remove();
            document.getElementById("removeAllArticlesCountLayer").remove();
        });
    }

    function removeAllArticlesConfirm()
    {
        let deleteLayer = document.createElement('div');
        deleteLayer.id = "deleteLayer";
        deleteLayer.className = "cover _cover";
        document.body.appendChild(deleteLayer);
        document.getElementById('deleteLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">정말 게시글을 전체 삭제하시겠습니까?<br>취소하시려면 새로고침해야 합니다.<br>취소하더라도 이미 삭제된 게시글은 복구되지 않습니다!</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="removeAllArticlesConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="removeAllArticlesConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function removeAllArticlesReConfirm()
    {
        let deleteLayer = document.createElement('div');
        deleteLayer.id = "deleteLayer";
        deleteLayer.className = "cover _cover";
        document.body.appendChild(deleteLayer);
        document.getElementById('deleteLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">정말 게시글을 전체 삭제하시겠습니까?<br>진행하면 되돌릴 수 없습니다!<br>다시 한 번 신중하게 생각해주세요!<br>취소하시려면 새로고침해야 합니다.<br>취소하더라도 이미 삭제된 게시글은 복구되지 않습니다!</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="removeAllArticlesReConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="removeAllArticlesReConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function _removeArticle(articleID)
    {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                // Removed
            }
        }
        xmlHttp.open("DELETE", "https://story.kakao.com/a/activities/" + articleID);
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.setRequestHeader("Accept-Language", "ko");
        xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8")
        xmlHttp.send();
    }

    function loadActivitiesForRemove(userID, lastArticleID) {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let activities = JSON.parse(xmlHttp.responseText);

                if (activities.length === 0) {
                    jsonRemoveActivities = null;
                    document.getElementById('removeAllArticlesText').innerHTML = '게시글이 성공적으로 삭제되었습니다.';
                    document.getElementById('removeAllArticlesBtnOK').style.display = 'block';
                    return;
                }

                jsonRemoveActivities = activities;

                removeActivities();
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/profiles/" + userID + "/activities?ag=false&since=" + lastArticleID);
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    function removeActivities()
    {
        setTimeout(function() {
            if (removedArticleInternalCount < jsonRemoveActivities.length - 1)
            {
                let activity = jsonRemoveActivities[removedArticleInternalCount];

                let lArticleID = activity["sid"];
                _removeArticle(lArticleID);

                document.getElementById('removeAllArticlesText').innerHTML = '게시글 삭제 중... (' + (removedArticleCount + 1) + '/' + removeArticlesActivityCount + '개 완료)';
                removedArticleCount++;
                removedArticleInternalCount++;
                removeActivities();
            }
            else
            {

                let activity = jsonRemoveActivities[removedArticleInternalCount];
                let lArticleID = activity["sid"];

                removedArticleInternalCount = 0;
                loadActivitiesForRemove(removeArticlesUserID, jsonRemoveActivities[jsonRemoveActivities.length - 1]["sid"]);

                _removeArticle(lArticleID);
            }
        }, 550);

    }

    function prepareRemoveAllArticles() {

        removedArticleCount = 0; //reset count

        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let jsonProfile = JSON.parse(xmlHttp.responseText);
                removeArticlesUserID = jsonProfile.id;
                removeArticlesActivityCount = jsonProfile.activity_count;

                let removeAllArticlesCountLayer = document.createElement('div');
                removeAllArticlesCountLayer.id = "removeAllArticlesCountLayer";
                removeAllArticlesCountLayer.className = "cover _cover";
                document.body.appendChild(removeAllArticlesCountLayer);
                document.getElementById('removeAllArticlesCountLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;"><div class="inner_toast_layer _toastBody"><p class="txt _dialogText" id="removeAllArticlesText">게시글 삭제 중... (0 / 0)</p><div>※정책상 변경 속도는 느리게 설정되었습니다.<br>취소하시려면 새로고침 하세요.</div><div class="btn_group"><a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="removeAllArticlesBtnOK" style="display: none;"><span style="pointer-events: none;">확인</span></a> </div></div></div></div>';
                loadActivitiesForRemove(removeArticlesUserID, "");
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/settings/profile");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    return {
        initialize: initialize
    };
})();

const changePermissionModule = (function() {
    let jsonPermActivities;
    let changePermCount = 0;
    let changeInternalPermCount = 0;
    let changePermUserID;
    let changePermActivityCount;

    function initialize() {
        eventHandlerModule.addClickEventById('enhancedBtnChangePermConfirm', ChangePermissionConfirm);
        eventHandlerModule.addClickEventById('changePermissionConfirmOK', PrepareChangePermission);
        eventHandlerModule.addClickEventById('changePermissionConfirmCancel', function() {
            document.getElementById("changePermLayer").remove();
        });
        eventHandlerModule.addClickEventById('changePermissionBtnOK', function() {
            document.getElementById("changePermLayer").remove();
            document.getElementById("changePermissionCountLayer").remove();
        });
    }

    function ChangePermissionConfirm()
    {
        let sourcePermissionElem = document.getElementById("enhancedOptionSourcePerm");
        let sourcePermissionText = sourcePermissionElem.options[sourcePermissionElem.selectedIndex].text;

        let destPermissionElem = document.getElementById("enhancedOptionDestPerm");
        let destPermissionText = destPermissionElem.options[destPermissionElem.selectedIndex].text;

        let changePermLayer = document.createElement('div');
        changePermLayer.id = "changePermLayer";
        changePermLayer.className = "cover _cover";
        document.body.appendChild(changePermLayer);
        document.getElementById('changePermLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div>' +
            '<div class="cover_wrapper" style="z-index: 201;">' +
            '<div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;">' +
            '<div class="inner_toast_layer _toastBody">' +
            '<p class="txt _dialogText">' + sourcePermissionText + ' 권한 게시글을 ' + destPermissionText + '로 변경할까요? 취소하시려면 새로고침해야 합니다.</p>' +
            '<div class="btn_group">' +
            '<a href="#" class="btn_com btn_wh _dialogCancel _dialogBtn" id="changePermissionConfirmCancel"><span style="pointer-events: none;">취소</span></a>' +
            '<a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="changePermissionConfirmOK"><span style="pointer-events: none;">확인</span></a>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>';
    }

    function _ChangePermission(articleID, perm, enableShare /*, commentWriteable, isMustRead*/)
    {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                //Changed
            }
        }

        if (perm === 'M')
            enableShare = "false";

        xmlHttp.open("PUT", "https://story.kakao.com/a/activities/" + articleID);
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.setRequestHeader("Accept-Language", "ko");
        xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8")
        xmlHttp.send("permission=" + perm + "&enable_share=" + enableShare + "&comment_all_writable=true&is_must_read=false");
    }

    function LoadActivitiesForPermission(userID, lastArticleID) {
        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let activities = JSON.parse(xmlHttp.responseText);

                if (activities.length === 0) {
                    jsonPermActivities = null;
                    document.getElementById('changePermissionText').innerHTML = '게시글 권한이 성공적으로 변경되었습니다.';
                    document.getElementById('changePermissionBtnOK').style.display = 'block';
                    return;
                }

                jsonPermActivities = activities;

                SetPermissionActivities();
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/profiles/" + userID + "/activities?ag=false&since=" + lastArticleID);
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    function SetPermissionActivities()
    {
        setTimeout(function() {
            if (changeInternalPermCount < jsonPermActivities.length)
            {
                let activity = jsonPermActivities[changeInternalPermCount];

                let lArticleID = activity["sid"];
                let permission = activity["permission"];
                let sourcePermission = document.getElementById("enhancedOptionSourcePerm").value;
                let destPermission = document.getElementById("enhancedOptionDestPerm").value;
                /* For user-set permissions */
                //var isMustRead = activity["is_must_read"];
                //var commentWriteable = activity["comment_all_writable"];
                var shareable = activity["shareable"];
                var shareableChecked = document.getElementById("enhancedShareFriendsEnablePermChange").checked;
                var shareableCheckedStr = shareableChecked === true ? "true" : "false";
                if ((permission === sourcePermission || sourcePermission === 'N') && (destPermission !== permission || shareable != shareableCheckedStr))
                {
                    _ChangePermission(lArticleID, destPermission, shareableCheckedStr/*, commentWriteable, isMustRead*/);
                }

                document.getElementById('changePermissionText').innerHTML = '게시글 권한 변경 중... (' + (changePermCount + 1) + '/' + changePermActivityCount + '개 완료)';
                changePermCount++;
                changeInternalPermCount++;
                SetPermissionActivities();
            }
            else
            {
                changeInternalPermCount = 0;
                LoadActivitiesForPermission(changePermUserID, jsonPermActivities[jsonPermActivities.length - 1]["sid"]);
            }
        }, 550);

    }

    function PrepareChangePermission() {

        changePermCount = 0; //reset count

        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let jsonProfile = JSON.parse(xmlHttp.responseText);
                changePermUserID = jsonProfile.id;
                changePermActivityCount = jsonProfile.activity_count;

                let permissionCountLayer = document.createElement('div');
                permissionCountLayer.id = "changePermissionCountLayer";
                permissionCountLayer.className = "cover _cover";
                document.body.appendChild(permissionCountLayer);
                document.getElementById('changePermissionCountLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="toast_popup cover_content cover_center" tabindex="-1" style="top: 436px; margin-left: -170px;"><div class="inner_toast_layer _toastBody"><p class="txt _dialogText" id="changePermissionText">게시글 권한 변경 중... (0 / 0)</p><div>※정책상 변경 속도는 느리게 설정되었습니다.<br>취소하시려면 새로고침 하세요.</div><div class="btn_group"><a href="#" class="btn_com btn_or _dialogOk _dialogBtn" id="changePermissionBtnOK" style="display: none;"><span style="pointer-events: none;">확인</span></a> </div></div></div></div>';
                LoadActivitiesForPermission(changePermUserID, "");
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/settings/profile");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    return {
        initialize: initialize
    }
})();

const loginThemeModule = (function() {
    let svgDark = '<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>';
    let svgLight = '<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>';

    function initialize()
    {
        addThemeButton();

        changeLoginTheme(GetValue('enhancedSelectThemeLogin', 'dark'));
    }

    function changeLoginTheme(theme)
    {
        if (theme === 'light')
        {
            document.querySelector('style').remove(); //Remove Dark Theme CSS
            document.getElementById('enhancedLoginThemeChangeBtn').innerHTML = svgDark;
        }
        else // Light
        {
            setLoginDarkThemeCSS();
            document.getElementById('enhancedLoginThemeChangeBtn').innerHTML = svgLight;
            SetValue('enhancedSelectThemeLogin', 'dark');
        }
    }

    function addThemeButton()
    {
        let btnLoginThemeElem = document.createElement('button');
        btnLoginThemeElem.id = 'enhancedLoginThemeChangeBtn';
        btnLoginThemeElem.innerHTML = svgDark;
        btnLoginThemeElem.style.height = '48px';
        btnLoginThemeElem.style.width = '48px';
        btnLoginThemeElem.style.background = 'none';
        btnLoginThemeElem.style.position = 'absolute';
        btnLoginThemeElem.style.right = '10px';
        btnLoginThemeElem.style.bottom = '10px';

        let loginTheme = GetValue('enhancedSelectThemeLogin', 'dark');
        btnLoginThemeElem.innerHTML = loginTheme === 'dark'? svgLight : svgDark;

        btnLoginThemeElem.onclick = function() {
            let theme = GetValue('enhancedSelectThemeLogin', 'dark');
            theme = theme === 'dark'? 'light' : 'dark';
            SetValue('enhancedSelectThemeLogin', theme);
            changeLoginTheme(theme);
        }

        document.body.appendChild(btnLoginThemeElem);
    }

    function setLoginDarkThemeCSS()
    {
        const loginDarkThemeStyle = {
            '--background-color': '#2f3136',
            '--text-color': '#dcddde',
            '--text-highlight-color': '#fff',
            '--text-menu-color': '#b9bbbe',
            '--discord-blue': '#7289da',
            '--dark-background-color': '#202225'
        }

        for (const [key, value] of Object.entries(loginDarkThemeStyle))
        {
            document.documentElement.style.setProperty(key, value);
        }

        let styleElem = document.createElement('style');
        styleElem.id = 'enhancedLoginDarkThemeCSS';
        document.head.appendChild(styleElem);
        document.getElementById('enhancedLoginDarkThemeCSS').innerHTML =
            'body { background: var(--background-color) !important; }' +
            '.set_login .lab_choice { color: var(--text-color) !important; }' +
            '.doc-footer .txt_copyright { color: var(--text-color) !important; }' +
            'a { color: var(--text-highlight-color) !important; }' +
            '.cont_login a { color: var(--text-menu-color) !important; }' +
            '.doc-footer .service_info .link_info { color: var(--text-menu-color) !important; }' +
            '.item_select .link_selected { color: var(--text-menu-color) !important; }' +
            '.box_tf { border: solid 0px var(--text-highlight-color) !important; background: var(--dark-background-color) !important; padding-left: 10px; padding-right: 10px; }' +
            '.box_tf .tf_g { color: var(--text-color) !important; caret-color: auto !important; }' +
            '.info_tip, .line_or .txt_or { color: var(--text-color) !important;}' +
            '.info_tip .txt_tip { color: var(--discord-blue) !important; }' +
            '.box_tf .txt_mail { color: var(--text-color) !important; margin-right: 10px !important }' +
            '.doc-title .tit_service .logo_kakao { background: var(--background-color) url(/images/pc/logo_kakao.png) no-repeat 0 0 !important; background-size: 100px 80px !important; background-position: 0 -41px !important};';
    }

    return {
        initialize: initialize
    }
})();

const visitorChartModule = ( function() {

    function addVisitorCountLayer()
    {
        let visitorCountLayer = document.createElement("div");
        visitorCountLayer.id = "enhancedVisitorCountLayer";
        visitorCountLayer.className = "profile_collection visitor_count_layer";
        document.getElementsByClassName("profile_collection")[0].parentElement.appendChild(visitorCountLayer);
        visitorCountLayer.innerHTML = '<fieldset><h4 class="tit_collection">방문자수</h4></br><div style=""><canvas id="visitorChartCanvas"></canvas></div></fieldset>';
    }

    function parseVisitorCount(jsonData)
    {
        let counterJSON = null;
        for (let i = 0; i < jsonData.length; i++)
        {
            if (jsonData[i].type === "visit_counter")
            {
                counterJSON = jsonData[i].object.items;
                break;
            }
        }

        if (counterJSON == null)
        {
            document.getElementById("enhancedVisitorCountLayer").style.display = 'none';
            return;
        }

        let labelData = ['', '', '', '', '', '', ''];
        let countData = [0, 0, 0, 0, 0, 0, 0];

        for (let i = 0; i < counterJSON.length; i++)
        {
            labelData[i] = counterJSON[i].date;
            countData[i] = (counterJSON[i].count === -1? 0 : counterJSON[i].count);
        }

        let chartCanvas = document.getElementById('visitorChartCanvas').getContext('2d');

        new Chart(chartCanvas, {
            type: 'line',
            data: {
                labels: labelData,
                datasets: [
                    {
                        fill: false,
                        data: countData,
                        backgroundColor: [
                            'rgba(255, 99, 132, 0.2)',
                        ],
                        borderColor: [
                            'rgba(255, 99, 132, 1)',
                        ],
                        borderWidth: 1
                    }
                ]
            },
            options: {
                plugins: {
                    legend: {
                        display: false
                    }
                }
            }
        })
    }

    function viewVisitorChart()
    {
        if (document.getElementById("enhancedVisitorCountLayer") != null)
        {
            return;
        }

        if (document.getElementsByClassName("profile_collection").length < 1)
        {
            return;
        }

        let pathname = window.location.pathname;
        let pathList = pathname.split("/");
        if (pathList.length < 3)
        {
            return;
        }

        let curUserID = pathList[1];

        addVisitorCountLayer();

        let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                let highlights = JSON.parse(xmlHttp.responseText);

                parseVisitorCount(highlights.highlight);
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/profiles/" + curUserID + "/highlight");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
    }

    return {
        viewVisitorChart: viewVisitorChart
    }
})();

function EnableScroll() {
    window.onscroll = function() {};
}

function DisableScroll() {
    window.onscroll = function() {
        window.scrollTo(0, 0);
    };
}

function GetMyID() {
    let userId = document.querySelector('a[data-kant-id="737"]')?.getAttribute('href')?.substring(1);
    if (userId.charAt(0) === '_') {
        myID = userId;
    } else {
        GetMySID(userId);
    }
}

function GetMySID(val) {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let jsonProf = JSON.parse(xmlHttp.responseText);
            if (jsonProf.activities.length === 0) {
                myID = '';
            } else {
                let tmpID = jsonProf.activities[0].id;
                myID = tmpID.split(".")[0];
            }
        }
    }
    xmlHttp.open("GET", "https://story.kakao.com/a/profiles/" + val + "?with=activities");
    xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
    xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
    xmlHttp.setRequestHeader("Accept", "application/json");
    xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xmlHttp.send();
}

function HighlightCommentLikeDiscord() {
    let comments = document.getElementsByClassName("_commentContent");
    for (let i = 0; i < comments.length; i++) {
        let tmpComment = comments[i].getElementsByClassName("txt")[0].getElementsByClassName("_decoratedProfile");
        for ( let j = 0; j < tmpComment.length; j++) {
            let tmpUserID = tmpComment[j].getAttribute("data-id");
            if (myID === tmpUserID) {
                tmpComment[j].style.cssText = "background-color:rgba(0,0,0,0) !important;";
                comments[i].parentElement.style.cssText = 'background-color: rgba(250,166,26,0.1); border-left: 5px solid #f6a820; padding-left: 4px;';
            }
        }
    }
}

function InitImagePasteEvent()
{
    document.addEventListener('paste', async function (e) {
        const items = e.clipboardData?.items;
        if (!items) return;

        for (let i = 0; i < items.length; i++)
        {
            const item = items[i];
            if (item.kind === 'file' && item.type.startsWith('image/')) {
                const file = item.getAsFile();
                if (!file) continue;

                let attachedFile = file;
                let isWebP = false;

                if (file.type === 'image/webp') {
                    try {
                        const imageBitmap = await createImageBitmap(file);
                        const canvas = document.createElement('canvas');
                        canvas.width = imageBitmap.width;
                        canvas.height = imageBitmap.height;

                        const ctx = canvas.getContext('2d');
                        ctx.drawImage(imageBitmap, 0, 0);

                        const pngBlob = await new Promise(resolve =>
                            canvas.toBlob(resolve, 'image/png')
                        );

                        attachedFile = new File(
                            [pngBlob],
                            file.name.replace(/\.webp$/, '.png'),
                            { type: 'image/png' }
                        );
                        isWebP = true;
                    } catch (ex) {
                        return;
                    }
                }

                // 글쓰기 상태
                let fileInput = null;
                let writingState = document.getElementsByClassName("write goaway").length === 0;
                let articleWritingEnabled = false;
                if (e.target.id === "contents_write" && writingState) {
                    fileInput = document.querySelector('input[type="file"][title="사진/동영상 첨부"]');
                    articleWritingEnabled = true;
                }

                // 댓글 쓰기 상태
                let commentWritingEnabled = false;
                document.querySelectorAll('input[type="file"]').forEach(input => {
                    let targetAncestor = input;
                    for (let j = 0; j < 3; j++) {
                        if (!targetAncestor.parentElement) {
                            targetAncestor = null;
                            break;
                        }
                        targetAncestor = targetAncestor.parentElement;
                    }

                    let comtViewId = "#" + e.target.id;
                    if (targetAncestor && targetAncestor.querySelector(comtViewId)) {
                        fileInput = input;
                        commentWritingEnabled = true;
                    }
                });

                if (!fileInput) return;
                //글쓰기는 이미지 붙여넣기를 지원하지만 그 이미지가 클립보드의 첫번째에 있어야만 정상 동작
                //글쓰기 댓글쓰기 어느쪽이든 webp는 지원하지 않으니 webp를 강제로 지원하도록(webp to png)
                if (articleWritingEnabled && !isWebP && i === 0) return;

                const dt = new DataTransfer();
                dt.items.add(attachedFile);
                fileInput.files = dt.files;
                fileInput.dispatchEvent(new Event('change', { bubbles: true }));

                break;
            }
        }
    });
}

// Settings Page
function InitEnhancedSettingsPage() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let html = xmlHttp.responseText;

            AttachEnhancedSettingsPage(html);
            InitEnhancedValues();
            LoadSettingsPageEvents();
        }
    }
    xmlHttp.open("GET", resourceURL + "enhanced_settings.html");
    xmlHttp.send();
}

function AttachEnhancedSettingsPage(html)
{
    let settings = document.createElement('div');
    settings.id = 'enhancedLayer';
    settings.className = 'cover _cover';
    settings.style.cssText = 'display: none;  overflow-y: scroll;';
    document.body.appendChild(settings);
    document.getElementById('enhancedLayer').innerHTML = html;
}

function InitEnhancedValues()
{
    let selectedTheme = GetValue('enhancedSelectTheme', 'dark');
    document.querySelector(`input[type="radio"][name="enhancedSelectTheme"][value="${selectedTheme}"]`).checked = true;

    LoadThemeList();
    ChangeTheme(selectedTheme);

    let useDiscordMention = GetValue('enhancedDiscordMention', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectDiscordMention"][value="${useDiscordMention}"]`).checked = true;

    document.getElementById('enhancedSystemTheme').checked = GetValue('enhancedSystemTheme', 'true') === 'true';

    let fontName = GetValue('enhancedFontName', 'Pretendard');
    document.getElementById("enhancedTxtFontName").value = fontName;
    document.getElementById("enhancedTxtFontCSS").value = GetValue('enhancedFontCSS', 'https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');
    SetFont();

    if (fontName === 'Pretendard')
    {
        document.getElementById("enhancedFontNoto").checked = true;
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "none";
    }
    else if (fontName === '나눔고딕')
    {
        document.getElementById("enhancedFontNanum").checked = true;
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "none";
    }
    else
    {
        document.getElementById("enhancedFontCustom").checked = true;
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "block";
    }

    document.getElementById('enhancedTxtFontSize').value = GetValue('enhancedFontSize', '0');
    SetFontSize();

    let notifyEnabled = GetValue('enhancedNotify', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectNotifyUse"][value="${notifyEnabled}"]`).checked = true;
    document.getElementById("groupEnhancedNotifyEnable").style.display = (notifyEnabled === "true")? "block" : "none";

    let notifySoundEnabled = GetValue('enhancedNotifySound', 'true');
    notyOption.silent = (notifySoundEnabled !== 'true');
    document.querySelector(`input[type="radio"][name="enhancedSelectNotifySoundUse"][value="${notifySoundEnabled}"]`).checked = true;

    document.getElementById('enhancedTxtNotifyTime').value = GetValue('enhancedNotifyTime', '20');

    let downloadVideoEnabled = GetValue('enhancedDownloadVideo', 'false');
    document.querySelector('input[type="radio"][name="enhancedSelectDownloadVideo"][value="' + downloadVideoEnabled + '"]').checked = true;

    let isHidden = GetValue('enhancedHideChannelButton', 'true');
    document.querySelector(`input[type="radio"][name="enhancedSelectHideChannelButton"][value="${isHidden}"]`).checked = true;

    let isHiddenLogo = GetValue('enhancedHideLogo', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectHideLogo"][value="${isHiddenLogo}"]`).checked = true;
    document.getElementById("groupEnhancedHideLogoEnable").style.display = (isHiddenLogo === "true")? "block" : "none";

    let isHiddenLogoNoti = GetValue('enhancedHideLogoNoti', 'false');
    document.querySelector('input[type="radio"][name="enhancedSelectHideLogoNoti"][value="' + isHiddenLogoNoti + '"]').checked = true;

    let hiddenLogoIcon = GetValue('enhancedHideLogoIcon', 'naver');
    document.querySelector(`input[type="radio"][name="enhancedSelectLogoIcon"][value="${hiddenLogoIcon}"]`).checked = true;
    document.getElementById("groupEnhancedHideLogoCustomEnable").style.display = (hiddenLogoIcon === "custom")? "block" : "none";
    currentFavicon = hiddenLogoIcon;
    currentTitle = GetHideLogoIconTitle();
    document.getElementById('enhancedTxtHideLogoTitle').value = GetValue('enhancedFaviconTitle', 'NAVER');
    document.getElementById('enhancedTxtHideLogoFaviconURL').value = GetValue('enhancedFaviconURL', resourceURL + 'images/naver.ico');

    let isHiddenMedia = GetValue('enhancedHideMedia', 'visible');
    document.querySelector(`input[type="radio"][name="enhancedSelectHideMedia"][value="${isHiddenMedia}"]`).checked = true;

    let isHiddenMemorize = GetValue('enhancedHideMemorize', 'true');
    document.querySelector(`input[type="radio"][name="enhnacnedSelectHideMemorize"][value="${isHiddenMemorize}"]`).checked = true;

    let isHiddenRecommendFriend = GetValue('enhancedHideRecommendFriend', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectRecommendFriend"][value="${isHiddenRecommendFriend}"]`).checked = true;
    HideRecommendFriend();

    let size = GetValue('enhancedEmoticonSize', 'small');
    document.querySelector(`input[type="radio"][name="enhancedSelectEmoticonSize"][value="${size}"]`).checked = true;
    SetEmoticonSize();

    let isEnhancedBlock = GetValue('enhancedBlockUser', 'true');
    document.querySelector(`input[type="radio"][name="enhancedSelectBlockUser"][value="${isEnhancedBlock}"]`).checked = true;
    document.getElementById("groupEnhancedBlockUser").style.display = (isEnhancedBlock === "true")? "block" : "none";

    let isEnhancedFeedBlock = GetValue('enhancedExtendFeedBlock', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectFeedBlockUser"][value="${isEnhancedFeedBlock}"]`).checked = true;

    let isKitty = GetValue('enhancedKittyMode', 'none');
    document.querySelector(`input[type="radio"][name="enhancedSelectKittyMode"][value="${isKitty}"]`).checked = true;

    let isPuppy = GetValue('enhancedPuppyMode', 'none');
    document.querySelector(`input[type="radio"][name="enhancedSelectPuppyMode"][value="${isPuppy}"]`).checked = true;

    let isEarthquake = GetValue('enhancedEarthquake', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectEarthquake"][value="${isEarthquake}"]`).checked = true;

    let isBlink = GetValue('enhancedBlink', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectBlink"][value="${isBlink}"]`).checked = true;

    let isKeyboard = GetValue('enhancedKeyboard', 'false');
    document.querySelector(`input[type="radio"][name="enhancedSelectKeyboard"][value="${isKeyboard}"]`).checked = true;

    let isBlockAllArticle = GetValue('enhancedBlockArticleAll', 'true');
    document.querySelector(`input[type="radio"][name="enhancedSelectBlockArticleAll"][value="${isBlockAllArticle}"]`).checked = true;

    let useWideMode = GetValue('enhancedWideMode', 'false');
    if (useWideMode === 'true')
    {
        SetValue('enhancedWideMode', 'fixed');
        useWideMode = 'fixed';
    }
    document.querySelector('input[type="radio"][name="enhancedSelectWideMode"][value="' + useWideMode + '"]').checked = true;

    let sidebarLocation = GetValue('enhancedSidebarLocation', 'right');
    document.querySelector('input[type="radio"][name="enhancedSelectSidebarLocation"][value="' + sidebarLocation + '"]').checked = true;

    document.getElementById('enhancedCurrentVersion').innerText = "현재버전: " + scriptVersion;

    document.getElementById('enhancedTxtThemeSaturation').value = GetValue('enhancedThemeSaturation', '1');
    document.getElementById('inputSlideThemeSaturation').value = GetValue('enhancedThemeSaturation', '1');

    GetCSSVersion();
    GetLatestVersion();

    CreateBlockStringList();
}

function CloseSettingsPage()
{
    document.getElementById("enhancedLayer").style.display = 'none';
    EnableScroll();
}

function GetCSSVersion() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            document.getElementById('enhancedCSSVersion').innerText = xmlHttp.responseText;
        }
    }
    xmlHttp.open("GET", resourceURL + "versions/css_version.txt");
    xmlHttp.send();
}

function GetLatestVersion() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let scriptData = xmlHttp.responseText;
            let latestVersion = scriptData.split("// @version      ")[1].split("\n")[0];
            document.getElementById('enhancedLatestVersion').innerText = "최신버전: " + latestVersion;
            //Update
            let majorLatestVersion = Number(latestVersion.split(".")[0]);
            let minorLatestVersion = Number(latestVersion.split(".")[1]);

            let majorScriptVersion = Number(scriptVersion.split(".")[0]);
            let minorScriptVersion = Number(scriptVersion.split(".")[1]);

            if (majorLatestVersion > majorScriptVersion || (majorLatestVersion === majorScriptVersion && minorLatestVersion > minorScriptVersion))
            {
                ViewUpdatePage();
            }
        }
    }
    xmlHttp.open("GET", resourceURL + "enhanced.user.js");
    xmlHttp.send();
}

function ViewUpdatePage() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let updateHtml = xmlHttp.responseText;
            let updateNotice = document.createElement('div');
            updateNotice.id = 'updateNoticeLayer';
            updateNotice.className = 'cover _cover';
            updateNotice.style.cssText = 'overflow-y: scroll;';
            document.body.appendChild(updateNotice);
            document.getElementById('updateNoticeLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="write cover_content cover_center" data-kant-group="wrt" data-part-name="view"><div class="_layerWrapper enhanced_layer_settings"><div class="section _dropZone account_modify"><div class="writing"><div class="inp_contents" data-part-name="editor"><strong class="subtit_modify subtit_enhanced">\' Enhanced 업데이트 내역</strong><div style="word-break: break-all">' + updateHtml + '</div></div></div><div></div><div class="inp_footer"><div class="bn_group"> <a href="https://github.com/reflection1921/KakaoStory-Enhanced/raw/main/enhanced.user.js" class="_postBtn btn_com btn_or" id="enhancedUpdateNoticeOK"><em>업데이트</em></a></div></div></div></div><div></div></div></div>';
            DisableScroll();
        }
    }
    xmlHttp.open("GET", resourceURL + "update_notice/update_notice.html");
    xmlHttp.send();
}

function ViewUpdateAllPage() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let updateHtml = xmlHttp.responseText;
            let updateNotice = document.createElement('div');
            updateNotice.id = 'updateNoticeLayer';
            updateNotice.className = 'cover _cover';
            updateNotice.style.cssText = 'overflow-y: scroll;';
            document.body.appendChild(updateNotice);
            document.getElementById('updateNoticeLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="write cover_content cover_center" data-kant-group="wrt" data-part-name="view"><div class="_layerWrapper enhanced_layer_settings"><div class="section _dropZone account_modify"><div class="writing"><div class="inp_contents" data-part-name="editor"><strong class="subtit_modify subtit_enhanced">\' Enhanced 업데이트 내역</strong><div style="word-break: break-all">' + updateHtml + '</div></div></div><div></div><div class="inp_footer"><div class="bn_group"> <a href="#" class="_postBtn btn_com btn_or" id="enhancedAllUpdateNoticeOK"><em>알겠어용</em></a></div></div></div></div><div></div></div></div>';
        }
    }
    xmlHttp.open("GET", resourceURL + "update_notice/update_notice_all.html");
    xmlHttp.send();
}

function ViewDetailNotFriendArticle()
{
    let detail = document.getElementsByClassName("_btnViewDetailInShare");
    for (let i = 0; i < detail.length; i++)
    {
        if (detail[i].innerText === "...더보기")
        {
            detail[i].href = "javascript:void(0);";
            detail[i].className = "_btnViewDetailNotFriend";
        }
    }
}

function LoadCommonEvents()
{
    //Add user to block list when block.
    $(document).on('click', 'a[data-kant-id="1391"]', function(){
        $(document).on('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]', function(){
            let splittedURL = location.href.split('/');
            let bannedUserID = splittedURL[splittedURL.length - 1];
            blockedList.add(bannedUserID);
            $(document).off('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]');
        });
    });
    //Delete user to block list when unblocking.
    $(document).on('click', 'a[data-kant-id="1392"]', function(){
        let splittedURL = location.href.split('/');
        let bannedUserID = splittedURL[splittedURL.length - 1];
        blockedList.delete(bannedUserID);
        $(document).off('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]');
    });
    //Add user to feed list when disable feed.
    $(document).on('click', 'a[data-kant-id="853"]', function(){
        $(document).on('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]', function(){
            let splittedURL = location.href.split('/');
            let bannedUserID = splittedURL[splittedURL.length - 1];
            blockedList.add(bannedUserID);
            $(document).off('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]');
        });
    });
    //Delete user to feed list when re-enable feed.
    $(document).on('click', 'a[data-kant-id="852"]', function(){
        $(document).on('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]', function(){
            let splittedURL = location.href.split('/');
            let bannedUserID = splittedURL[splittedURL.length - 1];
            blockedList.delete(bannedUserID);
            $(document).off('click', 'a[class="btn_com btn_or _dialogOk _dialogBtn"]');
        });
    });
    //Delete user to feed list when re-enable feed.
    $(document).on('click', 'a[data-kant-id="857"]', function(){
        let splittedURL = location.href.split('/');
        let bannedUserID = splittedURL[splittedURL.length - 1];
        blockedList.delete(bannedUserID);
    });
    //Delete user to block list when unblock in settings page.
    $(document).on('click', 'a[data-kant-id="845"]', function() {
        let userIdx = $('a[data-kant-id="845"]').index(this);
        let userID = $('a[data-kant-id="844"]').eq(userIdx).parent().attr('data-model');
        blockedList.delete(userID);
    });

    $('body').on('click', '#enhancedBtnSaveBlockString', function() {
        let blockStrings = document.getElementById("textBlockString").value;
        SetValue('enhancedBlockStringList', blockStrings);
        CreateBlockStringList();
        document.getElementById("banStringLayer").remove();
    });

    $('body').on('click', '#enhancedBtnCancelBlockString', function() {
        document.getElementById("banStringLayer").remove();
    });

    $('body').on('click', '#enhancedBtnCancelBlockString', function() {
        document.getElementById("banStringLayer").remove();
    });

    $('body').on('click', '._btnViewDetailNotFriend', function() {
        this.parentElement.parentElement.getElementsByClassName("txt_wrap")[0].getElementsByClassName("_content")[0].style.cssText = "overflow: hidden;";
        this.style.display = 'none';
    });

    $(document).on('keydown', '._editable', function() {
        if (GetValue("enhancedEarthquake", 'false') === 'true') {
            $('div[data-part-name="writing"]').addClass("shake_text");
            $('.layer_write').addClass("shake_text");
            VisibleEnhancedPowerModeCount();
        }
        if (GetValue("enhancedBlink", 'false') === 'true') {
            document.getElementById("contents_write").classList.add("blink_text");
        }
    });

    $(document).on('keydown', '[id^=comt_view]', function(e) {
        if (GetValue("enhancedEarthquake", 'false') === 'true') {
            if ($(e.target).parents('._commentWriting').length > 0) {
                $(e.target).parents('._commentWriting').addClass("shake_text");
                VisibleEnhancedPowerModeCount();
            }
        }

    });

    $(document).on('keyup', '._editable', function() {
        $('div[data-part-name="writing"]').removeClass("shake_text");
        $('.layer_write').removeClass("shake_text");
        document.getElementById("contents_write").classList.remove("blink_text");
    });

    $(document).on('keyup', '[id^=comt_view]', function() {
        $('._commentWriting').removeClass("shake_text");
    });

    document.addEventListener('keydown', function(e) {
        if (e.code === konami[konamiCount]) {
            konamiCount++;
            if (konamiCount >= 10) {
                konamiCount = 0;
                let faviconClassic = GetValue("enhancedFaviconClassic", "false") === "true";
                SetValue("enhancedFaviconClassic", (faviconClassic)? "false" : "true");
            }
        } else {
            konamiCount = 0;
        }

        if (GetValue("enhancedKeyboard", 'false') === 'false')
        {
            return;
        }

        //check element is input
        if (document.activeElement.tagName === "INPUT" || document.activeElement.tagName === "TEXTAREA") {
            return;
        }

        //check e's element id is contents_write
        let writingState = document.getElementsByClassName("write goaway").length === 0;
        if (e.target.id === "contents_write" && writingState) {
            return;
        }

        //check e's element class has 'comt_view<random_number>'
        let elemId = e.target.id;
        if (elemId.includes("comt_view")) {
            return;
        }

        if (document.getElementById("enhancedLayer").style.display === 'block')
        {
            return;
        }

        /* KEYBOARD CONTROL */

        //Shift + D : Scroll Down(50% of window height)
        if (e.shiftKey && e.code === 'KeyD')
        {
            let scrollHeight = window.innerHeight * 0.5;
            window.scrollBy(0, scrollHeight);
            return;
        }

        //Shift + U : Scroll Up(50% of window height)
        if (e.shiftKey && e.code === 'KeyU')
        {
            let scrollHeight = window.innerHeight * 0.5;
            window.scrollBy(0, -scrollHeight);
            return;
        }

        //Shift + F : Scroll Down(100% of window height)
        if (e.shiftKey && e.code === 'KeyF')
        {
            let scrollHeight = window.innerHeight;
            window.scrollBy(0, scrollHeight);
            return;
        }

        //Shift + B : Scroll Up(100% of window height)
        if (e.shiftKey && e.code === 'KeyB')
        {
            let scrollHeight = window.innerHeight;
            window.scrollBy(0, -scrollHeight);
            return;
        }

        //GS - Share Article
        if (e.code === 'KeyS')
        {
            if (gKeyPressed)
            {
                let selElem = GetSelectedActivity();
                if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
                {
                    selElem = document.getElementsByClassName("section _activity")[0];
                }
                else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
                {
                    selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
                }
                let shareElem = selElem.querySelector('a[data-permission="98"]');
                if (!shareElem)
                {
                    let shareSelElem = selElem.getElementsByClassName("_btnShare")[0];
                    shareSelElem.click();
                }

                setTimeout(() => {
                    shareElem = selElem.querySelector('a[data-kant-id="98"]');
                    if (shareElem)
                    {
                        shareElem.click();
                    }
                }, 100);

                gKeyPressed = false;
            }
        }

        // GZ - Up Article
        //Double Z - Cursor Center
        if (e.code === 'KeyZ')
        {
            if (gKeyPressed)
            {
                let selElem = GetSelectedActivity();
                if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
                {
                    selElem = document.getElementsByClassName("section _activity")[0];
                }
                else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
                {
                    selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
                }
                let upElem = selElem.getElementsByClassName("_btnUp")[0];
                if (upElem)
                {
                    upElem.click();
                }

                gKeyPressed = false;
            }

            let currentTime = new Date().getTime();
            if (!zKeyPressed)
            {
                zKeyPressed = true;
                lastZKeyPressTime = currentTime;

                // Normal Z
                setTimeout(function() {
                    if (zKeyPressed && currentTime - lastZKeyPressTime < doubleKeyPressThreshold) {
                        // Some actions for single Z
                        zKeyPressed = false;
                    }
                }, doubleKeyPressThreshold);
            }
            else //Double Z
            {
                let targetScroll = document.documentElement.scrollHeight * 0.5;

                window.scrollTo(0, targetScroll);
                zKeyPressed = false;
            }
        }

        //ZT - Cursor Top
        if (e.code === 'KeyT')
        {
            if (zKeyPressed)
            {
                window.scrollTo(0, 0);
                zKeyPressed = false;
            }
        }

        //ZB - Cursor Bottom
        if (e.code === 'KeyB')
        {
            if (zKeyPressed)
            {
                let targetScroll = document.documentElement.scrollHeight;
                window.scrollTo(0, targetScroll);
                zKeyPressed = false;
            }
        }

        //Shift + M - Permission : Only Me
        if (e.shiftKey && e.code === 'KeyM')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let settingElem = selElem.getElementsByClassName("ico_ks bn_modify _btnSetting")[0];
            if (settingElem)
            {
                let p = selElem.querySelector('li[data-permission="M"]');
                if (!p)
                {
                    settingElem.click();
                }

                setTimeout(() => {
                    let permElem = selElem.querySelector('li[data-permission="M"]');
                    if (permElem)
                    {
                        permElem.click();
                    }
                }, 100);
            }

            return;
        }

        //Shift + F - Permission : Friends
        if (e.shiftKey && e.code === 'KeyF')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let settingElem = selElem.getElementsByClassName("ico_ks bn_modify _btnSetting")[0];
            if (settingElem)
            {
                let p = selElem.querySelector('li[data-permission="F"]');
                if (!p)
                {
                    settingElem.click();
                }

                setTimeout(() => {
                    let permElem = selElem.querySelector('li[data-permission="F"]');
                    if (permElem)
                    {
                        permElem.click();
                    }
                }, 100);
            }

            return;
        }

        //Shift + A - Permission : All
        if (e.shiftKey && e.code === 'KeyA')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let settingElem = selElem.getElementsByClassName("ico_ks bn_modify _btnSetting")[0];
            if (settingElem)
            {
                let p = selElem.querySelector('li[data-permission="A"]');
                if (!p)
                {
                    settingElem.click();
                }

                setTimeout(() => {
                    let permElem = selElem.querySelector('li[data-permission="A"]');
                    if (permElem)
                    {
                        permElem.click();
                    }
                }, 100);
            }

            return;
        }

        //O - Notification Open / Close
        if (e.code === "KeyO")
        {
            let elems = document.getElementsByClassName("link_gnb link_newnoti _notifyButton");
            if (elems.length > 0)
            {
                let notiElem = document.getElementsByClassName("list_layer list_newnoti _notiList")[0];
                let notiArr = notiElem.getElementsByTagName("li");
                for (let i = 0; i < notiArr.length; i++)
                {
                    notiArr[i].classList.remove("enhanced_activity_selected");
                }
                elems[0].click();
            }
        }

        //J - FEED Down
        if (e.code === 'KeyJ')
        {
            let notiOpened = document.getElementsByClassName("layer_gnb newnoti_layer _notifyLayer _ignoreScroll")[0].style.display === "block";
            if (notiOpened)
            {
                let notiElem = document.getElementsByClassName("list_layer list_newnoti _notiList")[0];
                let notiArr = notiElem.getElementsByTagName("li");
                for (let i = 0; i < notiArr.length; i++)
                {
                    if (notiArr[i].classList.contains("enhanced_activity_selected"))
                    {
                        if (i === notiArr.length - 1)
                        {
                            ScrollToTargetSmoothly(notiElem, notiArr[i]);
                            break;
                        }
                        notiArr[i].classList.remove("enhanced_activity_selected");
                        notiArr[i + 1].classList.add("enhanced_activity_selected");
                        ScrollToTargetSmoothly(notiElem, notiArr[i + 1]);
                        break;
                    }

                    if (i === notiArr.length - 1)
                    {
                        notiArr[0].classList.add("enhanced_activity_selected");
                        //visibleArticles[0].scrollIntoView();
                        ScrollToTargetSmoothly(notiElem, notiArr[0]);
                    }
                }
                
                return;
            }

            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                return;
            }

            if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                return;
            }

            let articles = document.getElementsByClassName("section _activity");
            let visibleArticles = Array.from(articles).filter(function(element) {
                return window.getComputedStyle(element).display !== "none";
              });

            for (let i = 0; i < visibleArticles.length; i++)
            {
                if (visibleArticles[i].classList.contains("enhanced_activity_selected"))
                {
                    if (i === visibleArticles.length - 1)
                    {
                        //visibleArticles[i].scrollIntoView();
                        ScrollToTargetSmoothlyWindow(visibleArticles[i]);
                        break;
                    }
                    visibleArticles[i].classList.remove("enhanced_activity_selected");
                    visibleArticles[i + 1].classList.add("enhanced_activity_selected");
                    //visibleArticles[i + 1].scrollIntoView();
                    ScrollToTargetSmoothlyWindow(visibleArticles[i + 1]);
                    break;
                }
                if (i === visibleArticles.length - 1)
                {
                    visibleArticles[0].classList.add("enhanced_activity_selected");
                    //visibleArticles[0].scrollIntoView();
                    ScrollToTargetSmoothlyWindow(visibleArticles[0]);
                }
            }
        }

        //K - Feed Up
        if (e.code === 'KeyK')
        {
            let notyOpened = document.getElementsByClassName("layer_gnb newnoti_layer _notifyLayer _ignoreScroll")[0].style.display === "block";
            if (notyOpened)
            {
                let notiElem = document.getElementsByClassName("list_layer list_newnoti _notiList")[0];
                let notiArr = notiElem.getElementsByTagName("li");
                for (let i = 0; i < notiArr.length; i++)
                {
                    if (notiArr[i].classList.contains("enhanced_activity_selected"))
                    {
                        if (i === 0)
                        {
                            ScrollToTargetSmoothly(notiElem, notiArr[i]);
                            break;
                        }
                        notiArr[i].classList.remove("enhanced_activity_selected");
                        notiArr[i - 1].classList.add("enhanced_activity_selected");
                        ScrollToTargetSmoothly(notiElem, notiArr[i - 1]);
                        break;
                    }

                    if (i === notiArr.length - 1)
                    {
                        notiArr[0].classList.add("enhanced_activity_selected");
                        //visibleArticles[0].scrollIntoView();
                        ScrollToTargetSmoothly(notiElem, notiArr[0]);
                    }
                }
                
                return;
            }

            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                return;
            }

            if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                return;
            }
            let articles = document.getElementsByClassName("section _activity");
            let visibleArticles = Array.from(articles).filter(function(element) {
                return window.getComputedStyle(element).display !== "none";
            });

            for (let i = 0; i < visibleArticles.length; i++)
            {
                if (visibleArticles[i].classList.contains("enhanced_activity_selected"))
                {
                    if (i === 0)
                    {
                        //visibleArticles[i].scrollIntoView();
                        ScrollToTargetSmoothlyWindow(visibleArticles[i])
                        break;
                    }
                    visibleArticles[i].classList.remove("enhanced_activity_selected");
                    visibleArticles[i - 1].classList.add("enhanced_activity_selected");
                    //visibleArticles[i - 1].scrollIntoView();
                    ScrollToTargetSmoothlyWindow(visibleArticles[i - 1]);
                    break;
                }
                if (i === visibleArticles.length - 1)
                {
                    visibleArticles[0].classList.add("enhanced_activity_selected");
                    //visibleArticles[0].scrollIntoView();
                    ScrollToTargetSmoothlyWindow(visibleArticles[0]);
                }
            }
        }

        //G(Double G) - Feed TOP / BOTTOM
        if (e.code === 'KeyG')
        {
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                return;
            }

            if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                return;
            }

            let currentTime = new Date().getTime();
            if (!gKeyPressed)
            {
                gKeyPressed = true;
                lastGKeyPressTime = currentTime;

                // Normal G
                setTimeout(function() {
                    if (gKeyPressed && currentTime - lastGKeyPressTime < doubleKeyPressThreshold) {
                        onGKeyPress(false);
                        gKeyPressed = false;
                    }
                }, doubleKeyPressThreshold);
            }
            else //Double G
            {
                onGKeyPress(true);
                gKeyPressed = false;
            }
        }

        //R - Refresh Feed / Go to Main
        if (e.code === 'KeyR')
        {
            let elem = document.getElementsByClassName("link_kakaostory _btnHome")[0];
            if (elem) {
                elem.click();
            }
        }

        //F - Article Detail View(Close : ESC)
        if (e.code === 'KeyF')
        {
            let notyOpened = document.getElementsByClassName("layer_gnb newnoti_layer _notifyLayer _ignoreScroll")[0].style.display === "block";
            if (notyOpened)
            {
                let notyElem = document.getElementsByClassName("list_layer list_newnoti _notiList")[0];
                let notyArr = notyElem.getElementsByTagName("li");

                let selectedIdx = -1;

                for (let i = 0; i < notyArr.length; i++)
                {
                    if (notyArr[i].classList.contains("enhanced_activity_selected"))
                    {
                        selectedIdx = i;
                        break;
                    }
                }

                if (selectedIdx === -1)
                    return;

                notyArr[selectedIdx].getElementsByClassName("link_newnoti link_newnoti2 _notification _hoverAtLink")[0].click();

                return;
            }
            let selElem = GetSelectedActivity();
            let timeElem = selElem.getElementsByClassName("time _linkPost")[0];
            if (timeElem)
            {
                timeElem.click();
            }
        }

        //N - New Article
        if (e.code === 'KeyN')
        {
            let elem = document.getElementsByClassName("link_gnb link_write _toggleWriteButton")[0];
            if (elem) {
                elem.click();
                e.preventDefault();
            }
        }

        //I - Comment Write
        if (e.code === 'KeyI')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let commentElem = selElem.getElementsByClassName("_commentWritingPlaceholder")[0];
            //var comment_elem = selElem.querySelectorAll('[id*="comt_view"]')[0];
            if (commentElem)
            {
                ScrollToTargetSmoothlyWindow(commentElem);
                commentElem.click();
                e.preventDefault();
            }
        }

        //P - Previous Comment
        if (e.code === 'KeyP')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let prevElem = selElem.getElementsByClassName("_btnShowPrevComment")[0];
            if (prevElem)
                prevElem.click();
        }

        //C - First Comment
        if (e.code === 'KeyC')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let prevElem = selElem.getElementsByClassName("link_view _btnShowFirstComment")[0];
            if (prevElem)
                prevElem.click();
        }

        //L - Like Feeling Button
        if (e.code === 'KeyL')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let likeElem = selElem.getElementsByClassName("_btnLike")[0];
            if (likeElem)
            {
                likeElem.click();
            }
        }

        //D - Delete My Selected Article
        if (e.code === 'KeyD')
        {
            let selElem = GetSelectedActivity();
            if (document.getElementsByClassName("feed detail_desc _feedContainer").length > 0)
            {
                selElem = document.getElementsByClassName("section _activity")[0];
            }
            else if (document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center").length > 0)
            {
                selElem = document.getElementsByClassName("wrap_map wrap_desc detail_desc cover_content cover_center")[0];
            }
            let settingElem = selElem.getElementsByClassName("ico_ks bn_modify _btnSetting")[0];
            if (settingElem)
            {
                let p = document.getElementsByClassName("_btnActivityDelete link_menu")[0];
                if (!p)
                {
                    settingElem.click();
                }
                setTimeout(() => {
                    let deleteElem = document.getElementsByClassName("_btnActivityDelete link_menu")[0];
                    if (deleteElem)
                    {
                        deleteElem.click();
                    }
                }, 100);
            }
        }

    });
}

function GetSelectedActivity()
{
    let articles = document.getElementsByClassName("section _activity");
    let visibleArticles = Array.from(articles).filter(function(element) {
        return window.getComputedStyle(element).display !== "none";
    });

    let selectedIdx = -1;

    for (let i = 0; i < visibleArticles.length; i++)
    {
        if (visibleArticles[i].classList.contains("enhanced_activity_selected"))
        {
            selectedIdx = i;
            break;
        }
    }

    if (selectedIdx === -1)
        return null;

    return visibleArticles[selectedIdx];
}

/* Z KEY VARIABLES */
var zKeyPressed = false;
var lastZKeyPressTime = 0;
/* G KEY VARIABLES */
var gKeyPressed = false;
var lastGKeyPressTime = 0;
var doubleKeyPressThreshold = 300;

function onGKeyPress(doublePress)
{
    let articles = document.getElementsByClassName("section _activity");
    let visibleArticles = Array.from(articles).filter(function(element) {
        return window.getComputedStyle(element).display !== "none";
    });

    for (let i = 0; i < visibleArticles.length; i++)
    {
        visibleArticles[i].classList.remove("enhanced_activity_selected");
    }

    if (doublePress)
    {
        ScrollToTargetSmoothlyWindow(visibleArticles[0]);
        visibleArticles[0].classList.add("enhanced_activity_selected");
    }
    else
    {
        ScrollToTargetSmoothlyWindow(visibleArticles[visibleArticles.length - 1]);
        visibleArticles[visibleArticles.length - 1].classList.add("enhanced_activity_selected");
    }
}

function ScrollToTargetSmoothlyWindow(elem)
{
    // window.scrollTo({
    //     top: elem.offsetTop - 64,
    //     behavior: "smooth"
    // });

    //64: Header Height
    window.scrollTo(0, elem.offsetTop - 64);
}

function ScrollToTargetSmoothly(scrollElem, targetElem)
{
    // window.scrollTo({
    //     top: elem.offsetTop - 64,
    //     behavior: "smooth"
    // });

    //64: Header Height
    scrollElem.scrollTo(0, targetElem.offsetTop - 64);
}

function VisibleEnhancedPowerModeCount()
{
    powerComboCnt += 1;
    powerComboTimeCnt = 0;

    document.getElementById("enhancedPowerModeScore").style.visibility = 'visible';
    document.getElementById("enhancedPowerModeScore").classList.add("enhanced_power_mode_score_enable");
    document.getElementById("enhancedPowerModeScore").innerText = "COMBO " + powerComboCnt;
    if (powerComboCnt > 100 && powerComboCnt < 300)
    {
        document.getElementById("enhancedPowerModeScore").classList.add("shake_text_s");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_l");
    }
    else if (powerComboCnt > 300 && powerComboCnt < 500)
    {
        document.getElementById("enhancedPowerModeScore").classList.add("shake_text");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_s");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_l");
    }
    else if (powerComboCnt > 500)
    {
        document.getElementById("enhancedPowerModeScore").classList.add("shake_text_l");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text");
        document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_s");
    }
}

function InvisibleEnhancedPowerModeCount()
{
    powerComboCnt = 0;
    document.getElementById("enhancedPowerModeScore").style.visibility = 'hidden';
    document.getElementById("enhancedPowerModeScore").classList.remove("enhanced_power_mode_score_enable");
    StopEnhancedPowerModeShake();
}

function StopEnhancedPowerModeShake()
{
    document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_s");
    document.getElementById("enhancedPowerModeScore").classList.remove("shake_text");
    document.getElementById("enhancedPowerModeScore").classList.remove("shake_text_l");
}

function LoadSettingsPageEvents()
{
    $(document).on('click', '#enhancedBtnOK', function() {
        SetValue('enhancedFontName', document.getElementById("enhancedTxtFontName").value);
        SetValue('enhancedFontCSS', document.getElementById("enhancedTxtFontCSS").value);
        SetFont();
        SetValue('enhancedFontSize', document.getElementById('enhancedTxtFontSize').value);
        SetFontSize();
        SetValue('enhancedNotifyTime', document.getElementById('enhancedTxtNotifyTime').value);
        SetValue('enhancedFaviconTitle', document.getElementById('enhancedTxtHideLogoTitle').value);
        SetValue('enhancedFaviconURL', document.getElementById('enhancedTxtHideLogoFaviconURL').value);
        CloseSettingsPage();
    });

    $(document).on("change",'input[name="enhancedSelectTheme"]',function(){
        if (GetValue('enhancedSystemTheme', 'true') === 'false') {
            let theme = document.querySelector('[name="enhancedSelectTheme"]:checked').value;
            SetValue("enhancedSelectTheme", theme);
            ChangeTheme(theme);
        }
    });

    $(document).on("change",'select[name="enhancedSelectDarkStyle"]',function(){
        let styleName = document.getElementById("enhancedOptionDarkTheme").value;
        let authorIdx = document.getElementById("enhancedOptionDarkTheme").selectedIndex;
        let authorEl = document.getElementById("themeAuthor");
        let authorLink = jThemes.themes[authorIdx].url;
        authorEl.innerText = jThemes.themes[authorIdx].author;
        authorEl.href = authorLink;
        SetValue("enhancedDarkThemeStyle", styleName);
        SetDarkThemeStyle(styleName);
    });

    $(document).on("change",'input[name="enhancedSelectDiscordMention"]',function(){
        let useMention = document.querySelector('[name="enhancedSelectDiscordMention"]:checked').value;
        SetValue("enhancedDiscordMention", useMention);
        if (useMention === 'true')
        {
            GetMyID();
        }
    });

    $(document).on("change",'input[name="enhancedUseSystemTheme"]',function(){
        if (document.getElementById("enhancedSystemTheme").checked) {
            SetValue('enhancedSystemTheme', 'true');
            let systemTheme = GetOSTheme();
            let currentTheme = GetValue('enhancedSelectTheme', 'dark');
            if (systemTheme !== currentTheme) {
                SetValue('enhancedSelectTheme', systemTheme);
                ChangeTheme(systemTheme);
            }
        } else {
            SetValue('enhancedSystemTheme', 'false');
        }
    });

    $(document).on('click', '#enhancedFontNanum', function() {
        const fontName = "나눔고딕";
        const fontCSS = "";
        document.getElementById("enhancedTxtFontName").value = fontName;
        document.getElementById("enhancedTxtFontCSS").value = fontCSS;
        SetValue('enhancedFontName', fontName);
        SetValue('enhancedFontCSS', fontCSS);
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "none";
        SetFont();
    });

    $(document).on('click', '#enhancedFontNoto', function() {
        const fontName = "Pretendard";
        const fontCSS = "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css";
        document.getElementById("enhancedTxtFontName").value = fontName;
        document.getElementById("enhancedTxtFontCSS").value = fontCSS;
        SetValue('enhancedFontName', fontName);
        SetValue('enhancedFontCSS', fontCSS);
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "none";
        SetFont();
    });

    document.getElementById("enhancedFontCustom").addEventListener("click", function() {
        document.getElementById("groupEnhancedFontCustomEnable").style.display = "block";
    });

    $(document).on('click', '.close_btn_cls', function() {
        CloseSettingsPage();
    });

    document.getElementById("enhancedBtnBackupFriendsList").addEventListener("click", function() {
        BackupFriendsList();
    });

    document.getElementById("enhancedBtnBackupBannedUserList").addEventListener("click", function() {
        BackupBannedUserList();
    });

    document.getElementById("enhancedBtnUpdateInfo").addEventListener("click", function() {
        ViewUpdateAllPage();
    });

    deleteFriendsModule.initialize();
    removeAllArticlesModule.initialize();
    changePermissionModule.initialize();

    $(document).on("change",'input[name="enhancedSelectNotifyUse"]',function(){
        let changed = document.querySelector('[name="enhancedSelectNotifyUse"]:checked')?.value;
        document.getElementById("groupEnhancedNotifyEnable").style.display = (changed === "true")? "block" : "none";
        SetValue("enhancedNotify", changed);
        if (GetValue("enhancedNotify", "false") === "true")
        {
            Notification.requestPermission();
        }
    });

    $(document).on("change",'input[name="enhancedSelectNotifySoundUse"]',function(){
        let changed = document.querySelector('[name="enhancedSelectNotifySoundUse"]:checked')?.value;
        SetValue("enhancedNotifySound", changed);
        notyOption.silent = (changed !== "true");
    });

    $(document).on("change",'input[name="enhancedSelectDownloadVideo"]',function(){
        let changed = document.querySelector('[name="enhancedSelectDownloadVideo"]:checked')?.value;
        SetValue("enhancedDownloadVideo", changed);
    });

    $(document).on("change",'input[name="enhancedSelectHideChannelButton"]',function(){
        let changed = document.querySelector('[name="enhancedSelectHideChannelButton"]:checked')?.value;
        SetValue("enhancedHideChannelButton", changed);
        HideChannelButton();
    });

    $(document).on("change",'input[name="enhancedSelectHideLogo"]',function(){
        let changed = document.querySelector('[name="enhancedSelectHideLogo"]:checked')?.value;
        document.getElementById("groupEnhancedHideLogoEnable").style.display = (changed === "true")? "block" : "none";
        SetValue("enhancedHideLogo", changed);
    });

    $(document).on("change",'input[name="enhancedSelectHideLogoNoti"]',function(){
        let changed = document.querySelector('[name="enhancedSelectHideLogoNoti"]:checked')?.value;
        SetValue("enhancedHideLogoNoti", changed);
    });

    $(document).on("change",'input[name="enhancedSelectLogoIcon"]',function(){
        let iconName = document.querySelector('[name="enhancedSelectLogoIcon"]:checked')?.value;
        document.getElementById("groupEnhancedHideLogoCustomEnable").style.display = (iconName === "custom")? "block" : "none";
        SetValue("enhancedHideLogoIcon", iconName);
        currentFavicon = iconName;
        currentTitle = GetHideLogoIconTitle();
    });

    $(document).on("change",'input[name="enhancedSelectHideMedia"]',function(){
        let changed = document.querySelector('[name="enhancedSelectHideMedia"]:checked')?.value;
        SetValue("enhancedHideMedia", changed);
        HideMedia();
    });

    $(document).on("change",'input[name="enhnacnedSelectHideMemorize"]',function(){
        let changed = document.querySelector('[name="enhnacnedSelectHideMemorize"]:checked')?.value;
        SetValue("enhancedHideMemorize", changed);
    });

    $(document).on("change",'input[name="enhancedSelectRecommendFriend"]',function(){
        let changed = document.querySelector('[name="enhancedSelectRecommendFriend"]:checked')?.value;
        SetValue("enhancedHideRecommendFriend", changed);
        HideRecommendFriend();
    });

    $(document).on("change",'input[name="enhancedSelectEmoticonSize"]',function(){
        let size = document.querySelector('input[name="enhancedSelectEmoticonSize"]:checked')?.value;
        SetValue("enhancedEmoticonSize", size);
        SetEmoticonSize();
    });

    document.querySelectorAll('input[name="enhancedSelectKittyMode"]').forEach(function(element) {
        element.addEventListener('change', function() {
            let value = document.querySelector('input[name="enhancedSelectKittyMode"]:checked').value;
            SetValue("enhancedKittyMode", value);
            MoveKitty();
        });
    });

    document.querySelectorAll('input[name="enhancedSelectPuppyMode"]').forEach(function(element) {
        element.addEventListener('change', function() {
            let value = document.querySelector('input[name="enhancedSelectKittyMode"]:checked').value;
            SetValue("enhancedPuppyMode", value);
            MovePuppy();
        });
    });

    $(document).on("change",'input[name="enhancedSelectBlockUser"]',function(){
        let isEnhancedBlock = $('[name="enhancedSelectBlockUser"]:checked').val();
        document.getElementById("groupEnhancedBlockUser").style.display = (isEnhancedBlock === "true")? "block" : "none";
        if (isEnhancedBlock === "true")
        {
            GetBlockedUsers();
        }
        SetValue("enhancedBlockUser", isEnhancedBlock);
    });

    $(document).on("change",'input[name="enhancedSelectFeedBlockUser"]',function(){
        let isEnhancedFeedBlock = document.querySelector('[name="enhancedSelectFeedBlockUser"]:checked')?.value;
        if (isEnhancedFeedBlock === "true")
        {
            GetFeedBlockedUsers();
        }
        SetValue("enhancedExtendFeedBlock", isEnhancedFeedBlock);
    });

    $(document).on("change",'input[name="enhancedSelectEarthquake"]',function(){
        let changed = document.querySelector('[name="enhancedSelectEarthquake"]:checked')?.value;
        SetValue("enhancedEarthquake", changed);
    });

    $(document).on("change",'input[name="enhancedSelectBlink"]',function(){
        let changed = document.querySelector('[name="enhancedSelectBlink"]:checked')?.value;
        SetValue("enhancedBlink", changed);
    });

    $(document).on("change",'input[name="enhancedSelectKeyboard"]',function(){
        let changed = document.querySelector('[name="enhancedSelectKeyboard"]:checked')?.value;
        SetValue("enhancedKeyboard", changed);
    });

    $(document).on("change",'input[name="enhancedSelectBlockArticleAll"]',function(){
        let changed = document.querySelector('[name="enhancedSelectBlockArticleAll"]:checked')?.value;
        SetValue("enhancedBlockArticleAll", changed);
    });

    $('body').on('click', '#enhancedUpdateNoticeOK', function() {
        document.getElementById("updateNoticeLayer").remove();
        EnableScroll();
    });

    $('body').on('click', '#enhancedAllUpdateNoticeOK', function() {
        document.getElementById("updateNoticeLayer").remove();
    });

    $('body').on('click', '#enhancedBtnBlockString', function() {
        ShowBlockStringPage();
    });

    $('body').on('click', '#enhancedBtnCustomTheme', function() {
        document.getElementById("customThemeLayer").style.display = 'block';
    });

    $('body').on('click', '#enhancedBtnCustomThemeOK', function() {
        document.getElementById("customThemeLayer").style.display = 'none';
    });

    $('body').on('click', '#enhancedKittyImage', function() {
        if (GetValue('enhancedKittyMode', 'none') === 'verycute') {
            catEffect.play();
        }
    });

    $('body').on('click', '#enhancedPuppyImage', function() {
        if (GetValue('enhancedPuppyMode', 'none') === 'verycute') {
            dogEffect.play();
        }
    });

    $(document).on("change",'input[name="enhancedSelectWideMode"]',function(){
        let changed = document.querySelector('[name="enhancedSelectWideMode"]:checked')?.value;
        SetValue("enhancedWideMode", changed);
    });

    $(document).on("change",'input[name="enhancedSelectSidebarLocation"]',function(){
        let changed = document.querySelector('[name="enhancedSelectSidebarLocation"]:checked')?.value;
        SetValue("enhancedSidebarLocation", changed);
        if (changed === "left")
        {
            LoadLeftSidebarCSS();
        }
        else
        {
            RemoveCSSCollection("enhancedLeftSidebarCSS");
        }
    });

    $(document).on('keypress', '#enhancedTxtFontSize', function(e) {
        if (e.keyCode === 13) {
            SetValue('enhancedFontSize', document.getElementById('enhancedTxtFontSize').value);
            SetFontSize();
        }
    });

    $(document).on('input', '#inputSlideThemeSaturation', function() {
        let saturation = document.getElementById("inputSlideThemeSaturation").value;
        SetValue('enhancedThemeSaturation', saturation);
        document.documentElement.style.setProperty('--saturation-factor', saturation);
        document.getElementById("enhancedTxtThemeSaturation").value = saturation;
    });

    $(document).on('keypress', '#enhancedTxtThemeSaturation', function(e) {
        if (e.key === 'Enter') {
            let saturation = document.getElementById('enhancedTxtThemeSaturation').value;
            SetValue('enhancedThemeSaturation', saturation);
            document.documentElement.style.setProperty('--saturation-factor', saturation);
            document.getElementById("inputSlideThemeSaturation").value = saturation;
        }
    });

    $(document).on('click', '#enhancedSettingsTitleThemeUI', function() {
        let elem = document.getElementById("enhancedSettingsContentThemeUI");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleFont', function() {
        let elem = document.getElementById("enhancedSettingsContentFont");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleNotification', function() {
        let elem = document.getElementById("enhancedSettingsContentNotification");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleAdvancedBlock', function() {
        let elem = document.getElementById("enhancedSettingsContentAdvancedBlock");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleEtc', function() {
        let elem = document.getElementById("enhancedSettingsContentEtc");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleAddon', function() {
        let elem = document.getElementById("enhancedSettingsContentAddon");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });

    $(document).on('click', '#enhancedSettingsTitleInfo', function() {
        let elem = document.getElementById("enhancedSettingsContentInfo");
        if (!elem.classList.contains("enhanced_settings_content_hidden"))
        {
            elem.classList.add("enhanced_settings_content_hidden");
        }
        else
        {
            elem.classList.remove("enhanced_settings_content_hidden");
        }
    });
}

function HideMedia()
{
    let mode = GetValue("enhancedHideMedia", "visible");
    switch (mode)
    {
        case "visible":
            mediaHideObserver.disconnect();
            RemoveBlurAllMedia();
            RemoveCSSCollection("mediaHideTextModeCss");
            break;
        case "blur":
            {
                InitBlurMedia();
                RemoveCSSCollection("mediaHideTextModeCss");
                mediaHideObserver.observe(document.body, {
                    childList: true,
                    subtree: true,
                });
            }
            break;
        case "hidden":
            mediaHideObserver.disconnect();
            RemoveBlurAllMedia();
            SetCSS('mediaHideTextModeCss', '.fd_cont .wrap_swipe { height: 0px !important; } .fd_cont .img_wrap { height: 0px !important; } .fd_cont .movie_wrap { height: 0px !important; } .fd_cont .link_imgthumb { height: 0px !important; }');
            break;
        default: // visible과 동일한 처리
            mediaHideObserver.disconnect();
            RemoveBlurAllMedia();
            RemoveCSSCollection("mediaHideTextModeCss");
            break;
    }
    
}

function InitBlurMedia() {
    targetSelectorsBlur.forEach(selector => {
        document.querySelectorAll(selector).forEach(AddBlurToMedia);
    });
}

function RemoveBlurAllMedia()
{
    const blurOverlays = document.querySelectorAll('.blur-overlay-media');
    blurOverlays.forEach(blurOverlay => {
        blurOverlay.parentElement.dataset.blurDisabled = 'false';
        blurOverlay.parentElement.getElementsByClassName('media-blur-disable-button')[0]?.remove();
        blurOverlay.remove();
    });
}

function AddBlurToMedia(elem)
{
    if (elem.querySelector('.blur-overlay-media')) return;
    if (elem.dataset.blurDisabled === 'true') return;
    
    const blurOverlay = document.createElement('div');
    blurOverlay.className = 'blur-overlay-media';

    const buttonDisableBlur = document.createElement('button');
    buttonDisableBlur.textContent = '미디어 보기';
    buttonDisableBlur.className = 'media-blur-disable-button';

    buttonDisableBlur.addEventListener('click', () => {
        blurOverlay.remove();
        buttonDisableBlur.remove();
        elem.dataset.blurDisabled = 'true';
    });

    const computedStyle = getComputedStyle(elem);
    if (computedStyle.position === 'static') {
        elem.style.position = 'relative';
    }

    elem.appendChild(blurOverlay);
    elem.appendChild(buttonDisableBlur);
}

function HideRecommendFriend()
{
    if (GetValue("enhancedHideRecommendFriend", "true") === "true")
        SetCSS("enhancedHideRecommendFriend", '.story_widgets > div[data-part-name="recommends"] { display: none !important; }');
    else
        RemoveCSSCollection("enhancedHideRecommendFriend");
}

function CreateBlockStringList() {
    let banStrings = GetValue('enhancedBlockStringList', '').split("\n");
    let blockedStringSet = new Set();
    for (let i = 0; i < banStrings.length; i++) {
        if (banStrings[i] == "")
            continue;

        blockedStringSet.add(banStrings[i]);
    }

    blockedStringList = Array.from(blockedStringSet);
}

function SetFont()
{
    SetCSS("enhancedFontCSS", "body, button, input, select, td, textarea, th {font-family: '" + GetValue('enhancedFontName', 'Pretendard') + "', 'Nanum Gothic', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 네오' !important;}");
    SetCSS("enhancedFontURLCSS", "@import url(" + GetValue('enhancedFontCSS', 'https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css') + ");");
}

function SetFontSize() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let lines = xmlHttp.responseText.split("\n");
            for (let i = 0; i < lines.length; i++) {

                let originSize = parseInt(lines[i].split("font-size:")[1].split("px")[0]);
                let changedSize = originSize + parseInt(GetValue('enhancedFontSize', '0'));
                let modifiedCSS = lines[i].replace(String(originSize), String(changedSize));
                SetCSS('enhancedFontSizeCSS' + i, modifiedCSS);
            }
        }
    }
    xmlHttp.open("GET", resourceURL + "css/font_size.css");
    xmlHttp.send();
}

function GetOSTheme() {
    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        return 'dark';
    } else {
        return 'light';
    }
}

function SetDarkThemeStyle(styleName) {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let lines = xmlHttp.responseText.split("\n");
            for (let i = 0; i < lines.length; i++) {
                let variableName = lines[i].split(":")[0];
                let variableValue = lines[i].split(": ")[1].split(";")[0];
                document.documentElement.style.setProperty(variableName, variableValue);
            }
            document.documentElement.style.setProperty('--saturation-factor', GetValue('enhancedThemeSaturation', '1'));
            if (styleName === "custom_dark" || styleName === "custom_light")
            {
                document.getElementById("groupThemeGradientCustomTheme").style.display = 'block';
                SetCustomTheme();
            }
            else
            {
                document.getElementById("groupThemeGradientCustomTheme").style.display = 'none';
            }
        }
    }
    xmlHttp.open("GET", resourceURL + "theme_colors/" + styleName + ".css");
    xmlHttp.send();
}

function LoadThemeList() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            jThemes = JSON.parse(xmlHttp.responseText);
            for (let i = 0; i < jThemes.themes.length; i++)
            {
                let opTheme = document.getElementById("enhancedOptionDarkTheme").options;
                let op = new Option();
                op.value = jThemes.themes[i].id;
                op.text = jThemes.themes[i].name;

                opTheme.add(op);
            }

            let selectedDarkStyle = GetValue('enhancedDarkThemeStyle', 'discord');
            document.getElementById("enhancedOptionDarkTheme").value = selectedDarkStyle;
            let authorIdx = document.getElementById("enhancedOptionDarkTheme").selectedIndex;
            let authorEl = document.getElementById("themeAuthor");
            let authorLink = jThemes.themes[authorIdx].url;
            authorEl.innerText = jThemes.themes[authorIdx].author;
            authorEl.href = authorLink;
            if (GetValue('enhancedSelectTheme', 'dark') === 'dark')
            {
                SetDarkThemeStyle(selectedDarkStyle);
            }
        }
    }
    xmlHttp.open("GET", resourceURL + "theme_colors/themes.json");
    xmlHttp.send();
}

function LoadDarkThemeCSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let darkCSS = xmlHttp.responseText;
            SetCSS("enhancedDarkCSS", darkCSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/darktheme.css");
    xmlHttp.send();
}

function LoadEnhancedCSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let enhancedCSS = xmlHttp.responseText;
            SetCSS('enhancedCSS', enhancedCSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/enhanced.css");
    xmlHttp.send();
}

function LoadExtendFeedCSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let extendFeedCSS = xmlHttp.responseText;
            SetCSS('enhancedExtendFeedCSS', extendFeedCSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/extend_feed.css");
    xmlHttp.send();
}

function LoadExtendFeed1024CSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let extend1024CSS = xmlHttp.responseText;
            SetCSS('enhancedExtendFeedCSS', extend1024CSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/extend_feed_1024.css");
    xmlHttp.send();
}

function LoadExtendFeedFlexibleCSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let extendFlexibleFeedCSS = xmlHttp.responseText;
            SetCSS('enhancedExtendFeedCSS', extendFlexibleFeedCSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/extend_feed_flexible.css");
    xmlHttp.send();
}

function LoadLeftSidebarCSS() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let leftSideCSS = xmlHttp.responseText;
            SetCSS('enhancedLeftSidebarCSS', leftSideCSS);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/left_sidebar.css");
    xmlHttp.send();
}

function __NotUsedMethod() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let darkcss = xmlHttp.responseText;
            SetCSS("enhancedDevCSS", darkcss);
        }
    }
    xmlHttp.open("GET", resourceURL + "css/enhanced_comment_compact.css");
    xmlHttp.send();
}

function ChangeTheme(styleName)
{
    if (styleName === 'dark')
    {
        LoadDarkThemeCSS();
        SetDarkThemeStyle(GetValue('enhancedDarkThemeStyle', 'discord'));
    }
    else
    {
        document.querySelectorAll('style').forEach(el => el.remove()); //Remove Dark Theme CSS
        document.documentElement.style.setProperty('--lighter-background-color', '#dddddd'); //enhanced setting page textbox background
        document.documentElement.style.setProperty('--text-color', '#000000'); //enhanced setting page textbox color
        document.documentElement.style.setProperty('--text-highlight-color', '#000000'); //enhanced feature

        SetFont();
        SetFontSize();
        //SettingsV2 //Reload font css changed
        SetCSS('enhancedLightLogo', '.head_story .tit_kakaostory .link_kakaostory { background: url(\''+ resourceURL + 'images/logo_kseh.png\'); } ');
    }
    //hide original logo
    let hideOriginLogo = '.head_story .tit_kakaostory .logo_kakaostory { width: 0px !important; }'
    + '.head_story .tit_kakaostory .link_kakaostory { width: 145px !important; height: 27px !important; background-size: cover !important; }';
    SetCSS('enhancedHideLogoCSS', hideOriginLogo);
    LoadEnhancedCSS();
    //LoadDevCSS();
    if (GetValue('enhancedWideMode', 'false') === 'true' || GetValue('enhancedWideMode', 'false') === 'fixed')
    {
        LoadExtendFeedCSS();
    }
    else if (GetValue('enhancedWideMode', 'false') === 'fixed_1024')
    {
        LoadExtendFeed1024CSS();
    }
    else if (GetValue('enhancedWideMode', 'false') === 'flexible')
    {
        LoadExtendFeedFlexibleCSS();
    }

    if (GetValue('enhancedSidebarLocation', 'right') === 'left')
    {
        LoadLeftSidebarCSS();
    }
}

function GetLatestNotify() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let jsonNoty = JSON.parse(xmlHttp.responseText);
            let notyID = jsonNoty[0]["id"];
            let notyMessage = jsonNoty[0]["message"];
            let notyScheme = jsonNoty[0]["scheme"];
            let notyContent = jsonNoty[0]["content"];
            let notyURL = String(notyScheme).split("/");
            notyURL = notyURL[notyURL.length-1].replace(".", "/");
            if (String(notyID) !== GetValue('enhancedLatestNotyID', ''))
            {
                SetValue('enhancedLatestNotyID', String(notyID));
                if (String(jsonNoty[0]["is_new"]) === 'false') {
                    return;
                }
                if (notyContent == undefined) {
                    notyContent = ' ';
                }
                SetNotify(String(notyContent), String(notyMessage), String(notyURL));
            }
        }
    }
    xmlHttp.open("GET", "https://story.kakao.com/a/notifications");
    xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
    xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
    xmlHttp.setRequestHeader("Accept", "application/json");
    xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xmlHttp.send();
}

function SetNotify(content, title, url)
{
    notyOption.body = content;
    /*
    notyOption.onclick = function(e) {
        e.preventDefault();
        window.open("https://story.kakao.com/" + url, '_blank');
    }
    */

    new Notification(title, notyOption);
}

function SaveText(text, name, type, btnID) {
    let btnEl = document.getElementById(btnID);
    let file = new Blob([text], {type: type});
    btnEl.href = URL.createObjectURL(file);
    btnEl.download = name;
}

function BackupFriendsList() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let jsonFriends = JSON.parse(xmlHttp.responseText);
            let friendsText = '';
            for (let i = 0; i < jsonFriends.profiles.length; i ++) {
                friendsText = friendsText + String(jsonFriends.profiles[i]["display_name"]) + " : " + String(jsonFriends.profiles[i]["id"]) + '\n';
            }
            SaveText(friendsText, "친구목록백업_" + GetFormattedDateTime() + ".txt", "text/plain", "hiddenBtnBackupFriendsList");
            document.getElementById("hiddenBtnBackupFriendsList").click();
        }
    }
    xmlHttp.open("GET", "https://story.kakao.com/a/friends");
    xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
    xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
    xmlHttp.setRequestHeader("Accept", "application/json");
    xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xmlHttp.send();
}

function BackupBannedUserList() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let jsonBannedUsers = JSON.parse(xmlHttp.responseText);
            let bannedUsersText = '';
            for (let i = 0; i < jsonBannedUsers.length; i ++) {
                bannedUsersText = bannedUsersText + String(jsonBannedUsers[i]["display_name"]) + " : " + String(jsonBannedUsers[i]["id"]) + '\n';
            }
            SaveText(bannedUsersText, "차단목록백업_" + GetFormattedDateTime() + ".txt", "text/plain", "hiddenBtnBackupBannedUserList");
            document.getElementById("hiddenBtnBackupBannedUserList").click();
        }
    }
    xmlHttp.open("GET", "https://story.kakao.com/a/bans");
    xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
    xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
    xmlHttp.setRequestHeader("Accept", "application/json");
    xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xmlHttp.send();
}

function AddDownloadVideoButton() {
    let videoControl = document.getElementsByClassName("mejs-controls");
    for (let i = 0; i < videoControl.length; i++) {
        let checkDownExists = videoControl[i].getElementsByClassName("mejs-button mejs-videodown-button");
        if (checkDownExists.length === 0) {
            let videoURL = videoControl[i].parentElement.getElementsByClassName("mejs-mediaelement")[0].getElementsByClassName("mejs-kakao")[0].getAttribute("src");
            let downloadBtnEl = document.createElement('div');
            downloadBtnEl.id = 'videodown';
            downloadBtnEl.className = 'mejs-button mejs-videodown-button';
            videoControl[i].appendChild(downloadBtnEl);
            videoControl[i].getElementsByClassName("mejs-button mejs-videodown-button")[0].innerHTML = '<button type="button" aria-controls="mep_2" title="Download" onclick="window.open(\'' + videoURL + '\')" aria-label="Download"></button>';
        }
    }
}

function HideChannelButton() {
    let isHidden = GetValue("enhancedHideChannelButton", "true");
    let val = isHidden === "true" ? 'none' : 'block';
    document.getElementsByClassName("storyteller_gnb")[0].style.display = val;
    document.getElementsByClassName("group_gnb")[0].style.display = val;
}

function HideMemorize() {
    let memorize = document.getElementsByClassName("section section_time");
    for (let i = 0; i < memorize.length; i++) {
        memorize[i].parentElement.style.display = 'none';
    }
}

function SetEmoticonSize()
{
    let emoticonSize = GetValue("enhancedEmoticonSize", 'small');
    if (emoticonSize === "small")
    {
        SetCSS('enhancedCommentEmoticonSize', '.comment .comt_write .inp_write .inp_graphic .kakao_emoticon, .comment .list>li .txt .emoticon .kakao_emoticon { width: 64px !important; height: 64px !important; }');
        SetCSS('enhancedArticleEmoticonSize', '.fd_cont .txt_wrap .kakao_emoticon { width: 84px !important; height: 84px !important; }');
        SetCSS('enhancedWriteEmoticonSize', '.write .inp_contents .sticon { height: 84px !important; }')
    } else if (emoticonSize === "middle")
    {
        SetCSS('enhancedCommentEmoticonSize', '.comment .comt_write .inp_write .inp_graphic .kakao_emoticon, .comment .list>li .txt .emoticon .kakao_emoticon { width: 96px !important; height: 96px !important; }');
        SetCSS('enhancedArticleEmoticonSize', '.fd_cont .txt_wrap .kakao_emoticon { width: 96px !important; height: 96px !important; }');
        SetCSS('enhancedWriteEmoticonSize', '.write .inp_contents .sticon { height: 96px !important; }')
    } else
    {
        SetCSS('enhancedCommentEmoticonSize', '.comment .comt_write .inp_write .inp_graphic .kakao_emoticon, .comment .list>li .txt .emoticon .kakao_emoticon { width: 128px !important; height: 128px !important; }');
        SetCSS('enhancedArticleEmoticonSize', '.fd_cont .txt_wrap .kakao_emoticon { width: 128px !important; height: 128px !important; }');
        SetCSS('enhancedWriteEmoticonSize', '.write .inp_contents .sticon { height: 128px !important; }')
    }
}

function SetEmoticonSelectorSize()
{
    let sSize = GetValue("enhancedEmoticonSize", 'small');

    if (sSize === "middle")
    {
        SetCSS('enhancedEmoticonSelectorItemSize', '.emoticon_keyboard .emt_il .emt_il_item { width: 96px !important; height: 96px !important; } .emoticon_keyboard .emt_il img { width: 96px !important; height: 96px !important; }')
        SetCSS('enhancedEmoticonSelectorBoxSize', '.write .section .inp_footer .emoticon_layer { width: 500px !important; } .emoticon_keyboard .emoticon_item_list { height: 350px !important; } .emoticon_layer { width: 500px !important; }')
    }
    else if (sSize === "big")
    {
        SetCSS('enhancedEmoticonSelectorItemSize', '.emoticon_keyboard .emt_il .emt_il_item { width: 128px !important; height: 128px !important; } .emoticon_keyboard .emt_il img { width: 128px !important; height: 128px !important; }')
        SetCSS('enhancedEmoticonSelectorBoxSize', '.write .section .inp_footer .emoticon_layer { width: 630px !important; } .emoticon_keyboard .emoticon_item_list { height: 450px !important; } .emoticon_layer { width: 630px !important; }')
    }

}

function HideBlockedUserComment() {
    let comments = document.getElementsByClassName("_commentContent");
    for (let i = 0; i < comments.length; i++) {
        let bannedID = comments[i].getElementsByClassName("txt")[0].getElementsByTagName("p")[0].getElementsByTagName("a")[0].getAttribute("href").replace("/", "");

        if (blockedList.has(bannedID) === true || feedBlockedList.has(bannedID) === true) {
            comments[i].parentElement.style.display = 'none';
            /*
            comments[i].parentElement.remove();
            i -= 1; // only for remove()
            */
        }
    }
}

function HideBlockedUserArticle()
{
    let articles = document.getElementsByClassName("section _activity");
    for (let i = 0; i < articles.length; i++)
    {
        if (articles[i].getElementsByClassName("fd_cont _contentWrapper").length <= 0) //this is not article
        {
            continue;
        }

        let content = articles[i].getElementsByClassName("fd_cont _contentWrapper")[0];

        if (content.getElementsByClassName("share_wrap share_wrap_v2").length <= 0) //this is not shared article
        {
            continue;
        }

        let shared_content = content.getElementsByClassName("share_wrap share_wrap_v2")[0];

        if (shared_content.getElementsByClassName("pf") <= 0) //???
        {
            continue;
        }

        let profile_info = shared_content.getElementsByClassName("pf")[0];
        let bannedID = profile_info.getElementsByTagName("a")[0].getAttribute("href").replace("/", "");

        if (blockedList.has(bannedID) || feedBlockedList.has(bannedID)) {

            //not used.
            /*
            if (GetValue('enhancedBlockArticleAll', 'true') == 'false')
            {
                shared_content.style.display = 'none';
                continue;
            }
            */

            articles[i].style.display = 'none';
            /*
            comments[i].parentElement.remove();
            i -= 1; // only for remove()
            */
        }

    }

    let bundle_articles = document.getElementsByClassName("section section_bundle");
    for (let i = 0; i < bundle_articles.length; i++)
    {
        if (bundle_articles[i].getElementsByClassName("fd_cont").length <= 0) //this is not valid bundled article
        {
            continue;
        }

        let content = bundle_articles[i].getElementsByClassName("fd_cont")[0];

        if (content.getElementsByClassName("_bundleContainer").length <= 0) //this is not valid bundled article
        {
            continue;
        }

        if (content.querySelector("div[data-part-name='originalActivity']") == null) //this is not valid bundled article
        {
            continue;
        }

        let profile_info = content.querySelector("div[data-part-name='originalActivity']").getElementsByClassName("pf")[0];
        let bannedID = profile_info.getElementsByTagName("a")[0].getAttribute("href").replace("/", "");

        if (blockedList.has(bannedID)) {

            //not used.
            /*
            if (GetValue('enhancedBlockArticleAll', 'true') == 'false')
            {
                shared_content.style.display = 'none';
                continue;
            }
            */

            bundle_articles[i].style.display = 'none';
            /*
            comments[i].parentElement.remove();
            i -= 1; // only for remove()
            */
        }

    }
}

function GetFeedBlockedUsers()
{
    let xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() {
            if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                feedBlockedList.clear();
                let friends = JSON.parse(xmlHttp.responseText);
                for (let i = 0; i < friends.profiles.length; i++)
                {
                    let isFeedBlocked = friends['profiles'][i]['is_feed_blocked'];
                    let friendID = friends['profiles'][i]['id'];
                    if (isFeedBlocked == true)
                    {
                        feedBlockedList.add(friendID);
                    }
                }
            }
        }
        xmlHttp.open("GET", "https://story.kakao.com/a/friends");
        xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
        xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
        xmlHttp.setRequestHeader("Accept", "application/json");
        xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xmlHttp.send();
}

function GetBlockedUsers() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let jsonBlocked = JSON.parse(xmlHttp.responseText);
            blockedList.clear();
            for (let i = 0; i < jsonBlocked.length; i ++) {
                blockedList.add(String(jsonBlocked[i]["id"]));
            }
        }
    }
    xmlHttp.open("GET", "https://story.kakao.com/a/bans");
    xmlHttp.setRequestHeader("x-kakao-apilevel", "49");
    xmlHttp.setRequestHeader("x-kakao-deviceinfo", "web:d;-;-");
    xmlHttp.setRequestHeader("Accept", "application/json");
    xmlHttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xmlHttp.send();
}

function ShowBlockStringPage() {
    let blockStringLayer = document.createElement('div');
    blockStringLayer.id = "banStringLayer";
    blockStringLayer.className = "cover _cover";
    document.body.appendChild(blockStringLayer);
    document.getElementById('banStringLayer').innerHTML = '<div class="dimmed dimmed50" style="z-index: 201;"></div><div class="cover_wrapper" style="z-index: 201;"><div class="dim_ly cover_content cover_center" data-kant-group="msg.w"><div class="ly_con message" style="top:84px"><div class="_container box_writing"><fieldset><legend class="tit_message">문자열 차단</legend><div class="box_from _receiverWrap" data-model="c56736" data-part-name="receiver"><div class="_suggestionWrap friends_search" style="display: block;"><label class="_suggestionInputPlaceholder lab_from" for="messageReceiver">차단할 문자열을 한줄에 하나씩 입력하세요.</label></div></div><div class="box_write color_11" data-model="c56736" data-part-name="writing"><div class="editable"><span class="write_edit" style="top: 162px;"><textarea class="tf_write _texxtarea" id="textBlockString" style="font-size: 22px; line-height: 26px; height: 370px;"></textarea></span> <span class="edit_gap"></span></div></div><div class="box_media menu_on"><div class="bn_group"><a href="#" class="btn_com _sendMessage btn_or" id="enhancedBtnSaveBlockString" data-kant-id="574"><em>저장</em></a></div></div><a href="#" class="link_close _hideWritingView" id="enhancedBtnCancelBlockString"><span class="ico_ks ico_close">취소</span></a></fieldset></div></div></div></div>';
    document.getElementById("textBlockString").value = GetValue('enhancedBlockStringList', '');
}

function InitCustomThemePage() {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
            let html = xmlHttp.responseText;

            let customThemeLayer = document.createElement('div');
            customThemeLayer.id = "customThemeLayer";
            customThemeLayer.className = "cover _cover";
            customThemeLayer.style.display = "none";
            customThemeLayer.style.zIndex = "301";
            document.body.appendChild(customThemeLayer);
            document.getElementById('customThemeLayer').innerHTML = html;
            InitCustomThemeValues();
            InitCustomThemePageEvents();
        }
    }
    xmlHttp.open("GET", resourceURL + "enhanced_custom_theme_settings.html");
    xmlHttp.send();
}

function InitCustomThemeValues()
{
    for (let i = 1; i <= 3; i++)
    {
        let color = GetValue('enhancedCustomThemeColor' + i, GetRandomHexColor());
        document.getElementById("enhancedCustomThemeColor" + i).value = color;
        document.getElementById("enhancedCustomThemePercent" + i).value = GetValue('enhancedCustomThemePercent' + i, Math.floor(Math.random() * 100));
        let isBright = IsBrightColor(color);
        let el = document.getElementsByClassName("enhanced_custom_gradient_color_" + i);
        for (let j = 0; j < el.length; j++)
        {
            el[j].style.backgroundColor = color;
            el[j].style.color = (isBright)? 'black' : 'white';
        }
    }

    document.getElementById("enhancedCustomThemeDegree").value = GetValue('enhancedCustomThemeDegree', Math.floor(Math.random() * 360));
}

function InitCustomThemePageEvents()
{
    document.getElementById("enhancedCustomThemeColor1").addEventListener("input", function() {
        let color = this.value;
        CustomThemeColorEventFunc(color, 1);
    });

    document.getElementById("enhancedCustomThemeColor2").addEventListener("input", function() {
        let color = this.value;
        CustomThemeColorEventFunc(color, 2);
    });

    document.getElementById("enhancedCustomThemeColor3").addEventListener("input", function() {
        let color = this.value;
        CustomThemeColorEventFunc(color, 3);
    });

    document.getElementById("enhancedCustomThemePercent1").addEventListener("input", function() {
        SetValue('enhancedCustomThemePercent1', this.value);
        SetCustomTheme();
    });

    document.getElementById("enhancedCustomThemePercent2").addEventListener("input", function() {
        SetValue('enhancedCustomThemePercent2', this.value);
        SetCustomTheme();
    });

    document.getElementById("enhancedCustomThemePercent3").addEventListener("input", function() {
        SetValue('enhancedCustomThemePercent3', this.value);
        SetCustomTheme();
    });

    document.getElementById("enhancedCustomThemeDegree").addEventListener("input", function() {
        SetValue('enhancedCustomThemeDegree', this.value);
        SetCustomTheme();
    });

    document.getElementById("enhancedBtnRandomCustomColor").addEventListener("click", function() {
        for (let i = 1; i <= 3; i++)
        {
            document.getElementById("enhancedCustomThemeColor" + i).value = GetRandomHexColor();
            let percent = Math.floor(Math.random() * 33) + ((i - 1) * 33) + 1;
            document.getElementById("enhancedCustomThemePercent" + i).value = percent;
            SetValue('enhancedCustomThemePercent' + i, percent);
            CustomThemeColorEventFunc(document.getElementById("enhancedCustomThemeColor" + i).value, i);
        }

        let degree = Math.floor(Math.random() * 360);
        document.getElementById("enhancedCustomThemeDegree").value = degree;
        SetValue('enhancedCustomThemeDegree', degree);
        SetCustomTheme();
    });
}

function CustomThemeColorEventFunc(color, i)
{
    if (!IsValidHexColor(color))
    {
        return;
    }
    SetValue('enhancedCustomThemeColor' + i, color);
    let isBright = IsBrightColor(color);
    let el = document.getElementsByClassName("enhanced_custom_gradient_color_" + i);
    for (let j = 0; j < el.length; j++)
    {
        el[j].style.backgroundColor = color;
        el[j].style.color = (isBright)? 'black' : 'white';
    }

    SetCustomTheme();
}

function SetCustomTheme()
{
    for (let i = 1; i <= 3; i++)
    {
        document.documentElement.style.setProperty('--bg-gradient-custom-' + i + '-hsl', GetHSLCSS(document.getElementById("enhancedCustomThemeColor" + i).value));
    }

    let percent1 = GetValue('enhancedCustomThemePercent1', Math.floor(Math.random() * 100));
    let percent2 = GetValue('enhancedCustomThemePercent2', Math.floor(Math.random() * 100));
    let percent3 = GetValue('enhancedCustomThemePercent3', Math.floor(Math.random() * 100));
    document.documentElement.style.setProperty('--custom-background-color', GetGradientCSS(percent1, percent2, percent3, GetValue('enhancedCustomThemeDegree', Math.floor(Math.random() * 360))));
    document.documentElement.style.setProperty('--saturation-factor', GetValue('enhancedThemeSaturation', '1'));
}

function IsValidHexColor(hexColor)
{
    return /^#[0-9A-F]{6}$/i.test(hexColor);
}

function GetRandomHexColor()
{
    return '#' + Math.floor(Math.random()*16777215).toString(16);
}

function IsBrightColor(hexColor)
{
    let rgb = HexToRGB(hexColor);
    let brightness = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;
    return brightness > 125;
}

function GetHSLCSS(hexColor)
{
    let rgb = HexToRGB(hexColor);
    let hsl = RGBToHSL(rgb);

    return hsl[0] + ' calc(var(--saturation-factor, 1)*' + hsl[1] + '%) ' + hsl[2] + '%';
}

function GetGradientCSS(percent1, percent2, percent3, degree)
{
    return 'linear-gradient(' + degree + 'deg, var(--bg-gradient-custom-1) ' + percent1 + '%, var(--bg-gradient-custom-2) ' + percent2 + '%, var(--bg-gradient-custom-3) ' + percent3 + '%)';
}

function HexToRGB(hexColor) {
    const rgb = hexColor.startsWith('#') ? hexColor.slice(1) : hexColor;
    const [r, g, b] = [rgb.slice(0, 2), rgb.slice(2, 4), rgb.slice(4, 6)].map((hex) => Number.parseInt(hex, 16));

    return [r, g, b];
  }

function RGBToHSL(rgb) {
    const r = rgb[0] / 255;
    const g = rgb[1] / 255;
    const b = rgb[2] / 255;
    const l = Math.max(r, g, b);
    const s = l - Math.min(r, g, b);

    const h = s
      ? l === r
        ? (g - b) / s
        : l === g
        ? 2 + (b - r) / s
        : 4 + (r - g) / s
      : 0;
    return [
      60 * h < 0 ? 60 * h + 360 : 60 * h,
      100 * (s ? (l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s))) : 0),
      (100 * (2 * l - s)) / 2,
    ];
  }

function HideBlockStringArticle() {
    let articles = document.getElementsByClassName("txt_wrap");
    for (let i = 0; i < articles.length; i++) {
        let articleText = articles[i].innerText.toLowerCase();
        for (let j = 0; j < blockedStringList.length; j++) {
            if (articleText.includes(blockedStringList[j].toLowerCase())) {
                if (articles[i].parentElement.className.toString().includes("share_wrap")) {
                    articles[i].parentElement.parentElement.parentElement.parentElement.parentElement.style.display = 'none';
                } else {
                    articles[i].parentElement.parentElement.parentElement.style.display = 'none';
                }
            }
            //i -= 1; <-- only for remove()
        }
    }
}

function MovePuppy()
{
    let hasPuppy = document.getElementById("enhancedPuppyImage") != null;
    if (GetValue('enhancedPuppyMode', 'none') === 'none')
        {
            if (hasPuppy)
            {
                document.getElementById("enhancedPuppyImage").remove();
            }
            return;
        }
    if (!hasPuppy)
    {
        let puppy = document.createElement('div');
        puppy.className = 'enhanced_puppy_image';

        let puppyContainer = document.createElement('div');
        puppyContainer.id = 'enhancedPuppyImage';
        puppyContainer.className = 'enhanced_puppy';
        puppyContainer.appendChild(puppy);
        document.getElementById("kakaoHead").insertBefore(puppyContainer, document.getElementById("kakaoHead").firstChild);
    }
}

function MoveKitty()
{
    let hasKitty = document.getElementById("enhancedKittyImage") != null;
    if (GetValue('enhancedKittyMode', 'none') === 'none')
    {
        if (hasKitty)
        {
            document.getElementById("enhancedKittyImage").remove();
        }
        return;
    }
    if (!hasKitty)
    {
        let kitty = document.createElement('img');
        kitty.id = 'enhancedKittyImage';
        kitty.className = 'enhanced_kitty';
        kitty.src = resourceURL + "images/cat.gif";
        document.getElementById("kakaoHead").insertBefore(kitty, document.getElementById("kakaoHead").firstChild);
    }
}

function GetValue(key, defaultValue) {
    let value = localStorage[key];
    if (value == "" || value == null) {
        SetValue(key, defaultValue);
        value = defaultValue;
    }
    return value;
}

function SetValue(key, value)
{
    return localStorage[key]=value;
}

function SetCSS(elID, cssText)
{
    //GM_addStyle(cssText);
    let elem = document.createElement('style');
    elem.id = elID;
    document.head.appendChild(elem);
    document.getElementById(elID).innerHTML = cssText;
}

function RemoveCSSCollection(elID)
{
    let elem = document.getElementById(elID);
    if (elem != null)
    {
        elem.remove();
    }
}

function GetHideLogoIconTitle()
{
    let val = GetValue('enhancedHideLogoIcon', 'naver');
    if (val === 'naver')
    {
        return 'NAVER';
    }
    else if (val === 'youtube')
    {
        return 'YouTube';
    }
    else if (val === 'instagram')
    {
        return 'Instagram';
    }
    else if (val === 'custom')
    {
        return GetValue('enhancedFaviconTitle', 'NAVER');
    }
    else
    {
        return 'NAVER';
    }
}

function HideLogo()
{
    let link = document.querySelector("link[rel~='icon']");
    let icon = currentFavicon + ".ico";
    let addNotiEnabled = false;

    //innerText starts with (N) means notification

    if (GetValue("enhancedHideLogoNoti", 'false') === 'true' && document.getElementsByTagName('title')[0].innerText.startsWith('(N)'))
    {
        addNotiEnabled = true;
    }

    if (currentFavicon === 'custom')
    {
        icon = GetValue('enhancedFaviconURL', resourceURL + 'images/naver.ico');
    }

    let _title = currentTitle;
    if (addNotiEnabled)
    {
        _title = '(N) ' + currentTitle;
    }

    if (document.getElementsByTagName('title')[0].innerText === _title &&
        link.href.includes(icon))
    {
        return;
    }

    document.getElementsByTagName('title')[0].innerText = _title;

    if (!link) {
        link = document.createElement('link');
        link.rel = 'icon';
        document.getElementsByTagName('head')[0].appendChild(link);
    }

    if (currentFavicon === 'custom')
    {
        link.href = GetValue('enhancedFaviconURL', resourceURL + 'images/naver.ico');
    }
    else
    {
        link.href = resourceURL + "images/" + icon;
    }
}

function SetClassicFavicon()
{
    let link = document.querySelector("link[rel~='icon']");

    if (link.href.includes("classic.ico") || link.href.includes("classic_noty.ico"))
    {
        return;
    }

    let faviLink = resourceURL + "images/classic.ico";

    if (document.getElementsByTagName('title')[0].innerText.includes("(N)"))
    {
        faviLink = resourceURL + "images/classic_noty.ico";
    }
    //document.getElementsByTagName('title')[0].innerText = "NAVER"

    if (!link) {
        link = document.createElement('link');
        link.rel = 'icon';
        document.getElementsByTagName('head')[0].appendChild(link);
    }
    link.href = faviLink;
}

function AddPowerModeScoreElements()
{
    let header = document.querySelectorAll('[data-part-name="gnbMenu"]')[0];
    let scoreElement = document.createElement('div');
    scoreElement.id = 'enhancedPowerModeScore';
    scoreElement.className = 'enhanced_power_mode_score';
    scoreElement.innerText = 'COMBO 120';
    scoreElement.style.visibility = 'hidden';
    header.appendChild(scoreElement);
}

function SetExtendCommentUI()
{
    let detailClass = document.getElementsByClassName("feed detail_desc _feedContainer");
    if (detailClass.length > 0)
    {
        return;
    }

    let commentClasses = document.getElementsByClassName("comment");
    for (let i = 0; i < commentClasses.length; i++)
    {
        let commentClass = commentClasses[i];
        let commentParent = commentClass.parentElement;
        let nextSibling = commentParent.nextElementSibling;

        if (!commentParent.className.includes('_activityBody'))
        {
            continue;
        }

        commentParent.removeChild(commentClass);

        if (nextSibling)
        {
            nextSibling.parentNode.insertBefore(commentClass, nextSibling);
        }
        else
        {
            commentParent.parentNode.appendChild(commentClass);
        }
    }
}

let birthdayTopRetryCount = 0;
function MoveBirthdayFriendsToTop()
{
    let els = document.getElementsByClassName("list_cate list_myfriend");
    if (els.length <= 0)
    {
        setTimeout(() => MoveBirthdayFriendsToTop(), 300);
        return;
    }

    let friendsEl = null;
    for (let i = 0; i < els.length; i++)
    {
        if (els[i].getAttribute("data-part-name") === "peopleList")
        {
            friendsEl = els[i];
            break;
        }
    }

    if (friendsEl == null)
    {
        setTimeout(() => MoveBirthdayFriendsToTop(), 300);
        return;
    }

    let friends = friendsEl.getElementsByTagName("li");

    if (friends.length <= 0)
    {
        birthdayTopRetryCount++;
        if (birthdayTopRetryCount < 10)
        {
            setTimeout(() => MoveBirthdayFriendsToTop(), 300);
        }
        return;
    }

    for (let i = 0; i < friends.length; i++)
    {
        if (friends[i].className.includes("user_birth"))
        {
            friendsEl.insertBefore(friends[i], friendsEl.firstChild);
        }
    }
}

function MainKakaoStory()
{
    eventHandlerModule.initialize();
    InitEnhancedSettingsPage();
    InitCustomThemePage();
    InitImagePasteEvent();
    LoadCommonEvents();
    HideMedia();

    if (GetValue('enhancedBlockUser', 'true') === 'true')
    {
        GetBlockedUsers();
    }

    if (GetValue('enhancedExtendFeedBlock', 'false') === 'true')
    {
        GetFeedBlockedUsers();
    }

    SetEmoticonSelectorSize();

    AddEnhancedMenuObserver();
    setTimeout(() => MoveKitty(), 1000);
    setTimeout(() => MovePuppy(), 1000);
    setTimeout(() => GetMyID(), 3000); //for discord style mention feature
    setTimeout(() => HideChannelButton(), 500); //hide channel and teller buttons
    setTimeout(() => AddPowerModeScoreElements(), 1000); //power mode
    setTimeout(() => MoveBirthdayFriendsToTop(), 100); //move birthday friends to top

    setInterval(function() {
        if (GetValue('enhancedNotify', 'false') === 'true')
        {
            notyTimeCount += 1;
            if (notyTimeCount >= parseInt(GetValue('enhancedNotifyTime', '20')) * 10)
            {
                notyTimeCount = 0;
                GetLatestNotify();
            }
        }
        if (GetValue("enhancedDiscordMention", 'false') === 'true')
        {
            HighlightCommentLikeDiscord();
        }

        if (GetValue('enhancedDownloadVideo', 'false') === 'true') {
            AddDownloadVideoButton();
        }

        if (GetValue('enhancedHideMemorize', 'true') === 'true') {
            HideMemorize();
        }

        if (GetValue('enhancedBlockUser', 'true') === 'true')
        {
            HideBlockedUserComment();
            HideBlockedUserArticle();
        }

        HideBlockStringArticle();

        ViewDetailNotFriendArticle();

        let hideLogoEnabled = (GetValue('enhancedHideLogo', 'false') === 'true');

        if (hideLogoEnabled === true)
        {
            setTimeout(() => HideLogo(), 750);
        }

        if (GetValue("enhancedFaviconClassic", "false") === "true" && !hideLogoEnabled)
        {
            setTimeout(() => SetClassicFavicon(), 750);
        }

        if (GetValue('enhancedWideMode', 'false') !== 'false')
        {
            setTimeout(() => SetExtendCommentUI(), 750);
        }

        setTimeout(() => visitorChartModule.viewVisitorChart(), 1000);

        if (GetValue('enhancedEarthquake', 'false') === 'true')
        {
            powerComboTimeCnt += 1;
            if (powerComboTimeCnt > 50)
            {
                InvisibleEnhancedPowerModeCount();
            }
        }

    }, 100);
}

(function() {
    /* Kakao Login */
    if (window.location.href.includes("accounts.kakao.com/login"))
    {
        loginThemeModule.initialize();
        return;
    }

    /* KakaoStory */
    MainKakaoStory();
})();