:root{
    --zib-bp-surface:var(--main-bg-color);
    --zib-bp-surface-alt:var(--muted-bg-color);
    --zib-bp-border:var(--muted-border-color);
    --zib-bp-text:var(--main-color);
    --zib-bp-text-muted:var(--muted-color);
    --zib-bp-text-subtle:var(--muted-2-color);
    --zib-bp-accent:var(--focus-color);
    --zib-bp-accent-soft:color-mix(in srgb,var(--focus-color) 12%, transparent);
    --zib-bp-shadow:0 10px 30px rgba(0,0,0,.06);
}
.dark-theme,
.theme-dark,
body.dark-theme,
body.theme-dark{
    --zib-bp-shadow:0 12px 34px rgba(0,0,0,.22);
}
#zib-mention-list{
    background:var(--zib-bp-surface);
    border-color:var(--zib-bp-border);
    box-shadow:var(--zib-bp-shadow);
    color:var(--zib-bp-text);
}
#zib-mention-list::-webkit-scrollbar-thumb{background:var(--zib-bp-border)}
.zib-mention-item{
    background:var(--zib-bp-surface-alt);
    color:var(--zib-bp-text);
}
.zib-mention-item:hover,
.zib-mention-item.active{
    background:var(--zib-bp-accent-soft);
    border-color:color-mix(in srgb,var(--zib-bp-accent) 26%, var(--zib-bp-border));
    color:var(--zib-bp-accent);
}
a.zib-mention-link{
    color:var(--zib-bp-accent);
    background:var(--zib-bp-accent-soft);
}
a.zib-mention-link:hover{
    background:var(--zib-bp-accent);
    color:#fff;
}
#user-tab-bundle .bundle-preview-box{
    background:var(--zib-bp-surface-alt);
    border-color:var(--zib-bp-border);
}
#user-tab-bundle .medal-card{
    background:var(--zib-bp-surface);
    border-color:transparent;
    box-shadow:0 10px 24px rgba(0,0,0,.04);
}
#user-tab-bundle .medal-card.is-active{
    background:var(--zib-bp-surface) !important;
    border-color:var(--zib-bp-accent) !important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--zib-bp-accent) 16%, transparent);
}
#user-tab-bundle .bundle-cat-desc,
#user-tab-bundle .bundle-rule{color:var(--zib-bp-text-subtle)}
.zib-bundle-smilie-tab{background:var(--zib-bp-surface-alt)}
.zib-bundle-smilie-grid .smilie-icon{background:color-mix(in srgb,var(--zib-bp-text) 4%, transparent)}
.zib-bundle-smilie-grid .smilie-icon:hover{background:color-mix(in srgb,var(--zib-bp-text) 8%, transparent)}
#con-cd p.muted-color{color:var(--zib-bp-text)}
#people-cd{color:var(--zib-bp-text-subtle)}
.content-ds-users img{border-color:var(--zib-bp-surface)}
.cd-amount-item,
.zib-widget.vip-product.relative.product-box.custom-trigger-cd{
    border-color:var(--zib-bp-border);
    background:var(--zib-bp-surface-alt);
    color:var(--zib-bp-text);
}
.modal-mini .modal-body.post-cd-pay-panel,
.post-cd-pay-panel{
    background:var(--zib-bp-surface);
    color:var(--zib-bp-text);
}
.post-cd-pay-panel .cd-modal-head{
    background:
        linear-gradient(135deg,
            color-mix(in srgb,var(--zib-bp-accent) 14%, var(--zib-bp-surface)) 0%,
            color-mix(in srgb,#43c7d9 12%, var(--zib-bp-surface)) 100%);
}
.post-cd-pay-panel .cd-modal-close{
    background:var(--zib-bp-surface);
    color:var(--zib-bp-text-subtle);
    box-shadow:var(--zib-bp-shadow);
}
.post-cd-pay-panel .cd-modal-close:hover{color:var(--zib-bp-text)}
.post-cd-pay-panel .cd-head-title,
.post-cd-pay-panel .cd-amount-grid .cd-amount-item .em14,
.post-cd-pay-panel .cd-amount-grid .custom-trigger-cd .em12,
.post-cd-pay-panel .custom-trigger-cd .cd-custom-input-inline{
    color:var(--zib-bp-text);
}
.post-cd-pay-panel .cd-head-sub,
.post-cd-pay-panel .cd-note-line,
.post-cd-pay-panel .cd-foot-note{
    color:var(--zib-bp-text-subtle);
}
.post-cd-pay-panel .cd-balance-box{
    background:linear-gradient(180deg,var(--zib-bp-surface) 0%, color-mix(in srgb,var(--zib-bp-accent) 5%, var(--zib-bp-surface)) 100%);
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}
.post-cd-pay-panel .cd-amount-grid .cd-amount-item,
.post-cd-pay-panel .cd-amount-grid .custom-trigger-cd,
.post-cd-pay-panel .payment-method-radio{
    background:var(--zib-bp-surface);
    border:1px solid var(--zib-bp-border);
    box-shadow:none;
}
.post-cd-pay-panel .payment-method-radio{
    border-radius:8px;
}
.post-cd-pay-panel .payment-method-radio > *{
    margin:0;
}
.post-cd-pay-panel .payment-methods-box,
.post-cd-pay-panel .cd-foot-note{
    border-top-color:var(--zib-bp-border);
}
.post-cd-pay-panel .payment-method-radio.active{
    border-color:color-mix(in srgb,var(--zib-bp-accent) 30%, var(--zib-bp-border));
    background:var(--zib-bp-accent-soft);
    box-shadow:none;
}