.artist-bookshelf-section {
  overflow: hidden;
}

.artist-bookshelf-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.artist-bookshelf-current {
  margin: 0;
}

.artist-bookshelf-search {
  width: min(280px, 100%);
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(168, 85, 247, 0.28);
  background: rgba(8, 8, 24, 0.72);
  color: var(--ink);
  font: inherit;
}

.artist-bookshelf-scroll {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 4px 2px 18px;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(168, 85, 247, 0.72) rgba(8, 8, 24, 0.54);
}

.artist-book {
  flex: 0 0 210px;
  min-height: 112px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(168, 85, 247, 0.22);
  border-left: 5px solid rgba(56, 189, 248, 0.72);
  background: linear-gradient(180deg, rgba(38, 14, 63, 0.98), rgba(13, 24, 62, 0.94));
  color: var(--ink);
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 16px 34px rgba(4, 1, 14, 0.24);
  scroll-snap-align: start;
}

.artist-book:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.artist-book[aria-current="page"] {
  border-color: rgba(56, 189, 248, 0.5);
  border-left-color: #f0c36a;
  background: linear-gradient(180deg, rgba(82, 28, 119, 0.98), rgba(18, 49, 92, 0.96));
  box-shadow: 0 0 26px rgba(56, 189, 248, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.artist-book-name {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.12;
}

.artist-book-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.artist-book-pill {
  display: inline-flex;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(56, 189, 248, 0.18);
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 700;
}

.artist-book-pill.is-review {
  background: rgba(232, 121, 249, 0.2);
  color: #f5b4fc;
}

.artist-book-pill.is-verified {
  background: rgba(34, 197, 94, 0.18);
  color: #86efac;
}

.artist-book-pill.is-audio {
  background: rgba(240, 195, 106, 0.18);
  color: #fde68a;
}

.artist-bookshelf-empty {
  margin: 0;
  color: var(--muted);
}

.artist-bookshelf-actions {
  margin-top: 14px;
}

@media (max-width: 640px) {
  .artist-book {
    flex-basis: 180px;
  }
}