cookiecraft 1.0.7 → 1.0.8

package/README.md

@@ -1,86 +1,73 @@
 # CookieCraft
 
-🍪 **Lightweight GDPR-compliant cookie consent library for any website**
+[![npm version](https://img.shields.io/npm/v/cookiecraft.svg)](https://www.npmjs.com/package/cookiecraft)
+[![bundle size](https://img.shields.io/bundlephobia/minzip/cookiecraft)](https://bundlephobia.com/package/cookiecraft)
+[![license](https://img.shields.io/npm/l/cookiecraft.svg)](https://github.com/Fz3dev/cookiecraft/blob/main/LICENSE)
 
-Open-source cookie consent library with modern UI, full RGPD compliance, and Google Consent Mode v2 support. Perfect for Webflow, WordPress, Shopify, or any website.
+**Lightweight GDPR-compliant cookie consent library for any website.**
+
+Zero dependencies. Modern UI. Google Consent Mode v2 built-in. Works on Webflow, WordPress, Shopify, or any site.
+
+[Live Configurator](https://fz3dev.github.io/cookiecraft/settings.html) | [Demo](https://fz3dev.github.io/cookiecraft/)
 
 ## Features
 
-- ✅ **GDPR Compliant** - Full opt-in, cookie blocking before consent
-- 🎨 **Modern UI** - Beautiful, professional design
-- ⚡ **Lightweight** - < 15KB total (JS + CSS minified)
-- 🚀 **Zero Dependencies** - Pure Vanilla JavaScript
-- 🎯 **Universal** - Works on any website (Webflow, WordPress, Shopify, custom sites)
-- 📱 **Responsive** - Mobile-first design
-- ♿ **Accessible** - WCAG 2.2 AA compliant
-- 🔌 **GTM Ready** - Google Consent Mode v2 built-in
-- 🎨 **Customizable** - CSS variables for easy theming
-- 🌐 **i18n Ready** - Multi-language support
+- **GDPR Compliant** — Full opt-in mode, script blocking before consent, cookie purge on rejection
+- **Lightweight** — < 15KB total (JS + CSS), zero runtime dependencies
+- **Modern UI** — Clean design, dark/light/auto themes, smooth animations
+- **GTM Ready** — Google Consent Mode v2 built-in (ad_storage, analytics_storage, etc.)
+- **Accessible** — WCAG 2.2 AA, focus trapping, keyboard navigation, ARIA attributes
+- **Customizable** — Primary color, layouts, positions, translations, CSS variables
+- **Universal** — Works on any website via CDN (Webflow, WordPress, Shopify, custom)
+- **Script Blocking** — Prevents tracking scripts from firing before consent
+- **Floating Widget** — Persistent button for users to update preferences anytime
+- **Visual Configurator** — No-code setup tool that generates ready-to-paste code
 
 ## Quick Start
 
-### For Webflow
-
-Add this code in **Site Settings > Custom Code > Footer**:
+Add this before `</body>` on your site:
 
 ```html
-<!-- CSS -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookiecraft@1/dist/cookiecraft.min.css">
-
-<!-- JavaScript -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookiecraft@1/dist/cookiecraft.css">
 <script src="https://cdn.jsdelivr.net/npm/cookiecraft@1/dist/cookiecraft.min.js"></script>
 
-<!-- Initialize -->
 <script>
-  const cookieConsent = new CookieCraft.CookieConsent({
-    mode: 'opt-in',
-    autoShow: true,
-    revision: 1,
-
-    categories: {
-      necessary: {
-        enabled: true,
-        readOnly: true,
-        label: 'Essentiels',
-        description: 'Nécessaires au bon fonctionnement du site'
-      },
-      analytics: {
-        enabled: false,
-        readOnly: false,
-        label: 'Statistiques',
-        description: 'Pour comprendre comment vous utilisez notre site'
-      },
-      marketing: {
-        enabled: false,
-        readOnly: false,
-        label: 'Marketing',
-        description: 'Pour vous proposer du contenu personnalisé'
-      }
-    },
-
-    theme: 'auto',
-    primaryColor: '#0066cc'
-  });
-
-  cookieConsent.init();
+new CookieCraft.CookieConsent({
+  primaryColor: '#0066cc',
+  categories: {
+    necessary: { enabled: true, readOnly: true, label: 'Essential', description: 'Required for the website to function.' },
+    analytics: { enabled: true, readOnly: false, label: 'Analytics', description: 'Help us understand how you use our site.' },
+    marketing: { enabled: true, readOnly: false, label: 'Marketing', description: 'Used to deliver relevant ads.' }
+  },
+  translations: {
+    title: 'Your privacy matters',
+    description: 'We use cookies to improve your experience. You choose which ones you accept.'
+  }
+}).init();
 </script>
 ```
 
-### Block Third-Party Scripts
+Or use the **[Visual Configurator](https://fz3dev.github.io/cookiecraft/settings.html)** to generate your code without writing anything.
+
+### Platform-specific instructions
+
+**Webflow** — Paste in Site Settings > Custom Code > Footer Code.
+
+**WordPress** — Paste in your theme's `footer.php` before `</body>`, or use a "Insert Headers and Footers" plugin.
 
-Change your tracking scripts to use `type="text/plain"` and `data-cookieconsent` attribute:
+**Shopify** — Paste in Online Store > Themes > Edit Code > `theme.liquid` before `</body>`.
+
+## Script Blocking
+
+Change tracking scripts to `type="text/plain"` with a `data-cookieconsent` attribute. CookieCraft blocks them until the user consents:
 
 ```html
-<!-- Google Analytics - Blocked until analytics consent -->
-<script type="text/plain" data-cookieconsent="analytics">
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;...})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-  ga('create', 'UA-XXXXX-Y', 'auto');
-  ga('send', 'pageview');
-</script>
+<!-- Google Analytics — blocked until analytics consent -->
+<script type="text/plain" data-cookieconsent="analytics"
+  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
 
-<!-- Facebook Pixel - Blocked until marketing consent -->
+<!-- Facebook Pixel — blocked until marketing consent -->
 <script type="text/plain" data-cookieconsent="marketing">
-  !function(f,b,e,v,n,t,s){...}
   fbq('init', 'YOUR_PIXEL_ID');
   fbq('track', 'PageView');
 </script>
@@ -88,160 +75,56 @@ Change your tracking scripts to use `type="text/plain"` and `data-cookieconsent`
 
 ## Layout Options
 
-Choose from multiple banner styles and positions to match your site's design:
-
 ### Banner Layouts
 
-- **`bar`** (default) - Full-width banner at top or bottom
-- **`box`** - Compact modal in corner or center
-- **`floating`** - Small notification-style banner
+| Layout | Description |
+|---|---|
+| `bar` | Full-width banner at top or bottom |
+| `box` | Compact modal in corner or center |
+| `floating` | Small notification-style banner |
 
-### Banner Positions
+### Positions
 
-- **`bottom`** (default) - Bottom of the screen
-- **`top`** - Top of the screen
-- **`center`** - Centered modal with overlay
-- **`bottom-left`** - Bottom left corner
-- **`bottom-right`** - Bottom right corner
+`bottom` (default), `top`, `center`, `bottom-left`, `bottom-right`
 
 ### Floating Widget
 
-A permanent button that stays visible after consent, allowing users to modify preferences anytime:
+A permanent button that stays visible after consent, letting users modify preferences:
 
-- **`showWidget`** (default: `true`) - Show/hide the floating widget
-- **`widgetPosition`** (default: `'bottom-right'`) - Widget position: `'bottom-left'`, `'bottom-right'`, `'top-left'`, `'top-right'`
+```javascript
+new CookieCraft.CookieConsent({
+  showWidget: true,                  // default: true
+  widgetPosition: 'bottom-left',     // default: 'bottom-left'
+  widgetStyle: 'compact',            // 'compact' or 'full'
+});
+```
 
 ### Examples
 
 ```javascript
 // Full-width bar at bottom (classic)
-const consent = new CookieCraft.CookieConsent({
-  layout: 'bar',
-  position: 'bottom',
-  showWidget: true,
-  widgetPosition: 'bottom-right'
-});
+new CookieCraft.CookieConsent({ layout: 'bar', position: 'bottom' }).init();
 
-// Small modal in bottom-right corner (modern)
-const consent = new CookieCraft.CookieConsent({
-  layout: 'box',
-  position: 'bottom-right',
-  showWidget: true,
-  widgetPosition: 'bottom-left'  // Widget on opposite side
-});
-
-// Compact floating notification (minimal)
-const consent = new CookieCraft.CookieConsent({
-  layout: 'floating',
-  position: 'bottom-right',
-  showWidget: false  // No widget needed, already compact
-});
+// Compact box in bottom-right (modern)
+new CookieCraft.CookieConsent({ layout: 'box', position: 'bottom-right' }).init();
 
 // Centered modal with overlay (maximum attention)
-const consent = new CookieCraft.CookieConsent({
+new CookieCraft.CookieConsent({
   layout: 'box',
   position: 'center',
-  disablePageInteraction: true,  // Block page until choice
-  showWidget: true
-});
+  disablePageInteraction: true
+}).init();
 ```
 
-## Configuration
+## GTM Consent Mode v2
 
-### Basic Options
-
-```typescript
-interface ConsentConfig {
-  // Core settings
-  mode: 'opt-in' | 'opt-out';           // GDPR requires 'opt-in'
-  autoShow: boolean;                     // Show banner on first visit
-  revision: number;                      // Policy version (increment to re-ask)
-
-  // Categories
-  categories: {
-    necessary: CategoryConfig;
-    analytics: CategoryConfig;
-    marketing: CategoryConfig;
-    preferences?: CategoryConfig;
-  };
-
-  // UI customization
-  theme?: 'light' | 'dark' | 'auto';
-  layout?: 'bar' | 'box' | 'floating';  // Banner layout style
-  position?: 'bottom' | 'top' | 'center' | 'bottom-left' | 'bottom-right';
-  primaryColor?: string;                 // Hex color
-  backdropBlur?: boolean;                // Backdrop blur effect
-  animationStyle?: 'smooth' | 'minimal';
-
-  // Floating widget
-  showWidget?: boolean;                  // Show permanent settings button
-  widgetPosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-
-  // Content
-  translations?: Translation;
-
-  // Integration
-  gtmConsentMode?: boolean;              // Enable GTM Consent Mode v2
-
-  // Accessibility
-  disablePageInteraction?: boolean;      // Block page until consent
-
-  // Callbacks
-  onAccept?: (categories) => void;
-  onChange?: (categories) => void;
-  onReject?: () => void;
-}
-```
-
-### Category Configuration
-
-```typescript
-interface CategoryConfig {
-  enabled: boolean;      // Default state
-  readOnly: boolean;     // If true, user cannot toggle
-  label: string;         // Display name
-  description: string;   // Explanation
-}
-```
-
-### Customization Examples
-
-#### Custom Colors
-
-```javascript
-const cookieConsent = new CookieCraft.CookieConsent({
-  primaryColor: '#ff6b6b',    // Red theme
-  theme: 'dark',
-  // ...
-});
-```
-
-#### Custom Text
-
-```javascript
-const cookieConsent = new CookieCraft.CookieConsent({
-  translations: {
-    title: 'Nous respectons votre vie privée',
-    description: 'Choisissez les cookies que vous acceptez',
-    acceptAll: 'Tout accepter',
-    rejectAll: 'Tout refuser',
-    customize: 'Personnaliser',
-    savePreferences: 'Enregistrer',
-    cookieSettings: 'Paramètres cookies',  // Floating widget tooltip
-    cookies: 'Cookies',                    // Floating widget text
-  },
-  // ...
-});
-```
-
-#### With GTM Consent Mode v2
+CookieCraft natively supports Google Consent Mode v2. Just enable it:
 
 ```html
-<!-- In HEAD, BEFORE GTM -->
+<!-- In HEAD, before GTM -->
 <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
-
   gtag('consent', 'default', {
     'ad_storage': 'denied',
     'analytics_storage': 'denied',
@@ -253,166 +136,150 @@ const cookieConsent = new CookieCraft.CookieConsent({
 <!-- Google Tag Manager -->
 <script>(function(w,d,s,l,i){...})(window,document,'script','dataLayer','GTM-XXXX');</script>
 
-<!-- In FOOTER -->
+<!-- In FOOTER, with CookieCraft -->
 <script>
-  const cookieConsent = new CookieCraft.CookieConsent({
-    gtmConsentMode: true,  // Enable GTM integration
-    // ...
-  });
-  cookieConsent.init();
+new CookieCraft.CookieConsent({
+  gtmConsentMode: true,
+  // ...
+}).init();
 </script>
 ```
 
-## API
+CookieCraft automatically maps categories to GTM signals:
 
-### Methods
+| Category | GTM Signals |
+|---|---|
+| `marketing` | `ad_storage`, `ad_user_data`, `ad_personalization` |
+| `analytics` | `analytics_storage` |
+| `preferences` | `functionality_storage`, `personalization_storage` |
 
-```javascript
-// Initialize
-cookieConsent.init();
+## Configuration
 
-// Show banner
-cookieConsent.show();
+```typescript
+interface ConsentConfig {
+  // Core
+  mode?: 'opt-in' | 'opt-out';          // default: 'opt-in'
+  autoShow?: boolean;                    // default: true
+  revision?: number;                     // increment to re-ask consent
 
-// Hide banner
-cookieConsent.hide();
+  // Categories
+  categories?: Record<string, {
+    enabled: boolean;
+    readOnly: boolean;
+    label: string;
+    description: string;
+  }>;
+
+  // Appearance
+  theme?: 'light' | 'dark' | 'auto';    // default: 'light'
+  layout?: 'bar' | 'box' | 'floating';  // default: 'box'
+  position?: string;                     // default: 'bottom-left'
+  primaryColor?: string;                 // hex color
+  backdropBlur?: boolean;
+  animationStyle?: 'smooth' | 'minimal';
 
-// Show preferences modal
-cookieConsent.showPreferences();
+  // Widget
+  showWidget?: boolean;                  // default: true
+  widgetPosition?: string;               // default: 'bottom-left'
+  widgetStyle?: 'compact' | 'full';      // default: 'compact'
 
-// Get current consent
-const consent = cookieConsent.getConsent();
-// Returns: { version, timestamp, categories, expiresAt }
+  // Content
+  translations?: Translation;
 
-// Reset (clear and re-show)
-cookieConsent.reset();
+  // GTM
+  gtmConsentMode?: boolean;              // default: false
 
-// Event listeners
-cookieConsent.on('consent:accept', (categories) => {
-  console.log('Accepted:', categories);
-});
+  // Accessibility
+  disablePageInteraction?: boolean;      // default: false
 
-cookieConsent.on('consent:update', (categories) => {
-  console.log('Updated:', categories);
-});
+  // Callbacks
+  onAccept?: (categories) => void;
+  onChange?: (categories) => void;
+  onReject?: () => void;
+}
 ```
 
-### Events
-
-- `consent:init` - Library initialized
-- `consent:show` - Banner shown
-- `consent:accept` - All accepted
-- `consent:reject` - All rejected
-- `consent:update` - Consent changed
-- `consent:load` - Stored consent loaded
-- `preferences:show` - Preferences modal shown
-- `script:activated` - Script unblocked
-
-### Cookie Settings Access
-
-#### Option 1: Floating Widget (Automatic)
-
-The library automatically shows a permanent floating button after consent (enabled by default):
+## API
 
 ```javascript
-const cookieConsent = new CookieCraft.CookieConsent({
-  showWidget: true,                    // Show floating widget (default)
-  widgetPosition: 'bottom-right',      // Position
-  // ...
-});
+const cc = new CookieCraft.CookieConsent({ /* config */ });
+
+cc.init();                // Initialize and show banner if needed
+cc.show();                // Show banner manually
+cc.hide();                // Hide banner
+cc.showPreferences();     // Open preferences modal
+cc.getConsent();          // Get current consent record
+cc.reset();               // Clear consent and re-show banner
+cc.destroy();             // Remove all UI elements
+
+// Events
+cc.on('consent:accept', (categories) => { /* ... */ });
+cc.on('consent:reject', (categories) => { /* ... */ });
+cc.on('consent:update', (categories) => { /* ... */ });
+cc.on('preferences:show', () => { /* ... */ });
+cc.on('script:activated', (script) => { /* ... */ });
 ```
 
-#### Option 2: Custom Button (Manual)
+### All Events
 
-In Webflow Designer, add your own button and connect it:
-
-```html
-<script>
-  document.getElementById('cookie-settings')?.addEventListener('click', () => {
-    window.cookieConsent?.showPreferences();
-  });
-</script>
-```
+| Event | Payload | Description |
+|---|---|---|
+| `consent:init` | — | Library initialized |
+| `consent:show` | — | Banner shown |
+| `consent:accept` | `categories` | User accepted all |
+| `consent:reject` | `categories` | User rejected non-essential |
+| `consent:update` | `categories` | Consent changed via preferences |
+| `consent:load` | `record` | Stored consent loaded |
+| `preferences:show` | — | Preferences modal opened |
+| `preferences:hide` | — | Preferences modal closed |
+| `script:activated` | `element` | Blocked script re-enabled |
 
 ## Styling
 
-### CSS Variables
-
-Customize appearance using CSS variables:
+Override any style with CSS variables:
 
 ```css
 :root {
-  /* Colors */
   --cc-primary: #0066cc;
   --cc-bg: #ffffff;
   --cc-text: #1a1a1a;
   --cc-text-secondary: #666666;
-
-  /* Spacing */
   --cc-padding: 1.5rem;
   --cc-gap: 0.75rem;
-
-  /* Borders */
   --cc-border-radius: 12px;
   --cc-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
-
-  /* Animations */
   --cc-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 ```
 
 ## Browser Support
 
-- Chrome/Edge (last 2 versions)
-- Firefox (last 2 versions)
-- Safari (last 2 versions)
-- iOS Safari (last 2 versions)
-- Chrome Android (last 2 versions)
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Dev mode with watch
-npm run dev
+Chrome, Edge, Firefox, Safari (last 2 versions), iOS Safari, Chrome Android.
 
-# Build
-npm run build
+## Why CookieCraft?
 
-# Run tests
-npm test
+| | CookieCraft | Cookiebot | OneTrust |
+|---|---|---|---|
+| **Price** | Free | From 12/mo | From 200/mo |
+| **Size** | ~15KB | ~100KB+ | ~150KB+ |
+| **Dependencies** | 0 | Multiple | Multiple |
+| **Self-hosted** | Yes | No | No |
+| **GTM Consent Mode v2** | Yes | Yes | Yes |
+| **Visual Configurator** | Yes | Dashboard | Dashboard |
+| **Open Source** | MIT | No | No |
 
-# Type check
-npm run type-check
+## Development
 
-# Check bundle size
-npm run size
+```bash
+npm install        # Install dependencies
+npm run dev        # Watch mode
+npm run build      # Production build
+npm test           # Run tests
+npm run lint       # Lint
+npm run type-check # TypeScript check
+npm run size       # Bundle size check
 ```
 
-## Why This Library?
-
-### vs Premium Solutions
-
-- **Cost**: Free vs €39+/month
-- **Performance**: 10-15KB vs 50-100KB+
-- **Privacy**: Self-hosted option vs SaaS only
-- **Flexibility**: Full code access vs black box
-
-## Contributing
-
-Contributions are welcome! Please feel free to submit a Pull Request.
-
 ## License
 
-MIT © 2026
-
-## Credits
-
-Inspired by:
-- [vanilla-cookieconsent](https://github.com/orestbida/cookieconsent) - Technical patterns
-
----
-
-Made with ❤️ for the open web
+MIT

package/dist/cookiecraft.css

@@ -1 +1 @@
-.cc-banner,.cc-modal,.cc-widget{--cc-primary:#1a1a1a;--cc-primary-hover:#333;--cc-primary-glow:color-mix(in srgb,var(--cc-primary) 30%,transparent);--cc-bg:#fff;--cc-text:#1a1a1a;--cc-text-secondary:#666;--cc-border:#e5e7eb;--cc-overlay:rgba(0,0,0,.4);--cc-padding:1.125rem;--cc-gap:0.5rem;--cc-border-radius:12px;--cc-shadow:0 -4px 24px rgba(0,0,0,.12);--cc-transition:0.3s cubic-bezier(0.4,0,0.2,1);--cc-backdrop-blur:10px;--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.cc-banner *,.cc-modal *,.cc-widget *{box-sizing:border-box;margin:0;padding:0}.cc-banner{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cc-bg);bottom:0;box-shadow:var(--cc-shadow);font-family:var(--cc-font-family);left:0;padding:var(--cc-padding);position:fixed;right:0;transform:translateY(100%);transition:transform var(--cc-transition);z-index:9999}.cc-banner.cc-backdrop-blur{backdrop-filter:blur(var(--cc-backdrop-blur));background:hsla(0,0%,100%,.95)}.cc-banner.is-visible{transform:translateY(0)}.cc-banner__container{margin:0 auto;max-width:1200px}.cc-banner__content{margin-bottom:1rem}.cc-banner__title{color:var(--cc-text);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 .375rem}.cc-banner__description{color:var(--cc-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.cc-banner__description a{color:var(--cc-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.cc-banner__description a:hover{color:var(--cc-primary-hover);text-decoration:underline}.cc-banner__actions{display:flex;flex-wrap:wrap;gap:var(--cc-gap)}.cc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:500;justify-content:center;letter-spacing:-.01em;min-height:36px;min-width:36px;padding:.5rem 1.125rem;text-decoration:none;transition:all .2s ease}.cc-btn:focus-visible{outline:3px solid var(--cc-primary);outline-offset:2px}.cc-btn:disabled{cursor:not-allowed;opacity:.6}.cc-btn--accept{background:var(--cc-primary);color:#fff}.cc-btn--accept:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--accept:active:not(:disabled){transform:translateY(0)}.cc-btn--ghost{background:transparent;color:var(--cc-text-secondary);font-size:.75rem;padding:.5rem .75rem}.cc-btn--ghost:hover:not(:disabled){color:var(--cc-text);text-decoration:underline}.cc-btn--ghost:active:not(:disabled){transform:translateY(0)}.cc-btn--primary{background:var(--cc-primary);color:#fff}.cc-btn--primary:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--primary:active:not(:disabled){transform:translateY(0)}.cc-btn--secondary{background:#f3f4f6;color:var(--cc-text)}.cc-btn--secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.cc-btn--secondary:active:not(:disabled){transform:translateY(0)}.cc-btn--tertiary{background:transparent;border:1px solid var(--cc-border);color:var(--cc-text-secondary)}.cc-btn--tertiary:hover:not(:disabled){background:rgba(0,0,0,.03);color:var(--cc-text);transform:translateY(-1px)}.cc-btn--tertiary:active:not(:disabled){transform:translateY(0)}@media (min-width:768px){.cc-banner--bar .cc-banner__container{align-items:center;display:flex;gap:2rem;justify-content:space-between}.cc-banner--bar .cc-banner__content{flex:1;margin-bottom:0}.cc-banner--bar .cc-banner__actions{flex-shrink:0}}.cc-banner--top{bottom:auto;box-shadow:0 4px 24px rgba(0,0,0,.12);top:0;transform:translateY(-100%)}.cc-banner--top.is-visible{transform:translateY(0)}.cc-banner--center{border-radius:var(--cc-border-radius);bottom:auto;left:50%;max-width:600px;opacity:0;right:auto;top:50%;transform:translate(-50%,-50%) scale(.9)}.cc-banner--center.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.cc-banner--bottom-right{border-radius:var(--cc-border-radius);bottom:1.5rem;left:auto;max-width:420px;right:1.5rem;transform:translateX(calc(100% + 2rem))}.cc-banner--bottom-right.is-visible{transform:translateX(0)}.cc-banner--bottom-left{border-radius:var(--cc-border-radius);bottom:1.5rem;left:1.5rem;max-width:420px;right:auto;transform:translateX(calc(-100% - 2rem))}.cc-banner--bottom-left.is-visible{transform:translateX(0)}.cc-banner--box{border-radius:var(--cc-border-radius);max-width:420px}.cc-banner--box .cc-banner__container{display:block}.cc-banner--box .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--box .cc-banner__actions .cc-btn{width:100%}.cc-banner--floating{border-radius:var(--cc-border-radius);box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:380px}.cc-banner--floating .cc-banner__container{display:block}.cc-banner--floating .cc-banner__title{font-size:1rem}.cc-banner--floating .cc-banner__description{font-size:.8125rem}.cc-banner--floating .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--floating .cc-banner__actions .cc-btn{font-size:.8125rem;padding:.625rem 1rem;width:100%}@media (prefers-color-scheme:dark){.cc-banner[data-theme=auto]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=auto].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=auto] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=auto] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=auto] .cc-btn--reject{background:#fff;color:#1a1a1a}.cc-banner[data-theme=auto] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}}.cc-banner[data-theme=dark]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=dark].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=dark] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=dark] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=dark] .cc-btn--reject{background:#fff;color:#1a1a1a}.cc-banner[data-theme=dark] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}@keyframes cc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cc-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cc-backdropFadeIn{0%{opacity:0}to{opacity:1}}.cc-animate-fadeIn{animation:cc-fadeIn .3s ease-out}.cc-animate-slideUp{animation:cc-slideUp .4s cubic-bezier(.4,0,.2,1)}.cc-animate-slideDown{animation:cc-slideDown .4s cubic-bezier(.4,0,.2,1)}.cc-animate-scaleIn{animation:cc-scaleIn .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.cc-banner{transition:none}.cc-animate-fadeIn,.cc-animate-scaleIn,.cc-animate-slideDown,.cc-animate-slideUp{animation:none}.cc-btn{transition:none}}.cc-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--cc-transition);z-index:10000}.cc-modal.is-visible{opacity:1;pointer-events:all}.cc-modal__overlay{background:var(--cc-overlay);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.cc-modal__content{background:var(--cc-bg);border-radius:var(--cc-border-radius);box-shadow:0 16px 48px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;position:relative;transform:scale(.9);transition:transform var(--cc-transition);width:100%}.cc-modal.is-visible .cc-modal__content{transform:scale(1)}.cc-modal__header{align-items:center;background:linear-gradient(135deg,var(--cc-primary) 0,var(--cc-primary-hover) 100%);display:flex;flex-shrink:0;justify-content:space-between;padding:1.125rem 1.25rem}.cc-modal__header h2{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin:0}.cc-modal__close{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease}.cc-modal__close svg{height:18px;width:18px}.cc-modal__close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.cc-modal__close:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.cc-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.cc-category{border-bottom:1px solid var(--cc-border);padding:.75rem 0}.cc-category:last-child{border-bottom:none}.cc-category__header{align-items:center;display:flex;gap:.75rem}.cc-category__info{flex:1}.cc-category__info h3{color:var(--cc-text);font-size:.8125rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .125rem}.cc-category__info p{color:var(--cc-text-secondary);font-size:.75rem;line-height:1.4;margin:0}.cc-toggle{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cc-toggle input{height:0;opacity:0;position:absolute;width:0}.cc-toggle__slider{background:#d1d5db;border-radius:10px;height:20px;position:relative;transition:background-color .2s ease;width:36px}.cc-toggle__slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:16px}.cc-toggle input:checked+.cc-toggle__slider{background:var(--cc-primary)}.cc-toggle input:checked+.cc-toggle__slider:before{transform:translateX(16px)}.cc-toggle input:focus-visible+.cc-toggle__slider{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-toggle--disabled{cursor:not-allowed;opacity:.6}.cc-toggle--disabled input:checked+.cc-toggle__slider{background:#9ca3af}.cc-modal__footer{align-items:center;border-top:1px solid var(--cc-border);display:flex;flex-shrink:0;gap:var(--cc-gap);justify-content:space-between;padding:1rem 1.25rem}.cc-modal__footer-links{align-items:center;display:flex;gap:.5rem}.cc-modal__footer-actions{display:flex;gap:var(--cc-gap)}.cc-privacy-link{align-items:center;color:var(--cc-text-secondary);display:inline-flex;font-size:.875rem;gap:.25rem;text-decoration:none;transition:color .2s ease}.cc-privacy-link:hover{color:var(--cc-primary);text-decoration:underline}@media (prefers-color-scheme:dark){.cc-modal[data-theme=auto] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=auto] .cc-category__info h3{color:#fff}.cc-modal[data-theme=auto] .cc-category__info p{color:#a0a0a0}.cc-modal[data-theme=auto] .cc-category,.cc-modal[data-theme=auto] .cc-modal__footer{border-color:#333}.cc-modal[data-theme=auto] .cc-toggle__slider{background:#444}.cc-modal[data-theme=auto] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-modal[data-theme=auto] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-modal[data-theme=auto] .cc-modal__close:hover{background:hsla(0,0%,100%,.1)}}.cc-modal[data-theme=dark] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=dark] .cc-category__info h3{color:#fff}.cc-modal[data-theme=dark] .cc-category__info p{color:#a0a0a0}.cc-modal[data-theme=dark] .cc-category,.cc-modal[data-theme=dark] .cc-modal__footer{border-color:#333}.cc-modal[data-theme=dark] .cc-toggle__slider{background:#444}.cc-modal[data-theme=dark] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-modal[data-theme=dark] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-modal[data-theme=dark] .cc-modal__close:hover{background:hsla(0,0%,100%,.1)}.cc-modal--bottom-right{align-items:flex-end;justify-content:flex-end;padding:1.5rem}.cc-modal--bottom-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--bottom-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--bottom-left{align-items:flex-end;justify-content:flex-start;padding:1.5rem}.cc-modal--bottom-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--bottom-left.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-right{align-items:flex-start;justify-content:flex-end;padding:1.5rem}.cc-modal--top-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--top-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-left{align-items:flex-start;justify-content:flex-start;padding:1.5rem}.cc-modal--top-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--top-left.is-visible .cc-modal__content{transform:translateX(0)}@media (max-width:640px){.cc-modal{align-items:flex-end;padding:0}.cc-modal__content{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;transform:translateY(100%);width:100%}.cc-modal.is-visible .cc-modal__content{transform:translateY(0)}.cc-modal__body{padding:1rem 1.25rem}.cc-modal__footer{align-items:stretch;flex-direction:column;padding:1rem 1.25rem 1.5rem}.cc-modal__footer-links{justify-content:center;margin-top:.75rem;order:2}.cc-modal__footer-actions{flex-direction:column;order:1;width:100%}.cc-modal__footer .cc-btn{width:100%}}.cc-widget{align-items:center;background:#fff;border:1.5px solid var(--cc-primary);border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--cc-primary);cursor:pointer;display:flex;font-family:var(--cc-font-family);gap:.5rem;min-height:40px;opacity:0;padding:.625rem .875rem;position:fixed;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9998}.cc-widget.is-visible{opacity:1;transform:scale(1)}.cc-widget:hover{background:var(--cc-primary);box-shadow:0 4px 16px rgba(0,0,0,.12);color:#fff;transform:scale(1.05)}.cc-widget:active{transform:scale(.98)}.cc-widget:focus-visible{outline:3px solid #fff;outline-offset:2px}.cc-widget__icon{flex-shrink:0;height:20px;width:20px}.cc-widget__text{color:inherit;font-size:.8125rem;font-weight:500;white-space:nowrap}.cc-widget--bottom-right{bottom:1.5rem;right:1.5rem}.cc-widget--bottom-left{bottom:1.5rem;left:1.5rem}.cc-widget--top-right{right:1.5rem;top:1.5rem}.cc-widget--top-left{left:1.5rem;top:1.5rem}.cc-widget--compact{border-radius:50%;height:42px;justify-content:center;padding:.625rem;width:42px}.cc-widget--compact .cc-widget__text{display:none}@media (max-width:640px){.cc-widget--full .cc-widget__text{display:none}.cc-widget--full{border-radius:50%;height:44px;justify-content:center;padding:.625rem;width:44px}}@keyframes cc-widget-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cc-widget.is-visible{animation:cc-widget-bounce .4s cubic-bezier(.4,0,.2,1)}.cc-widget[data-theme=dark]{background:#1a1a1a;border-color:var(--cc-primary);color:var(--cc-primary)}.cc-widget[data-theme=dark]:hover{background:var(--cc-primary);color:#fff}@media (prefers-color-scheme:dark){.cc-widget[data-theme=auto]{background:#1a1a1a;border-color:var(--cc-primary);color:var(--cc-primary)}.cc-widget[data-theme=auto]:hover{background:var(--cc-primary);color:#fff}}@media (prefers-reduced-motion:reduce){.cc-widget{transition:none}.cc-widget.is-visible{animation:none}.cc-widget:hover{transform:none}}
+.cc-banner,.cc-modal,.cc-widget{--cc-primary:#1a1a1a;--cc-primary-hover:#333;--cc-primary-glow:rgba(0,0,0,.12);--cc-bg:#fff;--cc-text:#1a1a1a;--cc-text-secondary:#666;--cc-border:#e5e7eb;--cc-overlay:rgba(0,0,0,.4);--cc-padding:1.125rem;--cc-gap:0.5rem;--cc-border-radius:12px;--cc-shadow:0 -4px 24px rgba(0,0,0,.12);--cc-transition:0.3s cubic-bezier(0.4,0,0.2,1);--cc-backdrop-blur:10px;--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.cc-banner *,.cc-modal *,.cc-widget *{box-sizing:border-box;margin:0;padding:0}.cc-banner{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cc-bg);bottom:0;box-shadow:var(--cc-shadow);font-family:var(--cc-font-family);left:0;padding:var(--cc-padding);position:fixed;right:0;transform:translateY(100%);transition:transform var(--cc-transition);z-index:2147483647}.cc-banner.cc-backdrop-blur{backdrop-filter:blur(var(--cc-backdrop-blur));background:hsla(0,0%,100%,.95)}.cc-banner.is-visible{transform:translateY(0)}.cc-banner__container{margin:0 auto;max-width:1200px}.cc-banner__content{margin-bottom:1rem}.cc-banner__title{color:var(--cc-text);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 .375rem}.cc-banner__description{color:var(--cc-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.cc-banner__description a{color:var(--cc-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.cc-banner__description a:hover{color:var(--cc-primary-hover);text-decoration:underline}.cc-banner__actions{display:flex;flex-wrap:wrap;gap:var(--cc-gap)}.cc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:500;justify-content:center;letter-spacing:-.01em;min-height:36px;min-width:36px;padding:.5rem 1.125rem;text-decoration:none;transition:all .2s ease}.cc-btn:focus-visible{outline:3px solid var(--cc-primary);outline-offset:2px}.cc-btn:disabled{cursor:not-allowed;opacity:.6}.cc-btn--accept{background:var(--cc-primary);color:#fff}.cc-btn--accept:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--accept:active:not(:disabled){transform:translateY(0)}.cc-btn--ghost{background:transparent;color:var(--cc-text-secondary);font-size:.75rem;padding:.5rem .75rem}.cc-btn--ghost:hover:not(:disabled){color:var(--cc-text);text-decoration:underline}.cc-btn--ghost:active:not(:disabled){transform:translateY(0)}.cc-btn--primary{background:var(--cc-primary);color:#fff}.cc-btn--primary:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:0 4px 12px var(--cc-primary-glow);transform:translateY(-1px)}.cc-btn--primary:active:not(:disabled){transform:translateY(0)}.cc-btn--secondary{background:#f3f4f6;color:var(--cc-text)}.cc-btn--secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.cc-btn--secondary:active:not(:disabled){transform:translateY(0)}.cc-btn--tertiary{background:transparent;border:1px solid var(--cc-border);color:var(--cc-text-secondary)}.cc-btn--tertiary:hover:not(:disabled){background:rgba(0,0,0,.03);color:var(--cc-text);transform:translateY(-1px)}.cc-btn--tertiary:active:not(:disabled){transform:translateY(0)}@media (min-width:768px){.cc-banner--bar .cc-banner__container{align-items:center;display:flex;gap:2rem;justify-content:space-between}.cc-banner--bar .cc-banner__content{flex:1;margin-bottom:0}.cc-banner--bar .cc-banner__actions{flex-shrink:0}}.cc-banner--top{bottom:auto;box-shadow:0 4px 24px rgba(0,0,0,.12);top:0;transform:translateY(-100%)}.cc-banner--top.is-visible{transform:translateY(0)}.cc-banner--center{border-radius:var(--cc-border-radius);bottom:auto;left:50%;max-width:600px;opacity:0;right:auto;top:50%;transform:translate(-50%,-50%) scale(.9)}.cc-banner--center.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.cc-banner--bottom-right{border-radius:var(--cc-border-radius);bottom:1.5rem;left:auto;max-width:420px;right:1.5rem;transform:translateX(calc(100% + 2rem))}.cc-banner--bottom-right.is-visible{transform:translateX(0)}.cc-banner--bottom-left{border-radius:var(--cc-border-radius);bottom:1.5rem;left:1.5rem;max-width:420px;right:auto;transform:translateX(calc(-100% - 2rem))}.cc-banner--bottom-left.is-visible{transform:translateX(0)}.cc-banner--box{border-radius:var(--cc-border-radius);max-width:420px}.cc-banner--box .cc-banner__container{display:block}.cc-banner--box .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--box .cc-banner__actions .cc-btn{width:100%}.cc-banner--floating{border-radius:var(--cc-border-radius);box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:380px}.cc-banner--floating .cc-banner__container{display:block}.cc-banner--floating .cc-banner__title{font-size:1rem}.cc-banner--floating .cc-banner__description{font-size:.8125rem}.cc-banner--floating .cc-banner__actions{flex-direction:column;margin-top:1rem}.cc-banner--floating .cc-banner__actions .cc-btn{font-size:.8125rem;padding:.625rem 1rem;width:100%}@media (prefers-color-scheme:dark){.cc-banner[data-theme=auto]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=auto].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=auto] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=auto] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=auto] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}}.cc-banner[data-theme=dark]{--cc-bg:#1a1a1a;--cc-text:#fff;--cc-text-secondary:#a0a0a0;--cc-border:#333}.cc-banner[data-theme=dark].cc-backdrop-blur{background:rgba(26,26,26,.95)}.cc-banner[data-theme=dark] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-banner[data-theme=dark] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-banner[data-theme=dark] .cc-btn--tertiary{border-color:#555;color:#a0a0a0}@keyframes cc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cc-slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cc-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cc-backdropFadeIn{0%{opacity:0}to{opacity:1}}.cc-animate-fadeIn{animation:cc-fadeIn .3s ease-out}.cc-animate-slideUp{animation:cc-slideUp .4s cubic-bezier(.4,0,.2,1)}.cc-animate-slideDown{animation:cc-slideDown .4s cubic-bezier(.4,0,.2,1)}.cc-animate-scaleIn{animation:cc-scaleIn .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.cc-banner{transition:none}.cc-animate-fadeIn,.cc-animate-scaleIn,.cc-animate-slideDown,.cc-animate-slideUp{animation:none}.cc-btn{transition:none}}.cc-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--cc-transition);z-index:10000}.cc-modal.is-visible{opacity:1;pointer-events:all}.cc-modal__overlay{background:var(--cc-overlay);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.cc-modal__content{background:var(--cc-bg);border-radius:var(--cc-border-radius);box-shadow:0 16px 48px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;position:relative;transform:scale(.9);transition:transform var(--cc-transition);width:100%}.cc-modal.is-visible .cc-modal__content{transform:scale(1)}.cc-modal__header{align-items:center;background:linear-gradient(135deg,var(--cc-primary) 0,var(--cc-primary-hover) 100%);display:flex;flex-shrink:0;justify-content:space-between;padding:1.125rem 1.25rem}.cc-modal__header h2{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin:0}.cc-modal__body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.cc-category{border-bottom:1px solid var(--cc-border);padding:.75rem 0}.cc-category:last-child{border-bottom:none}.cc-category__header{align-items:center;display:flex;gap:.75rem}.cc-category__info{flex:1}.cc-category__info h3{color:var(--cc-text);font-size:.8125rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .125rem}.cc-category__info p{color:var(--cc-text-secondary);font-size:.75rem;line-height:1.4;margin:0}.cc-toggle{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cc-toggle input{height:0;opacity:0;position:absolute;width:0}.cc-toggle__slider{background:#d1d5db;border-radius:10px;height:20px;position:relative;transition:background-color .2s ease;width:36px}.cc-toggle__slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:16px}.cc-toggle input:checked+.cc-toggle__slider{background:var(--cc-primary)}.cc-toggle input:checked+.cc-toggle__slider:before{transform:translateX(16px)}.cc-toggle input:focus-visible+.cc-toggle__slider{outline:2px solid var(--cc-primary);outline-offset:2px}.cc-toggle--disabled{cursor:not-allowed;opacity:.6}.cc-toggle--disabled input:checked+.cc-toggle__slider{background:#9ca3af}.cc-modal__footer{align-items:center;border-top:1px solid var(--cc-border);display:flex;flex-shrink:0;gap:var(--cc-gap);justify-content:space-between;padding:1rem 1.25rem}.cc-modal__footer-links{align-items:center;display:flex;gap:.5rem}.cc-modal__footer-actions{display:flex;gap:var(--cc-gap)}.cc-privacy-link{align-items:center;color:var(--cc-text-secondary);display:inline-flex;font-size:.875rem;gap:.25rem;text-decoration:none;transition:color .2s ease}.cc-privacy-link:hover{color:var(--cc-primary);text-decoration:underline}@media (prefers-color-scheme:dark){.cc-modal[data-theme=auto] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=auto] .cc-category__info h3{color:#fff}.cc-modal[data-theme=auto] .cc-category__info p{color:#a0a0a0}.cc-modal[data-theme=auto] .cc-category,.cc-modal[data-theme=auto] .cc-modal__footer{border-color:#333}.cc-modal[data-theme=auto] .cc-toggle__slider{background:#444}.cc-modal[data-theme=auto] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-modal[data-theme=auto] .cc-btn--secondary:hover:not(:disabled){background:#333}}.cc-modal[data-theme=dark] .cc-modal__content{background:#1a1a1a}.cc-modal[data-theme=dark] .cc-category__info h3{color:#fff}.cc-modal[data-theme=dark] .cc-category__info p{color:#a0a0a0}.cc-modal[data-theme=dark] .cc-category,.cc-modal[data-theme=dark] .cc-modal__footer{border-color:#333}.cc-modal[data-theme=dark] .cc-toggle__slider{background:#444}.cc-modal[data-theme=dark] .cc-btn--secondary{background:#2a2a2a;color:#fff}.cc-modal[data-theme=dark] .cc-btn--secondary:hover:not(:disabled){background:#333}.cc-modal--bottom-right{align-items:flex-end;justify-content:flex-end;padding:1.5rem}.cc-modal--bottom-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--bottom-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--bottom-left{align-items:flex-end;justify-content:flex-start;padding:1.5rem}.cc-modal--bottom-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--bottom-left.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-right{align-items:flex-start;justify-content:flex-end;padding:1.5rem}.cc-modal--top-right .cc-modal__content{max-width:450px;transform:translateX(100%)}.cc-modal--top-right.is-visible .cc-modal__content{transform:translateX(0)}.cc-modal--top-left{align-items:flex-start;justify-content:flex-start;padding:1.5rem}.cc-modal--top-left .cc-modal__content{max-width:450px;transform:translateX(-100%)}.cc-modal--top-left.is-visible .cc-modal__content{transform:translateX(0)}@media (max-width:640px){.cc-modal{align-items:flex-end;padding:0}.cc-modal__content{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;transform:translateY(100%);width:100%}.cc-modal.is-visible .cc-modal__content{transform:translateY(0)}.cc-modal__body{padding:1rem 1.25rem}.cc-modal__footer{align-items:stretch;flex-direction:column;padding:1rem 1.25rem 1.5rem}.cc-modal__footer-links{justify-content:center;margin-top:.75rem;order:2}.cc-modal__footer-actions{flex-direction:column;order:1;width:100%}.cc-modal__footer .cc-btn{width:100%}}.cc-widget{align-items:center;background:#fff;border:1.5px solid var(--cc-primary);border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--cc-primary);cursor:pointer;display:flex;font-family:var(--cc-font-family);gap:.5rem;min-height:40px;opacity:0;padding:.625rem .875rem;position:fixed;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9998}.cc-widget.is-visible{opacity:1;transform:scale(1)}.cc-widget:hover{background:var(--cc-primary);box-shadow:0 4px 16px rgba(0,0,0,.12);color:#fff;transform:scale(1.05)}.cc-widget:active{transform:scale(.98)}.cc-widget:focus-visible{outline:3px solid var(--cc-primary);outline-offset:2px}.cc-widget__icon{flex-shrink:0;height:20px;width:20px}.cc-widget__text{color:inherit;font-size:.8125rem;font-weight:500;white-space:nowrap}.cc-widget--bottom-right{bottom:1.5rem;right:1.5rem}.cc-widget--bottom-left{bottom:1.5rem;left:1.5rem}.cc-widget--top-right{right:1.5rem;top:1.5rem}.cc-widget--top-left{left:1.5rem;top:1.5rem}.cc-widget--compact{border-radius:50%;height:42px;justify-content:center;padding:.625rem;width:42px}.cc-widget--compact .cc-widget__text{display:none}@media (max-width:640px){.cc-widget--full .cc-widget__text{display:none}.cc-widget--full{border-radius:50%;height:44px;justify-content:center;padding:.625rem;width:44px}}@keyframes cc-widget-bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cc-widget.is-visible{animation:cc-widget-bounce .4s cubic-bezier(.4,0,.2,1)}.cc-widget[data-theme=dark]{background:#1a1a1a;border-color:var(--cc-primary);color:var(--cc-primary)}.cc-widget[data-theme=dark]:hover{background:var(--cc-primary);color:#fff}@media (prefers-color-scheme:dark){.cc-widget[data-theme=auto]{background:#1a1a1a;border-color:var(--cc-primary);color:var(--cc-primary)}.cc-widget[data-theme=auto]:hover{background:var(--cc-primary);color:#fff}}@media (prefers-reduced-motion:reduce){.cc-widget{transition:none}.cc-widget.is-visible{animation:none}.cc-widget:hover{transform:none}}