:root {
  --hnp-primary: #007cba;
  --hnp-primary-dark: #005a87;
  --hnp-primary-light: #4a9ece;
  --hnp-primary-ultra-light: #e3f2fd;
  --hnp-secondary: #8b4513;
  --hnp-accent: #f0c33c;
  --hnp-accent-light: #fff3cd;
  --hnp-success: #00a32a;
  --hnp-success-bg: #e8f5e9;
  --hnp-warning: #f57c00;
  --hnp-warning-bg: #fff3e0;
  --hnp-danger: #d63638;
  --hnp-danger-bg: #ffebee;
  --hnp-info: #5c6bc0;
  --hnp-info-bg: #e8eaf6;
  --hnp-text: #1a202c;
  --hnp-text-light: #4a5568;
  --hnp-text-muted: #718096;
  --hnp-border: #cbd5e0;
  --hnp-border-light: #e2e8f0;
  --hnp-border-lighter: #f7fafc;
  --hnp-bg: #ffffff;
  --hnp-bg-alt: #f7fafc;
  --hnp-bg-soft: #edf2f7;
  --hnp-bg-soft-2: #e6f2ff;
  --hnp-bg-panel: #fafbfc;
  --hnp-bg-elevated: #ffffff;
  --hnp-space-xs: 0.25rem;
  --hnp-space-sm: 0.5rem;
  --hnp-space-md: 0.75rem;
  --hnp-space-lg: 1rem;
  --hnp-space-xl: 1.5rem;
  --hnp-space-2xl: 2rem;
  --hnp-space-3xl: 3rem;
  --hnp-radius-sm: 4px;
  --hnp-radius: 8px;
  --hnp-radius-lg: 12px;
  --hnp-radius-xl: 16px;
  --hnp-radius-full: 9999px;
  --hnp-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --hnp-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --hnp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --hnp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --hnp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --hnp-font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --hnp-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --hnp-text-xs: 0.75rem;
  --hnp-text-sm: 0.875rem;
  --hnp-text-base: 1rem;
  --hnp-text-lg: 1.125rem;
  --hnp-text-xl: 1.25rem;
  --hnp-text-2xl: 1.5rem;
  --hnp-text-3xl: 1.875rem;
  --hnp-sidebar-width: 260px;
  --hnp-header-height: 80px;
  --hnp-max-content: 1200px;
  --z-base: 1;
  --z-dropdown: 50;
  --z-sidebar: 100;
  --z-header: 200;
  --z-jump-btn: 300;
  --z-modal-backdrop: 9998;
  --z-modal: 9999;
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hnp-chart-container *,
.hnp-chart-container ::after,
.hnp-chart-container ::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}
.hnp-chart-container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--hnp-font-sans);
  line-height: 1.6;
  color: var(--hnp-text)
}
.hnp-chip,
.hnp-nav-icon,
.hnp-section-icon,
.hnp-summary-header {
  font-variant-emoji: emoji
}
.hnp-chart-container,
.hnp-planet-card,
.hnp-section {
  font-variant-emoji: text
}
.hnp-numeric {
  font-family: var(--hnp-font-mono);
  font-variant-numeric: tabular-nums
}