body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;margin:0}:root{--petitduc-color-bg: #231f20;--petitduc-color-bg-dark: #0b0f14;--petitduc-color-bg-overlay: rgba(0, 0, 0, .75);--petitduc-color-bg-overlay-heavy: rgba(0, 0, 0, .9);--petitduc-color-bg-backdrop: rgba(11, 15, 20, .95);--petitduc-color-bg-card: #ffffff;--petitduc-color-bg-light: #e6f0ff;--petitduc-color-glass: rgba(230, 240, 255, .1);--petitduc-color-glass-05: rgba(230, 240, 255, .05);--petitduc-color-glass-20: rgba(230, 240, 255, .2);--petitduc-color-qr-bg: #ececec;--petitduc-color-qr-fg: #04de7d;--petitduc-color-fg: #ececec;--petitduc-color-text-primary: #1e293b;--petitduc-color-text-secondary: #64748b;--petitduc-color-text-tertiary: #94a3b8;--petitduc-color-text-muted: #88a0b7;--petitduc-color-text-light: #e6f0ff;--petitduc-color-text-white: #ffffff;--petitduc-color-border-light: rgba(226, 232, 240, .8);--petitduc-color-muted: var(--petitduc-color-border-light);--petitduc-color-border-dark: rgba(0, 0, 0, .1);--petitduc-color-border-glass: rgba(230, 240, 255, .2);--petitduc-color-border-accent: rgba(73, 211, 169, .3);--petitduc-color-border-white: rgba(255, 255, 255, .3);--petitduc-color-success: #49d3a9;--petitduc-color-success-10: rgba(73, 211, 169, .1);--petitduc-color-success-20: rgba(73, 211, 169, .2);--petitduc-color-success-30: rgba(73, 211, 169, .3);--petitduc-color-success-90: rgba(73, 211, 169, .9);--petitduc-color-warning: #ffb366;--petitduc-color-warning-30: rgba(255, 179, 102, .3);--petitduc-color-warning-90: rgba(255, 179, 102, .9);--petitduc-color-danger: #ff6b6b;--petitduc-color-danger-30: rgba(255, 107, 107, .3);--petitduc-color-danger-90: rgba(255, 107, 107, .9);--petitduc-color-danger-red: rgba(255, 0, 0, .9);--petitduc-color-hover-white: rgba(255, 255, 255, .1);--petitduc-color-hover-glass: rgba(230, 240, 255, .05);--petitduc-color-focus-ring: rgba(73, 211, 169, .5);--petitduc-color-accent: #04de7d;--petitduc-color-dark-green: #004026;--petitduc-color-yellow: #efd481;--petitduc-color-gold: #ffd700;--petitduc-color-transport-sustainable: #10b981;--petitduc-color-transport-sustainable-05: rgba(16, 185, 129, .05);--petitduc-color-transport-sustainable-20: rgba(16, 185, 129, .2);--petitduc-color-transport-active: #3b82f6;--petitduc-color-transport-transit: #8b5cf6;--petitduc-color-transport-carpooling: #f59e0b;--petitduc-color-metric-completion: #10b981;--petitduc-color-metric-emissions: #ef4444;--petitduc-color-metric-distance: #3b82f6;--petitduc-color-gauge-track: #e5e7eb;--petitduc-color-compensation-base: #10b981;--petitduc-color-compensation-double: #3b82f6;--petitduc-color-compensation-triple: #8b5cf6;--petitduc-color-shadow: rgba(0, 0, 0, .2);--petitduc-color-shadow-light: rgba(0, 0, 0, .1);--petitduc-color-progress-track: rgba(0, 0, 0, .1);--petitduc-color-progress-success: rgba(255, 255, 255, .3);--petitduc-color-progress-danger: rgba(11, 15, 20, .3);--petitduc-color-debug-bg: rgba(0, 0, 0, .9);--petitduc-color-debug-warning: #ffd700;--petitduc-color-debug-source-url: #00ff00;--petitduc-color-debug-source-api: #ffaa00;--petitduc-color-debug-source-default: #888888;--petitduc-font-xs: clamp(.65rem, 1.2vw, .85rem);--petitduc-font-sm: clamp(.8rem, 1.5vw, 1rem);--petitduc-font-base: clamp(1rem, 2vw, 1.2rem);--petitduc-font-lg: clamp(1.2rem, 2.5vw, 1.5rem);--petitduc-font-xl: clamp(1.5rem, 3vw, 2rem);--petitduc-font-2xl: clamp(2rem, 4vw, 2.5rem);--petitduc-space-xs: clamp(.4rem, .8vw, .75rem);--petitduc-space-sm: clamp(.75rem, 1.5vw, 1rem);--petitduc-space-base: clamp(1rem, 2vw, 1.5rem);--petitduc-space-lg: clamp(1.5rem, 3vw, 2rem);--petitduc-space-xl: clamp(2rem, 4vw, 3rem);--petitduc-transition: .25s cubic-bezier(.4, 0, .2, 1);--petitduc-transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}