.ccb-notice-shell{position:fixed;z-index:1050;inset:auto 0 0;display:flex;justify-content:center;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none}.ccb-overlay{position:fixed;z-index:99999;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ccb-fade-in .14s ease-out}@keyframes ccb-fade-in{0%{opacity:0}to{opacity:1}}.ccb-banner{width:100%;max-width:600px;padding:24px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-lg);font-family:var(--font-ui, ui-sans-serif, system-ui, sans-serif);animation:ccb-slide-up .14s ease-out}.ccb-banner--marketing{max-width:880px;pointer-events:auto}@keyframes ccb-slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.ccb-heading-row{display:flex;align-items:center;gap:10px}.ccb-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated));border-radius:10px}.ccb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.ccb-title{margin:0;color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.3}.ccb-text{max-width:68ch;margin:12px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.55}.ccb-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.ccb-link:hover{color:var(--text-primary)}.ccb-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.ccb-banner--marketing{display:flex;align-items:center;gap:24px}.ccb-banner--marketing .ccb-body{flex:1 1 auto;min-width:0}.ccb-banner--marketing .ccb-text{margin-top:8px}.ccb-banner--marketing .ccb-actions{flex:0 0 auto;margin-top:0}.ccb-banner--preferences{max-height:min(760px,calc(100dvh - 32px));overflow-y:auto}.ccb-ctl,.ccb-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:10px;cursor:pointer;font:inherit;font-size:14px;font-weight:650;line-height:1.2;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.ccb-ctl{gap:7px;padding:10px 14px;white-space:nowrap}.ccb-ctl--primary{color:var(--action-primary-text);background:var(--action-primary)}.ccb-ctl--primary:hover{opacity:.9}.ccb-ctl--secondary{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-subtle)}.ccb-ctl--secondary:hover{background:var(--bg-active)}.ccb-ctl--ghost{color:var(--text-secondary);background:transparent}.ccb-ctl--ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.ccb-close{flex:0 0 auto;width:44px;padding:0;color:var(--text-secondary);background:transparent}.ccb-close:hover{color:var(--text-primary);background:var(--bg-hover)}.ccb-categories{display:flex;flex-direction:column;gap:10px;margin-top:20px}.ccb-category{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ccb-category:hover{background:var(--bg-hover);border-color:var(--border-strong)}.ccb-category-info{display:flex;flex-direction:column;min-width:0;gap:3px}.ccb-category-label{display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:14px;font-weight:650}.ccb-required-badge{padding:3px 6px;color:var(--text-secondary);background:var(--bg-hover);border-radius:5px;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.ccb-category-desc{color:var(--text-secondary);font-size:12px;line-height:1.45}.ccb-toggle{position:relative;flex:0 0 auto;width:44px;height:26px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-strong);border-radius:13px;cursor:pointer;transition:background .12s ease}.ccb-toggle:after{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--bg-surface);border-radius:50%;box-shadow:var(--shadow-sm);content:"";transition:transform .12s ease}.ccb-toggle:checked{background:var(--accent)}.ccb-toggle:checked:after{transform:translate(18px)}.ccb-toggle:disabled{cursor:not-allowed;opacity:.55}.ccb-ctl:focus-visible,.ccb-close:focus-visible,.ccb-toggle:focus-visible,.ccb-link:focus-visible{outline:3px solid var(--focus-ring, var(--accent-light));outline-offset:2px}@media(max-width:959px){.ccb-banner--marketing{display:block}.ccb-banner--marketing .ccb-actions{margin-top:16px}}@media(max-width:480px){.ccb-notice-shell,.ccb-overlay{padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.ccb-banner{padding:18px;border-radius:14px}.ccb-banner--marketing .ccb-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.ccb-banner--marketing .ccb-ctl{width:100%}.ccb-banner--marketing .ccb-ctl--ghost{grid-column:1 / -1}.ccb-banner:not(.ccb-banner--marketing) .ccb-actions{align-items:stretch;flex-direction:column}.ccb-banner:not(.ccb-banner--marketing) .ccb-ctl{width:100%}}@media(prefers-reduced-motion:reduce){.ccb-overlay,.ccb-banner{animation:none}.ccb-ctl,.ccb-close,.ccb-category,.ccb-toggle,.ccb-toggle:after{transition:none}}