html.hf-dark-mode .xkvt-mpu-root,
body.hf-dark-mode .xkvt-mpu-root,
html.xkvt-site-dark .xkvt-mpu-root,
body.xkvt-site-dark .xkvt-mpu-root {
    --xkvt-bg: #0b1118;
    --xkvt-card: rgba(17, 24, 34, 0.82);
    --xkvt-card-solid: #111822;
    --xkvt-text: rgba(255,255,255,.90);
    --xkvt-heading: rgba(255,255,255,.96);
    --xkvt-muted: rgba(255,255,255,.66);
    --xkvt-soft: rgba(255, 154, 61, .15);
    --xkvt-soft-2: rgba(255, 154, 61, .09);
    --xkvt-line: rgba(255,255,255,.09);
    --xkvt-line-strong: rgba(255,255,255,.15);
    --xkvt-shadow: var(--hf-dm-shadow);
    --xkvt-shadow-soft: var(--hf-dm-shadow-soft);
    --xkvt-success-soft: var(--hf-dm-green-soft);
    --xkvt-warning-soft: var(--hf-dm-accent-soft);
}

html.hf-dark-mode .xkvt-mpu-card,
body.hf-dark-mode .xkvt-mpu-card,
html.xkvt-site-dark .xkvt-mpu-card,
body.xkvt-site-dark .xkvt-mpu-card {
    background: linear-gradient(180deg, rgba(21,29,40,.84), rgba(14,20,29,.76)) !important;
    border-color: var(--hf-dm-line) !important;
    backdrop-filter: blur(16px);
}

html.hf-dark-mode :where(.xkvt-mpu-modal, .xkvt-mpu-edit-shell, .xkvt-mpu-policy-section, .xkvt-mpu-faq),
html.xkvt-site-dark :where(.xkvt-mpu-modal, .xkvt-mpu-edit-shell, .xkvt-mpu-policy-section, .xkvt-mpu-faq) {
    background: linear-gradient(180deg, rgba(21,29,40,.92), rgba(12,18,27,.88)) !important;
    border-color: var(--hf-dm-line) !important;
    color: var(--hf-dm-text) !important;
}