/* Mismo diseño que la extensión en todas las páginas de claudbar.com: noche con estrellas, cristal y violeta. */
:root { --cbx-bg: #05050c; --cbx-surface: rgba(24, 26, 38, .62); --cbx-border: rgba(167, 139, 250, .18); --cbx-text: #f1f1f6; --cbx-muted: #8b8da3; --cbx-accent: #a78bfa; --cbx-accent-2: #7c3aed; color-scheme: dark; }
html, body { background: var(--cbx-bg) !important; color: var(--cbx-text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1 !important; pointer-events: none; opacity: 1 !important;
  background: radial-gradient(1px 1px at 12% 18%, #fff8, transparent), radial-gradient(1px 1px at 72% 12%, #fff6, transparent), radial-gradient(1.5px 1.5px at 40% 64%, #fff7, transparent),
    radial-gradient(1px 1px at 86% 72%, #fff5, transparent), radial-gradient(1px 1px at 22% 82%, #fff6, transparent), radial-gradient(60% 50% at 50% 0%, rgba(124, 58, 237, .22), transparent 70%); }
.card, .panel, .box, section.glass, .dl-card, .plan, details, .tile { background: var(--cbx-surface) !important; border: 1px solid var(--cbx-border) !important; border-radius: 18px !important; backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4); box-shadow: none; }
button.primary, .btn.primary, .btn.glow, a.primary, button[type=submit] { background: linear-gradient(135deg, var(--cbx-accent), var(--cbx-accent-2)) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 8px 28px rgba(124, 58, 237, .35); }
input, select, textarea { background: rgba(255, 255, 255, .05) !important; color: var(--cbx-text) !important; border: 1px solid var(--cbx-border) !important; border-radius: 12px !important; }
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(167, 139, 250, .5); outline-offset: 1px; }
a { color: var(--cbx-accent); }
small, .muted, .sub { color: var(--cbx-muted); }