/* [project]/src/styles/tokens.css [app-client] (css) */
@layer tokens {
  :root {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --accent: #0a84ff;
    --accent-strong: #64d2ff;
    --accent-rgb: 10, 132, 255;
    --mf-color-bg: #000;
    --mf-color-sidebar: #161617;
    --mf-color-bg-elevated: #161617;
    --mf-color-panel: #1c1c1e;
    --mf-color-panel-raised: #2c2c2e;
    --mf-color-input: #232325;
    --mf-border-width: 1px;
    --mf-border-style: solid;
    --mf-color-border-light: #e8e8e8;
    --mf-color-border-dark: #3c3c3e;
    --mf-color-sidebar-divider: var(--mf-color-border-dark);
    --mf-color-border: var(--mf-color-border-dark);
    --mf-color-border-subtle: var(--mf-color-border);
    --mf-color-border-strong: rgb(var(--accent-rgb, 126, 207, 152), .38);
    --mf-color-primary: var(--mf-color-accent);
    --mf-color-text: #f5f5f7;
    --mf-color-muted: #a1a1a6;
    --mf-color-subtle: #86868b;
    --mf-color-highlight: #ffffff14;
    --mf-glass-chrome-background: #1c1c1ec7;
    --mf-glass-chrome-background-strong: #1c1c1ee0;
    --mf-glass-chrome-border: var(--mf-color-border);
    --mf-glass-chrome-highlight: #ffffff1a;
    --mf-auth-accent: #0071e3;
    --mf-auth-ink: #1d1d1f;
    --mf-auth-muted: #6e6e73;
    --mf-auth-page: #f5f5f7;
    --mf-auth-page-start: #fff;
    --mf-auth-page-end: #ececf1;
    --mf-auth-surface: #fff;
    --mf-auth-logo-background: #1d1d1f;
    --mf-auth-logo-mark: #a7d8ff;
    --mf-auth-brand-shadow: none;
    --mf-auth-logo-shadow: none;
    --mf-auth-header-surface: #111318;
    --mf-auth-header-surface-deep: #050608;
    --mf-auth-header-ink: #f5f5f7;
    --mf-auth-header-muted: #a1a1a6;
    --mf-auth-header-accent: #64d2ff;
    --mf-auth-card-shadow: inset 0 1px 0 #ffffffe6, 0 36px 100px #1628462e;
    --mf-color-accent: var(--accent, #0a84ff);
    --mf-color-accent-strong: var(--accent-strong, #64d2ff);
    --mf-color-on-accent: #fff;
    --mf-color-avatar-text: #fff;
    --mf-color-on-danger: #fff;
    --mf-color-danger: #ff453a;
    --mf-color-danger-rgb: 255 69 58;
    --mf-color-warning: #e5b96f;
    --mf-color-warning-rgb: 229 185 111;
    --mf-color-info: #64d2ff;
    --mf-color-info-rgb: 100 210 255;
    --mf-color-success: #30d158;
    --mf-color-success-rgb: 48 209 88;
    --mf-accent-teal: #56c7bd;
    --mf-accent-blue: #7ba7e8;
    --mf-accent-orange: #e5a66f;
    --mf-accent-pink: #df8ab2;
    --mf-accent-purple: #aa8be8;
    --mf-accent-violet: #a695e6;
    --mf-accent-green: #7ecf98;
    --mf-color-exchange-binance: #f0b90b;
    --mf-color-exchange-bybit: #f6a500;
    --mf-color-exchange-kraken: #5741d9;
    --mf-color-exchange-coinbase: #0052ff;
    --mf-color-exchange-bitget: #00f0ff;
    --mf-color-asset-btc: #f7931a;
    --mf-color-asset-eth: #627eea;
    --mf-color-asset-eur-background: #165bb8;
    --mf-color-asset-eur-mark: #fd0;
    --mf-color-asset-xrp: #0b0b0b;
    --mf-color-asset-bnb: #f3ba2f;
    --mf-color-asset-bnb-mark: #181a20;
    --mf-color-asset-usdt: #26a17b;
    --mf-color-asset-usdc: #2775ca;
    --mf-color-asset-ada: #0033ad;
    --mf-color-asset-sol: #14f195;
    --mf-color-asset-sol-mark: #111;
    --mf-color-asset-doge: #c2a633;
    --mf-color-asset-ltc: #345d9d;
    --mf-color-asset-link: #2a5ada;
    --mf-color-asset-mark-light: #fff;
    --mf-space-1: 4px;
    --mf-space-2: 8px;
    --mf-space-3: 12px;
    --mf-space-4: 16px;
    --mf-space-5: 20px;
    --mf-space-6: 24px;
    --mf-space-8: 32px;
    --mf-radius-card: 20px;
    --mf-radius-compact: 9px;
    --mf-radius-control: 12px;
    --mf-radius-shell: 24px;
    --mf-radius-pill: 999px;
    --mf-radius-exchange-card: 18px;
    --mf-radius-exchange-focus: 16px;
    --mf-control-h-sm: 32px;
    --mf-control-h-md: 40px;
    --mf-row-h: 44px;
    --mf-kpi-h: 104px;
    --mf-sidebar-w: clamp(212px, 15.5vw, 252px);
    --mf-sidebar-rail-w: 72px;
    --mf-shell-inset: 12px;
    --mf-shell-inset-compact: clamp(8px, calc(.588vw + 5.53px), 12px);
    --mf-topbar-h: 56px;
    --mf-page-max: 2020px;
    --mf-page-gap: clamp(12px, .85vw, 16px);
    --mf-page-pad-x: clamp(16px, 1.25vw, 32px);
    --mf-page-pad-top: clamp(14px, 1vw, 22px);
    --mf-page-pad-bottom: clamp(16px, 1.15vw, 26px);
    --mf-panel-pad: 16px;
    --mf-text-xs: clamp(11px, calc(10.4px + .08vw), 12px);
    --mf-text-sm: clamp(12px, calc(11px + .1vw), 13px);
    --mf-text-base: clamp(13px, calc(11.5px + .12vw), 14px);
    --mf-text-title: clamp(16px, calc(13px + .2vw), 20px);
    --mf-text-page-title: clamp(25px, calc(19px + .38vw), 34px);
    --mf-text-metric: clamp(22px, calc(15px + .4vw), 31px);
    --mf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --mf-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --mf-shadow-panel: none;
    --mf-shadow-shell: none;
    --mf-shadow-nav-active: none;
    --mf-shadow-control-highlight: none;
    --mf-shadow-progress-active: none;
    --mf-shadow-progress-dot: none;
    --mf-shadow-accent-edge: none;
    --mf-shadow-notification-pulse: none;
    --mf-shadow-success-pulse: none;
    --mf-shadow-timeline-marker: none;
    --mf-shadow-control-active: none;
    --mf-shadow-sticky-column: none;
    --mf-shadow-card: none;
    --mf-shadow-card-hover: none;
    --mf-shadow-panel-hover: none;
    --mf-shadow-exchange-card: none;
    --mf-shadow-exchange-card-hover: none;
    --mf-shadow-card-accent: none;
    --mf-shadow-logo: none;
    --mf-shadow-resource-hover: none;
    --mf-shadow-avatar: none;
    --mf-shadow-popover: none;
    --mf-surface-card-background: var(--mf-color-panel);
    --mf-widget-border: var(--mf-border-width) var(--mf-border-style) var(--mf-color-border);
    --mf-widget-border-light: var(--mf-border-width) var(--mf-border-style) var(--mf-color-border-light);
    --mf-widget-border-dark: var(--mf-border-width) var(--mf-border-style) var(--mf-color-border-dark);
    --mf-surface-card-border: var(--mf-widget-border);
    --mf-surface-card-radius: var(--mf-radius-card);
    --mf-surface-card-shadow: var(--mf-shadow-panel);
    --mf-surface-card-padding: var(--mf-panel-pad);
    --mf-focus: 0 0 0 4px rgb(var(--accent-rgb, 126, 207, 152), .3);
    --mf-focus-inset: inset 0 0 0 3px rgb(var(--accent-rgb, 126, 207, 152), .3);
    --mf-ease-out: cubic-bezier(.23, 1, .32, 1);
    --mf-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    --mf-ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --mf-ease-drawer: cubic-bezier(.32, .72, 0, 1);
    --mf-overlay-gutter: 12px;
    --mf-marketing-page: #f5f5f7;
    --mf-marketing-surface: #fff;
    --mf-marketing-surface-raised: #fbfbfd;
    --mf-marketing-line: var(--mf-color-border-light);
    --mf-marketing-border: var(--mf-color-border-light);
    --mf-marketing-border-strong: #0071e352;
    --mf-marketing-ink: #1d1d1f;
    --mf-marketing-muted: #6e6e73;
    --mf-marketing-accent: #0071e3;
    --mf-marketing-accent-strong: #0058b0;
    --mf-marketing-accent-bright: #2997ff;
    --mf-marketing-accent-soft: #e8f2ff;
    --mf-marketing-logo-middle: #5e5ce6;
    --mf-marketing-logo-end: #bf5af2;
    --mf-marketing-blue-soft: #edf6ff;
    --mf-marketing-on-accent: #fff;
    --mf-marketing-success-rgb: 13 114 83;
    --mf-marketing-card-background: #fff;
    --mf-marketing-card-border: var(--mf-widget-border-light);
    --mf-marketing-card-shadow: 0 1px 2px #0000000a,
      0 8px 24px #0000000f;
    --mf-marketing-card-shadow-strong: none;
    --mf-marketing-card-radius: 32px;
    --mf-marketing-card-padding: 40px;
    --mf-marketing-card-padding-compact: 32px;
    --mf-marketing-card-padding-hero: 64px;
    --mf-marketing-dialog-shadow: var(--mf-marketing-card-shadow);
    --mf-marketing-focus: 0 0 0 4px #0071e342;
    --mf-marketing-border-rule: var(--mf-border-width) var(--mf-border-style) var(--mf-marketing-line);
    --mf-marketing-dark-surface: #000;
    --mf-marketing-dark-line: var(--mf-color-border-dark);
    --mf-marketing-dark-border-rule: var(--mf-border-width) var(--mf-border-style) var(--mf-marketing-dark-line);
    --mf-marketing-dark-ink: #f5f5f7;
  }

  html[data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --mf-color-avatar-text: #fff;
    --mf-color-bg: #f5f5f7;
    --mf-color-sidebar: #fff;
    --mf-color-bg-elevated: #e8e8ed;
    --mf-color-panel: #fff;
    --mf-color-panel-raised: #f5f5f7;
    --mf-color-input: #f5f5f7;
    --mf-color-sidebar-divider: var(--mf-color-border-light);
    --mf-color-border: var(--mf-color-border-light);
    --mf-color-border-subtle: var(--mf-color-border);
    --mf-color-border-strong: rgb(var(--accent-rgb, 63, 112, 77), .24);
    --mf-color-text: #1d1d1f;
    --mf-color-muted: #6e6e73;
    --mf-color-subtle: #86868b;
    --mf-color-highlight: #ffffffeb;
    --mf-glass-chrome-background: #ffffffb8;
    --mf-glass-chrome-background-strong: #ffffffdb;
    --mf-glass-chrome-border: var(--mf-color-border);
    --mf-glass-chrome-highlight: #ffffffeb;
    --mf-color-danger: #d70015;
    --mf-color-danger-rgb: 215 0 21;
    --mf-color-warning: #8a611f;
    --mf-color-warning-rgb: 138 97 31;
    --mf-color-info: #496fae;
    --mf-color-info-rgb: 73 111 174;
    --mf-color-success: #248a3d;
    --mf-color-success-rgb: 36 138 61;
    --mf-accent-teal: #2f7f79;
    --mf-accent-blue: #496fae;
    --mf-accent-green: #4f7d5b;
    --mf-accent-pink: #a95d82;
    --mf-accent-violet: #7161ad;
    --mf-shadow-panel: none;
    --mf-shadow-shell: none;
    --mf-shadow-control-active: none;
    --mf-shadow-card: none;
    --mf-shadow-card-hover: none;
    --mf-shadow-panel-hover: none;
    --mf-shadow-popover: none;
    --mf-surface-card-background: var(--mf-color-panel);
    --mf-surface-card-border: var(--mf-widget-border);
  }

  @media (max-width: 680px), (pointer: coarse) {
    :root {
      --mf-control-h-sm: 44px;
      --mf-control-h-md: 44px;
    }
  }
}

/* [project]/src/styles/base.css [app-client] (css) */
@layer base {
  *, :before, :after {
    box-sizing: border-box;
  }

  html {
    background: var(--mf-color-bg);
    scrollbar-color: var(--mf-color-border) transparent;
    min-width: 0;
  }

  body {
    background: var(--mf-color-bg);
    color: var(--mf-color-text);
    font-family: var(--mf-font-sans);
    font-size: var(--mf-text-base);
    letter-spacing: -.006em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100dvh;
    margin: 0;
    font-weight: 400;
    line-height: 1.45;
  }

  :where(button, a, input, select, textarea) {
    -webkit-tap-highlight-color: transparent;
  }

  :where(button, a, [role="button"], [role="menuitem"]) {
    touch-action: manipulation;
  }

  button, input, select, textarea {
    color: inherit;
    font: inherit;
  }

  button, a, input, select, textarea {
    outline: none;
  }

  :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    box-shadow: var(--mf-focus);
    outline: 2px solid color-mix(in srgb, var(--mf-color-accent) 72%, transparent);
    outline-offset: 2px;
  }

  button {
    cursor: pointer;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .52;
  }

  .mf-global-error-retry {
    border-radius: var(--mf-radius-control);
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  .mf-skip-link {
    background: linear-gradient(145deg, var(--mf-glass-chrome-highlight), transparent 42%), var(--mf-glass-chrome-background-strong);
    border: 1px solid var(--mf-glass-chrome-border);
    border-radius: var(--mf-radius-pill);
    box-shadow: var(--mf-shadow-popover);
    color: var(--mf-color-text);
    font-size: var(--mf-text-sm);
    inset: max(8px, env(safe-area-inset-top)) auto auto max(8px, env(safe-area-inset-left));
    opacity: 0;
    transition: opacity .16s var(--mf-ease-out),
      transform .16s var(--mf-ease-out);
    z-index: 1000;
    padding: 10px 16px;
    font-weight: 650;
    position: fixed;
    transform: translateY(calc(-100% - 20px));
  }

  html:not([data-reduce-transparency="true"]) .mf-skip-link {
    -webkit-backdrop-filter: blur(24px) saturate(1.22);
    backdrop-filter: blur(24px) saturate(1.22);
  }

  .mf-skip-link:focus-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .mf-skip-target {
    scroll-margin-top: 64px;
  }

  p, h1, h2, h3, pre {
    margin: 0;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  svg {
    flex: none;
  }

  :where(table, .mf-metric-copy, .mf-description-value, .mf-detail-list, .timeline-list) {
    font-variant-numeric: tabular-nums;
  }

  :where(h1, h2, h3, strong, button) {
    letter-spacing: -.018em;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--mf-color-muted) 34%, transparent);
    border-radius: var(--mf-radius-pill);
    background-clip: padding-box;
    border: 3px solid #0000;
  }

  @media (hover: hover) and (pointer: fine) {
    ::-webkit-scrollbar-thumb:hover {
      background: color-mix(in srgb, var(--mf-color-muted) 52%, transparent);
      background-clip: padding-box;
    }
  }

  ::selection {
    background: rgb(var(--accent-rgb, 126, 207, 152), .28);
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  @media (prefers-contrast: more) {
    :where(button, a, input, select, textarea, [tabindex]):focus-visible {
      outline-width: 3px;
    }

    :where(.mf-widget, .mf-surface-card, .mf-panel, .mf-metric) {
      border-color: var(--mf-color-border);
    }

    :where(input, select, textarea) {
      border-color: color-mix(in srgb, currentColor 24%, transparent);
    }
  }

  @media (forced-colors: active) {
    :where(button, a, input, select, textarea, [tabindex]):focus-visible {
      box-shadow: none;
      outline: 2px solid highlight;
    }
  }
}

/* [project]/src/styles/index.css [app-client] (css) */
@layer preferences {
  html[data-reduce-transparency="true"] {
    --mf-glass-chrome-background: var(--mf-color-panel);
    --mf-glass-chrome-background-strong: var(--mf-color-panel-raised);
    --mf-glass-chrome-border: var(--mf-color-border);
    --mf-glass-chrome-highlight: var(--mf-color-highlight);
    --mf-surface-card-background: var(--mf-color-panel);
    --mf-surface-card-border: var(--mf-widget-border);
    --mf-surface-card-shadow: var(--mf-shadow-panel);
  }

  html[data-theme="light"][data-reduce-transparency="true"] {
    --mf-color-sidebar-divider: #1d362a1a;
    --mf-surface-card-border: var(--mf-widget-border);
  }

  html[data-reduce-transparency="true"] :where(.mf-surface-card, .mf-panel, .mf-metric) {
    background-image: none;
  }

  html[data-high-contrast="true"] {
    --mf-color-border: #474749;
    --mf-color-border-subtle: var(--mf-color-border);
  }

  html[data-theme="light"][data-high-contrast="true"] {
    --mf-color-border: #b8b8b8;
    --mf-color-border-subtle: var(--mf-color-border);
  }

  html[data-reduce-motion="true"] *, html[data-reduce-motion="true"] :before, html[data-reduce-motion="true"] :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:where(body) :where(*) {
  box-shadow: none !important;
}

:where(body) .marketing-site :where(.mf-panel, .mf-widget, .mf-surface-card, .mf-metric):not(.mf-widget-borderless), :where(body) :where(.mf-dialog-marketing) {
  box-shadow: var(--mf-marketing-card-shadow) !important;
}

:where(body) :where(button, a, input, select, textarea, [tabindex]):focus-visible {
  box-shadow: var(--mf-focus) !important;
}

/*# sourceMappingURL=src_styles_1i33qeg._.css.map*/