#mfpembed_iconDiv {
    position: relative;
    left: 100%;
}
#MfpEmbed_Popup { max-width: 75%;  !important; }
#mfpembed_iconDiv > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 2px;
}


#lucy-feedback-btn {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background: var(--brand-color, #00bdf2);
    color: #002f65;
    border: 0;
    padding: 12px 10px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    isolation: isolate;
    overflow: visible;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

#lucy-feedback-btn:hover,
#lucy-feedback-btn:focus-visible {
    transform: translateY(-50%) translateX(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

#lucy-feedback-btn::before {
    content: "";
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(0, 189, 242, 0.65);
    transform: translateY(-50%);
    box-shadow: 0 0 0 2px rgba(0, 189, 242, 0.15);
    pointer-events: none;
    opacity: 0;
}

#lucy-feedback-btn::after {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    width: 54px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        rgba(0, 189, 242, 0),
        rgba(0, 189, 242, 0.7),
        rgba(0, 189, 242, 0.15)
    );
    transform: translateY(-50%) scaleX(0.08);
    transform-origin: right center;
    opacity: 0;
    pointer-events: none;
}

#lucy-feedback-effects {
    position: fixed;
    inset: 0;
    z-index: 9998;
    pointer-events: none;
    opacity: 0;
    transition: opacity 120ms linear;
}

.lucy-feedback-grid,
.lucy-feedback-bolt {
    position: absolute;
    right: 0;
    top: 50%;
    transform-origin: right center;
    opacity: 0;
}

.lucy-feedback-grid {
    width: min(42vw, 640px);
    height: min(62vh, 520px);
    transform: translateY(-50%);
    border-radius: 14px 0 0 14px;
    background-image:
        radial-gradient(
            ellipse at 100% 50%,
            rgba(0, 189, 242, 0.34) 0%,
            rgba(0, 189, 242, 0.2) 20%,
            rgba(0, 189, 242, 0.08) 46%,
            rgba(0, 189, 242, 0) 72%
        ),
        repeating-linear-gradient(
            0deg,
            rgba(0, 189, 242, 0.12) 0,
            rgba(0, 189, 242, 0.12) 1px,
            transparent 1px,
            transparent 14px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(0, 189, 242, 0.1) 0,
            rgba(0, 189, 242, 0.1) 1px,
            transparent 1px,
            transparent 14px
        ),
        repeating-linear-gradient(
            0deg,
            rgba(0, 189, 242, 0.22) 0,
            rgba(0, 189, 242, 0.22) 1px,
            transparent 1px,
            transparent 70px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(0, 189, 242, 0.2) 0,
            rgba(0, 189, 242, 0.2) 1px,
            transparent 1px,
            transparent 70px
        );
    filter: drop-shadow(0 0 12px rgba(0, 189, 242, 0.22));
}

.lucy-feedback-bolt {
    height: 3px;
    background: linear-gradient(
        90deg,
        rgba(0, 189, 242, 0),
        rgba(118, 230, 255, 1),
        rgba(0, 189, 242, 0.25)
    );
    filter: drop-shadow(0 0 6px rgba(118, 230, 255, 0.8));
    clip-path: polygon(
        0 30%,
        10% 0,
        16% 58%,
        24% 18%,
        33% 76%,
        43% 22%,
        55% 80%,
        68% 28%,
        79% 74%,
        90% 35%,
        100% 50%,
        90% 65%,
        79% 26%,
        68% 72%,
        55% 20%,
        43% 78%,
        33% 24%,
        24% 82%,
        16% 42%,
        10% 100%,
        0 70%
    );
}

.lucy-feedback-bolt-a {
    width: min(34vw, 540px);
    transform: translateY(-8px) scaleX(0.05);
}

.lucy-feedback-bolt-b {
    width: min(27vw, 430px);
    transform: translateY(10px) scaleX(0.05);
}

body.lucy-feedback-lightning-active #lucy-feedback-effects {
    opacity: 1;
}

body.lucy-feedback-lightning-active #lucy-feedback-btn::before {
    animation: lucy-feedback-node 520ms ease-out forwards;
}

body.lucy-feedback-lightning-active #lucy-feedback-btn::after {
    animation: lucy-feedback-trace 420ms ease-out forwards;
}

body.lucy-feedback-lightning-active .lucy-feedback-grid {
    animation: lucy-feedback-grid-flash 980ms ease-out forwards;
}

body.lucy-feedback-lightning-active .lucy-feedback-bolt-a {
    animation: lucy-feedback-bolt-a 520ms ease-out forwards;
}

body.lucy-feedback-lightning-active .lucy-feedback-bolt-b {
    animation: lucy-feedback-bolt-b 560ms ease-out 40ms forwards;
}

@keyframes lucy-feedback-trace {
    0% {
        transform: translateY(-50%) scaleX(0.08);
        opacity: 0;
    }

    22% {
        transform: translateY(-50%) scaleX(1);
        opacity: 0.92;
    }

    100% {
        transform: translateY(-50%) scaleX(0.36);
        opacity: 0;
    }
}

@keyframes lucy-feedback-node {
    0% {
        opacity: 0;
        transform: translateY(-50%) scale(0.5);
    }

    25% {
        opacity: 1;
        transform: translateY(-50%) scale(1.45);
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(1);
    }
}

@keyframes lucy-feedback-grid-flash {
    0% {
        opacity: 0;
        transform: translateY(-50%) scale(0.97);
        filter: drop-shadow(0 0 0 rgba(0, 189, 242, 0));
    }

    28% {
        opacity: 0.82;
        transform: translateY(-50%) scale(1);
        filter: drop-shadow(0 0 24px rgba(0, 189, 242, 0.42));
    }

    100% {
        opacity: 0;
        transform: translateY(-50%) scale(1.015);
        filter: drop-shadow(0 0 6px rgba(0, 189, 242, 0.12));
    }
}

@keyframes lucy-feedback-bolt-a {
    0% {
        opacity: 0;
        transform: translateY(-8px) scaleX(0.05);
    }

    20% {
        opacity: 1;
        transform: translateY(-8px) scaleX(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-8px) scaleX(0.25);
    }
}

@keyframes lucy-feedback-bolt-b {
    0% {
        opacity: 0;
        transform: translateY(10px) scaleX(0.05);
    }

    24% {
        opacity: 0.95;
        transform: translateY(10px) scaleX(1);
    }

    100% {
        opacity: 0;
        transform: translateY(10px) scaleX(0.3);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lucy-feedback-lightning-active #lucy-feedback-btn::before,
    body.lucy-feedback-lightning-active #lucy-feedback-btn::after,
    body.lucy-feedback-lightning-active .lucy-feedback-grid,
    body.lucy-feedback-lightning-active .lucy-feedback-bolt-a,
    body.lucy-feedback-lightning-active .lucy-feedback-bolt-b {
        animation: none;
    }

    body.lucy-feedback-lightning-active #lucy-feedback-btn::before,
    body.lucy-feedback-lightning-active #lucy-feedback-btn::after,
    body.lucy-feedback-lightning-active .lucy-feedback-grid {
        opacity: 0.45;
    }

    body.lucy-feedback-lightning-active .lucy-feedback-bolt-a,
    body.lucy-feedback-lightning-active .lucy-feedback-bolt-b {
        opacity: 0;
    }
}