.manga-hover-panel{
  --hover-bg:var(--surface,#111);
  --hover-border:var(--border3,#484848);
  --hover-line:var(--border,#282828);
  --hover-text:var(--text-primary,#f5f5f5);
  --hover-muted:var(--text-secondary,#aaa);
  --hover-faint:var(--text-muted,#888);
  --hover-tag:var(--tag-bg,#161616);
  position:fixed;z-index:250;width:min(300px,calc(100vw - 16px));
  max-height:calc(100vh - 16px);overflow:auto;
  padding:16px;border:1px solid var(--hover-border);border-radius:10px;
  background:rgba(17,17,17,.98);color:var(--hover-text);
  box-shadow:0 18px 50px rgba(0,0,0,.78);
  opacity:0;visibility:hidden;transform:translateY(3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.manga-hover-panel.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.manga-hover-panel__close{
  position:absolute;top:7px;right:7px;display:none;width:30px;height:30px;padding:0;
  color:var(--hover-muted);background:#19191b;border:1px solid #3a3a3d;border-radius:5px;
  font:600 18px/1 sans-serif;cursor:pointer;
}
.manga-hover-panel__close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.manga-hover-panel__title{
  margin:0 28px 12px 0;color:#fff;font-size:15.5px;font-weight:700;line-height:1.4;
  overflow-wrap:anywhere;
}
.manga-hover-panel__details{display:grid;gap:5px;margin-bottom:12px}
.manga-hover-panel__row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;font-size:12.5px}
.manga-hover-panel__label{color:var(--hover-muted)}
.manga-hover-panel__value{color:var(--hover-text);overflow-wrap:anywhere}
.manga-hover-panel__section-label{
  margin-bottom:6px;color:var(--hover-muted);font-size:10px;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;
}
.manga-hover-panel__genres{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.manga-hover-panel__genre{
  padding:3px 7px;border:1px solid var(--hover-line);border-radius:5px;
  background:var(--hover-tag);color:var(--hover-muted);font-size:11.5px;text-decoration:none;
}
.manga-hover-panel__genre:hover,.manga-hover-panel__genre:focus-visible{
  border-color:var(--hover-border);color:#fff;outline:none;
}
.manga-hover-panel__empty{color:var(--hover-faint);font-size:11.5px}
.manga-hover-panel__description{
  display:block;max-height:220px;overflow-y:auto;margin:0;padding-right:4px;
  color:var(--hover-muted);font-size:12.5px;line-height:1.6;
  white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;
  scrollbar-color:var(--hover-border) transparent;
}
.manga-hover-panel__description::-webkit-scrollbar{width:5px}
.manga-hover-panel__description::-webkit-scrollbar-track{background:transparent}
.manga-hover-panel__description::-webkit-scrollbar-thumb{background:var(--hover-border);border-radius:999px}
@media (hover:none),(pointer:coarse){
  .manga-hover-panel__close{display:grid;place-items:center}
}