/* AUDIO */
    .audio-track-list {
      list-style: none; padding: 0;
      max-height: 465px; overflow-y: auto;
      padding-right: var(--space-xs);
      scrollbar-width: thin;
      scrollbar-color: var(--cyber-red-700) var(--cyber-void-400);
    }
    .audio-track-list::-webkit-scrollbar { width: 8px; }
    .audio-track-list::-webkit-scrollbar-track { background: var(--cyber-void-400); }
    .audio-track-list::-webkit-scrollbar-thumb { background: var(--cyber-red-700); border-radius: 0; box-shadow: 0 0 6px color-mix(in srgb, var(--cyber-red-500) 40%, transparent); }
    .audio-track-list::-webkit-scrollbar-thumb:hover { background: var(--cyber-red-500); }
    .audio-track-item {
      display: flex; align-items: center; gap: var(--space-sm);
      padding: var(--space-sm); border: 1px solid var(--color-border-default);
      margin-bottom: var(--space-xs); background: var(--cyber-void-300);
      transition: all var(--transition-fast);
    }
    .audio-track-item:hover {
      border-color: var(--cyber-red-500);
      box-shadow: 0 0 10px color-mix(in srgb, var(--cyber-red-500) 30%, transparent);
    }
    .audio-track-item.is-playing {
      border-color: var(--cyber-red-500);
      box-shadow: 0 0 16px color-mix(in srgb, var(--cyber-red-500) 45%, transparent);
    }
    .audio-track-item > audio { display: none; }

    /* POETRY */
    .poetry-list {
      list-style: none; padding: 0;
      max-height: 465px; overflow-y: auto;
      padding-right: var(--space-xs);
      scrollbar-width: thin;
      scrollbar-color: var(--cyber-red-700) var(--cyber-void-400);
    }
    .poetry-list::-webkit-scrollbar { width: 8px; }
    .poetry-list::-webkit-scrollbar-track { background: var(--cyber-void-400); }
    .poetry-list::-webkit-scrollbar-thumb { background: var(--cyber-red-700); border-radius: 0; box-shadow: 0 0 6px color-mix(in srgb, var(--cyber-red-500) 40%, transparent); }
    .poetry-list::-webkit-scrollbar-thumb:hover { background: var(--cyber-red-500); }
    .poetry-item {
      display: flex; align-items: baseline; gap: var(--space-sm);
      padding: var(--space-xs) var(--space-sm);
      border: 1px solid var(--color-border-default);
      margin-bottom: var(--space-xs); background: var(--cyber-void-300);
      cursor: pointer; transition: all var(--transition-fast);
    }
    .poetry-item:hover, .poetry-item:focus-visible {
      border-color: var(--cyber-red-500);
      box-shadow: 0 0 10px color-mix(in srgb, var(--cyber-red-500) 30%, transparent);
    }
    .poetry-item__num {
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-magenta-500); min-width: 2.5em; flex-shrink: 0;
    }
    .poetry-item__title {
      font-family: var(--font-display); font-size: var(--text-sm);
      color: var(--cyber-chrome-200); letter-spacing: 0.03em;
      min-width: 0; overflow-wrap: anywhere;
    }
    .poetry-item__date {
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-chrome-500); margin-left: auto; flex-shrink: 0;
    }
    .poetry-search {
      display: flex; align-items: center; gap: var(--space-sm);
      margin-bottom: var(--space-sm);
    }
    .poetry-search input {
      flex: 1; min-width: 0;
      background: var(--cyber-void-500);
      border: 1px solid var(--color-border-default);
      color: var(--cyber-chrome-200);
      font-family: var(--font-mono); font-size: var(--text-sm);
      padding: var(--space-xs) var(--space-sm);
      transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    }
    .poetry-search input::placeholder { color: var(--cyber-chrome-600); }
    .poetry-search input:focus {
      outline: none;
      border-color: var(--cyber-red-500);
      box-shadow: 0 0 10px color-mix(in srgb, var(--cyber-red-500) 35%, transparent);
    }
    .poetry-search__count {
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-chrome-500); white-space: nowrap; flex-shrink: 0;
    }