.ccb-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ccb-fade-in .2s ease}@keyframes ccb-fade-in{0%{opacity:0}to{opacity:1}}.ccb-banner{width:100%;max-width:600px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:16px;box-shadow:0 24px 64px #0003;padding:24px;animation:ccb-slide-up .3s ease;color:var(--text-primary, #111111);font-family:var(--font-sans, ui-sans-serif, system-ui, sans-serif)}@keyframes ccb-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ccb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ccb-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;border-radius:8px;transition:background .15s}.ccb-close:hover{background:var(--bg-hover, #f3f4f6)}.ccb-title{margin:0;font-size:17px;font-weight:700;color:var(--text-primary, #111111)}.ccb-text{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--text-secondary, #4b5563)}.ccb-link{color:var(--accent, #2563eb);text-decoration:underline;text-underline-offset:2px}.ccb-link:hover{opacity:.8}.ccb-actions{display:flex;gap:8px;flex-wrap:wrap}.ccb-ctl{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.ccb-ctl--primary{background:var(--action-primary, var(--accent, #111111));color:var(--action-primary-text, var(--text-on-accent, #ffffff))}.ccb-ctl--primary:hover{opacity:.9}.ccb-ctl--secondary{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111111);border:1px solid var(--border-subtle, #e5e7eb)}.ccb-ctl--secondary:hover{background:var(--bg-active, #e5e7eb)}.ccb-ctl--ghost{background:transparent;color:var(--text-secondary, #6b7280)}.ccb-ctl--ghost:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111111)}.ccb-categories{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.ccb-category{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-subtle, #e5e7eb);border-radius:10px;cursor:pointer;transition:background .15s}.ccb-category:hover{background:var(--bg-hover, #f9fafb)}.ccb-category-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ccb-category-label{font-size:14px;font-weight:600;color:var(--text-primary, #111111);display:flex;align-items:center;gap:6px}.ccb-required-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--bg-hover, #f3f4f6);color:var(--text-secondary, #6b7280)}.ccb-category-desc{font-size:12px;line-height:1.5;color:var(--text-secondary, #6b7280)}.ccb-toggle{flex-shrink:0;width:40px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-subtle, #d1d5db);border-radius:12px;position:relative;cursor:pointer;transition:background .2s}.ccb-toggle:checked{background:var(--accent, #2563eb)}.ccb-toggle:disabled{opacity:.5;cursor:not-allowed}.ccb-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.ccb-toggle:checked:after{transform:translate(16px)}@media(max-width:480px){.ccb-backdrop{padding:8px}.ccb-banner{padding:20px;border-radius:14px}.ccb-actions{flex-direction:column}.ccb-ctl{width:100%;text-align:center}}