gototop

/* SCROLL BUTTONS + PLASMA DARK MODE v5d - SUN / BANKER'S LAMP */

/* === SCROLL BUTTONS === */
.scroll-btn {
    position: fixed !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
    pointer-events: none !important;
}
.scroll-btn.visible {
    opacity: 0.8 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.scroll-btn:hover {
    opacity: 1 !important;
}
.scroll-to-top {
    bottom: 30px !important;
}
.scroll-to-bottom {
    top: 30px !important;
    transform: rotate(180deg) !important;
}
@media (max-width: 768px) {
    .scroll-btn {
        width: 45px !important;
        height: 45px !important;
    }
    .scroll-to-top {
        bottom: 20px !important;
        right: 20px !important;
    }
    .scroll-to-bottom {
        top: 20px !important;
        right: 20px !important;
    }
}

/* === DARK MODE TOGGLE === */
#taetDarkToggle {
    position: fixed !important;
    top: 30px !important;
    right: 90px !important;
    width: 50px !important;
    height: 50px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    z-index: 2147483647 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    opacity: 0.85 !important;
}
#taetDarkToggle:hover {
    transform: scale(1.15) !important;
    opacity: 1 !important;
}
#taetDarkToggle:active {
    transform: scale(0.95) !important;
}
@media (max-width: 768px) {
    #taetDarkToggle {
        width: 45px !important;
        height: 45px !important;
        top: 20px !important;
        right: 75px !important;
    }
}

/* === PLASMA DARK MODE FILTER === */
html.plasma-dark {
    filter: invert(0.92) hue-rotate(180deg) sepia(0.15) saturate(1.2) brightness(0.85) !important;
    background-color: #fff !important;
    min-height: 100% !important;
}

html.plasma-dark body,
html.plasma-dark .wrap,
html.plasma-dark .w_body,
html.plasma-dark .b-body {
    background-color: #fff !important;
}

html.plasma-transition {
    transition: filter 0.6s ease !important;
}

html.plasma-dark img,
html.plasma-dark video,
html.plasma-dark canvas,
html.plasma-dark svg image,
html.plasma-dark .scroll-btn,
html.plasma-dark iframe {
    filter: invert(1) hue-rotate(180deg) sepia(0.15) !important;
}

html.plasma-dark img,
html.plasma-dark video {
    opacity: 0.88 !important;
}
html.plasma-dark img:hover,
html.plasma-dark video:hover {
    opacity: 1 !important;
}

html.plasma-dark #taetDarkToggle {
    filter: invert(1) hue-rotate(180deg) !important;
    opacity: 1 !important;
}

html.plasma-dark ::-webkit-scrollbar {
    background-color: #111 !important;
}
html.plasma-dark ::-webkit-scrollbar-thumb {
    background-color: #444 !important;
    border-radius: 5px !important;
}
html.plasma-dark ::-webkit-scrollbar-thumb:hover {
    background-color: #666 !important;
}