.post-comments[hidden], .gallery-reactions[hidden] { display: none; }
.post-comments { margin-top: 24px; }
.post-comments > summary { width: fit-content; color: var(--accent); font-size: 0.875rem; text-decoration: underline; text-underline-offset: 3px; list-style: none; cursor: pointer; }
.post-comments > summary::-webkit-details-marker { display: none; }
.post-comments[open] > .waline-mount { margin-top: 16px; }
.post-comments .waline-mount {
  --waline-font-size: 1rem;
  --waline-font-family: "Courier New", "SimSun", "Songti SC", monospace;
  --waline-theme-color: #c4a0de;
  --waline-active-color: #eee7f2;
  --waline-color: #eee7f2;
  --waline-bg-color: #231a2e;
  --waline-bg-color-light: #140f1b;
  --waline-bg-color-hover: #35263f;
  --waline-border-color: #51405e;
  --waline-disable-bg-color: #35263f;
  --waline-disable-color: #c5b7cf;
  --waline-info-bg-color: #140f1b;
  --waline-info-color: #c5b7cf;
  --waline-badge-color: #c4a0de;
  --waline-light-grey: #c5b7cf;
  --waline-dark-grey: #c5b7cf;
  --waline-bq-color: #35263f;
  --waline-avatar-size: 32px;
  --waline-avatar-radius: 0;
  --waline-box-shadow: none;
  --waline-border: 1px solid #51405e;
  color-scheme: dark;
  overflow-wrap: anywhere;
}
.post-comments .waline-mount * { border-radius: 0; box-shadow: none; }
.post-comments .wl-header { flex-wrap: wrap; }
.post-comments .wl-panel { min-width: 0; margin: 8px 0; }
.post-comments .wl-header-item { min-width: 0; }
.post-comments .wl-header-item input { min-width: 0; }
.post-comments .wl-editor { box-sizing: border-box; min-width: 0; font-family: inherit; }
.post-comments .wl-btn { font-family: inherit; }
.post-comments .wl-btn.primary { background: #35263f; border-color: #8e729f; color: #eee7f2; }
.post-comments .wl-btn.primary:hover { background: #51405e; }
.post-comments .wl-content p { color: var(--text); }
.post-comments .wl-comment { min-width: 0; }
.post-comments .wl-meta, .post-comments .wl-sort { display: flex; flex-wrap: wrap; gap: 8px; }
.post-comments .wl-power { font-size: 0.75rem; }
.post-comments .wl-cards .wl-user { display: none; }
.post-comments .wl-count, .post-comments .wl-text-number { white-space: nowrap; }
.post-comments > summary:focus-visible, .post-comments button:focus-visible, .post-comments input:focus-visible, .post-comments textarea:focus-visible,
.gallery-reactions button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.gallery-reactions { margin-top: 6px; }
.reaction-buttons { display: flex; flex-wrap: wrap; gap: 3px; }
.reaction-buttons button, .interaction-retry { padding: 5px 8px; border: 1px solid var(--line); border-radius: 0; background: var(--dark); color: var(--muted); font: inherit; cursor: pointer; }
.reaction-buttons button { display: inline-flex; align-items: center; justify-content: center; gap: 1px; min-width: 22px; min-height: 22px; padding: 1px; font-size: 0.5625rem; line-height: 1; }
.reaction-buttons .reaction-icon { font-size: 0.5rem; }
.reaction-buttons button:hover, .interaction-retry:hover { border-color: var(--accent); color: var(--text); }
.reaction-buttons button[aria-pressed="true"] { border-color: #8e729f; background: #35263f; color: var(--accent); }
.reaction-buttons button:disabled { cursor: default; opacity: 0.55; }
.page .interaction-status { margin: 8px 0 0; font-size: 0.8125rem; }
.interaction-status:empty { display: none; }
.interaction-retry { margin-top: 8px; font-size: 0.875rem; }
@media (max-width: 600px) {
  .post-comments .wl-footer { flex-wrap: wrap; }
  .post-comments .wl-info { flex-basis: 100%; min-width: 0; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
  .post-comments .wl-meta-head { flex-wrap: wrap; gap: 6px; }
  .post-comments .wl-count { flex-basis: 100%; }
  .post-comments .wl-card .wl-quote { margin-inline-start: 0; padding-inline-start: 8px; }
  .post-comments .wl-header-item { flex-basis: 100%; }
  .post-comments .wl-cards .wl-item .wl-item { margin-left: 0; }
}