.article-content {
    position: relative !important;
    overflow: hidden !important;

    -webkit-user-select: none !important;
    user-select: none !important;

    -webkit-touch-callout: none !important;

    -webkit-tap-highlight-color: transparent;

    touch-action: manipulation;
}

.terrain-canvas {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 999999 !important;

    pointer-events: none !important;

    display: block !important;
}

.ai-analysis {
    margin-top: 10px;
    margin-bottom: 15px;

    padding: 10px 12px;

    font-size: 14px;
    line-height: 1.5;

    opacity: 0.8;

    border-left: 2px solid rgba(0, 255, 255, 0.35);

    color: inherit;

    background: rgba(0, 255, 255, 0.025);

    overflow-wrap: break-word;
}

.ai-analysis-label {
    display: block;

    margin-bottom: 4px;

    font-size: 11px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #000000;
}

.ai-analysis-text {
    display: block;
    white-space: pre-wrap;
}

.deep-research-container {
    opacity: 0;
    transform: translateY(5px);
    filter: blur(3px);

    animation: deepResearchAppear 1.2s ease-out forwards;
}


.deep-research-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 5px 9px;
    margin-top: 15px;

    border: 1px solid rgba(0, 255, 255, 0.25);
    border-radius: 6px;

    background: rgba(0, 255, 255, 0.035);

    color: rgba(0, 0, 0);

    font-size: 11px;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


.deep-research-button:hover {
    background: rgba(0, 255, 255, 0.09);

    border-color:
        rgba(0, 255, 255, 0.55);

    color:
        rgba(0, 255, 255, 1);

    transform:
        translateY(-1px);
}


.deep-research-button:disabled {
    cursor: wait;
}


.deep-research-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00ffff;
    display: inline-block;
    margin-right: 8px;

    animation: deepResearchPulse 3s ease-in-out infinite;
}


.deep-research-loading {
    opacity: 0.55;
}


.deep-research-message {
    margin-top: 10px;

    /* color: rgba(90, 90, 90, 0.72); */

    font-size: 11px;

    line-height: 1.5;

    opacity: 0;

    animation:
        deepResearchAppear
        0.35s
        ease-out
        forwards;
}


.deep-research-message-text::after {
    content: "▌";
    margin-left: 2px;
    color: #00ffff;

    animation:
        deepResearchCursor
        0.8s
        step-end
        infinite;
}

.deep-research-message-text.finished::after {
    animation: none;
    opacity: 0;
}


@keyframes deepResearchAppear {
    0% {
        opacity: 0;
        transform: translateY(5px);
        filter: blur(3px);
    }

    60% {
        opacity: 0.7;
        filter: blur(1px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}


@keyframes deepResearchPulse {

    0%,
    100% {
        opacity: 0.35;
        transform: scale(0.85);
        box-shadow: 0 0 4px rgba(0, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
    }
}

@keyframes deepResearchCursor {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }
}