#initialPageLoader {
            position: fixed;
            inset: 0;
            z-index: 999999;
            display: grid;
            place-items: center;
            background:
                radial-gradient(circle at 35% 25%, rgba(73, 104, 242, .10), transparent 34%),
                radial-gradient(circle at 68% 68%, rgba(17, 167, 183, .08), transparent 30%),
                rgb(247, 248, 251);
            opacity: 1;
            visibility: visible;
            transition: opacity .36s ease, visibility .36s ease;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        #initialPageLoader.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        #initialPageLoader.is-leaving {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition: none;
        }

        html[data-blog-theme="dark"] #initialPageLoader {
            background:
                radial-gradient(circle at 35% 25%, rgba(83, 157, 253, .10), transparent 34%),
                radial-gradient(circle at 68% 68%, rgba(140, 154, 177, .08), transparent 30%),
                rgb(35, 41, 49);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
        }

        .air-loader-card {
            width: min(260px, calc(100vw - 48px));
            display: grid;
            justify-items: center;
            gap: 18px;
        }

        .air-loader-mark {
            position: relative;
            width: 74px;
            height: 58px;
            perspective: 420px;
        }

        .air-loader-page {
            position: absolute;
            inset: 0;
            border: 1px solid #dbe3f0;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 18px 42px rgba(23, 32, 51, .08);
            transform-origin: left center;
            animation: airLoaderFlip 1.45s cubic-bezier(.4, 0, .2, 1) infinite;
        }

        .air-loader-page::before,
        .air-loader-page::after {
            content: "";
            position: absolute;
            left: 14px;
            right: 14px;
            height: 4px;
            border-radius: 999px;
            background: #e8edf6;
        }

        .air-loader-page::before {
            top: 18px;
        }

        .air-loader-page::after {
            top: 31px;
            right: 26px;
        }

        .air-loader-page:nth-child(2) {
            animation-delay: .18s;
            opacity: .72;
        }

        .air-loader-page:nth-child(3) {
            animation-delay: .36s;
            opacity: .46;
        }

        .air-loader-title {
            color: #151e2f;
            font-size: 14px;
            font-weight: 850;
            letter-spacing: 0;
        }

        .air-loader-line {
            width: 180px;
            height: 4px;
            overflow: hidden;
            border-radius: 999px;
            background: #e8edf6;
        }

        .air-loader-line span {
            display: block;
            width: 42%;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #151e2f, #4968f2);
            animation: airLoaderLine 1.15s ease-in-out infinite;
        }

        html[data-blog-theme="dark"] .air-loader-page {
            border-color: #3d4654;
            background: #2c333e;
            box-shadow: 0 18px 42px rgba(14, 18, 24, .22);
        }

        html[data-blog-theme="dark"] .air-loader-page::before,
        html[data-blog-theme="dark"] .air-loader-page::after {
            background: #4a5668;
        }

        html[data-blog-theme="dark"] .air-loader-title {
            color: #f3f4f6;
        }

        html[data-blog-theme="dark"] .air-loader-line {
            background: #3d4654;
        }

        html[data-blog-theme="dark"] .air-loader-line span {
            background: linear-gradient(90deg, #8c9ab1, #539dfd);
            box-shadow: 0 0 14px rgba(83, 157, 253, .26);
        }

        .page-content-wrapper {
            opacity: 0;
            transform: translateY(10px);
            transition: opacity .38s ease, transform .38s ease;
        }

        .page-content-wrapper.loaded {
            opacity: 1;
            transform: translateY(0);
        }

        @keyframes airLoaderFlip {
            0%, 100% {
                transform: rotateY(0deg) translateX(0);
            }
            45% {
                transform: rotateY(-44deg) translateX(-3px);
            }
        }

        @keyframes airLoaderLine {
            0% {
                transform: translateX(-110%);
            }
            100% {
                transform: translateX(250%);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .air-loader-page,
            .air-loader-line span {
                animation: none;
            }

            .page-content-wrapper {
                transition: opacity .2s ease;
                transform: none;
            }
        }