/* Generated by scripts/build-appearance.mjs. */
:root { color-scheme: light;
  --bg: #faf4ed;
  --surface: #fffaf5;
  --ink: #575279;
  --ink-2: #797593;
  --line: #dfdad9;
  --accent: #b4637a;
  --code-string: #286983;
}
:root[data-theme="dark"] { color-scheme: dark;
  --bg: #1f1f28;
  --surface: #282833;
  --ink: #dcd7ba;
  --ink-2: #938aa9;
  --line: #363646;
  --accent: #e46876;
  --code-string: #98bb6c;
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] { color-scheme: dark;
  --bg: #1f1f28;
  --surface: #282833;
  --ink: #dcd7ba;
  --ink-2: #938aa9;
  --line: #363646;
  --accent: #e46876;
  --code-string: #98bb6c;
  }
}
.appearance-panel * { box-sizing: border-box; }
.appearance-panel [hidden] { display: none !important; }
html[data-film] body { transition: none; }
.masthead__nav, .header-actions { align-items: center; }
.appearance-announcement { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
/* 复用原站的字形、字号和颜色；只保留无可见外圈的点击区域。 */
.theme-toggle.appearance-trigger { min-width: 24px; min-height: 24px; padding: 4px; }
.appearance-panel {
  z-index: 100;
  position: fixed; inset: auto; margin: 0; padding: 0; width: 116px;
  border: 0; background: transparent; color: var(--ink); overflow: visible;
  font-family: "Inter Tight", "Noto Sans SC", system-ui, sans-serif;
  font-size: 12px; line-height: 1.5;
}
.appearance-panel::backdrop { background: transparent; }
.appearance-menu {
  width: 116px; padding: 4px; border: 1px solid var(--line); border-radius: 2px;
  background: var(--bg); overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: var(--ink-2) var(--bg);
}
.appearance-menu--automatic, .appearance-menu--themes { position: fixed; }
.appearance-menu--themes { width: 182px; }
.appearance-item {
  -webkit-tap-highlight-color: transparent;
  display: grid; grid-template-columns: 12px minmax(0, 1fr) 12px; align-items: center; gap: 5px;
  width: 100%; min-height: 30px; padding: 5px 6px; border: 0; border-radius: 1px;
  background: transparent; color: inherit; font: inherit; font-size: 12px; text-align: left; cursor: pointer;
}
.appearance-item:hover, .appearance-item[aria-expanded="true"], .appearance-item:focus-visible { background: color-mix(in srgb, var(--ink) 8%, var(--bg)); }
.appearance-item:focus-visible { outline: 1px solid var(--ink); outline-offset: -1px; }
.appearance-item svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
.appearance-theme { grid-template-columns: 20px minmax(0, 1fr) 12px; }
.appearance-theme .appearance-film-icon { display: block; width: 20px; height: 20px; object-fit: contain; pointer-events: none; }
.appearance-check { visibility: hidden; }
.appearance-item[aria-checked="true"] > .appearance-check { visibility: visible; }
.appearance-item[data-side="left"] > .appearance-arrow { transform: rotate(180deg); }
.appearance-item[data-side="below"] > .appearance-arrow { transform: rotate(90deg); }
.appearance-swatch { width: 11px; height: 13px; justify-self: center; background: var(--swatch-bg); border: 1px solid var(--swatch-ink); box-shadow: inset -4px 0 var(--swatch-ink); }
.appearance-storage-note { font-size: 11px; line-height: 1.6; margin: 6px 4px; }
.appearance-panel ::selection { background: var(--ink); color: var(--bg); }