.reader .ap-player {
  margin-bottom: 16px;
}

.ap-player {
  --ap-bg: var(--panel, #ffffff);
  --ap-surface: var(--surface, #f1efe9);
  --ap-surface-strong: var(--surface-strong, #e6e2d9);
  --ap-border: var(--border, #e5e7eb);
  --ap-border-strong: var(--border-strong, #d4d4d8);
  --ap-text: var(--text, #1b1b1f);
  --ap-muted: var(--muted, #6b7280);
  --ap-accent: var(--accent, #2563eb);
  --ap-focus: var(--accent, #2563eb);
  --ap-radius: 14px;
  --ap-gap: 10px;
  --ap-control-size: 36px;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  padding: 14px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.ap-btn {
  border-radius: 10px;
  border: 1px solid var(--ap-border-strong);
}

.ap-btn:hover {
  background: var(--ap-surface-strong);
  color: var(--ap-accent);
}

.ap-rate-popover {
  border: 1px solid var(--ap-border-strong);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

:root[data-theme-preset="day"] .ap-player {
  --ap-accent: #2563eb;
  --ap-focus: #93c5fd;
}

:root[data-theme-preset="soft"] .ap-player {
  --ap-accent: #0ea5e9;
  --ap-focus: #7dd3fc;
}

:root[data-theme-preset="evening"] .ap-player {
  --ap-accent: #f59e0b;
  --ap-focus: #fbbf24;
}

:root[data-theme-preset="night"] .ap-player {
  --ap-accent: #60a5fa;
  --ap-focus: #93c5fd;
}

.ap-auto-next-btn .ap-icon-auto-next-on {
  display: none;
}

.ap-auto-next-btn .ap-icon-auto-next-off {
  display: block;
}

.ap-auto-next-btn.ap-auto-next .ap-icon-auto-next-on {
  display: block;
}

.ap-auto-next-btn.ap-auto-next .ap-icon-auto-next-off {
  display: none;
}

@media (max-width: 640px) {
  .ap-rate-popover {
    position: initial;
    z-index: initial;
  }

  .ap-rate-btn {
    display: none;
  }

  .ap-rate .ap-rate-popover {
    display: block;
  }

  .ap-rate .ap-rate-popover .ap-rate-popover-row {
    margin-bottom: 0;
  }
}