:root {
  color-scheme: dark;
  --hd-canvas: radial-gradient(1200px 700px at 12% -10%, rgba(52, 211, 178, 0.16), transparent 60%), radial-gradient(900px 600px at 110% 20%, rgba(66, 104, 255, 0.14), transparent 60%), #07090d;
  --hd-surface: rgba(255, 255, 255, 0.045);
  --hd-surface-raised: rgba(255, 255, 255, 0.08);
  --hd-overlay: rgba(20, 24, 32, 0.96);
  --hd-border: rgba(255, 255, 255, 0.09);
  --hd-text: #eef2f7;
  --hd-text-muted: rgba(238, 242, 247, 0.62);
  --hd-text-faint: rgba(238, 242, 247, 0.36);
  --hd-accent: #5ef0c8;
  --hd-on-accent: #04221a;
  --hd-lit: #ffb648;
  --hd-lit-soft: rgba(255, 182, 72, 0.14);
  --hd-lit-wash: radial-gradient(120% 90% at 0% 0%, rgba(255, 182, 72, 0.14), transparent 70%);
  --hd-chart-fill: 0.28;
  --hd-flat: 0;
  --hd-appearance: dark;
  --hd-cool: #6cb8ff;
  --hd-good: #5ef0c8;
  --hd-warn: #ffcf5c;
  --hd-danger: #ff6b6b;
  --hd-price-cheap: #5ef0c8;
  --hd-price-normal: #ffcf5c;
  --hd-price-high: #ff6b6b;
  --hd-price-negative: #6cb8ff;
  --hd-chart-1: #5ef0c8;
  --hd-chart-2: #ffb648;
  --hd-chart-3: #6cb8ff;
  --hd-chart-4: #ff8fa3;
  --hd-chart-5: #c4a7ff;
  --hd-chart-6: #9be27a;
  --hd-track: rgba(255, 255, 255, 0.1);
  --hd-focus: #5ef0c8;
  --hd-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 48px -24px rgba(0, 0, 0, 0.8);
  --hd-shadow-lit: 0 0 0 1px rgba(255, 182, 72, 0.35) inset, 0 18px 60px -18px rgba(255, 170, 60, 0.55);
  --hd-surface-fill: rgba(255, 255, 255, 0.045);
  --hd-accent-fill: #5ef0c8;
  --hd-number-fill: #eef2f7;
  --hd-number-clip: 0;
  --hd-sidebar-bg: color-mix(in oklab, rgba(255, 255, 255, 0.045), transparent 30%);
  --hd-sidebar-text: rgba(238, 242, 247, 0.62);
  --hd-sidebar-active: color-mix(in oklab, #5ef0c8 14%, transparent);
  --hd-sidebar-active-text: #eef2f7;
  --hd-sidebar-hover: rgba(255, 255, 255, 0.1);
  --hd-sidebar-hover-text: #eef2f7;
  --hd-sidebar-border: rgba(255, 255, 255, 0.09);
  --hd-sidebar-drawer: rgba(20, 24, 32, 0.96);
  --hd-blur: blur(18px) saturate(140%);
  --hd-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --hd-border-width: 1px;
  --hd-radius-sm: 10px;
  --hd-radius-md: 16px;
  --hd-radius-lg: 24px;
  --hd-pad: 20px;
  --hd-gap: 14px;
  --hd-collapse: 0;
  --hd-font-display: 'Unbounded Variable', sans-serif;
  --hd-font-ui: 'Albert Sans Variable', sans-serif;
  --hd-font-mono: 'DM Mono', monospace;
  --hd-number-weight: 500;
  --hd-number-stretch: 100%;
  --hd-label-transform: uppercase;
  --hd-label-tracking: 0.12em;
  --hd-motion-level: full;
  --hd-motion-fast: 160ms;
  --hd-motion-base: 320ms;
  --hd-motion-slow: 700ms;
  --hd-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --hd-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --hd-canvas: radial-gradient(1100px 700px at 10% -10%, rgba(46, 200, 165, 0.14), transparent 60%), radial-gradient(900px 600px at 110% 10%, rgba(80, 110, 255, 0.10), transparent 60%), #eef1f6;
    --hd-surface: rgba(255, 255, 255, 0.72);
    --hd-surface-raised: #ffffff;
    --hd-overlay: rgba(255, 255, 255, 0.97);
    --hd-border: rgba(15, 23, 42, 0.08);
    --hd-text: #0c111a;
    --hd-text-muted: rgba(12, 17, 26, 0.62);
    --hd-text-faint: rgba(12, 17, 26, 0.38);
    --hd-accent: #0a9b7a;
    --hd-on-accent: #ffffff;
    --hd-lit: #e88a06;
    --hd-lit-soft: rgba(232, 138, 6, 0.12);
    --hd-lit-wash: radial-gradient(120% 90% at 0% 0%, rgba(232, 138, 6, 0.12), transparent 70%);
    --hd-chart-fill: 0.28;
    --hd-flat: 0;
    --hd-appearance: light;
    --hd-cool: #2f7ee6;
    --hd-good: #0a9b7a;
    --hd-warn: #c98a00;
    --hd-danger: #e0453e;
    --hd-price-cheap: #0a9b7a;
    --hd-price-normal: #c98a00;
    --hd-price-high: #e0453e;
    --hd-price-negative: #2f7ee6;
    --hd-chart-1: #0a9b7a;
    --hd-chart-2: #e88a06;
    --hd-chart-3: #2f7ee6;
    --hd-chart-4: #e0457b;
    --hd-chart-5: #7a5af5;
    --hd-chart-6: #4f9e2f;
    --hd-track: rgba(12, 17, 26, 0.08);
    --hd-focus: #0a9b7a;
    --hd-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 20px 40px -24px rgba(15, 23, 42, 0.25);
    --hd-shadow-lit: 0 0 0 1px rgba(232, 138, 6, 0.35) inset, 0 18px 50px -20px rgba(232, 138, 6, 0.45);
    --hd-surface-fill: rgba(255, 255, 255, 0.72);
    --hd-accent-fill: #0a9b7a;
    --hd-number-fill: #0c111a;
    --hd-number-clip: 0;
    --hd-sidebar-bg: color-mix(in oklab, rgba(255, 255, 255, 0.72), transparent 30%);
    --hd-sidebar-text: rgba(12, 17, 26, 0.62);
    --hd-sidebar-active: color-mix(in oklab, #0a9b7a 14%, transparent);
    --hd-sidebar-active-text: #0c111a;
    --hd-sidebar-hover: rgba(12, 17, 26, 0.08);
    --hd-sidebar-hover-text: #0c111a;
    --hd-sidebar-border: rgba(15, 23, 42, 0.08);
    --hd-sidebar-drawer: rgba(255, 255, 255, 0.97);
    --hd-blur: blur(18px) saturate(140%);
    --hd-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    --hd-border-width: 1px;
    --hd-radius-sm: 10px;
    --hd-radius-md: 16px;
    --hd-radius-lg: 24px;
    --hd-pad: 20px;
    --hd-gap: 14px;
    --hd-collapse: 0;
    --hd-font-display: 'Unbounded Variable', sans-serif;
    --hd-font-ui: 'Albert Sans Variable', sans-serif;
    --hd-font-mono: 'DM Mono', monospace;
    --hd-number-weight: 500;
    --hd-number-stretch: 100%;
    --hd-label-transform: uppercase;
    --hd-label-tracking: 0.12em;
    --hd-motion-level: full;
    --hd-motion-fast: 160ms;
    --hd-motion-base: 320ms;
    --hd-motion-slow: 700ms;
    --hd-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --hd-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --hd-motion-fast: 0ms;
    --hd-motion-base: 0ms;
    --hd-motion-slow: 0ms;
  }
}