@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-cyrillic-400.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-latin-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-cyrillic-600.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-latin-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/vendor/fonts/inter-cyrillic-700.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


:root {
  
  --bg: #07090c;
  --bg-glow: rgba(255, 255, 255, 0.028);   
  --panel: #0b0e13;
  --panel-2: #10141a;
  --panel-3: #171c24;

  
  --border: #1c222b;
  --border-strong: #2a323d;

  
  --text: #c6d0de;
  --text-dim: #9aa6b6;
  --muted: #7d8895;

  
  --accent: #dce6f4;
  --accent-soft: rgba(220, 230, 244, 0.08);
  --accent-line: rgba(220, 230, 244, 0.30);

  --brand-core: #2b6cff;
  --logo-ink: #ffffff;
  --overlay: rgba(5, 7, 10, 0.68);
  --row-hover: rgba(255, 255, 255, 0.035);
  --field-focus: rgba(255, 255, 255, 0.03);
  --scroll: #232a34;
  --scroll-hover: #313a46;
  --sel: rgba(220, 230, 244, 0.24);

  --chart-grid-h: rgba(255, 255, 255, 0.045);
  --chart-grid-v: rgba(255, 255, 255, 0.022);
  --chart-axis: #1c222b;
  --chart-tick: #7d8895;
  --chart-cross: #8a95a3;
  --chart-cross-text: #dbe3ee;
  --chart-cross-bg: #171c24;

  --shadow-float: 0 8px 20px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -10px 26px rgba(0, 0, 0, 0.5);

  --up-ink: #9fe3dc;
  --down-ink: #ffb4b2;
  --on-accent: #07090c;

  
  --up: #26a69a;
  --down: #ef5350;
  --warn: #e0b155;   

  

  --mark-green: #4ec9a0;
  --mark-red: #ff6b66;
  --mark-blue: #5b9dff;

  


  --ruler: #9dc0ff;
  --ray: #9dc0ff;
  --ray-line: rgba(157, 192, 255, 0.45);   
  --ray-chip: #131b25;                     
  --ray-ink: #bcd4f2;                      

  
  --radius: 3px;
  --radius-sm: 2px;
  --row-h: 24px;
  
  --rail-w: 28px;

  
  --shadow-panel: none;
  --shadow-pop: 0 16px 34px rgba(0, 0, 0, 0.6), 0 0 0 1px var(--border-strong);

  --font-ui: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  --font-num: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}


html, body {
  margin: 0;
  height: 100%;
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--sel);
  color: var(--text);
}


:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px var(--accent);
  border-radius: var(--radius-sm);
}




[hidden] {
  display: none !important;
}


* {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll) transparent;
}
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: var(--scroll);
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb:hover { background: var(--scroll-hover); background-clip: content-box; }
*::-webkit-scrollbar-corner { background: transparent; }





.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-decoration: none;
}
.brand-mark {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--logo-ink);
}
.brand-word {
  position: relative;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .3px;
  white-space: nowrap;
}

.brand-word::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--border-strong) 0 60%, var(--brand-core) 60% 100%);
}

.brand-ice { font-style: normal; color: var(--brand-core); }
.brand-rule {
  width: 1px;
  height: 18px;
  background: var(--border-strong);
  flex: 0 0 auto;
}
.brand-sub {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}


@media (max-width: 720px) {
  .brand { gap: 7px; }
}

[data-theme="light"] {
  --bg: #f5f7fa;
  --panel: #ffffff;
  --panel-2: #eff3f8;
  --panel-3: #e5ebf3;

  --border: #e3e9f1;
  --border-strong: #c9d3e1;

  --text: #16202c;
  --text-dim: #4f5d6f;
  --muted: #7b8899;

  --accent: #1f4ed8;
  --accent-soft: rgba(31, 78, 216, 0.08);
  --accent-line: rgba(31, 78, 216, 0.32);

  --brand-core: #2b6cff;
  --logo-ink: #0d1117;
  --overlay: rgba(20, 30, 45, 0.42);
  --row-hover: rgba(15, 26, 38, 0.045);
  --field-focus: rgba(15, 26, 38, 0.035);
  --scroll: #c7d1de;
  --scroll-hover: #b1becf;
  --sel: rgba(31, 78, 216, 0.18);

  --warn: #a86f14;
  --mark-green: #2f9e77;
  --mark-red: #d94a45;
  --mark-blue: #2b6cff;

  --ruler: #3f74e0;
  --ray: #3f74e0;
  --ray-line: rgba(63, 116, 224, 0.5);
  --ray-chip: #eef3fb;
  --ray-ink: #1b3a7a;

  --chart-grid-h: rgba(15, 26, 38, 0.07);
  --chart-grid-v: rgba(15, 26, 38, 0.04);
  --chart-axis: #d7dfe9;
  --chart-tick: #6b7887;
  --chart-cross: #7d8899;
  --chart-cross-text: #16202c;
  --chart-cross-bg: #eff3f8;

  --shadow-pop: 0 16px 34px rgba(23, 34, 51, 0.18), 0 0 0 1px var(--border-strong);
  --shadow-float: 0 8px 20px rgba(23, 34, 51, 0.18);
  --shadow-sheet: 0 -10px 26px rgba(23, 34, 51, 0.16);

  --up-ink: #10695f;
  --down-ink: #a3251f;
  --on-accent: #ffffff;
}