:root{--pupu-color-primary-50: #fdf2f8;--pupu-color-primary-100: #fce7f3;--pupu-color-primary-200: #fbcfe8;--pupu-color-primary-300: #f9a8d4;--pupu-color-primary-400: #f472b6;--pupu-color-primary-500: #ec4899;--pupu-color-primary-600: #db2777;--pupu-color-primary-700: #be185d;--pupu-color-primary-800: #9d174d;--pupu-color-primary-900: #831843;--pupu-color-chart-1: #ec4899;--pupu-color-chart-2: #3b82f6;--pupu-color-chart-3: #10b981;--pupu-color-chart-4: #f59e0b;--pupu-color-chart-5: #8b5cf6;--pupu-color-chart-6: #06b6d4;--pupu-color-chart-7: #ef4444;--pupu-color-chart-8: #6b7280;--pupu-status-success-bg: #ecfdf5;--pupu-status-success-text: #047857;--pupu-status-success-dot: #10b981;--pupu-status-success-border: #a7f3d0;--pupu-status-warning-bg: #fffbeb;--pupu-status-warning-text: #b45309;--pupu-status-warning-dot: #f59e0b;--pupu-status-warning-border: #fde68a;--pupu-status-danger-bg: #fef2f2;--pupu-status-danger-text: #b91c1c;--pupu-status-danger-dot: #ef4444;--pupu-status-danger-border: #fecaca;--pupu-status-info-bg: #eff6ff;--pupu-status-info-text: #1d4ed8;--pupu-status-info-dot: #3b82f6;--pupu-status-info-border: #bfdbfe;--pupu-status-neutral-bg: #f3f4f6;--pupu-status-neutral-text: #374151;--pupu-status-neutral-dot: #6b7280;--pupu-status-neutral-border: #e5e7eb;--pupu-status-primary-bg: #fdf2f8;--pupu-status-primary-text: #be185d;--pupu-status-primary-dot: #ec4899;--pupu-status-primary-border: #fbcfe8;--pupu-color-text-1: #111827;--pupu-color-text-2: #4b5563;--pupu-color-text-3: #9ca3af;--pupu-color-border-1: #e5e7eb;--pupu-color-border-2: #f3f4f6;--pupu-color-bg-1: #f9fafb;--pupu-color-bg-2: #fff;--pupu-shadow-card: 0 1px 3px rgb(17 24 39 / 4%), 0 1px 2px rgb(17 24 39 / 6%);--pupu-shadow-pop: 0 4px 6px rgb(17 24 39 / 5%), 0 2px 4px rgb(17 24 39 / 4%);--pupu-shadow-lift: 0 10px 15px rgb(17 24 39 / 6%), 0 4px 6px rgb(17 24 39 / 4%);--pupu-radius-sm: 4px;--pupu-radius-md: 6px;--pupu-radius-lg: 8px;--pupu-radius-card: 12px;--pupu-radius-xl: 16px;--pupu-font-mono: "JetBrains Mono", "SF Mono", menlo, consolas, monospace}.num-mono,.pupu-num{font-family:var(--pupu-font-mono);font-variant-numeric:tabular-nums}.pupu-card-hover{transition:box-shadow .2s ease,transform .2s ease}.pupu-card-hover:hover{box-shadow:var(--pupu-shadow-pop)}.pupu-demo-bar{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 24px;font-size:12px;color:var(--pupu-color-text-2);background:var(--pupu-color-bg-1);border-bottom:1px solid var(--pupu-color-border-2)}.pupu-demo-bar .pupu-demo-bar__icon{margin-right:6px;color:var(--pupu-status-warning-dot)}.pupu-demo-bar .pupu-demo-bar__link{font-weight:500;color:var(--pupu-color-primary-700);text-decoration:none}.pupu-demo-bar .pupu-demo-bar__link:hover{text-decoration:underline}