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: rgb(0 0 0 / 75%);--petitduc-color-bg-overlay-heavy: rgb(0 0 0 / 90%);--petitduc-color-bg-backdrop: rgb(11 15 20 / 95%);--petitduc-color-bg-card: #fff;--petitduc-color-bg-light: #e6f0ff;--petitduc-color-glass: rgb(230 240 255 / 10%);--petitduc-color-glass-05: rgb(230 240 255 / 5%);--petitduc-color-glass-20: rgb(230 240 255 / 20%);--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: #fff;--petitduc-color-border-light: rgb(226 232 240 / 80%);--petitduc-color-muted: var(--petitduc-color-border-light);--petitduc-color-border-dark: rgb(0 0 0 / 10%);--petitduc-color-border-glass: rgb(230 240 255 / 20%);--petitduc-color-border-accent: rgb(73 211 169 / 30%);--petitduc-color-border-white: rgb(255 255 255 / 30%);--petitduc-color-success: #49d3a9;--petitduc-color-success-10: rgb(73 211 169 / 10%);--petitduc-color-success-20: rgb(73 211 169 / 20%);--petitduc-color-success-30: rgb(73 211 169 / 30%);--petitduc-color-success-90: rgb(73 211 169 / 90%);--petitduc-color-warning: #ffb366;--petitduc-color-warning-30: rgb(255 179 102 / 30%);--petitduc-color-warning-90: rgb(255 179 102 / 90%);--petitduc-color-danger: #ff6b6b;--petitduc-color-danger-30: rgb(255 107 107 / 30%);--petitduc-color-danger-90: rgb(255 107 107 / 90%);--petitduc-color-danger-red: rgb(255 0 0 / 90%);--petitduc-color-hover-white: rgb(255 255 255 / 10%);--petitduc-color-hover-glass: rgb(230 240 255 / 5%);--petitduc-color-focus-ring: rgb(73 211 169 / 50%);--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: rgb(16 185 129 / 5%);--petitduc-color-transport-sustainable-20: rgb(16 185 129 / 20%);--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: rgb(0 0 0 / 20%);--petitduc-color-shadow-light: rgb(0 0 0 / 10%);--petitduc-color-progress-track: rgb(0 0 0 / 10%);--petitduc-color-progress-success: rgb(255 255 255 / 30%);--petitduc-color-progress-danger: rgb(11 15 20 / 30%);--petitduc-color-debug-bg: rgb(0 0 0 / 90%);--petitduc-color-debug-warning: #ffd700;--petitduc-color-debug-source-url: #0f0;--petitduc-color-debug-source-api: #fa0;--petitduc-color-debug-source-default: #888;--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)}