@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800;900&display=swap");

@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-ExtraLight.Bk6DJHLj.otf") format("opentype");
}
@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-Light.Baq-2vnu.otf") format("opentype");
}
@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-Regular.CPksOp9q.otf") format("opentype");
}
@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-SemiBold.BXGygWf5.otf") format("opentype");
}
@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-Bold.Djjb79mT.otf") format("opentype");
}
@font-face{
  font-family:"JetBrains Mono Slashed";
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url("/static/fonts/JetBrainsMonoSlashed-ExtraBold.CYloavzy.otf") format("opentype");
}

:root{
  --tn-font-mono:"JetBrains Mono Slashed","JetBrains Mono","SFMono-Regular","Cascadia Mono",Consolas,monospace;
  --tn-font-sans:"Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --tn-ui-font-size:13px;
  --tn-ui-line-height:1;
  font-optical-sizing:auto;
}

html{
  font-family:var(--tn-font-mono);
  font-size:var(--tn-ui-font-size);
  font-weight:300;
  line-height:var(--tn-ui-line-height);
  font-variant-numeric:tabular-nums slashed-zero;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

body,
button,
input,
select,
textarea,
.btn,
.field,
.search-input,
.label,
.label-inline{
  font-family:var(--tn-font-mono)!important;
  font-variant-numeric:tabular-nums slashed-zero;
}

body{
  font-size:var(--tn-ui-font-size)!important;
  line-height:var(--tn-ui-line-height)!important;
}

button,
input,
select,
textarea{
  font-size:inherit;
}

.title,
.hero-title,
h1,
h2,
h3{
  font-family:var(--tn-font-sans)!important;
  font-variant-numeric:normal;
}

.chart-pill,
.chart-copy-btn,
.chart-mini-select,
.chart-action-btn,
.favorite-btn,
.expand-btn,
.meta-pill,
.list-symbols,
.trade-panel,
.trade-row,
.trade-position-card,
.calendar-grid,
.calendar-day,
.task-card,
.stat,
.badge{
  font-family:var(--tn-font-mono)!important;
  font-variant-numeric:tabular-nums slashed-zero;
}

html:not(.dark){
  --text:#050505;
  --ink:#050505;
  --foreground:#050505;
}

html:not(.dark) body,
html:not(.dark) h1,
html:not(.dark) h2,
html:not(.dark) h3,
html:not(.dark) .title,
html:not(.dark) .menu-name,
html:not(.dark) .trade-panel-title,
html:not(.dark) .backtest-stat strong,
html:not(.dark) .list-symbol-name,
html:not(.dark) .metric-value,
html:not(.dark) .hero-stat-value,
html:not(.dark) .tn-terminal-brand strong,
html:not(.dark) .chart-title{
  color:#050505!important;
}

html:not(.dark) button,
html:not(.dark) input,
html:not(.dark) select,
html:not(.dark) textarea,
html:not(.dark) .field,
html:not(.dark) .btn{
  color:#050505;
}

html:not(.dark) .btn-primary,
html:not(.dark) .btn-primary *,
html:not(.dark) .backtest-primary,
html:not(.dark) .backtest-primary *,
html:not(.dark) .backtest-ghost.active,
html:not(.dark) .backtest-ghost.active *,
html:not(.dark) .backtest-symbol-tabs button.active,
html:not(.dark) .backtest-symbol-tabs button.active *,
html:not(.dark) .toolbar button.active,
html:not(.dark) .toolbar button.active *,
html:not(.dark) .chart-tool.active,
html:not(.dark) .chart-tool.active *,
html:not(.dark) .focus-mode-switch button.active,
html:not(.dark) .focus-mode-switch button.active *,
html:not(.dark) .trade-buy,
html:not(.dark) .trade-buy *,
html:not(.dark) .trade-sell,
html:not(.dark) .trade-sell *,
html:not(.dark) .backtest-manage-toggle.active,
html:not(.dark) .backtest-manage-toggle.active *{
  color:#fff!important;
}