@font-face { font-family: 'Unbounded'; src: url('/static/fonts/unbounded-latin-800-normal.woff2') format('woff2'); font-weight: 800; font-display: swap; unicode-range: U+0000-00FF, U+20BD, U+2014; }
@font-face { font-family: 'Unbounded'; src: url('/static/fonts/unbounded-cyrillic-800-normal.woff2') format('woff2'); font-weight: 800; font-display: swap; unicode-range: U+0400-04FF; }
@font-face { font-family: 'Unbounded'; src: url('/static/fonts/unbounded-latin-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+20BD, U+2014; }
@font-face { font-family: 'Unbounded'; src: url('/static/fonts/unbounded-cyrillic-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0400-04FF; }
@font-face { font-family: 'Manrope'; src: url('/static/fonts/manrope-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-display: swap; unicode-range: U+0000-00FF, U+20BD, U+2014; }
@font-face { font-family: 'Manrope'; src: url('/static/fonts/manrope-cyrillic-500-normal.woff2') format('woff2'); font-weight: 500; font-display: swap; unicode-range: U+0400-04FF; }
@font-face { font-family: 'Manrope'; src: url('/static/fonts/manrope-latin-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+20BD, U+2014; }
@font-face { font-family: 'Manrope'; src: url('/static/fonts/manrope-cyrillic-700-normal.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0400-04FF; }
:root {
  --night: #120d17; --plate: #1c1424; --plate-2: #261b31; --line: #3a2c47; --text: #fbf6ee; --muted: #b6a9c2;
  --task: #ffd166; --sport: #f6f1e7; --barrel: #6cb6ff; --help: #6ee7a0; --hate: #ff6b6b; --premium: #b49bff; --on-chip: #160f1c; --glow: #ffb86b;
  --head: 'Unbounded', system-ui, sans-serif; --body: 'Manrope', system-ui, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
.tone-task { --tone: var(--task); }
.tone-sport { --tone: var(--sport); }
.tone-barrel { --tone: var(--barrel); }
.tone-help { --tone: var(--help); }
.tone-hate { --tone: var(--hate); }
.tone-premium { --tone: var(--premium); }
.chip { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--tone); color: var(--on-chip); font-family: var(--head); font-weight: 800; white-space: nowrap; }