/* Inter and JetBrains Mono: SIL Open Font License 1.1, see fonts/OFL-*.txt. */
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(fonts/inter-latin-wght-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-weight: 100 900; font-display: swap;
  src: url(fonts/inter-cyrillic-wght-normal.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: italic; font-weight: 100 900; font-display: swap;
  src: url(fonts/inter-latin-wght-italic.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: italic; font-weight: 100 900; font-display: swap;
  src: url(fonts/inter-cyrillic-wght-italic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url(fonts/jetbrains-mono-latin-wght-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: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url(fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Theme tokens. Light by default; dark from the system unless the cookie says light. */
:root {
  --bg: #ffffff;
  --surface: #f6f7f9;
  --text: #1c2026;
  --muted: #5a636e;
  --border: #e3e6ea;
  --accent: #0b5fcc;
  --accent-soft: #e8f0fc;
  --focus: #0b5fcc;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1216;
    --surface: #171b21;
    --text: #e4e7eb;
    --muted: #9aa3ae;
    --border: #2a3038;
    --accent: #79b4ff;
    --accent-soft: #1a2636;
    --focus: #79b4ff;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0f1216;
  --surface: #171b21;
  --text: #e4e7eb;
  --muted: #9aa3ae;
  --border: #2a3038;
  --accent: #79b4ff;
  --accent-soft: #1a2636;
  --focus: #79b4ff;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 1.0625rem/1.7 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 4px; }
img { max-width: 100%; height: auto; }

.skip { position: absolute; left: -9999px; top: 0.5rem; padding: 0.5rem 0.75rem; background: var(--bg); z-index: 10; }
.skip:focus { left: 0.5rem; }

/* Top bar: brand left, empty center, tools right. */
.topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
  max-width: 64rem; margin: 0 auto; padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border);
}
.brand { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--text); text-decoration: none; font-weight: 650; font-size: 1.125rem; letter-spacing: -0.01em; }
.brand:hover span { text-decoration: underline; text-underline-offset: 0.2em; }
.logo { display: block; flex: none; border-radius: 8px; }
svg.logo { color: var(--text); }
svg.logo path { stroke: var(--bg); }
.tools, .prefs, .langs { display: flex; align-items: center; gap: 0.25rem; }
.prefs { margin: 0; }
.langs { margin: 0 0.25rem; padding: 2px; border: 1px solid var(--border); border-radius: 999px; }
.tools button, .tools .icon {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.25rem; height: 2.25rem; padding: 0 0.5rem;
  border: 0; border-radius: 999px; background: transparent; color: var(--muted);
  font: inherit; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.02em; cursor: pointer; text-decoration: none;
}
.langs button { height: 1.875rem; min-width: 2.5rem; }
.tools button:hover, .tools .icon:hover { color: var(--text); background: var(--surface); }
.langs button[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); }

/* One theme button is shown: the one that switches away from the current theme. */
.to-light { display: none !important; }
:root[data-theme="dark"] .to-light { display: inline-flex !important; }
:root[data-theme="dark"] .to-dark { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .to-light { display: inline-flex !important; }
  :root:not([data-theme="light"]) .to-dark { display: none !important; }
}

main { max-width: 44rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }

/* Main page */
.section-title { margin: 0 0 1.25rem; font-size: 0.8125rem; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.card { padding: 1.25rem 0; border-top: 1px solid var(--border); }
.card:first-of-type { border-top: 0; padding-top: 0; }
.card h2 { margin: 0; font-size: 1.375rem; line-height: 1.3; font-weight: 650; letter-spacing: -0.015em; }
.card h2 a { color: var(--text); text-decoration: none; }
.card h2 a:hover { color: var(--accent); }
.meta { margin: 0.35rem 0 0; color: var(--muted); font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.desc { margin: 0.5rem 0 0; }
.empty { color: var(--muted); }
.pager { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--border); }
.pager a { text-decoration: none; font-weight: 600; }
.pager [rel="next"] { justify-self: end; }

/* Tags: colors per hash bucket (.t0–.t23) are appended at startup. */
.tags { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0.625rem 0 0; padding: 0; list-style: none; }
.tag {
  display: inline-block; padding: 0.125rem 0.55rem; border-radius: 999px;
  background: var(--tag-bg, var(--surface)); color: var(--tag-fg, var(--text));
  font-size: 0.8125rem; font-weight: 550; line-height: 1.6; text-decoration: none;
}
.tag:hover { text-decoration: underline; text-decoration-thickness: 1px; }

/* Search */
.search { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 2rem; }
.search input, .search select, .search button {
  height: 2.5rem; padding: 0 0.875rem; border: 1px solid var(--border); border-radius: 10px;
  background: var(--bg); color: var(--text); font: inherit; font-size: 0.9375rem;
}
.search input { flex: 1 1 14rem; min-width: 0; }
.search select { flex: 0 1 auto; max-width: 12rem; }
.search button { background: var(--accent-soft); color: var(--accent); font-weight: 600; cursor: pointer; }
#status { margin: -1rem 0 1.25rem; }
.snippet mark { background: var(--accent-soft); color: inherit; border-radius: 3px; padding: 0 0.1em; }

/* Post page */
.post > header h1 { margin: 0; font-size: clamp(1.875rem, 4vw + 1rem, 2.625rem); line-height: 1.15; font-weight: 700; letter-spacing: -0.025em; }
.post > header .meta { margin-top: 0.75rem; }
/* Banner between the top bar and main, full page width. The fixed height keeps the page from jumping. */
.cover { display: block; width: 100%; height: min(30vh, 320px); object-fit: cover; object-position: center; background: var(--surface); }
.prose { position: relative; margin-top: 2rem; overflow-wrap: break-word; }
/* Read-depth markers for the post script (IntersectionObserver). */
.depth { position: absolute; left: 0; width: 1px; height: 1px; pointer-events: none; }
.d25 { top: 25%; } .d50 { top: 50%; } .d75 { top: 75%; } .d100 { bottom: 0; }
.prose > :first-child { margin-top: 0; }
.prose h2, .prose h3, .prose h4 { line-height: 1.3; letter-spacing: -0.015em; margin: 2.25rem 0 0.75rem; scroll-margin-top: 1rem; }
.prose h2 { font-size: 1.5rem; font-weight: 650; }
.prose h3 { font-size: 1.25rem; font-weight: 650; }
.prose h4 { font-size: 1.0625rem; font-weight: 650; }
.prose p, .prose ul, .prose ol, .prose blockquote, .prose table, .prose pre { margin: 0 0 1.25rem; }
.prose li + li { margin-top: 0.35rem; }
.prose blockquote { padding: 0.25rem 0 0.25rem 1rem; border-left: 3px solid var(--border); color: var(--muted); }
.prose blockquote > :last-child { margin-bottom: 0; }
.prose hr { border: 0; border-top: 1px solid var(--border); margin: 2.5rem 0; }
.prose img { display: block; margin: 1.5rem auto; border-radius: 8px; }
.prose table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 0.9375rem; }
.prose th, .prose td { padding: 0.5rem 0.75rem; border: 1px solid var(--border); text-align: left; }
.prose th { background: var(--surface); font-weight: 600; }
code, pre { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-variant-ligatures: none; tab-size: 4; }
.prose :not(pre) > code { padding: 0.1em 0.35em; border-radius: 4px; background: var(--surface); font-size: 0.875em; }
.prose pre { overflow-x: auto; padding: 1rem 1.125rem; border: 1px solid var(--border); border-radius: 10px; font-size: 0.875rem; line-height: 1.6; }
.prose pre, .prose pre.chroma { background: var(--surface); }

/* Votes: enabled by post.js; without JS the counts are still shown. */
.votes { display: flex; align-items: center; gap: 0.5rem; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); }
.vote {
  display: inline-flex; align-items: center; gap: 0.4rem; height: 2.25rem; padding: 0 0.85rem;
  border: 1px solid var(--border); border-radius: 999px; background: var(--bg); color: var(--muted);
  font: inherit; font-size: 0.875rem; font-weight: 600; font-variant-numeric: tabular-nums; cursor: pointer;
}
.vote:hover:not(:disabled) { color: var(--text); background: var(--surface); }
.vote[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.vote:disabled { cursor: default; }
.votes[aria-busy="true"] .vote { opacity: 0.6; }
.vote-status { margin: 0; }

/* Popular */
.popular { margin-top: 2.5rem; }
.popular ol { margin: 0; padding-left: 1.25rem; }
.popular li + li { margin-top: 0.35rem; }

.error h1 { margin: 0 0 0.75rem; font-size: 2rem; letter-spacing: -0.02em; }

@media (max-width: 30rem) {
  .topbar { padding: 0.75rem 1rem; }
  main { padding: 1.75rem 1rem 3rem; }
  .cover { height: min(25vh, 200px); }
  .brand span { font-size: 1rem; }
  .search input { flex-basis: 100%; }
  .search select { flex: 1; max-width: none; }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* Code highlighting (chroma) is appended below at startup. */
.t0 { --tag-bg: #fbe0e0; --tag-fg: #741111; }
.t1 { --tag-bg: #fbe6e0; --tag-fg: #742911; }
.t2 { --tag-bg: #fbede0; --tag-fg: #744211; }
.t3 { --tag-bg: #fbf4e0; --tag-fg: #745b11; }
.t4 { --tag-bg: #fbfbe0; --tag-fg: #747411; }
.t5 { --tag-bg: #f4fbe0; --tag-fg: #5b7411; }
.t6 { --tag-bg: #edfbe0; --tag-fg: #427411; }
.t7 { --tag-bg: #e6fbe0; --tag-fg: #297411; }
.t8 { --tag-bg: #e0fbe0; --tag-fg: #117411; }
.t9 { --tag-bg: #e0fbe6; --tag-fg: #117429; }
.t10 { --tag-bg: #e0fbed; --tag-fg: #117442; }
.t11 { --tag-bg: #e0fbf4; --tag-fg: #11745b; }
.t12 { --tag-bg: #e0fbfb; --tag-fg: #117474; }
.t13 { --tag-bg: #e0f4fb; --tag-fg: #115b74; }
.t14 { --tag-bg: #e0edfb; --tag-fg: #114274; }
.t15 { --tag-bg: #e0e6fb; --tag-fg: #112974; }
.t16 { --tag-bg: #e0e0fb; --tag-fg: #111174; }
.t17 { --tag-bg: #e6e0fb; --tag-fg: #291174; }
.t18 { --tag-bg: #ede0fb; --tag-fg: #421174; }
.t19 { --tag-bg: #f4e0fb; --tag-fg: #5b1174; }
.t20 { --tag-bg: #fbe0fb; --tag-fg: #741174; }
.t21 { --tag-bg: #fbe0f4; --tag-fg: #74115b; }
.t22 { --tag-bg: #fbe0ed; --tag-fg: #741142; }
.t23 { --tag-bg: #fbe0e6; --tag-fg: #741129; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .t0 { --tag-bg: #471f1f; --tag-fg: #f4afaf; }
:root:not([data-theme="light"]) .t1 { --tag-bg: #47291f; --tag-fg: #f4c0af; }
:root:not([data-theme="light"]) .t2 { --tag-bg: #47331f; --tag-fg: #f4d1af; }
:root:not([data-theme="light"]) .t3 { --tag-bg: #473d1f; --tag-fg: #f4e2af; }
:root:not([data-theme="light"]) .t4 { --tag-bg: #47471f; --tag-fg: #f4f4af; }
:root:not([data-theme="light"]) .t5 { --tag-bg: #3d471f; --tag-fg: #e2f4af; }
:root:not([data-theme="light"]) .t6 { --tag-bg: #33471f; --tag-fg: #d1f4af; }
:root:not([data-theme="light"]) .t7 { --tag-bg: #29471f; --tag-fg: #c0f4af; }
:root:not([data-theme="light"]) .t8 { --tag-bg: #1f471f; --tag-fg: #aff4af; }
:root:not([data-theme="light"]) .t9 { --tag-bg: #1f4729; --tag-fg: #aff4c0; }
:root:not([data-theme="light"]) .t10 { --tag-bg: #1f4733; --tag-fg: #aff4d1; }
:root:not([data-theme="light"]) .t11 { --tag-bg: #1f473d; --tag-fg: #aff4e2; }
:root:not([data-theme="light"]) .t12 { --tag-bg: #1f4747; --tag-fg: #aff4f4; }
:root:not([data-theme="light"]) .t13 { --tag-bg: #1f3d47; --tag-fg: #afe2f4; }
:root:not([data-theme="light"]) .t14 { --tag-bg: #1f3347; --tag-fg: #afd1f4; }
:root:not([data-theme="light"]) .t15 { --tag-bg: #1f2947; --tag-fg: #afc0f4; }
:root:not([data-theme="light"]) .t16 { --tag-bg: #1f1f47; --tag-fg: #afaff4; }
:root:not([data-theme="light"]) .t17 { --tag-bg: #291f47; --tag-fg: #c0aff4; }
:root:not([data-theme="light"]) .t18 { --tag-bg: #331f47; --tag-fg: #d1aff4; }
:root:not([data-theme="light"]) .t19 { --tag-bg: #3d1f47; --tag-fg: #e2aff4; }
:root:not([data-theme="light"]) .t20 { --tag-bg: #471f47; --tag-fg: #f4aff4; }
:root:not([data-theme="light"]) .t21 { --tag-bg: #471f3d; --tag-fg: #f4afe2; }
:root:not([data-theme="light"]) .t22 { --tag-bg: #471f33; --tag-fg: #f4afd1; }
:root:not([data-theme="light"]) .t23 { --tag-bg: #471f29; --tag-fg: #f4afc0; }
}
:root[data-theme="dark"] .t0 { --tag-bg: #471f1f; --tag-fg: #f4afaf; }
:root[data-theme="dark"] .t1 { --tag-bg: #47291f; --tag-fg: #f4c0af; }
:root[data-theme="dark"] .t2 { --tag-bg: #47331f; --tag-fg: #f4d1af; }
:root[data-theme="dark"] .t3 { --tag-bg: #473d1f; --tag-fg: #f4e2af; }
:root[data-theme="dark"] .t4 { --tag-bg: #47471f; --tag-fg: #f4f4af; }
:root[data-theme="dark"] .t5 { --tag-bg: #3d471f; --tag-fg: #e2f4af; }
:root[data-theme="dark"] .t6 { --tag-bg: #33471f; --tag-fg: #d1f4af; }
:root[data-theme="dark"] .t7 { --tag-bg: #29471f; --tag-fg: #c0f4af; }
:root[data-theme="dark"] .t8 { --tag-bg: #1f471f; --tag-fg: #aff4af; }
:root[data-theme="dark"] .t9 { --tag-bg: #1f4729; --tag-fg: #aff4c0; }
:root[data-theme="dark"] .t10 { --tag-bg: #1f4733; --tag-fg: #aff4d1; }
:root[data-theme="dark"] .t11 { --tag-bg: #1f473d; --tag-fg: #aff4e2; }
:root[data-theme="dark"] .t12 { --tag-bg: #1f4747; --tag-fg: #aff4f4; }
:root[data-theme="dark"] .t13 { --tag-bg: #1f3d47; --tag-fg: #afe2f4; }
:root[data-theme="dark"] .t14 { --tag-bg: #1f3347; --tag-fg: #afd1f4; }
:root[data-theme="dark"] .t15 { --tag-bg: #1f2947; --tag-fg: #afc0f4; }
:root[data-theme="dark"] .t16 { --tag-bg: #1f1f47; --tag-fg: #afaff4; }
:root[data-theme="dark"] .t17 { --tag-bg: #291f47; --tag-fg: #c0aff4; }
:root[data-theme="dark"] .t18 { --tag-bg: #331f47; --tag-fg: #d1aff4; }
:root[data-theme="dark"] .t19 { --tag-bg: #3d1f47; --tag-fg: #e2aff4; }
:root[data-theme="dark"] .t20 { --tag-bg: #471f47; --tag-fg: #f4aff4; }
:root[data-theme="dark"] .t21 { --tag-bg: #471f3d; --tag-fg: #f4afe2; }
:root[data-theme="dark"] .t22 { --tag-bg: #471f33; --tag-fg: #f4afd1; }
:root[data-theme="dark"] .t23 { --tag-bg: #471f29; --tag-fg: #f4afc0; }
:root[data-theme="light"] .chroma .err { color: #f6f8fa; background-color: #82071e }
:root[data-theme="light"] .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
:root[data-theme="light"] .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
:root[data-theme="light"] .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
:root[data-theme="light"] .chroma .hl { background-color: #dedede }
:root[data-theme="light"] .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
:root[data-theme="light"] .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
:root[data-theme="light"] .chroma .line { display: flex; }
:root[data-theme="light"] .chroma .k { color: #cf222e }
:root[data-theme="light"] .chroma .kc { color: #cf222e }
:root[data-theme="light"] .chroma .kd { color: #cf222e }
:root[data-theme="light"] .chroma .kn { color: #cf222e }
:root[data-theme="light"] .chroma .kp { color: #cf222e }
:root[data-theme="light"] .chroma .kr { color: #cf222e }
:root[data-theme="light"] .chroma .kt { color: #cf222e }
:root[data-theme="light"] .chroma .na { color: #1f2328 }
:root[data-theme="light"] .chroma .nc { color: #1f2328 }
:root[data-theme="light"] .chroma .no { color: #0550ae }
:root[data-theme="light"] .chroma .nd { color: #0550ae }
:root[data-theme="light"] .chroma .ni { color: #6639ba }
:root[data-theme="light"] .chroma .nl { color: #990000; font-weight: bold }
:root[data-theme="light"] .chroma .nn { color: #24292e }
:root[data-theme="light"] .chroma .nx { color: #1f2328 }
:root[data-theme="light"] .chroma .nt { color: #0550ae }
:root[data-theme="light"] .chroma .nb { color: #6639ba }
:root[data-theme="light"] .chroma .bp { color: #6a737d }
:root[data-theme="light"] .chroma .nv { color: #953800 }
:root[data-theme="light"] .chroma .vc { color: #953800 }
:root[data-theme="light"] .chroma .vg { color: #953800 }
:root[data-theme="light"] .chroma .vi { color: #953800 }
:root[data-theme="light"] .chroma .vm { color: #953800 }
:root[data-theme="light"] .chroma .nf { color: #6639ba }
:root[data-theme="light"] .chroma .fm { color: #6639ba }
:root[data-theme="light"] .chroma .s { color: #0a3069 }
:root[data-theme="light"] .chroma .sa { color: #0a3069 }
:root[data-theme="light"] .chroma .sb { color: #0a3069 }
:root[data-theme="light"] .chroma .sc { color: #0a3069 }
:root[data-theme="light"] .chroma .dl { color: #0a3069 }
:root[data-theme="light"] .chroma .sd { color: #0a3069 }
:root[data-theme="light"] .chroma .s2 { color: #0a3069 }
:root[data-theme="light"] .chroma .se { color: #0a3069 }
:root[data-theme="light"] .chroma .sh { color: #0a3069 }
:root[data-theme="light"] .chroma .si { color: #0a3069 }
:root[data-theme="light"] .chroma .sx { color: #0a3069 }
:root[data-theme="light"] .chroma .sr { color: #0a3069 }
:root[data-theme="light"] .chroma .s1 { color: #0a3069 }
:root[data-theme="light"] .chroma .ss { color: #032f62 }
:root[data-theme="light"] .chroma .m { color: #0550ae }
:root[data-theme="light"] .chroma .mb { color: #0550ae }
:root[data-theme="light"] .chroma .mf { color: #0550ae }
:root[data-theme="light"] .chroma .mh { color: #0550ae }
:root[data-theme="light"] .chroma .mi { color: #0550ae }
:root[data-theme="light"] .chroma .il { color: #0550ae }
:root[data-theme="light"] .chroma .mo { color: #0550ae }
:root[data-theme="light"] .chroma .o { color: #0550ae }
:root[data-theme="light"] .chroma .ow { color: #0550ae }
:root[data-theme="light"] .chroma .or { color: #0550ae }
:root[data-theme="light"] .chroma .p { color: #1f2328 }
:root[data-theme="light"] .chroma .c { color: #57606a }
:root[data-theme="light"] .chroma .ch { color: #57606a }
:root[data-theme="light"] .chroma .cm { color: #57606a }
:root[data-theme="light"] .chroma .c1 { color: #57606a }
:root[data-theme="light"] .chroma .cs { color: #57606a }
:root[data-theme="light"] .chroma .cp { color: #57606a }
:root[data-theme="light"] .chroma .cpf { color: #57606a }
:root[data-theme="light"] .chroma .gd { color: #82071e; background-color: #ffebe9 }
:root[data-theme="light"] .chroma .ge { color: #1f2328 }
:root[data-theme="light"] .chroma .gi { color: #116329; background-color: #dafbe1 }
:root[data-theme="light"] .chroma .go { color: #1f2328 }
:root[data-theme="light"] .chroma .gl { text-decoration: underline }
:root[data-theme="light"] .chroma .w { color: #ffffff }
@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) .chroma .err { color: #f6f8fa; background-color: #82071e }
:root:not([data-theme="dark"]) .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
:root:not([data-theme="dark"]) .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
:root:not([data-theme="dark"]) .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
:root:not([data-theme="dark"]) .chroma .hl { background-color: #dedede }
:root:not([data-theme="dark"]) .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
:root:not([data-theme="dark"]) .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
:root:not([data-theme="dark"]) .chroma .line { display: flex; }
:root:not([data-theme="dark"]) .chroma .k { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kc { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kd { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kn { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kp { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kr { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .kt { color: #cf222e }
:root:not([data-theme="dark"]) .chroma .na { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .nc { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .no { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .nd { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .ni { color: #6639ba }
:root:not([data-theme="dark"]) .chroma .nl { color: #990000; font-weight: bold }
:root:not([data-theme="dark"]) .chroma .nn { color: #24292e }
:root:not([data-theme="dark"]) .chroma .nx { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .nt { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .nb { color: #6639ba }
:root:not([data-theme="dark"]) .chroma .bp { color: #6a737d }
:root:not([data-theme="dark"]) .chroma .nv { color: #953800 }
:root:not([data-theme="dark"]) .chroma .vc { color: #953800 }
:root:not([data-theme="dark"]) .chroma .vg { color: #953800 }
:root:not([data-theme="dark"]) .chroma .vi { color: #953800 }
:root:not([data-theme="dark"]) .chroma .vm { color: #953800 }
:root:not([data-theme="dark"]) .chroma .nf { color: #6639ba }
:root:not([data-theme="dark"]) .chroma .fm { color: #6639ba }
:root:not([data-theme="dark"]) .chroma .s { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sa { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sb { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sc { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .dl { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sd { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .s2 { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .se { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sh { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .si { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sx { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .sr { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .s1 { color: #0a3069 }
:root:not([data-theme="dark"]) .chroma .ss { color: #032f62 }
:root:not([data-theme="dark"]) .chroma .m { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .mb { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .mf { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .mh { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .mi { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .il { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .mo { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .o { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .ow { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .or { color: #0550ae }
:root:not([data-theme="dark"]) .chroma .p { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .c { color: #57606a }
:root:not([data-theme="dark"]) .chroma .ch { color: #57606a }
:root:not([data-theme="dark"]) .chroma .cm { color: #57606a }
:root:not([data-theme="dark"]) .chroma .c1 { color: #57606a }
:root:not([data-theme="dark"]) .chroma .cs { color: #57606a }
:root:not([data-theme="dark"]) .chroma .cp { color: #57606a }
:root:not([data-theme="dark"]) .chroma .cpf { color: #57606a }
:root:not([data-theme="dark"]) .chroma .gd { color: #82071e; background-color: #ffebe9 }
:root:not([data-theme="dark"]) .chroma .ge { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .gi { color: #116329; background-color: #dafbe1 }
:root:not([data-theme="dark"]) .chroma .go { color: #1f2328 }
:root:not([data-theme="dark"]) .chroma .gl { text-decoration: underline }
:root:not([data-theme="dark"]) .chroma .w { color: #ffffff }
}
:root[data-theme="dark"] .chroma .err { color: #f85149 }
:root[data-theme="dark"] .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
:root[data-theme="dark"] .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
:root[data-theme="dark"] .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
:root[data-theme="dark"] .chroma .hl { background-color: #6e7681 }
:root[data-theme="dark"] .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #737679 }
:root[data-theme="dark"] .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 }
:root[data-theme="dark"] .chroma .line { display: flex; }
:root[data-theme="dark"] .chroma .k { color: #ff7b72 }
:root[data-theme="dark"] .chroma .kc { color: #79c0ff }
:root[data-theme="dark"] .chroma .kd { color: #ff7b72 }
:root[data-theme="dark"] .chroma .kn { color: #ff7b72 }
:root[data-theme="dark"] .chroma .kp { color: #79c0ff }
:root[data-theme="dark"] .chroma .kr { color: #ff7b72 }
:root[data-theme="dark"] .chroma .kt { color: #ff7b72 }
:root[data-theme="dark"] .chroma .nc { color: #f0883e; font-weight: bold }
:root[data-theme="dark"] .chroma .no { color: #79c0ff; font-weight: bold }
:root[data-theme="dark"] .chroma .nd { color: #d2a8ff; font-weight: bold }
:root[data-theme="dark"] .chroma .ni { color: #ffa657 }
:root[data-theme="dark"] .chroma .ne { color: #f0883e; font-weight: bold }
:root[data-theme="dark"] .chroma .nl { color: #79c0ff; font-weight: bold }
:root[data-theme="dark"] .chroma .nn { color: #ff7b72 }
:root[data-theme="dark"] .chroma .py { color: #79c0ff }
:root[data-theme="dark"] .chroma .nt { color: #7ee787 }
:root[data-theme="dark"] .chroma .nv { color: #79c0ff }
:root[data-theme="dark"] .chroma .vc { color: #79c0ff }
:root[data-theme="dark"] .chroma .vg { color: #79c0ff }
:root[data-theme="dark"] .chroma .vi { color: #79c0ff }
:root[data-theme="dark"] .chroma .vm { color: #79c0ff }
:root[data-theme="dark"] .chroma .nf { color: #d2a8ff; font-weight: bold }
:root[data-theme="dark"] .chroma .fm { color: #d2a8ff; font-weight: bold }
:root[data-theme="dark"] .chroma .l { color: #a5d6ff }
:root[data-theme="dark"] .chroma .ld { color: #79c0ff }
:root[data-theme="dark"] .chroma .s { color: #a5d6ff }
:root[data-theme="dark"] .chroma .sa { color: #79c0ff }
:root[data-theme="dark"] .chroma .sb { color: #a5d6ff }
:root[data-theme="dark"] .chroma .sc { color: #a5d6ff }
:root[data-theme="dark"] .chroma .dl { color: #79c0ff }
:root[data-theme="dark"] .chroma .sd { color: #a5d6ff }
:root[data-theme="dark"] .chroma .s2 { color: #a5d6ff }
:root[data-theme="dark"] .chroma .se { color: #79c0ff }
:root[data-theme="dark"] .chroma .sh { color: #79c0ff }
:root[data-theme="dark"] .chroma .si { color: #a5d6ff }
:root[data-theme="dark"] .chroma .sx { color: #a5d6ff }
:root[data-theme="dark"] .chroma .sr { color: #79c0ff }
:root[data-theme="dark"] .chroma .s1 { color: #a5d6ff }
:root[data-theme="dark"] .chroma .ss { color: #a5d6ff }
:root[data-theme="dark"] .chroma .m { color: #a5d6ff }
:root[data-theme="dark"] .chroma .mb { color: #a5d6ff }
:root[data-theme="dark"] .chroma .mf { color: #a5d6ff }
:root[data-theme="dark"] .chroma .mh { color: #a5d6ff }
:root[data-theme="dark"] .chroma .mi { color: #a5d6ff }
:root[data-theme="dark"] .chroma .il { color: #a5d6ff }
:root[data-theme="dark"] .chroma .mo { color: #a5d6ff }
:root[data-theme="dark"] .chroma .o { color: #ff7b72; font-weight: bold }
:root[data-theme="dark"] .chroma .ow { color: #ff7b72; font-weight: bold }
:root[data-theme="dark"] .chroma .or { color: #ff7b72; font-weight: bold }
:root[data-theme="dark"] .chroma .c { color: #8b949e; font-style: italic }
:root[data-theme="dark"] .chroma .ch { color: #8b949e; font-style: italic }
:root[data-theme="dark"] .chroma .cm { color: #8b949e; font-style: italic }
:root[data-theme="dark"] .chroma .c1 { color: #8b949e; font-style: italic }
:root[data-theme="dark"] .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic }
:root[data-theme="dark"] .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic }
:root[data-theme="dark"] .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic }
:root[data-theme="dark"] .chroma .gd { color: #ffa198; background-color: #490202 }
:root[data-theme="dark"] .chroma .ge { font-style: italic }
:root[data-theme="dark"] .chroma .gr { color: #ffa198 }
:root[data-theme="dark"] .chroma .gh { color: #79c0ff; font-weight: bold }
:root[data-theme="dark"] .chroma .gi { color: #56d364; background-color: #0f5323 }
:root[data-theme="dark"] .chroma .go { color: #8b949e }
:root[data-theme="dark"] .chroma .gp { color: #8b949e }
:root[data-theme="dark"] .chroma .gs { font-weight: bold }
:root[data-theme="dark"] .chroma .gu { color: #79c0ff }
:root[data-theme="dark"] .chroma .gt { color: #ff7b72 }
:root[data-theme="dark"] .chroma .gl { text-decoration: underline }
:root[data-theme="dark"] .chroma .w { color: #6e7681 }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .chroma .err { color: #f85149 }
:root:not([data-theme="light"]) .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
:root:not([data-theme="light"]) .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
:root:not([data-theme="light"]) .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
:root:not([data-theme="light"]) .chroma .hl { background-color: #6e7681 }
:root:not([data-theme="light"]) .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #737679 }
:root:not([data-theme="light"]) .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 }
:root:not([data-theme="light"]) .chroma .line { display: flex; }
:root:not([data-theme="light"]) .chroma .k { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .kc { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .kd { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .kn { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .kp { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .kr { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .kt { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .nc { color: #f0883e; font-weight: bold }
:root:not([data-theme="light"]) .chroma .no { color: #79c0ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .nd { color: #d2a8ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .ni { color: #ffa657 }
:root:not([data-theme="light"]) .chroma .ne { color: #f0883e; font-weight: bold }
:root:not([data-theme="light"]) .chroma .nl { color: #79c0ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .nn { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .py { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .nt { color: #7ee787 }
:root:not([data-theme="light"]) .chroma .nv { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .vc { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .vg { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .vi { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .vm { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .nf { color: #d2a8ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .fm { color: #d2a8ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .l { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .ld { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .s { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .sa { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .sb { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .sc { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .dl { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .sd { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .s2 { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .se { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .sh { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .si { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .sx { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .sr { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .s1 { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .ss { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .m { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .mb { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .mf { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .mh { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .mi { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .il { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .mo { color: #a5d6ff }
:root:not([data-theme="light"]) .chroma .o { color: #ff7b72; font-weight: bold }
:root:not([data-theme="light"]) .chroma .ow { color: #ff7b72; font-weight: bold }
:root:not([data-theme="light"]) .chroma .or { color: #ff7b72; font-weight: bold }
:root:not([data-theme="light"]) .chroma .c { color: #8b949e; font-style: italic }
:root:not([data-theme="light"]) .chroma .ch { color: #8b949e; font-style: italic }
:root:not([data-theme="light"]) .chroma .cm { color: #8b949e; font-style: italic }
:root:not([data-theme="light"]) .chroma .c1 { color: #8b949e; font-style: italic }
:root:not([data-theme="light"]) .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic }
:root:not([data-theme="light"]) .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic }
:root:not([data-theme="light"]) .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic }
:root:not([data-theme="light"]) .chroma .gd { color: #ffa198; background-color: #490202 }
:root:not([data-theme="light"]) .chroma .ge { font-style: italic }
:root:not([data-theme="light"]) .chroma .gr { color: #ffa198 }
:root:not([data-theme="light"]) .chroma .gh { color: #79c0ff; font-weight: bold }
:root:not([data-theme="light"]) .chroma .gi { color: #56d364; background-color: #0f5323 }
:root:not([data-theme="light"]) .chroma .go { color: #8b949e }
:root:not([data-theme="light"]) .chroma .gp { color: #8b949e }
:root:not([data-theme="light"]) .chroma .gs { font-weight: bold }
:root:not([data-theme="light"]) .chroma .gu { color: #79c0ff }
:root:not([data-theme="light"]) .chroma .gt { color: #ff7b72 }
:root:not([data-theme="light"]) .chroma .gl { text-decoration: underline }
:root:not([data-theme="light"]) .chroma .w { color: #6e7681 }
}