.ccb-banner {
            position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999;
            max-width: 720px; margin: 0 auto;
            background: var(--bg-card, #ffffff); color: var(--text, #1A1A1F);
            border: 1px solid var(--border, #E4E2DC); border-radius: var(--r-lg, 14px);
            box-shadow: var(--sh, 0 10px 30px rgba(0,0,0,.14));
            padding: 16px 18px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
            font-family: var(--font, 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Arial, sans-serif);
            animation: ccb-slide-up .35s ease;
        }
        @keyframes ccb-slide-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
        .ccb-text { flex: 1; min-width: 220px; font-size: 13px; line-height: 1.6; color: var(--text-secondary, #55555c); }
        .ccb-text a { color: var(--primary, #5E2B9A); text-decoration: underline; }
        .ccb-btn {
            flex-shrink: 0; border: none; cursor: pointer; white-space: nowrap;
            background: var(--primary, #5E2B9A); color: #fff; font-weight: 700; font-size: 13px;
            font-family: inherit; padding: 9px 20px; border-radius: var(--r-sm, 8px);
            transition: opacity .12s;
        }
        .ccb-btn:hover { opacity: .88; }
        @media (max-width: 480px) { .ccb-banner { padding: 14px; } .ccb-btn { width: 100%; text-align: center; } }