@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./fonts/inter-latin-400-normal.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-display: swap;
  font-weight: 400;
  src: url(./fonts/inter-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./fonts/inter-latin-500-normal.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-display: swap;
  font-weight: 500;
  src: url(./fonts/inter-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/inter-latin-600-normal.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-display: swap;
  font-weight: 600;
  src: url(./fonts/inter-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./fonts/inter-latin-700-normal.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-display: swap;
  font-weight: 700;
  src: url(./fonts/inter-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root {
  --g-ink: #171b22;
  --g-panel: #1f252e;
  --g-raise: #282f3a;
  --g-sunken: #12161c;
  --g-head: rgba(31, 37, 46, 0.9);
  --g-text: #ffffff;
  --g-text-2: #d7dee7;
  --g-muted: #b8c2cf;
  --g-dim: #8f9bab;
  --g-line: rgba(240, 243, 247, 0.1);
  --g-line-2: rgba(240, 243, 247, 0.18);
  --g-wash: rgba(240, 243, 247, 0.035);
  --g-wash-solid: color-mix(in srgb, var(--g-text) 3.5%, var(--g-panel));
  --g-track: rgba(240, 243, 247, 0.11);
  --g-action: #8b6cff;
  --g-action-hover: #a78bff;
  --g-action-dim: rgba(139, 108, 255, 0.14);
  --g-action-line: rgba(139, 108, 255, 0.42);
  --g-on-action: #ffffff;
  --g-action-text: #cdbcff;
  --g-live: #3ddc97;
  --g-live-dim: rgba(61, 220, 151, 0.12);
  --g-live-text: #8ff0c8;
  --g-warn: #ffc857;
  --g-warn-dim: rgba(255, 200, 87, 0.1);
  --g-warn-text: #ffdd9c;
  --g-danger: #f0617a;
  --g-danger-dim: rgba(240, 97, 122, 0.12);
  --g-danger-line: rgba(240, 97, 122, 0.3);
  --g-danger-text: #ffb0be;
  --g-tile: linear-gradient(155deg, #a78bff 0%, #7c4dff 42%, #4a1f93 100%);
  --g-ring: #7fdef8;
  --g-on-tile: #ffffff;
  --g-cyan: #4fc9f0;
  --g-focus: #cdbcff;
  --g-radius-card: 12px;
  --g-radius-control: 8px;
  --g-radius-tile: 6px;
  --g-radius-pill: 999px;
  --g-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --g-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}

:root {
  --bg-canvas: var(--g-ink);
  --surface: var(--g-panel);
  --subtle: var(--g-raise);
  --text: var(--g-text);
  --text-2: var(--g-text-2);
  --muted: var(--g-muted);
  --border: var(--g-line);
  --border-strong: var(--g-line-2);
  --brand: var(--g-action);
  --brand-hover: var(--g-action-hover);
  --line-soft: var(--g-line);
  --shadow: none;
  --success: var(--g-live);
  --warning: var(--g-warn);
  --error: var(--g-danger);
  --neutral-0: var(--g-panel);
  --neutral-50: var(--g-ink);
  --neutral-100: var(--g-raise);
  --neutral-200: var(--g-line);
  --neutral-300: var(--g-line-2);
  --neutral-400: var(--g-muted);
  --neutral-600: var(--g-text-2);
  --neutral-900: var(--g-text);
  --purple-100: var(--g-action-dim);
  --purple-600: var(--g-action);
  --purple-700: var(--g-action-hover);
}

:root {
  color-scheme: dark;
  --tap: 44px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}