:root {
  color-scheme: light;
  --page: #f7f8fa; --surface: #ffffff; --text: #202d3a; --muted: #64766e;
  --border: #e3eae6; --accent: #087b69; --accent-strong: #166f59; --accent-hover: #056c5e; --focus: #009881;
  --selected-bg: #e6f1ef; --tint: #f0f7f3; --tint-end: #fbfcf6; --empty: #6c9f87; --avatar: #e2f0e9;
  --cover-start: #deefe5; --cover-end: #f6f5e9; --code: #f0f4f2; --button-text: #ffffff; --toast-bg: #203d34;
  --selection-bg: #c9e8d8; --selection-text: #18382c;
  accent-color: var(--accent);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0e151c; --surface: #151f29; --text: #e3ecea; --muted: #9fb0b6;
  --border: #2b3b45; --accent: #70dec0; --accent-strong: #93e6cb; --accent-hover: #aaefdb; --focus: #8beccf;
  --selected-bg: #223e38; --tint: #192c2c; --tint-end: #1b272b; --empty: #75b69e; --avatar: #223d38;
  --cover-start: #214d43; --cover-end: #2c3730; --code: #1d2b35; --button-text: #0c2920; --toast-bg: #dbf5e9;
  --selection-bg: #2e6658; --selection-text: #f0fff8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --page: #0e151c; --surface: #151f29; --text: #e3ecea; --muted: #9fb0b6;
    --border: #2b3b45; --accent: #70dec0; --accent-strong: #93e6cb; --accent-hover: #aaefdb; --focus: #8beccf;
    --selected-bg: #223e38; --tint: #192c2c; --tint-end: #1b272b; --empty: #75b69e; --avatar: #223d38;
    --cover-start: #214d43; --cover-end: #2c3730; --code: #1d2b35; --button-text: #0c2920; --toast-bg: #dbf5e9;
    --selection-bg: #2e6658; --selection-text: #f0fff8;
  }
}
::selection { background: var(--selection-bg); color: var(--selection-text); }
.thread-navigation { padding: 16px 30px; display: flex; gap: 20px; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 12px; }
.reply-context { font-size: 10px; color: var(--muted); margin-right: 18px; }
.post-stats span { white-space: nowrap; }
.bio a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.reply-count { white-space: nowrap; color: var(--accent-strong); }
.appearance { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 24px 14px 0; color: var(--muted); font-size: 11px; }
.appearance select { font: inherit; font-size: 12px; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 7px 9px; cursor: pointer; }
.appearance select:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.skill-download { margin: 24px 30px 0; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--tint); }
.skill-download h2 { margin-top: 0; }
.skill-download .button { display: inline-flex; gap: 24px; margin-top: 8px; }
@media (max-width: 650px) { .appearance { margin: 12px 12px 0; max-width: 220px; } .skill-download { margin: 20px 20px 0; padding: 16px; } }