:root{--cc-accent:#2563eb;--cc-ink:#0f172a;--cc-muted:#64748b;--cc-border:#e2e8f0;--cc-bg:#fff;--cc-panel:#fff;--cc-panel-soft:#f8fafc;--cc-shadow:0 24px 70px rgba(2,6,23,.28);--cc-radius:18px;--cc-backdrop:rgba(2,6,23,.52)}
html.cc-open{overflow:hidden}
#cc-root,#cc-root *{box-sizing:border-box}
#cc-root.cc-root{font-family:inherit;color:var(--cc-ink)}
#cc-root .cc-backdrop{position:fixed;inset:0;background:var(--cc-backdrop);z-index:2147483000}
#cc-root .cc-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:2147483001;max-width:1120px;margin:auto;background:var(--cc-panel);color:var(--cc-ink);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
#cc-root .cc-banner[hidden],#cc-root .cc-backdrop[hidden],#cc-root .cc-modal[hidden],#cc-root .cc-reopen[hidden]{display:none!important}
#cc-root .cc-copy h2,#cc-root .cc-modal h2{margin:0 0 7px;font-size:22px;line-height:1.2;color:var(--cc-ink)}
#cc-root .cc-copy p,#cc-root .cc-modal p{margin:0;color:var(--cc-muted);font-size:15px;line-height:1.55}
#cc-root .cc-privacy{display:inline-block;margin-top:9px;color:var(--cc-accent)!important;font-size:14px;text-decoration:underline}
#cc-root .cc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* Buttons are deliberately scoped and explicit so theme/plugin hover CSS cannot wash them out. */
#cc-root .cc-btn,.cc-embed-placeholder button{appearance:none!important;-webkit-appearance:none!important;border-radius:10px;padding:11px 16px;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;border:1px solid transparent;text-decoration:none!important;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}
#cc-root .cc-btn-primary,.cc-embed-placeholder button{background:var(--cc-accent)!important;background-color:var(--cc-accent)!important;border-color:var(--cc-accent)!important;color:#fff!important}
#cc-root .cc-btn-primary:hover,#cc-root .cc-btn-primary:focus-visible,.cc-embed-placeholder button:hover,.cc-embed-placeholder button:focus-visible{background:color-mix(in srgb,var(--cc-accent) 86%,#000)!important;background-color:color-mix(in srgb,var(--cc-accent) 86%,#000)!important;border-color:color-mix(in srgb,var(--cc-accent) 86%,#000)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--cc-accent) 24%,transparent);transform:translateY(-1px);opacity:1!important}
#cc-root .cc-btn-secondary{background:#eff6ff!important;background:color-mix(in srgb,var(--cc-accent) 9%,#fff)!important;color:var(--cc-accent)!important;border-color:color-mix(in srgb,var(--cc-accent) 55%,#fff)!important}
#cc-root .cc-btn-secondary:hover,#cc-root .cc-btn-secondary:focus-visible{background:#dbeafe!important;background:color-mix(in srgb,var(--cc-accent) 16%,#fff)!important;color:color-mix(in srgb,var(--cc-accent) 88%,#000)!important;border-color:var(--cc-accent)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--cc-accent) 13%,transparent);transform:translateY(-1px);opacity:1!important}
#cc-root .cc-btn-link{background:transparent!important;color:#334155!important;border-color:transparent!important;padding-left:8px;padding-right:8px;text-decoration:underline!important}
#cc-root .cc-btn-link:hover,#cc-root .cc-btn-link:focus-visible{background:color-mix(in srgb,var(--cc-accent) 7%,transparent)!important;color:var(--cc-accent)!important;border-color:transparent!important;opacity:1!important}
#cc-root .cc-btn:focus-visible,#cc-root .cc-close:focus-visible,#cc-root .cc-reopen:focus-visible,.cc-embed-placeholder button:focus-visible{outline:3px solid color-mix(in srgb,var(--cc-accent) 35%,transparent)!important;outline-offset:2px}

#cc-root .cc-modal{position:fixed;inset:0;z-index:2147483002;display:grid;place-items:center;padding:20px;overflow:auto}
#cc-root .cc-modal-card{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:var(--cc-panel);color:var(--cc-ink);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:0 30px 90px rgba(2,6,23,.35);padding:26px;position:relative}
#cc-root .cc-close{position:absolute;right:16px;top:12px;border:0!important;background:transparent!important;font-size:30px;line-height:1;color:var(--cc-muted)!important;cursor:pointer;padding:3px 7px;border-radius:8px}
#cc-root .cc-close:hover{background:var(--cc-panel-soft)!important;color:var(--cc-ink)!important}
#cc-root .cc-category{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--cc-border);cursor:pointer;color:var(--cc-ink)}
#cc-root .cc-category:first-of-type{margin-top:18px}
#cc-root .cc-category div{display:grid;gap:4px}
#cc-root .cc-category strong{font-size:15px;color:var(--cc-ink)}
#cc-root .cc-category span{font-size:13px;color:var(--cc-muted);line-height:1.4}
#cc-root .cc-category input{width:42px;height:22px;accent-color:var(--cc-accent);flex:0 0 auto}
#cc-root .cc-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--cc-border)}
#cc-root .cc-reopen{position:fixed;left:14px;bottom:14px;z-index:2147482999;background:var(--cc-panel)!important;color:var(--cc-ink)!important;border:1px solid var(--cc-border)!important;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;box-shadow:0 8px 24px rgba(15,23,42,.12);cursor:pointer}
#cc-root .cc-reopen:hover{background:var(--cc-panel-soft)!important;border-color:color-mix(in srgb,var(--cc-accent) 45%,var(--cc-border))!important;color:var(--cc-accent)!important}
.cc-embed-shell{position:relative;width:100%;min-height:220px;background:var(--cc-panel-soft,#f8fafc);border:1px solid var(--cc-border,#e2e8f0);border-radius:12px;overflow:hidden}
.cc-embed-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;color:var(--cc-ink,#0f172a)}
.cc-embed-placeholder strong{font-size:18px;color:var(--cc-ink,#0f172a)}
.cc-embed-placeholder span{font-size:14px;max-width:480px;color:var(--cc-muted,#64748b)}
.cc-embed-placeholder button{margin-top:4px;padding:9px 14px;font-size:14px}
.cc-embed-shell iframe{width:100%}

/* Presets */
#cc-root.cc-theme-clean{--cc-panel:#fff;--cc-panel-soft:#f8fafc;--cc-ink:#0f172a;--cc-muted:#64748b;--cc-border:#e2e8f0;--cc-radius:18px;--cc-shadow:0 24px 70px rgba(2,6,23,.28);--cc-backdrop:rgba(2,6,23,.52)}
#cc-root.cc-theme-soft{--cc-panel:#f8fbff;--cc-panel-soft:#eef5ff;--cc-ink:#162033;--cc-muted:#5b6b82;--cc-border:#d9e6f6;--cc-radius:22px;--cc-shadow:0 22px 60px rgba(30,64,175,.18);--cc-backdrop:rgba(15,23,42,.45)}
#cc-root.cc-theme-soft .cc-banner,#cc-root.cc-theme-soft .cc-modal-card{background:linear-gradient(145deg,#fff 0%,var(--cc-panel) 100%)}
#cc-root.cc-theme-dark{--cc-panel:#111827;--cc-panel-soft:#1f2937;--cc-ink:#f8fafc;--cc-muted:#cbd5e1;--cc-border:#334155;--cc-radius:18px;--cc-shadow:0 30px 90px rgba(0,0,0,.48);--cc-backdrop:rgba(0,0,0,.66)}
#cc-root.cc-theme-dark .cc-btn-secondary{background:color-mix(in srgb,var(--cc-accent) 18%,#111827)!important;color:#dbeafe!important;border-color:color-mix(in srgb,var(--cc-accent) 60%,#475569)!important}
#cc-root.cc-theme-dark .cc-btn-secondary:hover,#cc-root.cc-theme-dark .cc-btn-secondary:focus-visible{background:color-mix(in srgb,var(--cc-accent) 30%,#111827)!important;color:#fff!important}
#cc-root.cc-theme-dark .cc-btn-link{color:#cbd5e1!important}
#cc-root.cc-theme-dark .cc-btn-link:hover,#cc-root.cc-theme-dark .cc-btn-link:focus-visible{color:#fff!important}
#cc-root.cc-theme-minimal{--cc-panel:#fff;--cc-panel-soft:#fafafa;--cc-ink:#111827;--cc-muted:#6b7280;--cc-border:#d1d5db;--cc-radius:10px;--cc-shadow:0 8px 26px rgba(15,23,42,.12);--cc-backdrop:rgba(17,24,39,.38)}
#cc-root.cc-theme-minimal .cc-banner{padding:18px 20px}
#cc-root.cc-theme-minimal .cc-btn,.cc-embed-placeholder button{border-radius:7px}
#cc-root.cc-theme-minimal .cc-reopen{box-shadow:none}

@media(max-width:760px){#cc-root .cc-banner{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;gap:16px;padding:18px}#cc-root .cc-actions{justify-content:stretch}#cc-root .cc-actions .cc-btn{flex:1 1 100%}#cc-root .cc-modal-card{padding:22px 18px}#cc-root .cc-modal-actions .cc-btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){#cc-root .cc-btn,.cc-embed-placeholder button{transition:none!important;transform:none!important}}