/* Bibliothek und Planer V2.4.220. Ausschliesslich diese beiden Ansichten. */

html body :is(#view-lists, #view-planner) {
  --collection-surface: #0d1215;
  --collection-field: #13191d;
  --collection-border: rgba(167, 187, 195, .18);
  --collection-muted: #bac2c8;
  --collection-red: #ff1934;
  --lib-control-height: 38px;
  --lib-text: #f4f5f6;
  --lib-muted: #bac2c8;
  --lib-surface: #0d1215;
  --lib-surface-soft: #13191d;
  --lib-border: rgba(167, 187, 195, .18);
  --lib-accent: #ff1934;
  min-width: 0;
}

html body :is(#view-lists, #view-planner) .collection-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 164px;
  overflow: hidden;
  margin: 0;
  padding: 24px 18px;
  border: 1px solid var(--collection-border);
  border-radius: 8px;
  background: linear-gradient(105deg, #0b0e12, #130e14);
}

html body :is(#view-lists, #view-planner) .collection-hero-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

html body :is(#view-lists, #view-planner) .collection-hero-art :is(picture, img) {
  display: block;
  width: 100%;
  height: 100%;
}

html body :is(#view-lists, #view-planner) .collection-hero-art img {
  object-fit: cover;
  object-position: right center;
}

html body :is(#view-lists, #view-planner) .collection-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 7, 10, .86), rgba(4, 7, 10, .55) 48%, transparent 78%);
}

html body :is(#view-lists, #view-planner) .collection-hero-copy { max-width: 64%; }
html body :is(#view-lists, #view-planner) .collection-hero .page-main-title {
  margin: 0 0 3px !important;
  color: #fafafa !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  line-height: 1.15 !important;
}
html body :is(#view-lists, #view-planner) .collection-hero-lead {
  margin: 0 0 8px !important;
  color: #f5f5f5 !important;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.3 !important;
}
html body :is(#view-lists, #view-planner) .collection-hero-description {
  margin: 0 !important;
  color: var(--collection-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Dieselben Select-Proxies und Menueformen wie Entdecken/Kalender. */
html body :is(#view-lists, #view-planner) .ar-select { width: 100%; min-width: 0; }
html body :is(#view-lists, #view-planner) .ar-select-btn {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid var(--collection-border) !important;
  border-radius: 8px !important;
  background: linear-gradient(130deg, #131a1e, #101619) !important;
  color: #f1f3f5 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  transform: none !important;
}
html body :is(#view-lists, #view-planner) .ar-select-text {
  color: inherit !important;
  font: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
html body :is(#view-lists, #view-planner) .ar-select-arrow {
  width: 14px !important;
  min-width: 0 !important;
  flex: 0 0 14px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: inherit !important;
}
html body :is(#view-lists, #view-planner) .ar-select-arrow::before {
  content: '' !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 0 2px !important;
  border: 0 !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  border-radius: 1px !important;
  background: none !important;
  transform: rotate(45deg) !important;
}
html body :is(#view-lists, #view-planner) .ar-select.is-open .ar-select-arrow::before { transform: rotate(-135deg) !important; }
html body :is(#view-lists, #view-planner) .ar-select.is-open .ar-select-btn { border-color: #bd2938 !important; }
html body :is(#view-lists, #view-planner) .ar-select-menu {
  padding: 6px !important;
  border: 1px solid var(--collection-border) !important;
  border-radius: 10px !important;
  background: #16141a !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .46) !important;
}
html body :is(#view-lists, #view-planner) .ar-select-option {
  border-radius: 7px !important;
  background: transparent !important;
  color: #ece6e9 !important;
  font-weight: 500 !important;
}
html body :is(#view-lists, #view-planner) .ar-select-option:is(:hover, .is-selected) { background: rgba(216, 52, 58, .16) !important; }
html body :is(#view-lists, #view-planner) :is(button, summary, a):focus-visible { outline: 2px solid #ff5367; outline-offset: 3px; }

html body #view-lists .lib-reference-controls {
  display: grid;
  gap: 13px;
  padding: 14px 12px;
  border: 1px solid var(--collection-border);
  border-radius: 8px;
  background: rgba(8, 13, 16, .92);
}
html body #view-lists .lib-reference-search {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(167, 187, 195, .1);
  border-radius: 7px;
  background: var(--collection-field);
  margin: 0 !important;
}
html body #view-lists .lib-reference-search svg,
html body #view-lists .lib-reference-reset svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html body #view-lists #libraryQuickFilter {
  width: 100% !important;
  min-width: 0;
  height: 36px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f4f5f6 !important;
  font-size: 12px !important;
}
html body #view-lists .lib-reference-filter-row { display: grid; grid-template-columns: .85fr .95fr 1.1fr 1.2fr; gap: 12px; }
html body #view-lists .lib-reference-filter-row > label { min-width: 0; margin: 0 !important; }
html body #view-lists .lib-reference-reset {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 38px;
  min-height: 0;
  padding: 0 12px;
  border: 1px solid var(--collection-red);
  border-radius: 8px;
  background: rgba(61, 7, 14, .12);
  box-shadow: none;
  color: var(--collection-red);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
html body #view-lists .lib-reference-listbar { display: flex; align-items: start; gap: 8px; min-width: 0; }
html body #view-lists .lib-reference-listbar #customLists.list-tabs,
html body #view-lists .lib-reference-listbar #customLists.list-tabs.has-open-menu { flex: 1; min-width: 0 !important; width: auto !important; min-height: 0 !important; flex-wrap: wrap !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; }
html body #view-lists .lib-reference-listbar #customLists.list-tabs .list-tab-item { display: inline-flex !important; flex: 0 1 auto !important; width: auto !important; max-width: 100%; min-height: 0 !important; height: 32px; margin: 0 !important; border-color: var(--collection-border) !important; background: #101619 !important; }
html body #view-lists .lib-reference-listbar #customLists.list-tabs .list-tab-item.active { border-color: var(--collection-red) !important; background: linear-gradient(135deg, #ff263a, #ee0622) !important; }
html body #view-lists #customLists .list-tab { min-width: 0; min-height: 30px !important; height: 30px; padding: 0 18px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f7f7f8 !important; font-size: 11px !important; font-weight: 500 !important; }
html body #view-lists #customLists .list-menu-toggle { width: 27px !important; min-width: 27px; min-height: 30px !important; height: 30px; border-left: 0 !important; }
html body #view-lists #customLists .list-menu-toggle span { border-color: #c6cdd1 !important; }
html body #view-lists #customLists .list-menu { z-index: 30; border-color: var(--collection-border) !important; background: #14191e !important; }
html body #view-lists .lib-create-list {
  flex: 0 0 32px;
  display: grid !important;
  place-items: center;
  width: 32px;
  height: 32px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--collection-border) !important;
  border-radius: 50% !important;
  background: #101619 !important;
  color: #e6ebee !important;
  box-shadow: none !important;
  font-size: 22px !important;
  cursor: pointer;
}
html body #view-lists .lib-reference-results { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 54px; padding: 8px 6px; }
html body #view-lists #libraryCount { color: #f3f5f6; font-size: 12px; font-weight: 600; }
html body #view-lists .lib-reference-view-actions { display: flex; align-items: center; gap: 8px; }
html body #view-lists .lib-view-label { color: #c7cbce; font-size: 11px; }
html body #view-lists .lib-view-toggle { gap: 0; padding: 0; border: 1px solid var(--collection-border); border-radius: 7px; background: #0b0e11; }
html body #view-lists .lib-view-btn { width: 38px; height: 36px; border-radius: 5px; color: #b6bdc2; }
html body #view-lists .lib-view-btn.is-active { color: white; background: linear-gradient(135deg, #d82b38, #850e18); box-shadow: inset 0 0 0 1px #e02b3a; }
html body #view-lists .lib-reference-actions { position: relative; }
html body #view-lists .lib-reference-actions summary { display: grid; place-items: center; width: 28px; height: 32px; list-style: none; color: #c7cbce; cursor: pointer; font-size: 19px; }
html body #view-lists .lib-reference-actions summary::-webkit-details-marker { display: none; }
html body #view-lists .lib-reference-actions > div { position: absolute; top: 100%; right: 0; z-index: 20; display: grid; width: 190px; padding: 6px; border: 1px solid var(--collection-border); border-radius: 8px; background: #14191e; box-shadow: 0 10px 30px #0009; }
html body #view-lists .lib-reference-actions button { min-height: 36px; border: 0; border-radius: 6px; font-size: 12px; text-align: left; }
html body #view-lists .lib-reference-actions:not([open]) > div { display: none; }

html body #view-lists #libraryGrid.library-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 13px !important; margin: 0 6px !important; padding: 0 !important; }
html body #view-lists .lib-card-item { position: relative; display: flex; flex-direction: column; gap: 0; overflow: hidden; min-width: 0; padding: 0; border: 1px solid var(--collection-border); border-radius: 7px; background: #0b1114; }
html body #view-lists .lib-card-art { display: block; width: 100%; aspect-ratio: 1.64; overflow: hidden; border-radius: 0; }
html body #view-lists .lib-card-art::after { content: ''; position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(transparent, #0b1114); }
html body #view-lists .lib-card-art img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: center 27%; }
html body #view-lists .lib-card-art { position: relative; }
html body #view-lists .lib-fav-btn,
html body #view-lists .lib-card-edit { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 29px; height: 32px; min-height: 0; padding: 4px; border: 1px solid var(--collection-border); border-radius: 5px; background: #0b1218eb; box-shadow: none; color: #ff233c; cursor: pointer; }
html body #view-lists .lib-fav-btn svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; }
html body #view-lists .lib-fav-btn.is-active svg { fill: currentColor; }
html body #view-lists .lib-fav-btn.is-active { background: #0b1218eb; color: #ff233c; }
html body #view-lists .lib-card-edit { right: auto; left: 6px; width: 25px; height: 25px; color: #e3e7eb; font-size: 17px; }
html body #view-lists .lib-card-content { display: flex; flex-direction: column; align-items: start; flex: 1; min-width: 0; padding: 0 10px 8px; }
html body #view-lists .lib-card-title { display: -webkit-box; max-width: 100%; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: 14px; font-weight: 700; line-height: 1.12; }
html body #view-lists .lib-card-subtitle { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 11px; line-height: 1.12; color: #eceef0; }
html body #view-lists .lib-card-meta { margin-top: 3px; color: #bdc6cc; font-size: 11px; line-height: 1.25; }
html body #view-lists .lib-card-rating { min-height: 22px; gap: 5px; color: #e8edf0; font-size: 12px; font-weight: 500; }
html body #view-lists .lib-card-rating i { color: #ffd42d; font-size: 17px; }
html body #view-lists .lib-card-rating small { color: #9ca7ad; font-size: 10px; }
html body #view-lists .lib-card-genres { display: flex; flex-wrap: wrap; gap: 4px; margin: 5px 0 7px; }
html body #view-lists .lib-card-genres > span { padding: 2px 8px; border: 1px solid var(--collection-border); border-radius: 99px; background: #171e22; color: #d5dce0; font-size: 9px; line-height: 1.15; }
html body #view-lists [data-library-providers] { margin-top: auto; }
html body #view-lists .seasons-card-providers { display: flex; align-items: center; gap: 7px; min-height: 29px; }
html body #view-lists :is(.seasons-provider-logo, .seasons-provider-more) { display: grid; place-items: center; width: 28px; height: 28px; overflow: hidden; border: 1px solid var(--collection-border); border-radius: 5px; background: #070d11; color: #ced5db; font-size: 10px; }
html body #view-lists .seasons-provider-logo img { width: 100%; height: 100%; object-fit: contain; }
html body #view-lists #libraryGrid > :is(.empty-state, .ui-state, .ui-state-card, .library-pager) { grid-column: 1 / -1; }
html body #view-lists .lib-reference-extra { margin: 18px 6px 0; padding: 12px; border: 1px solid var(--collection-border); border-radius: 8px; background: #0d1215; }
html body #view-lists .lib-reference-extra > summary { color: var(--collection-muted); font-size: 12px; cursor: pointer; }
html body #view-lists .lib-reference-extra[open] > summary { margin-bottom: 16px; }
html body #view-lists .lib-reference-extra .lib-facets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 16px; }
html body #view-lists .lib-reference-extra:not([open]) > :not(summary) { display: none !important; }

html body[data-active-view="planner"] #contentTopbar { display: flex !important; }
html body #view-planner .planner-reference-tabs { display: flex; gap: 7px; margin: 12px 6px 16px; padding: 0; overflow-x: auto; scrollbar-width: none; }
html body #view-planner .planner-reference-tabs::-webkit-scrollbar { display: none; }
html body #view-planner .planner-reference-tabs button { flex: 0 0 auto; min-width: 122px; height: 42px; min-height: 0; padding: 0 24px; border: 1px solid var(--collection-border); border-radius: 7px; background: #0f1519; color: #c6ced5; box-shadow: none; font-size: 12px; font-weight: 500; cursor: pointer; }
html body #view-planner .planner-reference-tabs button.is-active { border-color: #ff233c; background: linear-gradient(135deg, #ff263c, #ef0626); color: #fff; font-weight: 600; }
html body #view-planner .planner-reference-layout { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(245px, 1fr); align-items: start; gap: 16px; margin: 0 6px; }
html body #view-planner .planner-reference-main { min-width: 0; display: grid; gap: 16px; }
html body #view-planner .planner-reference-filters { display: grid; grid-template-columns: .9fr .9fr 1.3fr; gap: 12px; }
html body #view-planner .planner-reference-filters > label { min-width: 0; margin: 0 !important; }
html body #view-planner .planner-reference-side { display: grid; gap: 12px; min-width: 0; }
html body #view-planner .planner-reference-panel { min-width: 0; padding: 12px 10px 0; border: 1px solid var(--collection-border); border-radius: 8px; background: #0d1317; }
html body #view-planner .planner-reference-panel h3 { margin: 0 2px 12px; color: #f4f5f7; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
html body #view-planner .planner-reference-panel-head { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
html body #view-planner .planner-reference-panel-head button { height: auto; min-height: 0; padding: 2px 0; border: 0; background: transparent; box-shadow: none; color: var(--collection-red); font-size: 11px; font-weight: 500; cursor: pointer; }
html body #view-planner .planner-reference-table-head,
html body #view-planner .planner-reference-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .75fr) minmax(0, .9fr) minmax(0, .75fr) 62px 28px; align-items: center; column-gap: 5px; }
html body #view-planner .planner-reference-table-head { min-height: 34px; padding: 0 9px; border: 1px solid var(--collection-border); border-radius: 6px; background: #161e23; color: #d3dae0; font-size: 10px; }
html body #view-planner .planner-reference-table-head > :first-child { padding-left: 15px; }
html body #view-planner .planner-reference-row { position: relative; min-height: 61px; padding: 6px 4px; border-bottom: 1px solid var(--collection-border); color: #c5cdd4; font-size: 11px; }
html body #view-planner .planner-reference-row:last-child { border-bottom: 0; }
html body #view-planner .planner-row-anime { display: grid; grid-template-columns: 10px 40px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; }
html body #view-planner .planner-row-dot { display: block; width: 10px; height: 10px; border-radius: 50%; background: #ff3047; }
html body #view-planner .planner-row-cover { display: block; width: 40px; height: 48px; overflow: hidden; border: 1px solid var(--collection-border); border-radius: 5px; background: #131a20; }
html body #view-planner .planner-row-cover img { width: 100%; height: 100%; object-fit: cover; }
html body #view-planner .planner-row-title { min-width: 0; color: #f3f5f7; text-decoration: none; font-size: 11px; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
html body #view-planner .planner-row-date { font-size: 10px; line-height: 1.3; }
html body #view-planner .planner-status-chip { display: inline-flex; align-items: center; max-width: 100%; min-height: 22px; padding: 3px 8px; border-radius: 99px; background: #252e35; color: #dbe2e7; font-size: 9px; line-height: 1.15; }
html body #view-planner .planner-status-chip.is-watching { background: #183950; color: #d3e8fc; }
html body #view-planner .planner-status-chip.is-completed { background: #10482c; color: #cff4d9; }
html body #view-planner .planner-row-rating { position: relative; display: inline-block; width: max-content; height: 18px; color: #69767f; font-family: Arial, sans-serif; font-size: 14px; letter-spacing: .2px; line-height: 18px; white-space: nowrap; }
html body #view-planner .planner-row-rating > span:last-child { position: absolute; top: 0; left: 0; overflow: hidden; color: #ffd12e; }
html body #view-planner .planner-row-time { display: none; }
html body #view-planner .planner-row-countdown { display: inline-flex; align-items: center; gap: 6px; color: #d5dce2; white-space: nowrap; font-size: 11px; }
html body #view-planner .planner-row-countdown svg { width: 14px; height: 14px; flex: 0 0 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
html body #view-planner .planner-row-actions { min-width: 0; }
html body #view-planner .planner-row-actions details { position: relative; }
html body #view-planner .planner-row-actions summary { display: grid; place-items: center; width: 28px; height: 30px; border: 1px solid var(--collection-border); border-radius: 6px; background: #171f24; color: #f0f3f5; font-size: 17px; line-height: 1; list-style: none; cursor: pointer; }
html body #view-planner .planner-row-actions summary::-webkit-details-marker { display: none; }
html body #view-planner .planner-row-menu { position: absolute; top: calc(100% + 5px); right: 0; z-index: 32; display: grid; width: 184px; padding: 6px; border: 1px solid var(--collection-border); border-radius: 8px; background: #14191e; box-shadow: 0 10px 30px #0009; }
html body #view-planner .planner-row-actions details:not([open]) .planner-row-menu { display: none; }
html body #view-planner .planner-row-actions details.opens-up .planner-row-menu { top: auto; bottom: calc(100% + 5px); }
html body #view-planner .planner-row-menu :is(a, button) { display: flex; align-items: center; min-height: 36px; padding: 6px 10px; border: 0; border-radius: 5px; background: transparent; color: #e6ebee; box-shadow: none; font-size: 12px; text-decoration: none; font-weight: 500; cursor: pointer; }
html body #view-planner .planner-row-menu :is(a, button):hover { background: #ffffff0c; }
html body #view-planner .planner-row-menu .is-danger { color: #ff6c80; }
html body #view-planner .planner-upcoming-row { display: grid; grid-template-columns: 9px 40px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 68px; padding: 8px 0; border-top: 1px solid var(--collection-border); color: inherit; text-decoration: none; }
html body #view-planner .planner-upcoming-copy { display: grid; gap: 3px; min-width: 0; color: #b8c2ca; font-size: 11px; line-height: 1.2; }
html body #view-planner .planner-upcoming-copy strong { color: #f4f5f7; font-size: 11px; font-weight: 650; }
/* Ohne Markup seit V2.4.233: der Statistikbereich der Seitenspalte
   (.planner-reference-statistics, #plannerReferenceStats,
   [data-planner-statistics-art]) ist aus index.html und aus
   renderPlannerReference() entfernt. Die folgenden Regeln bis
   .planner-reference-art treffen deshalb kein Element mehr. Sie bleiben
   nur stehen, damit dieses Blatt diff-arm bleibt. */
html body #view-planner .planner-stat-row { display: grid; grid-template-columns: 21px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 31px; border-top: 1px solid var(--collection-border); color: #c6cfd6; font-size: 12px; }
html body #view-planner .planner-stat-row strong { padding-right: 8px; color: #f3f5f7; font-size: 12px; }
html body #view-planner .planner-stat-icon { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; background: #9b1a2d; color: #f07b8b; }
html body #view-planner .planner-stat-icon.is-watching { background: #3456bf; color: #baccff; }
html body #view-planner .planner-stat-icon.is-completed { background: #208d4c; color: #bdf7d0; }
html body #view-planner .planner-stat-icon.is-lists { background: #767e88; color: #eef0f2; }
html body #view-planner .planner-stat-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
html body #view-planner .planner-reference-art { display: block; position: relative; overflow: hidden; aspect-ratio: 2.18; margin: 9px -10px 0; border-top: 1px solid var(--collection-border); border-radius: 0 0 7px 7px; background: #100d13; }
html body #view-planner .planner-reference-art :is(picture, img) { display: block; width: 100%; height: 100%; }
html body #view-planner .planner-reference-art img { object-fit: cover; object-position: center; }
html body #view-planner .planner-reference-status { margin: 0 6px 12px; padding: 10px; border: 1px solid var(--collection-border); border-radius: 6px; color: #c7ced5; font-size: 12px; }
html body #view-planner .planner-reference-status[hidden] { display: none; }
html body #view-planner .planner-reference-empty { margin: 0 0 14px; color: #bac2c8; font-size: 12px; line-height: 1.4; }
html body #view-planner .planner-reference-week { margin: 18px 6px 0; padding: 12px; border: 1px solid var(--collection-border); border-radius: 8px; background: #0d1215; }
html body #view-planner .planner-reference-week > summary { color: var(--collection-muted); font-size: 12px; cursor: pointer; }
html body #view-planner .planner-reference-week[open] > summary { margin-bottom: 16px; }
html body #view-planner .planner-reference-week:not([open]) > :not(summary),
html body #view-planner .release-planner-main-header,
html body #view-planner #releasePlannerSummary { display: none !important; }

@media (min-width: 960px) and (max-width: 1023px) {
  html body #view-planner .planner-reference-layout { grid-template-columns: minmax(0, 1fr) 235px; gap: 12px; }
  html body #view-planner .planner-reference-row,
  html body #view-planner .planner-reference-table-head { grid-template-columns: minmax(110px, 1.4fr) 53px 67px 65px 52px 26px; column-gap: 5px; }
  html body #view-planner .planner-row-anime { grid-template-columns: 7px 32px minmax(0, 1fr); gap: 5px; }
  html body #view-planner .planner-row-cover { width: 32px; height: 45px; }
  html body #view-planner .planner-row-rating { font-size: 11px; }
  html body #view-planner .planner-upcoming-row { grid-template-columns: 7px 32px minmax(0, 1fr); gap: 6px; }
  html body #view-planner .planner-upcoming-row .planner-row-countdown { grid-column: 3; }
}

@media (max-width: 959px) {
  html body #view-planner .planner-reference-tabs { margin: 9px 4px 12px; gap: 5px; }
  html body #view-planner .planner-reference-tabs button { min-width: 103px; height: 36px; padding: 0 15px; font-size: 11px; }
  html body #view-planner .planner-reference-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 0 4px; }
  html body #view-planner .planner-reference-main { gap: 12px; }
  html body #view-planner .planner-reference-filters { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  html body #view-planner .planner-reference-panel { padding: 12px 9px 0; }
  html body #view-planner .planner-reference-panel h3 { margin: 0 3px 10px; font-size: 15px; }
  html body #view-planner .planner-reference-table-head { display: none; }
  html body #view-planner .planner-reference-row { grid-template-columns: 10px 43px minmax(0, 1fr) 77px 28px; grid-template-rows: minmax(19px, auto) 18px 18px; column-gap: 9px; row-gap: 0; min-height: 83px; padding: 10px 0; font-size: 11px; }
  html body #view-planner .planner-reference-row:first-child { border-top: 1px solid var(--collection-border); }
  html body #view-planner .planner-row-anime { display: contents; }
  html body #view-planner .planner-row-dot { grid-column: 1; grid-row: 1 / 4; align-self: center; }
  html body #view-planner .planner-row-cover { grid-column: 2; grid-row: 1 / 4; width: 43px; height: 62px; align-self: center; }
  html body #view-planner .planner-row-title { grid-column: 3 / 5; grid-row: 1; padding-right: 4px; max-width: 100%; font-size: 11px; align-self: start; }
  html body #view-planner .planner-row-episode { grid-column: 3; grid-row: 2; align-self: center; }
  html body #view-planner .planner-row-date { grid-column: 3 / 5; grid-row: 3; padding-right: 67px; font-size: 10px; line-height: 1.2; }
  html body #view-planner .planner-row-status { display: none; }
  html body #view-planner .planner-row-score { grid-column: 4; grid-row: 3; justify-self: end; }
  html body #view-planner .planner-row-time { display: block; grid-column: 4; grid-row: 2; justify-self: end; }
  html body #view-planner .planner-row-countdown { gap: 4px; font-size: 10px; }
  html body #view-planner .planner-row-rating { font-size: 13px; }
  html body #view-planner .planner-row-actions { grid-column: 5; grid-row: 1 / 4; align-self: start; }
  html body #view-planner .planner-reference-side { margin-top: 0; }
  html body #view-planner .planner-upcoming-row { min-height: 75px; }
  html body #view-planner .planner-upcoming-row > :is(.planner-row-dot, .planner-row-cover) { grid-column: auto; grid-row: auto; }
  html body #view-planner .planner-upcoming-row .planner-row-cover { width: 40px; height: 56px; }
  /* ohne Markup seit V2.4.233, siehe Hinweis oben */
  html body #view-planner .planner-reference-art { margin-inline: -9px; }
  html body #view-planner .planner-reference-week { margin-inline: 4px; }
  html body :is(#view-lists, #view-planner) .collection-hero { min-height: 164px; padding: 20px 12px; border-radius: 7px; }
  html body :is(#view-lists, #view-planner) .collection-hero-copy { max-width: 78%; }
  html body :is(#view-lists, #view-planner) .collection-hero .page-main-title { margin-bottom: 4px !important; font-size: 23px !important; line-height: 1.1 !important; }
  html body :is(#view-lists, #view-planner) .collection-hero-lead { margin-bottom: 8px !important; font-size: 14px !important; line-height: 1.25 !important; }
  html body :is(#view-lists, #view-planner) .collection-hero-description { font-size: 11px !important; line-height: 1.35 !important; }
  html body :is(#view-lists, #view-planner) .ar-select-btn { height: 36px !important; min-height: 36px !important; padding: 0 12px !important; font-size: 11px !important; }
  html body #view-lists { --lib-control-height: 36px; }
  html body #view-lists .lib-reference-controls { gap: 9px; padding: 10px 9px; }
  html body #view-lists .lib-reference-search { height: 36px; padding: 0 11px; gap: 9px; }
  html body #view-lists #libraryQuickFilter { font-size: 10px !important; }
  html body #view-lists .lib-reference-filter-row { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  html body #view-lists .lib-reference-reset { height: 36px; font-size: 12px; }
  html body #view-lists .lib-reference-listbar { gap: 5px; }
  html body #view-lists .lib-reference-listbar #customLists.list-tabs,
  html body #view-lists .lib-reference-listbar #customLists.list-tabs.has-open-menu { gap: 6px !important; }
  html body #view-lists .lib-reference-listbar #customLists.list-tabs .list-tab-item { height: 30px; }
  html body #view-lists #customLists .list-tab { height: 28px; min-height: 28px !important; padding: 0 12px !important; font-size: 10px !important; }
  html body #view-lists #customLists .list-menu-toggle { height: 28px; min-height: 28px !important; width: 23px !important; min-width: 23px; }
  html body #view-lists .lib-create-list { width: 30px; height: 30px !important; flex-basis: 30px; }
  html body #view-lists .lib-reference-results { min-height: 49px; padding: 7px 3px; }
  html body #view-lists #libraryCount { font-size: 11px; font-weight: 500; }
  html body #view-lists .lib-view-label { display: none; }
  html body #view-lists .lib-reference-view-actions { gap: 3px; }
  html body #view-lists .lib-view-btn { width: 32px; height: 32px; }
  html body #view-lists .lib-reference-actions summary { width: 22px; }
  html body #view-lists #libraryGrid.library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 3px !important; }
  html body #view-lists .lib-card-art { aspect-ratio: 1.72; }
  html body #view-lists .lib-card-content { padding: 0 7px 6px; }
  html body #view-lists .lib-card-title { font-size: 12px; line-height: 1.13; }
  html body #view-lists .lib-card-subtitle { font-size: 10px; }
  html body #view-lists .lib-card-meta { margin-top: 3px; font-size: 9px; }
  html body #view-lists .lib-card-rating { min-height: 19px; font-size: 10px; }
  html body #view-lists .lib-card-rating i { font-size: 14px; }
  html body #view-lists .lib-card-genres { gap: 3px; margin: 3px 0 5px; }
  html body #view-lists .lib-card-genres > span { padding: 2px 4px; font-size: 7px; }
  html body #view-lists .lib-fav-btn { top: 4px; right: 4px; width: 24px; height: 26px; padding: 3px; }
  html body #view-lists .lib-fav-btn svg { width: 19px; height: 19px; }
  html body #view-lists .lib-card-edit { top: 4px; left: 4px; width: 23px; height: 23px; font-size: 15px; }
  html body #view-lists .seasons-card-providers { min-height: 23px; gap: 6px; }
  html body #view-lists :is(.seasons-provider-logo, .seasons-provider-more) { width: 23px; height: 23px; font-size: 9px; }
  html body #view-lists .lib-reference-extra .lib-facets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}